@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans:wght@400;800&display=swap');
/* font-face 사용하지 말 것 */

body, td, a, li, input{font-size:14px; font-family: 'Noto Sans','NanumGothic','Malgun Gothic',sans-serif; line-height:24px;}
body, div, table, ul, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a{padding:0; margin:0;}
.skip{position:absolute; left:-999px; font-size:1px; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}
a:link, a:visited, a:active, a:hover{color:#333333; text-decoration:none;}
img, form{border:none;}
a img, p img, li img{vertical-align:top;}
.none{background:none !important; padding:0 !important; margin:0 !important; border:0 !important;}
.red{color:red;}
.pdl25{padding-left:25px;}
.pdl40{padding-left:40px;}
strong.point { color:#9f1f63; font-size:larger;}

.body_bg{background:url('/register/2026/images/main_img.jpg') no-repeat center 200px; /*overflow-x:hidden;*/}
.wrap{width:100%; margin:0 auto;}
.header{width:100%;}
.gnb_bg {width:98%; margin:0 auto; position:relative; height:102px; display:flex; justify-content:space-between;}
h1{ height:102px;}
.gnb{ margin-top:35px; border:1px solid #662d91; padding-left:20px; height:35px;}
.gnb li{list-style:none; padding:3px 20px 3px 0; float:left;}
.gnb li a{font-size:11px;}
.lnb_bg {clear:both;  width:100%; 
background: #662d91; /* Old browsers */
background: -moz-linear-gradient(top,  #662d91 0%, #662d91 59%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #662d91 0%,#662d91 59%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #662d91 0%,#662d91 59%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
;}
.lnb{height:99px; display: flex; justify-content: space-around; width:100%; margin:0 auto;position:relative;}
.lnb li{list-style-type:none;  text-align:center; line-height:18px; flex:1; height:59px;}
.lnb li a{font-size:18px; color:#fff; font-family: 'NanumGothic','NotoRegular'; letter-spacing:-1px; display:block; background:#662d91; width:100%; line-height:59px; height:100%;}
.lnb li a.line {padding:5px 25px 6px 25px;}
.lnb li:hover a{background-color:#18126a;}
.lnb li:hover .sub{opacity: 1;visibility: visible; background-color:#18126a; width:100%;}
.lnb .sub{position:absolute; top:59px; height:40px;left:0px;  z-index:999; opacity: 0; 
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden; overflow: hidden;}
.lnb .sub li{float:left; list-style-type:none; padding: 0 10px; text-align:center; width:auto; height:auto;}
.sub li a:before{content:"-";display:inline-block;margin-right:5px;}
.lnb .sub li a{font-weight:bold; color:#fff; font-size:14px; padding: 8px 10px; letter-spacing:0;line-height:18px;}
.lnb .sub li a:hover{color:#ffed6a;}

#sub1{ padding-left:0; box-sizing:border-box;}
#sub2{ padding-left:135px; box-sizing:border-box;}
#sub3{ padding-left:15%; box-sizing:border-box;}
#sub4{ padding-left:210px;}
#sub5{ padding-left:33%; box-sizing:border-box;}
#sub6{ padding-left:50%; box-sizing:border-box;}
#sub7{ padding-left:64%; box-sizing:border-box;}
#sub8{ padding-left:76%; box-sizing:border-box;}
#sub9{ padding-left:calc(100% - 340px); box-sizing:border-box;}

.main_container { width:100%; margin:250px auto 20px; display: flex; justify-content: space-between;}
.container{width:1600px; margin:250px auto 0; overflow:hidden; padding-bottom:20px;}
.contents{float:right; width:1340px;min-height: 370px;}
.cont{padding:30px 0;}
.cont img { max-width:100%;}
.menu{float:left; width:220px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
.menu p{text-align:center; font-size:22px; color:#fff; padding:40px 0 40px 0; background:url('/register/2026/images/left_bg.jpg') no-repeat #662d91; font-weight:bold;}
.menu p.spon{ padding:37px 0 37px 0;}
.menu li{list-style-type:none; border-bottom:1px solid #ddd; }
.menu li a { display:block; padding:15px 0 15px 30px; color:#000; font-size:14px; background-color:#fff; position:relative;}
.menu li a:before {  position:absolute; left:15px; top:15px; content:'¤'; color:#662d91; font-size:12px;}
.menu ul li:hover a {color:#662d91; font-weight:bold; letter-spacing:-0.5px;}
.menu ul li.over a {background-color:#f7ecff; color:#18126a; font-weight:bold; font-size:14px; letter-spacing:0;}
.menu ul li.over a:before { color:#18126a;}
.menu ul li.over:hover{}
.title{font-size:30px; color:#333; padding:30px 0; border-bottom:1px solid #dcdcdc; margin-bottom:0px;}

.footer_bg{clear:both; width:100%; text-align:center; border-top:1px solid #ddd; padding:30px 0; background-color:#f0f0f0; font-size:12px;}
.footer a{font-size:12px;}

.invi{width:35%; font-size:14px; padding:1% 0 1% 1%; position:relative; min-width:460px;}
.invi h3 {color:#fff; font-size:24px; line-height: 24px; padding: 20px 10px; font-family: 'NanumGothic','NotoRegular'; background: linear-gradient(to bottom, #662d91, #f7ecff); border-radius: 20px 20px 0 0;}
.invi .invi_con { padding:0 10px 20px; border-radius: 0 0 20px 20px;background: linear-gradient(to bottom, #f7ecff, #fff); border: 1px solid #f7ecff; text-align:left; height:266px; overflow:hidden;}
.btn_more {padding: 2px 7px; border-radius: 10px; background:#333; position:absolute; right:10px; top: 40px;font-size:10px; color:#fff; line-height:10px;}
.btn_more a {font-size:10px; color:#fff; line-height:10px;}
.box2 { width:20%; padding:1%; min-width:250px;}
.box3 { width:45%; padding:1% 1% 1% 0; min-width:500px;}
.box1 { width:25%; padding:1% 0; min-width:250px;}
.box1 a {padding: 30px 20px; color:#ffdf00; font-weight:bold; font-size:30px; line-height:30px; background:#004ca4; text-align:center; display:block; position:relative; height:290px; overflow:hidden; border-radius: 20px;}
.quick, .quick2{width:100%;}
.quick li{list-style:none; float:left; padding:0 0 20px; width:100%; height:160px;}
.quick li a {padding: 20px; color:#fff; font-weight:bold; font-size:16px; line-height:24px; background:#18126a; text-align:left; display:block; position:relative; height:130px; overflow:hidden;z-index:2;}
.quick li a span, .quick2 li a span { display:block; font-size: 16px; font-weight:bold; color:#ffff00; margin-top:5px; z-index:3; position:relative;}
.quick li a i { position:absolute; top:75px; right:15px; border-radius:60px; width:65px; height:65px; background:#fff; color:#18126a; font-size:50px; padding: 15px 0 0 15px;opacity:0.6; z-index:1}
.quick li:nth-child(2) a {background:#913f98;}
.quick li:nth-child(2) a i {color:#913f98;}

.quick2 li{list-style:none; float:left; padding:0 2% 20px 0; width:48%; height:100px;}
.quick2 li a {padding: 20px; color:#fff; font-weight:bold; font-size:16px; line-height:24px; background:#4e76ce; text-align:left; display:block; position:relative; height:70px; overflow:hidden;}
.quick2 li a i { position:absolute; top:15px; right:15px; border-radius:60px; width:65px; height:65px; background:#fff; color:#4e76ce; font-size:50px; padding: 15px 0 0 15px;opacity:0.6;}
.quick2 li:nth-child(2) a {background:#3eb1ac;}
.quick2 li:nth-child(2) a i {color:#3eb1ac;}
.quick2 li:nth-child(3) a {background:#f33479;}
.quick2 li:nth-child(3) a i {color:#f33479;}
.quick2 li:nth-child(4) a {background:#7e67ba;}
.quick2 li:nth-child(4) a i {color:#7e67ba;}
.quick2 li:nth-child(5) a {background:#ff885a;}
.quick2 li:nth-child(5) a i {color:#ff885a;}
.quick2 li:nth-child(6) a {background:#179dc5;}
.quick2 li:nth-child(6) a i {color:#179dc5;}
.quick li a:hover i, .quick2 li a:hover i { background:rgba(0,0,0,0); color:#fff; opacity:1;}