@import url("common.css");


#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:340px;}
#visual2{position:relative; overflow:hidden; width:100%; text-align:center; height:340px;}
	.subtop_intr{background:url('../img/sub/subtop_intr.jpg') center 0 no-repeat;}
	.subtop_prod{background:url('../img/sub/subtop_prod.jpg') center 0 no-repeat;}
	.subtop_tech{background:url('../img/sub/subtop_tech.jpg') center 0 no-repeat;}
	.subtop_sitemap{background:url('../img/sub/subtop_sitemap.jpg') center 0 no-repeat;}


#visual2 .subtop_txt{margin-top:180px}
.subtop_txt{overflow:hidden; position:relative; margin-top:156px}
.subtop_txt h2{font-size:32px; color:#fff; line-height:100%; font-family:'Noto Sans KR', sans-serif;}
.subtop_txt p{color:rgba(255,255,255,0.7); font-size:20px; line-height:100%; letter-spacing:-0.8px; margin-top:15px;}


#contents{position:relative;}

.lnb_mobile{display:none;}

.lnb {position:relative; overflow:hidden; background:url('../img/sub/m_bg.png') 0 bottom repeat-x; top:-60px;}
	.lnb ul{position:relative; overflow:hidden; max-width:1170px; margin:0 auto;}
	.lnb ul.nine li{width:11.11111111111111%;}
	.lnb ul.eight li{width:12.5%;}
	.lnb ul.seven li{width:14.285714%;}
	.lnb ul.six li{width:16.66666666666667%;}
	.lnb ul.five li{width:20%;}
	.lnb ul.four li{width:25%;}
	.lnb ul.three li{width:33%;}
	.lnb ul.two li{width:50%;}
	/*.lnb ul.one li{width:100%;}*/
	.lnb li {position:relative; float:left;}
	.lnb li a:link, .lnb li a:visited{color:rgba(255,255,255,0.7); font-size:15px; letter-spacing:-0.5pt; display:block; width:100%; line-height:60px; height:60px; text-align:center; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
	.lnb ul.nine li a:link, .lnb ul.nine li a:visited{font-size:14px; letter-spacing:-0.5pt; display:block; width:100%; line-height:60px; height:60px; text-align:center}
	.lnb li a:hover{display:block; color:#fff; text-decoration: none;  background:#212121; }
	.left_linktop{display:block; color:#fff !important; text-decoration: none; background:#212121;}
	





.contentArea{max-width:1170px;position: relative;  overflow:hidden; margin:50px auto 120px auto;}
.contentArea2{max-width:1170px;position: relative;  overflow:hidden; margin:60px auto 60px auto;}
.contentArea3{max-width:1170px;position: relative;  overflow:hidden; margin:50px auto 120px auto;}

.contents_in { position: relative; overflow:hidden; margin:0 auto;}
#contents .tit_area{width:100%; padding:0 0 38px 0; overflow:hidden;}
	#contents h3.title {color:#333; font-family:'Noto Sans KR', sans-serif; font-weight:bold; font-size:36px; letter-spacing:-1.8pt; text-align:center;}	
	#contents h4.consub_tit {color:#333; font-family:'Noto Sans KR', sans-serif; font-weight:bold; font-size:30px; letter-spacing:-1.8pt; text-align:center; margin-bottom:50px; line-height:135%}

.contents_in {position:relative; clear:both; *zoom:1;}


/*** °øÅëcss ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.bmar_90{margin-bottom:90px}
.bmar_30{margin-bottom:30px}
.bmar_35{margin-bottom:35px}
.bmar_20{margin-bottom:20px}
.bmar_10{margin-bottom:10px}
.con_tit{font-family:NotoKR-Bold; font-weight:100; font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-family:NotoKR-DemiLight;; font-weight:100;}


.table_style1{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #8f8f8f; border-left:1px solid #ddd; overflow:auto; }
.table_style1 th{color:#2d3133; font-family:NotoKR-Regular; font-weight:100; font-size:15px; text-align:center; padding:15px; border-bottom:1px solid #ddd; letter-spacing:-0.5pt; border-right:1px solid #ddd; background-color:#efefef;}
.table_style1 td{border-bottom:1px solid #ddd; padding:15px; text-align:center; font-size:15px;  letter-spacing:-0.5pt; border-right:1px solid #ddd;}
.table_style1 th sup{font-size:11px}
.table_style1 .bor{border-right:1px solid #ddd;}

.table_style6{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #2d3133; border-left:1px solid #ddd;}
.table_style6 th{color:#2d3133; font-family:NotoKR-Regular; font-weight:100; font-size:15px; text-align:center; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.5pt;}
.table_style6 td{color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; text-align:right; font-size:14px;  letter-spacing:-0.5pt;}
.table_style6 th sup{font-size:11px}

.table_style7{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #2d3133; border-left:1px solid #ddd;}
.table_style7 th{background:#d5dde2; color:#2d3133; font-family:NotoKR-Regular; font-weight:100; font-size:14px; text-align:center; padding:8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.5pt;}
.table_style7 th.borc{border-right:1px solid #bacdd8}
.table_style7 td{background:#fff; color:#666; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px; text-align:right; font-size:13px;  letter-spacing:-0.3pt;}
.table_style7 th sup{font-size:11px}
.table_style7 td.cen{text-align:center; color:#2d3133; }



.moutit{display:none;}

/* 색상 및 폰트웨이트 */
.ft_med{font-family: 'GmarketSansMedium', sans-serif; !important}
.ft_red{color:#f00; !important}
.ft_blue{color:#1B80D6; !important}
.txt_left{text-align: left; !important}
.txt_center{text-align: center; !important}
.ft_orange{font-family: 'GmarketSansMedium'; color:#F4A643;}







caption{line-height:0px; font-size:0px; color:#fff;}
.hide {display:none;line-height:0px; font-size:0px;}

h4.sub_title{font-size:26px; line-height:1.5; letter-spacing:-1.5pt; color:#333; font-family:NotoKR-Bold; font-weight:100;}
h4.sub_title span.engt{ font-family:NotoKR-Bold; font-weight:100; line-height:1.5; letter-spacing:0; }
h4.engtitle{font-size:35px; font-family:'Noto Sans KR', sans-serif; font-weight:700; line-height:1.5}
h4.engtitle span{font-family:'Noto Sans KR', sans-serif; font-weight:200}
p.stitle1{font-size:20px; color:#2d3133; line-height:24px; letter-spacing:-0.8pt; margin-bottom:10px;}
p.stitle_sub{font-size:15px; line-height:24px;letter-spacing:-0.5pt; }
p.stitle_sub span{color:#333; line-height:24px;letter-spacing:-0.5pt; }

h5.sub_stitle{font-size:16px; line-height:22px; letter-spacing:-0.7pt; color:#888; font-weight:100;}

.blue {color:#3177d4;}


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{position:relative; overflow:hidden; font-size:15px; letter-spacing:-0.5pt;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:16px; letter-spacing:-0.8pt; padding-bottom:10px; font-family:NotoKR-Bold; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0; letter-spacing:-0.5pt;}
.cont_txt2 {padding-bottom:35px; font-size:15px; letter-spacing: -0.5pt;}
.cont_box {letter-spacing:-0.5pt; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }
.policy_con strong{letter-spacing:-0.5pt; font-family:NotoKR-Bold; font-weight:100;}
.policy_con h3{margin-bottom:30px;}


.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%; letter-spacing:-0.5pt;}
.privacy_list li a { font-family:NotoKR-Bold;  letter-spacing:-0.5pt;} 
.email_con{border:1px solid #ddd; padding:30px; font-size:15px; letter-spacing:-0.5pt;}


/* õ¸íÈ£Ãß°¡(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}




/* »çÀÌÆ®¸Ê */
.sitemap {position:relative; overflow:hidden;}
.sitemap ul{position:relative; overflow:hidden;}
.sitemap ul li{float:left; width:31.0769230769%; margin-right:2.5641025641%;  margin-bottom:2.5641025641%;}
.sitemap ul li:nth-child(3n){margin-right:0;}
.sitemap ul li:nth-child(3+1){clear: left;}
.sitemap dl{position:relative; overflow:hidden;}
.sitemap dt{background-color:#f1f1f1; font-family:'Noto Sans KR', sans-serif; padding:10px 15px; letter-spacing:-0.8px; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:15px;}
.sitemap dd a.tit{border-bottom:1px dashed #d4d4d4; display:block; padding:10px 15px;  letter-spacing:-0.5pt; font-size:15px;}

.sitemap dd .grey{background:#f9f9f9; padding:10px 0; border-bottom:1px dashed #d4d4d4;}
.sitemap dd .grey p{margin-bottom:5px}
.sitemap dd .grey p:last-child{margin-bottom:0}
.sitemap dd .grey p a{letter-spacing: -0.5pt; display:block; background: url('../img/common/menudot2.gif') 15px center no-repeat; font-size:14px; padding-left:25px; color:#666; }


.sitemap dd.s_depth_3 {padding:0; border-bottom: 1px dashed #d4d4d4;}
.sitemap dd.s_depth_3 ul {background:#f8f8f8; padding:10px 15px;}
.sitemap dd.s_depth_3 ul ol a:link {font-size:13px; color:#888f96; border-bottom:0; background: url('../img/common/menudot2.gif') left center no-repeat;}
.s_depth_3 a {display:block; height:22px; line-height:22px;}
.s_depth_3 a:link, .s_depth_3 a:visited {display:block; padding:1px 0px 2px 12px !important; font-size:13px;letter-spacing:-0.5pt;}




/* ¼­ºêÅǸ޴º */
.scate_tab{ margin-bottom:60px; border:1px solid #ddd; text-align:center;  padding:17px 0 17px 0; box-sizing:border-box;}
.scate_tab a{display:inline-block; font-size:15px; letter-spacing:-0.5pt; line-height:110%; color:#777777; margin:0 16px 0 0;}
.scate_tab a:last-child {margin-right:0}
.scate_tab a:hover {color:#3177d4;}
.scate_tab a span{color:#3177d4; letter-spacing:-0.5pt;  border-bottom: 5px solid #3177d4; padding:0 5px 15px 5px;}

.scate_tab2{ margin-bottom:80px; border:1px solid #ddd; text-align:center;  padding:20px 0 0 0; box-sizing:border-box;}
.scate_tab2 a{position:relative;  display:inline-block; font-size:15px; letter-spacing:-0.5pt; line-height:110%; color:#777777;margin:0 35px 0 0;}
.scate_tab2 a:last-child {margin-right:0}
.scate_tab2 a:hover {color:#3177d4;}
.scate_tab2 a:after{content:'';position:absolute;top:0;right:-18px;height:15px;width:1px;display: inline-block; background-color:#d7d7d7;}
.scate_tab2 a:last-child:after{content:none;}

.scate_tab2 a.on{color:#3177d4; border-bottom: 5px solid #3177d4; padding-bottom:16px;}

.scate_tab3{ margin-bottom:80px; border:1px solid #ddd; text-align:center;  padding:20px 0 0 0; box-sizing:border-box;}
.scate_tab3 a{position:relative;  display:inline-block; font-size:15px; letter-spacing:-0.5pt; line-height:110%; color:#777777;margin:0 35px 0 0;}
.scate_tab3 a:last-child {margin-right:0}
.scate_tab3 a:hover {color:#3177d4;}
.scate_tab3 a:after{content:'';position:absolute;top:0;right:-18px;height:15px;width:1px;display: inline-block; background-color:#d7d7d7;}
.scate_tab3 a:last-child:after{content:none;}

.scate_tab3 a.on{color:#3177d4; border-bottom: 5px solid #3177d4; padding-bottom:16px;}



.scate_tab5{ margin-bottom:20px; border:1px solid #ddd; text-align:center;  padding:20px 0 0 0; box-sizing:border-box;}
.scate_tab5 a{position:relative;  display:inline-block; font-size:15px; letter-spacing:-0.5pt; line-height:110%; color:#777777;margin:0 35px 0 0;}
.scate_tab5 a:last-child {margin-right:0}
.scate_tab5 a:hover {color:#3177d4;}
.scate_tab5 a:after{content:'';position:absolute;top:0;right:-18px;height:15px;width:1px;display: inline-block; background-color:#d7d7d7;}
.scate_tab5 a:last-child:after{content:none;}

.scate_tab5 a.on{color:#3177d4; border-bottom: 5px solid #3177d4; padding-bottom:16px;}


/* ±Û·Î¹ú ³×Æ®¿öÅ©  */
.network_con{position:relative; overflow:hidden;}
.network_con .net_top{margin-bottom:30px; position:relative; overflow:hidden; background-size: cover; background:url('/information/img/network_img01.jpg') no-repeat; text-align:center; color:#fff; padding:80px 0}
.network_con .net_top .bor{width:24px; height:1px; display:block; background:#fff; margin:10px auto}
.network_con .net_top .nettxt{font-size:15px; line-height:24px; color:rgba(255,255,255,0.8); letter-spacing:-0.5pt;}
.network_con ul{display:none;}
.network_con .pglo2{display:none;}


/* ±¹³» ³×Æ®¿öÅ©  */
.network_con.domestic .net_top{background-image:url('/information/img/network_domestic_img01.jpg')}
.network_con.domestic .map {height:686px; position:relative; overflow:hidden; margin-top:60px; background:url('/information/img/network_domestic_map_test.gif') center top no-repeat; box-sizing:border-box;}
.network_con.domestic .map .map_m {display:none;}
.network_con.domestic .map .domesticmap_txt {/*position:relative; overflow:hidden;*/}
.network_con.domestic .map dl {border:1px solid #ddd; background:#fff; padding:5px 1% 5px 10px; box-sizing:border-box; position:absolute;height:100px; width:250px }
.network_con.domestic .map dt {font-size:17px; color:#333; letter-spacing:-0.5pt; line-height:110%}
.network_con.domestic .map dd {font-size:14px; letter-spacing:-0.5pt; line-height:22px;}
.network_con.domestic .map dd.address { margin:10px 0 10px 0}
.network_con.domestic .map dd p {position:relative; padding-left:55px; box-sizing:Border-box; margin-bottom:3px;}
.network_con.domestic .map dd p:last-child {margin-bottom:0}
.network_con.domestic .map dd p span {color:#2d3133; letter-spacing:-0.5pt; position:absolute; left:0; }

.network_con.domestic .map dl.one {top:20px; left:112px;}
.network_con.domestic .map dl.two {top:135px; left:112px;}
.network_con.domestic .map dl.three {top:250px; left:112px;}
.network_con.domestic .map dl.four {top:365px; left:112px;}
.network_con.domestic .map dl.five {top:480px; left:112px;}
.network_con.domestic .map dl.six {top:20px; right:112px;}
.network_con.domestic .map dl.seven {top:135px; right:112px;}
.network_con.domestic .map dl.eight {top:250px; right:112px;}
.network_con.domestic .map dl.nine {top:365px; right:112px;}
.network_con.domestic .map dl.ten {top:515px; right:300px;}




/***** SOC »ê¾÷ ****/

.info{position:relative; overflow:hidden; float:left; width: calc(100% - 300px);}
.titlebox{float:left; width:300px;} 

.dep_list{position:relative; overflow:hidden;}
.dep_list li{margin-bottom:5px; padding-left: 10px; background:url('/business/img/depline.gif') left 10px no-repeat; font-size:15px; line-height:22px; letter-spacing:-0.5pt; }
.dep_list li:last-child{margin-bottom:0}
.dep_list li .black{color:#2d3133; line-height:22px; letter-spacing:-0.5pt;}

.small_txt{position:relative; overflow:hidden; margin:5px 0 10px 0; font-size:13px; color:#888; line-height:22px; letter-spacing:-0.2pt;}
.small_txt span{color:#2d3133; line-height:22px; letter-spacing:-0.2pt;}
.small_txt p{font-size:13px; color:#888; line-height:18px; letter-spacing:-0.2pt; margin-bottom:5px}


/* ¸Å¸³°ø»ç */
.reclamation_con{position:relative; overflow:hidden;}
.reclamation_con h4{margin-bottom:15px}
.reclamation_con .m_table{display:none;} 
.reclamation_con .con1{position:relative; overflow:hidden;}
.reclamation_con .con1 .info{border-top:1px solid #333; }
.reclamation_con .con1 .abs{position: absolute;top: 20px;right: 0;}
.reclamation_con .con1 .info dl{position:relative; overflow:hidden; padding:15px 10px;}
.reclamation_con .con1 .info dt{margin-bottom:10px; width:80px; line-height:22px; font-size:15px; color:#333; letter-spacing:-0.5pt; float:left;}
.reclamation_con .con1 .info dd{margin-bottom:10px; font-size:15px; letter-spacing:-0.5pt; line-height:22px; width: calc(100% - 120px); margin-left:40px; float:left;}
.reclamation_con .simg{}
.reclamation_con .simg img{max-width:1170px; width:100%}


.reclamation_con .con2{position:relative; overflow:hidden;}

.reclamation_con .con3{position:relative; overflow:hidden;}
.reclamation_con .con3 .info{position:relative; overflow:hidden;}
.reclamation_con .con3 .info dl{margin:30px 0 20px 10px; position:relative; overflow:hidden;}
.reclamation_con .con3 .info dt{margin-bottom:10px; width:165px; float:left; font-size:15px; color:#2d3133; line-height:22px;letter-spacing:-0.5pt;  }
.reclamation_con .con3 .info dt span{line-height:22px; margin-right:6px; width:14px; height:14px; display:inline-block; background:red; border-radius:14px;}
.reclamation_con .con3 .info dt span.sq1{background:#ff01ff}
.reclamation_con .con3 .info dt span.sq2{background:#f1972a}
.reclamation_con .con3 .info dt span.sq3{background:#eec00f}
.reclamation_con .con3 .info dd{margin-bottom:10px; width: calc(100% - 165px); float:left; font-size:15px; line-height:22px; letter-spacing:-0.5pt; }

.reclamation_con .con4{position:relative; overflow:hidden;}
.reclamation_con .con4 .gram{position:relative; overflow:hidden;background:#f0f0f0; text-align:center; padding:40px}
.reclamation_con .con4 .gram img{max-width:788px; width:100%}
.reclamation_con .con4 .txtbox{position:relative; overflow:hidden; border:10px solid #f0f0f0; padding:30px}


.reclamation_con .con5{position:relative; overflow:hidden;}
.reclamation_con .con5 .info ul{position:relative; overflow:hidden; border:1px solid #ddd; box-sizing: border-box;}
.reclamation_con .con5 .info li{position:relative; text-align:center; padding:30px; width:50%; box-sizing: border-box; float:left;}
.reclamation_con .con5 .info li.one{border-right:1px solid #ddd;}
.reclamation_con .con5 .info li a{ position: absolute;bottom: -1px; right: -1px; background:url('/business/img/pdf.gif') center no-repeat, #fff; display:block; width:58px; height:58px; border:1px solid #ddd; box-sizing: border-box; }

.reclamation_con .mob{display:none;}


/*스마트 시티 추가*/
.smart_con .con5{position:relative; overflow:hidden;}
.smart_con .con5 .info ul{position:relative; overflow:hidden; border:1px solid #ddd; box-sizing: border-box;}
.smart_con .con5 .info li{position:relative; text-align:center; padding:30px; width:50%; box-sizing: border-box; float:left;}
.smart_con .con5 .info li.one{border-right:1px solid #ddd;}
.smart_con .con5 .info li a{ position: absolute;bottom: -1px; right: -1px; background:url('/business/img/pdf.gif') center no-repeat, #fff; display:block; width:58px; height:58px; border:1px solid #ddd; box-sizing: border-box; }

.smart_con .mob{display:none;}



/* LNG ¹ßÀü¼Ò */
.lnb_con{position:relative; overflow:hidden;}
.lnb_con h4{margin-bottom:15px;}
.lnb_con .con1{position:relative; overflow:hidden;}
.lnb_con .con1 .info{border:1px solid #ddd; box-sizing: border-box; padding:30px;}
.lnb_con .con1 .info .img{position: absolute; top: 65px; right:30px;}

.lnb_con .con2{position:relative; overflow:hidden;}
.lnb_con .con2 dt img{max-width:1170px; width:100%}
.lnb_con .con2 dd{text-align:center; font-size:15px; color:#2d3133; letter-spacing:-0.5pt; border:1px solid #ddd; border-top:none; line-height:24px; padding:15px}

.lnb_con .con3{padding-top:90px; position:relative; overflow:hidden; background:url('/business/img/lng_img05.gif') right 20px no-repeat;}
.lnb_con .con3 .info dl{position:relative; overflow:hidden;}
.lnb_con .con3 .info dt{float:left; width:143px;}
.lnb_con .con3 .info dd{float:left; width: calc(100% - 183px); margin-left:40px; margin-top:30px;}
.lnb_con .con3 .info .img{text-align:center; margin-top:40px; position:relative; overflow:hidden; border:1px solid #ddd;box-sizing: border-box;  padding:30px 30px 40px 30px;}
.lnb_con .con3 .info .img p{line-height:24px; margin-bottom:30px; text-align:center; font-size:20px; color:#2d3133; font-family:'Noto Sans KR', sans-serif; font-weight:700;}
.lnb_con .con3 .info .img img{max-width:681px; width:100%;}

.lnb_con .con4{position:relative; overflow:hidden;}
.lnb_con .con4 .info dl{position:relative; overflow:hidden;} 
.lnb_con .con4 .info dt{}
.lnb_con .con4 .info dd{border:1px solid #ddd; box-sizing: border-box; padding:30px; border-top:none;}


/* ½º¸¶Æ® ½ÃƼ */
.smart_con{position:relative; overflow:hidden;}
.smart_con h4{margin-bottom:15px}
.smart_con .con0{position:relative; overflow:hidden;}
.smart_con .con0 h4{text-align:center;}
.smart_con .con0 .num_list{position:relative; overflow:hidden; background:#f9f9f9; border: 1px solid #ddd; box-sizing: border-box;padding: 20px;} 
.smart_con .con0 .num_list li{float:left; width:23.5897435897%; margin-right:1.88034188034%; margin-bottom:10px; display:table; text-align:left;}
.smart_con .con0 .num_list li:nth-child(4n){margin-right:0}
.smart_con .con0 .num_list li:nth-child(4n+1){clear:left;}
.smart_con .con0 .num_list li .num{ display:table-cell;width:22px; height:20px; }
.smart_con .con0 .num_list li .num span{display:block;font-size:11px; text-align:center; line-height:20px; width:22px; height:20px; background:#3177d4; color:#fff; font-family:'Noto Sans KR', sans-serif; font-weight:600; border-radius: 50px;}
.smart_con .con0 .num_list li .tit{padding-left:5px; display:table-cell; font-size:15px; line-height:20px;letter-spacing: -0.5pt;text-align:left; padding-right:10px}
.smart_con .con1{position:relative; overflow:hidden;}
.smart_con .con1 h4{text-align:center; margin-bottom:35px;}
.smart_con .con1 .stitle_sub{text-align:center; margin-bottom:35px;}
.smart_con .con1 .incon1{position:relative; overflow:hidden; display:table; }
.smart_con .con1 .incon1 .one{vertical-align: middle; display:table-cell; background:#c1c1c1; width:700px; text-align:center;}
.smart_con .con1 .incon1 .two{display:table-cell; width:470px; vertical-align: top;}
.smart_con .con1 .tbox{border:1px solid #ddd; border-top:none; padding:30px; box-sizing: border-box;}

.smart_con .con2{position:relative; overflow:hidden;}
.smart_con .con2 dl{position:relative; overflow:hidden;}
.smart_con .con2 dd{position:relative; overflow:hidden; border:1px solid #ddd; border-top:none; padding:30px;}

.smart_con .con3{position:relative; overflow:hidden;}
.smart_con .con3 ul{position:relative; overflow:hidden;}
.smart_con .con3 li{position:relative; overflow:hidden; float:left; width:33.3%;}
.smart_con .con3 li img{width:100%}
.smart_con .con3 li div{transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
width:88%; padding:20px 6%; position: absolute; bottom: 0; background:url('/business/img/view.png') 95% center no-repeat, rgba(0,0,0,0.5); color:#fff; font-size:15px; line-height:100%; letter-spacing:-0.5pt;}
.smart_con .con3 li:hover div{background:url('/business/img/view.png') 95% center no-repeat, rgba(0,0,0,0.8);}


.white-popup2{position: relative; background: #FFF; width:auto;max-width:870px;margin: 20px auto; border: 1px solid #ddd; box-sizing: border-box;}
.white-popup2 .mpbox{position: relative; background:#fff; padding:30px;}
.white-popup2 .mpbox .pic_list{position: relative;overflow:hidden; margin-top:30px;}
.white-popup2 .mpbox .pic_list li{position: relative;float:left; width:33.33333333333333%}
.white-popup2 .mpbox .pic_list li img{width:100%;}
.white-popup2 .mpbox .pic_list li div{padding:15px 0; background:rgba(0,0,0,0.5); width:100%; position: absolute; text-align:center; bottom: 0;color:#fff; font-size:15px; line-height:100%; letter-spacing:-0.5pt;}

.white-popup2 .mpbox .map{position: relative; overflow:hidden; background:#f0f0f0; padding:20px;}
.white-popup2 .mpbox .map .map_img{text-align:center;}
.white-popup2 .mpbox .map .t_warp{margin-top:20px;}

.white-popup2 .mpbox .t_box{position: relative; overflow:hidden;margin-top:30px;}
.white-popup2 .mpbox .t_box .one{float:left; width:49%; margin-right:2%;}
.white-popup2 .mpbox .t_box .two{float:left; width:49%; }



/***** À¯Åë»ê¾÷ ****/
.distribution_con{position:relative; overflow:hidden;}
.distribution_con .con1{position:relative; overflow:hidden;}
.distribution_con .con1 .info dl{border:10px solid #f0f0f0;  box-sizing: border-box; position:relative; overflow:hidden;background:#f0f0f0;}
.distribution_con .con1 .info dt{background:#fff; padding:28px; font-size:15px; line-height:24px; letter-spacing:-0.5pt; }
.distribution_con .con1 .info dd{text-align:center; padding:25px 0 15px 0}

.distribution_con .con2{position:relative; overflow:hidden;}
.distribution_con .con2 .info .plusbox{margin-bottom:25px; position:relative; overflow:hidden; border:1px solid #ddd; box-sizing: border-box; text-align:center; padding:30px 0; background:url('/business/img/distribution_img12.gif') bottom center no-repeat;}
.distribution_con .con2 .info .plusbox p{font-size:15px; color:#2d3133; line-height:24px;  letter-spacing:-0.5pt;  position: absolute; bottom:0px; width:100%; -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.distribution_con .con3{position:relative; overflow:hidden;}
.distribution_con .con3 .info dl{position:relative; overflow:hidden;}
.distribution_con .con3 .info dt{}
.distribution_con .con3 .info dd{border:1px solid #ddd; border-top:1px solid #ddd; padding:30px; font-size:15px; color:#666; line-height:24px;  letter-spacing:-0.5pt;}

.distribution_con .con4{position:relative; overflow:hidden;}
.distribution_con .con4 .info{background:#f0f0f0; text-align:center;}
.distribution_con .con4 .info .imgbox{padding:40px; text-align:center;}
.distribution_con .con4 .info .imgbox p{font-size:15px; color:#2d3133; margin-top:20px;letter-spacing:-0.5pt; }

.distribution_con .con5{position:relative; overflow:hidden;}
.distribution_con .con5 .info ul{border-top:1px solid #ddd; border-right:1px solid #ddd;  box-sizing: border-box; position:relative; overflow:hidden;}
.distribution_con .con5 .info li{width:33.3%; height:135px; position:relative; text-align:center; float:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd;  box-sizing: border-box; }
.distribution_con .con5 .info li.one{background:url('/business/img/distribution_img06.gif') center no-repeat;}
.distribution_con .con5 .info li.two{background:url('/business/img/distribution_img07.gif') center no-repeat;}
.distribution_con .con5 .info li.three{background:url('/business/img/distribution_img08.gif') center no-repeat;}
.distribution_con .con5 .info li.four{background:url('/business/img/distribution_img09.gif') center no-repeat;}
.distribution_con .con5 .info li.five{background:url('/business/img/distribution_img10.gif') center no-repeat;}
.distribution_con .con5 .info li.six{background:#f0f0f0;}

.distribution_con .con6{position:relative; overflow:hidden;}
.distribution_con .con6 .info dl{position:relative; overflow:hidden;}
.distribution_con .con6 .info dd{position:relative; overflow:hidden; border:1px solid #ddd; padding:30px;}
.distribution_con .con6 .info dd .one{position:relative; overflow:hidden;width:48%; float:left; margin-right:2%}
.distribution_con .con6 .info dd .two{position:relative; overflow:hidden;width:48%; float:left; }

.distribution_con .con7{position:relative; overflow:hidden;}
.distribution_con .con7 ul{position:relative; overflow:hidden;}
.distribution_con .con7 li{float:left;width:49.5%; margin-right:1%; margin-bottom:1%;}
.distribution_con .con7 li:nth-child(2n){margin-right:0}

.distribution_con .mob{display:none;}


/* ¾Æ¶óŬ·´¸ô */
.aramall_con {}
.aramall_con h4.sub_title span {display:block; margin-top:20px; font-size:15px; color:#2d3133;}
.aramall_con .border_box {border:1px solid #ddd; border-bottom:none; box-sizing:border-box; padding:30px 0;}
.aramall_con .border_box:last-child {border-bottom:1px solid #ddd; }
.aramall_con .border_box.borderbottom {border-bottom:1px solid #ddd; }
.aramall_con .border_box.graybg {background:#f9f9f9}
.aramall_con h6.sstit {line-height:110%; margin-bottom:32px; font-size:20px; letter-spacing:-0.5pt; color:#2d3133; font-weight:100; font-family:'NotoKR-Regular', sans-serif; padding:0 30px; text-align:left;}
.aramall_con .con4 .info {background:#fff; text-align:left}
.aramall_con .con4.mlusso .border_box {padding:30px}
.aramall_con .con4.mlusso h6.sstit {padding:0}
.aramall_con .con4.mlusso dt img {width:100%}
.aramall_con .con4.mlusso dd {border-bottom:0; background:url('/business/img/mlusson_logo.gif') right bottom no-repeat; padding:30px 30px 70px 30px}
.aramall_con .con4.mlusso h6.sstit {margin-bottom:18px;}
.aramall_con .con4.mlusso p.ss_stit {text-align:left; font-size:15px; letter-spacing:-0.5pt; line-height:25px; margin-bottom:28px}
.aramall_con .con4.mlusso .txt {text-align:left}
.aramall_con .con4.mlusso .txt:last-child {margin-bottom:0}
.aramall_con .con4.mlusso .txt span {color:#2d3133}
.aramall_con .moreBtn {position:relative; overflow:hidden;}

.aramall_con .moreBtn a.exchange {padding-left:95px; background:url('/business/img/araexchange.gif') left 20px center no-repeat;}
.aramall_con .moreBtn a {display:inline-block; width:24%; height:57px; line-height:57px; border-radius:57px; border:1px solid #ddd; color:#2d3133; font-size:15px; letter-spacing:-0.5pt; background:url('/business/img/ara_mall_more.gif') left 23px center no-repeat; padding-left:90px; box-sizing:border-box; transition: all 0.3s ease-out;}
.aramall_con .moreBtn a.bms {padding-left:95px; background:url('/business/img/bms_more.gif') left 20px center no-repeat;}
.aramall_con .moreBtn a:hover {color:#3177d4; transition: all 0.3s ease-out;}
.aramall_con .moreBtn a.blockmaster {padding-left:95px; background:url('/business/img/blockmaster_more.gif') left 20px center no-repeat;}

/* Ç×°ø±â ºÎÇ° »ý»ê ¹× ¼±¹Ú ¼ö¸® */
.plane_con{position:relative; overflow:hidden;}
.plane_con .con1{position:relative; overflow:hidden;}
.plane_con .con1 dl{position:relative; overflow:hidden;}
.plane_con .con1 dd{box-sizing: border-box; border:1px solid #ddd; border-top:none; padding:30px 30px 20px 30px;}

.blue_txt{font-size:15px; color:#3177d4; line-height:100%; letter-spacing:-0.5pt; margin-bottom:10px;}



/* ¿¹¼úÇ° ºÐÇÒ°Å·¡ */
.art_con{position:relative; overflow:hidden;}
.art_con .con1{position:relative; overflow:hidden; text-align:center;}
.art_con h4{margin-bottom:15px}
.art_con .con1 .img{background:#f2f2f2; text-align:center;}
.art_con .con2{position:relative; overflow:hidden; }
.art_con .con2 .pic{text-align:center; box-sizing: border-box; border:1px solid #ddd; padding:40px 30px 0 30px}
.art_con .con2 .pic p{text-align:center; }
.art_con .con3{position:relative; overflow:hidden;}
.art_con .con3 .info{position:relative; overflow:hidden; box-sizing: border-box; border:1px solid #ddd;}
.art_con .con3 .info ul{position:relative; overflow:hidden;}
.art_con .con3 .info li{float:left; width:50%; padding:40px 0 0 0; text-align:center;}
.art_con .con3 .info li:nth-child(1){border-right:1px solid #ddd; box-sizing: border-box;}

.art_con .stitle1{font-family:NotoKR-Bold; margin-bottom:30px}


/* ¹«ÀÎÈ­ ¸ÅÀå */
.unmanned_con{position:relative; overflow:hidden;}
.unmanned_con .con1{position:relative; overflow:hidden;}
.unmanned_con .con1 .info dl{position:relative; overflow:hidden;}
.unmanned_con .con1 .info dt{background:#f0f0f0; padding:30px;  letter-spacing:-0.5pt; font-size:15px; line-height:24px;}

.unmanned_con .con2{position:relative; overflow:hidden;}
.unmanned_con .con2 .info dl{position:relative; overflow:hidden; box-sizing: border-box; border:10px solid #f0f0f0;  border-top:none;}
.unmanned_con .con2 .info dt{padding:30px 20px 30px 20px ;  background:#f0f0f0 ;letter-spacing:-0.5pt; font-size:15px; line-height:24px;}
.unmanned_con .con2 .info dd{text-align:center; padding:35px 35px 0 35px}

.unmanned_con .con3{position:relative; overflow:hidden;}
.unmanned_con .con3 .info dl{position:relative; overflow:hidden;}
.unmanned_con .con3 .info dt{background:#f0f0f0; padding:30px;  letter-spacing:-0.5pt; font-size:15px; line-height:24px;}
.unmanned_con .con3 .info dd{background:#000; text-align:center; padding:30px}
.unmanned_con .con3 .info dd .wtxt{margin-top:20px; color:rgba(255,255,255,0.8); text-align:left; letter-spacing:-0.5pt; font-size:15px; line-height:24px;}

.unmanned_con .mob{display:none;}


/* ¸íÇ° Àü¿ë ¿ÀǸ¶ÄÏ */
.openmarket_con{position:relative; overflow:hidden;}
.openmarket_con .con1{position:relative; overflow:hidden;}
.openmarket_con .con1 dl{position:relative; overflow:hidden;}
.openmarket_con .con1 dd{letter-spacing:-0.5pt; font-size:15px; line-height:24px; overflow:hidden; box-sizing: border-box; border:1px solid #ddd;  border-top:none; padding:30px;}

.openmarket_con .con2{position:relative; overflow:hidden;}
.openmarket_con .con2 .info{border:1px solid #ddd ; box-sizing: border-box; padding:40px }

.openmarket_con .con3{position:relative; overflow:hidden;}
.openmarket_con .con3 .info .pic{background:#f0f0f0; padding:40px; text-align:center;}

.openmarket_con .con4{position:relative; overflow:hidden;} 
.openmarket_con .con4 dl{position:relative; overflow:hidden;}
.openmarket_con .con4 dd{border:1px solid #ddd ; box-sizing: border-box; border-top:none; padding:30px}
.openmarket_con .con4 .txt{ letter-spacing:-0.5pt; font-size:15px; line-height:24px; margin-bottom:15px;}
.openmarket_con .con4 .txt2{letter-spacing:-0.5pt; font-size:15px; line-height:24px; margin-bottom:15px; color:#2d3133}

.openmarket_con  .mob{display:none;}








/* ÁغñÁß */
.ready_cont{text-align:Center; padding:150px 0; background:#f9f9f9;}
.ready_cont dt{font-family:'Noto Sans KR', sans-serif; font-weight:700; line-height:120%; font-size:55px; padding-bottom:20px; color:#3177d4;}
.ready_cont dt span{color:#444; line-height:120%; font-family:'Noto Sans KR', sans-serif; font-weight:300; }
.ready_cont dd{letter-spacing:-0.5pt; line-height:130%; color:#888; font-size:14px;}




/*******************************************************************************
	@media 981px~1199px
*******************************************************************************/
@media all and (max-width:1199px){

#wrap { min-width:auto; }

.contentArea{width:96%;}
.contentArea2{width:96%;}
.contents_in {width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto; padding:20px 0 0 0; }


h4.sub_title{font-size:24px}
h4.sub_title span.engt{font-size:24px}
h4.engtitle{font-size:30px}
.contentArea{margin:0 auto 60px auto}


.table_style7 th{font-size:13px; padding:5px}
.table_style7 td{font-size:13px; padding:5px}


/* ±¹³» ³×Æ®¿öÅ©  */
.network_con.domestic .map {height:655px}
.network_con.domestic .map dl {border:1px solid #ddd; background:#fff; padding:25px 1% 25px 20px; height:165px; width:290px }
.network_con.domestic .map dt {font-size:15px;}
.network_con.domestic .map dd {font-size:13px; line-height:20px;}
.network_con.domestic .map dd.address { margin:8px 0 8px 0}
.network_con.domestic .map dd p {}

/*.network_con.domestic .map dl.one {top:140px; left:62px;}
.network_con.domestic .map dl.two {top:315px; left:62px;}
.network_con.domestic .map dl.three {top:140px; right:62px;}
.network_con.domestic .map dl.four {top:315px; right:62px;}
.network_con.domestic .map dl.five {bottom:0; right:130px;}*/




/*1007버튼 css추가*/
.aramall_con .moreBtn a {display:inline-block; width:23.5%; height:57px; line-height:57px; border-radius:57px; border:1px solid #ddd; color:#2d3133; font-size:15px; letter-spacing:-0.5pt; background:url('/business/img/ara_mall_more.gif') left 23px center no-repeat; padding-left:90px; box-sizing:border-box; transition: all 0.3s ease-out;}
.aramall_con .moreBtn a.bms {padding-left:95px; background:url('/business/img/bms_more.gif') left 20px center no-repeat;}
.aramall_con .moreBtn a:hover {color:#3177d4; transition: all 0.3s ease-out;}
.aramall_con .moreBtn a.blockmaster {padding-left:95px; background:url('/business/img/blockmaster_more.gif') left 20px center no-repeat;}



/***** SOC »ê¾÷ ****/
.info{width: calc(100% - 280px);}
.titlebox{width:280px}

/* ¸Å¸³°ø»ç */
.reclamation_con .con1 .abs img{width:200px}
 

.reclamation_con .con5 .info li a{background-size: 20px; width: 40px; height: 40px;}
.reclamation_con .con5 .info li.one img{max-width:226px; width:100%}
.reclamation_con .con5 .info li.two img{max-width:234px; width:100%}


/* LNG ¹ßÀü¼Ò */
.lnb_con .con1 .info .img img{width:200px}


/* ½º¸¶Æ® ½ÃƼ */
.smart_con .con1 .incon1 .one{padding:0 20px}
.white-popup2 .mpbox .map .map_img{width:80%; margin: 0 auto}


.white-popup2{margin:10px auto;}
.white-popup2 .mpbox{padding:20px}
.white-popup2 .mpbox .pic_list li div{font-size:14px; padding:12px 0}
.white-popup2 .mpbox .t_box{margin-top:20px;}
.white-popup2 .mpbox .pic_list{margin-top:20px;}
.mfp-close{width:35px !important; line-height:35px !important; height:35px !important;}
button.mfp-close, button.mfp-arrow{background-size:15px;}
.white-popup2 .mpbox .map{padding:10px}

/***** À¯Åë»ê¾÷ ****/
.distribution_con .con1 .info dt .none{display:none;}
.distribution_con .con1 .info dd{padding:25px 10px 15px 10px}

.distribution_con .con2 .info .plusbox p{position: relative;}
.distribution_con .con2 .info .plusbox{padding:30px 0 0 0}

.distribution_con .con5 .info li{height:110px}
.distribution_con .con5 .info li.one{background-size:80%}
.distribution_con .con5 .info li.two{background-size:60%}
.distribution_con .con5 .info li.three{background-size:60%}
.distribution_con .con5 .info li.four{background-size:70%}
.distribution_con .con5 .info li.five{background-size:60%}


/* ¿¹¼úÇ° ºÐÇÒ°Å·¡ */
.art_con .con3 .info li img{width:90%}

/* ¹«ÀÎÈ­ ¸ÅÀå */
.unmanned_con .tnone{display:none;}


/* ¸íÇ°Àü¿ë ¿ÀǸ¶ÄÏ */
.openmarket_con .tnone{display:none;}


}

/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){



#visual{height:320px}
#visual2{height:320px}
#visual2 .subtop_txt{margin-top:155px;}
.subtop_txt{margin-top:140px;}
.subtop_txt h2{font-size:30px}
.subtop_txt p{font-size:18px; margin-top:15px;}

.lnb_pc{display:none;}
.lnb_mobile{display:block; background:rgba(0,0,0,0.2); position:relative;  border-top: 1px solid rgba(255,255,255,0.4); top:-61px;}

.lnbMenu{ box-sizing: border-box;}
/**  dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { background-color:#fff; max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }


.mobile_snb {display: block; max-width:1170px; margin:0 auto; height:60px;}
.mobile_snb h2 {float:left; background:#fff; border-left:1px solid #ddd}
.mobile_snb h2 a {display:block; width:62px; height:60px; border-right:1px solid #ddd;}
.mobile_snb .box {width:50%; float:left; height: 60px; box-sizing:border-box; border-right: 1px solid rgba(255,255,255,0.4);;} /* background-color: #fff;  */
.mobile_snb .box.dep1 {/*background-color: #003591;*/}
.mobile_snb .box.dep1 .dropLst {margin-top:-50px;}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:20px; width:100%; height:60px; line-height: 60px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color: rgba(255,255,255,0.7);;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width: 11px; height: 8px; margin-top:-4px; background: url("../img/sub/icons.png") no-repeat left bottom; background-size:26px auto; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #fff;} /* background-color: #003591; */
.mobile_snb .box.dep1 .dropLst ul li:first-child {}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#212121;}
.mobile_snb .box.dep1 .dropLst .txt {color: rgba(255,255,255,0.7);} /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:bottom left;} 

.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #fff;} /*background-color: #fff;*/
.mobile_snb .box.dep2 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#212121;} /*color:#00aeef;*/
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:100%; left: 0;}
.mobile_snb .dropLst .dlst ul {border:1px solid #ddd; border-top:none;;}


.mobile_snb .box.dep3 .dropLst ul,
.mobile_snb .box.dep3 .dropLst ul li  {background-color: #f9f9f9; border-bottom:1px solid #ddd;}
.mobile_snb .box.dep3 .dropLst li .value {padding-left:20px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;} 
.mobile_snb .box.dep3 .dropLst li .value.on {color:#fff;  background:#666;}
/* ---- */



#contents .tit_area{padding:0 0 2rem 0}
#contents h3.title{font-size:30px;}
.contentArea2{width:96%; margin-top:0}
.contentArea{width:96%;}


.table_style1 th{font-size:14px; padding:10px;}
.table_style1 td{font-size:14px; padding:10px;}

.table_style6 th{font-size:14px; padding:8px;}
.table_style6 td{font-size:14px; padding:8px;}

.bmar_90{margin-bottom:60px}

#contents h4.consub_tit {font-size:25px; margin-bottom:30px}
h4.sub_title{font-size:22px;}
h4.sub_title span.engt{font-size:22px;}
h4.sub_title .none{display:none;}
h4.engtitle{font-size:28px}
p.stitle_sub{font-size:14px;}
p.stitle_sub .none{display:none;}
p.stitle1{font-size:18px}


.scate_tab{margin-bottom:50px}
.scate_tab2{margin-bottom:50px}
.scate_tab3{margin-bottom:50px}
.scate_tab5{margin-bottom:50px}

/* ±Û·Î¹ú ³×Æ®¿öÅ© */
.network_con ul{display:block; overflow: hidden; position: relative;}
.network_con ul li{box-sizing: border-box; padding:15px; border:1px solid #ddd; margin-bottom:1%;    border-radius: 5px;}
.network_con ul li.two:nth-child(1){width:49.5%; float:left;}
.network_con ul li.two:nth-child(2){width:49.5%; float:right;}
.network_con ul li:nth-child(3){width:49.5%; float:left;}
.network_con ul li:nth-child(4){width:49.5%; float:right;}
.network_con ul li p{font-size:16px; color:#333; font-family:NotoKR-Bold; line-height:100%; letter-spacing:-0.5px; text-align:center;}
.network_con ul li p span{font-family:'Noto Sans KR', sans-serif; font-size:13px; padding-left:5px;}
.network_con ul dl{overflow: hidden; position: relative; margin-top:5px; text-align:center;}
.network_con ul dt{display:inline-block; color:#666; font-size:14px; line-height:20px; letter-spacing:-0.5px;margin-right:10px;}
.network_con ul dt:last-child{margin-right:0}
.network_con ul dt span{border-radius:50px; border:1px solid #ddd;  width:35px; height:35px; display:block; margin:0 auto 5px auto;}
.network_con ul dt .icon1{background:url('/information/img/gl_icon01.gif') center no-repeat; background-size:20px;} 
.network_con ul dt .icon2{background:url('/information/img/gl_icon02.gif') center no-repeat; background-size:20px; }
.network_con ul dt .icon3{background:url('/information/img/gl_icon03.gif') center no-repeat; background-size:20px; }
.network_con ul dt .icon4{background:url('/information/img/gl_icon04.gif') center no-repeat; background-size:16px;} 
.network_con ul dt .icon5{background:url('/information/img/gl_icon05.gif') center no-repeat; background-size:20px;}
.network_con ul dt .icon6{background:url('/information/img/gl_icon06.png') center no-repeat; background-size:20px;} 
.network_con ul dt .icon7{background:url('/information/img/gl_icon07.png') center no-repeat; background-size:20px;}  
.network_con .pglo{display:none;}
.network_con .pglo2{display:block; margin-bottom:40px;}

.network_con .net_top{padding:50px 30px}
.network_con .net_top .nettxt{font-size:14px;}
.network_con .net_top .nettxt .none{display:none;}

/* ±¹³» ³×Æ®¿öÅ©  */
.network_con.domestic .map {background:none; height:auto; }
.network_con.domestic .map .map_m {display:block; margin:0 auto; width:45%}
.network_con.domestic .map .domesticmap_txt {margin-top:20px;}
.network_con.domestic .map dl {position:relative; float:left; width:49.75%; margin:0 0.5% 0.5% 0; padding:20px 1% 20px 15px; height:180px;}
.network_con.domestic .map dl:nth-child(2n) {margin-right:0}
/*.network_con.domestic .map_test dl:nth-child(6) ~ dl {width:49.75%}*/
/*.network_con.domestic .map_test dl:last-child {margin-right:0}*/
.network_con.domestic .map dt {font-size:15px;}

.network_con.domestic .map dd {font-size:13px; line-height:20px;}
.network_con.domestic .map dd.address { margin:8px 0 8px 0}
.network_con.domestic .map dd.address br {display:none;}
.network_con.domestic .map dd p {padding-left:50px}

.network_con.domestic .map dl.one {top:auto; left:auto;}
.network_con.domestic .map dl.two {top:auto; left:auto;}
.network_con.domestic .map dl.three {top:auto; left:auto;}
.network_con.domestic .map dl.four {top:auto; left:auto;}
.network_con.domestic .map dl.five {top:auto; left:auto;}
.network_con.domestic .map dl.six {top:auto; right:auto;}
.network_con.domestic .map dl.seven {top:auto; right:auto;}
.network_con.domestic .map dl.eight {top:auto; right:auto;}
.network_con.domestic .map dl.nine {top:auto; right:auto;}
.network_con.domestic .map dl.ten {top:auto; right:auto;}


/***** SOC »ê¾÷ ****/
.info{float:none; width:100%}
.titlebox{float:none; width:100%; margin-bottom:15px;}

.dep_list li{font-size:14px}



/* ¸Å¸³°ø»ç */
.reclamation_con .con1 .abs img{display:none;}
.reclamation_con .con1 .info dl{padding:15px 0 0 0 }
.reclamation_con .con1 .info dt{font-size:14px;}
.reclamation_con .con1 .info dd{font-size:14px; margin-left:20px; width: calc(100% - 100px);}

.reclamation_con .con3 .info dl{margin:15px 0 20px 0}
.reclamation_con .con3 .info dt{font-size:14px}
.reclamation_con .con3 .info dd{font-size:14px}

.reclamation_con .con4 .gram{padding:30px 20px}
.reclamation_con .con4 .txtbox{padding:20px}



/* lNG ¹ßÀü¼Ò */
.lnb_con h4{margin-bottom:10px}

.lnb_con .con1 .info .img{top:30px}
.lnb_con .con1 .info{padding:20px;}

.lnb_con .con2 dd{font-size:14px; padding:12px}

.lnb_con .con3{background:none; padding-top:60px;}

.lnb_con .con4 .info dd{padding:20px}
.lnb_con .con3 .info .img p{font-size:18px}

/* ½º¸¶Æ® ½ÃƼ */
.smart_con .con0 .num_list{padding:15px}
.smart_con .con0 .num_list li{width:49%; margin-right:2%;}
.smart_con .con0 .num_list li:nth-child(2n){margin-right:0}
.smart_con .con0 .num_list li:nth-child(2n+1){clear:left;}
.smart_con .con0 .num_list li .tit{font-size:13px; line-height:18px}
.smart_con .con0 .num_list li .num span{font-size:9px; width:20px; line-height:18px; height:18px}
.smart_con .con1 .incon1{display:block;}
.smart_con .con1 .incon1 .one{padding:20px}
.smart_con .con1 .incon1 .two{width:100%; display:block}
.smart_con .con1 .tbox{padding:20px}
.smart_con .con1 .stitle_sub{margin-bottom:15px;}
.smart_con .con2 dd{padding:20px;}
.smart_con .con3 li div{font-size:14px}

.white-popup2 .mpbox .pic_list li div{font-size:13px; padding:10px 0}

/***** À¯Åë»ê¾÷ ****/
.distribution_con .con1 .info dt{padding:20px; font-size:14px;}
.distribution_con .con2 .info .plusbox p{font-size:14px}
.distribution_con .con2 .info .plusbox{margin-bottom:20px}
.distribution_con .con3 .info dd{padding:20px; font-size:14px;}
.distribution_con .con4 .info .imgbox p{font-size:14px}
.distribution_con .con6 .info dd{padding:20px;}
.distribution_con .con5 .info li{height:110px}
.distribution_con .con4 .info .imgbox{padding:30px 20px}
.distribution_con .con6 .info dd .one{width:100%; float:none; margin-right:0}
.distribution_con .con6 .info dd .two{width:100%; float:none; margin-top:20px;}


/* ¾Æ¶óŬ·´¸ô */
.aramall_con h4.sub_title span {margin-top:0; margin-left:15px; font-size:13px; display:inline-block;}
.aramall_con .border_box {border:1px solid #ddd; border-bottom:none; box-sizing:border-box; padding:20px 0;}
.aramall_con h6.sstit {margin-bottom:25px; font-size:16px;padding:0 20px;}
.aramall_con .con4.mlusso .border_box {padding:20px}
.aramall_con .con4.mlusso .txt {line-height:20px}
.aramall_con .con4.mlusso dd {padding:20px; background:none;}
.aramall_con .con4.mlusso h6.sstit {margin-bottom:15px;}
.aramall_con .con4.mlusso p.ss_stit {font-size:13px; line-height:20px; margin-bottom:22px}
.aramall_con .moreBtn a {margin-top:10px;float:left; width:99.5%; margin-right:0.5%; display:block; height:50px; line-height:50px; border-radius:50px; font-size:13px;background:url('/business/img/ara_mall_more.gif') left 12px center no-repeat; padding-left:60px; background-size:30px auto; transition: all 0.3s ease-out;}
.aramall_con .moreBtn a.bms {margin-right:0; padding-left:72px; background:url('/business/img/bms_more.gif') left 12px center no-repeat;}
.aramall_con .moreBtn a.blockmaster {margin-right:0; padding-left:72px; background:url('/business/img/blockmaster_more.gif') left 8px center no-repeat;}



/* Ç×°ø±â ºÎÇ° »ý»ê ¹× ¼±¹Ú ¼ö¸® */
.plane_con .con1 dd{padding:20px 30px 10px 20px}
.blue_txt{font-size:14px}


/* ¿¹¼úÇ° ºÐÇÒ°Å·¡*/
.art_con .con2 .pic{padding:20px 20px 0 20px}
.art_con .con3 .info li{padding-top:20px;}
.art_con .stitle1{margin-bottom:20px}

/* ¹«ÀÎÈ­ ¸ÅÀå */
.unmanned_con .con1 .info dt{font-size:14px; padding:20px; line-height:22px}
.unmanned_con .con2 .info dt{padding:20px 10px; font-size:14px; line-height:22px; }
.unmanned_con .con2 .info dd{padding:25px 25px 0 25px}
.unmanned_con .con3 .info dt{font-size:14px; padding:20px; line-height:22px}
.unmanned_con .con3 .info dd .wtxt{font-size:14px; line-height:22px}

/* ¸íÇ° Àü¿ë ¿ÀǸ¶ÄÏ */
.openmarket_con .con1 dd{font-size:14px;  padding:20px; line-height:22px}
.openmarket_con .con4 dd{font-size:14px;  padding:20px; line-height:22px}
.openmarket_con .con2 .info{padding:20px}
.openmarket_con .con3 .info .pic{padding:20px}
.openmarket_con .con4 .txt{font-size:14px;  line-height:22px}
.openmarket_con .con4 .txt2{font-size:14px;  line-height:22px}







/************************ »çÀÌÆ®¸Ê ************************/

.sitemap ul.one{margin-bottom:0;}
.sitemap ul li{float:left; width:48.5%; margin-right:3%; margin-bottom:5%;}
.sitemap ul li:nth-child(2n){margin-right:0;}
.sitemap dt{font-size:14px;}
.sitemap dd a.tit{font-size:13px;}
.sitemap dd .grey p a{font-size:13px}	


/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.policy_con{font-size:13px; letter-spacing:-0.3pt;}
.privacy_list li{width:100%}
p.cont_tit{font-size:15px; letter-spacing:-0.5pt;}
.cont_txt2{font-size:14px}
.email_con{padding:5%; font-size:13px; letter-spacing:-0.3pt;}





}


/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


#visual{height:280px}
#visual2{height:280px}
#visual2 .subtop_txt{margin-top:120px}
	.subtop_intr{background:url('../img/sub/subtop_intr_m.jpg') center 0 no-repeat;}
	.subtop_prod{background:url('../img/sub/subtop_prod_m.jpg') center 0 no-repeat;}
	.subtop_tech{background:url('../img/sub/subtop_tech_m.jpg') center 0 no-repeat;}
	.subtop_sitemap{background:url('../img/sub/subtop_sitemap_m.jpg') center 0 no-repeat;}
.subtop_txt h2{font-size:24px;}
.subtop_txt p{font-size:15px}
.subtop_txt{margin-top:120px}

.contentArea2{width:94%; }
.contentArea{width:94%;margin:0 auto 60px auto}

#contents h3.title{font-size:26px}
#contents .tit_area{padding:0 0 2rem 0}

.lnb_mobile{top:-51px}
.mobile_snb{height:50px}
.mobile_snb h2{display:none;}
.mobile_snb .box{width:50%; height:50px}
.mobile_snb .dropLst .dlst{width:100%; left:0}
.mobile_snb .dropLst .dlst ul{border:none;border-bottom:1px solid #ddd;}
.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a{font-size:14px; height:50px; line-height:50px}
.mobile_snb .box.dep1 .dropLst li .value{font-size:14px; line-height:46px; height:46px}
.mobile_snb .box.dep2 .dropLst li .value{font-size:14px; line-height:46px; height:46px}


/* 3차 메뉴 탭 */
.scate_tab{ margin-bottom:30px; padding:13px 0 13px 0;}
.scate_tab a{font-size:13px; letter-spacing:-0.5pt; }
.scate_tab a span{color:#3177d4; letter-spacing:-0.5pt;  border-bottom: 5px solid #3177d4; padding:0 5px 0 5px;}

.scate_tab2{ margin-bottom:30px; padding:13px 0 13px 0;}
.scate_tab2 a{font-size:13px; letter-spacing:-0.5pt; margin-bottom:3px;margin-top:3px; }
.scate_tab2 a.on{padding-bottom:8px; }

.scate_tab5{ margin-bottom:30px; padding:13px 0 13px 0;}
.scate_tab5 a{font-size:13px; letter-spacing:-0.5pt; margin-bottom:3px;margin-top:3px; }
.scate_tab5 a.on{padding-bottom:8px; }


.scate_tab3{ margin-bottom:30px; padding:13px 0 0 0;}
.scate_tab3 a{font-size:13px; letter-spacing:-0.5pt; }
.scate_tab3 a.on{padding-bottom:8px; }


#contents h4.consub_tit {font-size:22px; margin-bottom:20px}
h4.sub_title{font-size:20px}
h4.sub_title span.engt{font-size:20px}
h4.engtitle{font-size:24px}
p.stitle_sub{font-size:13px; line-height:20px;}
p.stitle1{font-size:16px; margin-bottom:5px}



.bmar_90{margin-bottom:50px}
.bmar_30{margin-bottom:20px}

.table_style1 th{font-size:13px;}
.table_style1 td{font-size:13px}
.table_style1 th sup{font-size:9px}

.table_style6 th{padding:5px 8px; font-size:12px}
.table_style6 td{padding:5px 8px; font-size:12px}

.page_num ul.pagination li a{font-size:11px; padding:4px 8px;}





/***** SOC »ê¾÷ ****/
.dep_list li{font-size:13px; line-height:20px; margin-bottom:2px}
.small_txt{font-size:12px; line-height:20px; margin-top:3px}

/* ¸Å¸³°ø»ç */
.reclamation_con h4{margin-bottom:5px; line-height:1.2}
.reclamation_con .con1 .info dt{font-size:13px; line-height:20px; margin-bottom:5px}
.reclamation_con .con1 .info dd{font-size:13px; line-height:20px; margin-bottom:5px}

.reclamation_con .con3 .info dt{font-size:13px; line-height:20px; margin-bottom:5px; float:none; width:100%}
.reclamation_con .con3 .info dd{font-size:13px; line-height:20px; margin-bottom:5px; float:none; width:100%}
.reclamation_con .con3 .info dt span{width:10px; height:10px}

.reclamation_con .pc_table{display:none;}
.reclamation_con .m_table{display:block;}
.reclamation_con .pc{display:none;}
.reclamation_con .mob{display:block;}


.reclamation_con .con5 .info li{width:100%; float:none;}
.reclamation_con .con5 .info li.one{border-bottom:1px solid #ddd;; border-right:none;}
.reclamation_con .con5 .info li.one img{width:50%}
.reclamation_con .con5 .info li.two img{width:50%}


/* LNG ¹ßÀü¼Ò*/
.lnb_con .con1 .info .img{display:none;}
.lnb_con .con2 dd{padding:10px; font-size:13px}
.lnb_con .con3 .info .img p{font-size:16px}
.lnb_con .con3 .info dt{width:120px}
.lnb_con .con3 .info dd{margin-top:20px; width: calc(100% - 140px); margin-left:20px}
.lnb_con .con3 .info .img{padding:20px}


/* ½º¸¶Æ® ½ÃƼ */
.smart_con .con3 li{width:50%; }
.smart_con .con3 li div{font-size:13px; padding:15px 6%; background-size:13px}
.smart_con .con3 li:hover div{ background-size:13px}
.white-popup2 .mpbox .pic_list li div{position: relative; background:#333; font-size:12px; padding:8px 0}

/***** À¯Åë»ê¾÷ ****/
.distribution_con .con1 .info dt{font-size:13px; line-height:22px;}
.distribution_con .con2 .info .plusbox p{font-size:13px; line-height:22px; margin-top:20px;}
.distribution_con .con2 .info .plusbox{padding:20px 0 0 0; margin-bottom:15px}
.distribution_con .con3 .info dd{font-size:13px; line-height:22px}
.distribution_con .con4 .info .imgbox p{font-size:13px;}

.distribution_con .con5 .info li{height:80px}

.distribution_con .pmob{display:none;}
.distribution_con .mob{display:block;}

/* Ç×°ø±â ºÎÇ° »ý»ê ¹× ¼±¹Ú ¼ö¸® */

.blue_txt{font-size:13px}

/* ¿¹¼úÇ° ºÐÇÒ°Å·¡ */
.art_con h4{margin-bottom:10px}
.art_con .con3 .info li{width:100%}
.art_con .con3 .info li:nth-child(1){border-right:0; border-bottom:1px solid #ddd;}


/* ¹«ÀÎÈ­ ¸ÅÀå */
.unmanned_con .con1 .info dt{font-size:13px}
.unmanned_con .con2 .info dt{font-size:13px}
.unmanned_con .con3 .info dt{font-size:13px;}
.unmanned_con .con3 .info dd{padding:25px}
.unmanned_con .con3 .info dd .wtxt{font-size:13px;}

.unmanned_con .con3 .info dd{padding:20px}
.unmanned_con .pmob{display:none;}
.unmanned_con .mob{display:block;}



/* ¸íÇ°Àü¿ë ¿ÀǸ¶ÄÏ */
.openmarket_con .con1 dd{font-size:13px;}
.openmarket_con .con4 .txt{font-size:13px}
.openmarket_con .con4 .txt2{font-size:13px; margin-bottom:10px}

.openmarket_con  .pmob{display:none;}
.openmarket_con  .mob{display:block;}



/* ÁغñÁß */
.ready_cont{padding:80px 0;}
.ready_cont dt{font-size:34px;}


/* ±Û·Î¹ú ³×Æ®¿öÅ© */
.network_con .net_top .nettxt{font-size:13px; line-height:22px}

}




/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

#visual{height:250px}
#visual2{height:250px}
#visual2 .subtop_txt{margin-top:110px}
.subtop_txt h2{font-size:23px;}
.subtop_txt p{font-size:14px}
.subtop_txt{margin-top:110px}


#contents h3.title{font-size:22px}
#contents .tit_area{padding:0 0 1.5rem 0}

#contents h4.consub_tit {font-size:20px;}
h4.sub_title{font-size:18px; letter-spacing:-1pt;}
h4.sub_title span.engt{font-size:18px;}
h4.engtitle{font-size:22px}
p.stitle1{font-size:15px}



/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.cont_txt2{font-size:13px;}



/* »ç¾÷ºÐ¾ß */
/* LNG ¹ßÀü¼Ò */
.lnb_con .con3 .info dt{width:80px;}
.lnb_con .con3 .info dd{margin-top:0; width: calc(100% - 90px); margin-left:10px;}
.lnb_con .con3 .info .img p{font-size:14px; margin-bottom:15px}

/* À¯Åë»ç¾÷ */
.distribution_con .con5 .info li{height:60px}









/* ½º¸¶Æ® ½ÃƼ */
.white-popup2 .mpbox .t_box .one{width:100%; margin-right:0}
.white-popup2 .mpbox .t_box .two{width:100%;}
.white-popup2 .mpbox .t_box{margin-top:10px}
.table_style7 td{font-size:12px;}
.table_style7 th{font-size:12px;}
.smart_con .con0 .num_list li .tit{font-size:12px; line-height:16px}
.smart_con .con0 .num_list li{margin-bottom:5px}



/* ÁغñÁß */
.ready_cont{padding:60px 0;}
.ready_cont dt{font-size:30px;}
.ready_cont dd{font-size:13px;}
.small_txt p{font-size:12px; margin-bottom:3px; line-height:16px}


/* ±Û·Î¹ú ³×Æ®¿öÅ© */
.network_con ul li{padding:12px 5px}
.network_con ul dt{margin-right:8px; font-size:11px;}
.network_con ul dt span{border-radius:50px; width:30px; height:30px; display:block; margin:0 auto 5px auto;}
.network_con ul li p{font-size:15px}






}

/*******************************************************************************
	@media ~400px
*******************************************************************************/
@media all and (max-width:400px){




h4.sub_title{font-size:17px;}
h4.sub_title span.engt{font-size:17px;}
h4.engtitle{font-size:18px}

.scate_tab2 a{margin:0 20px 12px 0;}
.scate_tab5 a{margin:0 20px 12px 0;}
.scate_tab3 a{margin:0 20px 0 0;}
.scate_tab2 a:after{right:-10px; height:12px; top:1px}
.scate_tab5 a:after{right:-10px; height:12px; top:1px}
.scate_tab3 a:after{right:-10px; height:12px; top:1px}



.aramall_con .moreBtn a{width:100%; margin-bottom:5px}
}



/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:330px){

/* ¼­ºêÅǸ޴º */



}