<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ------------------------------------------
* Filename: company.css
* Company : Pixdine
* Author: : dhye
------------------------------------------ */

.cate_com_main .contents {padding-top:0;}
h1.comp_h1 {font-size:35px;color:#000;}
.contents h3.tit_h3 {margin:0;font-size:23px;color:#000;line-height:24px;}

.cate_com_main .header_cont {border-bottom:none;overflow:hidden;height:101px;}

.f_size14 {font-size:14px;}
.f_size14_txt {margin-top:-3px;font-size:14px;line-height:23px;}
.line_h21 {line-height:21px;}
.tit_line_red {display:block;width:16px;height:1px;margin-top:15px;background:#e84d4e;}
.ico_call {padding-left:21px;background:url(../images/company/ico_call.png) no-repeat 0 center;}
table .am {vertical-align:top;}

/*.inp_ne_txt {margin-top:5px;	}*/

.wrap_radio &gt; span {display:inline-block;margin-left:15px;}
.wrap_radio &gt; span:first-child {margin-left:0;}

.ac {text-align:center;}
.aj {text-align:justify;}
.al_nopad {text-align:left;}

.section_div {padding-top:54px;margin-top:54px;border-top:1px solid #e4e4e4;}
.section_div.fst_div {margin-top:17px;}
.section_div2 {margin-top:54px;}

.indicate {position:fixed;top:50%;left:50%;margin-left:568px;z-index:10;}
.indicate li {position:relative;margin-top:11px;width:15px;height:14px;background:url(../images/company/icon_ind.png) no-repeat 0 0;cursor:pointer;}
.indicate li:first-child {margin-top:0;}
.indicate li em {display:none;position:absolute;top:-5px;right:22px;width:76px;height:23px;padding-right:8px;font-size:11px;font-style:normal;background:url(/resources/images/company/ind_tbox.png) no-repeat 0 0;line-height:23px;text-align:center;}
.indicate li.current {background-position:0 -14px;}
.indicate li:hover em {display:block;}
/*.indicate em {position:absolute;visibility:hidden;}*/

.header {/*min-height:103px;*/ min-height:116px;}
/* header &gt; gnb &gt; img */
.header_nor .gnb.com_list {padding:22px 0 0 236px;}
.header_nor .gnb .list_com_in a {padding-left:15px;/*padding-left:0px;20150903 수정*/}

/* add 20150813*/
.header_nor {padding-top:12px}
.header_cont {width:1164px;}
.lnb {width:1164px;} 
/*.header_fixed .gnb {margin-left:236px;}*/
.lnb ul {min-width:35px;}
.lnb li a {padding:4px 0 6px 0}
.header_nor .header_cont .gnbArea {height:32px;top:60px;/*border-bottom:1px solid #eaeaea;*/}

.gnb .img_txt{background-image:url(/resources/images/common/header/gnb_company.png);background-position:0 0}
.gnb .list_com_in .img_txt{width:57px;background-position:0 0}
.gnb .list_com_ne .img_txt{width:44px;background-position:-180px 0}
.gnb .list_com_so .img_txt{width:94px;background-position:-360px 0}
.gnb .list_com_pl .img_txt{width:72px;background-position:-540px 0}
.gnb .list_com_hi .img_txt{width:123px;background-position:-720px 0}
.gnb .list_com_jo .img_txt{width:61px;background-position:-900px 0}
.gnb .list_com_in .img_txt:hover{background-position:0 -50px}
.gnb .list_com_ne .img_txt:hover{background-position:-180px -50px}
.gnb .list_com_so .img_txt:hover{background-position:-360px -50px}
.gnb .list_com_pl .img_txt:hover{background-position:-540px -50px}
.gnb .list_com_hi .img_txt:hover{background-position:-720px -50px}
.gnb .list_com_jo .img_txt:hover{background-position:-900px -50px}
.gnb .list_com_in .img_txt.on{background-position:0 -100px}
.gnb .list_com_ne .img_txt.on{background-position:-180px -100px}
.gnb .list_com_so .img_txt.on{background-position:-360px -100px}
.gnb .list_com_pl .img_txt.on{background-position:-540px -100px}
.gnb .list_com_hi .img_txt.on{background-position:-720px -100px}
.gnb .list_com_jo .img_txt.on{background-position:-900px -100px}

.header_fixed .gnb .list_com_in .img_txt{width:43px;background-position:0 -150px}
.header_fixed .gnb .list_com_ne .img_txt{width:32px;background-position:-180px -150px}
.header_fixed .gnb .list_com_so .img_txt{width:70px;background-position:-360px -150px}
.header_fixed .gnb .list_com_pl .img_txt{width:54px;background-position:-540px -150px}
.header_fixed .gnb .list_com_hi .img_txt{width:91px;background-position:-720px -150px}
.header_fixed .gnb .list_com_jo .img_txt{width:46px;background-position:-900px -150px}
.header_fixed .gnb .list_com_in .img_txt:hover{background-position:0 -200px}
.header_fixed .gnb .list_com_ne .img_txt:hover{background-position:-180px -200px}
.header_fixed .gnb .list_com_so .img_txt:hover{background-position:-360px -200px}
.header_fixed .gnb .list_com_pl .img_txt:hover{background-position:-540px -200px}
.header_fixed .gnb .list_com_hi .img_txt:hover{background-position:-720px -200px}
.header_fixed .gnb .list_com_jo .img_txt:hover{background-position:-900px -200px}
.header_fixed .gnb .list_com_in .img_txt.on{background-position:0 -250px}
.header_fixed .gnb .list_com_ne .img_txt.on{background-position:-180px -250px}
.header_fixed .gnb .list_com_so .img_txt.on{background-position:-360px -250px}
.header_fixed .gnb .list_com_pl .img_txt.on{background-position:-540px -250px}
.header_fixed .gnb .list_com_hi .img_txt.on{background-position:-720px -250px}
.header_fixed .gnb .list_com_jo .img_txt.on{background-position:-900px -250px}

/*
.lnb .lnb_company li {width:10%;}
.lnb .lnb_company .lnb_so li {width:15%;}
.lnb .lnb_company .lnb_jo li {width:25%;}
*/
/*20150817 수정*/
.lnb .innerwrap {text-align:left;height:34px;border-top:1px solid #e1e1e1;}
.lnb .lnb_company li {padding:0px 30px;}
.lnb .lnb_company .lnb_in {/*padding-left:253px;*/padding-left:234px;}
.lnb .lnb_company .lnb_ne {padding-left:365px;}
.lnb .lnb_company .lnb_so {/*padding-left:480px;*/padding-left:410px;}
.lnb .lnb_company .lnb_mana {padding-left:480px;}
.lnb .lnb_company .lnb_jo {padding-left:400px;}
/*20150817 수정*/

/* 메인 */
.main_notice {margin-top:0;}
.main_notice .txt {padding-left:15px;font-size:14px;}
.main_notice .date_hits {color:#a6a6a6;}

.link_cps_intro {overflow:hidden;margin-top:30px;}
.link_cps_intro ul {margin:-15px 0 0 -14px;}
.link_cps_intro ul li {float:left;width:376px;height:195px;margin:15px 0 0 14px;border:1px solid #fff;background:#fbfbfb;}
.link_cps_intro ul li:hover {border-color:#f65151;}
.link_cps_intro ul li a {display:block;width:100%;}
.link_cps_intro ul li a .img {width:100%;height:81px;}
.link_cps_intro ul li dl.info {padding:19px 20px 0;}
.link_cps_intro ul li dl dt {font-size:16px;font-weight:bold;color:#000;line-height:100%;}
.link_cps_intro ul li dl dd {margin-top:11px;color:#7d7d7d;line-height:18px;}

/* tab */
.tab_sty3 {width:298px;margin:0 auto;}
.tab_sty3 ul {zoom:1;font-size:0;}
.tab_sty3 ul:after {content:"";display:block;clear:both;}
.tab_sty3 ul li {float:left;margin-left:-1px;height:38px;line-height:38px;border:1px solid #292929;zoom:1;}
.tab_sty3 ul li &gt; a {display:block;width:148px;font-size:14px;color:#000;text-align:center;}
.tab_sty3 ul li a:hover,
.tab_sty3 ul li.on a {background:#555;color:#fff;}

.wrap_circle {padding-top:30px;margin-top:30px;border-top:1px solid #e4e4e4;}
.list_circle &gt; dl {float:left;}
.list_circle &gt; dl:first-child {margin-left:0;}
.list_circle &gt; dl dt {font-size:21px;font-weight:bold;color:#262626;text-align:center;}
.list_circle &gt; dl dt &gt; span {display:block;font-size:12px;font-weight:normal;color:#666;}

/* table */
table {table-layout:fixed;}
.tbl_sty1 tbody td .time {display:block;}
.txt_overflow {overflow:hidden;display:block;width:100%;color:#000;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.board_view {width:100%;border:none;border-bottom:1px solid #c6c6c6;text-align:center;}
.board_view table {table-layout:fixed;}
.board_view tbody tr.head {border-bottom:none;}
.board_view tbody tr.head th {height:45px;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;border-bottom:1px solid #000;font-weight:normal;background-color:#fbfbfb;color:#747474;vertical-align:middle;}
.board_view tbody tr.head td {height:45px;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #000;background:#fbfbfb url(../images/mycanon/bg_th_line.png) no-repeat left 50%;vertical-align:middle;color:#747474;}
.board_view tbody tr.head td.tit {padding-left:20px;border-right:none;text-align:left;color:#000;}
.board_view tbody td.sns {border-bottom:1px solid #f3f3f3;}
.board_view tbody td .board_cont {position:relative;padding:25px 30px;text-align:left;line-height:22px;}
.board_view tbody td .board_cont img {display:inline-block;max-width:1104px;}
.board_view tbody td .board_cont .sns_inner {margin-top:15px;}
.board_view tbody td.file {padding:0 30px;line-height:40px;border-top:1px solid #f3f3f3;background: url(../images/mycanon/bg_line.png) no-repeat 112px 50%;font-size:13px;color:#000;font-weight:bold;text-align:left;}
.board_view tbody td.file span {display:inline-block;margin-right:15px;padding:0px 13px 0px 23px;background: no-repeat url(../images/mycanon/ico_file_attach.png) left 50%;font-size:12px;font-weight:normal;}
.board_view tbody td.file a {color:#000;}


/* slide */
.slide_wrap {position:relative;margin-top:30px;}
.slide_wrap .inner {position:relative;overflow:hidden;margin:0 auto;width:1078px;height:200px;}
.slide_wrap .inner ul {width:5000px;}
.slide_wrap .inner ul li {position:relative;float:left;margin-left:15px;width:258px;background-color:#f8f8f8;}
.slide_wrap .inner ul li:first-child {margin-left:0;}
.slide_wrap .inner ul li &gt; a {position:relative;display:block;}
.slide_wrap .inner ul li span {display:block;}
.slide_wrap .inner ul li .thumb {overflow:hidden;width:254px;height:196px;border:2px solid #ffffff;background:url(../images/company/bg_support_thumb.png) no-repeat 0 0;cursor:pointer}
.slide_wrap .inner ul li .thumb img {display:block;width:100%;}
.slide_wrap .inner ul li .thumb_bg {position:absolute;top:0;left:0;width:258px;height:200px;}
.slide_wrap .inner ul li .name {padding-left:20px;margin-top:20px;font-size:14px;font-weight:bold;color:#000;line-height:15px;}
.slide_wrap .inner ul li .date {padding:0 0 20px 20px;margin-top:10px;color:#666;line-height:13px;}
.slide_wrap .inner ul li .anchor {position:absolute;top:0;left:0;display:block;width:258px;height:200px;font-size:21px;background:url(../images/company/bg_slide_off.png) repeat 0 0;color:#fff;text-align:center;}
.slide_wrap .inner ul li .anchor &gt; span {display:table-cell;width:258px;height:200px;vertical-align:middle;color:#fff;line-height:24px;}
.slide_wrap .inner ul li .anchor:hover {opacity:0;filter: alpha(opacity=0)}
.slide_wrap .inner ul li .anchor:hover &gt; span {display:none;}
.slide_wrap .inner ul li.on .thumb {border:2px solid #e84d4e;}
.slide_wrap .inner ul li.on .anchor {display:none;}
.btn_arr a {position:absolute;top:50%;overflow:hidden;display:block;margin-top:-13px;width:14px;height:26px;}
.btn_arr .arr_prev {left:0;background:url(../images/company/arr_supp_prev.png) no-repeat 0 0;}
.btn_arr .arr_next {right:0;background:url(../images/company/arr_supp_next.png) no-repeat 0 0;}
.btn_arr .arr_prev.on,
.btn_arr .arr_next.on {background-position:0 -26px;}

.slide ul{display:inline}
.slide ul li{display:inline}
.slide ul li .btn_rolling{display:inline-block;overflow:hidden;position:relative;top:271px;z-index:30;width:10px;height:10px;background:url(../images/main/btn_rolling_s.png) no-repeat left top;text-indent:12px}
.slide ul li .btn_rolling.on,.slide ul li .btn_rolling:hover{background:url(../images/main/btn_rolling_s_on.png) no-repeat left top}
.slide ul li .panel{position:absolute;top:0;left:0;z-index:10;text-align:left}
.slide .btn{display:inline-block;position:relative;top:271px;z-index:30;width:10px;height:10px;}
.slide .btn .stop{display:block;overflow:hidden;width:10px;height:10px;background:url(../images/main/btn_rolling_s_stop.png) no-repeat left top;text-indent:12px}
.slide .btn .play{display:block;overflow:hidden;width:10px;height:10px;background:url(../images/main/btn_rolling_s_play.png) no-repeat left top;text-indent:12px}

/* sns */
.sns_inner {overflow:hidden;zoom:1;}
.sns_inner ul {float:right;}
.sns_inner li {float:left;}
.sns_inner li a {display:block;width:42px;height:43px;margin-left:-1px;text-align:center;line-height:43px;}
.sns_inner li img {display:inline-block;*margin-top:15px;}
.sns_inner li a:hover {background-color:#f1f1f1;}
.sns_inner li:first-child a {margin-left:0;background:url(../images/company/line_sns.png) no-repeat right 15px;}
.sns_inner li:first-child a:hover {background-color:#f1f1f1;background-image:none;}


.wrap_intro {padding:54px 0;width:1106px;border-top:1px solid #000;}
.wrap_intro h1 {margin-top:0;}
/* 회사 개요 */
.wrap_intro.summary {border-top:none;}
.summary .inner .box {padding:30px 0px;border-top:1px solid #e4e4e4;}
.summary .inner .box.odd {background:#f8f8f8;}
.summary .inner .box.lst {padding-bottom:0;}
.summary .inner .box h3 {margin:0;font-size:23px;color:#000;line-height:24px;}
.summary .inner .box .txt01 {margin-top:15px;font-size:16px;color:#000;line-height:17px;}

/* 사업 영역 */
.business .list_prd {margin:45px auto 0;padding:0;width:970px;/*width:831px;*/border:0;}
.business .list_prd li {margin-left:61px;width:auto;margin-bottom:40px;}
.business .list_prd li:first-child {margin-left:0;}
.business .list_prd li .prd_img {height:85px;line-height:85px;}
.business .list_prd li .prd_name {margin-top:15px;text-align:center;}
.business .list_prd li.ml00 {margin-left:0;}
.business .list_circle {margin:0 auto;width:980px;}
.business .list_circle &gt; dl {margin-left:92px;width:265px;}
.business .list_circle &gt; dl:first-child {margin-left:0;}
.business .list_circle &gt; dl dt {padding-top:110px;margin:0 auto;width:197px;height:87px;}
.business .list_circle &gt; dl dd {margin-top:15px;text-align:center;line-height:21px;}
.business .list_circle &gt; dl.import dt {background:url(../images/company/bg_business01.png) no-repeat 0 0;}
.business .list_circle &gt; dl.marketing dt {background:url(../images/company/bg_business02.png) no-repeat 0 0;}
.business .list_circle &gt; dl.service dt {background:url(../images/company/bg_business03.png) no-repeat 0 0;}

/* ceo */
.ceo .photo {float:left;width:405px;}
.ceo .txt {float:left;margin-left:15px;width:686px;font-size:13px;line-height:19px;}
.ceo .txt strong {color:#000;}
.ceo .txt &gt; em {font-size:16px;font-weight:bold;font-style:normal;color:#000;}

/* 연혁 */
.history_tab {position:relative;margin:0 13px;}
.history_tab .tab_sty5 {position:relative;overflow:hidden;text-align:left;border-top:none;background:url(../images/company/line_history3.png) repeat-x 0 0;}
.history_tab .tab_sty5 ul {position:relative;left:480px;width:5000px;}
.history_tab .tab_sty5 ul li a {padding:19px 42px;}
.history_tab .tab_sty5 &gt; ul &gt; li.on {margin-top:0;}
.history_tab .btn_arr a {margin-top:-10px;width:11px;height:20px;}
.history_tab .btn_arr .arr_prev {left:-13px;background:url(../images/company/arr_supp_prev2.png) no-repeat 0 0;}
.history_tab .btn_arr .arr_next {right:-13px;background:url(../images/company/arr_supp_next2.png) no-repeat 0 0;}
.history_tab .btn_arr .arr_prev.on,
.history_tab .btn_arr .arr_next.on {background-position:0 -20px;}

.history_cont {position:relative;margin:37px auto 0;width:1080px;background:url(../images/company/line_history.png) repeat-y 540px 0;border:1px solid #e5e5e5;}
.history_cont .hist_div {float:left;width:480px;padding:30px;border-top:1px solid #e5e5e5;margin-top:-1px;}
.history_cont .hist_div.clear {clear:both;}
.history_cont .hist_inner dt {margin-bottom:12px;font-size:14px;font-weight:bold;color:#000;line-height:15px;}
.history_cont .hist_inner dd {padding-left:6px;background:url(../images/company/bul_history.png) no-repeat 0 8px;}

.history_cont .prd_pic {width:500px;padding-left:10px;}
.history_cont .prd_pic .hist_inner {padding-left:130px;width:360px;background-repeat:no-repeat;background-position:0 center;}
/*연혁 2014년 추가 20151209*/
.history_cont .y201412 .hist_inner {background-image:url(../images/company/prd_history_201412.jpg);}
.history_cont .y201410 .hist_inner {background-image:url(../images/company/prd_history_201410.jpg);}
.history_cont .y201409 .hist_inner {background-image:url(../images/company/prd_history_201409.jpg);}
.history_cont .y201406 .hist_inner {background-image:url(../images/company/prd_history_201406.jpg);}
.history_cont .y201405 .hist_inner {min-height:130px;background-image:url(../images/company/prd_history_201405.jpg);}
.history_cont .y201404 .hist_inner {background-image:url(../images/company/prd_history_201404.jpg);}
.history_cont .y201403 .hist_inner {min-height:130px;background-image:url(../images/company/prd_history_201403.jpg);}
.history_cont .y201402 .hist_inner {background-image:url(../images/company/prd_history_201402.jpg);}


.history_cont .y201311 .hist_inner {background-image:url(../images/company/prd_history_201311.png);}
.history_cont .y201308 .hist_inner {background-image:url(../images/company/prd_history_201308.png);}
.history_cont .y201307 .hist_inner {background-image:url(../images/company/prd_history_201307.png);}
.history_cont .y201305 .hist_inner {background-image:url(../images/company/prd_history_201305.png);}
.history_cont .y201303 .hist_inner {min-height:130px;background-image:url(../images/company/prd_history_201303.png);}
.history_cont .y201209 .hist_inner {background-image:url(../images/company/prd_history_201209.png);}
.history_cont .y201208 .hist_inner {background-image:url(../images/company/prd_history_201208.png);}
.history_cont .y201207 .hist_inner {background-image:url(../images/company/prd_history_201207.png);}
.history_cont .y201206 .hist_inner {background-image:url(../images/company/prd_history_201206.png);}
.history_cont .y201204 .hist_inner {background-image:url(../images/company/prd_history_201204.png);}
.history_cont .y201203 .hist_inner {background-image:url(../images/company/prd_history_201203.png);}
.history_cont .y201201 .hist_inner {background-image:url(../images/company/prd_history_201201.png);}
.history_cont .y201102 .hist_inner {background-image:url(../images/company/prd_history_201102.png);}
.history_cont .y201101 .hist_inner {background-image:url(../images/company/prd_history_201101.png);}
.history_cont .y201009 .hist_inner {background-image:url(../images/company/prd_history_201009.png);}
.history_cont .y201008 .hist_inner {background-image:url(../images/company/prd_history_201008.png);}
.history_cont .y201005 .hist_inner {background-image:url(../images/company/prd_history_201005.png);}
.history_cont .y201002 .hist_inner {background-image:url(../images/company/prd_history_201002.png);}
.history_cont .y201001 .hist_inner {background-image:url(../images/company/prd_history_201001.png);}
.history_cont .y200910 .hist_inner {background-image:url(../images/company/prd_history_200910.png);}
.history_cont .y200909 .hist_inner {background-image:url(../images/company/prd_history_200909.png);}
.history_cont .y200908 .hist_inner {background-image:url(../images/company/prd_history_200908.png);}
.history_cont .y200903 .hist_inner {background-image:url(../images/company/prd_history_200903.png);}
.history_cont .y200808 .hist_inner {background-image:url(../images/company/prd_history_200808.png);}
.history_cont .y200806 .hist_inner {background-image:url(../images/company/prd_history_200806.png);}
.history_cont .y200801 .hist_inner {background-image:url(../images/company/prd_history_200801.png);}
.history_cont .y200710 .hist_inner {background-image:url(../images/company/prd_history_200710.png);}
.history_cont .y200708 .hist_inner {background-image:url(../images/company/prd_history_200708.png);}
.history_cont .y200705 .hist_inner {background-image:url(../images/company/prd_history_200705.png);}
.history_cont .y200702 .hist_inner {background-image:url(../images/company/prd_history_200702.png);}
.history_cont .y200609 .hist_inner {background-image:url(../images/company/prd_history_200609.png);}
.history_cont .y200608 .hist_inner {background-image:url(../images/company/prd_history_200608.png);}
.history_cont .y200604 .hist_inner {background-image:url(../images/company/prd_history_200604.png);}





/* 기업 문화 */
.culture .txt {font-size:14px;}
.culture .list_circle &gt; dl {width:552px;}
.culture .list_circle &gt; dl dt {float:left;padding-top:100px;width:180px;height:80px;}
.culture .list_circle &gt; dl.familism dt {background:url(../images/company/bg_culture01.png) no-repeat 0 0;}
.culture .list_circle &gt; dl.discipline dt {background:url(../images/company/bg_culture02.png) no-repeat 0 0;}
.culture .list_circle &gt; dl dd {float:left;margin-left:15px;padding-top:75px;width:357px;line-height:21px;}

/* 오시는 길 */
.map_cont {position:relative;padding-top:401px;}
.map_cont .map_api {position:absolute;top:0;left:0;width:1107px;height:401px;}
.map_info {position:relative;margin-top:30px;}
.map_info .tit {font-size:16px;font-weight:bold;color:#000;line-height:16px;}
.map_info &gt; dl {font-size:14px;line-height:23px;}
.map_info &gt; dl dt {float:left;width:53px;}
.map_info &gt; dl dd {float:left;}
.map_info .btn {position:absolute;top:-15px;right:0;}

/* 뉴스룸_미디어 */
.media_list_box {overflow:hidden;width:1164px;}
.media_list {width:1180px;zoom:1;}
.media_list ul {margin:-14px 0 0 -14px;font-size:0;zoom:1;}
.media_list ul:after {content:"";display:block;clear:both;}
.media_list ul li {float:left;margin:14px 0 0 14px;width:278px;border:1px solid #fff;}
.media_list ul li:hover {border:1px solid #f65050}
.media_list ul li .media_img {position:relative;display:block;overflow:hidden;width:278px;}
.media_list ul li .media_img img {display:inline-block;width:100%;}
.media_list ul li .btn_play {position:absolute;top:50%;left:50%;margin:-55px 0 0 -55px;width:110px;height:110px;background:url(../images/main/btn_vod_magazine.png) no-repeat 0 0;}
.media_list ul li .media_tit {display:block;padding:20px;min-height:48px;background:#f7f7f7;font-size:14px;font-weight:bold;color:#000;}

.media_sorting ul {text-align:right;}
.media_sorting ul li {display:inline-block;*display:inline;margin-left:10px;padding-left:10px;background:url(../images/company/line_media.png) no-repeat 0 center;}
.media_sorting ul li:first-child {background:none;}
.media_sorting ul li a {color:#747474;}
.media_sorting ul li a:hover {color:#000;}
.media_sorting ul li.on a {color:#000;font-weight:bold;}


/* 개안 수술 */
.campaign {margin-top:40px;}
.campaign dt {font-size:16px;font-weight:bold;color:#000;}
.campaign dd {float:left;width:507px;height:69px;margin-top:15px;padding:52px 67px 0 0;text-align:right;}
.campaign dd.list01 {background:url(../images/company/bg_campaign01.png) no-repeat 0 0;}
.campaign dd.list02 {margin-left:16px;background:url(../images/company/bg_campaign02.png) no-repeat 0 0;}
.campaign dd a {padding-right:15px;background:url(../images/company/ico_more2.png) no-repeat right center;}

.support .list_circle {margin-top:25px;}
.support .list_circle &gt; dl {width:582px;}
.support .list_circle &gt; dl dt {float:left;padding-top:95px;width:159px;height:64px;font-size:16px;}
.support .list_circle &gt; dl.photo dt {background:url(../images/company/bg_support01.png) no-repeat 0 0;}
.support .list_circle &gt; dl.comment dt {background:url(../images/company/bg_support02.png) no-repeat 0 0;}
.support .list_circle &gt; dl dd {float:left;margin-left:15px;padding-top:70px;width:357px;color:#666;}
.support .btn_area .btn_color {padding:9px 29px !important;font-size:12px;}
.support .txt_ac {margin-top:15px;text-align:center;color:#666;}
.support .slide_wrap .inner {height:277px;}

/* 캐논플레스 */
.flex_wrap {width:1084px;}
.flex_wrap h3 {margin:0;font-size:18px;font-weight:bold;color:#000;line-height:19px;}
.floor_wrap {position:relative;margin-top:53px;padding:54px 0 60px;border-top:1px solid #000;}
.floor_wrap .slide {position:absolute;top:54px;left:0;width:1084px;height:300px;text-align:center;}
.floor_wrap .slide .btn_arr a {z-index:30;}
.floor_wrap .slide .btn_arr .prev {left:15px;background:url(../images/company/arr_supp_prev.png) no-repeat 0 -26px;}
.floor_wrap .slide .btn_arr .next {right:15px;background:url(../images/company/arr_supp_next.png) no-repeat 0 -26px;}
.floor_wrap .slide .btn_arr .prev.on,
.floor_wrap .slide .btn_arr .next.on {background-position:0 0;}
.floor_inner {position:relative;margin-top:54px;padding-top:369px;border-top:1px solid #e4e4e4;}
.floor_inner:first-child {margin-top:0;padding-top:315px;border-top:none;}
.floor_inner:first-child .slide {top:0;}
.floor_inner p.f_size14 {line-height:15px;}
.floor_inner a.link_more {background-image:url(../images/company/ico_more.png);}
.floor_control {position:absolute;top:54px;left:50%;margin-left:576px;width:46px;height:237px;background:url(../images/company/line_floor.png) repeat-y 23px 0;}
.floor_control.fixed {position:fixed;top:270px;left:50%;margin-left:536px;}
.floor_control li {overflow:hidden;margin-top:18px;width:46px;height:46px;background:url(../images/company/bg_floor.png) no-repeat 0 0;}
.floor_control li:first-child {margin-top:0;}
.floor_control li a {display:block;text-align:center;font-size:14px;font-weight:bold;color:#000;line-height:46px;}
.floor_control li.on {background-position:0 -46px;}
.floor_control li.on a {color:#fff;}

.flex_addr {float:left;padding-top:35px;width:352px;border-top:1px solid #090909;}
.flex_addr h3 {float:left;padding-right:30px;font-size:16px;}
.flex_addr p {float:left;margin-top:0 !important;}
.flex_info {float:right;padding-top:35px;width:716px;border-top:1px solid #090909;}
.flex_info h3 {float:left;padding-right:35px;font-size:16px;}
.flex_info .info_inner {float:left;width:250px;}
.info_inner dt {margin-bottom:10px;font-size:15px;color:#424242;}
.info_inner dd {color:#666;}


/* 장학 프로그램 */
.author_award {padding-right:590px;min-height:301px;background:url(../images/company/@photo_program03.jpg) no-repeat right 0;}
/*.author_award {padding-right:590px;min-height:301px;background:url(../images/company/대여횟수) no-repeat right 0;}*/
.author_award &gt; p {margin-top:15px;font-size:14px;line-height:23px;letter-spacing:-0.4px;}
.author_box {float:left;margin:25px 0 0 15px;padding:30px 20px;width:338px;min-height:121px;background:#f8f8f8;}
.author_box:first-child {margin-left:0;}
.author_box.author_box_lst {padding-right:5px;width:353px;}
.author_box dt {font-size:16px;color:#000;line-height:17px;}
.author_box dd.fst {margin-top:10px;}
.author_box dd.mt05 {margin-top:5px;}
.author_box dd .author_list {margin-top:7px;}
.art_select {position:relative;margin-top:25px;text-align:center;z-index:10;}
.art_list {padding:13px 12px 12px 12px;margin-top:35px;background-color:#f1f1f1;zoom:1;z-index:0;}
.art_list:after {content:"";display:block;clear:both;}
.art_list li {float:left;width:213px;}
.art_list .art_item {margin:7px 8px 8px 7px;}
.art_list .art_item img {display:inline-block;width:212px;}

/* 캐논 그룹 히스토리 */
.his_tab.tab_sty2 {overflow:hidden;border-bottom:1px solid #000;}
.his_tab.tab_sty2 ul li {width:106px;background-color:#f8f8f8;line-height:46px;}
.his_tab.tab_sty2 ul li:first-child {width:104px;}
.his_tab.tab_sty2 li a {border-top:none;color:#747474;}
.his_tab.tab_sty2 li a:hover,
.his_tab.tab_sty2 li.on a {/*font-weight:bold;color:#000;*/ color:#de2b31; }

.wrap_ghistory {position:relative;padding:0 67px;padding-top:54px;font-size:14px;line-height:23px;}
.wrap_ghistory h3 {margin:0;font-weight:normal;text-align:center;}
.wrap_ghistory h3 .year {display:block;font-size:50px;font-weight:bold;color:#000;line-height:45px;}
.wrap_ghistory h3 .his_en {display:block;margin-top:25px;font-size:16px;color:#666;line-height:16px;}
.wrap_ghistory h3 .his_kr {display:block;margin-top:15px;font-size:30px;color:#000;line-height:30px;}
.wrap_ghistory h4 {margin:0;font-size:23px;font-weight:bold;color:#000;}
.wrap_ghistory .img_camera {width:1027px;height:500px;margin-top:45px;border:1px solid #000;}
.ghistory_arr.btn_arr a {position:fixed;top:50%;left:50%;margin-top:-25px;width:28px;height:51px;z-index:30;}
.ghistory_arr.btn_arr .arr_prev {margin-left:-582px;background:url(../images/company/arr_supp_prev3.png) no-repeat 0 0;}
.ghistory_arr.btn_arr .arr_next {margin-left:555px;background:url(../images/company/arr_supp_next3.png) no-repeat 0 0;}
.ghistory_arr.btn_arr .arr_prev.on,
.ghistory_arr.btn_arr .arr_next.on {background-position:0 -51px;}
.ghistory_arr.btn_arr.h_min a {position:absolute;top:575px;}

.year_cont .his_inner {zoom:1;}
.year_cont .his_inner:after {content:"";display:block;clear:both;}
.year_cont .his_inner &gt; div {float:right;}
.year_cont .his_inner &gt; div:first-child {float:left;}
.year_cont .his_inner &gt; div .s_txt {font-size:12px;}
.year_cont .his_photo li {position:relative;margin-top:1px;background:#f8f8f8;}
.year_cont .his_photo li:first-child {margin-top:0;}
.year_cont .his_photo .p_img {display:block;padding:15px;text-align:center;}
.year_cont .his_photo .p_txt {padding-bottom:15px;font-size:14px;color:#000;text-align:center;line-height:20px;}
.year_cont .his_photo .p_txt &gt; span {display:block;font-size:12px;color:#666;line-height:19px;}
.year_cont .his_photo .bgreset {background:#fff;}
.year_cont .his_photo .photo_box01 .p_img {text-align:left;}
.year_cont .his_photo .photo_box01 .p_txt {position:absolute;bottom:15px;left:122px;padding:0;text-align:left;}
.year_cont .his_photo .photo_box03 {float:left;margin-left:1px;}
.year_cont .his_photo .photo_box03:first-child {margin-left:0;}
.year_cont .his_photo .photo_al {margin-top:14px;background:#fff;zoom:1;}
.year_cont .his_photo .photo_al:after {content:"";display:block;clear:both;}
.year_cont .his_photo .photo_al li {float:right;min-height:160px;}
.year_cont .his_photo .photo_al li:first-child {float:left;}
.year_cont .his_photo .photo_al .p_txt {position:absolute;bottom:0;left:0;width:162px;background:#f8f8f8;}
.year_cont .his_photo230 .photo_box02 .p_img img {width:200px;}
.year_cont .his_photo_m367px .photo_box03 {min-height:367px;}
.year_cont .his_photo_m205px .photo_box03 {min-height:310px;}

.year_cont .his_photo185 {width:185px;} .year_cont .his_cont812 {width:812px;}
.year_cont .his_photo230 {width:230px;} .year_cont .his_cont765 {width:765px;}
.year_cont .his_photo340 {width:340px;} .year_cont .his_cont657 {width:657px;}


/* 인재채용 */
.mt_minus {margin-top:-20px;}

/* 채용 정보 */
.box_contents_tit.recruit_info {background:#fbfbfb url(../images/company/bg_h1_recruit_info.png) no-repeat left top}
.recruit_process {margin-top:45px;	border-top:1px solid #e4e4e4;}
.process_step {margin-top:30px;}
.process_step ol {padding-top:60px;background:url(../images/company/bg_recruit_process.png) no-repeat center 0;}
.process_step ol li {float:left;margin-left:12px;width:220px;text-align:center;font-size:15px;color:#000;}
.process_step ol li.step02 {margin-left:11px;width:199px;}
.process_step ol li.step03 {margin-left:34px;width:208px;}
.process_step ol li.step04 {margin-left:23px;}
.process_step ol li.step05 {margin-left:15px;width:176px;}
.process_list {margin-top:25px;border-top:1px solid #000;border-bottom:1px solid #000;}
.process_list &gt; ol &gt; li {position:relative;padding:30px 0 30px 65px;border-top:1px solid #f3f3f3;}
.process_list &gt; ol &gt; li:first-child {border-top:none;}
.process_list &gt; ol &gt; li .num {position:absolute;top:25px;left:0;font-size:55px;color:#e9e9e9;line-height:48px;}
.process_list &gt; ol &gt; li dt {font-size:14px;color:#000;line-height:15px;}
.process_list &gt; ol &gt; li dd.interview_case {margin-top:20px;}
.process_list &gt; ol &gt; li dd.interview_case &gt; p {padding-left:7px;font-size:13px;background:url(../images/mycanon/bul_red_dot.png) no-repeat 0 8px;color:#ff0000;}
.process_list &gt; ol &gt; li dd.interview_case li {text-indent:7px;line-height:22px;}
.process_list &gt; ol &gt; li dd.interview_case li:first-child {margin-top:3px;}
.recruit_info_view table td {color:#000;}
.recruit_info_view table td.join_an_cont {padding:0;border-top:1px solid #000;}
.recruit_info_view table td.join_an_cont .cont_inner {padding:50px 125px 54px;}
.recruit_info_view table td.join_an_cont .cont_inner img {display:inline-block;max-width:894px;}
.recruit_info_view table td.join_an_cont .btn_area3 {padding:20px 0;border-top:1px solid #e2e2e2;}

/* 로그인 */
.login_tit {text-align:center;}
.login_tit h1 {margin-top:50px;font-size:30px;}
.login_tit &gt; p {margin-top:15px;font-size:17px;color:#666;line-height:18px;}
.login_box {padding-top:40px;border-top:1px solid #e9e9e9;}
.login_box .login_inner {margin:0 auto;width:450px;}
.login_box .login_inner h3 {margin:0;}
.login_box .login_form {overflow:hidden;}
.login_box .login_form li label {display:inline-block;width:102px;font-size:14px;}
.login_box .login_form li input {height:28px; line-height:28px;}
.login_box .login_form li:first-child  {margin-top:0px;}
.login_box .login_form li {overflow:hidden;margin-top:15px;}
.login_box .login_inner .btn_area3 .btn_color {display:block;font-weight:normal;}
.login_box .login_inner .find_pw_txt {margin-top:15px;text-align:right;color:#000;vertical-align:middle;}
.login_box .login_inner .find_pw_txt &gt; span {display:inline-block;overflow:hidden;padding-right:10px;width:16px;height:16px;background:url(../images/common/header/util_area.png) no-repeat 0 -120px;text-indent:-9999px;vertical-align:middle;font-size:0;}
.login_box .login_inner .find_pw_txt &gt; a {display:inline-block;vertical-align:middle;color:#000;}
.login_box .login_inner .txt01 {letter-spacing:-0.4px;*letter-spacing:-1px;}

/* 전형 결과 조회 */
.box_contents_tit.recruit_result {background:#fbfbfb url(../images/company/bg_h1_recruit_result.png) no-repeat left top}

/* 본인인증 */
.box_contents_tit.recruit_certify {background:#fbfbfb url(../images/company/bg_h1_recruit_certify.png) no-repeat left top}
.box_certify {margin-top:15px;}
.box_certify &gt; div {position:relative;float:left;padding:59px 0 59px 134px;width:440px;background:#fbfbfb url(../images/company/ico_certify_ipin.png) no-repeat 31px 57px;}
.box_certify &gt; div:first-child {margin-right:16px;background:#fbfbfb url(../images/company/ico_certify_phone.png) no-repeat 32px 53px;}
.box_certify &gt; div &gt; strong {display:block;font-size:18px;color:#de2b31;line-height:19px;}
.box_certify &gt; div &gt; span {display:block;margin-top:10px;font-size:13px;color:#252525;line-height:14px;}
.box_certify &gt; div a {display:block;top:60px;right:30px;position:absolute;width:148px;height:39px;background:#3e3e3e;border:1px solid #262626;color:#fff;line-height:39px;font-size:14px;text-align:center;}
.box_certify &gt; div a:hover {background:#fff;border:1px solid #000;color:#000;}


/* 개인정보 수집 및 이용 동의 */
.pers_agree {overflow-y:auto;padding:10px;height:308px;margin-top:15px;border:1px solid #ccc;line-height:22px;}
.pers_agree.type2 {height:66px;}
.agree_area {margin-top:15px;}
.btn_agree {margin-top:40px;padding-top:20px;border-top:1px solid #c6c6c6;}
.pers_agree h5 {margin-top:30px;color:#747474;font-size:12px;}
.pers_agree .con {margin-left:10px;margin-top:10px;}
.pers_agree .con li {margin-top:5px;}
.pers_agree .con li:first-child {margin-top:5px;}

/* 이력서 등록 */
.recruit_wrap {position:relative;}
.recruit_wrap .no_mar {margin-top:0;}
.recruit_wrap .tab_sty1 {margin-top:40px;}
.recruit_wrap .textarea_box textarea {width:1146px !important;height:120px !important;}
.recruit_wrap .tbl_resume table .textarea_box textarea {width:955px !important;height:64px !important;}
.recruit_step li {float:left;width:291px;background:url(../images/company/arr_recruit.png) no-repeat left 30px;text-align:center;}
.recruit_step li:first-child {background:none;}
.recruit_step li span {font-size:14px;color:#bcbcbc;}
.recruit_step li.step01 span {display:block;padding-top:73px;background:url(../images/company/recruit_step01.png) no-repeat center 0;}
.recruit_step li.step02 span {display:block;padding-top:73px;background:url(../images/company/recruit_step02.png) no-repeat center 0;}
.recruit_step li.step03 span {display:block;padding-top:73px;background:url(../images/company/recruit_step03.png) no-repeat center 0;}
.recruit_step li.step04 span {display:block;padding-top:73px;background:url(../images/company/recruit_step04.png) no-repeat center 0;}
.recruit_step li.on span {color:#000;}
.recruit_step li.step01.on span {background:url(../images/company/recruit_step01_on.png) no-repeat center 0;}
.recruit_step li.step02.on span {background:url(../images/company/recruit_step02_on.png) no-repeat center 0;}
.recruit_step li.step03.on span {background:url(../images/company/recruit_step03_on.png) no-repeat center 0;}
.recruit_step li.step04.on span {background:url(../images/company/recruit_step04_on.png) no-repeat center 0;}

.textarea_inner td {padding:8px 0 8px 9px;}
.textarea_inner td:first-child {padding:8px 9px 8px 0;}
.textarea_inner .textarea_box .text_check {margin-top:5px;}
.textarea_box .text_check {margin-top:10px;font-size:11px;font-family:dotum, '돋움';font-weight:bold;text-align:right;color:#999;line-height:12px;}
.textarea_box .text_check &gt; span {color:#de2b31;}

.btn_postcode {display:inline-block;margin-left:10px;width:94px;height:29px;background-color:#a5a5a5;color:#fff;border:1px solid #979797;text-align:center;line-height:29px;vertical-align:middle;}
.btn_postcode:hover {color:#747474; background-color:#fff; border:1px solid #747474;}

.tbl_resume .addr_box {zoom:1}
.tbl_resume .addr_box:after {content:"";display:block;clear:both;}
.tbl_resume .addr_detail {float:left;margin-right:20px;}
.tbl_resume .addr_detail &gt; div {padding-left:79px;margin-top:5px;}
.tbl_resume .addr_detail &gt; div:first-child {padding-left:0;margin-top:10px;}
.tbl_resume .addr_detail .addr_tit {display:inline-block;width:67px;}
.tbl_resume .tbl_bt_txt {margin-top:10px;font-size:11px;color:#999;line-height:100%;}
.tbl_resume.tbl_sty1 tbody td {background:none;}
.wrap_file_txt {margin-top:10px;}
.wrap_file_txt .btn_down {padding:0;width:164px;height:29px;margin-left:5px;border:1px solid #d6d6d6;font-size:12px;line-height:29px;vertical-align:middle;text-indent:0;}
.wrap_file_txt .btn_down span {display:block;padding-left:42px;background:#fff url(../images/company/ico_link_btn_down.png) no-repeat 15px 7px;color:#666;}
.wrap_file_txt .btn_down:hover {border:1px solid #f15b63;}
.wrap_file_txt .btn_down:hover span {background:#f15b63 url(../images/company/ico_link_btn_down_hov.png) no-repeat 15px 7px;color:#fff;}
.tbl_sty2 .photo_profile {padding:0;text-align:center;}
.tbl_sty2 .photo_profile &gt; img {display:inline-block;max-width:240px;}

/* 이력서 등록 - 경력 기술 */
.work_exp_wrap .work_exp_inner {margin-top:15px;}
.work_exp_wrap .work_exp_inner:first-child {margin-top:0;}

/* 이력서 등록 - 희망 직무 */
.hope_section {margin-top:15px;border-top:1px solid #000;}
.hope_section .hope_select {margin:8px 0;}
.hope_section .hope_select .section_tit {display:inline-block;margin-right:13px;font-size:14px;color:#666;}

/* 비밀번호 설정 */
.btn_certify_num {display:inline-block;margin-left:10px;padding:7px 9px 6px 9px;vertical-align:middle;}


/*회사소개 - 윤리경영*/
.mana_list {margin-top:20px;margin-left:22px;}
.mana_list li {margin-top:20px;font-size:14px;}
.mana_list li:first-child {margin-top:0;}
.mana_list li p {margin-left:23px;}
.mana_list li em{font-style:normal;}
.mana.inner .box {border-top:none;}
.lnb .lnb_company .lnb_ma {padding-left:470px;}
.txt_cau {margin-top:8px;font-size:12px; color:#a5a5a5;}
.txt_cau  .etc {margin-left:14px;font-size:12px;color:#a5a5a5;}

/* 장학프로그램 수정 2017-11-16 */
.art_select .sbSelector {width:170px;padding:0;margin:0;}
.art_select.sel_w300 .sbHolder {width:200px;}
.art_select .sbOptions a {padding:7px 5px;}

.history_cont .y201505 .hist_inner {background-image:url(../images/company/prd_history_201505.jpg);}
.history_cont .y201506 .hist_inner {min-height:140px;background-image:url(../images/company/prd_history_201506.jpg);}
.history_cont .y201507 .hist_inner {background-image:url(../images/company/prd_history_201507.jpg);}
.history_cont .y201508 .hist_inner {background-image:url(../images/company/prd_history_201508.jpg);}
.history_cont .y201509 .hist_inner {background-image:url(../images/company/prd_history_201509.jpg);}
.history_cont .y201510 .hist_inner {background-image:url(../images/company/prd_history_201510.jpg);}
.history_cont .y201511 .hist_inner {background-image:url(../images/company/prd_history_201511.jpg);}

.history_cont .y201602 .hist_inner {background-image:url(../images/company/prd_history_201602.jpg);}
.history_cont .y201603 .hist_inner {background-image:url(../images/company/prd_history_201603.jpg);}
.history_cont .y201604 .hist_inner {background-image:url(../images/company/prd_history_201604.jpg);}
.history_cont .y201605 .hist_inner {background-image:url(../images/company/prd_history_201605.jpg);}
.history_cont .y201606 .hist_inner {min-height:150px;background-image:url(../images/company/prd_history_201606.jpg);}
.history_cont .y201608 .hist_inner {background-image:url(../images/company/prd_history_201608.jpg);}
.history_cont .y201609 .hist_inner {background-image:url(../images/company/prd_history_201609.jpg);}
</pre></body></html>