@import url("common.css");

#visual{
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    height: 360px;
    padding-top: 145px;
	background-position: center bottom !important;
}



@media all and (max-width: 980px) {
	
	#wrap.subwrap {
		padding-top: 123px;
	}
	
	#visual {
		padding-top: 123px;
		padding-top: 0;
	background-position: center center !important;
	}
}
@media all and (max-width: 680px) {
	#wrap.subwrap {
		padding-top: 103px;
	}
	#visual {
		padding-top: 103px;
		padding-top: 0;
	}
}


	.subtop_thisSite{background:url('/img/subtop_thisSite.jpg') center 0 no-repeat;}
	.subtop_advertisement{background:url('/img/subtop_advertisement.jpg') center 0 no-repeat;}
	.subtop_customer{background:url('/img/subtop_customer.jpg') center 0 no-repeat;}
	.subtop_pr{background:url('/img/subtop_pr.jpg') center 0 no-repeat;}
	.subtop_other{background:url('/img/subtop_other.jpg') center 0 no-repeat;}



#visual .subtop_txt{margin-top:130px}
.subtop_txt{overflow:hidden; position:relative; margin-top:109px}
.subtop_txt .tit{font-size:50px; color:#fff; line-height:130%;  letter-spacing:-5px;font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif;}
.subtop_txt .tit span{line-height:130%;letter-spacing:0; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif;}
.subtop_txt .smt{font-size:15px; color:#fff; line-height:130%; letter-spacing:-0.2pt; font-family: 'S-CoreDream-2ExtraLight';  margin-top:20px;}


#contents{position:relative; margin:0 auto;}

.lnb {position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
	.lnb ul{position:relative; overflow:hidden; max-width:100%; margin:0 auto; text-align:center;}
	/*.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.33333333%;}
	.lnb ul.two li{width:50%;}*/
	.lnb li {position:relative; display:inline-block; text-align:center; width:auto;     padding: 0 15px;}
	.lnb li a{border-bottom: 2px solid transparent; padding: 0 30px; color:#666; font-size:15px; letter-spacing:-0.5pt; display:block; 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 li a:hover{display:block; color:#005dab; text-decoration: none;  }
	.lnb .com_warp li a{padding: 0 10px;}
	.left_linktop{display:block; color:#005dab !important; text-decoration: none;    border-bottom-color: #005dab !important;}

.lnb_mobile{max-width:1170px; display:block; background:#fff;  position:relative;  margin:-30px auto 0 auto}


.lnbMenu{background: #202425;
}
/** 2018.12.17 �߰� - 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:530px; 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; }

/** 2018.12.17 ���� �׺���̼������**/
.mobile_snb {display: block; max-width:1170px; margin:0 auto; height:60px;}
.mobile_snb h2 {float:left; }
.mobile_snb h2 a {display:block; width:60px; height:60px; border-right:1px solid rgba(255,255,255,0.4); background:url('/img/home.png') center no-repeat; background-size:18px;}
.mobile_snb .box {width: 300px; 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 .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:15px; 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:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:15px; display: block; width: 15px; height:9px; margin-top:-4px; background: url("/img/icons.png") no-repeat center center/cover; background-size:100%; -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:15px; 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:#3ca1d9;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; } /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:top left;} /* ù��° ����޴�ȭ��ǥ ��ġ */ /* background-position: 0px 0px */
.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:15px; 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:#202425;} /*color:#00aeef;*/
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:300px;}
.mobile_snb .dropLst .dlst ul {border:1px solid #ddd; }



.contentArea{max-width:1170px;position: relative;  overflow:hidden; margin:80px auto 80px auto;}
.contentArea_wide{width:100%; overflow:hidden; margin-top:80px}
.width1170{max-width:1170px; position: relative;  overflow:hidden; margin:0 auto 120px auto}
.width11702{max-width:1170px; position: relative;  overflow:hidden; margin:0 auto 0 auto}


#contents .tit_area{width:100%; padding:0 0 38px 0; overflow:hidden;}
#contents .tit_area2{position: relative;  overflow:hidden;}
#contents .tit_area2:after{content: ""; display:block; width:1px; height:35px; background:#ddd; margin: 20px auto;}
#contents .tit_area3{padding:0 0 15px 0; overflow:hidden;}
	#contents p.location {float:right; font-size:12px; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:12px; color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin-bottom:2px;}
	 h3.title {text-align:center; color:#333; font-family:'S-CoreDream-6Bold', 'Noto Sans KR',  NanumGothic,'NanumGothic', ��������, NG, sans-serif; font-weight:100;   font-size:38px; line-height:40px; letter-spacing:-2pt;}	

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


/*** ����css ***/
.point_txt{font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  NanumGothic,'NanumGothic', ��������, NG, sans-serif; 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_20{margin-bottom:20px;}
.bmar_30{margin-bottom:30px;}
.bmar_40{margin-bottom:40px;}
.bmar_50{margin-bottom:50px;}
.bmar_120{margin-bottom:120px;}
.tmar_30{margin-top:30px;}
.tmar_40{margin-top:40px;}
.tmar_50{margin-top:50px;}

.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}


.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{font-family:NanumGothic, ��������, NG, Tahoma, Geneva, sans-serif; border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#444; font-weight:600; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd;}
.table_style2 td{font-family:NanumGothic, ��������, NG, Tahoma, Geneva, sans-serif; border-bottom:1px solid #ddd; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd;}


h4.sub_title{font-size:31px; line-height:37px; letter-spacing:-1.5pt; color:#444; font-weight:100;}
 span.title_blue{line-height:37px; letter-spacing:-1.5pt; color:#064e91; font-weight:700;}
 span.title_black{line-height:37px; letter-spacing:-1.5pt; color:#444; font-weight:700;}

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

h5.sub_tit{font-size:29px; font-family: 'S-CoreDream-4Regular', 'Noto Sans KR',  sans-serif; font-weight:100; color:#333; letter-spacing:-2.5pt; line-height:37px}
h5.sub_tit span{font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif; line-height:37px; letter-spacing:-2.5pt; color:#89c41c}

h6.sub_tbold{text-align:center; margin-bottom:50px; line-height:28px; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif; font-weight:100; color:#333; font-size:22px; letter-spacing: -0.8pt;}
h6.sub_tbold span{font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif;  font-weight:100; line-height:28px;}


p.sub_txt{font-size:15px; text-align:center; line-height:24px; letter-spacing:-0.3pt; color:#666 ;}
p.sub_txt.sub_txt2 {
	line-height: 210%;
}
p.sub_txt .class{color: #3ca1d9; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif;}
p.main_title{font-size: 20px;line-height: 130%;font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif;color: #333;letter-spacing: -0.8pt; margin-bottom: 20px;}

p.stitle{font-size:18px; color:#333; line-height:130%; letter-spacing: -0.5pt; font-family: 'S-CoreDream-5Medium', 'Noto Sans KR', sans-serif;}


img{max-width:100%}



/* �Ǹ޴� */
.subtop_wrap{position: relative;overflow: hidden;  margin-bottom: 70px;}
.subtab{position:relative; margin:0 auto; max-width:790px}
.subtab li{float:left; width:50%}
.subtab li a{transition:all 0.8s, color 0.2s 0.2s; border:1px solid #ddd; box-sizing: border-box; margin-left: -1px; display:block; text-align:center; font-size:15px; letter-spacing:-0.3pt; line-height:100%; padding:20px;}
.subtab li a.on{border-color:#222626 !important; background:#222626; color:#fff;}
.subtab li a:hover{box-shadow:0 84px 0 0 #222626 inset, 0 -84px 0 0 #222626 inset; color:#fff; border-color:#222626}
.subtab li a .none{display:none;}

.sm_grey{margin-top:60px; position: relative; overflow: hidden; background:#ecedef; padding:30px 0; }


/**** �����****/
/* �����*/
.thisSite_con{position:relative; overflow:hidden;}
.thisSite_con .con1{position:relative; overflow:hidden;}
.thisSite_con .con1 ul{position:relative; overflow:hidden;}
.thisSite_con .con1 li{float:left; width: 31.6239316239%; margin-right: 2.5641025641%; border:1px solid #ddd; box-sizing:border-box; padding:50px 20px 20px 20px;}
.thisSite_con .con1 li:nth-child(3){margin-right:0}
.thisSite_con .con1 li .icon{width:140px; height:140px; margin:0 auto; border-radius: 100%; margin-bottom:40px;}
.thisSite_con .con1 li.one .icon{background:url('/page/about/img/gdia_icon01.png') center no-repeat, #f4f4f4}
.thisSite_con .con1 li.two .icon{background:url('/page/about/img/gdia_icon02.png') center no-repeat, #f4f4f4}
.thisSite_con .con1 li.three .icon{background:url('/page/about/img/gdia_icon03.png') center no-repeat, #f4f4f4}
.thisSite_con .con1 li .bg{background:#3ca1d9; padding:10px; margin-top:20px;}
.thisSite_con .con1 li .bg p.sub_txt{color:#fff; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; }

.thisSite_con .con2{position:relative; overflow:hidden; }
.thisSite_con .con2 .sq_list li{float:left;width:48.7179487179%; margin-right:2.5641025641%; margin-bottom:40px;}
.thisSite_con .con2 .sq_list li img{max-width:100%}
.thisSite_con .con2 .sq_list li:nth-child(2n){margin-right:0}
.thisSite_con .con2 .sq_list li:nth-child(3), .thisSite_con .con2 li:nth-child(4){margin-bottom:0}
.thisSite_con .con2 .sq_list li .type{float: right; margin-top: -50px;margin-right: 20px;}

.grey_box ul{position:relative; overflow:hidden;}
.grey_box li .in{padding: 45px 40px;}
.grey_box li{position: relative; float:left; background:#fff;  width:31.6239316239%; margin-right:2.5641025641%; margin-bottom:2.5641025641%; 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;}
.grey_box li:nth-child(3n){margin-right:0}
.grey_box li .icon{width:68px; height:64px; margin-bottom:29px; }
.thisSite_con .grey_box li.one .icon{background:url('/page/about/img/gdia_icon04.png') center no-repeat}
.thisSite_con .grey_box li.two .icon{background:url('/page/about/img/gdia_icon05.png') center no-repeat}
.thisSite_con .grey_box li.three .icon{background:url('/page/about/img/gdia_icon06.png') center no-repeat}
.grey_box li p.sub_txt{text-align:left;}



.grey_box{position:relative; overflow:hidden; padding:120px 0; background:#ecedef}
.grey_box2{position:relative; overflow:hidden; padding:80px 0 120px 0; background:#ecedef}
.grey_box2 .gr_in{position:relative; overflow:hidden; max-width:1170px; margin:0 auto;}
.grey_box2 img{max-width:100%}
.gr_in{position:relative; overflow:hidden; max-width:1170px; margin:0 auto}

.im_list{position:relative; overflow:hidden; }
.im_list li{float:left; width:48.7179487179%; margin-right:2.5641025641%}
.im_list li:nth-child(2){margin-right:0}
.im_list li img{max-width:100% }



.thisSite_con .con3{position:relative; overflow:hidden; text-align:center;}
.thisSite_con .con3 .img img{max-width:100%}
.thisSite_con .con3 .img .pnone{display:none;}

.type {position:relative; overflow:hidden;width:100px; height:100px; border-radius: 100%; text-align:center;}
.type.co1{ background:rgba(60,161,217,0.9);}
.type.co2{ background:rgba(100,41,124,0.9);}
.type.co3{ background:rgba(65,207,207,0.9);}
.type.co4{ background:rgba(255,174,37,0.9);}
.type .in{margin-top:16px; position:relative; overflow:hidden; }
.type .en{padding-bottom:5px; color:#fff; font-size:34px; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; line-height:100%}
.type .kr{color:#fff; font-size:18px; line-height:100%; margin-top:5px; letter-spacing: -0.3pt;}



/* ȸ��Ұ�*/
.company_con{position:relative; overflow:hidden;}
.company_con .con1{position:relative; overflow:hidden; display:table;}
.company_con .con1 .img{display:table-cell;}
.company_con .con1 .img img{max-width:100%}
.company_con .con1 .cbox{ padding-left:60px; position:relative; overflow:hidden;display:table-cell; vertical-align: middle; }
.company_con .con1 .cbox .ceo{color:#333; font-size:17px; letter-spacing: -0.5pt; line-height:130% }
.company_con .con1 .cbox .ceo span{margin-left:20px;color:#333; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; letter-spacing: -0.5pt; font-size:20px; line-height:130%}
.company_con .con1 .cbox .ceo img{width:152px; margin-left:20px}

.company_con .con1 .cbox h5.sub_tit{text-align:left; margin-bottom:20px;}
.company_con .con1 .cbox p.sub_txt{text-align:left; margin-bottom:30px;}

.company_con .grey_box li.one .icon{background: url('/page/about/img/company_icon01.gif') center no-repeat;}
.company_con .grey_box li.two .icon{background: url('/page/about/img/company_icon02.gif') center no-repeat;}
.company_con .grey_box li.three .icon{background: url('/page/about/img/company_icon03.gif') center no-repeat;}
.company_con .grey_box li p.sub_txt{min-height:72px;}
.company_con .grey_box li span{display:none;}




/* ���� */
.vision_con{position:relative; overflow:hidden;}
.vision_con .con1{position:relative; overflow:hidden;}
.vision_con .con1 h5.sub_tit{text-align:center; margin-bottom:35px;}
.vision_con .con1 .img{text-align:center;}
.vision_con .con1 img{max-width:100%}
.vision_con .con1 .pnone{display:none;}





/* ���ô±� */
.location_con{position:relative; overflow:hidden;}
.location_con .map{}
.location_con .con1{position:relative; overflow:hidden; margin-top:40px;}
.location_con .con1 dl{position:relative; overflow:hidden; margin-bottom:15px;}
.location_con .con1 dt{width:60px; margin-right:20px; float:left; color:#333; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; font-size:15px; line-height:22px; letter-spacing: -0.5pt;}
.location_con .con1 dd{float:left; font-size:15px; width: calc(100% - 80px); line-height:22px; letter-spacing:-0.3pt;}
.location_con .con1 dl:nth-child(2), .location_con .con1 dl:nth-child(3), .location_con .con1 dl:nth-child(4){display:inline-block; margin-right:50px; margin-bottom:0}
.location_con .con1 dl:nth-child(3) dt{width:30px;}
.location_con .con1 dl:nth-child(3) dd{ width: calc(100% - 50px);}


.location_con .con2{position:relative; overflow:hidden;}
.location_con .con2 h6.sub_tbold{text-align:left; margin-bottom:20px}
.location_con .con2 ul{position:relative; overflow:hidden;}
.location_con .con2 li{padding:40px 30px 40px 140px;; float:left; width:48.7179487179%; margin-right:2.5641025641%; border:1px solid #ddd; box-sizing: border-box;}
.location_con .con2 li:nth-child(3){margin-right:0}
.location_con .con2 li:nth-child(1){ width:100%; margin-right:0; margin-bottom:2.5641025641%;}
.location_con .con2 li p.sub_txt{text-align:left; margin-top:15px;}
.location_con .con2 li.one{background:url('/page/about/img/location_icon01.gif') 40px center no-repeat}
.location_con .con2 li.two{background:url('/page/about/img/location_icon02.gif') 40px center no-repeat}
.location_con .con2 li.three{background:url('/page/about/img/location_icon03.gif') 40px center no-repeat}


.locationBtn{position:absolute; top:0px; right:0px}
	.locationBtn .detail_btn{text-indent:-9999px; display:inline-block; background:url('/page/about/img/map.png') center no-repeat, #3ca1d9; width:60px; height:60px; transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	.locationBtn .detail_btn:hover{background:url('/page/about/img/map.png') center no-repeat, #0f84c5;}
	.locationBtn .print_btn{text-indent:-9999px;display:inline-block; background:url('/page/about/img/print.png') center no-repeat, #222626; width:60px;  height:60px; transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	.locationBtn .print_btn:hover{background:url('/page/about/img/print.png') center no-repeat, #000;}

.locationBtn2{position:absolute; top:25px; right:25px}
	.locationBtn2 .print_btn2{text-indent:-9999px;display:inline-block; background:url('/page/about/img/print.png') center no-repeat, #313131; width:50px;  height:50px; transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
	.locationBtn2 .print_btn2:hover{background:url('/page/about/img/print.png') center no-repeat, #000;}



.location_con2 {position:relative; overflow:hidden;}
.location_con2 .mtbox{position:relative; border:1px solid #ddd; border-top:none; padding:25px 25px 15px 25px; margin-bottom:60px}
.location_con2 .mtbox ul{position:relative; overflow:hidden;}
.location_con2 .mtbox li{position:relative; overflow:hidden; margin-bottom:5px}
.location_con2 .mtbox li p.sub_txt{text-align:left;}
.location_con2 .mtbox li:nth-child(2){float:left; margin-right:20px;}
.location_con2 .mtbox li:nth-child(3){float:left;  margin-right:20px;}
.location_con2 .mtbox li:nth-child(4){float:left;}
.location_con2 .mtbox li:nth-child(5){clear:both;}
.location_con2 .mtbox li span.tit{font-weight:700; color:#333; line-height:26px; letter-spacing: -0.3pt; margin-right:10px;}
.location_con2 .mtbox li span{line-height:26px; letter-spacing: -0.3pt;}



/****** ������ǰ *******/
/* ����ȳ��������� */
.adstation_con{position:relative; overflow:hidden;}
.adstation_con h5.sub_tit{}
.adstation_con .con1{position:relative; overflow:hidden;}
.adstation_con .con1 p.sub_txt{margin-top:30px;}
.adstation_con .con1 .img{margin-top:50px}
.adstation_con .con1 .img .pnone{display:none;}
.adstation_con .con1 .img img{max-width:100%}
.adstation_con .con1 h5.sub_tit{text-align:center;}

.adstation_con .type_list{margin-top:80px; }

.type_list{position:relative; overflow:hidden; text-align:center;}
.type_list li{display:inline-block; margin-right:1.96581196581%}
.type_list li:last-child{margin-right:0}
.type_list li .pnone{display:none;}
.type_list li:nth-child(1){width:33.9316239316%;}
.type_list li:nth-child(4){margin-right:0}
.type_list li .img img{max-width:100%}
.type_list .type{margin: -66px auto 0 auto;}


.adstation_con .con2{text-align:center;}
.adstation_con .con2 {position:relative; overflow:hidden; text-align:center;}
.adstation_con .con2 li{display:inline-block; margin-right:30px; border:1px solid #ddd; box-sizing:border-box;}
.adstation_con .con2 li:nth-child(2){margin-right:0;}
.adstation_con .con2 li img{max-width:100%;}

.adstation_con .con2 .borlist{margin-top:35px;}



.grey_box2 h5.sub_tit{text-align:center;}
.grey_box2 .borlist{position:relative; overflow:hidden; text-align:center; margin-top:35px;}
.grey_box2 .borlist li{display:inline-block; margin-right:30px; border:1px solid #ddd; box-sizing:border-box;}
.grey_box2 .borlist li:nth-child(2){margin-right:0}
.grey_box2 .borlist li img{max-width:100%;}



/* ������ �����ȳ� ���� */
.admap_con{position:relative; overflow:hidden;}
.admap_con .grey_box2 .img{text-align:center;}
.admap_con .grey_box2 .img img{max-width:100%; height: auto !important;}
.admap_con .con2{text-align:center;}
.admap_con .con2 h5.sub_tit{margin-bottom:30px;}
.admap_con .con2 .img img{max-width:100%; margin:0 auto; height: auto !important}

.admap_con .con1 h5.sub_tit{text-align:center}
.admap_con .con1 .type_list{margin-top:35px;}
.admap_con .con1 .img{margin-top:50px; text-align: center;}
.admap_con .con1 .img .pnone{display:none;}
.admap_con .con1 .img img{max-width:100%}

.admap_con .img{text-align:center;}
.admap_con .img .pnone{display:none;}

.tylist{position:relative; overflow:hidden; text-align:center; margin:40px 0}
.tylist li{display:inline-block; margin-right:30px;}
.tylist li:last-child{margin-right:0}


.grbox{position:relative; overflow:hidden }
.grbox .gtitle{margin:50px auto 20px auto; width:140px; text-align:center; color:#fff; font-size:15px; line-height:100%; padding:15px 0; border-radius: 50px; letter-spacing:-0.3pt;
font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; 
background: #3ca1d9; /* Old browsers */
	background: -moz-linear-gradient(left,  #3ca1d9 0%, #41cfcf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3ca1d9 0%,#41cfcf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3ca1d9 0%,#41cfcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca1d9', endColorstr='#41cfcf',GradientType=1 ); /* IE6-9 */
}






/* ����ⱸǥ������*/
.adtop_list{position:relative; overflow:hidden}
.adtop_list li{float:left; width:48.7179487179%; margin-right:2.5641025641%; margin-bottom:2.5641025641%; }
.adtop_list li:nth-child(2n){margin-right:0}
.adtop_list li .img img{max-width:100%}
.adtop_list li .tit{padding:12px 10px; border:1px solid #ddd; border-top:none;  line-height:130%; box-sizing:border-box; background:#fff;; text-align:center; color:#333; font-size:16px; font-family: 'S-CoreDream-5Medium', 'Noto Sans KR',  sans-serif; letter-spacing: -0.5pt;
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;}
.adtop_list li a:hover .tit{background:#3ca1d9; border-color:#3ca1d9; color:#fff}


.adtop_list2{position:relative; overflow:hidden}
.adtop_list2 li{float:left; width:31.6239316239%; margin-right:2.5641025641%}
.adtop_list2 li:nth-child(3n){margin-right:0}
.adtop_list2 li .img img{max-width:100%}
.adtop_list2 li .tit{padding:12px 10px; border:1px solid #ddd; border-top:none;  line-height:130%; box-sizing:border-box; background:#fff;; text-align:center; color:#333; font-size:16px; font-family: 'S-CoreDream-5Medium', 'Noto Sans KR',  sans-serif; letter-spacing: -0.5pt; }




/* ī�װ��� ���� ���� */
.adcalist{position:relative; overflow:hidden; text-align:center; width:61.5384615385%; margin: 0 auto;}
.adcalist li{float:left; margin-right:5.55555555556%; width:47.2222222222%}
.adcalist li:last-child{margin-right:0}
.adcalist li .img img{max-width:100%}
.adcalist li .tit{padding:12px 10px 0 10px; line-height:130%; color:#333; font-size:16px; font-family: 'S-CoreDream-5Medium', 'Noto Sans KR',  sans-serif; letter-spacing: -0.5pt; text-align:center;}


/* �귣�� �����󱤰� */
.grbox dl{position:relative; overflow:hidden; display: inline-block; margin:50px 80px 20px 0px}
.grbox dl:nth-child(2){margin-right:0}
.grbox dt{float:left;width: 140px; margin-right:20px; text-align: center; color: #fff; font-size:15px; line-height: 100%; 
    padding: 15px 0;
    border-radius: 50px;
    letter-spacing: -0.3pt;
    font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif;
    background: #3ca1d9;
    background: -moz-linear-gradient(left, #3ca1d9 0%, #41cfcf 100%);
    background: -webkit-linear-gradient(left, #3ca1d9 0%,#41cfcf 100%);
    background: linear-gradient(to right, #3ca1d9 0%,#41cfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca1d9', endColorstr='#41cfcf',GradientType=1 );
}
.grbox dd{float:left; text-align:left; margin-top:11px; width: calc(100% - 160px);}
.grbox dd p.sub_txt{text-align:left; }



/* ���ܱ��� */
.outside_con{position:relative; overflow:hidden;}
.outside_con .adtop_list{margin-top:50px;}
.outside_con .adtop_list li:nth-child(3){margin-bottom:0}
.outside_con .adtop_list li:nth-child(4){margin-bottom:0}

.white-popup2 {position: relative; width:auto; max-width:1000px;margin: 20px auto; padding-top:50px}
.white-popup2 .mpbox{background:#fff; position: relative; overflow: hidden;}
.white-popup2 .mpbox .sub_tbold{text-align:left; background:#222626; color:#fff; padding:20px 25px; margin-bottom:0}
.white-popup2 .mpbox .img {margin-bottom:20px;}
.white-popup2 .mpbox .img img{max-width:100%}
.white-popup2 .mpbox .txt_wrap{margin:30px}
.white-popup2 .mpbox dl{position:relative; overflow:hidden; margin-bottom:8px;}
.white-popup2 .mpbox dt{position:relative; overflow:hidden; line-height:24px; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif;letter-spacing: -0.3pt;  color:#333; float:left; font-size:15px; width:50px; margin-right:20px;}
.white-popup2 .mpbox dd{float:left; width:calc(100% - 70px); line-height:24px; font-size:15px; letter-spacing: -0.3pt;}
.white-popup2 .mpbox dd p.sub_txt{text-align:left;}
.white-popup2 .mpbox ul{position:relative; overflow:hidden; margin-top:5px;}
.white-popup2 .mpbox li{padding-left:9px; position:relative; overflow:hidden; line-height:24px; font-size:14px; letter-spacing: -0.3pt; margin-bottom:5px}
.white-popup2 .mpbox li:before{display:block; position: absolute; left:0; top: 10px; width:3px; height:3px; content:''; background:#222626}
.white-popup2 .mpbox .grb{position: relative; overflow: hidden; margin-top:20px; color:#fff; text-align:center;font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; line-height:24px; letter-spacing: -0.3pt; padding:20px 15px ;    border-radius:10px; font-size:16px;
 background: #3ca1d9;
    background: -moz-linear-gradient(left, #3ca1d9 0%, #41cfcf 100%);
    background: -webkit-linear-gradient(left, #3ca1d9 0%,#41cfcf 100%);
    background: linear-gradient(to right, #3ca1d9 0%,#41cfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca1d9', endColorstr='#41cfcf',GradientType=1 );
}



.white-popup2 .mfp-close{right:-18px}
.white-popup2 .padd{padding:0 20px 20px 20px;}
.white-popup2 .potit{font-size:20px; line-height:100%; color:#333;  letter-spacing: -0.8pt; font-weight:700; margin-bottom:20px;}



/* �������θ������ȳ�*/
.promotion_con{max-width: 1170px;position: relative;overflow: hidden;margin: 0 auto 120px auto; text-align:center;}
.promotion_con .con2{margin:50px 0}
.promotion_con img{max-width:100%}



/* �̿���, ����������޹�Ä?*/
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; letter-spacing: -0.3pt;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; letter-spacing: -0.3pt; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; letter-spacing:-0.3pt;}
.cont_box strong{font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; font-weight:100}
.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%;}
.privacy_list li a {font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif; letter-spacing: -0.3pt;} 
.contin_txt{ letter-spacing:-0.3pt;}

/* õ��ȣ�߰�(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}




/* ����Ʈ�� */
.sitemap {position:relative;}
.sitemap ul{position:relative; overflow:hidden;}
.sitemap ul li{float:left; width:23.0769230769%; margin-right:2.5641025641%;  margin-bottom:2.5641025641%;}
.sitemap ul li:nth-child(4n){margin-right:0;}
.sitemap ul li:nth-child(4){margin-bottom:0}
.sitemap ul li:nth-child(4+1){clear: left;}
.sitemap dl{position:relative; overflow:hidden;}
.sitemap dt{background-color:#f1f1f1; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR',  sans-serif;  padding:12px 15px; letter-spacing:-0.8px; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:17px;}
.sitemap dd a.tit{border-bottom:1px dashed #d4d4d4; display:block; padding:10px 15px;  letter-spacing:-0.3pt; 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/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/menudot2.gif') left center no-repeat;}




/* �غ��� */
.ready_cont{text-align:Center; padding:150px 0; background:#f9f9f9;}
.ready_cont dt{font-family: 'Roboto', sans-serif; font-weight:700; line-height:120%; font-size:55px; padding-bottom:20px; color:#3ca1d9;}
.ready_cont dt span{color:#444; line-height:120%; font-family: 'Roboto', sans-serif; font-weight:300; }
.ready_cont dd{letter-spacing:-0.5pt; line-height:130%; color:#888; font-size:15px;}


/* �˻� */
.search_warp{position:relative; overflow:hidden;}
.search_warp h6.sub_tbold{text-align:left; margin-bottom:15px}



/* �ٿ�ε���ư */
.downbtn{position:relative; overflow:hidden;text-align:center;}
.downbtn a{-webkit-appearance: none; -webkit-border-radius: 0; font-size:16px; display:block; width:240px; padding:20px 0; background-color:#3ca1d9; color:#fff !important;
cursor:pointer;  border:none; letter-spacing:-0.3pt; margin:0 2px 0 0; transition:all 0.8s, color 0.2s 0.2s; margin:0 auto;}
.downbtn a:hover{color:#fff; box-shadow:0 84px 0 0 #333 inset, 0 -84px 0 0 #333 inset;}
.downbtn span{background:url('/img/down2.png') no-repeat; background-size:13px; width:13px; height:13px; display:inline-block; margin-right:10px;}


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

#wrap { min-width:auto; }


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

h4.sub_title{font-size:28px;}
h4.sub_title2{font-size:28px;}


#visual{height:390px;}
#visual .subtop_txt{margin-top:200px; margin-left:3%; margin-right:3%}
.subtop_txt .tit{font-size:44px;}


.width1170{width:96%; margin:0 auto 90px auto}
.width11702{width:96%; }


h3.title{font-size:36px;}
p.main_title{font-size:18px; letter-spacing: -0.5pt;}
p.main_txt{font-size:14px;  line-height: 22px; word-break: keep-all;}


h5.sub_tit{font-size:28px}
h6.sub_tbold{font-size:20px;}


/* �Ǹ޴� */
.subtab{width:96%}


/**** �����****/
/* �����*/
.thisSite_con .con1 li{padding:20px; width:49%; margin-right:2%; margin-bottom:2%}
.thisSite_con .con1 li:nth-child(2){margin-right:0}
.thisSite_con .con1 li:nth-child(3){margin-bottom:0; width:100%}

.gr_in{width:96%;}
.thisSite_con .grey_box li p.sub_txt .none{display:none;}
.thisSite_con .grey_box li .in{padding:35px}
.thisSite_con .grey_box li p.sub_txt{min-height:72px}


/* ȸ��Ұ�*/
.company_con .con1 .cbox{padding-left:40px}
.company_con .con1 .img{width:40%}
.company_con .con1 .cbox p.sub_txt .none{display:none;}
.company_con .con1 .cbox h5.sub_tit{margin-bottom:35px}


.company_con .grey_box li.one p.sub_txt .none{display:none;}
.company_con .grey_box li.two p.sub_txt .none{display:none;}
.company_con .grey_box li .in{padding:30px}
.company_con .grey_box li p.sub_txt{min-height:72px}



/* ���ô� �� */
.locationBtn .print_btn{display:none;}
.location_con .con1{margin-top:30px}
.location_con .wd{width:96%; margin-left:auto; margin-right:auto;}




/****** ������ǰ *******/
/* ����ȳ��������� */
.adstation_con .con1 .type_list{margin-top:50px}
.type_list li{width:49% !important; text-align:center; margin-right:2%; margin-bottom:40px }
.type_list li:nth-child(2n){margin-right:0% !important}
.type_list li:nth-child(3), .type_list li:nth-child(4){margin-bottom:0}
.adstation_con .con1 p.sub_txt .none{display:none;}





/* ������ �����ȳ� ���� */
.admap_con .con2 p.sub_txt .none{display:none;}




}

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



#contents .tit_area{padding:0 0 1rem 0}
#contents .tit_area2:after{height:30px; margin:15px auto}
h3.title{font-size:30px}
.contentArea2{width:96%;}
.contentArea{width:96%;}

#visual{height:260px}
#visual .subtop_txt{margin-top:70px}
.subtop_txt .tit{font-size:38px;}
.subtop_txt .smt{font-size:14px;}


.subtop_thisSite{background:url('/img/subtop_thisSitem.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_advertisement{background:url('/img/subtop_advertisementm.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_customer{background:url('/img/subtop_customerm.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_pr{background:url('/img/subtop_prm.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_other{background:url('/img/subtop_otherm.jpg') center 0 no-repeat; background-size:cover;}



.table_style th{font-size:15px; padding:12px}
.table_style td{font-size:15px; padding:12px}

.bmar_40{margin-bottom:20px}
.bmar_50{margin-bottom:40px}
.bmar_120{margin-bottom:90px}

.width1170{margin:0 auto 90px auto}

p.sub_txt{font-size:14px;}
p.stitle{font-size:16px;}

h5.sub_tit{font-size:24px; letter-spacing: -1.5pt; line-height:30px;}
h5.sub_tit span{ letter-spacing: -1.5pt; line-height:30px;}
h6.sub_tbold{font-size:18px; margin-bottom:40px}


/* �Ǹ޴� */
.subtop_wrap{margin:20px 0 50px 0}
.subtab li a{font-size:14px; padding:18px;}






/**** �����****/
/* �����*/
.thisSite_con p.sub_txt .none{display:none;}
.thisSite_con .con1 li .icon{width:100px; height:100px; margin-bottom:30px; background-size:45px !important;}

.thisSite_con .con2 li{margin-bottom:30px;}
.thisSite_con .con2 li .type{margin-top:-40px; margin-right:10px;}
.type{width:80px; height:80px; }
.type .in{margin-top:12px;}
.type .en{font-size:26px;}
.type .kr{font-size:15px;}


.grey_box{padding:90px 0;}
.grey_box2{padding:90px 0;}
.thisSite_con .grey_box li{width:49%; margin-bottom:2%}
.thisSite_con .grey_box li:nth-child(1){margin-right:2%}
.thisSite_con .grey_box li:nth-child(2){margin-right:0}
.thisSite_con .grey_box li:nth-child(3){margin-bottom:0; width:100%}
.thisSite_con .grey_box li:nth-child(3) p.sub_txt{min-height:auto}



/* ȸ��Ұ�*/
.company_con .con1 .cbox{padding-left:30px}
.company_con .con1 .cbox h5.sub_tit{margin-bottom:25px}
.company_con .con1 .cbox .ceo{font-size:15px;}
.company_con .con1 .cbox .ceo span{font-size:17px; margin-left:10px;}
.company_con .con1 .cbox .ceo img{width:110px; margin-left:10px;}

.company_con .grey_box li{width:49%; margin-right:2%; margin-bottom:2%}
.company_con .grey_box li:nth-child(2){margin-right:0}
.company_con .grey_box li:nth-child(3){margin-bottom:0; width:100%}
.company_con .grey_box li span{display:inline-block;}
.company_con .grey_box li p.sub_txt br{display:none;}
.company_con .grey_box li:nth-child(3) p.sub_txt{min-height:auto}





/* ���ô� �� */
.location_con .map iframe{height:300px}
.location_con .con1 dt{font-size:14px;}
.location_con .con1 dd{font-size:14px;letter-spacing: -0.2pt;}
.location_con .con1 dl{margin-bottom:10px;}
.location_con .con1 dl:nth-child(2), .location_con .con1 dl:nth-child(3), .location_con .con1 dl:nth-child(4){display:block; margin-bottom:10px;}
.location_con .con1 dl:nth-child(3) dt{width:60px;}
.location_con .con1 dl:nth-child(3) dd{width: calc(100% - 80px);}
.locationBtn{position: relative;top: 0; right: 0; margin-top: 30px;}
.locationBtn .detail_btn{width: 100%;background: #3ca1d9;  text-indent: 0; text-align: center;color: #fff; font-size: 14px; letter-spacing: -0.3pt; height: auto; padding: 10px 0;}


.location_con .con2 li{padding:25px 20px 25px 100px; width:100%; margin-right:0}
.location_con .con2 li:nth-child(2){margin-bottom:2.5641025641%}
.location_con .con2 li.one{background:url('/page/about/img/location_icon01.gif') 25px center no-repeat; background-size:45px;}
.location_con .con2 li.two{background:url('/page/about/img/location_icon02.gif') 25px center no-repeat; background-size:45px;}
.location_con .con2 li.three{background:url('/page/about/img/location_icon03.gif') 25px center no-repeat; background-size:45px;}
.location_con .con2 li p.sub_txt{margin-top:10px;}
.location_con .con2 li p.sub_txt .none{display:none;}



/****** ������ǰ *******/
/* ����ȳ��������� */
.type_list li .mnone{display:none;}
.type_list li .pnone{display:block}
.type_list ul .type{margin: -56px auto 0 auto;}

.adstation_con .con1 .type_list{margin-top:30px}


.adstation_con .con2 li{width:49%; margin-right:2%; display:block; float:left;}
.adstation_con .con2 li img{width:100%}

.grey_box2 .borlist li{width:49%; margin-right:2%; display:block; float:left;}
.grey_box2 .borlist li img{width:100%}



/* ������ �����ȳ� ���� */
.tylist li{margin-right:20px;}
.grbox .gtitle{font-size:14px;}



/* ����ⱸǥ������*/
.adtop_list li .tit{font-size:15px; padding:10px}

.adtop_list2 li .tit{font-size:15px; padding:10px}



/* ī�װ��� ���� ���� */
.adcalist{width:100%}
.adcalist li{width:49%; margin-right:2%;}
.adcalist li .img img{width:100%}
.adcalist li .tit{font-size:15px; padding-top:10px;}


/* �귣�� �����󱤰� */
.grbox dl{margin: 50px 40px 20px 0px;}
.grbox dt{font-size:14px; width:130px;  margin-right:10px;}
.grbox dd{width: calc(100% - 140px);}



/* ���ܱ��� */
.outside_con .adtop_list{margin-top:30px}
.white-popup2 .mpbox .sub_tbold{padding:15px 20px;}
.white-popup2 .mpbox .txt_wrap{margin:20px;}
.white-popup2 .mpbox dt{font-size:14px;}
.white-popup2 .mpbox dd{font-size:14px;}
.white-popup2 .mpbox li{font-size:13px; line-height:18px;}
.white-popup2 .mpbox li:before{top:6px;}
.white-popup2 .mpbox .grb{font-size:15px; padding:15px}



.promotion_con .con2 img{width:200px}



/************************ ����Ʈ�� ************************/

.sitemap ul.one{margin-bottom:0;}
.sitemap ul li{float:left; width:48.5%; margin-right:3%; margin-bottom:6%;}
.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;}



.bmar_30{margin-bottom:20px;}

/* �ٿ�ε���ư */
.downbtn a{font-size:15px; padding:15px 0; width:200px;}



}





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

.tmar_50{margin-top:40px;}


.contentArea{margin: 40px auto; width:94%}
h3.title{font-size:26px; letter-spacing:-1.5pt}

.width1170{width:94%}
.width11702{width:94%}
.gr_in{width:94%}

.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}


#visual{height:205px}
#visual .subtop_txt{margin-top:50px}
.subtop_txt .tit{font-size:30px; letter-spacing:-3px}
.subtop_txt .smt{font-size:13px;}



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




#sideMenu{height:52px}



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


p.sub_txt{font-size:13px; line-height: 20px;}
p.main_title{font-size:16px;     letter-spacing: -0.5pt; margin-bottom:15px;}
p.stitle{font-size:15px;}

h5.sub_tit{font-size:20px; letter-spacing:-1.3pt; line-height:28px}
h5.sub_tit span{letter-spacing:-1.3pt;  line-height:28px}
h6.sub_tbold{font-size:16px; line-height:24px; margin-bottom:30px}
h6.sub_tbold span{line-height:24px;}


/* �Ǹ޴� */
.subtop_wrap{margin:10px 0 40px 0}
.subtab{width:94%}
.subtab li a{font-size:13px; padding:15px; line-height:16px;}
.subtab li a .none{display:block;}



.sm_grey{margin-top:30px; padding:20px ; }




/**** �����****/
/* �����*/
.thisSite_con .con1 li{padding:15px; width:100%; margin-right:0}
.thisSite_con .con1 li .icon{margin-bottom:20px; width:90px; height:90px; background-size:40px !important;}
.thisSite_con .con1 li .bg{padding:8px; margin-top:15px;}

.thisSite_con .con2 li{margin-bottom:20px}

.type{width:70px; height:70px;}
.type .en{font-size:20px; padding-bottom:2px}
.type .kr{font-size:13px;}

.thisSite_con .grey_box li .in{padding:25px}
.thisSite_con .grey_box li .icon{width:60px; height:63px; background-size:60px !important;     margin-bottom: 20px;}

.thisSite_con .con3 .img .pnone{display:block;}
.thisSite_con .con3 .img .mnone{display:none;}



/* ȸ��Ұ�*/
.company_con .con1{display:block;}
.company_con .con1 .img{display:block; width:100%; margin-bottom:30px}
.company_con .con1 .cbox{display:block; padding-left:0}
.company_con .con1 .cbox h5.sub_tit{margin-bottom:15px}
.company_con .con1 .cbox .ceo{font-size:14px}
.company_con .con1 .cbox .ceo span{font-size:16px}
.company_con .con1 .cbox p.sub_txt{margin-bottom:20px}


.company_con .grey_box li .in{padding:25px}
.company_con .grey_box li .icon{width:45px; height:53px; background-size:45px !important; margin-bottom: 20px;}


/* ���� */
.vision_con .con1 .mnone{display:none;}
.vision_con .con1 .pnone{display:block;}
.vision_con .con1 h5.sub_tit{margin-bottom:20px}


/* ���ô� �� */
.location_con .con1{margin-top:20px;}
.location_con .con1 dt{font-size:13px; line-height: 20px;}
.location_con .con1 dd{font-size:13px; line-height: 20px;}
.locationBtn{margin-top:20px;}
.locationBtn .detail_btn{font-size:13px;}
.location_con .con2 h6.sub_tbold{margin-bottom:15px;}

.location_con .con2 li{padding:15px 20px 15px 80px}
.location_con .con2 li.one{background:url('/page/about/img/location_icon01.gif') 20px center no-repeat; background-size:35px;}
.location_con .con2 li.two{background:url('/page/about/img/location_icon02.gif') 20px center no-repeat; background-size:35px;}
.location_con .con2 li.three{background:url('/page/about/img/location_icon03.gif') 20px center no-repeat; background-size:35px;}



/****** ������ǰ *******/
/* ����ȳ��������� */
.type_list .type{margin: -46px auto 0 auto;}
.adstation_con .con1 h5.sub_tit{}
.adstation_con .con1 p.sub_txt{margin-top:20px;}
.adstation_con .con1 .img{margin-top:30px}
.adstation_con .con1 .img .pnone{display:block;}
.adstation_con .con1 .img .mnone{display:none;}

.type_list ul{margin-top:30px}
.type_list li{margin-bottom:30px;}

.adstation_con h5.sub_tit{}
.adstation_con .grey_box2 .borlist{margin-top:20px}
.adstation_con .con2 ul{margin-top:20px;}
.adstation_con .con2 .borlist{margin-top:20px}




/* ������ �����ȳ� ���� */
.admap_con .con2 h5.sub_tit{margin-bottom:20px;}
.grbox .gtitle{font-size:13px; padding:10px 0; margin:40px auto 15px auto}

.admap_con .con1 .type_list{margin-top:15px;}
.tylist{margin:30px 0}

.admap_con .con1 .img{margin-top:30px}
.admap_con .con1 .img .pnone{display:block;}
.admap_con .con1 .img .mnone{display:none;}

.admap_con .img .pnone{display:block;}
.admap_con .img .mnone{display:none;}

/* ����ⱸǥ������*/
.adtop_list li .tit{font-size:14px; padding:10px}

.adtop_list2 li .tit{font-size:14px; padding:10px; min-height: 56px;}



/* ī�װ��� ���� ���� */
.adcalist li .tit{font-size:14px;}


/* �귣�� �����󱤰� */
.grbox dl{display:block; margin:0 auto}
.grbox dl:nth-child(1){margin:40px auto 20px auto}
.grbox dl:last-child{margin-bottom:0}
.grbox dt{float:none; display:block; font-size: 13px;padding: 10px 0; margin:0 auto}
.grbox dd{float:none; width:100%; text-align:center;}
.grbox dd p.sub_txt{text-align:center;}


/* ���ܱ��� */
.white-popup2 .mpbox .sub_tbold{padding:10px 15px;}
.white-popup2 .mpbox .txt_wrap{margin:15px;}
.white-popup2 .mpbox dt{font-size:13px; line-height:18px}
.white-popup2 .mpbox dd{font-size:13px; line-height:18px}
.white-popup2 .mpbox li{font-size:12px;}
.white-popup2 .mpbox .grb{font-size:14px; line-height:20px; padding:10px 20px }




.im_list li{width:100%; float:none; margin-right:0; margin-bottom:20px;}
.im_list li:last-child{margin-bottom:0}

/* �غ��� */
.ready_cont{padding:80px 0; }
.ready_cont dt{font-size:30px;}
.ready_cont dd{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;}



/* �ٿ�ε���ư */
.downbtn a{font-size:13px; width:180px;}


.promotion_con .con2{margin:30px 0}
.promotion_con .con2 img{width:150px}


}










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

h3.title{font-size:22px;}

#visual{height:200px}
#visual .subtop_txt{margin-top:50px}
.subtop_txt .tit{font-size:26px; letter-spacing:-3px;}
.subtop_txt .smt{font-size:13px; margin-top:15px}

.contentArea_wide{margin-top:60px}
.width1170{margin:0 auto 70px auto}

#sideMenu{height:42px; margin-bottom:25px}
.side-menu-inner-box{height:40px;}


.bmar_50{margin-bottom:30px}
.bmar_120{margin-bottom:70px}
.bmar_40{margin-bottom:10px;}

p.main_title{font-size:15px}
p.main_txt{font-size:13px;     line-height: 20px;}
p.stitle{font-size:14px;}

h5.sub_tit{font-size:18px; letter-spacing: -1pt; line-height:24px;}
h5.sub_tit span{letter-spacing: -1pt; line-height:24px;}
h6.sub_tbold{font-size:15px; line-height:20px; margin-bottom:20px;}
h6.sub_tbold span{ line-height:20px;}



/* �Ǹ޴� */
.subtab li a{padding: 15px 1px;}


.sm_grey{margin-top:30px; padding:15px 10px; }


/**** �����****/
/* �����*/
.type{width:60px; height:60px;}
.type .in{margin-top:10px;}
.type .kr{font-size:12px; margin-top:2px;}
.type .en{font-size:18px;}

.grey_box{padding:70px 0}
.grey_box2{padding:40px 0}
.thisSite_con .grey_box li{width:100%; margin-right:0}
.thisSite_con .grey_box li p.sub_txt{min-height:auto}
.thisSite_con .grey_box li .in{padding:25px 20px}
.thisSite_con .grey_box li .icon{ width:50px; height:47px; background-size: 50px !important; margin-bottom: 15px;}




/* ȸ��Ұ�*/
.company_con .con1 .cbox .ceo{font-size:13px;}
.company_con .con1 .cbox .ceo span{font-size:15px;}

.company_con .grey_box li{width:100%; margin-right:0}
.company_con .grey_box li p.sub_txt{min-height:auto}
.company_con .grey_box li .in{padding:25px 20px}
.company_con .grey_box li .icon{width:35px; height:41px; background-size:35px !important; margin-bottom: 15px;}



/****** ������ǰ *******/
/* ����ȳ��������� */
.type_list .type{ margin: -36px auto 0 auto;}



/* ������ �����ȳ� ���� */
.tylist li{margin-right:10px;}


/* ����ⱸǥ������*/
.adtop_list li .tit{font-size:13px; padding:6px}



/* ī�װ��� ���� ���� */
.adcalist li .tit{font-size:13px;}



/* ���ܱ��� */
.white-popup2 .mpbox dt{font-size:12px; line-height:18px}
.white-popup2 .mpbox dd{font-size:12px; line-height:18px}
.white-popup2 .mpbox li{font-size:12px;}
.white-popup2 .mpbox .grb{font-size:13px; line-height:18px }



.promotion_con .con2{margin:20px 0}
.promotion_con .con2 img{width:120px}


/* ��������ó����ħ */
.cont_txt2{font-size:13px;}


}

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

.contentArea_wide{margin-top:50px}

#visual{height:180px}
#visual .subtop_txt{margin-top:40px}
.subtop_txt .tit{font-size:22px; letter-spacing:-2px}
.subtop_txt .smt{font-size:12px;}


p.sub_txt{font-size:12px; line-height:18px;}
p.stitle{font-size:13px;}

.width1170{margin:0 auto 60px auto}

.bmar_120{margin-bottom:60px}



/* �Ǹ޴� */
.subtab li a{font-size:12px; padding:10px 1px; letter-spacing: -1px;}



/**** �����****/
/* �����*/
.thisSite_con .con1 li{padding:10px; }
.type{width:50px; height:50px;}
.type .en{font-size:15px;}
.type .in{margin-top:8px;}
.thisSite_con .con2 li .type{margin-top:-25px}

.grey_box{padding:60px 0}
.grey_box2{padding:40px 0}

/* ���ô� �� */
.location_con .con1 dt{width:50px; font-size:12px; line-height:18px;}
.location_con .con1 dd{width: calc(100% - 70px); font-size:12px; line-height:18px;}
.location_con .con1 dl:nth-child(3) dt{width:50px;}
.locationBtn .detail_btn{font-size:12px; }
.location_con .con2 li{padding:15px 20px 15px 70px}
.location_con .con2 li.one{background:url('/page/about/img/location_icon01.gif') 15px center no-repeat; background-size:35px;}
.location_con .con2 li.two{background:url('/page/about/img/location_icon02.gif') 15px center no-repeat; background-size:35px;}
.location_con .con2 li.three{background:url('/page/about/img/location_icon03.gif') 15px center no-repeat; background-size:35px;}
.location_con .con2 li p.sub_txt{margin-top:6px;}


/****** ������ǰ *******/
/* ����ȳ��������� */
.type_list .type{margin: -31px auto 0 auto;}

/* ����ⱸǥ������*/
.adtop_list li .tit{font-size:12px; padding:6px}

.adtop_list2 li .tit{font-size:12px; padding:6px; min-height:43px}


/* ī�װ��� ���� ���� */
.adcalist li .tit{font-size:12px; padding-top:8px}



/* ����Ʈ�� */
.sitemap dd a.tit{font-size:12px}
}

@media all and (max-width: 340px) {
.subtab li a{font-size:11px;}
} 

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

/* �����Ǹ޴� */


/* �Ǹ޴� */
.subtab li a{font-size:11px; padding:10px 1px}

}


/*captcha start*/
.center_box table.center_table_type01 tr td span {
    font-size: 14px;
    vertical-align: middle;
}
.prevention_auto_upload_number {
    height: 36px;
    line-height: 34px;
    width: 100px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: 5px;
    background: #f2f2f2;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    color: #111;
}
.center_box table.center_table_type01 tr td input {
    font-size: 14px;
    vertical-align: middle;
}
.center_input_text3 {
	display:inline !important;
    height: 36px;
    width: 100px !important;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: 5px;
    background: #fff;
    font-size: 14px;
    vertical-align: middle;
}
/*captcha end*/