@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{height:100%; min-height:100%; font-family:"Noto Sans KR", "Malgun Gothic","Nanum Gothic","AppleSDGothicNeo-Light","Dotum","Arial", sans-serif; font-weight:400; font-size:15px; color:#111; }
h1, h2, h3, h4, h5, h6{font-size:inherit;}
ul, ol{list-style:none;}
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;}
em, address, i{ font-style:normal;}
img{border:0px; vertical-align:top;}
a{text-decoration:none; color:#222;}
/* a:link, a:visited, a:hover, a:active{color:inherit} */
table{width:100%; border-spacing:0px; border-collapse:collapse;}
caption{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
legend{position:absolute; top:0px; left:-9999px; font-size:0px; line-height:0px; text-indent:-9999px;}
hr{overflow:hidden; position:absolute; top:0px;left:-9999px; width:0; height:0;}
input[type="submit"], input[type="reset"], input[type="image"]{border:0px; background:none; cursor:pointer;}
input[type="checkbox"], input[type="radio"]{border:0px;}
input, select{font-family:inherit; font-size:inherit; color:inherit; border:0px;}
.noscroll{overflow:hidden; position:absolute; width:100%;}
.wrap{width:100%; min-height:100%; min-width:1200px;}
.inner{max-width:1000px; margin:0 auto;}
.container{margin-bottom:100px;}
#mask{z-index:9;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;filter:Alpha(opacity=70); position:absolute;}

/* 공통클래스 */
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.pl{position:relative;}
.skip{overflow:hidden; position:absolute; top:0px; left:-9999px; font-size:0px; line-height:0px; width:1px; height:1px; text-indent:-9999px;}
.clr{clear:both;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:block; content:''; line-height:0px;}
.clearfix:after{clear:both;}

/* margin */
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml10{margin-left:10px;}

/* padding */
.pt30{padding-top:30px !important;}
.pr10{padding-right:10px}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px !important;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl70{padding-left:70px;}

/* btn */
.btn_red{background:#e50046; border:1px solid #e50046; color:#fff;}
.btn_gray{background:#9ca5b3; border:1px solid #9ca5b3; color:#fff;}
.btn_navy{background:#253a49; border:1px solid #253a49; color:#fff;}

/* input[type="checkbox"], input[type="radio"] style */
.inp_checkbox{color:#111; cursor:pointer; }
.inp_checkbox label{cursor:pointer; display:inline-block; height:32px; padding-left:40px; background:url(../images/common/checkbox_off.png) 0 0 no-repeat; vertical-align:top; line-height:32px;}
.inp_checkbox label.on{background:url(../images/common/checkbox_on.png) 0 0 no-repeat;}
.inp_checkbox input[type=checkbox]{width:0px; height:0px; opacity:0; filter:alpha(opacity=0);}
.inp_radio{color:#111; cursor:pointer;}
.inp_radio label{cursor:pointer; display:inline-block; height:25px; padding-left:32px; background:url(../images/common/radio_off.png) 0 0 no-repeat; vertical-align:top; }
.inp_radio label.on{background:url(../images/common/radio_on.png) 0 0 no-repeat;}
.inp_radio input[type=radio]{width:0px; height:0px; opacity:0; filter:alpha(opacity=0);}

/* font color */
.red{color:#e50046;}

/* header */
.header{position:relative; width:100%; height:105px; margin:0 auto; background:#303c49; border-bottom:5px solid #e50046; box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.3 );}
.header .inner{display:flex;align-items:center;justify-content:space-between;position:relative;    height: 100%;}
.header h1{}
.header .rg{display:flex;flex-direction:column;align-items: flex-end;gap: 30px;}
.header .utill{    margin-top: 7px;}
.header .utill li{float:left; padding:0 15px; font-size:15px; color:#b3b2b2; background:url(../images/common/utill_bar.png) 100% 50% no-repeat;}
.header .utill li:last-child{padding:0 0 0 15px;background-image:none;}
.header .utill li a{font-size:15px; color:#b3b2b2;}
.header .utill li a em{color:#fff; text-decoration:underline;}
.header .gnb{}
.header .gnb ul{display:flex;gap:30px;}
.header .gnb li{flex:1;}
.header .gnb li a{padding: 8px 17px;color:#fff; font-size:20px; font-weight:500; } 
.header .gnb li a.on{background-color: #e50046;}
.header .gnb li a:hover{text-decoration:underline;}  
/*
.btn_family{display:inline-block; position:absolute; top:0px; right:0px; width:125px; height:125px; padding-top:35px; background:#e50046 url(../images/common/ic_link.png) center 68px no-repeat; text-align:center; color:#fff; font-size:19px; font-weight:500; box-sizing:border-box;}   
.site_box{position:absolute; top:0px; right:0px; width:400px; height:100%; min-height:100%; padding:40px 30px; background:#fff url(../images/common/bg_family.png) 0 bottom no-repeat; box-sizing:border-box; z-index:99; border-left:1px solid #eee;}
.site_box .tit{position:relative; font-size:22px; font-weight:500;}
.site_box .tit span{position:absolute; top:35px; left:0px; display:inline-block; width:18px; height:2px; background:#e50046;}
.site_box ul{}
.site_box ul li{padding:30px 40px 30px 0; border-bottom:1px solid #ddd; background:url(../images/common/bullet_family.png) 97% 50% no-repeat;}
.site_box ul li a{font-size:20px; font-weight:500; line-height:30px;}
.site_box ul li a:hover{text-decoration:underline;}
.site_box .btn_close{position:absolute; top:50px; right:30px; display:inline-block; width:15px; height:15px; background:url(../images/common/ic_close.png) 0 0 no-repeat;}
@media all and (min-width:320px) and (max-width:1000px) {
	.btn_family{display:none;}
}
*/

/* footer */
.footer{width:100%; min-width:1000px; margin:0 auto; padding:40px 0; background:#111;}
.footer h2{float:left; margin-right:40px;}
.footer .info{float:left; width:660px; color:#ddd; line-height:22px; font-size:13px;}
.footer .info b{display:block; margin-bottom:10px; color:#fff; font-size:17px; font-weight:500;}
.footer .site_box{float:left; width:200px; color:#fff;}
.footer .site_box .tit{ font-weight:500; font-size:17px;}
.footer .site_box ul{margin-top:10px; }
.footer .site_box ul li{margin-bottom:5px; padding-left:7px; background:url(../images/sub/bullet_decred.jpg) 0 10px no-repeat;}
.footer .site_box ul li a{color:#ddd; font-size:15px;}
.footer .site_box ul li a:hover{text-decoration:underline;}