@charset "utf-8";
/********************
    Default set
********************/
/* font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/notokr-thin.eot);
  src: url(/fonts/notokr-thin.eot?#iefix) format('embedded-opentype'),
       url(/fonts/notokr-thin.woff2) format('woff2'),
       url(/fonts/notokr-thin.woff) format('woff'),
       url(/fonts/notokr-thin.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/notokr-light.eot);
  src: url(/fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
       url(/fonts/notokr-light.woff2) format('woff2'),
       url(/fonts/notokr-light.woff) format('woff'),
       url(/fonts/notokr-light.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/notokr-regular.eot);
  src: url(/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/notokr-regular.woff2) format('woff2'),
       url(/fonts/notokr-regular.woff) format('woff'),
       url(/fonts/notokr-regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/notokr-medium.eot);
  src: url(/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
       url(/fonts/notokr-medium.woff2) format('woff2'),
       url(/fonts/notokr-medium.woff) format('woff'),
       url(/fonts/notokr-medium.ttf) format('truetype');
}




body {font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "µ¸¿ò", dotum, AppleGothic;} 

html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin:0px; padding:0px; font-size:13px; list-style:none; color:#282828;}
a{text-decoration:none;color:#282828;}
img{border:0;vertical-align:middle;}
select{ font-family: 'Noto Sans Korean';;border:1px solid #d6d6d6;vertical-align:middle;}
input{ font-family: 'Noto Sans Korean';vertical-align:middle;margin:0;padding:0;}
label {cursor:pointer;}
textarea{ font-family: 'Noto Sans Korean';vertical-align:middle;}
table caption{
	overflow: hidden;
    width:0;
    height:0;
    line-height:0;
    left:-9999px;
	top:-9999px; 
	margin:0;
}
table{border-collapse:separate;border-collapse:collapse;width:100%;border-spacing:0;table-layout: fixed;}





.blind{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden;}
.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
.floatL {float:left;}
.floatR {float:right;}
.floatN {float:none;}
.disnone{display:none;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.txtT {vertical-align:top !important;}
.txtM {vertical-align:middle !important;}
.txtB {vertical-align:bottom !important;}
.txtTB {vertical-align:text-bottom !important;}


/********************
    Margin
********************/
.mtp5{margin-top:5px;}
.mtp7{margin-top:7px;}
.mtp10{margin-top:10px;}
.mtp12{margin-top:12px;}
.mtp15{margin-top:15px;}
.mtp20{margin-top:20px;}
.mtp25{margin-top:25px;}
.mtp30{margin-top:30px !important;}
.mtp35{margin-top:35px !important;}
.mtp40{margin-top:40px !important;}
.mtp50{margin-top:50px !important;}
.mtp60{margin-top:60px;}
.mtp23{margin-top:23px;}

.mtp-60{margin-top:-60px !important;}

.pdt5{padding-top:5px;}
.pdt7{padding-top:7px;}
.pdt10{padding-top:10px;}
.pdt12{padding-top:12px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}


/***********************************************************
				Start Coding
***********************************************************/




#wrap{position:relative;width:100%;margin:0 auto;min-width:1200px;}
#header{position:fixed;width:100%;margin:0 auto;z-index:55;background:#fff;top:0;}
.header_top{width:100%;margin:0 auto;background:#ededed;border-bottom:1px solid #d9d9d9;height:40px;line-height:40px;}
.header_top_wid{width:1180px;margin:0 auto;}
.at_line{float:left;}
.at_line > li{float:left;}
.at_line > li:first-child{text-align:center;width:178px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:#fff;height:41px;}
.at_line > li:nth-child(2){margin-left:30px;background:url('../image/common/tline.jpg') no-repeat right center;padding-right:12px;margin-right:11px;}
.at_line > li:nth-child(2) > a > span{display:inline-block;margin-right:5px;vertical-align:1px;}
.at_line > li > a{display:block;font-size:13px;color:#676767;}
.at_line > li:first-child > a{font-size:15px;color:#0068b7;font-weight:500;}
.at_line > li:first-child > a span{display:inline-block;margin-right:5px;vertical-align:2px;line-height:40px;}




.at_right{float:right;}
.at_right > li{float:left;margin-left:12px;background:url('../image/common/tline.jpg') no-repeat left center;padding-left:11px;}
.at_right > li:first-child{margin-left:0;background:none;padding-left:0;}
.at_right > li > a{display:block;font-size:13px;color:#676767;}


.head_bg{position:relative;width:1180px;margin:0 auto;height:103px;}
.logos{position:absolute;left:0;top:29px;}
.menu{float:left;padding-left:275px;}
.menu > li{float:left;text-align:center;}
.menu > li > a{display:block;font-size:17px;color:#252525;font-weight:500;line-height:103px;padding:0 25px;letter-spacing:-0.5px;}
.menu > li:hover > a{color:#0068b7;}
.menu > li > ul.mdp02{display:none;position:absolute;top:91px;z-index:56;text-align:center;}
.menu > li > ul.mdp02 > li{float:left;}
.menu > li > ul.mdp02 > li:last-child{border-bottom:none;}
.menu > li > ul.mdp02 > li > a{display:block;padding:25px 20px;font-size:15px;color:#fff;line-height:23px;letter-spacing:-0.5px;}
.menu > li > ul.mdp02 > li > a:hover{color:#fff; text-decoration:underline;}
.menu > li > ul.dp2{left:260px;}
.menu > li > ul.dp3{left:320px;}
.menu > li > ul.dp4{left:600px;}
.menu > li > ul.dp5{right:250px;}
.menu > li > ul.dp6{right:185px;}



.mor_open{display:none;position:absolute;right:10px;top:37px;}
.menu_bg{display:none;position:absolute;z-index:55;left:0;top:143px;width:100%;height:50px;border-top:1px solid #0068b7;background:#0068b7;opacity: 1;}

.pc_all{display:none;position:absolute;left:0;top:143px;z-index:57;width:100%;margin:0 auto;border-top:2px solid #0068b7;background:#fff;padding:25px 0 80px 0;}
.all_menu{width:1180px;margin:0 auto;}
.all_menu > li{float:left;width:calc((100% - 100px) / 6);margin-left:20px;}
.all_menu > li:first-child{margin-left:0;}
.all_menu > li > a{display:block;border-bottom: 1px solid #dfdfdf;padding:0 10px;height:68px;line-height:68px;font-size:18px;color:#0068b7;font-weight:500;letter-spacing:-0.5px;font-family:"Myriad Pro";background:url('../image/common/amenu_tit.jpg') no-repeat right center;}
.all_menu > li > ul > li > a{display:block;border-bottom: 1px solid #dfdfdf;padding:0 10px;height:68px;line-height:68px;font-size:16px;color:#252525;font-weight:400;letter-spacing:-0.5px;font-family:"Myriad Pro";}
.all_menu > li > ul > li > a:hover{color:#0068b7;text-decoration: underline;}

.top_btn{float:right;margin-top:29px;}
.top_btn > a{display:block;}



#all_contents{position:relative;width:100%;margin:0 auto;margin-top:144px;}


#footer{width:100%;margin:0 auto;padding:15px 0 20px 0;background:#222325;text-align:center;}
.foot_top{width:1180px;margin:0 auto;border-bottom:1px solid #414243;padding:15px 0;}
.foot_top > ul > li{display:inline-block;}
.foot_top > ul > li > a{display:block;background:url('../image/common/fline.jpg') no-repeat right center;font-size:14px;color:#ccc;padding-right:10px;margin-right:5px;}
.foot_top > ul > li:last-child > a{background:none;padding-right:0;margin-right:0;}
.foot_bot{width:1180px;padding:15px 0;margin:0 auto;}
.foot_bot > p{font-size:13px;color:#7e7e7e;line-height:22px;}
.foot_bot > p span{display:inline-block;}

@media screen and (max-width:1320px){
	
}

@media screen and (max-width:1024px){
	#wrap{min-width:100%;}
	.head_bg{width:100%;}
	.header_top{display:none;}
	.logos{left:10px;}
	.top_btn{display:none;}
	.mor_open{display:block;}
	.menu{padding-top:50px;display:none;float:none;width:calc(100% - 20px);padding-left:10px;padding-right:10px;margin-left:0;overflow:auto;position:absolute;left:0;top:100px;z-index:155;height:100%;background:#0068b7;}
	.menu > li{display:block;position:relative;padding:0 0;text-align:center;float:none;margin:0;}
	.menu > li.pc_no{display:block;}
	.menu > li > a{display:block;width:100%;font-size:20px;color:#a9a9a9;line-height:26px;padding:15px 0;background:#0068b7;border-bottom:none;margin:0 0;}
	
	.menu > li > a.on{color:#fff;border-bottom:none;}
	.menu > li > a:hover{color:#fff;border-bottom:none;}
	.menu > li:hover > a > span{display:block;border-bottom:none;}
	.menu > li > ul.mdp02{display:none;width:100%;padding:15px 0;position:static;top:0;left:0;z-index:11;text-align:center;border:none;background:rgba(0,0,0,0.3);}
	.menu > li > ul.mdp02 > li{float:none;height:auto;border-bottom:none;}
	.menu > li > ul.mdp02 > li > a{font-size:15px;color:#a9a9a9;font-weight:500;padding:5px 5px;background:none;border-top:none;border-bottom:none;}
	.menu > li > ul.mdp02 > li > a:hover{color:#fff;background:none;}
	.menu > li > ul.mdp02 > li > a br{display:none;}
	
	.foot_top{width:calc(100% - 20px);}
	.foot_bot{width:calc(100% - 20px);padding:15px 0;}
}

@media screen and (max-width:768px){
	.foot_top > ul > li > a{background:none;padding-right:0;margin-right:5px;}

	#all_contents{margin-top:103px;}
	.foot_top ul {margin:auto;display:inline-block;clear:both}
	.foot_top li {float:left;position:relative;padding:0 10px;}
	.foot_top li a{margin-right:0px !important;}
	.foot_top li a:after {content:"";position:absolute;left:0;top:2px;width:1px;height:15px;background: url(../image/common/fline.jpg) no-repeat right center;}
	.foot_top li:first-child a:after {display:none}
	.mo_foot {display:none !important}
	.mo_br {display:block !important}
}

@media screen and (max-width:520px){

	.mtp-60{margin-top:-40px !important;}

}