@charset "utf-8";

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
* {max-height:1000000px;}
html,body{height:100%;margin:0;padding:0;}
body{font:17px/1.45 "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#666;background-color:#535c65;-webkit-text-size-adjust:none;word-break:keep-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,button{font:17px/1.45 "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#8c8c8c;vertical-align:middle;word-break:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}

caption{display:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #e2e2e2;line-height:16px;text-indent:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="submit"],
input[type="button"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #e2e2e2;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #e2e2e2;background:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;border:1px solid #e2e2e2;background:#fff;border-radius:0;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;outline:0;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Guide */
#wrapper{position:relative;height:100%;}
#wrap{position:relative;min-width:1200px;margin:0 auto;}
.wrapper{position:relative;width:1200px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

/***************************************************** Reset *****************************************************/

.btn_wrap{position:relative;margin:30px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 5px;vertical-align:middle;}

/* Font */
.t_point{color:#1c63ad;}
.t_green{color:#01af4e;}
.t_red{color:#f00;}
.t_strong{color:#333;}
.t_em{color:#555;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* Table */
.table_wrap{overflow:hidden;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
.dtable{width:100%;border-top:1px solid #616172;border-right:1px solid #e4e4e4;border-collapse:separate;}
.dtable th,
.dtable td{position:relative;padding:12px 10px 11px;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:center;}
.dtable th,
.dtable td.th,
.dtable td.heading{font-weight:bold;color:#333;font-size:18px;}
.dtable th,
.dtable td.th{background:#f8f8f8;}
.dtable th{}
.dtable.row th,
.dtable.row td,
.dtable .title{text-align:left;}
.dtable.row .th{text-align:center;}

.dtable.jemu{}
.dtable.jemu td{text-align:right;}
.dtable.jemu .tfoot td{background:#01af4e;color:#fff;}
.dtable.jemu td.th{background:#f8f8f8;font-weight:normal;text-align:center;color:#333;}

.dtable.thin_type th,
.dtable.thin_type td.th,
.dtable.thin_type td.heading{font-weight:500;font-size:17px;}
.dtable.thin_type td{font-weight:300;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;}
.table_form .row{display:table-row;}
.table_form .cell{display:table-cell;vertical-align:middle;}

.dtable_txt{overflow:hidden;position:relative;margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}

.desc_gray{color:#b5b4b4;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


/* Gnb */
#gnbMenu{display:none;position:absolute;left:0;top:60px;right:0;z-index:10;}
#gnbMenu .outer{padding:27px 0;background:url('../image/bg_gnb.png');}
#gnbMenu .inner{overflow:hidden;position:relative;width:1200px;margin:0 auto;padding:0 0 2px;}
#gnbMenu .inner:before,
#gnbMenu .inner:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:url('../image/line_gnb.png');}
#gnbMenu .inner:before{left:33.3%;}
#gnbMenu .inner:after{right:33.3%;}
#gnbMenu #gnb{display:table;width:100%;margin:-45px 0 0;font-size:0;letter-spacing:-.5px;}
#gnbMenu #gnb:after{content:'';display:block;clear:both;}
#gnbMenu #gnb > li{display:inline-block;vertical-align:top;width:400px;margin:45px 0 0;padding:0 140px;box-sizing:border-box;font-size:17px;font-weight:400;}
#gnbMenu #gnb > li > .wrap{display:block;margin:0 0 10px;font-size:20px;color:#fff;}
#gnbMenu #gnb .sub{color:#837c7c;line-height:1.1;}
#gnbMenu #gnb .sub li + li{margin:8px 0 0;}
#gnbMenu #gnb .sub li a{color:#a9d3ff;}
#gnbMenu #gnb .sub li ul{display:none;margin:8px 0 0 20px;}
#gnbMenu .back,
#gnbMenu .social{display:none;}

#header{position:relative;z-index:10;}
#header .head{position:relative;z-index:2;padding:14px 0 13px;background:#1c63ad;color:#fff;}
#header .head .conLeft{float:left;position:relative;}
#header .head .btn_search{display:none;}
#header .head .search{position:relative;width:249px;height:23px;padding:0 30px 0 0;box-sizing:border-box;background:#6192c6;}
#header .head .search input[type="text"]{width:100%;height:23px;line-height:23px;padding:0 5px;box-sizing:border-box;border:0;background:transparent;color:#fff;font-size:.75em;}
#header .head .search input[type="text"]::-webkit-input-placeholder{color:#fff;}
#header .head .search input[type="text"]::-moz-placeholder{color:#fff;}
#header .head .search input[type="text"]:-ms-input-placeholder{color:#fff;}
#header .head .search input[type="image"]{position:absolute;right:0;top:0;width:30px;height:23px;background:url('../image/btn_search.png') no-repeat 50%;}
#header .head .conRight{float:right;letter-spacing:0;}

#header .body{position:relative;height:60px;background:#fff;}
#header .body > .wrapper{height:100%;}
#header .body h1{position:absolute;left:0;top:17px;}
#header .body .conRight{position:absolute;right:0;top:0;bottom:0;line-height:60px;font-size:0;text-align:center;}
#header .body .menu{display:inline-block;width:200px;height:60px;padding:0 23px;box-sizing:border-box;font-size:20px;color:#333;background:#1c63ad;letter-spacing:-.5px;white-space:nowrap;color:#fff;}
#header .body .menu > span.text,
body.fixed #header .body .menu > span.text + span.text{display:inline-block;margin:0 14px 0 0;}
body.fixed #gnbMenu{display:block;}
#header .body .menu > span.text + span.text,
body.fixed #header .body .menu > span.text:first-child{display:none;}
#header .body .menu .icon{display:inline-block;vertical-align:middle;position:relative;top:-1px;width:32px;height:25px;background:url('../image/m_menu.png') no-repeat;}
body.fixed #header .body .menu .icon{width:26px;height:26px;background-image:url('../image/m_close.png');}

#header .util_wrap{display:inline-block;vertical-align:top;}
#header .util_wrap a{display:inline-block;text-transform:uppercase;font-weight:400;width:135px;line-height:1.4;padding:6px 0 7px 0;box-sizing:border-box;border-right:1px solid #eee;color:#1c63ad;font-size:17px;}
#header .util_wrap a img{vertical-align:top;margin:0 5px 0 0;position:relative;top:18px;}
#header .util_wrap a:first-child {vertical-align:top;border-right:0px;width:91px;margin:-4px -10px 0 0;}
#header .util_wrap a.sub_util {width:90px;}
#header .language_wrap{display:inline-block;vertical-align:top;width:100px;height:100%;box-sizing:border-box;/* border-left:1px solid #eee; */font-size:17px;color:#1c63ad;}
#header .language{display:inline-block;vertical-align:middle;position:relative;width:83px;margin:-2px auto 0;box-sizing:border-box;border:1px solid #bad0e6;background:#fff;font-size:.75em;text-align:left;}
#header .language .select{display:block;position:relative;padding:0 21px 0 8px;line-height:23px;}
#header .language .select:before{content:'';position:absolute;right:20px;top:2px;bottom:2px;width:1px;background:#bad0e6;}
#header .language .select:after{content:'';position:absolute;right:7px;top:50%;margin:-2px 0 0;border:2.5px solid transparent;border-top:4px solid #1c63ad;border-bottom:0;}
#header .language ul{display:none;position:absolute;left:-1px;top:23px;right:-1px;padding:5px 8px;box-sizing:border-box;border:1px solid #bad0e6;background:#fff;line-height:1.3;}
#header .language li + li{margin:5px 0 0;}

#container{background:#fff;}
#contents{position:relative;width:1200px;min-height:150px;margin:0 auto;padding:0 0 80px;}
body#main #contents{width:100%;padding:0;}

#sBody{}
#sBody #conLeft{float:left;width:200px;padding:50px 0 0;}
#sBody #conLeft h2{padding:40px 20px;border-radius:10px 10px 0 0;background:#222;font-weight:bold;font-size:18px;color:#fff;text-transform:capitalize;}
#sBody #contents{position:relative;}
#conLeft + #contents{float:right;width:770px;}

.head_area{position:relative;}

.top_banner{position:relative;height:275px;background:#aaa url('../image/sub/bg_sub1.jpg') no-repeat 50% 100%;text-align:center;}
.top_banner .outer{position:absolute;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-position:50% 0;color:#fff;}
.top_banner .wrapper{padding:65px 0 0;}
.top_banner h3{margin:0 0 15px;font-weight:500;font-size:35px;line-height:1.1;}

#location{}
#location a{display:inline-block;}
#location a:first-child{width:19px;background:url('../image/sub/ico_home.png') no-repeat 50%;text-indent:-9999px;}

/* footer */
#footer{position:relative;background:#535c65;color:#ccd5de;letter-spacing:0;font-weight:300;}
#footer .wrapper{padding:40px 0;}
#footer .head{line-height:1.3;}
#footer .head:after{content:'';display:block;clear:both;}
#footer .head .conLeft{overflow:hidden;float:left;font-size:.95em;}
#footer .head .conLeft address{margin:0 0 0 -13px;}
#footer .head .conLeft address > span{display:inline-block;}
#footer .head .conLeft address > span:before{content:'/';margin:0 5px 0 3px;}
#footer .head .conRight{overflow:hidden;position:relative;float:right;font-size:.85em;}
#footer .head .conRight > div{margin:0 0 0 -15px;}
#footer .head .conRight > div > a{display:inline-block;}
#footer .head .conRight > div > a:before{content:'';height:11px;margin:0 8px 0 6px;border-left:1px solid #7d8d9a;vertical-align:-2px;}
#footer .body{margin:5px 0 0;}
#footer .body:after{content:'';display:block;clear:both;}
#footer .body .conLeft{float:left;padding:20px 0 0;font-size:.9em;}
#footer .body .conRight{float:right;}
#footer .body .conRight .social{display:inline-block;vertical-align:middle;font-size:0;}
#footer .body .conRight .social a{display:inline-block;margin:0 0 0 8px;}
#footer .body .conRight .family_site{display:inline-block;vertical-align:middle;position:relative;width:169px;height:27px;margin:0 0 0 12px;border:1px solid #9ca3a9;box-sizing:border-box;font-size:.95em;text-align:left;}
#footer .body .conRight .family_site .select{display:block;position:relative;padding:0 30px 0 10px;line-height:25px;}
#footer .body .conRight .family_site .select:after{content:'';position:absolute;right:10px;top:50%;margin:-2px 0 0;border:3.5px solid transparent;border-bottom:4px solid #9ca3ab;border-top:0;}
#footer .body .conRight .family_site ul{display:none;position:absolute;left:-1px;bottom:25px;right:-1px;padding:5px 10px;border:1px solid #9ca3a9;background:#535c65;box-sizing:border-box;line-height:1.3;}
#footer .body .conRight .family_site li + li{margin:5px 0 0;}

/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;margin:0 0 0 15px;vertical-align:middle;}
#family_site.on{overflow:visible;}
#family_site button{}
#family_site .option{position:absolute;left:0;bottom:36px;right:0;padding:10px;border:1px solid #eee;background:#f5f5f5;}
#family_site .option li{vertical-align:top;line-height:1.6;}
#family_site .option li + li{}
#family_site .option a{display:block;padding:2px 5px;font-size:12px;}
#family_site .option a:hover{background:#767676;color:#f5f5f5;}

/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:30px;border:3px solid #000;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:17px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:-3px;top:-22px;}
.layerpop .btn_wrap .close{position:static;}

/****************************** Layout ******************************/

/* article */
.article_wrap{margin:40px 0 0;}
#sBody #contents > h3 + .article_wrap,
.article_wrap:first-child{margin-top:0;}
.article_wrap .article{margin:20px 0 0;}
.article_wrap .article:first-child{margin-top:0;}

.h4{position:relative;margin:0 0 50px;font-weight:500;font-size:20px;color:#333;line-height:1.5;letter-spacing:0;}
.h4 > span{display:inline-block;position:relative;padding:10px 0 0;border-top:1px solid #333;}
.h5{position:relative;margin:0 0 10px;font-weight:500;font-size:18px;color:#333;letter-spacing:0;}

/* tabContents */
.tab_wrap .tabMenu{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
.tab_wrap .tabMenu ul{display:table-row;}
.tab_wrap .tabMenu li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
.tab_wrap .tabMenu li:first-child a{margin-left:0;}
.tab_wrap .tabMenu li a {display:block;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
.tab_wrap .tabMenu li a:hover,
.tab_wrap .tabMenu li.on a{border-bottom-color:#fff;color:#000;background:#fff;z-index:2;}
.tab_wrap .tabMenu li a:hover:before,
.tab_wrap .tabMenu li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #000;}
.tab_wrap .tabcont {overflow:hidden;height:0;}
.tab_wrap .tabcont.on{overflow:visible;height:auto;}

/* Main */
.main_banner{position:relative;}
.main_banner .outer{position:relative;}
.main_banner .visual{width:100%;height:1006px;margin:0 auto;position:relative;overflow:hidden;}
.main_banner .visual ul{width:99999px;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.main_banner .visual ul li{float:left;width:100%;height:100%;box-sizing:border-box;font-size:0;color:#fff;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.main_banner .control_wrap{position:absolute;left:0;bottom:125px;right:0;text-align:center;font-size:0;}
.main_banner .control_wrap .group{width:33px;height:32px;margin:0 0 0 5px;background:url('../image/main/btn_group.png') no-repeat;}
.main_banner .control_wrap .group.pause{background-position:0 100%;}
.main_banner .control_wrap .group span{display:block;text-indent:-9999px;}
.main_banner .btn_area{display:inline-block;vertical-align:middle;}
.main_banner .btn_area button{overflow:hidden;width:15px;height:15px;margin:0 6px;border-radius:100%;font-size:0;text-align:center;}
.main_banner .btn_area button:after{content:'';display:inline-block;width:7px;height:7px;border-radius:100%;background:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.5)}
.main_banner .btn_area button.on:after{background:#01af4e;box-shadow:none;}
.main_banner .btn_area button.on{background:#01af4e;box-shadow:1px 1px 1px rgba(0,0,0,.5)}

#mBody{letter-spacing:-.5px;}

/*.mainVisual{height:1006px;background:url('../image/main/bg_main0103.jpg') no-repeat 50% 0;}*/

.mainSection{height:868px;padding:45px 0;background-repeat:no-repeat;background-position:50% 0;text-align:center;box-sizing:border-box;}
.mainSection .title{margin:0 0 60px;line-height:1.1;letter-spacing:-.5px;}
.mainSection .title h3{font-weight:500;font-size:35px;color:#333;}
.mainSection .title p{position:relative;margin:15px 0 0;padding:15px 0 0;font-weight:400;font-size:18px;}
.mainSection .title p:before{content:'';position:absolute;left:50%;top:0;width:26px;margin-left:-13px;border-top:1px solid #333;}
.mainSection .contents{text-align:left;}
.mainSection .contents:after{content:'';display:block;clear:both;}
.mainSection .bbtn{margin:40px auto 0;text-align:center;}
.mainSection .bbtn > a{display:inline-block;min-width:156px;padding:0 10px;box-sizing:border-box;text-align:center;color:#fff;background:#0c8eaa;font-size:.87em;font-weight:400;line-height:2.7;}

/* 메인-반도체사업부 */
#mSection02{background-image:url('../image/main/bg_main02.png');}
#mSection02 .contents > div{overflow:hidden;position:relative;min-height:376px;padding:25px 27px;box-sizing:border-box;}
#mSection02 .contents h4{margin:0 0 40px;font-weight:500;font-size:.87em;}
#mSection02 .article{position:relative;z-index:2;}
#mSection02 .article + .article{margin:28px 0 0;}
#mSection02 .article dl{}
#mSection02 .article dt{padding:0 0 12px;font-weight:500;font-size:24px;border-bottom:1px solid #bcbcbc;line-height:1.1;}
#mSection02 .article dd{padding:15px 0 0;font-weight:400;font-size:14px;letter-spacing:-.5px;border-top:1px solid #f6f6f6;line-height:1.3;}
#mSection02 .article .more{position:absolute;right:0;top:10px;font-size:.75em;}
#mSection02 .conLeft{float:left;width:332px;background:url('../image/main/bg_pattern01.png');color:#757171;}
#mSection02 .conLeft:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('../image/main/bg_main0201.png') no-repeat 100% 100%;}
#mSection02 .conLeft .article{width:205px;}
#mSection02 .conLeft h4{position:relative;color:#333;}
#mSection02 .conLeft dt{color:#1c63ad;}
#mSection02 .conLeft dd{color:#918e8e;opacity:.8;filter:alpha(opacity=80);white-space:nowrap;}
#mSection02 .conRight{margin:0 0 0 340px;background:url('../image/main/bg_pattern02.png');color:#e4e4e4;}
#mSection02 .conRight:before{content:'';position:absolute;left:0;top:0;right:38px;bottom:23px;background:url('../image/main/bg_main0202.png') no-repeat 100% 100%;}
#mSection02 .conRight .article{width:320px;}
#mSection02 .conRight h4{color:#fff;}
#mSection02 .conRight dt{color:#fff;border-color:#096478;}
#mSection02 .conRight dd{border-color:#7ac1d0;}
#mSection02 .conRight .more a{color:#fff;opacity:.8;filter:alpha(opacity=80);}

/* 메인-미래성장사업 */
#mSection03{background-image:url('../image/main/bg_main03.png');}
#mSection03 .title h3,
#mSection03 .title p{color:#fff;}
#mSection03 .title p{opacity:.9;filter:alpha(opacity=90);}
#mSection03 .title p:before{border-color:#fff;}
#mSection03 .contents > div{overflow:hidden;position:relative;height:450px;box-sizing:border-box;text-align:center;}
#mSection03 .contents .conLeft{margin:0 340px 0 0;background:url('../image/main/bg_main0301.jpg') no-repeat 50%;font-size:0;color:#fff;}
#mSection03 .contents .conLeft:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#mSection03 .contents .conLeft .middle{content:'';display:inline-block;vertical-align:middle;font-size:17px;}
#mSection03 .contents .conLeft h4{font-weight:500;font-size:60px;line-height:1.1;}
#mSection03 .contents .conRight{float:right;width:332px;background:url('../image/main/bg_main0302.jpg') no-repeat 50%;}
#mSection03 .contents .bbtn{position:absolute;left:0;right:0;bottom:55px;}
#mSection03 .contents .bbtn a > span{opacity:.8;filter:alpha(opacity=80);}
#mSection03 .contents .conRight dl{padding:45px 0 0;line-height:1.3;}
#mSection03 .contents .conRight dt{margin:0 0 7px;font-weight:700;font-size:24px;color:#1c63ad;}
#mSection03 .contents .conRight dd{font-weight:400;font-size:14px;color:#333;}
#mSection03 .contents .conRight .bbtn a{background:#06904a;}

/* 메인-기타메뉴소개 */
#mSection04{background-image:url('../image/main/bg_main04.jpg');}
.list_etc{}
.list_etc ul{display:table;table-layout:fixed;width:100%;text-align:center;font-size:0;}
.list_etc li{display:inline-block;vertical-align:top;position:relative;width:25%;height:450px;padding:55px 30px;box-sizing:border-box;font-size:17px;color:#fff;background-position:50%;}
.list_etc li.m01{margin:40px 0 0;background:#185697;}
.list_etc li.m02{background-image:url('../image/main/bg_etc02.png');}
.list_etc li.m03{margin:40px 0 0;background:#0c8eaa;}
.list_etc li.m04{background-image:url('../image/main/bg_etc04.png');}
.list_etc .thumb{height:178px;font-size:0;}
.list_etc .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_etc .thumb img{max-width:100%;max-height:100%;}
.list_etc dl{line-height:1.3;letter-spacing:-.5px;}
.list_etc dt{margin:0 0 20px;font-weight:500;font-size:24px;}
.list_etc dd{opacity:.6;filter:alpha(opacity=60);font-size:14px;}
.list_etc .bbtn{}
.list_etc .bbtn > a{position:relative;background:none;}
.list_etc .bbtn > a > span{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #fff;opacity:.6;filter:alpha(opacity=60);}

/* Contents */
#mainCategory{position:relative;margin:0 0 80px 1px;font-weight:300;}
#mainCategory:before{content:'';position:absolute;left:0;top:60px;right:0;height:490px;background:url('../image/sub/bg_pat.png') no-repeat 50% 0;background-size:100% auto;}
#mainCategory .category{display:table;table-layout:fixed;width:100%;border-collapse:collapse;box-sizing:border-box;}

/* 1depth */
#mainCategory .category > ul{display:table-row;}
#mainCategory .category > ul > li{display:table-cell;text-align:center;}
#mainCategory .category > ul > li > a{display:block;position:relative;height:50px;line-height:1.1;margin:0 0 0 -1px;padding:0 14px;border:1px solid #d1cece;box-sizing:border-box;background:#f5f5f5;color:#a2a2a2;font-size:0;letter-spacing:-.5px;}
#mainCategory .category > ul > li > a:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#mainCategory > .category > ul > li > a > span{display:inline-block;vertical-align:middle;font-size:20px;}
#mainCategory > .category > ul > li.active > a{z-index:6;border-color:#165ea9;border-bottom-color:#fff;background:#fff;color:#1c63ad;font-weight:700;}
#mainCategory > .category > ul > li.active > a:after{content:'';position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid #fff;}
#mainCategory > .category > ul > li.active > a + .category{display:table;}
#mainCategory > .category > ul > li.active > a + .depth{display:block;}

@media all and (max-width:799px){
	#mainCategory > .category > ul > li > a{}
	#mainCategory > .category > ul > li > a > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
}

/* 2depth */
#mainCategory .depth{display:none;position:absolute;left:-1px;top:49px;right:0;z-index:4;padding:10px 10px 9px;border:1px solid #165ea9;background:#fff;text-align:center;}
#mainCategory .depth > div{overflow:hidden;display:inline-block;}
#mainCategory .depth ul{}
#mainCategory .depth ul > li{display:inline-block;}
#mainCategory .depth ul > li:first-child:before{content:none;}
#mainCategory .depth ul > li:before{content:'';display:inline-block;vertical-align:middle;height:16px;margin:0 8px 0 6px;border-left:1px solid #d8d8d8;}
#mainCategory .depth ul > li > a{display:inline-block;vertical-align:middle;color:#777;white-space:nowrap;letter-spacing:-.5px;}
#mainCategory .depth ul > li.active > a{font-weight:bold;color:#01af4e;}

/* 공통탭 */
.tab_category{display:table;table-layout:fixed;position:relative;width:100%;margin:0 0 90px;border-collapse:collapse;background:#f5f5f5;}
.tab_category:before{content:'';position:absolute;left:0;top:60px;right:0;height:490px;background:url('../image/sub/bg_pat.png') no-repeat 50% 0;background-size:100% auto;}
.tab_category ul{display:table-row;}
.tab_category li{display:table-cell;vertical-align:middle;position:relative;height:60px;text-align:center;color:#a2a2a2;}
.tab_category li span{}
.tab_category li:before{content:'';position:absolute;left:-1px;right:0;bottom:-1px;height:60px;border:1px solid #d1cece;border-bottom:0;border-radius:0;}
.tab_category li:after{content:'';position:absolute;left:-1px;right:0;bottom:-1px;height:60px;border-bottom:1px solid #165ea9;}
.tab_category li.on{background:#fff;color:#1c63ad;font-weight:700;z-index:4;}
.tab_category li.on:before{border-color:#165ea9;}
.tab_category li.on:after{content:none;}
.tab_category li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:2;padding:0 5px;line-height:60px;font-size:20px;letter-spacing:-.5px;}
.tab_category + *{position:relative;z-index:2;}

.msg_center{text-align:center;}

.common_box{overflow:hidden;position:relative;margin:60px 0 0;padding:0 2px 2px 0;}
.common_box .outer{margin:-68px;}
.common_box .table_form{table-layout:fixed;border-spacing:68px;border-collapse:separate;}
.common_box .row{}
.common_box .cell{position:relative;vertical-align:top;border:1px solid #eaeaea;box-shadow:1px 1px 2px rgba(0,0,0,.2);}
.common_box .text{padding:18px;color:#555;line-height:1.4;text-align:center;}

.table_box{overflow:hidden;position:relative;margin:-180px 0 0;padding:145px 0 0;background:url('../image/sub/bg_circle.png') no-repeat;}
.table_box .outer{margin:-62px;}
.table_box .table_form{table-layout:fixed;border-spacing:62px;border-collapse:separate;}
.table_box .table_form .row{}
.table_box .table_form .cell{position:relative;vertical-align:top;}
.table_box .head{position:relative;height:237px;margin:0 auto;font-size:0;text-align:center;}
.table_box .head:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('../image/sub/bg_bubble_s.png') no-repeat 50% 0;}
.table_box .head .title{position:absolute;left:25px;top:0;right:25px;bottom:50px;z-index:2;}
.table_box .head .title:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.table_box .head .title > em{display:inline-block;vertical-align:middle;font-weight:500;font-size:17px;color:#333;}
.table_box .head .title > em > span{font-size:24px;line-height:1.1;}
.table_box .head .title > em > span .en{display:block;margin:5px 0 0;font-weight:300;font-size:.75em;color:#999;}
.table_box .text{min-height:240px;box-sizing:border-box;padding:10px;border:1px solid #d8d8d8;background:#fff;color:#555;line-height:1.4;text-align:center;line-height:1.33;}

.article_common{}
.article_common + .article_common{margin:100px 0 0;}
.article_common:after{content:'';display:block;clear:both;}
.article_common > .conLeft{float:left;max-width:200px;}
.article_common > .conRight{margin:0 0 0 215px;}
.article_common .article + .article{margin:80px 0 0;}
.article_common .article_s + .article_s{margin:40px 0 0;}

.list_dot{font-size:18px;line-height:1.2;letter-spacing:-.5px;}
.list_dot li{position:relative;padding:0 0 0 18px;}
.list_dot li + li{margin:12px 0 0;}
.list_dot li:before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;background:#666;}

.greeting_wrap{overflow:hidden;position:relative;margin:-40px 0 0;padding:40px 0 0;background:url('../image/sub/bg_greeting.png') no-repeat 100% 0;}
.greeting_wrap .head{margin:0 0 60px;line-height:1.1;}
.greeting_wrap .head > strong:first-child{display:block;margin:0 0 20px;font-size:60px;font-weight:400;color:#333;}
.greeting_wrap .head > span{display:block;font-size:30px;}
.greeting_wrap .body{margin:0 170px 0 -24px;}
.greeting_wrap .body:after{content:'';display:block;clear:both;}
.greeting_wrap .body > div{padding:0 0 0 24px;box-sizing:border-box;text-align:justify;font-size:18px;}
.greeting_wrap .body .conRight{margin:10px 0 0;}
.greeting_wrap .sign{margin:15px 0 0;font-weight:500;text-align:right;color:#333;}
.greeting_wrap .sign > span{display:inline-block;vertical-align:bottom;}
.greeting_wrap .sign img{margin:0 0 0 8px;}

.list_mind{margin-top:30px;padding:190px 0 0;}
.list_mind .head{position:absolute;left:0;top:-160px;right:0;height:119px;margin:0 auto;font-size:0;text-align:center;}
.list_mind .head:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('../image/sub/bg_mind.png') no-repeat 50% 0;}
.list_mind .head:before{content:'';position:absolute;left:0;top:-30px;right:0;bottom:-40px;background-repeat:no-repeat;}
.list_mind .n01 .head:before{background-image:url('../image/sub/bg_mind01.png');}
.list_mind .n02 .head:before{background-image:url('../image/sub/bg_mind02.png');}
.list_mind .n03 .head:before{background-image:url('../image/sub/bg_mind03.png');background-position:100% -30px;}
.list_mind .head .title{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
.list_mind .head .title:after{content:'';position:absolute;left:50%;top:119px;height:41px;border-left:1px solid #e1e1e1;}
.list_mind .head .title:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_mind .head .title > em{display:inline-block;vertical-align:middle;font-weight:500;font-size:17px;color:#333;}
.list_mind .head .title > em > span{font-size:24px;line-height:1.1;}
.list_mind ul{padding:20px 35px;}
.list_mind li{position:relative;padding:0 0 0 10px;line-height:1.25;color:#444;}
.list_mind li:before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;background:#8e8d8d;}
.list_mind li + li{margin:14px 0 0;}

.phil_wrap{position:relative;}
.phil_wrap .head{text-align:center;}
.phil_wrap .body{position:absolute;left:0;top:0;right:0;}
.phil_wrap .body > div{position:absolute;top:47px;width:370px;}
.phil_wrap .conLeft{left:0;}
.phil_wrap .conRight{right:0;}
.phil_wrap dl{padding:20px 13px;border:1px solid #eaeaea;background:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.2);}
.phil_wrap dl + dl{margin:50px 0 0;}
.phil_wrap dt{position:relative;margin:0 0 5px;padding:7px 0 0;font-weight:500;font-size:18px;color:#333;}
.phil_wrap dt:before{content:'';position:absolute;left:0;top:0;width:22px;border-top:1px solid #165da8;}
.phil_wrap dd{}
.phil_wrap dd > em{display:block;color:#333;}
.phil_wrap dd > span{display:block;}

.his_wrap{overflow:hidden;position:relative;}
.his_wrap .head{overflow:hidden;position:relative;margin:0 0 56px;padding:0 0 62px;border-bottom:1px solid #ddd;}
.his_wrap .head .outer{margin:0 0 0 -11px;}
.his_wrap .head .outer:after{content:'';display:block;clear:both;}
.his_wrap .head .item{float:left;position:relative;width:33.3%;padding:0 0 21.55%;box-sizing:border-box;}
.his_wrap .head .item > span{}
.his_wrap .head .item .thumb{position:absolute;left:11px;top:0;right:0;bottom:0;border:1px solid #d3d0d0;background:#fff url('/_core/image/no_product.png') no-repeat 50%;}
.his_wrap .head .item .thumb img{width:100%;}
.his_wrap .head .item .text{position:absolute;left:11px;right:0;bottom:0;height:59px;font-size:0;text-align:center;background:url('../image/sub/bg_opa.png');}
.his_wrap .head .item .text:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.his_wrap .head .item .text > em{display:inline-block;vertical-align:middle;font-size:17px;color:#fff;}
.his_wrap .head .item .text > em > span{font-size:18px;line-height:1.2;}
.his_wrap .body{margin:-1px 0 -20px;padding:0 0 80px;background:url('../image/sub/bg_his.png') no-repeat 100% 0;}

.list_history{padding:20px 0;border-top:1px solid #ddd;}
.list_history:after{content:'';display:block;clear:both;}
.list_history .year{float:left;font-size:25px;}
.list_history .list{margin:0 0 0 160px;font-size:18px;color:#555;}
.list_history ul{}
.list_history li{overflow:hidden;}
.list_history li + li{margin:12px 0 0;}
.list_history li > div{}
.list_history li .month{float:left;}
.list_history li .text{margin:0 0 0 40px;}

.list_award{}
.list_award .outer{display:table;table-layout:fixed;overflow:hidden;position:relative;width:100%;padding:0 0 1px;font-size:0;box-sizing:border-box;}
.list_award ul{margin:-50px 0 0 -9px;}
.list_award li{display:inline-block;vertical-align:top;width:33.3%;padding:50px 0 0 9px;box-sizing:border-box;font-size:17px;}
.list_award .wrap{text-align:center;}
.list_award .wrap .thumb{}
.list_award .wrap .thumb > a{display:block;position:relative;padding:8.6% 8% 5% 8%;}
.list_award .wrap .thumb em{display:block;}
.list_award .wrap .thumb span{position:absolute;left:0;top:0;right:-5px;}
/*
.list_award .wrap .thumb > a:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('../image/sub/bg_award.png') no-repeat;background-size:cover;}
*/
.list_award .wrap .thumb img{max-width:100%;}
.list_award .wrap .text{margin:40px 0 0;border:1px solid #d8d8d8;background:#fff;box-sizing:border-box;}
.list_award .wrap .text td{height:69px;padding:10px;box-sizing:border-box;font-size:20px;line-height:1.25;}
.list_award .wrap .text td > strong{display:block;}
.list_award .wrap .text td > span{display:inline-block;}

.list_photo{}
.list_photo .outer{display:table;table-layout:fixed;overflow:hidden;position:relative;width:100%;font-size:0;box-sizing:border-box;}
.list_photo ul{margin:-50px 0 0 -9px;}
.list_photo li{display:inline-block;vertical-align:top;width:33.3%;padding:50px 0 2px 9px;box-sizing:border-box;font-size:17px;}
.list_photo .wrap{text-align:center;}
.list_photo .wrap .thumb{position:relative;padding:0 0 69%;}
.list_photo .wrap .thumb > a{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;background:#eee;}
.list_photo .wrap .thumb > a:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_photo .wrap .thumb img{width:100%;}
.list_photo .wrap .text{margin:16px 0 0;border:1px solid #d8d8d8;box-sizing:border-box;}
.list_photo .wrap .text td{height:69px;padding:10px;box-sizing:border-box;font-size:20px;line-height:1.25;}
.list_photo .wrap .text td > span{display:inline-block;}

.map_area{}
.map_area + .map_area{margin:40px 0 0;padding:40px 0 0;border-top:1px solid #e2e2e2;}
.map_area .map_wrap{position:relative;padding:0 0 39.5%;}
.map_area .map_wrap > div:first-child,
.map_area .map_wrap > img,
.map_area .map_wrap > iframe{position:absolute;left:0;top:0;bottom:0;width:100% !important;}
.map_area .map_wrap .root_daum_roughmap .wrap_map{position:absolute;left:0;top:0;right:0;bottom:32px;height:auto;}
.map_area .map_wrap .root_daum_roughmap .wrap_controllers{position:absolute;left:0;right:0;bottom:0;}
.map_area .map_wrap .root_daum_roughmap > div:first-child{height:auto !important;}
.map_area .map_wrap .root_daum_roughmap > div:first-child + div{position:absolute;left:0;top:100%;right:0;height:33px;}
.map_area .information{margin:0 0 40px;}
.map_area .information .table_form{table-layout:fixed;}
.map_area .information .cell{padding:0 10px 0 0;vertical-align:top;box-sizing:border-box;}
.map_area .information .cell:first-child{width:240px;font-size:25px;}
.map_area .information .cell:first-child + .cell + .cell{width:600px;}
.map_area .information dl{}
.map_area .information dt{margin:0 0 18px;font-weight:700;font-size:18px;color:#333;}
.map_area .information dd{line-height:1.6;}
.map_area .information dd + dd{margin:30px 0 0;}
.map_area .information dd em{display:block;margin:0 0 5px;font-weight:500;line-height:1.3;color:#555;}
.map_area .information dd em > span{color:#888;font-weight:400;}
.map_area .list_contact{}
.map_area .list_contact li{position:relative;padding:0 0 0 8px;}
.map_area .list_contact li:before{content:'';position:absolute;left:0;top:10px;width:2px;height:2px;background:#888;}
.map_area .list_contact li + li{margin:3px 0 0;}

.common_top{position:relative;margin-bottom:50px;padding-bottom:40px;}
.common_top:before{content:'';position:absolute;left:0;bottom:0;right:0;border-bottom:1px solid #e5e5e5;}
.common_top:after{content:'';position:absolute;left:50%;bottom:-12px;width:51px;height:14px;margin:0 0 0 -25px;background:url('../image/sub/bg_desc.png') no-repeat 0 100%;}
.common_desc{text-align:center;font-weight:bold;font-size:30px;color:#000;}

.rd_wrap{background:url('../image/sub/bg_rd.png') no-repeat 50% 0;}
.rd_wrap table{}
.rd_wrap td{text-align:center;}
.rd_wrap .item{width:355px;box-sizing:border-box;}
.rd_wrap .head{position:relative;left:0;top:0;right:0;height:290px;margin:0 auto;font-size:0;text-align:center;}
.rd_wrap .head:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('../image/sub/bg_bubble.png') no-repeat 50% 0;}
.rd_wrap .head .title{position:absolute;left:30px;top:0;right:30px;bottom:58px;z-index:2;}
.rd_wrap .head .title:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.rd_wrap .head .title > em{display:inline-block;vertical-align:middle;font-weight:500;font-size:17px;color:#333;}
.rd_wrap .head .title > em > span{font-size:24px;line-height:1.1;}
.rd_wrap .head .title > em > span .en{display:block;margin:5px 0 0;font-weight:300;font-size:.75em;color:#999;}
.rd_wrap .plus{}
.rd_wrap .plus img{margin-top:-58px;}

.dl_form{padding:25px 10px;border:1px solid #e2e2e2;text-align:center;}
.dl_form dt{margin:0 0 12px;font-weight:bold;color:#333;font-size:25px;text-align:center;}
.dl_form dd{text-align:center;}

.list_system{overflow:hidden;position:relative;}
.list_system .outer{margin:-27px 0 0 -27px;}
.list_system ul{display:table;table-layout:fixed;width:100%;font-size:0;}
.list_system li{display:inline-block;width:25%;padding:27px 0 0 27px;vertical-align:top;font-size:17px;box-sizing:border-box;}
.list_system .wrap{padding:9px 7px;border:1px solid #ebebeb;}
.list_system .thumb{position:relative;height:253px;}
.list_system .thumb > span{position:absolute;left:0;top:0;right:0;bottom:0;font-size:0;text-align:center;}
.list_system .thumb > span img{max-width:100%;}
.list_system .text{margin:15px 0 0;}
.list_system .text dl{min-height:105px;}
.list_system .text dt{font-weight:500;color:#333;}
.list_system .text dd{}
.list_system .text dd .t_strong{font-weight:500;}

.product_head{position:relative;margin:-60px 0 0;}
.product_head:after{content:'';display:block;clear:both;}
.product_head .conLeft{float:left;position:relative;width:570px;height:570px;box-sizing:border-box;background:#fff/* url('/_core/image/no_product.png') no-repeat 50%*/;background-size:cover;text-align:center;}
.product_head .conLeft.img{background-image:none;}
.product_head .conLeft > span{position:absolute;left:0;top:0;right:0;bottom:0;padding:35px;border:1px solid #e1e1e1;font-size:0;}
.product_head .conLeft > span:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.product_head .conLeft > span img{max-width:100%;max-height:100%;}
.product_head .conRight{position:relative;z-index:2;float:right;width:575px;}
.product_head .conRight dl{line-height:1.1;letter-spacing:-.5px;}
.product_head .conRight dt{margin:0 0 25px;font-weight:700;font-size:35px;color:#333;}
.product_head .conRight dd{font-weight:500;font-size:20px;color:#444;}
.product_head .conRight .text{margin:30px 0 0;padding:30px 0 0;border-top:1px solid #cbcbcb;font-weight:400;}
.product_head .conRight ul{}
.product_head .conRight li{position:relative;padding:0 0 0 30px;}
.product_head .conRight li + li{margin:13px 0 0;}
.product_head .conRight li:before{content:'';position:absolute;left:0;top:7px;width:17px;height:13px;background:url('../image/sub/ico_check.png') no-repeat;}
.product_head .conRight li > em{display:inline-block;position:relative;margin:0 10px 0 0;padding:0 10px 0 0;}
.product_head .conRight li > em:before{content:'';position:absolute;right:0;top:4px;height:16px;border-left:1px solid #ccc;}
.product_head .conRight li > span{font-weight:300;color:#888;}
.product_head .logo{position:absolute;right:0;bottom:0;}

.product_more{}
.product_more .head{position:relative;height:212px;margin:60px 0 0;background:#1860ac url('../image/sub/bg_more.png') no-repeat 450px 0;font-size:0;color:#fff;}
.product_more .head:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.product_more .head:after{content:'';position:absolute;left:50%;bottom:-43px;margin-left:-36px;border:36px solid transparent;border-top:43px solid #185faa;border-bottom:0;}
.product_more .head dl{padding:0 50px;font-size:17px;display:inline-block;vertical-align:middle;letter-spacing:-.5px;white-space:nowrap;}
.product_more .head dt{font-size:35px;}
.product_more .head dt > span{display:none;}
.product_more .head dd{color:#84a6d7;}
.product_more .head.bg02{background-color:#01af4e;background-image:url('../image/sub/bg_more2.png');}
.product_more .head.bg02:after{border-top-color:#01af4e;}
.product_more .head.bg02 dd{color:#6beea5;}
.product_more .head.bg03{background-color:#df5609;background-image:url('../image/sub/bg_more3.png');}
.product_more .head.bg03:after{border-top-color:#df5609;}
.product_more .head.bg03 dd{color:#feba94;}

.product_more .body{padding:120px 0 0;background:url('../image/sub/bg_pat.png') no-repeat 50% -20px;}

.product_table{overflow:hidden;position:relative;background:url('../image/sub/bg_th.png') repeat-x 50% 0;}
.product_table table{margin:0 0 0 -1px;border-collapse:separate;}
.product_table th,
.product_table td{box-sizing:border-box;text-align:center;border-left:1px solid #e7e8ec;border-bottom:1px solid #e7e8ec;font-size:20px;font-weight:300;}
.product_table th{height:34px;padding:0 10px;border-bottom:0;color:#fff;}
.product_table td{padding:13px 10px;}
.product_table td.th{font-weight:400;background:#f9f9f9;}
.product_table img{}

.list_iot{margin-top:0;padding-top:320px;background:url('../image/sub/bg_iot.png') no-repeat 11px 0;}
.list_iot .head{position:absolute;left:0;top:-290px;right:0;height:290px;margin:0 auto;font-size:0;text-align:center;}
.list_iot .head:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url('../image/sub/bg_bubble.png') no-repeat 50% 0;}
.list_iot .head .title{position:absolute;left:90px;top:0;right:90px;bottom:43px;z-index:2;}
.list_iot .head .title:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_iot .head .title > em{display:inline-block;vertical-align:middle;font-weight:500;font-size:17px;color:#333;}
.list_iot .head .title > em > span{font-size:24px;line-height:1.1;}
.list_iot .head .title > em > span .en{display:block;margin:5px 0 0;font-weight:300;font-size:.75em;color:#999;}
.list_iot .links{position:absolute;left:-1px;bottom:-1px;right:-1px;padding:13px 20px 12px;background:#0c8eaa;color:#fff;}
.list_iot .links > img{position:absolute;right:13px;top:50%;margin:-6px 0 0;}
.list_iot .text{padding-bottom:64px;}
.list_iot .cell{box-shadow:none;}
.list_iot .plus{width:140px;}
.list_iot.ver2 .head{position:relative;top:0;}
.list_iot.ver2 .cell{border:0;}

.order_wrap{overflow:hidden;position:relative;margin:0 0 42px;background:#1c63ad url('../image/sub/bg_order.png') no-repeat;color:#fff;}
.order_wrap:before,
.order_wrap:after{position:absolute;right:-28px;border:28px solid transparent;}
.order_wrap:before{top:0;border-top:35.5px solid #fff;}
.order_wrap:after{bottom:0;border-bottom:35.5px solid #fff;}
.order_wrap table{}
.order_wrap td{height:70px;padding:5px 40px;box-sizing:border-box;line-height:1.66;letter-spacing:0;}
.order_wrap td:first-child{width:186px;font-size:18px;text-align:center;letter-spacing:-.5px;}

.order_thumb{padding:0 0 37px;}
.order_thumb .outer{margin:0 0 0 -16px;}
.order_thumb .outer:after{content:'';display:block;clear:both;}
.order_thumb .item{float:left;position:relative;width:33.3%;padding:0 0 19.58%;box-sizing:border-box;}
.order_thumb .item > span{}
.order_thumb .item .thumb{position:absolute;left:16px;top:0;right:0;bottom:0;}
.order_thumb .item .thumb img{width:100%;}
.order_thumb .item .text{position:absolute;left:16px;top:100%;right:0;height:60px;font-size:0;text-align:center;background:#f1f1f1;}
.order_thumb .item .text:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.order_thumb .item .text > em{display:inline-block;vertical-align:middle;font-size:17px;color:#333;}
.order_thumb .item .text > em > span{line-height:1.2;}

.msg_head{margin:0 0 90px;text-align:center;letter-spacing:-.5px;}
.msg_head .msg{margin:0 0 15px;font-weight:500;font-size:40px;line-height:1.1;color:#333;}
.msg_head .msg_s{font-weight:400;font-size:20px;}
.img_wrap{text-align:center;}

.list_def{}
.list_def dl{line-height:1.3;}
.list_def dt{margin:0 0 8px;font-weight:500;color:#333;}
.list_def dd{}

.txt_strong{margin:0 0 30px;font-size:18px;color:#333;}
.txt_desc{margin:30px 0 0;font-size:18px;color:#333;}

.list_class{padding:50px;border:1px solid #1c63ad;border-radius:10px;color:#1c63ad;text-align:center;}
.list_class .outer{display:inline-block;overflow:hidden;position:relative;text-align:left;font-weight:400;font-size:18px;}
.list_class ul{margin:-10px -40px 0 0;}
.list_class li{display:inline-block;position:relative;margin:10px 40px 0 0;padding:0 0 0 50px;}
.list_class li:first-child{padding-left:0;}
.list_class li:first-child:after{content:none;}
.list_class li:before{content:'';display:inline-block;vertical-align:-2px;width:21px;height:21px;margin:0 5px 0 0;background:url('../image/sub/ico_class.png') no-repeat;}
.list_class li:after{content:'';position:absolute;left:0;top:7px;width:7px;height:15px;background:url('../image/sub/ico_class_ar.png') no-repeat;}

.list_reward{overflow:hidden;position:relative;}
.list_reward .outer{margin:-20px;}
.list_reward .table_form{table-layout:fixed;border-spacing:20px;border-collapse:separate;}
.list_reward .row{}
.list_reward .cell{vertical-align:top;}
.list_reward .cell > img{width:117px;vertical-align:top;}
.list_reward dl{display:inline-block;vertical-align:top;margin:0 0 0 10px;letter-spacing:-.5px;}
.list_reward dt{margin:0 0 8px;font-weight:400;font-size:18px;color:#333;}
.list_reward dd{color:#555;}

.list_welfare{padding-top:100px;}
.list_welfare .head{position:absolute;left:0;top:-100px;right:0;height:100px;text-align:center;font-size:20px;line-height:1.2;}
.list_welfare .head .num{display:inline-block;width:22px;margin:0 auto 5px;padding:5px 0 0;font-weight:700;color:#1c63ad;border-top:1px solid #1c63ad;}
.list_welfare .head .title{font-weight:500;color:#333;text-transform:uppercase;}
.list_welfare .thumb{margin:-1px 0 0 -1px;}
.list_welfare ul{padding:35px 50px;}
.list_welfare li{position:relative;padding:0 0 0 17px;font-size:18px;}
.list_welfare li:before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;background:#858585;}
.list_welfare li + li{margin:14px 0 0;}

.box_download{line-height:34px;}
.box_download .conLeft{}
.box_download .conRight{}

.list_zi{overflow:hidden;position:relative;margin:25px 0 0;}
.list_zi ul{margin:-15px 0 0 -63px;}
.list_zi ul:after{content:'';display:block;clear:both;}
.list_zi li{float:left;margin:15px 0 0;padding:0 0 0 63px;text-align:center;}
.list_zi li.last{width:141px;}
.list_zi li.last dl{background-position:0 100%;}
.list_zi dl{position:relative;width:148px;height:140px;padding:35px 0 0;box-sizing:border-box;background:url('../image/sub/bg_round.png') no-repeat;line-height:1.2;}
.list_zi dt{margin:0 7px 0 0;color:#1c63ad;}
.list_zi dd{height:60px;margin:0 7px 0 0;font-size:0;text-align:center;color:#333;}
.list_zi dd:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_zi dd > span{display:inline-block;vertical-align:middle;font-size:16px;}

.list_circle{overflow:hidden;position:relative;margin:25px 0 0;}
.list_circle ul{margin:-15px 0 0 -63px;}
.list_circle ul:after{content:'';display:block;clear:both;}
.list_circle li{float:left;margin:15px 0 0;padding:0 0 0 63px;text-align:center;}
.list_circle li.last{width:141px;}
.list_circle li.last .wrap{background-position:0 -140px;}
.list_circle .wrap{position:relative;width:148px;box-sizing:border-box;background:url('../image/sub/bg_round.png') no-repeat;line-height:1.2;}
.list_circle td{height:140px;padding:0 27px 0 20px;}

.list_circle .progress{color:#333;}
.list_circle .progress dt{margin:0 0 3px;font-weight:bold;font-size:20px;}
.list_circle .progress dt.img{margin-bottom:6px;}
.list_circle .progress dt.img img{height:34px;}

.list_circle .desc{margin:5px 0 0;}

.box_download{margin:40px 0 0;padding:12px 30px;background:#f4f4f4;}
.box_download:after{content:'';display:block;clear:both;}
.box_download .conLeft{float:left;}
.box_download .conRight{float:right;}
.box_download .conRight > a{display:block;width:164px;padding:0 10px;background:#01af4e;color:#fff;text-align:center;box-sizing:border-box;}

.list_k{overflow:hidden;position:relative;}
.list_k ul{margin:-15px 0 0 -21px;}
.list_k ul:after{content:'';display:block;clear:both;}
.list_k li{float:left;margin:15px 0 0;padding:0 0 0 21px;text-align:center;}
.list_k li > div{width:180px;text-align:center;font-size:18px;color:#333;}
.list_k li > div .thumb{display:block;}
.list_k li > div .text{display:block;margin:15px 0 0;}

.list_num{}
.list_num li{position:relative;padding:0 0 0 27px;}
.list_num li + li{margin:11px 0 0;}
.list_num li .t_point{position:absolute;left:0;top:-2px;font-weight:500;font-size:18px;}

.list_safe{overflow:hidden;position:relative;margin:40px 0 0;padding:40px 2px 2px 0;}
.list_safe .outer{margin:-68px;}
.list_safe .table_form{table-layout:fixed;border-spacing:68px;border-collapse:separate;}
.list_safe .row{}
.list_safe .cell{position:relative;vertical-align:top;border:1px solid #eaeaea;box-shadow:1px 1px 2px rgba(0,0,0,.2);}
.list_safe .head{position:absolute;left:0;top:-40px;right:0;text-align:center;}
.list_safe .head .title{position:relative;padding:6px 0 0;font-weight:500;font-size:18px;color:#333;text-transform:uppercase;}
.list_safe .head .title:before{content:'';position:absolute;left:50%;top:0;width:27px;margin:0 0 0 -13px;border-top:1px solid #d0d0d0;}
.list_safe .thumb{margin:-1px 0 0 -1px;}
.list_safe .text{padding:18px;}

.list_certy{overflow:hidden;position:relative;}
.list_certy ul{margin:-50px 0 0 -30px;}
.list_certy ul:after{content:'';display:block;clear:both;}
.list_certy li{float:left;width:25%;margin:50px 0 0;padding:0 0 0 30px;text-align:center;box-sizing:border-box;}
.list_certy li > div{color:#555;}
.list_certy li > div .thumb{display:block;}
.list_certy li > div .text{display:block;margin:15px 0 0;}

.img_wrap.ready{margin:-80px 0 0;padding:30px 0 0;background:#fff;}

/* sitemap */
#divSitemap{overflow:hidden;position:relative;text-transform:capitalize;}
#divSitemap .inner{margin:0 -3.3% 0 0;}
#divSitemap .inner > ul{margin:-20px 0 0;display:table;table-layout:fixed;width:100%;font-size:0;}
#divSitemap .inner > ul > li{display:inline-block;width:22%;margin:20px 3% 0 0;border-top:1px solid #222;font-weight:bold;font-size:18px;vertical-align:top;}
#divSitemap .inner > ul > li > .wrap{display:block;padding:13px 10px 13px 10px;border-bottom:1px solid #ddd;color:#333;}
#divSitemap .inner > ul > li ul{margin:-1px 0 0;border-top:1px solid #ddd;}
#divSitemap .inner > ul > li li{border-bottom:1px solid #ddd;font-size:14px;}
#divSitemap .inner > ul > li li a{display:block;padding:10px;}
#divSitemap .inner > ul > li li ul{margin-top:0;padding:5px;}
#divSitemap .inner > ul > li li li{margin:0;border:0;font-weight:normal;font-size:12px;}
#divSitemap .inner > ul > li li li a{padding:5px 10px;}
#divSitemap .inner > ul > li li li a:before{content:'ㆍ';}

.list_cs{overflow:hidden;position:relative;}
.list_cs .outer{margin:-12px 0 0 -12px;}
.list_cs ul{display:table;table-layout:fixed;width:100%;font-size:0;}
.list_cs li{display:inline-block;vertical-align:top;width:33.3%;padding:12px 0 0 12px;box-sizing:border-box;font-size:17px;}
.list_cs .wrap{overflow:hidden;position:relative;min-height:137px;padding:37px 22px;border:1px solid #d8d8d8;background:#fff;box-sizing:border-box;}
.list_cs .wrap:before{content:'';position:absolute;left:0;top:7px;right:4px;bottom:0;background:url('../image/sub/logo_gray.png') no-repeat 100% 0;}
.list_cs dl{position:relative;margin:0 0 0 -13px;}
.list_cs dt{margin:0 0 0 13px;padding:0 0 8px;border-bottom:1px solid #d8d8d8;font-weight:bold;font-size:20px;color:#333;}
.list_cs dd{display:inline-block;vertical-align:middle;margin:10px 0 0 13px;letter-spacing:0;}
.list_cs dd .t_strong{font-weight:500;letter-spacing:-.5px;}

.list_product{overflow:hidden;position:relative;}
.list_product .outer{margin:-12px 0 0 -12px;}
.list_product ul{display:table;table-layout:fixed;width:100%;font-size:0;}
.list_product li{display:inline-block;vertical-align:top;width:33.3%;padding:12px 0 0 12px;box-sizing:border-box;font-size:17px;}
.list_product .wrap{overflow:hidden;position:relative;min-height:137px;border:1px solid #d8d8d8;background:#fff;box-sizing:border-box;}
.list_product .thumb{height:187px;font-size:0;text-align:center;}
.list_product .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_product .thumb img{max-width:100%;max-height:100%;}
.list_product dl{position:relative;min-height:109px;padding:13px 20px;border-top:1px solid #d8d8d8;}
.list_product dt{margin:0 0 7px;font-weight:bold;color:#333;letter-spacing:0;}
.list_product dd{position:relative;padding:0 0 0 12px;}
.list_product dd:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#999;}
.list_product .t_strong{font-weight:500;}

.list_box{overflow:hidden;position:relative;}
.list_box .outer{margin:-21px 0 0 -21px;}
.list_box ul{display:table;table-layout:fixed;width:100%;font-size:0;}
.list_box li{display:inline-block;vertical-align:top;width:25%;padding:21px 0 0 21px;box-sizing:border-box;font-size:17px;}
.list_box .wrap{overflow:hidden;position:relative;min-height:137px;border:1px solid #d8d8d8;background:#fff;box-sizing:border-box;}
.list_box .thumb{font-size:0;text-align:center;}
.list_box .thumb img{width:100%;}
.list_box dl{position:relative;min-height:220px;padding:20px 15px;border-top:1px solid #d8d8d8;box-sizing:border-box;}
.list_box dt{margin:0 0 10px;font-weight:500;color:#333;letter-spacing:0;}
.list_box dd{position:relative;line-height:1.2;}

.list_box.type2 li{width:50%;}
.list_box.type2 dl{min-height:200px;}

.part_wrap{}
.part_wrap .head{overflow:hidden;position:relative;}
.part_wrap .head ul{margin:-30px 0 0 -30px;}
.part_wrap .head li{float:left;width:50%;padding:30px 0 0 30px;box-sizing:border-box;}
.part_wrap .head .thumb{height:233px;box-sizing:border-box;border:1px solid #d8d8d8;font-size:0;text-align:center;}
.part_wrap .head .thumb:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.part_wrap .head .thumb img{max-height:100%;}
.part_wrap .body{overflow:hidden;position:relative;margin:30px 0 0;}
.part_wrap .body .outer{margin:-30px 0 0 -30px;}
.part_wrap .body .column{float:left;width:50%;padding:30px 0 0 30px;box-sizing:border-box;}

.faqList{overflow:hidden;position:relative;border-top:1px solid #616172;}
.faqList li{position:relative;margin:-1px 0 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.faqList li:before{content:'';position:absolute;right:18px;top:20px;width:17px;height:10px;background:url('../image/sub/ico_faq.png') no-repeat;}
.faqList li.active:before{background-position:0 100%;}
.faqList li .faq_q{display:table; width:100%; table-layout:fixed; border-spacing:0; cursor:pointer; box-sizing:border-box; position:relative;}
.faqList li .faq_q .tr{display:table-row;}
.faqList li .faq_q .tr > div{display:table-cell; vertical-align:middle; height:48px;}
.faqList li .faq_q .tr .th{width:94px; text-align:center; background:url('../image/sub/bg_q.png') 50% 0; font-size:18px; color:#fff; border-left:0;}
.faqList li .faq_q .cate{width:145px; padding:0 5px; box-sizing:border-box; border-right:1px solid #e4e4e4; text-align:center;}
.faqList li .faq_q .cate span{display:inline-block;}
.faqList li .faq_q .info{padding:10px 20px; box-sizing:border-box; color:#333;}
.faqList li .faq_a{border-top:1px solid #d9d9d9; overflow:hidden; display:none}
.faqList li .faq_a > strong:first-child{display:none;}
.faqList li .faq_a .cont{padding:20px 30px; background:#f8f8f8; color:#666;}

.big_text{font-weight:300;font-size:20px;}

.busi_wrap{overflow:hidden;position:relative;color:#cecece;}
.busi_wrap .outer{margin:-19px 0 0 -19px;}
.busi_wrap .column{float:left;width:609px;margin:0 auto;padding:19px 0 0 19px;box-sizing:border-box;}
.busi_wrap .column .wrap{height:468px;padding:48px 90px 0 40px;box-sizing:border-box;background:#095612 url('../image/sub/img_busi01.jpg') no-repeat 100% 0;}
.busi_wrap .column + .column .wrap{background:#003771 url('../image/sub/img_busi02.jpg') no-repeat 100% 0;}
.busi_wrap dl{}
.busi_wrap dt{margin:0 0 8px;font-weight:bold;font-size:30px;color:#fff;}
.busi_wrap dd{line-height:1.4;letter-spacing:-.8px;}
.busi_wrap a{display:inline-block;min-width:178px;height:39px;line-height:37px;margin:23px 0 0;box-sizing:border-box;border:1px solid #cecece;text-align:center;}
.busi_wrap a:hover{border-color:#fff;background:#fff;color:#095612;}
.busi_wrap .column + .column a:hover{color:#003771;}

.future_wrap{}
.future_wrap:after{content:'';display:block;clear:both;}
.future_wrap .conLeft{float:left;}
.future_wrap .conRight{float:right;width:580px;font-size:16px;}
.future_wrap .conRight dl{margin:0 0 25px;}
.future_wrap .conRight dt{margin:0 0 25px;font-weight:500;font-size:30px;line-height:1.2;color:#333;}
.future_wrap .conRight dd{}
.future_wrap .conRight .wrap{background:url('../image/sub/line_long.png') no-repeat 90px 50%;}
.future_wrap .conRight .wrap table{}
.future_wrap .conRight .wrap td{padding:14px 0 0 40px;;vertical-align:top;}
.future_wrap .conRight .wrap td.th{padding-right:30px;padding-left:0;color:#1c63ad;font-weight:500;}
.future_wrap .conRight .wrap tr:first-child td{padding-top:0;}

.bc_wrap{position:relative;width:586px;height:582px;margin:0 auto;padding:16px 0 0 95px;box-sizing:border-box;}
.bc_wrap:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;background:url('../image/sub/ico_line.png') no-repeat;}
.bc_wrap > div{font-size:0;text-align:center;}
.bc_wrap dl{font-size:17px;}
.bc_wrap dt{margin:0 0 15px;color:#333;font-weight:500;}
.bc_wrap .big{position:relative;z-index:2;width:418px;height:421px;background:url('../image/sub/img_circle00.png') no-repeat;}
.bc_wrap .big:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.bc_wrap .big dl{display:inline-block;vertical-align:middle;}
.bc_wrap .big dt{font-size:30px;}
.bc_wrap .small{position:absolute;width:173px;background-repeat:no-repeat;background-position:0 0;}
.bc_wrap .small dt{height:173px;font-size:25px;color:#333;}
.bc_wrap .small dt:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.bc_wrap .small dt > span{display:inline-block;vertical-align:middle;}
.bc_wrap .small dd{white-space:nowrap;}
.bc_wrap .small.sm01{left:-54px;top:106px;}
.bc_wrap .small.sm02{right:-43px;top:-8px;}
.bc_wrap .small.sm02 dd{margin-left:70px;}
.bc_wrap .small.sm03{left:236px;top:412px;}
.bc_wrap .small.sm03 dd{margin-left:70px;}

.list_history li .text{margin-left:100px;}

#poplayerie{display:none !important;}

.frame_wrap{overflow:hidden;position:relative;margin:0 auto;text-align:center;}
.frame_wrap iframe{}

#pc_frame{width:760px;}

#mo_frame{width:100%;}
#mo_frame iframe{height:2000px;}

/* 주식정보 아이프레임 높이 노가다 */
#frame_finan{margin:0 auto;height:1670px;}
#frame_finan iframe{width:100%;height:3000px;}
@media all and (max-width:1200px){
	#frame_finan{width:760px;height:1300px;}
}
@media all and (max-width:799px){
	#frame_finan{width:600px;height:1200px;}
}
@media all and (max-width:640px){
	#frame_finan{width:440px;height:1100px;}
}
@media all and (max-width:480px){
	#frame_finan{width:300px;height:1000px;}

	.outer_wrap{margin:0 -15px;}
}
/* //주식정보 아이프레임 높이 노가다 */

@media all and (max-width:1200px){ /* Tablet */
	img{max-width:100%;}

	.mo_hide{display:none;}

	.h4 > span br{display:none;}

	.wrapper,
	#contents,
	#footer .wrapper{width:auto;padding-left:30px;padding-right:30px;box-sizing:border-box;}
	#wrap{min-width:0;}

	body#main .wrapper{padding-left:57px;padding-right:57px;}
	
	#header .body h1{left:30px;}

	#gnbMenu .inner{width:auto;}
	#gnbMenu #gnb > li{width:33.33%;padding:0 100px;}

	.main_banner .visual{height:970px;}
	
	#mSection02 .conRight:before{content:none;}
	#mSection02 .conRight .article{width:auto;}

	#mSection03 .contents .conLeft h4{font-size:50px;}

	/*
	.common_box .outer{margin:0;}
	.common_box .table_form,
	.common_box .row,
	.common_box .cell{display:block;}
	*/

	.common_box .outer{margin:-30px;}
	.common_box .table_form{border-spacing:30px;}
	
	.table_box{}
	.table_box .outer{margin:0;text-align:center;}
	.table_box .table_form{display:block;overflow:hidden;position:relative;border-spacing:0;font-size:0;}
	.table_box .table_form .row{display:block;margin:-20px -10px 0;}
	.table_box .table_form .cell{display:inline-block;vertical-align:top;width:190px;margin:20px 10px 0;}
	.table_box .head{}
	.table_box .head:after{}
	.table_box .head .title{}
	.table_box .head .title:before{}
	.table_box .head .title > em{}
	.table_box .head .title > em > span{}
	.table_box .head .title > em > span .en{}
	.table_box .text{font-size:17px;}

	.article_common > .conLeft{float:none;max-width:none;}
	.article_common > .conRight{margin-left:0;}

	.list_etc li{padding:55px 15px;}

	.list_mind{margin-top:0;padding-top:0;}
	.list_mind .outer{margin:0;}
	.list_mind .table_form,
	.list_mind .row,
	.list_mind .cell{display:block;}
	.list_mind .head:before{background-image:none !important;}
	.list_mind .cell{margin-top:190px;}

	.list_welfare{}
	.list_welfare .head:before{background-image:none !important;}
	.list_welfare .thumb img{width:100%;}
	.list_welfare ul{padding:20px 25px;}

	.list_safe{}
	.list_safe .head:before{background-image:none !important;}
	.list_safe .thumb img{width:100%;}

	.phil_wrap{overflow:hidden;position:relative;}
	.phil_wrap .body{position:static;margin:0 0 0 -20px;text-align:center;}
	.phil_wrap .body > div{display:inline-block;vertical-align:top;position:static;margin:40px 0 0;padding:0 0 0 20px;text-align:left;}
	.phil_wrap dl + dl{margin-top:40px;}

	.map_area .map_wrap{}
	.map_area .map_wrap > img{max-width:100%;}

	.map_area .information .table_form,
	.map_area .information .row,
	.map_area .information .cell{display:block;}
	.map_area .information .row:after{content:'';display:block;clear:both;}
	.map_area .information .cell:first-child{margin:0 0 30px;}
	.map_area .information .cell:first-child + .cell{float:left;width:300px;}
	.map_area .information .cell:first-child + .cell + .cell{width:auto;margin:0 0 0 320px;}

	.rd_wrap table,
	.rd_wrap tbody,
	.rd_wrap tr,
	.rd_wrap td{display:block;}
	.rd_wrap td{margin:0 auto;}
	.rd_wrap .plus{height:80px;line-height:80px;}
	.rd_wrap .plus img{}

	.list_system li{width:50%;}
	.list_system .thumb{height:auto;padding:0 0 96.4%;}
	.list_system .thumb > span img{width:100%;}

	.list_certy li{width:50%;}
	
	.product_head{margin-top:0;}
	.product_head .conLeft{float:none;width:auto;height:auto;padding:0 0 100%;margin:0 auto;}
	.product_head .conRight{float:none;width:auto;margin:40px 0 0;}

	.list_iot{margin-top:-60px;background-image:none;}
	.list_iot .outer{margin:0;}
	.list_iot .table_form,
	.list_iot .row,
	.list_iot .cell{display:block;}
	.list_iot{padding-top:0;}
	.list_iot .head:before{background-image:none !important;}
	.list_iot .cell{margin-top:350px;}

	.list_reward{text-align:center;}
	.list_reward .outer{margin:0;}
	.list_reward .table_form{border-spacing:0;}
	.list_reward dl{display:block;margin:10px 0 0;}

	#divSitemap .inner > ul > li{width:47%;}

	.list_cs li,
	.list_product li,
	.list_box li{width:50%;}

	.busi_wrap .column{float:none;}

	.product_more .head dl{white-space:normal;}

	.future_wrap{text-align:center;}
	.future_wrap .conLeft{display:inline-block;float:none;}
	.future_wrap .conRight{display:inline-block;float:none;width:auto;margin:40px 0 0;text-align:left;}

	.bc_wrap{width:auto;height:auto;padding:0;}
	.bc_wrap:before{content:none;}
	.bc_wrap .big{margin:0 auto;}
	.bc_wrap .small{position:static;width:auto;display:table;table-layout:fixed;width:100%;border-spacing:0 20px;box-sizing:border-box;background-position:0 20px;}
	.bc_wrap .small dl{display:table-row;}
	.bc_wrap .small dl > *{display:table-cell;vertical-align:middle;}
	.bc_wrap .small dt{width:173px;}
	.bc_wrap .small dd{padding:0 0 0 20px;text-align:left;white-space:normal;}
}

@media all and (min-width:800px){
	#pc_frame{height:auto;}
	#mo_frame{height:0;}
	img{width:auto;}

	.m_bo_title{display:none;}

	#header .body h1 img{width:135px;}

	#gnbMenu #gnb .sub{display:block !important;}
}

@media all and (max-width:799px){ /* Mobile */
	#pc_frame{height:0;}
	#mo_frame{height:auto;}

	body{background:#fff;}
	body#main .wrapper,
	.wrapper, #contents, #footer .wrapper{padding-left:15px;padding-right:15px;}

	body.fixed #wrap{position:fixed;}
	body.fixed #gnbMenu{display:block;}

	#gnbMenu{display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:20;padding:15px;background:none;}
	#gnbMenu:before{content:'';position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.9);}
	#gnbMenu .outer{position:relative;padding:0;border:0;background-image:none;}
	#gnbMenu .back{display:inline-block;margin:0 0 30px;}
	#gnbMenu .inner:before, #gnbMenu .inner:after{content:none;}
	#gnbMenu #gnb{display:block;width:auto;margin:0;}
	#gnbMenu #gnb > li{display:block;width:auto;margin:0;padding:0;font-size:17px;}
	#gnbMenu #gnb > li + li{margin:25px 0 0;}
	#gnbMenu #gnb > li > a{display:inline-block;font-weight:500;color:#fff;opacity:.6;filter:alpha(opacity=60);cursor:pointer;}
	#gnbMenu #gnb > li.active > a{/*border-bottom:1px solid #fff;*/}
	#gnbMenu #gnb .sub{display:none;margin:0 0 0 4px;font-weight:400;color:#fff;opacity:.6;filter:alpha(opacity=60);}
	#gnbMenu #gnb .sub li a{display:block;padding:8px 0;color:inherit;}
	#gnbMenu .social{display:block;margin:25px 0 0;font-size:.9em;}
	#gnbMenu .social ul{}
	#gnbMenu .social li{}
	#gnbMenu .social li + li{margin:3px 0 0;}
	#gnbMenu .social li a{display:block;padding:4px 0;}

	#header .head{padding:0;background:none;}
	#header .head .search,
	#header .head .conRight,
	#header .util_wrap,
	#header .language_wrap{display:none;}
	#header .head .conLeft{position:absolute;left:15px;top:20px;}
	#header .head .btn_search{display:block;}
	#header .head .search{position:absolute;left:0;top:-4px;height:39px;padding-right:39px;border:1px solid #1b62ac;background:#fff;}
	#header .head .search input[type="text"]{height:39px;line-height:39px;}
	#header .head .search input[type="text"]::-webkit-input-placeholder{color:#1960ac;}
	#header .head .search input[type="text"]::-moz-placeholder{color:#1960ac;}
	#header .head .search input[type="text"]:-ms-input-placeholder{color:#1960ac;}
	#header .head .search input[type="image"]{width:39px;height:37px;background-image:url('../image/bg_search_mo.png');}
	#header .head .language{display:none;}
	#header .body{height:70px;}
	#header .body .wrapper{height:100%;}
	#header .body h1{top:23px;text-align:center;}
	#header .body .menu{width:62px;height:100%;line-height:inherit;padding:0;text-align:center;font-size:0;}
	#header .body .menu > span.text{display:none !important;}
	#header .body .menu:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
	#header .body .menu .icon{top:auto;}

	#footer{background:#535c65;text-align:center;}
	#footer .wrapper{padding:15px;}
	#footer .head .conLeft,
	#footer .head .conRight,
	#footer .body .conLeft,
	#footer .body .conRight{float:none;}
	#footer .head .conRight{margin:0 0 15px;}
	#footer .head .conRight > div{margin:0;}
	#footer .head .conRight > div > a:first-child:before{content:none;}
	#footer .head .conLeft address > span:before{content:'';}
	#footer .body .conLeft{padding:0;}
	#footer .body .conRight{margin:20px 0 0;}
	#footer .body .conRight .social a{width:30px;margin:0 2px;}
	#footer .body .conRight .family_site{margin-left:6px;}

	.head_area{margin-bottom:20px;}
	.top_banner{height:auto;}
	.top_banner .outer{position:static;padding:40px 15px;}
	.top_banner .wrapper{padding:0;}

	.table_form,
	.table_form .row,
	.table_form .cell{display:block;}

	#contents{padding:0 15px 30px;}
	
	#mainCategory{margin-bottom:40px;}

	.msg_head .msg_s br{display:none;}

	.tab_category,
	.tab_category ul,
	.tab_category li{display:block;}
	.tab_category{margin-bottom:45px;background:none;}
	.tab_category ul:after{content:'';display:block;clear:both;}
	.tab_category li{float:left;width:50%;height:61px;box-sizing:border-box;border:0;}
	.tab_category li:before,
	.tab_category li:after{content:none;}
	.tab_category li.on{}
	.tab_category li > a{margin:0 0 0 -1px;border:1px solid #d1cece;background:#f5f5f5;}
	.tab_category li.on a{position:relative;border-color:#1c63ad;background:#fff;}

	.main_banner .visual{height:auto;padding:0 0 131%;}
	
	.mainSection{height:auto;padding:0 0 140px;background-size:cover;}
	.mainSection .bbtn > a{min-width:104px;}

	#mSection02 .conLeft{float:none;width:auto;}
	#mSection02 .conRight{margin:0;}

	#mSection03 .contents .conLeft{max-width:582px;margin:0 auto;}
	#mSection03 .contents .conRight{float:none;width:auto;}
	#mSection04{padding-bottom:30px;}

	.common_box{margin-top:30px;}
	.common_box .outer{margin:0;}
	.common_box .cell + .cell{margin:20px 0 0;}

	.table_box{margin:0;padding:0;}

	.article_common + .article_common{margin-top:50px;}
	.article_common .article + .article{margin-top:40px;}
	.article_common .article_s + .article_s{margin-top:20px;}
	.h4{margin-bottom:25px;}	

	.list_etc li{width:50%;height:225px;margin:0 !important;padding:15px;text-align:left;}
	.list_etc .thumb{position:absolute;right:15px;bottom:0;height:120px;}
	.list_etc .bbtn{position:absolute;left:15px;bottom:15px;}

	.msg_head{margin-bottom:45px;}
	.msg_head .msg{font-size:36px;}
	.msg_head .msg_s{font-size:18px;}

	.his_wrap .head{margin-bottom:28px;padding-bottom:31px;}
	.his_wrap .head .item{padding:0 0 0 11px;}
	.his_wrap .head .item .thumb{display:block;position:static;}
	.his_wrap .head .item .text{display:block;position:static;height:auto;margin:10px 0 0;background:none;}
	.his_wrap .head .item .text:before{content:none;}
	.his_wrap .head .item .text > em{display:block;color:#333;}

	.greeting_wrap{background-image:none;}
	.greeting_wrap .head{margin-bottom:30px;}
	.greeting_wrap .head > strong:first-child{font-size:42px;}
	.greeting_wrap .head > span{font-size:28px;}
	.greeting_wrap .body{margin-right:0;}
	.greeting_wrap .body > div{text-align:left;}

	.common_box.list_mind{margin-top:0;}
	.common_box.list_mind .cell{margin-top:140px;}
	.common_box.list_mind .head{top:-108px;height:79px;}
	.common_box.list_mind .head:after{left:50%;right:auto;width:205px;margin-left:-102px;background-size:100% auto;}
	.common_box.list_mind .head .title:after{top:79px;height:28px;}
	.common_box.list_mind ul{padding:15px;}

	.list_welfare .cell{}
	.list_welfare .cell + .cell{margin-top:140px;}

	.list_safe .cell{}
	.list_safe .cell + .cell{margin-top:60px;}

	.list_iot .cell + .cell{margin-top:350px;}

	.phil_wrap .body > div{max-width:100%;box-sizing:border-box;}

	.map_area + .map_area{margin-top:30px;padding-top:30px;}
	.map_area .information{margin-bottom:20px;}
	.map_area .information .cell:first-child{margin-bottom:15px;}
	.map_area .information .cell:first-child + .cell{float:none;}
	.map_area .information .cell:first-child + .cell + .cell{margin:15px 0 0;}
	.map_area .information dt{margin-bottom:10px;}
	.map_area .information dd + dd{margin-top:15px;}

	.list_system .outer{margin:-15px 0 0 -15px;}
	.list_system li{padding:15px 0 0 15px;}

	.list_certy ul{margin:-25px 0 0 -15px;}
	.list_certy li{width:50%;margin-top:25px;padding-left:15px;}

	.m_bo_title{display:inline-block;margin:0 10px 0 0;font-weight:bold;color:#333;}

	.dtable.mo thead,
	.dtable.mo colgroup{display:none;}
	.dtable.mo table,
	.dtable.mo tbody,
	.dtable.mo tbody tr,
	.dtable.mo .heading{display:block;}
	.dtable.mo tbody tr{border-bottom:1px solid #e2e2e2;}
	.dtable.mo tbody td{display:inline-block;vertical-align:baseline;text-align:left;border:0 !important;}
	.dtable.mo tbody td.title{display:block;}
	.dtable.mo tbody td.title a{display:block;}
	.dtable.mo tbody td.none{display:block;}
	
	/*
	body #bbslist thead,
	body #bbslist colgroup{display:none;}
	body #bbslist table,
	body #bbslist tbody,
	body #bbslist tbody tr{display:block;}
	body #bbslist tbody tr{border-bottom:1px solid #e2e2e2;}
	body #bbslist tbody td{display:inline-block;vertical-align:baseline;text-align:left;border:0 !important;}
	body #bbslist tbody td.sbj{display:block;}
	body #bbslist tbody td.sbj a{display:block;}
	body #bbslist tbody td.none{display:block;}
	*/

	.product_head .conRight{margin-top:20px;}

	.product_more .head{height:auto;margin-top:30px;}
	.product_more .head dl{padding:25px;}
	.product_more .body{padding-top:60px;}

	.list_dot li + li{margin-top:6px;}

	.list_class{padding:25px;}

	.list_reward .cell + .cell{margin:20px 0 0;}

	.img_wrap.ready{/*margin:-105px 0 0;*/padding-top:0;}

	.list_zi{text-align:center;}
	.list_zi li,
	.list_zi li.last{display:block;float:none;width:auto;}
	.list_zi dl{margin:0 auto;background-position:0 100%;}
	.list_zi dl:before{content:'';position:absolute;left:50%;bottom:-8px;margin:0 0 0 -4px;border:4.5px solid transparent;border-top:9px solid #16569a;border-bottom:0;}

	.list_circle{text-align:center;}
	.list_circle li,
	.list_circle li.last{display:block;float:none;width:auto;}
	.list_circle .wrap{margin:0 auto;background-position:0 100%;}
	.list_circle .wrap:before{content:'';position:absolute;left:50%;bottom:-8px;margin:0 0 0 -4px;border:4.5px solid transparent;border-top:9px solid #16569a;border-bottom:0;}
	.list_circle .progress dt.img img{height:25px;}

	.list_k{text-align:center;}
	.list_k li,
	.list_k li.last{display:inline-block;float:none;vertical-align:top;}

	.product_head .conRight dt{margin-bottom:15px;}
	.product_head .conRight .text{margin-top:20px;padding-top:20px;}
	.product_head .conRight li + li{margin-top:7px;}

	.txt_strong{margin-bottom:15px;}
	.txt_desc{margin-top:15px 0 0;}
	
	.list_award ul{margin-top:-25px;}	
	.list_award li{width:50%;padding-top:25px;}
	
	.list_photo ul{margin-top:-25px;}	
	.list_photo li{width:50%;padding-top:25px;}

	.faqList{}
	.faqList li{}
	.faqList li .faq_q .tr .th{width:47px;}
	.faqList li .faq_q .cate{width:100px;}
	.faqList li .faq_q .info{padding:5px 10px;}
	.faqList li .faq_a .cont{padding:10px 15px;}

	.list_history{}
}

@media all and (max-width:640px){ /* Mobile - Small size */
	.list_etc li{width:100%;}

	.tab_category li{}
	.tab_category li > a{}

	#mainCategory{height:auto !important;}
	#mainCategory .category > ul > li > a{height:auto;padding:13px 14px;margin:-1px 0 0;line-height:1.4;}
	#mainCategory > .category > ul > li.active > a{border-bottom-color:#165ea9;}

	/* 1depth */
	#mainCategory > .category{}
	#mainCategory > .category > ul{display:block;}
	#mainCategory > .category > ul > li{display:block;text-align:left;}
	#mainCategory > .category > ul > li.active > a:before{content:none;}

	/* 2depth */
	#mainCategory .depth{position:relative;left:auto;top:auto;right:auto;margin:-1px 0 0;padding-top:0;padding-bottom:0;text-align:left;}
	#mainCategory .depth > div{display:block;}
	#mainCategory .depth ul{margin-left:0;}
	#mainCategory .depth ul > li{display:block;border-top:1px solid #d8d8d8;}
	#mainCategory .depth ul > li:first-child{border-top:0;}
	#mainCategory .depth ul > li:before{content:none;}
	#mainCategory .depth ul > li > a{display:block;padding:14px;}

	.greeting_wrap .head > span br{display:none;}
	.greeting_wrap .body > div{float:none;width:auto;}
	.greeting_wrap .body .conRight{margin:20px 0 0;}

	/*
	.his_wrap .head .item{display:block;float:none;width:50%;margin:0 auto;padding-bottom:32%;}
	.his_wrap .head .item + .item{margin-top:20px;}
	*/

	.his_wrap .head .item{padding:0 0 0 11px;}
	.his_wrap .head .item .thumb{display:block;position:static;}
	.his_wrap .head .item .text{display:block;position:static;height:auto;margin:5px 0 0;background:none;}
	.his_wrap .head .item .text > em{color:#333;}

	/*
	.list_system li,
	.list_certy li{width:100%;}
	*/

	.list_cs li,
	.list_product li,
	.list_box li{width:100% !important;}
	.list_product dl,
	.list_box dl{min-height:0 !important;}

	.part_wrap .head ul{margin:-15px 0 0 -15px;}
	.part_wrap .head li{width:100%;padding:15px 0 0 15px;}
	.part_wrap .head .thumb{height:auto;}
	.part_wrap .body{margin-top:15px;}
	.part_wrap .body .outer{margin:-15px 0 0 -15px;}
	.part_wrap .body .column{width:100%;padding:15px 0 0 15px;}

	.list_award li{width:100%;}
	.list_award .wrap .text,
	.list_award .wrap .text tbody,
	.list_award .wrap .text tr,
	.list_award .wrap .text td{display:block;}
	.list_award .wrap .text td{height:auto;}
	.list_award .wrap .thumb span img{width:100%;}

	.list_photo li{width:100%;}
	.list_photo .wrap .thumb{padding:0;}
	.list_photo .wrap .thumb > a{position:static;}
	.list_photo .wrap .text,
	.list_photo .wrap .text tbody,
	.list_photo .wrap .text tr,
	.list_photo .wrap .text td{display:block;}
	.list_photo .wrap .text td{height:auto;}

	.list_history .year{float:none;margin:0 0 15px;}
	.list_history .list{margin-left:0;}

	.busi_wrap .column{width:auto;}

	.order_wrap{}
	.order_wrap table,
	.order_wrap tbody,
	.order_wrap tr,
	.order_wrap td{display:block;}
	.order_wrap tr{padding:10px;}
	.order_wrap td:first-child,
	.order_wrap td{width:auto;height:auto;padding:0;}
	.order_wrap td:first-child{margin:0 0 15px;}
	.order_wrap li + li{margin:5px 0 0;}

	.product_more .head dt{font-size:26px;}
}

@media all and (max-width:480px){
	.his_wrap .head .item{width:100%;}

	.busi_wrap .column .wrap,
	.busi_wrap .column + .column .wrap{background-image:none;}

	.bc_wrap .big{width:305px;height:307px;background-size:cover;}
	.bc_wrap .big dt{font-size:25px;}
}