@charset "EUC-KR";
/* CSS Document */

html {
    overflow-y: scroll;
	margin: 0 auto;
}

a {
	text-decoration: none;
}
/*
Setup a basic body
*/
body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
}

.header {
	width: 100%;
	min-width: 1200px;
}
.logo {
	width: 100%;
	min-width: 1100px;
	max-width: 1200px;
	height: 80px;
	padding-top: 20px;
	margin: 0 auto;
}
.logo a{
	font-family: "Noto Sans KR", Noto Sans KR;
	font-size: 15px;
	margin-left: 5px;
	color: #000000;
}
.logo a:hover{
	color: #0c50cc;
}
.nav_div{
	width: 100%;
	min-width: 1100px;
	max-width: 1920px;
	margin: 0 auto;
	background-color: #0C4DA2;
position:relative;
z-index:999;
}
#topMenu {
    height: 50px;  
    width: 100%;  
	min-width: 1100px;
	max-width: 1200px;
}
#topMenu ul {          
    list-style-type: none; 
    margin: 0px;            
    padding: 0px;          
}
#topMenu ul li {           
    color: white;              
    background-color: #0C4DA2;  
    float: left;               
    line-height: 50px;         
    vertical-align: middle;    
    text-align: center;       
    position: relative;       
}
.menuLink {           
    text-decoration:none;              
    display: block;                    
    width: 190px;                     
    font-size: 16px;                    
    font-weight: 800;                 
    font-family: "NanumGothic", NanumGothic;
}
.submenuLink {           
    text-decoration:none;              
    display: block;                    
    width: 190px;
	height: 45px;
    font-size: 12px;                    
    font-weight: bold;                  
    font-family: "NanumGothic", NanumGothic; 
}
.menuLink {    
    color: white;
}
.topMenuLi:hover .menuLink {    
    color: #fff;                
    background-color: #5d84ca;  
}
.submenuLink {          
    color: #2d2d2d;             
    background-color: #fff;   
    margin-top: -1px;          
}
.longLink {     
    width: 190px;   
}
.submenu {             
    position: absolute;   
    height: 0px;           
    overflow: hidden;      
    transition: height .2s; 
    -webkit-transition: height .2s; 
    -moz-transition: height .2s;
    -o-transition: height .2s; 
}
.topMenuLi:hover .submenu {
    height: 300px;          
}
.submenuLink:hover {       
    color: #fff;                
    background-color: #4771bd; 
}

.sub-page {
	width: 1200px;
	margin: 0 auto;
}
#sub-content {
    width: 930px;
    padding: 0px;
    margin-bottom: 20px;
	margin-top: 10px;
    float: right;
}
#sub-sidebar {
    width: 270px;
    padding: 0px;
	margin-top: 10px;
    margin-bottom: 20px;
    float: left;
}
#sub-sidebar-menu {
	width: 220px;
	background-color: #ebebeb;
	height: 30px;
	padding:10px;
}
#sub-sidebar-menu:hover {
	width: 220px;
	background-color: #b6ccf5;
	height: 30px;
	padding:10px;
	color: #fff;
}

/*¼ö»óÀÚ*/
#page_navi.page-navi-winner{float:none;}
.winner-title{border-bottom:3px solid #3f4659; color:#222; font-size:22px; font-weight:600; padding:20px 10px; margin-bottom:30px; box-sizing:border-box;}
.profile{position:relative;width:100%;margin-bottom:100px;box-sizing:border-box;}
.pf_top{position:relative;width:100%;padding:40px 20px 20px; min-height:260px; background:#f6f6f6; margin-bottom:20px;box-sizing:border-box;}
.pf_top img{position:absolute;left:40px; width:140px;border:1px #e0e0e0 solid}
.pf_txt{margin-left:200px;}
.pf_txt .pf_title{width:100%;height:40px;line-height:40px;font-size:19px;font-weight:500;letter-spacing:-2px; margin:0 0 20px 0; color:#003f7f;}
.pf_txt .pf_title span{display:inline-block;line-height:18px;vertical-align:bottom;font-size:18px;font-weight:300;letter-spacing:0;color:#777;margin-left:14px;}
.page .pf_txt p{margin-top:0; color:#222; font-size:16px; font-weight:500;} 
.page .pf_txt dl{position:relative; margin-left:0;}
.page .pf_txt dt{width:100px; position:absolute; padding-left:15px; line-height:20px;}
.page .pf_txt dt:after{content:""; width:5px; height:5px; background:#c8d5e1; border-radius:50%; display:block; position:absolute; left:0; top:8px;}
.page .pf_txt dd{color:#666;margin-left:90px; font-size:14px; line-height:20px;}
.pf_cont{position:relative;padding:0 3% 3%;background:#fff;border:1px solid #e0e0e0;box-shadow:3px 3px 3px #e0e0e0; box-sizing:border-box; width:100%;}
.pf_cont dl{display:block;vertical-align:top;padding:10px 3% 0px 3%;box-sizing:border-box; width:100%;}
.pf_cont dl dt{width:100%;height:50px;line-height:51px;text-align:left;font-weight:500;letter-spacing:-1px;border-bottom:1px solid #ccc;color:#000; margin-bottom:20px;}
.pf_cont dl dt p{display:inline-block;line-height:48px;border-bottom:3px solid #003f7f; float:none; font-size:18px; color:#333; margin-top:0; font-weight:500;}
.pf_cont dl dd{line-height:28px; padding-bottom:10px;font-size:14px;color:#666; width:100%; box-sizing:border-box; margin-left:0%; position:relative;}
.w-em1{display:inline-block; width:140px; font-style:normal;}
.w-list1{margin-left:0; padding-left:0; margin-bottom:100px;}
.w-list1 li{display:inline-block; width:40%; margin-left:0; margin-right:3%; background:#f6f6f6; height:80px; line-height:80px;text-align:center; font-size:19px; font-weight:500; color:#003f7f;}
.w-list2{margin-left:0; padding-left:0; margin-bottom:100px;}
.w-list2 li{margin-left:0; margin-right:3%; background:#f6f6f6; padding:30px; list-style:none; margin-top:30px;}
.w-list2 li:first-child{margin-top:0;}
.w-list2 dl,
.w-list2 dt,
.w-list2 dd{padding:0; margin:0;}
.w-list2 dt{font-size:19px; font-weight:500; padding-bottom:20px;color:#003f7f;}
.w-list2 dd{font-size:15px; border-top:1px #e0e0e0 dashed; padding-top:15px; margin-top:15px; color:#666;}
.w-list2 dd.first-dd{padding-top:0; margin-top:0; border-top-width:0;}




/* ¿ÞÂʸ޴º*/
#left_mn_w{float:left;width:220px;border-top:none;background:#ebebeb;}
ul.left_mn{float:left;width:100%;list-style:none;margin:0;padding:0;}
ul.left_mn li{float:left;width:100%;line-height:40px;height: 40px;}
ul.left_mn li a{float:left;width:220px;padding-left:15px;display:block;font-size:16px;height: 40px;font-weight:600;color:#555;border:1px solid #ffffff;border-top:none;border-left:none;}
ul.left_mn li a:hover,ul.left_mn li a.on,ul.left_mn li a.selected{width:220px;color:#fff;height: 40px;background:url(../img/left_on.gif) 0% 50% repeat-y; border:none;}


.container {
	display: block;

}
.container img {
	display:block;
	float: left;
}

.m_banner img{ height:104px;}
.m_banner img:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}

.footer {
	float: left;
	width: 100%;
	height: 120px;
	background-color: #313131;
	color: #CACACA;
	font-size: 13px;
	margin-top: 0px;
}
/* ¸ÇÀ§·Î */
a.top{position:absolute;right:100px;top:850px;width:56px;height:48px;}


.main-quick{
list-style:none;
width:96%;
max-width:1280px;
margin:0 auto;
padding:100px 0 50px 0;
display:flex;
gap:1%;
}
.main-quick li{
width:19.2%;
}
.main-quick li a{
background-image: linear-gradient(0deg, #e6e5ed, #fefefe);
display:block;
text-align:center;
border-radius:20px;
padding:10px 10px;
box-sizing:border-box;
color:#333c5e;
transition: all .3s;
}

.main-quick li a:hover{
background-image: linear-gradient(0deg, #bee3ff, #ffffff);
transform: translate(0px,-10px)
}
.main-quick li img{
width:80px;

}
.main-quick li p{
font-size:22px;
font-weight:800;
text-align:center;
padding:5px 0 10px;
}
.main-quick li span{
font-size:15px;
opacity:0.7;
font-weight:600;
letter-spacing: 0em;
}


/*=================================== ¼­ºê ===================================*/

.page{position:relative;float:left;width:100%;margin-top:20px;}
.page p{float:left;font-size:18px;color:#898989;margin-top:20px;}
.page span{float:left;font-size:16px;width:100%;margin-bottom:20px;}
.stitle{position:relative;float:left;width:100%;line-height:100%;font-size:25px;font-weight:600;letter-spacing:-2px;color:#222;margin-bottom:25px;}
.stitle2{position:relative;float:left;width:100%;line-height:100%;font-size:21px;font-weight:600;letter-spacing:-1px;color:#222;margin:20px 0 20px 0;padding-top:20px;}
.stitle3{position:relative;float:left;width:100%;line-height:100%;font-size:19px;font-weight:600;letter-spacing:-1px;color:#222;margin:30px 0 10px 10px;}
.stitle4{position:relative;float:left;width:100%;line-height:100%;font-size:17px;color:#222;margin:10px 0 10px 20px;}
.stitle5{text-align:center;font-size:2em;padding-top:30px;padding-bottom:26px;letter-spacing:-1px;}
.stitle5 img{width:100px;float:left;padding:0 62px;}



/* Àλ縻*/
.greeting_w{position:relative;float:left;width:900px;}

.id_photo{float:left;width:239px;margin-top:20px;}
.id_photo p{float:left;text-align:center;font-size:14px;color:#898989;margin-top:20px;}
.id_photo p span{float:left;width:100%;height:20px;line-height:20px;font-size:18px;margin-top:8px;color:#000;}

#greeting{float:left;width:661px;}
#greeting p{float:left;width:100%;font-size:16px;line-height:30px;color:#555;text-align:justify;}
#greeting p span{float:left;width:100%;font-weight:600;text-align:right;color:#000;}
/*.gree_title{float:left;width:100%;line-height:24px;font-size:24px;text-align:left;color:#740a4b;font-weight:600;letter-spacing:-1px;margin-bottom:20px;}*/

b, strong{font-size:18px;font-weight:700;}
.mt-20{margin-top:20px;}
.info ul{list-style-position:outside; list-style-type:disc;font-size:16px;}
.info li{list-style-position:outside;list-style-type:disc;font-size:16px;}
.info2 ul{float:left; list-style-type:none;}
.info2 li{list-style-type:none;}
.ml-20{float:left;width:100%;margin-left:20px;}
.ml-21{float:left;width:100%;margin-left:20px;font-size:16px;}

/* »çÀÌÆ®¸Ê */
.sitemapl{float:left;width:100%;}
.sitemap dl{float:left;display:inline;width:22%;height:330px;margin:1.5%;}
.sitemap dl dt{float:left;width:95%;padding-left:7%;line-height:50px;font-size:20px;font-weight:400;color:#ffffff;background:#00AEEF;border-bottom:2px solid #ffffff;}
.sitemap dl dt a{color:#ffffff;}
.sitemap dl dd{float:left;width:100%;margin-left:0px;}
.sitemap dl dd a{float:left;width:95%;padding-left:7%;line-height:40px;font-size:14px;color:#555;background:#F4FCF3;border-bottom:1px solid #efe7f4;}
.sitemap dl dd a:hover{float:left;width:92%;color:#fff;font-weight:600;background:#97cce6;border-bottom:1px solid #7CC464;}


/* ÅÇ*/
.tab_area {padding-bottom:10px;}
.tab {clear:both; position:relative; padding:0; width:100%; background:url(../img/tab_bg_line.gif) 0 100% repeat-x;}
.tab li {display:inline;}
.tab a {float:left; padding:11px 19px; border:1px solid #dadada; width:38%; text-align:center; font-size:16px; background:#f2f2f2;}
.tab a:hover {color:#000;}
.tab a.active {padding:10px 19px 12px 19px; border-top:2px solid #0095DA; border-bottom:none; color:#333; background:#fff; font-weight:bold;}
.tab:after {content:""; clear:both; visibility:hidden; overflow:hidden; display:block; height:0;}
*:first-child+html ul.tabs {min-height:1px;} /* IE 7ë¥??„í•œ 규칙 */


.txt_box{float:left;float:left;width:100%;padding:15px 15px;line-height:24px;font-size:16px;text-align:justify;color:#444;border:3px solid #eee;background:#fafafa;}
.txt_box b{color:#000;}
.txt_box p{font-size:14px;color:#777;}
.txt_box span{line-height:26px;font-size:18px;font-weight:600;color:#000;}
.txt_box ul{float:left;width:%;}
.txt_box ul li{float:left;line-height:20px;font-size:16px;margin:5px 0;}



.tbl{float:left;width:100%;}
.tbl table{float:left;width:100%;border-collapse:collapse; border-top: 1px solid #3f4659; }
.tbl table th{font-size:18px;color:#000;font-weight:600;background:#f9f9f9;}
.tbl table td{font-size:16px;line-height:26px;color:#000;}
.tbl table th,.tbl table td{padding:12px;text-align:center;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}



.tbl2{float:left;width:100%;padding-bottom:20px;}
.tbl2 table{float:left;width:100%;border-collapse:collapse; border-top: 2px solid #666;}
.tbl2 table th{font-size:16px;color:#000;font-weight:400;background:#f7f7f7;border-top:1px solid #e5e5e5;}
.tbl2 table th,.tbl2 table td{padding:12px 0;text-align:center;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tbl2 table th:first-child,.tbl2 table td:first-child{border-left:none;}



.tbl3{float:left;width:100%;margin-bottom:30px;}
.tbl3 table{float:left;width:100%;border-collapse:collapse; border-top: 2px solid #666; }
.tbl3 table th{font-size:16px;color:#000;font-weight:600;background:#f7f7f7;border-top:1px solid #e5e5e5; padding:20px 0;}
.tbl3 table td{font-size:16px;line-height:26px;color:#000;border-top:1px solid #e5e5e5;padding:12px 0;}
.tbl3 table th,.tbl3 table td{text-align:center;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tbl3 table td a{font-size:16px;line-height:26px;color:#000;}
.tbl3 table td span{font-size:16px;font-weight:600;color:#ff00ac;}
.tbl3 table th:first-child,.tbl3 table td:first-child{border-left:none;}

.tbl4{float:left;width:100%;padding-bottom:10px;}
.tbl4 table{float:left;width:100%;border-collapse:collapse; border-top: 2px solid #666;}
.tbl4 table th{font-size:14px;color:#000;font-weight:400;margin-left:7px;text-align:center;background:#f7f7f7;border-top:1px solid #e5e5e5;}
.tbl4 table th,.tbl4 table td{padding:12px 0;text-align:center;vertical-align:top;font-size:13px;padding-left:3px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tbl4 table th:first-child,.tbl4 table td:first-child{border-left:none;}

.tbl5{float:left;width:100%;padding-bottom:20px;}
.tbl5 table{float:left;width:100%;border-collapse:collapse; border-top: 2px solid #666;}
.tbl5 table th{font-size:14px;color:#000;font-weight:400;margin-left:7px;text-align:center;background:#f7f7f7;border-top:1px solid #e5e5e5;}
.tbl5 table th,.tbl5 table td{padding:12px 0;text-align:center;font-size:12px;padding-left:3px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tbl5 table th:first-child,.tbl5 table td:first-child{border-left:none;}


.tbl6{float:left;width:100%;}
.tbl6 table{float:left;width:100%;border-collapse:collapse; border-top: 1px solid #3f4659; }
.tbl6 table th{font-size:18px;color:#000;font-weight:600;background:#f9f9f9;}
.tbl6 table td{font-size:16px;line-height:15px;color:#000;}
.tbl6 table th,.tbl6 table td{padding:12px 0;text-align:center;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}


.paper-num {width: 12%;text-align: center;vertical-align: top;padding: 10px 0 0;color: #666;width: 10%;}
.paper-pdf {text-align:center;vertical-align: middle;padding: 0 4px;width: 10%;}
.paper-line {border-bottom: 1px solid #999;}

.paper{line-height: 160%;text-align:left;}
.paper .a {color:#003f7f !important;}
.paper .a:hover {color:#003f7f !important;}
.paper .article0 {font-size:15px;color:#0066CC;font-weight:400;text-align:left;margin-left:10px;}
.paper .article1 {font-size:14px;color:#767676;text-align:left;margin-left:10px;}
.paper .article2 {font-size:13px;color:#9c9c9c;text-align:left;margin-left:10px;}

ul.sub_list2{float:left;width:96%;padding:2%;background:#f6f6f6;margin: 0 0 15px;}
ul.sub_list2 li{list-style:none;float:left;padding-left:1.5%;line-height:22px;font-size:16px;background:url(../img/sub_bullet3.gif) no-repeat 0 7px;margin-top:30px;margin: 0 0 0 30px;}
ul.sub_list2 li:first-child{margin:0}
ul.sub_list2 li span{color:#de5e00}

.session {width: 100%;color: #fff;margin: 15px 0;}

.color-poster {background-color: #3a9999;}
.session th {min-height: 60px;vertical-align: middle; /* height: 60px; */ padding: 10px; font-weight: normal;}

.title-session {font-size: 18px;line-height: 160%;/* padding: 2px 15px 2px 4px; */margin: 10px 10px;}

.fl {float: left !important;}

.fr {float: right !important;}

.pr-5 {padding-right: 5px;}
img {border: 0px;vertical-align: middle;}

.session_code{position:relative;width:100%;margin:0 auto;}
#page_navi{position:relative;float:left;width:99.8%;height:54px;text-align:center;background:#f3f6f9;border:1px solid #ccc;box-shadow:0 3px 3px #e0e0e0;margin-bottom:30px;}
#page_navi a.icon_home{float:left;width:64px;height:54px;background:url(../img/home2.png) no-repeat center center;text-indent:-999px;border-right:1px solid #ccc;}
#page_navi b{float:left;width:249px;line-height:54px;font-size:16px;font-weight:600;color:#000;border-right:1px solid #ccc;}
.navi_m{position:relative;float:left;height:54px;border-right:1px solid #ccc;}
.navi_m .drop{float:left;min-width:231px;line-height:54px;font-size:15px;color:#666;}
.navi_m .drop:hover{color:#333;}
.navi_m ul{position:absolute;top:34px;width:84%;background:#293d68;display:none;z-index:1000;}
.navi_m:hover ul{display:block;}
.navi_m ul li{float:left;width:231px;list-style:none;margin-left:-20px;}
.navi_m ul li a{float:left;width:231px;padding:10px 0;margin-left:-20px;line-height:22px;font-size:13px;color:#fff;border-top:1px solid #5d7ab9;}
.navi_m ul li a:hover{background:#2d4d93;}
.arrow{display:none;}

.page-nav { width:100%;height: 30px; margin-bottom:30px;}
.page-nav ul li {float:right;padding:0 10px; font-size: 13px;color:#000; list-style: none;line-height:18px;width:8%;}
.page-nav ul li a,.page-nav ul li a:hover {vertical-align: middle;text-align: right;text-decoration: none;}

/* µ¿ÀǼ­ Á¢¼ö */
.receipt {clear: both;float: left;position: relative;width: 100%;padding: 0;margin: 0;}
.receipt_bt {padding: 0;margin: 0 auto;text-align: center;}
a.btn_submit {display:inline-block; vertical-align:middle;text-align:center;text-decoration:none; cursor:pointer;font-weight:bold;}
a.btn_submit.next {width:170px; font-size: 15px; color:#333; background:#fff; border:2px solid #B3B3B3; padding:10px 0 12px 0; border-radius:30px; box-sizing:border-box; }
a.btn_submit.next:hover {background:#0082ca;  color:#fff;  border:2px solid #fff;}
a.btn_submit.before {width:150px; font-size: 15px; color:#333; background:#fff; border:2px solid #B3B3B3;padding:10px 0 12px 0; border-radius:30px; box-sizing:border-box; }
a.btn_submit.before:hover {background:#B3B3B3; color:#fff;  border:2px solid #fff;}


.ss-btn{
text-align:right;
margin-top:50px;
}
.ss-btn a{
display:inline-block;
background:#0f4282;
padding:12px 30px;
border-radius:5px;
color:#fff;
font-weight:600;
transition: .5s ease;
}
.ss-btn a:hover{
background:#0f3148;
}
.ss-btn a i{
margin:0 10px;
}

.ss-btn2{
text-align:left;
margin-top:20px;
margin-left:30px;
}
.ss-btn2 a{
display:inline-block;
background:#ff9900;
padding:10px 60px;
border-radius:5px;
color:#fff;
font-weight:400;
transition: .5s ease;
}
.ss-btn2 a:hover{
background:#ff9966;
}
.ss-btn2 a i{
margin:0 10px;
}


/*=================================== ·Î±×ÀÎ ===================================*/
#member{position:relative;width:65%;border:1px solid #ccc;margin:0 auto;}

.member_login{position:relative;width:90%;display:block; padding:5%;margin:0 auto;}

.form_text{text-align:center;width:100%;font-size:1em;line-height:120%;color:#898989;margin-bottom:30px}
.form_text b{float:left;width:100%;font-size:1.2em;line-height:130%;color:#000;margin-bottom:14px;}

.mem_login{position:relative;display:block;width:99%;margin:0 auto;overflow:hidden;}
.mem_input{float:none;background:#fff;margin-top:4px;border:1px solid #ccc;overflow:hidden;}
.mem_input span{float:left;width:30%;height:36px;line-height:36px;font-size:1em;font-weight:600;color:#898989;margin:0;padding:0 0px 0 10px ;background:#efefef;}
.mem_input input{float:left;width:65%;height:36px;line-height:36px;font-size:1em;font-weight:600;color:#898989;padding:0 10px;border:none;}

input.mem_login_btn{float:left;width:96%;height:36px;line-height:36px;font-size:1.3em;text-align:center;color:#fff;background:#d24545;font-weight:bold;color:#fff;border:none;margin:5px 0 0 0;}
input:hover.mem_login_btn{background:#b81e1e;}
input.mem_login_btn2{float:left;width:100%;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;background:#898989;font-weight:600;color:#fff;margin-top:18px;border:none;}
input:hover.mem_login_btn2{background:#000}

.mem_btns{position:relative;display:block;width:100%;margin:10px auto;overflow:hidden;text-align:center;}
.mem_btns a{font-size:1rem;color:#000000;}
.member_join{position:relative;float:left;width:350px;height:320px;padding:40px;background:#eee;}
.mem_join_btn{position:absolute;bottom:40px;left:40px;width:350px;}


#banner{
width:100%;
max-width:1000px;
margin:0 auto;
padding:1px 0;
}

.partners-banner{
display:flex;
justify-content: space-between;
padding-top:0px;
}
.partners-banner p{
flex:1 1 25%;
text-align:left;
margin-right:20px;
}
.partners-banner p img{
width:100%;
max-width:290px;
}