
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust:none;
	font-family:'Malgun Gothic','Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;
	list-style:none;
	line-height:1;
}

ol, ul{list-style:none;}
img{vertical-align:top;margin: 0px; padding:0; display: inline-block}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

html, body,input,button,textarea{font-size:12px; color:#888; font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;}

a {color:#a7a7a7; text-decoration:none;  -webkit-tap-highlight-color: rgba(0,0,0,0);   -webkit-tap-highlight-color: transparent; /* For some Androids */ }
a:hover {color:#a7a7a7; text-decoration:none;}
img,input{vertical-align:top;}
img,background-image{vertical-align:top; width:100%}
label{vertical-align:middle; font-size:14px; cursor:pointer;}
textarea {border:1px solid #dcdcdc; color:#888; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}
h1,h2,h3,h4,h5,h6,th,strong {font-weight:600;}
select {font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;}
input, select {vertical-align:middle;}
select{padding:7px;border:1px solid #ddd;}

input,textarea,select{-webkit-appearance: none;}

/*.input{border:0px;display:inline-block;padding:7px;border:1px solid #ddd;line-height:14px;color:#444 !important;font-size:14px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
*/
.B{font-weight:bold; font-size: 13px; color: #232323}

/*Basic  */
#warp {
	position: relative;
	width: 100%;
	z-index: 999;
	margin-top: -6px;
	margin: 0;
	
}

.vieo_cont{position: relative; padding-bottom: 57.25%; height:0; }
.vieo_cont iframe{position: absolute; top:0; width: 100%; height: 100%; z-index:1} 

.snsbg{background-color: #e5f3ff; width: 100%; height:25vw; margin:0 auto; position: relative;}  /*1230 추가*/
.sns{margin:auto; width: 100%; padding:0 0 20px; box-sizing: border-box; position: relative;} /*1229 수정*/
.sns li{float:left; margin-left:5%; width:19%;} /*0104*/

input[type='radio']{-webkit-appearance:radio;width:20px;height:20px;} 


/* 댓글 */

.quiz {font-weight:600; font-size:14px; background: #e8f6f7; margin-right: 10px}

#section04 {width:100%; padding:0px 0 0 0; overflow:hidden; position:relative;} /*1229 수정*/
#section04 .tit01 {position:relative; font-size:17px;color:#004e73; font-weight:300; text-align:center;line-height:1.5; letter-spacing: -1px}
#section04 .tit01 span {font-size:17px; color:#004e73; font-weight:400; line-height:1.3;letter-spacing: -1px}
#section04 .tit02 {font-size:18px; color:#333; font-weight:400; padding:30px 0; text-align:center; line-height:1.5;}
#section04 .tit02 strong {font-size:18px; color:#004e73;letter-spacing: -0.5px}
#section04 .tit02 span {font-size:18px; color:#333;letter-spacing: -1px }
#section04 .tit03 {font-size:22px; color:#333; text-align:center; padding:5px 0 40px 0; letter-spacing:-0.5px;font-weight: normal}

@media all and (max-width: 320px){
#section04 .tit01 {font-size:15px;}
#section04 .tit01 span {font-size:15px;}
#section04 .tit02 {font-size:16px;}
#section04 .tit02 strong {font-size:16px;}
#section04 .tit02 span {font-size:16px; }
#section04 .tit03 {font-size:20px;}
#section04 .cheeringBox p.t02 {font-size:13px; color:#99d6f3; } /*1229 컬러수정*/
#section04 .cheeringBox p.t02 strong {font-size:13px;}
#section04 .cheeringBox p.t02 span {font-size:13px;}
}

#section04 .cheeringBox {width:100%;  background:#004e74; overflow:hidden;} /*1229*/
#section04 .cheeringBox p.t01 {padding:30px 0 16px 0; text-align:center;}
#section04 .cheeringBox p.t01 span {font-size:26px; color:#fff; line-height:1.2; padding:0 0 0 48px; background:url('../images/bg_cheeringbox_t01.png') left 10px no-repeat;}
#section04 .cheeringBox p.t01 strong {font-size:26px; color:#fff; font-weight:600; line-height:1.2;}
#section04 .cheeringBox p.t02 {font-size:15px;color:#99d6f3; line-height:1.2; font-weight:200; padding:14px 0 28px 0; text-align:center;}/*1229 컬러수정*/
#section04 .cheeringBox p.t02 strong {font-size:16px; font-weight:500;}
#section04 .cheeringBox p.t02 span {font-size:16px;}


#section04 .cheeringBox .inform {position:relative; width:85%; margin:0 auto; font-size:0; line-height:0;}
#section04 .cheeringBox .inform:after {content:""; display:block; clear:both;}

#section04 .cheeringBox .inform .nick {width:100%; height:60px; font-size:16px; color:#333; line-height:60px; background:#fff; padding:0 1.4%;margin:0 0 10px 0; border:0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#section04 .cheeringBox .inform .message {width:100%; height:60px; margin:0 0 10px 0;font-size:16px; color:#333; line-height:60px; background:#fff; padding:0 1.4%; border:0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} 
#section04 .cheeringBox .inform .messageBtn {position:relative; left:8px; top:0; width:100%; margin:2% auto; display:block; line-height:50px; font-size:18px; color:#fff; font-weight:600; background:#74d0cb; text-align:center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} /*1229 컬러수정*/

@media all and (max-width: 320px){
#section04 .cheeringBox .inform .nick {font-size:15px; }
#section04 .cheeringBox .inform .message {font-size:15px; } 
#section04 .cheeringBox .inform .messageBtn { font-size:17px;line-height:50px;}
}

#section04 .cheeringList {width:100%; overflow:hidden;}
#section04 .cheeringList ul:after {content:""; display:block; clear:both;border-bottom:1px solid #e9e9e9;}
#section04 .cheeringList ul li {position:relative; padding:13px 20px; font-size:14px; color:#555; line-height:1.4;border-top:1px solid #e9e9e9}
#section04 .cheeringList ul li p.name {position:relative; left:0; top:0; width:160px; padding:0 20px 10px 0; background-position:right 5px;}
#section04 .cheeringList ul li p.name span {font-size:14px; color:#666; line-height:1.2; padding:0 0 0 24px;margin:0;background:url('../images/bg_cheering_list_name.png') left 6px no-repeat;}
#section04 .cheeringList ul li p.day {position:absolute; right:2%; top:0; font-size:14px; color:#999; line-height:45px;}
#section04 .tit01 u {display:block;}

/***** paging *****/
.allPageMoving1{font-size:0; line-height:0;}
.allPageMoving1 *{vertical-align:top;}
.allPageMoving1 a{display:inline-block; width:24px; height:24px;line-height:24px; color:#888; text-decoration:none; font-size:16px; padding:0 2px;}
.allPageMoving1 a.n{border:0;padding:0;}
.allPageMoving1 a.pre{border:0;margin:0 2px;}
.allPageMoving1 a.next{border:0;margin:0 2px;}
.allPageMoving1 a img{vertical-align:middle;}
.allPageMoving1 strong{display:inline-block; width:24px; height:24px; line-height:24px; color:#004e73; text-decoration:none; font-size:16px; font-weight:normal; padding:0 2px;}

/***** btn area *****/
.btnAreaList {position:relative; width:100%; text-align:center; margin:48px 0; clear:both; overflow:hidden;}
.btnArea {position:relative; width:100%; text-align:center; margin:25px 0 0 0; clear:both; overflow:hidden;}
	
/* notice */
#noticeWrap {width:100%; background:#f9f9f9; overflow:hidden; }
#noticeWrap #notice {width:100%; margin:0 auto; overflow:hidden;}
#noticeWrap #notice h2 {font-size:18px; color:#333; font-weight:600; padding:0 0 0 30px; margin:48px 0 26px 0; background:url('../images/bg_notice_wrap_h2.gif') left top no-repeat;}
#noticeWrap #notice ul {padding:0 0 40px 10px; }
#noticeWrap #notice ul:after {content:""; display:block; clear:both;}
#noticeWrap #notice ul li {font-size:14px; color:#777; padding:4px 5px 4px 5px; background:url('../images/mo/ico2.png') left 11px no-repeat;line-height:1.4em}
#noticeWrap #notice ul li strong {font-size:14px; color:#333; font-weight:normal;}

/* paging */
.pageWrap {position:relative;margin:30px 0 80px;}
.paging {width:100%; text-align:center; height:25px;}
.paging a {display:inline-block; height:23px; line-height:22px; border:1px solid #ccc; background-color:#fff; text-decoration:none; vertical-align:top; overflow:hidden;}
.paging a span {display:block; height:23px;vertical-align:middle; font-size:12px; font-family:verdana, tahoma, sans-serif; color:#555; min-width:8px; padding:0 8px 0 7px; letter-spacing:-1px; }
.paging a .pg {display:inline}
.paging a.arrow {background-color:#fff;}
.paging a.arrow span {background-image:url(../images/pg_arrow.gif); background-repeat:no-repeat; text-indent:-9999px; width:23px; padding:0;}
.paging a.current {background-color:#fff; border:1px solid #004e73; color:#004e73; font-weight:bold;}
.paging a.current span { color:#004e73;}
.paging a.current:hover {background-color:#fff;}
.paging a.first span {background-position:6px 8px;}
.paging a.prev span {background-position:-22px 8px;}
.paging a.next span {background-position:-348px 8px;}
.paging a.end span {background-position:-378px 8px;}
.paging a:hover {background-color:#ececec;}
.pageMove {position:absolute; right:0; top:0; font-size:11px;}
.pageMove input {padding:3px 5px; border:1px solid #ccc; text-align:right; vertical-align:middle; font-size:11px;}
.hidden{position:absolute;top:0;left:-9999% !important;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden;}


/*************************** Popup ***********************************/
.poptitle{background:#ca9d8b; padding: 5%; font-size: 1.4em; color:#fff; text-align: center; line-height: 1.4em ; }
.poptitle span{font-size:1em; font-weight: 600; color: #fff}
.sm{font-size:13px;font-family:inherit;border:1px solid #ddd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:7px;background:#fff url(../images/img_select_arrow.png) no-repeat 94% 50%;background-size:8px;}
input[type='checkbox']{-webkit-appearance:checkbox;width:20px;height:20px;} 
input[type='radio']{-webkit-appearance:radio}
.inputDiv{margin-bottom:20px;}
.inputDiv span{display:block;color:#333;font-size:15px;font-weight:600;margin-bottom:5px;}

.input{display:inline-block;padding:7px;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:15px;font-size:13px;}
.memBox{padding:15px;margin-top:10px;}
.memBox h2{font-size: 1.7em; margin-bottom:8%}
.memBox h2 span{font-size:1em; color: #42aec9}
.notice{ background:#f0f0f0;color: #525252; padding: 15px 10px 25px 10px; font-size:13px; line-height:1.6; margin-top:30px; letter-spacing: -0.09em}
.btns{width: 80%;text-align:center;}
a.btn_mem{display:inline-block;font-size:18px;text-align:center;font-weight:600;background:#ca9d8b;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:20px 65px;margin-top:15px; width: 60%}
a.btn_memC{display:inline-block;font-size:18px;text-align:center;font-weight:600;background:#BBBBBB;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:20px 65px;margin-top:15px; width: 60%}
a.btn_adr{display:inline-block;font-size:14px;text-align:center;font-weight:600;background:#165a81;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:8px 15px;margin-left:10px;}
 .memBox span{line-height: 1.5; letter-spacing: -0.5px}
.certi{margin:10px 0 35px 0;} 
a.btn_certi{display:inline-block;font-size:14px;text-align:center;font-weight:600;background:#165a81;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:15px 60px;margin-right: 10px} 
h3{font-size: 15px; color:#202288; font-weight: 600; margin-top:0;}
.point{color:#D9080C;}
.inmt{margin-top:10px;font-size:15px;font-weight:600;}
ul{list-style:none;}
.agreeChk {width:100%; overflow:hidden;border-top:1px solid #000;padding-top:20px}
.agreeChk ul {float:left;}
.agreeChk ul li {float:left;}
.agreeChk ul li label {display:inline-block; font-size:14px; color:#555; padding:0 0 0 8px;}
.agreeChk ul li input {vertical-align:middle;}
.agreeChk ul li a {font-size:14px; color:#1887a0; font-weight:600; line-height:18px; padding:0 0 0 5px;}
.endnoti{margin:3%;line-height: 1.7}



/** fancybox **/
#layerWrap {position:relative; width:100%; background:#fff; overflow:hidden; z-index:9999;}

#layerHead {position:relative; padding:55px 38px 28px; z-index:55;}
#layerHead:after {content:""; display:block; clear:both;}
#layerHead span {font-size:30px; color:#18879f; font-weight:600; letter-spacing:-1px;}
#layerHead u {font-size:30px; text-decoration:none;}
#layerHead .closeArea {position:absolute; right:30px; top:34px;}

#layerBody {position:relative;background: url() }
#layerBody:after {content:""; display:block; clear:both;}

#layerBody #popfooter {position:absolute; top:30px; right:30px ; overflow:hidden;z-index: 1}
#layerBody #popfooter ul {margin:0 0 0 10px;}
#layerBody #popfooter ul:after {content:""; display:block; clear:both;}
#layerBody #popfooter ul li {float:left; padding:18px 0 18px 30px;}
#layerBody #popfooter ul li a {font-size:20px; color:#fff; font-weight:200; line-height:1.2;}
#layerBody #popfooter ul li a span {font-size:20px; color:#fff; font-weight:600; line-height:1.2;}
#layerBody #popfooter ul li.pf01 a span {padding:0 0 0 40px; background:url('../images/bg/bg_popfooter01.png') left 4px no-repeat;}
#layerBody #popfooter ul li.pf02 a span {padding:0 0 0 30px; background:url('../images/bg/bg_popfooter02.png') left 7px no-repeat;}
#layerBody #popfooter ul li.pf03 a span {padding:0 0 0 40px; background:url('../images/bg/bg_popfooter03.png') left 7px no-repeat;}
#layerBody #popfooter ul li.pf04 a span {padding:0 0 0 40px; background:url('../images/bg/bg_popfooter04.png') left 7px no-repeat;}
#layerBody #popfooter .popclose {position:absolute; right:0; top:0; }
#layerBody #popfooter .popclose span {font-size:20px; color:#fff; line-height:60px; padding:0 0 0 25px; background:url('../images/bg_pop_close.png') left 9px no-repeat;}


.joinagree{margin-bottom: 4%}
.joinagree_tit{border-bottom:1px solid #e5e5e5;padding:15px 0; position:relative;font-size: 14px; font-weight: 600;color: #454545; line-height: 1.8}
.joinagree_tit img{width: 20%}
.joinagree_icon{position:absolute;right:5%;font-size:14px;color:#004e73;font-weight:600}
.joinagree_icon img{vertical-align: baseline}
.joinagree_view {display:none;overflow:auto;overflow-x:hidden;height:130px;padding:8px 15px;font-size:12px;line-height:17px;border:1px solid #e5e5e5;border-top:0;background:#f5f5f5;color:#666;}
.joinagree_view span{color:#3A3A3A; font-weight: 600;font-size:13px; }
.joinagree_txt{background:#f1f1f1;border-top:1px solid #b9b9b9;font-size:14px;color:#202020;padding:30px 40px;line-height:1.5}
.fcWs{color:#004e73 !important;} 
.inputDiv span u{color: #004e73; text-decoration: none}
.ess{color: #004e73; font-size: 14px; margin-bottom: 10px; font-weight: 600; text-align: right}

