@charset "utf-8";

/*
** page - 메인
 */

/* 메인 */
.content_main .wrap_main {background:url(/images/common/bg_main_blue.gif); background-repeat:repeat-y; background-size:50% auto;}
.content_main .wrap_main .inner_main {position:relative; padding-bottom:100px; margin:0 100px; background:#010261;}
.content_main .section_main {overflow:hidden; position:relative; height:826px; white-space:nowrap;}
.content_main .section_main .box {display:inline-block; position:relative; width:100%; height:826px; background-repeat:no-repeat; background-size:cover;}
.content_main .section_main .box.main1 {background-image:url(/images/main/bg_main1.jpg);}
.content_main .section_main .box.main2 {background-image:url(/images/main/bg_main2.jpg);}
.content_main .section_main .box.main3 {background-image:url(/images/main/bg_main3.jpg);}
.content_main .section_main .box_tit {position:absolute; top:279px; left:50%; margin-left:-404px;}
.content_main .section_main .box_tit .txt_desc {margin-top:5px; font-size:22px; font-weight:400; text-align:center; color:#fff;}
/* 메인 dots */
.content_main .inner_main .list_dots {position:absolute; top:477px; left:50%; margin-left:-25px; text-align:center; font-size:0;}
.content_main .inner_main .list_dots li {display:inline-block; width:11px; height:11px; margin-right:9px;}
.content_main .inner_main .list_dots li:last-child {margin-right:0;}
.content_main .inner_main .list_dots li button {width:100%; height:100%; background:url(/images/main/dots_main.png) no-repeat 0 0; font-size:0;}
.content_main .inner_main .list_dots li.slick-active button {background-position:-11px 0;}
.content_main .inner_main .btn_read {display:block; position:absolute; top:545px; left:50%; box-sizing:border-box; width:190px; height:50px; border:1px solid #fff; margin-left:-95px; text-align:center; line-height:50px;}

/* 고객센터 */
.content_main .wrap_main .inner {position:relative;}
.content_main .box_customer {position:absolute; left:-20px; bottom:0; width:549px; background:url(/images/main/bg_customer.png) no-repeat;}
.content_main .box_customer .link_customer {display:block; box-sizing:border-box; width:532px; padding:31px 40px 0 0;}
.content_main .box_customer .tit_customer {padding-left:60px; margin-bottom:17px; background:url(/images/main/bg_box_customer.gif) 31px 2px no-repeat; font-size:20px; font-weight:400; color:#222;}
.content_main .box_customer .wrap_info {padding-left:60px;}
.content_main .box_customer .wrap_info .desc_info {float:left; padding-right:26px; font-size:14px; line-height:24px; color:#999;}
.content_main .box_customer .wrap_info .tell_info {float:left; padding-left:23px;  border-left:1px solid #999; color:#999;}
.content_main .box_customer .wrap_info .tell_info .tell {margin-bottom:7px; font-size:23px; font-weight:700; text-align:center; line-height:23px;}
.content_main .box_customer .wrap_info .tell_info .time {padding-bottom:5px; font-size:12px;}
.content_main .box_customer .wrap_info .tell_info .time .num {font-size:14px; line-height:18px;}

/* 바로가기 */
.content_main .section_shortcut {position:relative; padding-top:80px;}
.content_main .section_shortcut .link_shortcut {overflow:hidden; width:1240px; height:311px;}
.content_main .section_shortcut .link_sub a {display:block; width:100%; height:100%;}
.content_main .section_shortcut .link_sub .box_tit {display:table; position:absolute; top:118px; width:130px; height:110px; background:#f6921e; color:#fff; font-size:18px; line-height:24px;}
.content_main .section_shortcut .link_sub .box_tit .txt_tit {display:table-cell; text-align:center; vertical-align:middle;}
.content_main .section_shortcut .link_sub .box_desc {position:absolute; bottom:0; box-sizing:border-box; width:172px; padding-top:14px; padding-left:20px; background:#fff; color:#999;}
.content_main .more {height:18px; margin-top:10px;}
.content_main .section_shortcut .link_sub {position:relative; float:left; width:232px; height:311px; margin-right:20px; background-repeat:no-repeat; background-position:top right;}
.content_main .section_shortcut .link_sub.bg_normal {background-image:url(/images/main/img_shortcut_normal.jpg);}
.content_main .section_shortcut .link_sub.bg_internet {background-image:url(/images/main/img_shortcut_internet.jpg);}
.content_main .section_shortcut .link_sub.bg_mobile {background-image:url(/images/main/img_shortcut_mobile.jpg);}
.content_main .section_shortcut .link_sub.bg_publics {background-image:url(/images/main/img_shortcut_publics.jpg);}
.content_main .section_shortcut .link_sub.bg_internet_tel {background-image:url(/images/main/img_shortcut_internet_tel.jpg);}
.content_main .section_shortcut .link_sub.bg_kepco {background-image:url(/images/main/img_shortcut_kepco.jpg);}
.content_main .section_shortcut .link_sub.bg_solar {background-image:url(/images/main/img_shortcut_solar.jpg);}
.content_main .section_shortcut .link_sub.bg_iot {background-image:url(/images/main/img_shortcut_iot.jpg);}
.content_main .section_shortcut .link_sub.bg_represent {background-image:url(/images/main/img_shortcut_represent.jpg);}
.content_main .section_shortcut .link_sub.bg_international {background-image:url(/images/main/img_shortcut_international.jpg);}
.content_main .section_shortcut .link_sub.bg_number {background-image:url(/images/main/img_shortcut_number.jpg);}
/* 바로가기 dots */
.content_main .section_shortcut .list_dots {padding:26px 0 60px; text-align:center; font-size:0;}
.content_main .section_shortcut .list_dots li {display:inline-block; width:11px; height:11px; margin-right:9px;}
.content_main .section_shortcut .list_dots li:last-child {margin-right:0;}
.content_main .section_shortcut .list_dots li button {width:100%; height:100%; background:url(/images/main/dots_shortcut.png) no-repeat 0 0; font-size:0;}
.content_main .section_shortcut .list_dots li.slick-active button {background-position:-11px 0;}

/* 드림라인 전문가 */
.content_main .section_experts .area_intro {height:380px; background:#f6921e; text-align:center;}
.content_main .section_experts .area_intro .desc_expert {padding:110px 0 20px; font-size:16px; color:#fff;}
.content_main .section_experts .area_experts {margin-top:-60px;}
.content_main .section_experts .area_experts .wrap_tab {display:table; width:100%; height:60px;}
.content_main .section_experts .area_experts .wrap_tab .list_tab {display:table-cell; height:100%; background:#f6921e; text-align:center; cursor:pointer; font-size:20px; font-weight:500; color:#fff; vertical-align:middle;}
.content_main .section_experts .area_experts .wrap_tab .list_tab.on {background:#010261;}
.content_main .section_experts .area_experts .box_cont {height:160px; background:#010261;}
.content_main .section_experts .area_experts .box_cont .wrap_cont {display:table; height:100%;}
.content_main .section_experts .area_experts .box_cont .list_cont {display:none; height:100%;}
.content_main .section_experts .area_experts .box_cont .list_cont {width:1020px; height:100%; padding-right:28px; font-size:16px; color:#f6921e; vertical-align:middle;}
.content_main .section_experts .area_experts .box_cont .list_cont.on {display:table-cell;}
.content_main .section_experts .area_experts .box_cont .list_cont li {position:relative; float:left; padding-left:15px; margin:0 20px; line-height:20px;}
.content_main .section_experts .area_experts .box_cont .list_cont li:before {display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background:#f6921e; content:'';}
.content_main .section_experts .area_experts .box_cont .wrap_btn {display:table-cell; vertical-align:middle;}
.content_main .section_experts .area_experts .box_cont .wrap_btn .btn_ask {display:block; box-sizing:border-box; width:182px; height:60px; border:1px solid #fff; text-align:center; color:#fff; line-height:58px;}

/* 네트워크 현황 */
.content_main .section_network .inner {background:url(/images/main/bg_network.gif) no-repeat 640px 80px;}
.content_main .section_network .tit_network {padding:106px 0 13px; font-size:40px;}
.content_main .section_network .subtit_network {font-size:20px; font-weight:200; line-height:32px;}
.content_main .section_network .desc_network {padding-top:28px; font-size:14px; font-weight:200; line-height:22px;}
.content_main .section_network .list_feature {margin-top:53px;}
.content_main .section_network .list_feature > li {float:left; width:300px; margin-right:140px;}
.content_main .section_network .list_feature > li:last-child {margin-right:0;}
.content_main .section_network .list_feature .tit_feature {font-size:20px; font-weight:700;}
.content_main .section_network .list_feature .desc_feature {margin-top:12px; font-size:14px; color:#878787;}

/* 회사소개 */
.content_main .section_company {height:428px; padding-top:76px;}
.content_main .section_company .inner {position:relative; background:url(/images/main/bg_download.jpg) no-repeat right 0;}
.content_main .section_company .tit_company {padding-top:50px;}
.content_main .section_company .desc_company {margin-top:36px; font-size:16px; line-height:22px; color:#999;}
.content_main .section_company .btn_download {position:absolute; right:0; bottom:20px; width:374px; height:50px; background:#010261; font-size:0;}
/* .content_main .section_company .btn_download a {display:block; padding-left:28px; line-height:50px; background:url(/images/main/icon_download.png) no-repeat 110px 50%;} */
.content_main .section_company .btn_download .txt_name,
.content_main .section_company .btn_download .txt_catalog,
.content_main .section_company .btn_download .link_pdf {display:inline-block; vertical-align:middle; font-size:12px; line-height:50px; color:#fff;}
.content_main .section_company .btn_download .txt_name {margin-left:30px;}
.content_main .section_company .btn_download .txt_catalog {margin:0 10px;}
.content_main .section_company .btn_download .link_pdf {margin-left:20px;}
.content_main .section_company .btn_download .link_pdf:after {display:inline-block; width:19px; height:19px; margin-left:7px; background:url(/images/main/icon_download.png) no-repeat 50%; vertical-align:middle; content:'';}

/* 공지사항 */
.content_main .section_board {padding:96px 0 110px; margin-top:110px; background:#c0a37f;}
.content_main .section_board .inner {position:relative; background:url(/images/main/bg_recruit.png) no-repeat right 0;}
.content_main .section_board .wrap_list {width:690px; padding-top:14px;}
.content_main .section_board .list_board {margin-bottom:48px; font-size:0;}
.content_main .section_board .list_board:last-child {margin-bottom:0;}
.content_main .section_board .list_board .icon_sort {display:inline-block; vertical-align:bottom;}
.content_main .section_board .list_board .tit_list {display:inline-block; padding-left:20px; font-size:22px; color:#756149; line-height:50px; vertical-align:bottom;}
.content_main .section_board .list_board .tit_list .img_more {padding-left:20px; vertical-align:middle;}
.content_main .section_board .btn_more {position:absolute; right:0; bottom:14px; width:182px; height:34px; background:#db2500;}
.content_main .section_board .btn_more a {display:block; padding-left:20px; line-height:34px; background:url(/images/main/arr_btn_recruit.png) no-repeat 66px 50%;}


/** 공지팝업 **/
.pop_notice {position:relative; width:400px; height:450px; background-color:#fff; margin:0 auto;}
.pop_notice .tit_notice {height:60px; text-align:center; font-weight:700; font-size:24px; line-height:60px;}
/* 내용 */
.pop_notice .box_content {width:360px; height:300px; margin:0 auto; background-color:#ddd;}
/* [D] 팝업형태가 이미지일때 .type_img 추가 (.textarea 안보임) */
.pop_notice .box_content.type_img .textarea {display:none;}
.pop_notice .box_content.type_img .img {display:block; width:360px; height:300px;}
/* [D] 팝업형태가 텍스트일때 .type_text 추가 (.img 안보임) */
.pop_notice .box_content.type_text {overflow-x:hidden; overflow-y:auto; box-sizing:border-box; padding:20px;}
.pop_notice .box_content.type_text:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
.pop_notice .box_content.type_text .textarea {display:inline-block; vertical-align:middle; font-size:14px;}
.pop_notice .box_content.type_text .img {display:none;}
/* 자세히보기 */
.pop_notice .box_more {text-align:center; font-size:0;}
.pop_notice .box_more .btn_more {display:inline-block; width:160px; height:35px; margin-top:20px; background-color:#010261; text-align:center; font-weight:700; font-size:14px; line-height:35px; color:#fff;}
/* 오늘하루 보지않기 */
.pop_notice .box_today {position:absolute; bottom:0; left:0; padding:10px;}
.pop_notice .box_today .checkbox_today {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; white-space:nowrap; clip:rect(0, 0, 0, 0);}
.pop_notice .box_today .label_today {font-size:12px; cursor:pointer;}
.pop_notice .box_today .label_today:before {display:inline-block; width:10px; height:10px; border:1px solid #000; margin-right:10px; content:'';}
.pop_notice .box_today .checkbox_today:checked + .label_today:before {background-color:#000;}
/* 닫기 */
.pop_notice .btn_close {position:absolute; bottom:0; right:0; padding:10px; background-color:transparent; font-size:12px; text-decoration:underline;}

/* 171109 레이어팝업 */
.pop_announce {display:none; position:absolute; z-index:100; top:0; left:100px; width:527px; background:#fff; font-weight:400; font-size:16px; line-height:24px; color:#1d1d29; letter-spacing:0;}
.pop_announce.on {display:block;}
.pop_announce .btn_close {position:absolute; top:0; right:0; width:41px; height:42px; background:#f6921e url(/images/main/btn_close_announce.png) no-repeat 50%;}
.pop_announce .tit {width:486px; height:42px; background-color:#1d1d29; text-align:center; font-weight:500; font-size:22px; line-height:42px; color:#fff;}
.pop_announce .area_con {padding:30px 30px 40px;}
.pop_announce .area_con em {font-weight:700;}
.pop_announce .area_con .date {display:block; margin:40px 0; text-align:center;}
.pop_announce .area_con .box_source {font-weight:700; text-align:center;}
.pop_announce .area_con .box_source small {font-weight:400; font-size:12px; line-height:1;}


/* 팝업 */
.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 9999}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc; margin-top:-19px;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../images/popup/pop_close.gif) no-repeat right center; background-size:20px auto; }
.main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}