@charset "utf-8";
/* CSS Document */

/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif, HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif , "나눔고딕", "맑은고딕",dotum;}
img{border:0;}
a{text-decoration:none;}
#wrap{width:100%;overflow:hidden;}
#header{overflow:hidden;}
.logo{margin:28px 0 27px 355px;}
#topmenu{position:absolute;right:5px;top:15px;width:350px;height:25px;}
#topmenu a{display:block;float:right;padding:0 24px 0 0;margin:0;font-size:13.5px;color:#6e6e6e;}
#topmenu a.tbtn01{width:27px;height:19px;background:url(../images/common/icon_01.gif) no-repeat;}
#topmenu a.tbtn01on{width:27px;height:19px;background:url(../images/common/icon_01.gif) no-repeat;display:none;}

#topmenu a.btn_home{padding:0 24px 0 18px;background:url(../images/common/h_icon.gif) no-repeat 0 4px; }
#menu{width:100%;height:59px;background:#5293c6;}
#menu a{display:inline-block;padding:18px 22.5px;margin:0;height:24px;}
#menu a.on, #menu a.on2 , #menu a:hover{background:#1e569e;}



#main_visual{height:660px;overflow:hidden;}
.main_intro {background:url("../images/main/bg_main.jpg") no-repeat center 0;}
.main_intro h2 {text-align:center;padding:80px 0}
.main_intro .link {text-align:center;}
.main_intro .link ul {display:inline-block;}
.main_intro .link ul:after {content:""; display:block; clear:both;}
.main_intro .link li {float:left;}
.main_intro .link li.first {margin-right:50px;}
.main_intro .link li.last {margin-left:50px;}
.main_intro .link li a {display:block;}
.main_intro .link li a span {display:block;color:#998ff4;text-align:center;font-size:22px;margin-top:5px;}
.main_intro .link li a span.white {color:#fff;}

#main_banner01{height:195px;text-align:center;}
#main_banner01 a{display:inline;margin:0;padding:0;}
#main_banner02{height:301px;text-align:center;background:#e3e5e5;}
#m_cus{padding-top:66px;text-align:center;border-top:1px solid #e3e5e5;}
#footer{height:80px;background:#222222;}
#footer:after {content:""; display:block; clear:both;}
#copyright{width:965px;height:60px;float:left;margin:45px 0 0 0;font-size:11px;color:#66635f;line-height:180%;}
#copyright strong{color:#66635f;}
#copyright span {padding:0 10px}
#copyright a{float:right;font-size:12px;color:#fff;padding:0 15px;margin:0;display:inline;background:url(../images/common/line01.png) no-repeat 0 5px;}

.family {float:left;margin-top:25px;margin-left:30px;}
.family .input_select {width:140px;background:#222222;color:#66635f;border:1px solid #66635f;-webkit-border-radius:3px;border-radius:3px;padding:5px;font-size:11px;}

#sub_visual{height:203px;text-align:center;background:#313130 url(../images/sub/sub_img.jpg) top center;}
#left{width:253px;float:left;overflow:hidden;margin-top:39px;}
#left a{float:left;display:block;width:229px;height:24px;padding:14px 0 13px 22px;margin:0;font-size:16.5px;color:#333;letter-spacing:-0.5px;line-height:130%; border: solid 1px #e0e0e0; border-width:0 1px 1px 1px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #left a {width:253px !important;height:51px !important;}
}
#left a.on, #left a:hover{color:#5e068e;font-weight:bold; background:url(../images/sub/left_bg.gif) no-repeat 225px 20px;}
#title{width:100%;height:70px;position:relative;padding-top:10px;font-size:30px;font-weight:bold;letter-spacing:-1px;}
#navi{font-size:12px;font-weight:normal;color:#555;letter-spacing:-1px;right:15px;top:0;position:absolute;}
#navi span{padding:0 18px 0 0;background:url(../images/sub/navi_arrow.gif) no-repeat right 5px;}

#right{width:899px;float:right;overflow:hidden;margin-top:25px;}
#quick{width:148px;overflow:hidden;position:absolute;left:50%;margin-left:615px;top:485px;}
#quick a{margin-bottom:5px;float:left;}

#ssm{width:100%;overflow:hidden;margin:25px 0 0 0;padding:0}
#ssm a{width:125px;overflow:hidden;margin:0 1px 0 0;padding:10px 0;font-size:16px;line-height:120%;text-align:center;float:left;border:1px solid #ccc;background:#fff;color:#444;}
#ssm a span{font-size:12px;}
#ssm_img{width:100%;height:634px;position:relative;}
#ssm_img img{display:none;position:absolute;}



.w100{width:100%;overflow:hidden;margin:0;padding:0;}
.w1200{width:1200px;overflow:hidden;margin:0 auto;padding:0;}
.w898{margin:53px 0 0 30px;width:868px;}
.w820{margin:20px 0 0 30px;width:820px;float:left;}
.w330{width:330px;overflow:hidden;}
.w410{width:350px;height:350px;border:5px solid #ffcceb;padding:32px 40px;}
.ttt01{font-size:22px;color:#333;font-weight:bold;margin-bottom:25px;letter-spacing:-1px;}
.txt26p{float:left;font-size:42px;color:#e84f85;width:80px;margin-top:100px;}

.line000{height:3px;width:100%;margin:30px 0;background:url(../images/sub/line000.png) repeat-x;float:left;}
.fl{float:left;}
.fr{float:right;}
.ml-46{margin-left:-46px;}
.mb10{margin-bottom:10px;}
.mb18{margin-bottom:18px;}
.mb40{margin-bottom:40px;}
.mb77{margin-bottom:77px;}
.mt49{margin-top:49px;}
.mt35{margin-top:35px;}
.mt36{margin-top:36px;}
.mt38{margin-top:38px;}
.mt45{margin-top:45px;}
.mt46{margin-top:46px;}
.mt55{margin-top:55px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb90{margin-bottom:90px;}
.alc{text-align:center;}
.f15{font-size:15px;color:#444;line-height:170%;letter-spacing:-0.5px;}
.tc0264ad{color:#0264ad;}
.f16{font-size:16px;color:#444;line-height:160%;letter-spacing:-0.5px;}
.f17{font-size:17px;}
.fb{font-weight:bold;}
.red{color:red;}
.orange{color:#ff6b09}
.fblue{ color:#0065b3;}
.vm {vertical-align:middle !important;}

/* margin */
.mt0 {margin-top:0 !important}.mt5 {margin-top:	5px !important}.mt10{margin-top: 10px !important}.mt15{margin-top: 15px !important}.mt20{margin-top: 20px !important}.mt25{margin-top: 25px !important}.mt30{margin-top: 30px !important}.mt35{margin-top: 35px !important}.mt40{margin-top: 40px !important}.mt45{margin-top: 45px !important}.mt50{margin-top: 50px !important}.mt55{margin-top: 55px !important}.mt60{margin-top: 60px !important}.mt70{margin-top: 70px !important}.mt120{margin-top: 120px !important}
.mr0 {margin-right:0 !important}.mr5 {margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.ml0 {margin-left:0 !important}.ml5 {margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.mb0{margin-bottom: 0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}

/* padding */
.p0 {padding:0 !important}
.pl0 {padding-left:0 !important} .pt5 {padding-top:	5px !important}.pt10{padding-top: 10px !important}.pt15{padding-top: 15px !important}.pt18{padding-top: 18px !important}.pt20{padding-top: 20px !important}.pt25{padding-top: 25px !important}.pt30{padding-top: 30px !important}.pt35{padding-top: 35px !important}.pt40{padding-top: 40px !important}.pt45{padding-top: 45px !important}.pt50{padding-top: 50px !important}.pr5 {padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pl0{padding-left:	 0px !important}.pl5{padding-left:	 5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}.pl65{padding-left:65px !important}.pl70{padding-left:70px !important}.pl75{padding-left:75px !important}.pl80{padding-left:80px !important}.pb5{padding-bottom:	5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}

a:active, a:focus {outline: none !important;ie-dummy: expression(this.hideFocus=true);}

/*======================================*
추가
*=======================================*/

body{
	line-height:1.2;
}

@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

.intro_left{
	width:253px; 
	font-family: 'Pretendard-Regular';
	border:1px solid #D9D9D9; 
	padding:30px 20px; 
	box-sizing:border-box;
	letter-spacing:-1px;
}

.intro_left p{
	margin:0;
}

.intro_left .title{
	color:#9D9D9D; 
	font-weight:500; 
	font-size:18px;
}

.intro_left .title span{
	color:#872EB0; 
}

.intro_left .num{
	font-size:36px; 
	color:#A82D04;
	font-weight:600;
	letter-spacing:-2px;
}

.intro_left .line{
	width:100%; 
	background:#D9D9D9; 
	height:1px; 
	margin:12px 0px;
}

.intro_left .time{
	color:#595959; 
	font-weight:600; 
	font-size:22px;
	margin-bottom:5px;
}

.intro_left .tt03{
	color:#676767;
	letter-spacing:-1.5px;
	font-size:15px;
	line-height:180%;
	font-weight:500;
}

.intro_left .tt03 span:nth-child(odd){
	display:inline-block;
	width:100px;
}

.intro_left .tt03 span:nth-child(even){
	color:#06416B;
	letter-spacing:-1px;
}