@charset "utf-8";

@import url(normalize.css);
@import url(util.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* reset with normalize */
body,input,textarea,select,button,table{ font-size:18px;font-family:'Noto Sans CJK KR','Noto Sans KR',NanumGothic,'나눔고딕',ng,'Malgun Gothic','맑은 고딕','돋움',Dotum,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.04em; color:#727171}
a{text-decoration:none;color:#727171}
a:hover,a:hover:focus,a:active{color:#727171;text-decoration:none}
a,button,input,textarea{-webkit-transition:border-color .4s,background .4s,color .4s,opacity .4s;transition:border-color .4s,background .4s,color .4s,opacity .4s}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
li{list-style:none}
address{font-style:normal}
label{ font-weight:400;cursor:pointer}
table{width:100%}

/* common */
a.skip{display:block;position:absolute;top:-1px;z-index:999;width:0;height:0;overflow:hidden;text-align:center}
a.skip:active,a.skip:focus{z-index:999;width:100%;height:auto;padding:5px;background:#FFF}
.blank{background:url(../img/blank.png)}
.overflow{overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.clearfix{clear:both}

/* Grid */
.container{ width:auto !important; padding:0 5%}
.row,.form-horizontal .form-group{margin-right:0;margin-left:0}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:0;padding-left:0}
.wfull{ width:100% !important; min-width:0 !important}
.w1260{ max-width:1260px}
.w160{ width:160px !important}
.w120{ width:120px !important}
.pa5p{ padding-left:5%; padding-right:5%}

/* heading
body{word-wrap:break-word;word-break:break-all} */
.color_wh{color:#fff !important}
.color_blue{color:#2A6EB4 !important}
.bg_blue{background-color:#2A6EB4 !important; color:#FFF !important}
.bg_wh{background-color:#fff !important}
.h3{ margin:0 0 1em}
.h4{ margin:0 0 1em}

.bx{border:1px solid #c9c9c9}

.hr{ border-color:#c9c9c9}
.fw500{ font-weight:500}

/* list */
[class^=lst_type_] li{padding-left:12px; line-height:1.5}
[class^=lst_type_] li:before{position:absolute;margin-left:-14px}
.lst_type_dash li:before{content:'-'}
.lst_type_chk>li{ padding-left:20px; background:url(../img/icon_chk.png) no-repeat 0 8px}
.lst_type_dot>li:before{content:'ㆍ'}
.dl-horizontal dt{ text-align:left}
.dl>*{ min-height:40px;padding:5px 0}
.dl dt{ float:left; padding-right:10px; font-weight:400; white-space:nowrap}
.dl dd{ margin-left:126px; margin-bottom:10px}
.loc_dl .region{ overflow:auto; max-height:200px; padding:5px; border:1px solid #c9c9c9}

/* table */
/*
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:15px;border-top:0;border-bottom:1px solid #dedede;text-align:center;white-space:nowrap}
.table>thead{text-align:center;border-top:5px solid #dedede}
.table>tbody>tr>td{color:#969696}
*/
.table>thead>tr>th{ vertical-align:middle}
.table-bordered th{ background:#EEE}
.tb_fixed{table-layout:fixed}
.tb{ width:100%; margin:10px 0; white-space:nowrap}
.tb tr>*{ padding:30px; border-bottom:1px solid #C9C9C9; vertical-align:top}
.tb thead th{ position:relative; padding:15px 20px; font-weight:500; text-align:center}
.tb thead th+th:before{ content:''; display:block; position:absolute;bottom:0;left:0; height:30px; border-left:1px solid #c9c9c9}
.tb .num{ padding:20px; font-size:18px; white-space:nowrap; text-align:center; line-height:1; vertical-align:middle}
.tb .num strong{ display:inline-block; font-size:24px;color:#2A6EB4; vertical-align:middle}
.tb .num span{ vertical-align:middle}
.tb .tit{ width:60%; white-space:normal}
.tb .tit h4{ font-size:18px; line-height:1.4}
.tb .download_tit{ position:relative;}
.tb .download_tit img{ display:none; position:absolute; top:-20px; left:100%; width:200px; margin:0 10px; padding:10px; border:1px solid #C9C9C9; box-shadow:1px 1px 4px rgba(0,0,0,.2); background:#FFF}
.tb .download_tit:hover{ z-index:1}
.tb .download_tit:hover img{ display:block}
.tb .hide_cnt{ display:none; padding-top:20px;}
.tb.v2 tr>*{ padding:10px; vertical-align:middle}
.tb .td_admin{ padding:24px}
.tb .notice td{ background:#F9F9F9}
.btn_clse,
.open .btn_open{ display:none}
.open .btn_clse{ display:inline-block}
.open .btn_radius_v1 small{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
/* 제품사양 */
.tb_spec{max-width:95%;margin:0 auto;padding:20px 0}
.tb_spec caption{padding:20px 0 10px;font-weight:700;font-size:20px;color:#000}
.tb_spec .table {margin-bottom:10px;border-bottom:2px solid #ddd}
.tb_spec .table th,.tb_spec .table td{font-size:13px;text-align:center;vertical-align:middle}
.tb_spec .table > thead > tr > th{border-bottom:0;color:#fff}
.tb_spec .table th , .tb_spec .table td{padding:6px 8px;border-left:1px solid #ddd}
.tb_spec .table > thead > tr > th:first-child,.tb_spec .table > tbody > tr > td:first-child{border-left:0}
.tb_spec img{display:block;max-width:100% !important;height:auto}
.tb_spec .table-striped.type th,.tb_spec .table-striped.type td{border-color:#cacac8}
.tb_spec .table-striped.type > thead > tr > th{border-color:#dcd0bf;background:#bda686}
.tb_spec .table-striped.type > tbody > tr:nth-of-type(even),.table-striped.type .bg_design{background:#e7e5d9}
.tb_spec .table-striped.type > tbody > tr:nth-of-type(odd){background:#fff}
.tb_spec .table-striped.type.color02 > thead > tr > th{border-color:#c2cbdd;background:#7088b0}
.tb_spec .table-striped.type.color03 > thead > tr > th{border-color:#d4d4cc;background:#929381}
.tb_spec .table-striped.type.color04 > thead > tr > th{border-color:#bcc5c0;background:#86958e}
.tb_spec .table-striped.type.color05 > thead > tr > th{border-color:#dfb7b8;background:#bc6c6d}
.tb_spec .table-striped.type.color05 > tbody > tr:nth-of-type(even),.table-striped.type .bg_design{background:#f3e4dd}
.tb_spec .table-striped.type.color06 > thead > tr > th{border-color:#bdc5d4;background:#5c7395}
.tb_spec .table-striped.type.color07 > thead > tr > th{border-color:#bcbcbc;background:#929292}
.tb_spec .table-striped.type.color07 > tbody > tr:nth-of-type(even),.table-striped.type .bg_design{background:#f6f7f9}
.tb_spec .horizon_type th{background:#f2f4e6}
.tb_spec .horizon_type td, .tb_spec .horizon_type th{border-right:1px solid #ddd}
.tb_spec .reference li{font-size:12px}
.th-lg{min-width:195px}
.table-lg{max-width:none;margin:0 5%}

.tb_err tr>*{ padding:15px 10px !important; border:1px solid #ddd;text-align:center; vertical-align:middle !important}
.tb_err th{ background:#0365c0; white-space:nowrap;color:#FFF}
.tb_err tr>td:last-child{ text-align:left}
.tb_err.text-center tr>*{ text-align:center !important}

.tb_capa{display:table;width:100%;max-width:860px;margin:60px auto 50px}
.tb_capa>div.img{width:155px}
.tb_capa thead th{color:#3e3a39}
.tb_capa td, .tb_capa th{padding:8px;border-bottom:1px solid #959595;color:#595757}
.tb_capa .bg_blue{background:#d0dfee !important;color:#595757 !important}
.tb_capa.v2{padding-top:60px !important}
.tb_capa.v2 thead{border-top:1px solid #959595}
.tb_capa.v2 th, .tb_capa.v2 td{border-left:1px solid #959595;text-align:center}
.tb_capa.v2 tr>th:first-child{border-left:0}
.tb_capa ul{padding:15px 0 0 !important}
.tb_capa li{padding:5px !important}

/* button */
.btn{font-weight:400 !important}
.btn{border:0;border-radius:0; font-weight:700}
.btn_radius{display:inline-block;padding:7px 60px;border-radius:22px; border:2px solid #fff; background:#1c66b2; font-size:20px; text-align:center; text-decoration:none !important; white-space:nowrap;color:#fff !important}

.mt80{display:inline-block;padding:7px 60px;border-radius:22px; border:2px solid #000; background:transparent; font-size:20px; text-align:center; text-decoration:none !important; white-space:nowrap;color:#000 !important}

.btn_radius_v1{ display:inline-block;height:44px; padding:0 20px;border:1px solid #FFF;border-radius:22px;background:none;font-size:20px; line-height:42px;white-space:nowrap;text-align:center;text-decoration:none !important; color:#FFF !important}
.btn_radius_v1.v2{ max-width:160px;height:40px;font-size:18px; line-height:38px}
.btn_radius_v1.grey,
.btn_radius.grey{ border-color:#c9c9c9; background:none;color:#727171 !important}
.btn_radius.sm,.btn_radius_v1.sm{ height:34px; padding:0 15px; border-radius:18px; font-size:18px; line-height:32px; vertical-align:middle}
.btn_radius_v1.xs{ height:28px; padding:0 10px; font-size:14px; line-height:26px}
.btn_radius_v1 small{ float:right; margin:0 10px; font-size:.8em}
.active>.btn_radius_v1,.btn_radius_v1.active,.btn_radius_v1:hover{border:1px solid #2A6EB4 !important;background:#2A6EB4 !important; color:#FFF !important}
.btn_line{padding:5px 36px;border:1px solid #c9c9c9;border-radius:25px;background:#fff;font-size:17px;color:#898989}

/* form */
.no_style{margin:0;padding:0;border:0;background:none}
.form-control{ border-color:#C9C9C9; border-radius:0}
.required{ margin-right:5px; font-weight:400; color:#2A6EB4}
.frm{ padding:40px;}
.tb_frm{ max-width:900px; margin:20px -20px}
.tb_frm tr>*{ padding:10px 20px}
.tb_frm tr>th{ padding-top:14px;font-weight:400; white-space:nowrap; vertical-align:top}
.radio-inline, .checkbox-inline{ margin-top:4px}
input[type="radio"], input[type="checkbox"]{ margin-top:7px}
.no_data{ padding:80px !important}

/* icon */
[class^=icon_]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
.icon_top{visibility:hidden;position:fixed;bottom:50px;left:50%;width:67px;height:69px; margin-left:525px;background:url(../img/icon_top.png);opacity:0}
[class^=icon_main_]{width:53px;height:54px;background:url(../img/icon_as_small_on.png);background-position:0 0}
.icon_main_as{background-position:0 -55px}
.icon_main_news{background-position:0 -110px}
.icon_main_down{background-position:100% 100%}
[class^=icon_ft_]{width:45px;height:40px;background:url(../img/icon_ft.png)}
.icon_ft_call{background-position:0 -42px}
.icon_ft_magazin{background-position:100% 100%}
[class^=icon_sns]{width:60px;height:60px;background:url(../img/icon_blog.png)}
.icon_sns_fb{background-image:url(../img/icon_fb.png)}
.icon_sns_youtube{background-image:url(../img/icon_youtube.png)}
.icon_ft_call{background-position:0 -42px}
.icon_ft_magazin{background-position:100% 100%}
[class^=icon_iot]{width:99px;height:44px;margin-top:-10px;background:url(../img/icon_txt_eiot.png)}
.icon_iot_blue{background:url(../img/icon_txt_eiot2.png)}
.icon_iot_blk{background:url(../img/icon_txt_eiot3.png)}
.icon_loc{width:20px;height:30px;background-image:url(../img/icon_loc.png)}
.icon_fax{width:26px;height:25px;background-image:url(../img/icon_fax.png)}
.icon_tel{width:26px;height:26px;background-image:url(../img/icon_tel.png)}
.icon_subway{width:23px;height:26px;background-image:url(../img/icon_subway.png)}
.icon_bus{width:24px;height:26px;background-image:url(../img/icon_bus.png)}
.icon_name{width:21px;height:29px;background-image:url(../img/icon_name.png)}
.icon_flag{width:22px;height:33px;background-image:url(../img/icon_flag.png)}
.icon_mail{width:26px;height:19px;background-image:url(../img/icon_mail.png)}
.icon_manual,.icon_catalog{width:22px;height:30px; margin:-4px 8px 0 0;background-image:url(../img/icon_manual.png)}
.icon_catalog{background-image:url(../img/icon_catalog.png)}

/* label */
[class^=label_]{ display:inline-block; width:51px; background:url(../img/label_navy.png); font-size:12px; line-height:19px; text-align:center; white-space:nowrap; color:#FFF}
.label_orange{background-image:url(../img/label_orange.png)}
[class^=label_]:after{ content:''; display:inline-block; margin-left:6px;border:3px solid; border-color:transparent transparent transparent #FFF}
.icon_link_arrow{width:32px;height:32px;background:url(../img/icon_arrow.png)}
.icon_search{width:18px;height:19px;background:url(../img/icon_search.png)}

/* pagination */
.pagination{ margin:0 0 40px; padding:0;}
.pagination > li > a, .pagination > li > strong{float:left;min-width:40px; padding:5px; border-radius:0 !important; font:700 14px/30px Tahoma,Sans-serif}
.pagination > li > strong{ background:#2A6EB4; color:#FFF}
.pagination strong{padding:5px 5px 7px !important}

/* slider */
.bx-wrapper{ margin-bottom:0}
.bx-viewport{height:auto !important}

.bx-wrapper .bx-controls-direction a{z-index:0;width:59px;height:59px;margin-top:-30px;background:url(../img/slide_arrow.png)}
.bx-wrapper .bx-next{background-position:100% 0 !important}
.bx-wrapper .bx-loading{display:none}
.bx-wrapper .bx-viewport{left:auto;border:0;box-shadow:none;background:none}
.bx-wrapper .bx-pager.bx-default-pager a{width:16px;height:16px;margin:0 4px; background-color:transparent !important;background:url(../img/slide_pn.png) no-repeat}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:url(../img/slide_pn_on.png) no-repeat}
.bx-wrapper .bx-next{right:30px}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:60px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:100%; text-align:center;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:50%; margin:-7px -90px}
.slider_arrow_grey .bx-wrapper .bx-controls-direction a{background-image:url(../img/slide_arrow2.png)}

/* nav */
.nav_wrp{ overflow:hidden}
.nav{margin:10px -5px}
.nav>li{ display:table-cell; float:none;}
.nav>li>a{width:250px; margin:0 5px;padding:5px; border:1px solid #c9c9c9;border-radius:0;background:none; font-size:16px; text-align:center}
.nav>li.active>a, .nav>li>a:focus, .nav>li>a:hover{ border-color:transparent;background:#2A6EB4 !important; color:#FFF !important}
.nav.v2>li>a{ width:170px}
.nav.v3 a{color:#b5b5b6}

/* Layout */
body{ min-width:1240px}
#wrap{ max-width:1920px; margin:0 auto; padding-top:60px}
#content{ padding-top:182px; background:url(../img/bg_sub.jpg) 50% -100px no-repeat}
.view_side{padding-left:25px;}
.view_side .bx{ padding:25px;}

/* Header */
#hd{ position:fixed;top:0;left:0; right:0; z-index:30;height:60px;padding-top:15px; box-shadow:0 0 8px rgba(0,0,0,.3);background:#FFF}
#hd h1 img{ height:26px}
#gnb{ float:right}
#gnb>ul>li>a{ padding:20px 15px;font-weight:500;font-size:20px;color:#3E3A39}
#gnb>ul>li>ul{ display:none; position:absolute;top:60px;left:0; right:0}
/*
#gnb .lnb{ overflow:hidden;}
*/
#gnb .lnb:before,#gnb .lnb:after{ content:''; display:block; position:absolute;top:-2px;left:0; right:0; height:2px;box-shadow:0 0 8px rgba(0,0,0,.3);}
#gnb .lnb:after{top:-10px;height:10px; box-shadow:none;background:#FFF}
.searchbox{height:30px; margin:0 20px;padding:2px 10px;border-radius:50px;background:#2A6EB4}
.searchbox button{float:left;margin:3px 5px 0 0;}
.searchbox input[type=text]{width:160px;height:25px;border:0; background:none; font-size:15px;color:#fff; vertical-align:top}
.searchbox ::-webkit-input-placeholder{ color:#FFF}
.searchbox :-ms-input-placeholder{ color:#FFF}
.lnb{ position:relative; z-index:20; height:60px; padding-left: 0; background: #F9F9F9;background: -webkit-linear-gradient(left,  #ffffff 50%,#dadbda 100%);background: linear-gradient(to right,  #ffffff 50%,#dadbda 100%);text-align:right}
.lnb>li{ position:relative; padding:0 15px}
.lnb>li>a{ display:block; line-height:60px;font-weight:500;font-size:16px;}
.lnb li>div{ display:none; position:absolute;top:100%;left:0; width:300px; padding-bottom:8px; border-bottom:4px solid #2570b4; box-shadow:1px 2px 5px rgba(0,0,0,.3); background:#f7f7f7}
.lnb li.right_open>div{ left:auto; right:0}
.lnb div a{ display:block; padding:4px 20px; font-size:14px; text-align:left; white-space:nowrap}
.lnb div a:hover{ background:#2570b4; color:#FFF !important}
#gnb .on,#gnb a:hover,
.lnb .on,.lnb a:hover{ color:#2A6EB4}
.if_scroll #gnb .lnb{ box-shadow:0 2px 3px rgba(0,0,0,.15)}

/* Footer */
#ft{padding:0; background:#313B4B; color:#fff}
#ft a{color:#fff}
#ft h1{padding-top:60px}
#ft dl{padding-bottom:20px}
#ft .address{width:200px !important}
#ft .address_v1{margin-left:200px !important}
#ft .dl-horizontal dt{ overflow:visible;width:300px}
#ft .dl-horizontal dd{margin-left:300px}
#ft .num{font-weight:700;font-size:20px;font-family:'Tahoma'}
#ft dt i{margin:-10px 20px -10px 0}
#ft .copy li{display:inline}
#ft .copy li+li:before{content:'/';margin:0 10px;color:#fff}
#ft .copy{text-align:right}

#ft .linkDiv {width:1200px; margin:0 auto; padding:15px 0;}
#ft .linkDiv ul {width:100%; margin:0; padding:0;}
#ft .linkDiv ul > li {float:left; font-family: 'Noto Sans KR'; font-weight:100; font-size:15px; letter-spacing:-1.5px; color:#cbcbcb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#ft .linkDiv ul > li.no1{width:170px; padding-left:26px; background:url(./images/icon_01.png) no-repeat center left;}
#ft .linkDiv ul > li.no2{width:85px;}
#ft .linkDiv ul > li.no3{width:145px;}
#ft .linkDiv ul > li.no4{width:460px;}
#ft .linkDiv ul > li.no5{width:170px;}
#ft .linkDiv ul:after {content:""; display:block; clear:both;}

#ft .wide {width:100%; border-top:1px solid #303338; position:relative;}
#ft .wide .copyright {width:1200px; height:130px; margin:0 auto; padding:20px 0;}
#ft .wide .copyright ul {width:100%; margin:0; padding:0;}
#ft .wide .copyright ul li {float:left; font-family: 'Noto Sans KR'; font-weight:100; font-size:15px; letter-spacing:-0.5px; color:#cbcbcb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#ft .wide .copyright ul > li.no1 { width:400px; padding-left:26px; background:url(./images/icon_02.png) no-repeat top left;}
#ft .wide .copyright ul > li.no2 {width:500px;}
#ft .wide .copyright ul > li.no3 {width:300px; position:relative;}
#ft .wide .copyright ul > li .txt {color:#66686d; display:block; margin-top:5px;}
#ft .wide .copyright ul > li .sns {position:absolute; right:0;}
#ft .wide .copyright ul > li .sns li {width:52px; height:52px; margin-left:10px;}
#ft .wide .copyright ul:after {content:""; display:block; clear:both;}

#ft .award {width:100%; padding:40px 0 100px 0; background-color:#fff;}

#ft .award .area {width:1260px; margin:0 auto;}

#ft .award ul  {margin:0; padding:0;}
#ft .award ul li {float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; font-family: 'Noto Sans KR'; font-weight:500; font-size:12px; letter-spacing:-1px; color:#5c5c5d; vertical-align:middle; margin:0 0 0 0px;}

#ft .award ul li span {display:inline-block; vertical-align:middle;}
#ft .award ul li span.icon {width:95px; height:69px;}
#ft .award ul li span.txt {margin-left:5px;}
#ft .award ul li:nth-child(4) span.icon {text-align:center;}
#ft .award ul:after {content:""; display:block; clear:both;}


#familysite{margin-top:0px; }
#familysite a{color:#333; font-size:13px;}
#familysite button{width:160px; padding:5px 10px; border:1px solid #999; background:#FFF; text-align:left; font-size:14px;}
#familysite .caret{ float:right; margin:8px 0 0}
/* quick */
#quick{ position:fixed;top:140px;/*right:-435px;*/right:-415px;z-index:30; width:470px; height:144px; padding:10px 10px 10px 35px; border-radius:8px;background:#1c66b2 url(../img/quick_hd.png) no-repeat; transition:all .4s}
#quick.open{ right:0;}
#quick ul{ opacity:0}
#quick.open ul{ opacity:1}
#quick button{ position:absolute;top:0;bottom:0;left:0; width:35px;}
#quick li{ float:left; width:25%;}
#quick a{ display:block; position:relative; height:124px; padding:20px 0 0; border:1px solid #1c66b2;border-radius:5px;font-weight:700;font-size:14px; line-height:1.2;text-align:center; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,.5)}
#quick a div{ visibility:hidden; position:absolute;top:100%; width:100%;padding:15px 5px; border-radius:3px; background:#FFF; font-size:14px; color:#4f7aa7; text-shadow:none;opacity:0; transition:all .4s}
#quick a div:before{ content:''; display:block; position:absolute;top:-12px;left:50%; margin-left:-6px; border:6px solid; border-color:transparent transparent #FFF;}
#quick .i1{ background-color:#5192ec}
#quick .i2{background-color:#769dc6}
#quick .i3{background-color:#275596;}
#quick .i4{background-color:#b485b5;}
[class^=icon_quick]{ display:block; width:36px; height:36px; margin:0 auto 10px;background-image:url(../img/icon_quick.png)}
.icon_quick2{ background-image:url(../img/icon_quick2.png)}
.icon_quick3{background-image:url(../img/icon_quick3.png)}
.icon_quick4{background-image:url(../img/icon_quick4.png)}
#quick a:hover{ border-color:#FFF}
#quick a:hover div{ visibility:visible; margin-top:10px;opacity:1}

#top{ visibility:hidden; position:fixed;bottom:80px; right:20px; z-index:30; width:56px; height:56px; border:2px solid #FFF; background:#303b4b; font-size:32px; line-height:52px; text-align:center; color:#FFF; opacity:0}
.if_scroll #top{ visibility:visible; opacity:1}

/* Sub */
#asBn{ margin:20px 5%; padding:20px; border:1px solid #C9C9C9; font-size:16px; white-space:nowrap}
#asBn h2{ margin:8px 0; font-size:24px; letter-spacing:-.06em}
#asBn p{ font-size:48px; line-height:1}
#asBn h3{ margin:12px 0; font-size:20px}
#asBn{}
.bgstyle{height:100%;background-position:50% 0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.breadcrumb{ margin-bottom:25px; padding:0; background:none; white-space:nowrap}
.sub_hd{ position:relative; overflow:hidden;padding-top:50px; padding-bottom:50px; padding-right:200px;
background: #F9F9F9;
background: -webkit-linear-gradient(left,  #ffffff 0%,#bbbbbb 100%);
background: linear-gradient(to right,  #ffffff 0%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=1 );
}
.sub_hd:after{ content:''; display:block; position:absolute;top:0;bottom:0; right:0; width:300px; background:no-repeat 50% 100%}
.sub_hd h1{ font-size:32px; color:#333}
.sub_hd p{ margin-top:1.5em; font-size:18px}
.sub_article{ padding-top:70px; padding-bottom:70px}
.sub_article2{ padding-top:35px; padding-bottom:35px}
.sub_article p{ margin-bottom:1em}
.sub_hd+.loc_h2{ margin-top:-1em}

/* Index */
.main section, .slide_h>li>div{}
.slide_h .short{ max-width:1500px; margin:0 auto}
.short .topicon{margin:-30px 0 45px}
.short h2{padding-bottom:25px;font-weight:400;font-size:20px; letter-spacing:0}
.short h3{padding-bottom:25px;font-weight:400;font-size:36px;line-height:1.25}
/*
.short h3 span{color:#2A6EB4}
*/
.short p{font-size:20px}
.short{padding:5% 6%;color:#fff}
.short_v1{color:#000 !important}
.short ul{margin-top:46px}
.short .list_type li:before{background:url(../img/icon_list_check2.png)}
.short li{position:relative;padding-left:34px;font-size:18px;padding-bottom:.8em}
.short li:before{content:'';position:absolute;top:0;left:0;width:20px;height:22px;background:url(../img/icon_list_check.png)}
.slide{background-image:url(../img/main_slide.jpg)}
.slide .object{position:absolute;right:0;bottom:0; max-width:600px}
.slide .object img,.slide3 .object img{width:100%}
.slide2{position:relative;background-image:url(../img/main_slide2.jpg); background-position:50% 100%}
.visualarea{ position:absolute;bottom:0;left:0; width:100%;padding:50px 0; text-align:center}
.visualarea>div{ display:inline-block; position:relative; height:100%}
.visualarea img{ max-height:90%; vertical-align:bottom}
.visualarea b{font-size:20px}
.visualarea p{font-size:18px}
.visualarea a,.visualarea .i0{ position:absolute}
.visualarea a{display:inline-block;width:45px;height:45px;background:url(../img/slide2_btn.png); text-align:left; white-space:nowrap}
.visualarea .i0{ bottom:100%;left:50%}
.visualarea .i1{top:0;left:76%}
.visualarea .i2{top:40%;left:10%}
.visualarea .i3{top:70%;left:76%}
.visualarea .txt{ position:absolute; padding:20px 70px;opacity:0;transition:all .3s;}
.visualarea .txt>div{display:block;padding:10px 15px;background:#fff;border:1px dashed #2A6EB4}
.visualarea .i2 .txt{ right:0}
.visualarea .i3 .txt{top:-80px}
.visualarea a:hover .txt{opacity:1}
.slide2 .visualarea{left:300px; right:300px; width:auto}
.slide3{background-image:url(../img/main_slide3.jpg)}
.slide3 .object{position:absolute;right:50px;bottom:50px;width:45%}
.slide4{background-image:url(../img/main_slide4.jpg)}
.slide4 dt{clear:both;float:left;width:115px;padding-bottom:20px;text-align:right;font-size:40px;color:#2A6EB4}
.slide4 dd{padding:4px 0 20px 145px}
.slide4 dd p{font-size:18px}
.slide4 strong{font-size:20px}
#rec{display:none; overflow:auto;position:fixed;top:0;left:0; right:0;bottom:0;z-index:100; padding-top:30px;background: #515459;background: -webkit-linear-gradient(left,  #515459 0%,#34404e 100%);
background: linear-gradient(to right,  #515459 0%,#34404e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515459', endColorstr='#34404e',GradientType=1 )}
#rec .recommandarea{ background:none}
#rec .close{ position:absolute;top:0; right:0; z-index:10; padding:10px; font-weight:300; font-size:40px;color:#FFF; opacity:1}
#recStep{ display:none}
.recommandarea{ display:none; position:relative;min-height:640px;padding:4% 6%;background: #515459;background: -webkit-linear-gradient(left,  #515459 0%,#34404e 100%);
background: linear-gradient(to right,  #515459 0%,#34404e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515459', endColorstr='#34404e',GradientType=1 )}
.recommandarea .short{padding:0}
.recommandarea h2{display:block;padding-bottom:7px;border-bottom:1px solid #fff;font-weight:400;font-size:19px;color:#fff}
.recommandarea h3{margin:13px 0 0;padding-bottom:15px;font-size:40px;color:#fff}
.recommandarea .product{margin:55px -10px}
.recommandarea .product ul{display:table;table-layout:fixed;width:100%;}
.recommandarea .product li{display:table-cell; padding:10px;text-align:center}
.recommandarea .product li i{margin-bottom:40px}
.recommandarea .checklst{ min-height:430px; padding:30px 250px 0 0;background:url(../img/icon_item_lg.png) no-repeat 100% 0}
.recommandarea .checklst.cat-C002{background-image:url(../img/icon_item2_lg.png)}
.recommandarea .checklst.cat-C003{background-image:url(../img/icon_item3_lg.png)}
.recommandarea .checklst.cat-C004{background-image:url(../img/icon_item4_lg.png)}
.recommandarea .checklst.cat-C005{background-image:url(../img/icon_item5_lg.png)}
.recommandarea .checklst.cat-C006{background-image:url(../img/icon_item6_lg.png)}
.recommandarea .checklst ul{ max-width:1280px;margin:20px -15px 0}
.recommandarea .checklst li{ padding:40px 15px; text-align:center;}
.recommandarea .checklst p{ height: 56px; margin:10px 0 20px;/*font-weight:300;*/font-size:18px;color:#fff}
.recommandarea .result{margin-top:80px}
.result_btn{ position:absolute;bottom:40px;left:0; right: 0}
/*
.recommandarea .result li+li{background:url(../img/line_item.png) no-repeat 0 30%}
*/
.recommandarea .result p{font-size:20px;color:#fff}
.recommandarea .topicon{position:absolute;top:0;}
.recommandarea .bx-wrapper .bx-prev{left:-40px}
.recommandarea .bx-wrapper .bx-next{right:-40px}
.recommandarea .bx-wrapper .bx-pager{ bottom:0}
#recResult br{ display:none}
.rec_result_lst{ margin-bottom:60px}
.rec_result_lst h4{ margin:30px 0 10px; font-size:25px;color:#FFF}
.rec_result_lst h4:before{ content:''; display:block; width:40px; margin-bottom:8px; border-top:4px solid #145189;}
.rec_result_lst li{ min-height:420px; margin:-1px 0 0 -1px; padding:0 20px 30px; border:1px solid #FFF; background: #555c65; background:rgba(255,255,255,.1); text-align:center; color:#FFF}
.rec_result_lst h5{ overflow:hidden; height:41px; margin-top:-20px; font-size:19px}
.product-hover{ position:absolute;top:0;bottom:0;left:0;right:0; padding:100px 20px 0; background:#145189; background:rgba(20,81,137,.85); font-size:17px; color:#FFF !important; opacity:0;}
.product-hover .btn_radius_v1{ display:block; width:100px; margin:20px auto; padding:0; border-radius:0;font-size:15px;}
.product-hover:hover{ opacity:1}

.icon_product{width:140px;height:230px;background-image:url(../img/icon_item.png)}
.icon_product2{width:140px;height:230px;background-image:url(../img/icon_item2.png)}
.icon_product3{width:160px;height:230px;background-image:url(../img/icon_item3.png)}
.icon_product4{width:140px;height:230px;background-image:url(../img/icon_item4.png)}
.icon_product5{width:140px;height:230px;background-image:url(../img/icon_item5.png)}
.icon_product6{width:140px;height:230px;background-image:url(../img/icon_item6.png)}

[class^=icon_rec_]{width:160px;height:160px;background:url(../img/icon_rec_villa.png) no-repeat 50% 100%}
.icon_rec_apart{ background-image:url(../img/icon_rec_apart.png)}
.icon_rec_pension{ background-image:url(../img/icon_rec_pension.png)}
.icon_rec_factory{ background-image:url(../img/icon_rec_factory.png)}
.icon_rec_house{ background-image:url(../img/icon_rec_house.png)}
.icon_rec_house2{ background-image:url(../img/icon_rec_house2.png)}

.icon_rec_gas{ background-image:url(../img/icon_rec_gas.png)}
.icon_rec_oil{ background-image:url(../img/icon_rec_oil.png)}
.icon_rec_elec{ background-image:url(../img/icon_rec_elec.png)}
.icon_rec_elec2{ background-image:url(../img/icon_rec_elec2.png)}
.icon_rec_pellet{ background-image:url(../img/icon_rec_pellet.png)}
.icon_rec_air{ background-image:url(../img/icon_rec_air.png)}
.icon_rec_night{ background-image:url(../img/icon_rec_night.png)}
.icon_rec_tree{ background-image:url(../img/icon_rec_tree.png)}
.icon_rec_tree_oil{ background-image:url(../img/icon_rec_tree_oil.png)}

.sctarea{position:relative;padding:160px 130px}


/*************************** RHY */
#index {width:100%; position:relative; padding:0 50px;}
#index .bx{border:none;}
/* slider */
#index .bx-wrapper .bx-controls-direction a{width:70px;height:139px; background:url(./images/slider_control.png)}
#index .bx-wrapper .bx-prev{left:0; margin-top: -70px;}
#index .bx-wrapper .bx-next{right:0; margin-top: -70px;}

#index .service{position:relative; background-color:#f6f6f8;}
#index .service .txt_type1 {width:100%; padding:118px 0 100px 0; text-align:center; font-family: 'Noto Sans KR'; font-weight:500; font-size:50px; letter-spacing:-1.5px; line-height:120%; color:#41434a;}
#index .service .step2_img {width:100%; text-align:center;}

#index .service .step2_contents {width:1160px; margin:0 auto;}
#index .service .step2_contents ul {margin:30px 0 0 0; padding:0;}
#index .service .step2_contents ul li {float:left; width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#index .service .step2_contents ul li .step_title {font-family: 'Noto Sans KR'; font-weight:500; font-size:22px; color:#222;}
#index .service .step2_contents ul li .title {font-family: 'Noto Sans KR'; font-weight:300; font-size:32px; letter-spacing:-1.5px; color:#222;}
#index .service .step2_contents ul li .content {margin:10px 0 15px 0; font-family: 'Noto Sans KR'; font-weight:100; font-size:15px; letter-spacing:-1.5px; color:#737173; text-align:center;}
#index .service .step2_contents ul li p {display:block;}
#index .service .step2_contents ul li .w1 {width:200px;}
#index .service .step2_contents ul li .w2 {width:230px;}
#index .service .step2_contents ul li .w3 {width:200px;}
#index .service .step2_contents ul li .w4 {width:200px;}
#index .service .step2_contents ul li:nth-child(1){padding-left:20px;}
#index .service .step2_contents ul li:nth-child(2){padding-left:20px;}
#index .service .step2_contents ul li:nth-child(3){padding-left:50px;}
#index .service .step2_contents ul li:nth-child(4){padding-left:70px;}
#index .service .step2_contents ul li .button {width:200px; margin:0 auto; padding:5px 24px; border:1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; font-family: 'Noto Sans KR'; font-weight:300; font-size:16.5px; letter-spacing:-1.5px; color:#737173; background:url(./images/step2_button_back.png) no-repeat center right; cursor:pointer;}

#index .service .step2_contents ul:after {content:""; display:block; clear:both;}


#index .service .phone_center_div {position:relative; height:250px;}
#index .service .phone_center {position:absolute; bottom:0; width:100%; height:160px; padding:30px 0; background: #568cf0 url(./images/step2_blue_bg.png);}

#index .service .phone_center ul {width:1100px; margin:0 auto;}
#index .service .phone_center ul li {float:left;}
#index .service .phone_center ul li.phone {width:510px;}
#index .service .phone_center ul li.phone td {color:#fff;}
#index .service .phone_center ul li.phone td.icon {width:130px;}
#index .service .phone_center ul li.phone td .title {font-family: 'Noto Sans KR'; font-weight:400; font-size:24px; letter-spacing:-1.5px;}
#index .service .phone_center ul li.phone td .tel {font-family: 'Noto Sans KR'; font-weight:500; font-size:50px; letter-spacing:-1.5px;}


#index .service .phone_center ul li.content td {width:145px; color:#fff; text-align:center; border : 2px solid #568cf0; padding:2px 4px;}
#index .service .phone_center ul li.content td .title {font-family: 'Noto Sans KR'; font-weight:300; font-size:16px; letter-spacing:-1.5px;}
#index .service .phone_center ul li.content td.none {border:none;}
#index .service .phone_center ul li.content td.font_right {text-align:right;}
#index .service .phone_center ul li.content td.con {background-color:#fff; color:#2d518a;}

#index .service .phone_center ul:after {content:""; display:block; clear:both;}


#index .service2{height:882px; background-image:url(./images/step3_bg.jpg);}
#index .service2 .title  {width:100%; padding:70px 0 5px 0; text-align:center; color:#fff; font-family: 'Noto Sans KR'; font-weight:500; font-size:50px; letter-spacing:-1.5px;}
#index .service2 .sub_content {width:100%; text-align:center; font-weight:100; color:#fff;}
#index .service2 .sub_content .font_yellow {color:#fdff7a;}

#index .service2 .sub_content .sub_button {width:200px; margin:15px auto 0 auto; padding:5px 15px; border: 1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; text-align:left; font-weight:400; background:url(./images/step3_button_back.png) no-repeat center right; cursor:pointer;}


#index .news{clear:both;}
#index .news .txt {font-family: 'Noto Sans KR'; font-weight:400; font-size:40px; color:#41434a; margin:105px 0 10px 0;}
#index .news .more {font-family: 'Noto Sans KR'; font-weight:normal; font-size:14px; color:#41434a; margin:0 0 20px 0;}
#index .news .more a{color:inherit; text-decoration:none;}

#index .clearfix .sub_button2 {width:200px; margin:0 auto; padding:5px 24px; border:1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; font-family: 'Noto Sans KR'; font-weight:300; font-size:16.5px; letter-spacing:-1.5px; color:#737173; background:url(./images/step2_button_back.png) no-repeat center right; cursor:pointer;}




#index .download{background-image:url(../img/bg_sect4.png)}

.service_btn>div{position:relative;height:200px;margin-top:40px; padding:0 30px 30px}
.service_btn>div>div{height:100px;}

/*
.latest_news .cover:hover{opacity:1}
.latest_news .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#2A6EB4;opacity:0;transition:all .2s}
.latest_news {position:relative;clear:both}
.latest_news img{ display:block;width:100%}
.latest_news i{position:absolute;right:23px;bottom:23px}
.latest_news .con {position:relative;background:#2A6EB4;text-align:center;color:#fff}
.latest_news .con span{font-size:16px;padding-bottom:12px;background:url(../img/line_deco.png) no-repeat 50% 100%}
.latest_news .con p{padding:20px 15px 0;font-size:18px}
.latest_news > div{ width:25%;}
*/


.tb_bx{display:table;table-layout:fixed;width:100%; height:160px;}
.tb_bx > div{display:table-cell; vertical-align:top}


.latest_news > div{ width:398px; margin:0 10px; border:1px solid #e0e0e0;}

.latest_news .contents {height:200px; padding:25px 20px 10px 20px; vertical-align:top;}


.latest_news {position:relative; width:1260px; margin:0 auto 100px auto; clear:both}
.latest_news img{ display:block;width:100%}
.latest_news i{position:absolute;right:23px;bottom:23px}
.latest_news .con {position:relative; text-align:center;}
.latest_news .con span{font-family: 'Noto Sans KR'; font-weight:500; font-size:20px; letter-spacing:-1.5px; color:#41434a; display:block; margin-bottom:10px;}
.latest_news .con p {display:block;}
.latest_news .con p.tit {font-family: 'Noto Sans KR'; font-weight:400; font-size:21px; letter-spacing:-1.5px; color:#000; margin-top:20px; width:320px; margin:0 auto;}
.latest_news .con p.content {font-family: 'Noto Sans KR'; font-weight:300; font-size:16px; letter-spacing:-1.5px; color:#585858; letter-spacing:150%; margin-top:15px; text-align:left;}





#download_div {width:100%; height:270px; background-color:#f8f8f8; padding:40px 0;}
#download_div .sep {width:1160px; margin:0 auto;}
#download_div .sep ul {width:100%; padding:0; margin:0;}
#download_div .sep ul li {float:left; width:33%; text-align:center;}
#download_div .sep ul li:nth-child(1){background:url(./images/bar.png) no-repeat top right;}
#download_div .sep ul li:nth-child(2){background:url(./images/bar.png) no-repeat top right;}

#download_div .sep ul li .stxt {font-family: 'Noto Sans KR'; font-weight:100; font-size:14px; letter-spacing:-0.5px; color:#3e4148;}
#download_div .sep ul li .title {font-family: 'Noto Sans KR'; font-weight:400; font-size:25px; letter-spacing:-0.5px; color:#3e4148; margin:0;}
#download_div .sep ul li .content {font-family: 'Noto Sans KR'; font-weight:300; font-size:17px; letter-spacing:-1.5px; color:#606060; line-height:150%; margin:15px 0;}
#download_div .sep ul li .content1 {font-family: 'Noto Sans KR'; font-weight:300; font-size:19px; letter-spacing:-1.5px; color:#000000; line-height:100%; margin:15px 0;}

#download_div .sep ul li .button {border:1px solid #3e4148; width:300px; padding:5px 0; text-align:center; margin:30px auto; background-color:#fff; font-family: 'Noto Sans KR'; font-weight:300; font-size:17px; letter-spacing:-1.5px; cursor:pointer;}


#download_div .sep ul:after {content:""; display:block; clear:both;}

.content1 img {margin-right:3px;}
.content1 a {text-decoration: none; color: #000000;}

@media screen and (max-width:1600px){
/*.latest_news>div{ width:33.333333%}*/
}

/* history
.history_sect{ padding:50px 5%; background:#222 url(../img/history.jpg) no-repeat 50% 0 fixed; background-size:cover; text-align:center; color:#FFF}
.history_sect.i2{background-image:url(../img/history2.jpg)}
.history_sect.i3{background-image:url(../img/history3.jpg)}
.history_sect.i4{background-image:url(../img/history4.jpg)}
.history_sect.i5{background-image:url(../img/history5.jpg)}
.history_sect.i6{background-image:url(../img/history6.jpg)}
.history_sect.i7{background-image:url(../img/history7.jpg)}
.history_sect.i8{background-image:url(../img/history8.jpg)}
.history_sect.i9{background-image:url(../img/history9.jpg)} */
.history_sect{ overflow:hidden; padding:5%; text-align:center}
.history_sect img{ position:absolute; right:50%; width:42%; margin:20px 8%}
.history_sect .img_rt{ right:auto; left:50%;}
.history_sect p+img{ margin-top:80px}
.img_li{ position:static !important; min-height:0 !important}
.img_li:before{ display:none !important}
.history_sect h2{ margin:.33em 0; font-weight:700; font-size:60px; text-align:center; color:#5d5d5d}
.history_sect h2+p{ display:inline-block; margin-top:.5em; padding:.1em 1em; background:#2a68a7;font-size:20px; text-align:center; color:#FFF}
.history_sect ul{ margin:2em 0 4em}
.history_sect li{ position:relative; min-height:40px}
.history_sect li:before{ content:''; display:block; position:absolute; top:12px;left:50%; width:15px; height:15px; margin:-7px; border-radius:50%; background:#9e9e9f}
.history_sect li:after{ content:''; display:block; clear:both}
.history_sect h3{ float:right; width:40px;font-size:22px; color:#333}
.history_sect p{ margin:0}
.history_sect .cnt{ position:relative; float:left; width:50%; padding-right:8%; text-align:right}
.history_sect .cnt:before{ content:''; display:block; position:absolute;top:12px; right:0; width:14%; border-top:2px dashed #9e9e9f}
.history_sect .rt{ float:right; padding:0 0 0 8%; text-align:left}
.history_sect .rt:before{ left:0; right:auto}
.history_sect .rt h3{ float:left}
#history .nav{ display:table; table-layout:fixed; width:1200px; margin:40px auto 0}
#history .nav>li>a{ width:auto; padding:10px 0; letter-spacing:-2px}

/* CI */
.ci_bx{ font-size:12px}
.ci_bx i{ display:block; width:70px; height:70px; margin-right:35px}
.ci_bx h5{ margin:0 0 .5em; font-size:14px}
.ci_bx p{ margin:0}

/* location */
.loc_h2{ max-width:880px; margin-bottom:30px; padding:10px 0; border-bottom:1px solid #c9c9c9; font-weight:400; font-size:30px;}
.col-sm-6 .loc_h2{ padding-left:30px; font-size:20px}
.loc_dl{ margin:30px 0 60px}
.loc_dl i{ width:50px}
.map_wrp { overflow:hidden}
.map_wrp .btn_radius_v1{min-width:160px;background:#FFF}
#mapKor{ max-width:1200px; height:610px; margin:40px auto; padding:56px 0; background:url(../img/map_kor.png) no-repeat 50% 0}
#mapKor li{ float:left; width:50%; height:63px;}
#mapWorld{ position:relative; width:1222px; height:585px;margin:40px auto;background:url(../img/map_world.png) no-repeat 50% 0}
#mapWorld li{ position:absolute}
#mapWorld .btn_radius_v1{ min-width:130px; white-space:nowrap}

/* winner */
.winner_lst li{  padding:30px; text-align:center; font-size:13px;vertical-align:top}
.winner_lst img{ height:160px; margin-bottom:20px;vertical-align:top}
#winner li{ float:left; width:16.66666666%; margin:20px 0; font-size:14px; text-align:center}
#winner p{ height:2.6em; margin-top:10px; line-height:1.3}

/* product */
#lstProduct{ padding-bottom:160px;}
#lstProduct .recommandarea{display:block;position:relative; min-height:0; padding:50px 5%}
#lstProduct .result{margin-bottom:-160px}
#lstProduct .result .bx-wrapper{ max-width:none !important}
.product_picarea,.thmb_sm{ overflow:visible}
.product_picarea{margin-bottom:70px}
.product_picarea .media-left{ display:block; float:left;width:700px}
.product_picarea .media-body{width:auto; height:550px; vertical-align:bottom}
.product_picarea .thmbarea li{border:1px solid #c9c9c9;background:url(../img/bg_thmb.jpg) 0 50%;background-size:cover}
.product_picarea .thmbarea.v li{width:auto !important;height:auto;margin-bottom:10px;padding-top:0}
.smallthmb{margin-top:-20px}
#lstProduct .bx-pager .bx-controls-direction a{top:45%}
#lstProduct .bx-pager{top:-120px;right:0;bottom:auto;width:auto}
.lst_count{ position:absolute;top:26px;left:5%;color:#FFF}
#lstProduct .bx-pager a{text-align:left}
.product_picarea h3{ font-size:2em}
.result .media-left{ padding-left:10px}
.result .media-left img{ max-width:none}
.result .media-body p{margin-top:-40%;padding-bottom:20px}
.result .btn-block{ width:90%}
.product_container{border:1px solid #c9c9c9}
.productinfo p{font-size:20px}
.productinfo div{ font-size:.9em; color:#999}
.product_sect .lst_type_chk{margin-bottom:20px}
.product_sect{position:relative;padding:5%;background: #f7f7f7;background: -moz-linear-gradient(left,  #f7f7f7 0%, #adb0b0 100%);
background: -webkit-linear-gradient(left,  #f7f7f7 0%,#adb0b0 100%);background: linear-gradient(to right,  #f7f7f7 0%,#adb0b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#adb0b0',GradientType=1 )}
.product_sect .use{padding-top:60px}
.product_sect .media-thumb{display:table-cell;width:75px;padding-right:8px}
.product_sect .col-sm-6 .media-body{width:auto}
.product_sect>div>div{position:static}
.product_sect.v6 p img{position:absolute;right:0;bottom:-10%;z-index:20;width:40%}
.product_sect.v6 h3{ border:0}
.product_sect.v6 li>div{padding-bottom:30px}
.product_sect.v6 li>div:first-child{padding-right:20px}
.product_sect.v6 li>div+div{padding-left:20px}
.product_sect.v6 li h4{padding-bottom:10px}
.product_sect.v6 li b{display:inline-block;width:25px;height:25px;border-radius:50%;background:#5c5d5d;text-align:center;line-height:25px;color:#fff}
.product_sect.v6 li p{padding-left:28px}
.product_sect.v6 .col-sm-5 img{position:absolute;bottom:0; right:0; max-width:40%; max-height:100%}
.product_sect.v,.product_sect.v3{border:0;background:none}
.product_sect h3,h4{color:#3e3a39}
.product_sect h3{padding:0 0 20px;border-bottom:1px solid #c9c9c9;line-height:1.3;font-size:30px}
.product_sect h4{font-size:18px}
.product_sect .lst_tit{margin-bottom:15px;padding:8px 7px}
.product_sect .lst_tit.v{border-bottom:1px solid #c9c9c9}
.product_sect .lst_tit i{margin:0 20px 0 10px}
.product_sect .lst_type_chk>li{padding-bottom:15px}
.product_sect.v2{background:#fff}
.product_sect.v2 h3{/*padding-top:120px;*/border:0;}
.product_sect.v2 h4{ margin-bottom:.5em;line-height:1.5}
.product_sect.v2 .media-body{width:66%}
.product_sect.v2 .thmnlst{display:table;width:100%;margin-bottom:.5em;}
.product_sect.v2 .thmb{display:table-cell;width:150px;vertical-align:middle}
.product_sect.v2 .object{margin-top:-50px;z-index:10}
.product_sect.v2 .media-body>ul{padding:4%;border:1px solid #c9c9c9}
.product_sect.v2 .media-body li{ padding:1%}
.product_sect.v2.type2 h3{border-bottom:1px solid #c9c9c9 !important}
.product_sect.v3{padding:0 0 100px 0}
.product_sect.v3 .con{padding:0 0 0 90px}
.product_sect.v3 img{position:absolute;right:0;bottom:0;z-index:20;width:40%}
.product_sect.v3 p>img{position:relative;width:auto}
.product_sect.v5{padding:100px 60px;background:url(../img/bg_detail_product.png) no-repeat 50% 10%}
.product_sect.v4 img{position:relative}
.product_sect.v4 li{padding:0px 50px 35px}
.product_sect.v4 li>div{padding:0 30px}
.product_sect.v5 .h3{margin:0 0 .5em}
.product_sect.v5 h4{margin:50px 0 25px 0}
.product_sect.v5 .media{padding:0 150px}
.product_sect.v5 .award {padding:120px 0 0; text-align:center}
.product_sect.v5 .awardlebel{width:42%}
.product_sect.v5 .award li{padding:0}

.product_sect.v7{padding:100px 60px;background:url(../img/bg_detail_product.png) no-repeat 50% 10%}
.product_sect.v7 .h3{margin:0 0 .5em}
.product_sect.v7 h4{margin:50px 0 25px 0}
.product_sect.v7 .media{padding:0 150px}
.product_sect.v7 .award {padding:120px 0 0; text-align:center}
.product_sect.v7 .awardlebel{width:42%}
.product_sect.v7 .award li{padding:0}

.product_sect.v4.bg_wh{border-bottom:1px solid #eee;background:#fff !important}
.product_sect2 h3{ padding-top:0 !important}
.product_sect2 li li{ padding:0 20px 10px 0}
.product_sect2 li li:after{ content:''; display:block; clear:both}
.product_sect2 li img{ float:left; margin:0 20px 20px 0}
.product_sect.v4 .info_lst li>div,.product_sect.v4 .info_lst li{padding:0}
.product_sect .info_lst h5{padding-bottom:18px;font-size:18px;color:#000}
.product_sect .info_lst>div>ul{padding-top:20px}
.product_sect .info_lst>div>ul>li{padding:20px 25px !important}
.product_sect .info_lst ul li ul li{padding-left:15px !important}
.product_sect .info_lst ul li ul li:before{content:'?';position:absolute;margin-left:-15px}
.tb_type>div{display:table-cell;vertical-align:middle}
.tb_type>div:first-child{padding-right:20px}
.thmb_lg{ width:500px}
.thmb_lg img,#thmbSm{ height:550px}
.thmb_sm{ width:154px; padding-left:10px}
.item_slide li img{ display:block;border:1px solid #c9c9c9;background:url(../img/bg_thmb.png) 0 50%;background-size:cover}
.item_slide li a{display:block; margin-bottom:10px;text-decoration:none; text-align:center; opacity:.5}
.item_slide li .active{ border-color:#2A6EB4; opacity:1}
.thmb_sm .bx-controls-direction a{top:-5px;left:50%;width:31px; height:20px; margin:-16px;background:url(../img/slider_arrow_item_vertical.png) no-repeat 100% 50% !important}
.thmb_sm .bx-controls-direction .bx-next{top:auto; bottom:-10px; background-position:0 50% !important}

#productTab1 img{ max-width:1200px}
#viewSupport{ padding:15px}
.remote_desc{ text-align:right; font-size:.9em}

/* pr */
.lst{ margin:0 -6px}
.lst>*{ padding:6px}
.lst a{ display:block;border:1px solid #c9c9c9;}
.lst img{ width:100%}
.lst .cnt_wrp{ padding:20px}
.lst .cate{ margin-bottom:.5em; font-size:.75em}
.lst h4{ height:19px; margin-bottom:1em}
.lst p{ overflow:hidden; height:4.25em; margin-bottom:1.5em; font-size:.8em}
.lst .meta{ font-size:.75em; opacity:.6}
.lst .detail{ display:inline-block; padding:6px 20px;border:1px solid #c9c9c9; border-radius:16px; white-space:nowrap}
.lst .date{ padding-top:5px}
.lst.v2 a{ border:0;}
.lst.v2 li+li a{border-top:1px solid #c9c9c9}
.lst.v2 .cnt_wrp{ padding:15px 0}

/* view */
.view_hd .cnt_wrp{ padding:30px 30px 0}
.view_hd h1{ margin:10px 0; font-size:28px}
.view .xe_content,.view_ft{ padding:30px}
.view_hd_customer{ margin:0 0 20px; font-weight:400; font-size:22px}
.xe_content img{ display:block; max-width:100%; height:auto; margin:0 auto}

/* customer */
.full_bg .col-sm-10>.row,.full_bg .col-sm-10>.w1260>.row{ max-width:800px}
.bd_srch{ margin:10px 0}
.bd_srch.form-inline input{ width:400px; margin-right:10px}
.lst_people{ margin:10px -5px 60px}
.lst_people>li{ padding:5px}
.lst_people .media{ margin-bottom:1em}
.lst_people .bx{ padding:20px; font-size:20px}
.lst_people .thmb{ overflow:hidden; position:relative;width:180px; height:240px;margin-right:10px}
.lst_people img{ position:absolute;width:100%}
.lst_people dl>*{ margin-bottom:5px; font-weight:400;}
.lst_people .name{ float:left; padding-right:10px}
.lst_people .region{ overflow:auto; height:140px; margin-bottom:0 !important;padding:5px; border:1px solid #c9c9c9; font-size:14px}
.ss_ff{ margin-top:50px;}


/* 푸터 페이지 */
.policy_box h4{ margin:0 0 20px; font-size:1.5em}
.policy_box h5{margin:40px 0 20px; font-size:1.2em; line-height:1.4;color:#2A6EB4}
.policy_box a{color:#2A6EB4}
.policy_box ol,.policy_box ul{ padding:0 20px 20px}

/* sitemap */
#sitemap h2{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #DDD;}
#sitemap>ul>li{ margin-bottom:50px}
#sitemap .list-inline>li{ padding:0 20px 20px 5px}
#sitemap h3{ font-size:18px}

/* popup */
.popup{ width:300px; min-width:0; margin:0 auto}
.dic_word{ position:relative; margin:0 14px 0 2px;cursor:pointer}
.dic_word:before{ content:''; display:block; position:absolute;top:-2px; right:-12px; width:12px; height:12px;background:url(../img/icon_dic.png);}
#dicWord{ width:500px; max-width:none; margin-top:35px}
#dicWord button{ position:absolute;top:4px; right:10px}
#dicWord .arrow{left:20px;}
#dicWord h3{padding:10px 14px; background:none; font-weight:700; font-size:16px}
#dicWord .popover-content:after{ content:''; display:block; clear:both}
#dicWord .popover-content img{ margin:10px}
#dicWord .popover-content img.pull-right{ margin-left:20px}

/* intro */
#intro{overflow:auto;position:fixed;top:0;left:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.8);}
#intro>div{ display:table;width:100%; height:100%; vertical-align:middle; padding-top:10px;}
#intro>div>div{ display:table-cell; padding:5%; text-align:center}
#intro h1 { margin-top:50px}
#intro p{ margin-bottom:50px}
#intro .row {margin:0 auto;width:90%;}
#intro li{ float:left; width:20%; padding:4px}
#intro li a{ display:block; padding:50px 10px 20px 10px; border-radius:8px; font-size:25px; line-height:1.2; color:#444}
#intro li a .it{ font-size:16px; padding:10px 0px 5px 0px; line-height:1.3; color:#444}
#intro .i1{ background-color:#ddf1f8;}
#intro .i2{background-color:#ddf1f8;}
#intro .i3{background-color:#ddf1f8;}
#intro .i4{background-color:#ddf1f8;}
#intro .i5{background-color:#ddf1f8;}
#intro li div{ padding:20px 15%}
#intro .btn_radius{ padding:10px 70px; border-radius:25px}
#intro .intro_clse{ position:absolute;top:0; right:0; padding:0 15px; font-size:40px; font-weight:300; color:#999}

/* modal */
#modalList iframe{ max-width:100%; border:0}
#modalList .btnarea{ margin:0 0 30px}

/* popup */
#popup{ position:absolute;top:90px;left:30px; z-index:40; font-size:0; white-space: nowrap;}
#popup img{ display:inline-block;}
.pop_ft{ height: 30px; padding:5px 10px; background:#222; font-size: 12px; text-align: right;color:#FFF}
.pop_ft *{ margin:0; font-weight:400 !important; vertical-align:middle}
.pop_ft input{ margin: 0 !important}
.pop_ft a{ margin-left: 20px;color:#FFF !important}
.pop_ft a span{ display: inline-block; font-size:14px; line-height: 10px}

/*----- XE fix -----*/
.x *,
.xm *,
.board,
.exForm *{-webkit-box-sizing:content-box;box-sizing:content-box}
.board{ max-width:1200px; margin:0 auto}
.xm .btn,.xm .btn:hover{ margin-top:0; color:#333 !important}
.xm .btn-inverse,.xm .btn-inverse:hover{ color:#FFF !important}
.xm h1{ margin:0 0 1em; padding:0 0 .5em}
.xm h1+p{ margin-bottom:1em}
.xm .signin>.login-body{ padding-bottom:40px}
.xm .signin .submit{ line-height:24px}
.xm select{ height:auto !important}
.exForm td *{ height:auto !important}
.simpleTree li a img{ display:inline}
.xe-widget-wrapper{ overflow:visible}
.nav-tabs>li>a{ padding:12px 25px}
.nav-tabs>li.active>a:after{ display:none}
/*
.pagination{ display:block;text-align:center}
.pagination strong,.pagination a{ display:inline-block; min-width:34px; height:34px; margin:0 1px; border:1px solid #CCC !important; border-radius:3px;font-weight:400; font-size:14px; line-height:30px; color:#000; vertical-align:top; box-sizing:border-box}
.pagination strong{ border-color:#0061bd !important;background:#0061bd;  color:#FFF}
*/
.exForm textarea{ width:100%}
.write_header .iText,
.board .iText,
.exForm .address, .exForm .date, .exForm .email_address, .exForm .homepage, .exForm .tel, .exForm .text,
.board, .board button, .board input, .board label, .board select, .board table, .board textarea{ height:auto; padding:8px; box-sizing:border-box}
.board .iText{ min-width:120px}
.write_author .iLabel{top:2px}
.xm .signin{ margin:160px auto}
.context_data{ margin-top:80px;}
.context_message{ padding:40px 0 80px; }
.context_message .btnArea{text-align:center}
.context_message .btnArea .btn{ height:40px !important; padding:10px 30px !important; font-size:22px}
.ui-datepicker *{ font-size:12px}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ width:40%}
.x .x_nav-tabs>li>a,
.xm .signin label{ white-space:nowrap}
.board_ft_admin{ margin-bottom:60px}
.if_act #ct .x{ max-width:1260px; margin:0 auto}

/* ie8 */
@media \0screen{
.latest_news .cover,.product-hover{filter: alpha(opacity=0);}
.latest_news .cover:hover{filter: alpha(opacity=100);}
.latest_news .cover>a{ visibility: hidden}
.latest_news .cover:hover>a{ visibility: visible}

.product-hover:hover{filter: alpha(opacity=90);}
}

@media screen and (max-width:1400px){
	.btn_radius_v1{ font-size:18px}
	.service_btn{padding-top:30px}
	#ft{font-size:18px}
	#ft dl{padding-bottom:15px}
	#quick a{ font-size:14px}
	.lnb>li{ padding:0 8px}

	.short h2{font-size:20px}
	.short h3{font-size:40px}
	.short p{font-size:22px}
	.short li{font-size:18px;padding-bottom:18px}

	.rec_result_lst li{ width:25%;}
	.rec_result_lst h5{ margin-top: -10px}
}
@media screen and (max-width:1024px){
	#ft .copy{text-align:left}

	.bannerarea>ul>li>div{padding:30px 25px}
}

@media screen and (max-width:767px){
/* pagination */
.pagination{ margin:0 0 20px; padding:0;}
.pagination > li > a, .pagination > li > strong{ min-width:30px; padding:0; border-radius:0 !important; font:700 14px/30px Tahoma,Sans-serif}
.pagination > li > strong{ background:#2A6EB4; color:#FFF}

/* button */
.btn{font-weight:400 !important}
.btn{border:0;border-radius:0; font-weight:700}
.btn_radius{display:inline-block;padding:7px 60px;border-radius:22px; border:2px solid #fff; background:transparent; font-size:20px; text-align:center; text-decoration:none !important; white-space:nowrap;color:#fff !important}

.mt80{display:inline-block;padding:7px 60px;border-radius:22px; border:2px solid #000; background:transparent; font-size:20px; text-align:center; text-decoration:none !important; white-space:nowrap;color:#000 !important}

.btn_radius_v1{ display:inline-block;height:50px; padding:0 20px;border:1px solid #FFF;border-radius:25px;background:none;font-size:23px; line-height:48px;white-space:nowrap;text-align:center;text-decoration:none !important; color:#FFF}
.btn_radius_v1.v2{height:36px;font-size:15px; line-height:34px}
.btn_radius_v1.grey,
.btn_radius.grey{ border-color:#c9c9c9; background:none;color:#727171 !important}
.btn_radius_v1.active,.btn_radius_v1:hover,.btn_radius_v1:focus{border:1px solid #2A6EB4 !important;background:#2A6EB4 !important; color:#FFF !important}
.btn_radius_v1.xs{ height:24px; padding:0 10px; font-size:12px; line-height:22px}
.btn_radius.sm,.btn_radius_v1.sm{ height:30px; padding:0 8px; border-radius:18px; font-size:12px; line-height:28px; letter-spacing:-1px; vertical-align:middle}
.btn_radius_v1 small{ float:right; margin:0 10px; font-size:.8em}
.btn_line{padding:5px 20px;border:1px solid #c9c9c9;border-radius:25px;background:#fff;font-size:14px;color:#898989}

.table-responsive .tb_fixed{ table-layout:auto}
.tb{ width:100%; margin:0; white-space:nowrap}
.tb tr>*{ padding:14px 12px; border-bottom:1px solid #C9C9C9; font-size:12px; vertical-align:top}
.tb thead th{ position:relative; text-align:center}
.tb thead th+th:before{ content:''; display:block; position:absolute;bottom:0;left:0; height:30px; border-left:1px solid #c9c9c9}
.tb .num{font-size:12px;text-align:center; line-height:1.1; white-space:normal; vertical-align:middle}
.tb .num strong{ display:inline-block; font-size:20px;color:#2A6EB4; vertical-align:middle}
.tb .num span{ display:none; vertical-align:middle}
.tb .tit{ min-width:180px;white-space:normal}
.tb .tit h4{ font-size:14px}
.tb .hide_cnt{ display:none; padding-top:10px; font-size:13px}
.tb.v2 tr>*{ padding:10px; vertical-align:middle}
.tb .td_admin{ padding:5px 14px}
.no_data{ padding:30px !important; font-size:14px}
}