@charset "euc-kr";

@import url(basic.css);
@import url(notosanskr.css);


/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
Roboto - 1,3,4,5,7
*/


/*wrap*/
#wrap {width:100%; min-width:1200px;  }

/*header*/
.header_wrap { background: #ddd;}
#header {width:1200px; height:83px; margin:0 auto; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: space-between;}
#header h1 {width:240px; }

#header .gnb {float:left; overflow:hidden;}
#header .gnb > li {float:left; padding:0 30px;}
#header .gnb > li > a {width:100%; height:83px; font-size:17px; color:#fff; font-weight:600; display:block; text-align:center; line-height:100%; padding-top:30px; box-sizing:border-box;}
#header .gnb > li > a > span {font-size:12px; color:#ccc;}
#header .gnb > li.gnb3 > a {padding-top:30px;}
#header .gnb > li.on > a, #header .gnb > li.on > a > span, #header .gnb > li > a:hover, #header .gnb > li > a:hover > span {color:#feee68; text-decoration:none;}

#header .global { float: right; margin-left: 35px; display:inline-block;}
#header .global > a {display:inline-block;width:75px;text-align:center;height:20px; border:1px solid #014a99;font-size:12px; color:#014a99; text-decoration:none;}
#header .global > a:last-child {padding-right:0; margin-top: 8px;}
#header .global > a:hover {color:#ffffff; background: #014a99;}

.spon{float:right; }
.spon img + img { margin-left: 30px; }


#header .gnb > li > ul {display:none; position:absolute; top:83px; z-index:999999; background:#c50650;opacity: 0.9;}
#header .gnb > li > ul > li {width:200px;border-bottom:1px solid #d9006c;}
#header .gnb > li > ul > li > a {height:42px;padding-top:11px; display:block; text-align:center; font-size:14px;color:#ffffff;line-height:17px}
#header .gnb > li > ul > li > a span{text-align:center; font-size:11px;}
#header .gnb > li > ul > li > a:hover {color:#feee68;text-decoration:none;}
#header .gnb > li > ul.s1 {margin-left:-60px;}
#header .gnb > li > ul.s2 {margin-left:-70px;}
#header .gnb > li > ul.s3 {margin-left:-55px;}
#header .gnb > li > ul.s4 {margin-left:-70px;}

/*footer*/
#footer {width:100%; min-width:1200px; padding:25px 0; background:#393c44;}
#footer > ul {width:1200px; margin:0 auto; overflow:hidden;}
#footer > ul > li {float:left;}
#footer > ul > li, #footer > ul > li > a {font-size:13px; color:#aaa;}


/*sub visual*/
#sVisual {width:100%; min-width:1200px; height:240px; text-align:center; font-size:25px; color:#fff; line-height:130%; box-sizing:border-box;}
#sVisual > strong {color:#feee68;font-weight:600;font-size:40px;padding-bottom:15px;display:inline-block;}
.sub01{background: #ddd url('../images/sub/sVisu_01.png?ver=1') no-repeat center; background-size: 1200px; }


/*sub container*/
#sContainer {width:1200px; margin:45px auto 160px;}
#sContainer .title {padding-bottom:30px; margin-bottom:50px; text-align:center; border-bottom:1px solid #ddd;}
#sContainer .title h2 {font-size:35px; color:#111; line-height:100%; margin-bottom:15px; font-weight:700;}
#sContainer .title .location {display:inline-block;}
#sContainer .title .location > li {height:30px; float:left; font-size:13px; font-weight:400;}
#sContainer .title .location > li:first-child {background:url('../images/sub/locationDot.gif') no-repeat 25px 8px; padding-right:20px; margin-top: -2px;}
#sContainer .title .location > li:first-child img { margin-top: 5px; }
#sContainer .title .location > li span {color:#243cd1;}
/*#sContainer .title .location > li img { vertical-align: top; } */

/*sub contents*/
#sContents {width:1200px; min-height:200px;}
#sContents h1{ font-size:18px;color:#2067b6;font-weight:500;margin-bottom:10px; margin-top: 30px; }
#sContents > h1:first-child { margin-top: 0; }
.registration01{text-align:center;margin-top:30px}


.tabMenu {overflow:hidden;}
.tabMenu > a {display:block; float:left; height:60px; line-height:60px; border:1px solid #ddd; float:left; margin-left:-1px; text-align:center; text-decoration:none !important; color:#444; font-weight:400; box-sizing:border-box; position:relative; z-index:1;}
.tabMenu > a:first-child {margin-left:0;}
.tabMenu > a:hover, .tabMenu > a.on {background:#444; color:#fff; border:1px solid #222; z-index:2;}


#snb {width:100%; min-width:1200px; height:60px; background:#aeaeae; text-align:center; }
#snb > ul {display:inline-block;}
#snb > ul > li {float:left;}
#snb > ul > li > a {width:300px; height: 60px; border-right:1px solid #fff; text-align:center; display:block; color:#fff; text-decoration:none; font-weight:400; box-sizing:border-box; line-height: 125%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; margin-left: -1px;}
#snb > ul > li:first-child > a {border-left:1px solid #fff}
#snb > ul > li.on > a,
#snb > ul > li > a:hover {background:url('/images/common/snbDot.gif') no-repeat center bottom #fff; color:#f4313f; border: 1px solid #aeaeae; border-top: 0; border-bottom: 0;}
#snb > ul.s2 > li > a {width:600px;}
#snb > ul.s3 > li > a {width:400px;}
#snb > ul.s4 > li > a {width:301px;}
#snb > ul.s5 > li > a {width:240px;}


.terms{font-size:18px;color:#19217f;font-weight:500;}
.terms a{color:#fff;font-size:14px;font-weight:400;padding-bottom:3px;padding-left:10px;padding-right:10px;background-color:#19217f;margin-left:30px;text-decoration:none;}
.terms00{font-size:21px;color:#ffffff;font-weight:500;margin-bottom:15px;background-color:#19217f;padding-left:15px}
.terms01{font-size:15px;color:#444444;background:url('/images/sub/strenght_01.gif') no-repeat 0px 15px;padding-left:14px;font-weight:400;padding-top:5px;l}
.terms02{padding-left:25px;font-size:14px;color:#5e5e5e;padding-left:25px;background:url('/images/sub/su.gif') no-repeat 14px 11px;}
.terms03{font-size:18px;color:#383838;font-weight:500;padding-top:10px}
.terms04{font-size:14px;color:#505050;font-weight:300;padding-left:20px}

.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt20{padding-top:20px}
.pt8{padding-top:8px}
.pt13{padding-top:13px !important;}
.pl350{margin-top:-20px}
.ptsun{margin-top:50px;border-top:2px solid #0356b1;border-bottom:1px dashed #dadada;}


.regi_process_wrap { background: #f9f9f9; padding: 30px; }
.regi_process { width: 1100px; display: flex; justify-content: center; align-items: center; flex-direction:row; }
.regi_process li { width: 260px; height: 260px; /*border: 1px solid #333;*/ border-radius: 220px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction:column; position: relative; text-align: center; position: relative; background: #478bbc; color: #fff;}
.regi_process li + li { margin-left: 50px; }
.regi_process li:nth-child(2n) { background: #15427b; }
.regi_process li:after { content:''; width: 17px; height: 18px; background: #fff; display: block; position: absolute; right: -35px; top: 0; bottom: 0; margin: auto 0; background:	url('/images/sub/process_arr.png') center no-repeat;}
.regi_process li:last-child:after { display: none; }
.regi_step { font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 15px;}
.regi_span { font-weight: 400; margin-top: 80px; border:3px solid #15427b;padding:20px;border-radius:20px;background-color:#15427b;color:#fff;}


.contact{border-top:1px solid #888888;padding-top:60px;font-size:17px;color:#333333;font-weight:500;line-height:24px !important;width:320px;border-bottom:1px solid #dddddd;vertical-align:top;}
.contact01{border-top:1px solid #dddddd;padding-top:60px;font-size:14px;color:#333333;vertical-align:top;background:url('/images/sub/tel.gif') no-repeat 55px 63px;padding-left:85px;padding-bottom:30px}
.contact02{border-top:1px solid #dddddd;padding-top:60px;font-size:14px;color:#68aee2;vertical-align:top;background:url('/images/sub/mail.gif') no-repeat 0px 67px;padding-left:25px;padding-bottom:30px}
.contact02 a{color:#68aee2;font-size:14px;}
.contact03{padding-left:60px;border-bottom:1px solid #dddddd;padding-bottom:60px}

.down {margin-top:40px;padding: 17px 70px 17px 30px;width:250px;text-align:center;border: 3px solid #444;text-decoration: none !important;background: url(/images/sub/downBtn.png) no-repeat 93% -5px;display: inline-block;font-weight: 500 !important;color: #333 !important;border-radius: 10px;-webkit-border-radius: 10px;}
.down:hover {background-position: 93% -74px;background-color: #444;color: #fff !important;}

.downpdf {width:100px; height:30px; line-height:28px !important; display:inline-block; background:url('../images/common/readMore.png') no-repeat 14px #999; padding-left:32px; box-sizing:border-box; color:#fff !important; font-size:14px !important; font-weight:500; text-decoration:none !important;margin-top:10px;}
.downpdf:hover {background-color:#666;}









.c_pop_wrap{ width: 100%;min-width: 1200px;height: 100%;overflow: auto;display: none;background: url('/images/sub/profPopBg.png');position: fixed;top: 0;left: 0; z-index: 999998;}
.c_pop {width:1200px; margin:80px auto; background:#fff;padding-bottom:35px}
.c_pop div.popTitle {height:80px; line-height:80px; background:#000; color:#fff; font-size:18px; font-weight:700; padding-left:40px; position:relative;}
.c_pop div.popTitle p.close_bt {position:absolute; top:15px; right:15px; z-index:999999;}

/* popup */
.pop_load { width: 100%; height: 1px; z-index:99999999; position: fixed; top: 0; left: 0; }
.popup_wrap {width:100%; height:100%; background: url('/images/main/popBg.png'); position:fixed; top:0; left:0; z-index:999999999999;}
.popup {width:1200px; height: 726px; top: 50%; bottom: 0; margin: -374px auto; background:#fff; overflow:auto; position: relative;}
.popTitle { width: 1200px; height:60px; padding-left:45px; background: #fff url(/images/sub/short_prof_10.gif) 30px center no-repeat; box-sizing: border-box; position: fixed; border-bottom: 1px solid #cdcdcd;}
.popTitle div { width: calc( 100% - 70px );line-height: 60px; font-weight: 500; color: #252525; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;}
.popTitle p.close_bt { position:absolute; top:5px; right:19px; z-index:999999; cursor: pointer;}
.popVideo { width: 100%; margin-top: 60px; }
.popup_load.popPhoto_load { padding-bottom: 0; }
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


/* popup_video */
.popTitle { border-bottom: 0; }
.popup_load { width: 1200px; padding: 0 5px; overflow: hidden; box-sizing: border-box; }
.popVideo_left { width: 780px; height: 100%; float: left; }
.popVideo_left .popVideo > img { width: 100%; }
.popVideo_left	iframe { width: 100%; height: 439px; }
.popVideo_left .Rd_down { text-align: center; }
.popVideo_left .Rd_down a { width: 220px; height: 32px; line-height: 28px; background: #464646; border: 2px solid #464646; color: #fff; text-align: center; margin: 15px auto; border-radius: 3px; cursor: pointer; font-size: 13px; display: inline-block; }
.popVideo_left .Rd_down a:hover { color: #464646; background: #fff; text-decoration: none; }
.popVideo_left .Rd_down img { margin-left: 8px; margin-top: -4px; }

.popComment_wrap { padding: 0; }
.popComment_wrap { width: 100%; padding:0px; box-sizing: border-box; }
.write_upload_btn_box { width: 100%; height: 48px;	text-align: right; overflow: hidden; background: #c50650; border-radius: 5px 5px 0 0; color: #fff; padding: 0 10px; box-sizing: border-box;}
.write_upload_btn_box > div { float: left; line-height: 48px; }
.write_upload_btn_txt01 { float: left; color:#fff; font-size: 18px; letter-spacing: -1px; overflow: hidden; }
.write_upload_btn_txt02 { float: left; color: #a1a1a1; font-size: 13px; }
.write_upload_btn_txt02 .displayByte { color: #fff !important; }
.write_upload_btn_txt02 > img { margin: 0 9px 0 11px; }

.write_upload_btn_txt02 a.login_bt { color: #000; font-size: 15px; font-weight: 700; }
.write_upload_btn_txt02 a.enter_bt { color: #fff; font-weight: 500; }
.write_upload_btn_box a.write_upload_btn { line-height: 48px; font-size: 15px;	color:#fff; float: right; padding: 0; border-radius: 4px; cursor: pointer;}
.write_upload_btn_box a.write_upload_btn:hover { text-decoration: none; }
.write_upload_btn_box a.write_upload_btn > img { width: 17px; margin: -4px 0 0; }
.cbox_write_textarea { height: 105px; line-height: 140%; font-size: 14.75px; padding: 20px 15px; box-sizing: border-box; border: none; overflow: auto; margin-bottom: 0px; color: #666; resize:none; letter-spacing: -0.5px; border: 1px solid #ddd; border-radius: 0 0 5px 5px; text-align: justify; }
.cbox_write_textarea::placeholder { color: #aaa; }

/* popVideo_right */
.popVideo_right { width: 400px; height: 100%; float: right; margin-top: 60px;  }
.popVideo_right .refresh_btn { width: 100%; height: 38px; line-height: 38px; color: #fff; font-size: 15px; background: #666; border-radius: 5px; text-align: center; cursor: pointer; box-sizing: border-box; border: 2px solid #666;}
.popVideo_right .refresh_btn:hover { color: #666; background: #fff; }

/* popvideo_right ´ñ±Û */
.popComment_box { width: 100%; height: 610px; margin-top: 5px; clear: both; background: #cfd7e2; padding: 20px 18px; box-sizing: border-box; }
.popComment_box ul { height: calc( 100% - 50px); overflow: auto; }
.popComment_box ul li { width: 93%; margin-bottom: 18px; }
.popComment_box .comment_id { color: #88898c; font-size: 15px; margin-bottom: 5px; }
.popComment_box .comment_id span { color: #333; font-weight: 500; margin-right: 10px; }
.popComment_box .comment_txt { display: inline-block; color: #333; background: #fff; border-radius: 5px; clear: both; padding: 8px; line-height: 130%; font-size: 13.5px; word-break:break-all;}
.popComment_box ul li.comment_me .comment_txt { background: #fff799 ; }
.popComment_box ul li.comment_other .comment_txt { background: #fff; }

.commnet_paging { overflow: hidden; margin-top: 10px; }
.commnet_paging a, .video_new .commnet_paging a.paging_arr.on { width: 25px; height: 25px; float: left; background: #fff; color: #333; border: 1px solid #ddd; box-sizing: border-box; font-size: 13px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; line-height: 100%; }

.commnet_paging a:hover, .video_new .commnet_paging a.on { color: #fff; background: #444; border: 1px solid #444; }
.commnet_paging a.off { color: #ddd; cursor: default; }
.commnet_paging a.off:hover { color: #ddd; background: #fff; border: 1px solid #ddd; }

.commnet_paging a.paging_arr:hover { background: #ddd; border: 1px solid #ddd; }
.commnet_paging a.paging_arr.off { cursor: default; background: #eee; }
.commnet_paging a.paging_arr.off img { opacity: 0.4; }


/* popup_login */
.pop_load_login { width: 100%; height: 1px; z-index:9999999999; position: fixed; top: 0; left: 0; }
.popup_login .loginWrap { padding-top: 0 !important; }
.login_close_bt { height:auto !important; background: #f6f6f6; text-align: right !important; cursor: pointer; padding: 10px; margin-bottom: 0 !important;}

.popup_wrap.popup_login.sContents { z-index: 9999999999999999999999; }
.popup_login .popup { width: 800px; height: auto;}
.popup_login .popup .popup_load { width: 800px; padding: 0; }
.popup_login .popup .popup_load .checkPoint { text-align: left; background-position: 0px 4px !important; }


/* popup_program */
.pop_load_program { width: 100%; height: 1px; z-index:9999999999; position: fixed; top: 0; left: 0; }
.program_close_bt { height:auto !important; background: #f6f6f6; text-align: right !important; cursor: pointer; padding: 10px; margin-bottom: 0 !important;}

.pop_program .popup { overflow-x:hidden; }
.pop_program .program.boardTable { width: calc( 100% - 20px); margin: 35px 0 0 !important; }
.program.boardTable a { display: inline-block; line-height: 22px; background: #ccc; color: #fff; padding: 5px 10px; border: 2px solid #ccc; margin-top: 5px;	}