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






/* skipnavigation */
#skipnavigation {position:absolute;top:0;left:-1000%;}


/* ============
	기본레이아웃
===============	*/
html, body {  }

.wrap { width:1000px; margin:0 auto; *zoom:1;  }
.wrap:after {content:""; clear:both; display:block;}
.c_box {width:94%; margin:0 auto;}

#container { width:100%; }


/* main popup */

.main_popup2 {position:absolute;  z-index:2000; background:#fff; border:1px solid #e1e1e1;  left:50%; }
.main_popup2 .pop_body {position:relative; padding:10px;}
.main_popup2 .pop_today {position:absolute; bottom:12px; left:10px; }
.main_popup2 .pop_today img	{ vertical-align:middle;}
.main_popup2 .pop_close {position:absolute; bottom:10px; right:10px; }

.main_popup3 {position:absolute;  z-index:2000; background:#fff; border:1px solid #e1e1e1;  left:50%; }
.main_popup3 .pop_body {position:relative; padding:10px;}
.main_popup3 .pop_today {position:absolute; bottom:12px; left:10px; }
.main_popup3 .pop_today img	{ vertical-align:middle;}
.main_popup3 .pop_close {position:absolute; bottom:10px; right:10px; }

.pop {position:relative; width:1100px;  margin: 0 auto;  z-index:3600;}
.main_popup {position:absolute;  z-index:2000; background:#fff; border:1px solid #e1e1e1;}
.main_popup .pop_body {position:relative; padding:10px;}
.main_popup .pop_today {position:absolute; bottom:12px; left:10px; }
.main_popup .pop_today img	{ vertical-align:middle;}
.main_popup .pop_close {position:absolute; bottom:10px; right:10px; }


/* Header */


#header { z-index:1000; height:80px; position:relative; border-bottom:1px solid #545454;  }
/*#header:hover {background-color: aquamarine;}*/
#header h1 { position:absolute; top:22px; left:50%; margin-left:-500px; z-index:1003; }
#navigation { position:absolute; top:-2px; left:50%; margin-left:-220px; min-width:500px; height:80px;  z-index:1002;}
	#navigation > li { float:left; height:100%; margin-left:50px; min-width:56px;  }
	#navigation > li:first-child { margin-left:0px; }
	#navigation > li a { display:inline-block; width:100%; height:100%; }
	#navigation > li > a { font-size:18px; letter-spacing:1px; /*font-family:'NotoSansKR';*/ color:#000;line-height:79px; text-align:center; font-weight:500;  }
/*#header:hover #navigation > li > a { font-size:18px; letter-spacing:1.2px; font-family:'Noto Sans KR'; color:red;line-height:79px; text-align:center; font-weight:500; }*/
	#navigation > li > a:hover, #navigation > li.active > a, #navigation > li.active > a:hover { color:#275bb1; text-decoration:none; font-weight:500; }
#navigation li ul { margin-top:-10px; display:none; }
#navigation li ul li { text-align:center; font-size:14px; line-height:1.7em; letter-spacing:0.5px; }
	#navigation li ul li a { color:#252525;  }
	#navigation li ul li a:hover { color:#275bb1; }

#me { position:absolute; top:27px; left:50%; margin-left:390px;  z-index:1004;}
#me dd{float:left; padding-left:10px; font-size:12px; color:#a1a1a1;}
    #me dd:before { content:"|"; display:inline-block; vertical-align:text-top; color:#efefef; font-size:9px; margin:2px 7px 0 0;  }
	#me dd:first-child{ padding-left:0px; }
	#me dd:first-child:before { content:""; margin-right:0px;  }
    #me dd a{color:#a1a1a1;}     

#sbm { display:none; position:absolute; left:0; top:75px; width:100%; height:110px; z-index:1001; background:#fff; border-bottom:1px solid #545454; }



/* Footer */
#footer { width:100%; margin-top:30px; padding:0 0 25px 0; border-top:1px solid #e5e6e9; }
#footer .footer_wrap { width:1000px; margin:0 auto; position:relative; }

#footer address { clear:both; display:block; width:1000px; margin:0 auto; padding:25px 0 12px 0;}
#footer address p {color:#878787; font-size:12px; font-weight:300;}
	#footer address ul { *zoom:1;  margin-bottom:15px;}
	#footer address ul:after {content:""; clear:both; display:block; }
	#footer address li { float:left; color:#838181; font-size:12px; padding-left:7px; *line-height:14px; }
	#footer address li a { color:#252525; font-weight: 500; }
    #footer address li:first-child a { color:#252525; font-weight: 300; }
	#footer address li:before { content:"|"; display:inline-block; vertical-align:text-top; color:#cfcdcd; font-size:9px; margin:2px 7px 0 0;  }
	#footer address li:first-child{ padding-left:0px; }
	#footer address li:first-child:before { content:""; margin-right:0px;  }
	#footer address .small {  text-transform: uppercase;  letter-spacing: 0;}
	#footer address .small strong {  font-weight:500; }
	#footer .footer_wrap .email { position:absolute; top:20px; right:7px; color:#4691dc; font-size:13px;  }
    #footer .footer_wrap .email em {font-size:14px; font-weight: 500; color:#4691dc; letter-spacing: 0; margin-left:10px; }
    #footer .footer_wrap .email span {color:#838181; letter-spacing:0.2px;}

/* 컨텐츠 */
#container .con_top { height:200px; margin-bottom:50px; background:url(../images/sub_bg4.jpg) center top no-repeat; }
#container .con_top.visual_01{ background:url(../images/sub_bg1.jpg) center top no-repeat !important; }
#container .con_top.visual_02{ background:url(../images/sub_bg2.jpg) center top no-repeat !important; }
#container .con_top.visual_03{ background:url(../images/sub_bg3.jpg) center top no-repeat !important; }
#container .con_top.visual_04{ background:url(../images/sub_bg4.jpg) center top no-repeat !important; }
#container .con_top.visual_05{ background:url(../images/sub_bg5.jpg) center top no-repeat !important; }
#container .con_top > * { width:1000px; margin:0 auto; text-align:center; color:#fff; }
#container .con_top h2 { padding:30px 0 20px 0; font-size:36px; letter-spacing:-0.5px; margin-bottom:13px; }
#container .con_top p { font-size:13px; color:#fff; text-align: left; padding:10px 0 0 10px;}
	#container .con_top p i { vertical-align:middle; font-size:14px;  color:#dadfe3;}
	#container .con_top p > i { padding:0 5px; }
	#container .con_top p a { color:#f8f5f5; }
    #container .con_top p em {font-weight:500; }

#lnb, #contents { float:left; }
#contents { min-height:500px; padding-bottom:100px; }

/* LNB */
#lnb { width:250px; }
#lnb dl { width:190px; }
#lnb dt { height:80px; line-height:80px; background:#e97585; color:#fff; font-family:'Noto Sans KR'; font-size:18px; text-align:center; }
	#lnb dt i { font-size:24px; vertical-align:middle; margin-right:5px; }
#lnb dd { width:188px; margin-top:-1px; border:1px solid #e2e2e2; border-top:none; position:relative; }
	#lnb dd > a { display:inline-block;width:150px; padding:0 19px; height:39px; line-height:39px; color:#252525; font-size:15px; }
		#lnb dd > a:hover { text-decoration:none; color:#e97585; }
		#lnb dd.on:after { content:"-"; font-family:'NanumEB'; font-weight:bold; position:absolute; top:10px; right:20px; color:#e97585; font-size:18px; }
		#lnb dd.on > a, #lnb dd.on > a:hover { color:#e97585; font-family:'Noto Sans KR'; }
	#lnb dd ul { border-top:1px dashed #e1e1e1; padding:7px 0 12px 0; }
		#lnb dd li a { display:inline-block; width:130px; padding:0 29px; height:22px; line-height:25px; color:#666666; font-size:13px; }
		#lnb dd li a:hover { color:#000; text-decoration:none; }
		#lnb dd li.on a, #lnb dd li.on a:hover { color:#000; font-family:'Noto Sans KR'; }

#lnb > ul { margin-top:20px;  }
#lnb > ul li { width:100%; text-align:center; background:url(../images/lnb_banner_line.png) 0 0 no-repeat; padding:20px 0 10px 0; }
#lnb > ul li:first-child { background:none; padding-top:0px; }
#lnb > ul li em { display:block; font-size:13px; font-family:'Noto Sans KR'; letter-spacing:-0.5px; line-height:100%; padding-top:3px; }
#lnb > ul li a:hover { color:#707070; text-decoration:none; }

/* contents */


/* ============
	메인
===============	*/

/* main */
#topBanner{position:relative; width:100%;}
#topBanner ul.bannerList{}
#topBanner ul.bannerList li{overflow:hidden; position:relative;}
#topBanner ul.bannerList li a img{width:100%; min-width:1900px; max-width:1920px; height:430px;position:absolute;margin:auto;left:-100%;right:-100%;top:-100%;bottom:-100%; 
}
#topBanner ul.bannerList li a{display:block;width:100%;height:445px;}





@media screen and (-webkit-min-device-pixel-ratio:0) {
 .tap02, .tap03, .tap04   {width:1000px; margin:0 auto; padding-top:1px;  }

}

/* 탭 */
.tap02 {width:1000px; margin:0 auto;}
.tap02 li {width:calc(50% - 1px); margin-left:1px; height:50px; line-height:50px; background-color:rgba(27,104,220,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000); text-align:center;  color:#fff;  float:left; font-weight:400; }
.tap02 li a { color:#fff; font-size:17px;  width:100%; height:50px; display:inline-block;}
.tap02 li.on{background-color: #fff;  }
.tap02 li.on a{color: #333; font-weight: 500;  }

.tap03 {width:1000px; margin:0 auto;}
.tap03 li {width:calc(33.3% - 1px); margin-left:1px; height:50px; line-height:50px; background-color:rgba(27,104,220,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000); text-align:center;  color:#fff;  float:left; font-weight:400; }
.tap03 li a { color:#fff; font-size:17px;  width:100%; height:50px; display:inline-block;}
.tap03 li.on{background-color: #fff;  }
.tap03 li.on a{color: #333; font-weight: 500;  }

.tap04 {width:1000px; margin:0 auto; }
.tap04 li {width:calc(25% - 1px); margin-left:1px; height:50px; line-height:50px; background-color:rgba(27,104,220,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000); text-align:center;  color:#fff;  float:left; font-weight:400;}
.tap04 li a { color:#fff; font-size:17px;  width:100%; height:50px; display:inline-block;}
.tap04 li.on{background-color: #fff;  font-weight: 500; }
.tap04 li.on a{color: #333;  }

/* step탭 */
.stepMenu{overflow:hidden;}
.stepMenu li{float:left; width:33.3%;}
.stepMenu li span{display:block; padding:15px 0; margin-left:30px; border-bottom:2px solid #ececec; font-size:18px; color:#252525;}
.stepMenu li:first-child span{margin-left:0;}
.stepMenu li.on span{margin-left:30px; border-color:#000;}
.stepMenu li.on:first-child span {margin-left:0;}



/* 시즈널 배너 */
.mn_seasonal { margin-top:20px; width:100%; position:relative; }
.mn_seasonal_column { margin-top:20px; width:100%; height:100px; }
	.mn_seasonal_column .banner { position:relative; z-index:1; }
		.mn_seasonal_column .num1 { float:left;  }
		.mn_seasonal_column .num2 { float:right;  }
	.mn_seasonal_column .banner .btn { position:absolute; z-index:2; }
		.mn_seasonal_column .num1 .btn { top:19px; right:35px; }
		.mn_seasonal_column .num1 .btn a { display:block; }
		.mn_seasonal_column .num2 .btn { top:56px; left:64px; }

/* 시즈널 배너 텍스트형 */
.mn_seasonal_txt { margin-top:20px; width:100%; height:90px; position:relative; background:url(../images/seasonal/bannerBg1step.jpg) 0 0 no-repeat; }
.mn_seasonal_txt .txt { padding:23px 0 0 50px; color:#9e0039; letter-spacing:-1px; *zoom:1; }
	.mn_seasonal_txt .txt:after {content:""; clear:both; display:block;}
	.mn_seasonal_txt .txt > * { float:left; vertical-align:text-top; }
	.mn_seasonal_txt .txt > img { margin-right:10px; }
	.mn_seasonal_txt .txt em { font-family:'Noto Sans KR'; font-size:22px; }
	.mn_seasonal_txt .txt span { font-size:17px; }

.mn_seasonal_txt .btn { position:absolute; top:25px; right:35px; }
.mn_seasonal_txt .btn a { display:inline-block; height:40px; line-height:40px; text-align:center; color:#fff; font-family:'Noto Sans KR'; font-size:16px; border-radius:30px;background:url(../images/seasonal/bannerBtn1.png) top center repeat-y; }
	.mn_seasonal_txt .btn a:hover { text-decoration:none; }
	.mn_seasonal_txt .btn.s1 a { width:120px; }
	.mn_seasonal_txt .btn.s2 a { width:150px; }
	.mn_seasonal_txt .btn.s3 a { width:180px; }
	.mn_seasonal_txt .btn.s4 a { width:210px; }
	.mn_seasonal_txt .btn.type1 a { background:#c9143f; }
	.mn_seasonal_txt .btn.type2 a { background:#8430c2; }

.mn_seasonal_txt_column { margin-top:20px; width:100%; height:100px; }
.mn_seasonal_txt_column .banner { position:relative; height:100px; z-index:1; }
	.mn_seasonal_txt_column .num1 { float:left; width:750px; position:relative; background:url(../images/seasonal/bannerBg2step1.jpg) 0 0 no-repeat; }
	.mn_seasonal_txt_column .num2 { float:right; width:240px; position:relative; background:url(../images/seasonal/bannerBg2step2.jpg) 0 0 no-repeat; text-align:center; }
.mn_seasonal_txt_column .banner .btn { }
.mn_seasonal_txt_column .banner .btn a { display:block; height:30px; line-height:30px; text-align:center; color:#fff; font-family:'Noto Sans KR'; font-size:16px; border-radius:30px }
.mn_seasonal_txt_column .banner .btn a:hover { text-decoration:none; }
.mn_seasonal_txt .txt { padding:23px 0 0 50px; color:#9e0039; letter-spacing:-1px; *zoom:1; }
	.mn_seasonal_txt_column .banner.num1 .txt { padding:27px 0 0 50px; color:#9e0039; letter-spacing:-1px; *zoom:1; }
		.mn_seasonal_txt_column .banner.num1 .txt:after {content:""; clear:both; display:block;}
		.mn_seasonal_txt_column .banner.num1 .txt > * { float:left; vertical-align:text-top; }
		.mn_seasonal_txt_column .banner.num1 .txt > img { margin-right:10px; }
		.mn_seasonal_txt_column .banner.num1 .txt em { font-family:'Noto Sans KR'; font-size:22px; }
		.mn_seasonal_txt_column .banner.num1 .txt span { font-size:17px; }
	.mn_seasonal_txt_column .banner.num1 .btn.ea1 { bottom:30px; right:35px; position:absolute; z-index:2; }
	.mn_seasonal_txt_column .banner.num1 .btn.ea1 a { width:130px; height:36px; line-height:36px; background:url(../images/seasonal/bannerBtn1.png) top center repeat-y; }
	.mn_seasonal_txt_column .banner.num1 .btn.ea2 { bottom:15px; right:35px; position:absolute; z-index:2; }
	.mn_seasonal_txt_column .banner.num1 .btn.ea2 a { width:120px; height:32px; line-height:32px; background:url(../images/seasonal/bannerBtn1.png) top center repeat-y; }
	.mn_seasonal_txt_column .banner.num1 .btn.ea2 a:first-child + a { margin-top:4px; }
.mn_seasonal_txt_column .banner.num2 .txt { font-size:18px; color:#363636; letter-spacing:-1px; margin:23px 0 9px 0; }
.mn_seasonal_txt_column .banner.num2 .txt em { font-family:'Noto Sans KR'; }
	.mn_seasonal_txt_column .banner.num2 .btn { display:inline-block; margin:0 auto; }
	.mn_seasonal_txt_column .banner.num2 .btn a { width:120px; background:#275bb1;; }

/* 비주얼영역 */
.m_text1 {color:#ffffff; font-weight:500; position:absolute; z-index:100; top:100px; font-size:38px; text-align: center; left:50%; margin-left:-400px; width:800px;  line-height:44px; letter-spacing:-1.4px;}
.m_text1 em {color:#3486ff; display: block; margin-bottom:20px;  text-shadow: 4px 4px 10px rgba(87, 89, 91, 1); font-size:39px;  letter-spacing:0.5px;}
.m_text1 span { font-weight:100; }


.mn_rolling { width:100%; height:445px; position:relative; }
.mn_rolling .banner li { position:absolute; top:0; left:0%;   display:none; z-index:1;  }
.mn_rolling .banner li:first-child { display:block; }
.mn_rolling .banner li img { width:100%;  height:445px; min-width:1900px; max-height:1920px;  }
.mn_rolling .banner li.ba1 {background:url(../images/main_banner01.jpg) top center no-repeat; height:445px;  width:100%;  }
.mn_rolling .banner li.ba2 {background:url(../images/main_banner02.jpg) top center no-repeat; height:445px;  width:100%;  }
.mn_rolling .banner li.ba3 {background:url(../images/main_banner03.jpg) top center no-repeat; height:445px;  width:100%;  }
.mn_rolling .banner li.ba4 {background:url(../images/main_banner04.jpg) top center no-repeat; height:445px;  width:100%;  }
.mn_rolling .banner li.ba5 {background:url(../images/main_banner_200706.jpg) top center no-repeat; height:445px;  width:100%;  }


/*
.mn_rolling { width:100%; height:445px;  position:relative; }
.mn_rolling .banner li { position:absolute; top:0; left:0; display:none; z-index:1;   border:1px solid red;  text-align: center; }
	.mn_rolling .banner li:first-child { display:block; }
	.mn_rolling .banner li img { height:445px; }
*/
.mn_rolling .ico { position:absolute; bottom:20px; left:50%; z-index:2; *zoom:1; }
	.mn_rolling .ico:after {content:""; clear:both; display:block;}
	.mn_rolling .ico li { float:left; margin-right:8px; }
    .mn_rolling .ico li a { display:inline-block; width:12px; height:12px; background:url(../images/po.png) top center no-repeat; background-size:12px auto;}
	.mn_rolling .ico li.on a {background:url(../images/po_on.png) top center no-repeat;  background-size:12px auto; }

/* 공지사항 */
/*
.mn_notic {width:100%;  background-color: aquamarine;  }
.mn_notic:after {content:""; clear:both; display:block;}
.mn_notic .tit {width:250px; height:100px; color:#333; font-size:28px;   background:url(../images/notice_bg.jpg) top center no-repeat; float:left; text-align: center;  font-weight:100;  border:1px solid red; }
.mn_notic ul {width:700px;   padding-top:40px; margin-left: 250px;}
.mn_notic ul li { width:calc(44%); float:left; font-size:15px;  margin:0 0 20px 40px;   cursor:pointer;    }
.mn_notic ul li em {float:left;}
.mn_notic ul li em.n{width:59px; height:59px; border:1px solid #4691dc; text-align: center;  line-height:59px; display:inline-block; color:#4691dc; }
.mn_notic ul li em.h{width:59px; height:59px; border:1px solid #f06eaa; text-align: center;  line-height:59px; display:inline-block; color:#f06eaa;  }

.mn_notic ul:after {content:""; clear:both; display:block;}
*/

.mn_notic {width:100%; margin-top:40px;   }
.mn_notic:after {content:""; clear:both; display:block;}
.mn_notic h2 {width:250px; height:100px; color:#333; font-size:28px;   background:url(../images/notice_bg.jpg) top center no-repeat; float:left; text-align: center; padding-top:200px; font-weight: 100;}
.mn_notic ul {width:750px;  margin-left:250px; padding-top:40px;}
.mn_notic ul li { width:calc(44%); float:left; font-size:15px;  margin:0 0 20px 40px;   cursor:pointer;  }
.mn_notic ul li em {float:left;}
.mn_notic ul li em.n{width:59px; height:59px; border:1px solid #4691dc; text-align: center;  line-height:59px; display:inline-block; color:#4691dc; }
.mn_notic ul li em.h{width:59px; height:59px; border:1px solid #f06eaa; text-align: center;  line-height:59px; display:inline-block; color:#f06eaa;  }
.mn_notic ul li p { margin-left:80px;   max-width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 8px;  }
.mn_notic ul li p span {color:#a1a1a1; font-size:14px; display:block;}
.mn_notic ul:after {content:""; clear:both; display:block;}

/* QNA */
.mn_qna { background:url(../images/qna_bg.jpg) top center no-repeat;  width:1000px; height:100px; margin-top:40px; position: relative;}
.mn_qna .qList {width:430px; float:left; margin:14px 0 0 40px; color:#fff;}
.mn_qna .qList h2{font-size:24px; }
.mn_qna .qList h2 span {font-weight:700;}
.mn_qna .qList p i{font-size:3px; margin-right:10px;}
.mn_qna .qList p a {color:#fff;}

.mn_qna:after {content:""; clear:both; display:block;}

.mn_qna .mail {color:#fef182; padding-top:25px; }
.mn_qna .mail span {background-color:#fef182; font-size:#7262e5; color: #7262e5; padding:0 5px; margin-right:4px; display:inline-block; height:20px; line-height:20px;}

.girl {position: absolute; right:50px; top:-48px; }
.girl img {width:180px;}

/* 배너 */
.mn_banner {margin:30px 0 0 33px; }
.mn_banner li{float:left; margin-right:31px; } 


/* 컨텐츠 */
.mn_con_group { margin:20px 0; *zoom:1; }
.mn_con_group:after {content:""; clear:both; display:block;}
.mn_con_group > div { float:right; }
.mn_con_group > div:first-child { float:left; }

/* 로그인 */
.mn_login { width:488px; height:53px; border:1px solid #e1e1e1; }
	.mn_login ul { margin:9px 0 0 0; *zoom:1; }
	.mn_login ul:after {content:""; clear:both; display:block;}
		.mn_login li { float:left; margin-left:9px; line-height:35px; }
		.mn_login li input[type=text], .mn_login li input[type=password] { height:35px; border:none; background:#eff0ef; padding:0 7px; width:146px; border-radius:2px; }
	.mn_login span { padding:0 10px; color:#ccc; }
	.mn_login .btn_login { height:35px; width:130px; display:inline-block; color:#fff; background:#275bb1; text-align:center; text-decoration:none; font-family:'Noto Sans KR'; line-height:35px; border-radius:2px; }
	.mn_login dl { margin:9px 0 0 9px; *zoom:1; }
	.mn_login dl:after {content:""; clear:both; display:block;}
		.mn_login dl > * { float:left; line-height:35px; margin-left:9px; }
		.mn_login dt { font-size:14px; padding:0 10px; }
		.mn_login dt a { font-size:12px; }
		.mn_login dt i { font-size:20px; vertical-align:middle; color:#959595; margin-right:4px; }
		.mn_login dt em { font-family:'Noto Sans KR'; color:#275bb1; }
	.mn_login > p { margin:9px 0 0 9px; text-align:center; }
		.mn_login > p i { font-size:20px; vertical-align:middle; color:#959595; margin-right:4px; }
		.mn_login > p em { font-family:'Noto Sans KR'; color:#275bb1; }
		.mn_login > p .btn_login { margin-left:15px; }

/* 일정배너 */
.mn_schedule { width:250px; height:53px; background:#f3f3f3; border:1px solid #e4e4e4; }
.mn_schedule a { display:inline-block; width:100%; height:100%; line-height:53px; text-align:center; color:#363636;  font-size:15px; letter-spacing:-0.5px;  }
.mn_schedule a img { vertical-align:middle; margin-right:10px;}
/* 일정배너 new */
.mn_log_banner { width:238px; height:53px; background:#f3f3f3; border:1px solid #e4e4e4; }
.mn_log_banner a { display:inline-block; width:100%; height:100%; line-height:53px; text-align:center; color:#363636;  font-size:15px; letter-spacing:-0.5px;  }
.mn_log_banner a img { vertical-align:middle; margin-right:10px;}
/* 일정배너 3개 */
.mn_con_banner { width:158px; height:53px; background:#f3f3f3; border:1px solid #e4e4e4; }
.mn_con_banner a { display:inline-block; width:100%; height:100%; line-height:53px; text-align:center; color:#363636;font-size:15px; letter-spacing:-0.5px;  }
.mn_con_banner a img { vertical-align:middle; margin-right:10px;}

/* 공지 */
.mn_board { width:440px; height:218px; border:1px solid #e1e1e1; padding:0 24px;  }
.mn_board h3 { margin-top:18px; *zoom:1; }
.mn_board h3:after {content:""; clear:both; display:block;}
	.mn_board h3 em { float:left; font-size:17px; }
	.mn_board h3 a { float:right; display:inline-block; width:45px; height:18px; text-align:center; line-height:18px; font-size:12px; border:1px solid #e1e1e1; color:#666666; text-decoration:none; font-family:'NanumR'; border-radius:3px;  }
	.mn_board h3 a:hover { border:1px solid #bbb; color:#252525;  }
.mn_board ul { margin-top:15px; }
	.mn_board li { height:25px; *zoom:1; }
	.mn_board li:after {content:""; clear:both; display:block;}
	.mn_board li em { float:left; max-width:330px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.mn_board li:hover em { text-decoration:underline; }
	.mn_board li img { margin-left:3px; vertical-align:middle; }
	.mn_board li span { float:right; font-size:12px; font-family:'verdana'; }






/* ============
	컨텐츠
===============	*/
.schedule {font-size:2.5em;  margin: 0 auto 40px ;  text-align:center; line-height:30px; font-weight: 700; letter-spacing:2px;}
.schedule span {font-size:33px; margin-left:-5px; padding-bottom:4px;}
.schedule i.xi-angle-left {font-size:18px; border:1px solid #e1e1e1; padding:5px; margin-right:50px; vertical-align: middle; border-radius:20px; padding:8px; }
.schedule i.xi-angle-right {font-size:18px; border:1px solid #e1e1e1; padding:5px; margin-left:50px; vertical-align: middle; border-radius:20px; padding:8px; }

/* 게시판 - 리스트 */

.boardList { width:100%; }
.boardList thead tr { border-top:1px solid #666666; border-bottom:1px solid #dddddd; }
	.boardList th { background:#e9edf5; color:#333333;  height:40px; font-weight:400;   }
.boardList tbody tr { cursor:pointer; }
.boardList tbody tr.notice {  background:#fcfcfd; }
.boardList tbody tr:hover { background:#f9f9f9; }
	.boardList td { border-bottom:1px solid #e1e1e1; height:50px; text-align:center; color:#878787;  }
.boardList td .subject01 {margin-right:20px; border:1px solid #91b7ce; padding:1px 0; width:60px; text-align: center; border-radius:2px; color:#55a2d0; background-color: #fff; display: inline-block; font-size:13px;} 
.boardList td .subject02 {margin-right:20px; border:1px solid #fbb0ce; padding:1px 0; width:60px; text-align: center; border-radius:2px; color:#fa79ac; background-color: #fff; display: inline-block; font-size:13px;} 
.boardList td .subject03 {margin-right:20px; border:1px solid #56b77d; padding:1px 0; width:60px; text-align: center; border-radius:2px; color:#1b8d49; background-color: #fff; display: inline-block; font-size:13px;} 
.boardList td .subject04 {margin-right:20px; border:1px solid #7f61e5; padding:1px 0; width:60px; text-align: center; border-radius:2px; color:#7050e1; background-color: #fff; display: inline-block; font-size:13px;} 
    .boardList td.day { padding:5px 40px 5px 80px; text-align: left;} 
    .boardList td.day p{width:100%; height:30px; line-height:30px;}
.boardList td.day p span {font-weight:500; color:#8061e5; margin-right:30px; font-size:13px; }
    .boardList td img {vertical-align: middle;}
    .boardList td .notice_i {background-color: #43a9f3; padding:0 10px; height:25px; line-height:25px; font-size:12px; border-radius:18px; color:#fff; text-align: center; display: inline-block; }
	.boardList td.tit { text-align:left; color:#333333; max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
    .boardList td.tit1 { text-align:left;  color:#43a9f3;  max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
	.boardList td.tit img ,.boardList td.tit1 img { vertical-align:middle; margin-left:10px; }
    .boardList td.tit i.xi-subdirectory-arrow { vertical-align:text-top; color:#849fc4; font-size:22px; padding:0 5px; margin-top:-3px;  display: inline-block;}
    .boardList td .answer {padding:0 10px; color:#fa79ac; border:1px solid #fbb0ce; font-size:12px; border-radius:18px; height:25px; line-height:25px; display: inline-block; vertical-align: middle;} 

    .boardList td .answer_n {/*padding:6px 10px 0 10px;*/padding:0 10px;  color:#9b9fa8; border:1px solid #c6ccd8; font-size:12px; border-radius:18px; display: inline-block; height:25px; line-height:25px;  vertical-align: middle;} 
    .boardList td i.xi-bell {color: #fff; font-size:20px; background-color:#43a9f3; border-radius:20px;  width:50px; }

/* 과제 */
.re {border-top:2px solid #666666;}
.re li{border-bottom:1px solid #e1e1e1; padding: 10px 50px  10px 80px; position: relative;}
.re li .delete {  position: absolute; right:30px; top:16px; display: inline-block; width:20px; height:20px; background-color:#adb5c0; border-radius:10px;  text-align: center; line-height:20px; }
.re li .delete i {color:#fff;}
.re li span {color:#878787; margin-left: 15px; font-size:13px;}
.re li em {display: block; font-size:18px;}
.re li p {float:left;  margin-left:-50px; margin-top:15px; }
.re li p input[type=checkbox]{visibility:hidden; position:absolute; appearance:none; -webkit-appearance:none; float:right; width:19px; height:19px; margin-top:2px;  vertical-align:top; cursor:pointer;}
.re li p input[type=checkbox] + label{display:inline-block; float:left; height:22px; padding-left:26px; vertical-align:top; font-size:15px; line-height:22px; color:#252525; background:url("../images/checkbox19x19.png") left 2px no-repeat; }
.re li p input[type=checkbox]:checked + label{background:url("../images/checkbox19x19.png") 0 -98px no-repeat;}


/* 게시판 - 뷰 */
.boardView { width:100%; }
.boardView h3 { font-size:20px;  border-top:1px solid #666666; padding:18px  20px 0 20px ;  font-weight:700;}
.boardView h3 em{margin-right:10px; border:1px solid #91b7ce; padding:1px 0; width:60px; text-align: center; border-radius:2px; color:#55a2d0; background-color: #fff; display: inline-block; font-size:13px;}
	.boardView h3 img { margin-left:4px; vertical-align:middle; }
.boardView dl { border-bottom:1px solid #666666; }
.boardView dl dt { border-bottom:1px solid #e1e1e1; padding:0 20px 13px 20px; *zoom:1; }
.boardView dl dt:after {content:""; clear:both; display:block; }
	.boardView dl dt em { float:left; }
    .boardView dl dt em img{margin:10px 0 0 2px; }
	.boardView dl dt ul { float:right; *zoom:1; }
	.boardView dl dt ul:after {content:""; clear:both; display:block; }
		.boardView dl dt ul li { float:left; font-family:verdana; color:#878787;  font-size:14px; margin-top: -3px;}
		.boardView dl dt ul li:before { content:"/"; color:#d8d8d8; padding:0 10px; }
		.boardView dl dt ul li:first-child:before { content:""; padding:0; }
.boardView dl dd { padding:25px ; min-height:350px; line-height:1.8em; font-size:15px; }
.boardView dl dd.line { border-top:2px solid #666666; background-color:#f2f2f2;}
        .boardView dl dd img {max-width:100%; padding:10px 0px; } 
        .boardView dl dd.add { min-height:40px; background-color:#fcfcfd; padding:15px 0 10px 20px; border-top:1px solid #e1e1e1;}
        .boardView dl dd.add span {display: block; margin-top:5px; font-size:15px;}
		.boardView dl dd.add span i { vertical-align:middle; color:#346bb8;  font-size:20px; margin-right:10px; }
		.boardView dl dd.add span a:hover { color:#346bb8;  }
        .boardView dl dd .answer {color:#000; display: block; font-size:16px; font-weight:500; margin-bottom:20px;  }
        .boardView dl dd .answer i {font-size:30px; margin-right:5px; padding-top:-10px; }



/* 게시판 - 쓰기 */
.boardWrite { width:100%;   border-top:1px solid #666666; border-bottom:1px dashed #d7d7d7; }
.boardWrite.re {border-top:1px solid #666666;}
.boardWrite tbody th {  background-color: #e9edf5; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:left; padding-left:20px; font-weight:normal;}
.boardWrite tbody th.txc {text-align: center;}
.boardWrite tbody th span{color:#f26d7d; font-size:18px;  margin-left: 5px; vertical-align: middle;  }
.boardWrite.t1 tbody th {padding:8px 0; text-align: center; }
.boardWrite.t1 tbody td {padding:8px 0; text-align: center; }

.boardWrite tbody td { border-bottom:1px solid #e1e1e1;  padding:15px 0  15px 25px;} 
    .boardWrite tbody td.pa0{padding:10px 0; text-align: center; }
    .boardWrite tbody td .date_btn{border:1px solid #ced3da; width:200px; height:35px;}
    .boardWrite tbody td .date_btn a{ float:right; }    
    .boardWrite tbody td .date_btn a i{ font-size:25px; color:#9da7b6;    width:30px; height:30px;  display:inline-block; border-left:1px solid #d8dadb; vertical-align: middle; padding:5px 0 0 7px;  }
    .boardWrite tbody td .date_btn p{  margin:10px 0 0 10px; width:150px; height:25px; float:left;   }
    .boardWrite tbody td input {height:30px;  border:1px solid #ced3da;  padding-left:10px;} 
    .boardWrite tbody td input[type="radio"] {border:0px; padding:0;} 
/*    .boardWrite tbody td label {padding-right:20px;}*/
    .boardWrite tbody td.editor {height:200px; border:1px solid red; width:80%; padding:20px; }
    .boardWrite tbody td textarea  {width:92%; height:150px;  border:1px solid #ced3da; padding:15px; margin:10px 0; }
    .boardWrite tbody td select { border:1px solid #ced3da; height:32px; padding:2px 9px; }

.boardWrite1 { width:100%;   border-top:1px solid #666666; border-bottom:1px dashed #d7d7d7; font-size:18px; }
.boardWrite1 tbody th {  background-color: #e9edf5; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:left; font-weight:normal; height:30px; text-align: center; }
.boardWrite1 tbody td{border-left:1px solid #e1e1e1; text-align: center; padding:0;}
.boardWrite1 tbody td:first-child{border-left:0; border-right:1px solid #e1e1e1;  }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding:10px; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; width:80px; height:32px; background-color:#a2aab7; text-align:center; color:#fff;  vertical-align: middle; cursor: pointer; line-height: 32px; text-align: center; } /* named upload */ 
.filebox .upload-name { display:inline-block; height:30px;  vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;   -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; color:#696f74; line-height:30px; padding-left:9px; } 
.filebox:after {content:""; clear:both; display:block; } 

.filebox_b {margin-bottom: 20px; }
.filebox_b input[type="file"] { position: absolute; width: 1px; height: 1px; padding:10px; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox_b label { display: inline-block; width:88px; height:52px; background-color:#a2aab7; text-align:center; color:#fff;  vertical-align: middle; cursor: pointer; line-height:52px; text-align: center;  } /* named upload */ 
.filebox_b .upload-name { display:inline-block; height:50px;  vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;   -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; color:#696f74; line-height:50px; padding-left:15px; font-size:16px; } 
.filebox_b:after {content:""; clear:both; display:block; } 

.line {border-top:1px solid #c6cdd1; }

.file_result {font-size:16px; background-color:#e9edf5; padding:20px 30px;  }
.file_result p {font-size:15px; text-align: left; color:#34537f;  }
.file_result p span {font-size: 12px; margin-left:15px; letter-spacing:0;}
.file_result p a {width:100%; display: block; text-align:left; background-color:#e9edf5; margin-left:0px;}
.file_result a {  display: inline-block; width:20px; height:20px; background-color:#adb5c0; border-radius:10px;  text-align: center;  margin-left: 10px; line-height: 20px;  vertical-align: middle;}
.file_result a i {color:#fff;  }


.del_bt a{display: inline-block; width:20px; height:20px; background-color:#adb5c0; border-radius:10px;  text-align: center; line-height:20px; font-size:11px; margin-left: 10px; }
.del_bt a i {color:#fff; }

.download {padding:0 20px;  height:35px; line-height:35px; background-color: #8061e5; color:#fff; display:inline-block; border-radius:25px;}
.download:hover {color:#fff;}  
.download i  {color:#fff; font-size:22px; vertical-align: text-bottom; margin-left:8px;}

/* 우리들 모습 - 리스트 */


.potoList { width:100%; border-top:1px solid #a1abb2; border-bottom:1px solid #e1e1e1; padding:40px 0 0 0; }
.potoList ul {margin-left:-15px;}
.potoList li { width:240px; margin-left:15px; margin-bottom:40px;   float:left; }
    .potoList li p  {font-size:15px;}
    .potoList li p.txc{text-align: center;}
    .potoList li p  a img{ width:240px; height:160px; display:block; padding-bottom:20px; }
    .potoList li p  a {text-decoration: none;}
    .potoList li em { color:#797979; margin-top:5px; display:block;}
.potoList:after {content:""; clear:both; display:block; } 

/* 동영상 - 리스트 */
.videoList { width:100%; border-top:1px solid #666666; border-bottom:1px solid #a1abb2; padding:40px 0 0 0; }
.videoList ul {margin-left:-10px;}
.videoList li { width:280px; margin-left:30px; margin-bottom:40px; float:left;}
    .videoList li p  {font-size:15px; text-align:left;}
    .videoList li p.txc {text-align: center;}
    .videoList li p  a img{ width:280px; height:180px; display:block; padding-bottom:5px; }
    .videoList li p  a {text-decoration: none;}
    .videoList li em { color:#878787; display:block; font-size:13px;}
.videoList:after {content:""; clear:both; display:block; } 

.nodata {height:300px; text-align: center;  line-height:300px; }

/* 게시판 이전다음글 */
/*
.boardPrevNext { border-top:1px solid #78808a; }
.boardPrevNext li { padding:10px; border-bottom:1px solid #78808a; *zoom:1; }
.boardPrevNext li:first-child { border-bottom:1px dashed #d7d7d7; }
.boardPrevNext li:after {content:""; clear:both; display:block; }
	.boardPrevNext li a { float:left; }
		.boardPrevNext li a span { display:inline-block; font-size:11px; width:60px; text-align:center; height:20px; line-height:20px; vertical-align:middle; margin-right:10px; border:1px solid #cfdeea; background:#f7f7f7; border-radius:3px; }
	.boardPrevNext li p { float:right; }
		.boardPrevNext li p span { font-family:verdana,'NanumR'; color:#707070; }
		.boardPrevNext li p span:before { content:"/"; padding:0 10px; color:#ccc; }
		.boardPrevNext li p span:first-child:before { content:""; padding:0; }
*/


/* 페이징 */
.pageBasic { text-align:center; }
.pageBasic a { display:inline-block; text-decoration:none; height:24px; line-height:24px;}
	.pageBasic span a { border:1px solid #cecdcd; width:24px; text-align:center; vertical-align:middle;  }
	.pageBasic span a img {padding-top:8px; }
	.pageBasic span a:hover { border:1px solid #a1a1a1; }
	.pageBasic > a { margin-left:15px; color:#000; }
	.pageBasic > a.on , .pageBasic > a:hover{border-bottom:1px solid #43a9f3; color:#43a9f3;}
	.pageBasic span.prev a:first-child { margin-right:4px;  }
	.pageBasic span.next a:first-child { margin:0 4px 0 15px; }

/* 검색 */
.boardSearch { text-align:center;  width:100%; background-color:#fafafa;  padding:20px 0  ; }
.boardSearch > * { vertical-align:middle; }
	.boardSearch select { border:1px solid #d9d9d9; height:30px; width:80px; padding:2px 10px; }
	.boardSearch input { border:1px solid #d9d9d9; height:30px; width:170px; padding:2px 10px; }
	.boardSearch a { display:inline-block; width:70px; height:30px; line-height:30px; text-decoration:none; text-align:center; color:#fff; background:#4c4948; border-radius:2px; }

/* 사진 */
.poto1 {position:relative; height:150px;  width:110px;  display: inline-block; vertical-align:top; }
.poto1 img { height:150px;  width:110px; }
.poto1 .close {width:24px; height:24px;}
.poto1 .delete {position:absolute; left:85px; top:0px; }

.poto1 .revise {position:absolute; left:0px;  bottom:0px; width:110px; height:30px;  background-color: rgba(118,155,249,0.6); color:#fff; text-align: center; line-height: 30px; font-size: 12px;}
.poto1 a:hover.revise{background-color: rgba(99,79,249,0.6); } 

.poto2 {position:relative; display: inline-block;   border:1px dashed #000; width:110px; height:150px;  background:url(../images/profile.png) 35px 40px no-repeat; box-sizing: border-box;}
.poto2 a { width:108px; height:33px;  display:block; text-align:center; padding-top:115px; font-size:14px;  }
.poto2 a:hover {color:#7872fa; }
.poto2 span{font-size: 11px; color:#c4c1c1; position:absolute; left:28px; top:85px; }




/* 원장인사말 */
.greeting { background:url(../images/greeting_img.jpg) no-repeat; }	
.greeting p.txt { padding-top:360px; font-size:15px; line-height:1.6em; }
.greeting p.txtL { margin-top:30px; font-size:18px; }


/* ============
	공통
===============	*/


/* 버튼 */
.btnArea { }
.btnAreaR { text-align:right; }
.btnAreaC { text-align:center; }
.btnArea a, .btnAreaR a, .btnAreaC a { text-decoration:none; color:#fff; }
.btnArea > *, .btnAreaR > *, .btnAreaC > * { margin-left:5px; }
.btnAreaC > *:first-child { margin-left:0; }

.btnS1 { min-width:120px; height:40px; line-height:36px; padding:0 10px; border-radius:3px; box-sizing:border-box; font-size:16px; }
.btnS2 { min-width:100px; height:32px; line-height:32px; padding:0 7px;  border-radius:3px; box-sizing:border-box; font-size:14px; }
.btnS3 { min-width:70px; height:32px; line-height:30px; padding:0 7px; box-sizing:border-box; font-size:14px; vertical-align: middle; }
.btnS4 { min-width:70px; height:25px; line-height:22px; padding:0 7px; border-radius:5px; box-sizing:border-box; font-size:14px; vertical-align: middle; }

.btnType01 { display:inline-block; background:#0582ed; border:1px solid #0582ed; color:#fff; text-align:center; font-weight:400; }
.btnType02 { display:inline-block; background:#99a2b0; border:1px solid #99a2b0; color:#fff; text-align:center; font-weight:400; }
.btnType03 { display:inline-block; background:#fff; border:1px solid #99a2b0; color:#252525; text-align:center; font-weight:400; }
.btnType04 { display:inline-block; background:#fff; border:1px solid #ddd; color:#666; text-align:center; font-weight:400; }


/* ============
	팝업
===============	*/

/* simple modal Overlay */
#simplemodal-overlay { background-color:#000; cursor:wait; }
#simplemodal-container { z-index:100000 !improtant;}

/* 레이어팝업 */
.layerPop { display:none; background-color:#fff; border:3px solid #6d90c0; color:#6d90c0; min-width:400px; min-height:100px; border-radius:5px; position:relative; }
.layerPop .closePop i { font-size:35px; color:#bbc3cc; font-size:30px; position:absolute; right:20px; top:20px; }
.layerPop i.icoBig {display: block; font-size:80px; color:#a2c0e9; padding-bottom:10px;}
.btn_type33 * {padding:0 10px; height:20px; background: #fff; border:1px solid #d9d9d9; font-size:11px; line-height:1.2em;}

/* 레이어팝업 컨텐츠 공통 */
.popTop { *zoom:1; }
.popTop:after {content:""; clear:both; display:block;} 
.popTop h2 { position:relative; text-align:center; color:#252525; font-size:18px; border-bottom:1px solid #6d90c0; height:55px; line-height:55px; }
.popTop p i	{position:absolute; top:13px; right:10px; color:#a1a1a1; font-size:30px;}
.popCon { padding:50px 30px;  }

.popComm { text-align:center; font-size:18px; color:#6d90c0; line-height:1.5em; letter-spacing:-1px; }
.popComm a { color:#6d90c0; text-decoration:underline; }

.topBtn a{position:fixed; right:50px; bottom:90px; font-size:15px; color:#fff; background:#848faf; width:40px; height:40px; border-radius:20px; line-height:35px; text-align:center; text-decoration:none;  z-index:100; }



.inputComm {font-size:14px; color:#f26d7d; margin-top:8px;}
.videopop{margin:0 auto; margin-top:30px; width:650px;}


/* ============
	에러/점검 페이지
===============	*/




.print { margin:0 auto; width:720px; position:relative; }


/* 접수번호 */
/*.acceptanceNum { position:absolute; top:20px; right:0px; width:260px; height:45px; border:1px solid #555555; line-height:45px; }*/
.acceptanceNum { float:right; width:260px; height:45px; border:1px solid #555555; line-height:45px; }
	.acceptanceNum span { display:inline-block; width:50%; height:100%; background:#eef1f3; text-align:center; border-right:1px solid #555555; }
	.acceptanceNum em { display:inline-block; width:49%; text-align:center; font-family:tahoma; font-weight:bold; }


/* 입학지원서 */
.application { padding-top:70px; }
.application h1 { text-align:center; font-weight:bold; font-size:30px; font-family:바탕; letter-spacing:-1px; margin:0 0 30px 0; line-height:1.3em; }
.application .photo { position:relative; height:167px;}
.application .photo img { position:absolute; top:10px;left:10px; width:110px; height:150px; }






/* 테이블 */
.printTable { border:1px solid #555555; border-bottom:none; border-right:none; text-align:center;  }
	.printTable th { padding:15px 10px; border:1px solid #555555; border-top:none; border-left:none; background:#eef1f3; }
	.printTable td { padding:15px 10px; border:1px solid #555555; border-top:none; border-left:none; word-break: break-all; }
	.printTable .pdNone { padding:0px;  }
	.printTable .pdWNone { padding:10px 0px;  }
	.printTable .pdhNone { padding:0px 10px;  }
.printTable.tLeft th { text-align:left; }
.printTable.tLeft td { text-align:left; }
.printTable p.tLeft { min-height:21px; }


.printTable td .ca dd{width:50%; float:left; text-align: left; }





/* 회원가입 - 공통 */
.menuBox{}
.menuBox ul.stepMenu{overflow:hidden;}
.menuBox ul.stepMenu li{float:left; width:33%; text-align:center; font-size:20px; color:#252525;}
.menuBox ul.stepMenu li.on {color:#8061e5;}
.menuBox ul.stepMenu li i.xi-angle-right-min {color:#cfcfcf; float:right; font-size:24px; vertical-align:middle; height:32px; line-height:32px;}


.joinCon .agreeBox{overflow:hidden; padding:15px 20px; border:1px solid #ced3da; background-color:#fff;}
.joinCon .agreeBox input[type=checkbox]{visibility:hidden; position:absolute; appearance:none; -webkit-appearance:none; float:right; width:19px; height:19px; margin-top:2px; vertical-align:top; cursor:pointer;}
.joinCon .agreeBox input[type=checkbox] + label{display:inline-block; float:left; height:22px; padding-left:26px; vertical-align:top; font-size:15px; line-height:22px; color:#252525; background:url("../images/checkbox19x19.png") left 2px no-repeat;}
.joinCon .agreeBox input[type=checkbox]:checked + label{background:url("../images/checkbox19x19.png") 0 -98px no-repeat;}
.joinCon .termBox{overflow:hidden; position:relative; margin-top:50px;}
.joinCon .termBox .titTxt{padding-bottom:15px; font-size:18px; line-height:20px; color:#252525;}
.joinCon .termBox .titTxt2nd{padding-bottom:15px; font-size:18px; line-height:20px; color:#252525;}
.joinCon .termBox .commTxt1{font-size:18px; line-height:22px; color:#252525;}
.joinCon .termBox .commTxt2{font-size:14px; color:#707070;}
.joinCon .termBox .titTxt strong{display:inline-block; vertical-align:top; font-weight:bold;}
.joinCon .termBox .titTxt2nd strong{display:inline-block; vertical-align:top; }
.joinCon .termBox .titTxt span{display:inline-block; padding-left:5px; vertical-align:top;}
.joinCon .termBox .radioWrap{position:absolute; top:0; right:0; z-index:1;}
.joinCon .termBox .radioWrap .radioBox{display:inline-block;  position:relative; height:22px; padding-left:30px; vertical-align:top;}
.joinCon .termBox .radioWrap .radioBox input[type=radio]{visibility:hidden; position:absolute; appearance:none; -webkit-appearance:none; display:inline-block; width:22px; height:22px; border:2px solid #b5b6b8; border-radius:50%; vertical-align:top;}
.joinCon .termBox .radioWrap .radioBox input[type=radio] + label{display:inline-block; height:22px; padding-left:26px; vertical-align:top; font-size:15px; line-height:20px; color:#252525; background:url(../images/radio21x21.png) left 0 no-repeat;}
.joinCon .termBox .radioWrap .radioBox input[type=radio]:checked + label{ background:url(../images/radio21x21.png) left -100px no-repeat;}
.joinCon .termBox .termScroll{border:1px solid #ced3da; background-color:#fff;}
.joinCon .termBox .termScrolls {border:1px solid #ced3da; background-color:#fff;}

.container.joinWrap .commTxtRed {font-size:18px; line-height:22px; color:#c9143f;}

/* 약관 */
.agreeArea { font-size:14px; color:#666; letter-spacing:-0.5px;}
.agreeArea h2 { color:#252525; margin:20px 0 15px 0; font-size:15px; padding:0; }
.agreeArea h2:first-child { margin:0 0 15px 0;  }
.agreeArea h3 { color:#252525; margin:20px 0 10px 0; font-size:15px; padding:0;  }
.agreeArea h3:first-child { margin:0 0 10px 0; }
.agreeArea h3 img { vertical-align:text-bottom; margin-right:5px;}

.agreeArea ul.iframeMar {margin:15px;}

.agreeArea ol { margin:0 0 20px 0; padding:0 0 0 18px; }
.agreeArea li { padding:0; line-height:1.3em; }
.agreeArea li .fLetter { display:block; float:left; text-align:right; margin:0 4px 0 -18px; }
.agreeArea .lNone { margin:10px 0; }
.agreeArea .lNone2nd { margin:0 0 5px 0; }
.agreeArea li .fLetterNum { display:block; float:left; font-family:verdana; font-size:11px; text-align:right; margin:0 4px 0 -20px; letter-spacing:-1px; }
.agreeArea li .fLetterNum2 { display:block; clear:both; font-family:verdana; font-size:11px; text-align:left; margin:0 4px 0 -20px; letter-spacing:-1px; }
.agreeArea li ol { margin:3px 0 0 0; padding:0 0 0 20px; }
		

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .agreeArea1 iframe   {width:938px; height:6250px!important; }}

.agreeArea1 iframe { width:938px; height:6500px; }
.agreeArea iframe { height:250px; width:938px; }
.agreeArea li.iframeP iframe {width:940px; height:2320px; margin:-15px;} 
.agreeArea li.iframeS iframe {width:940px; height:6270px;} 
.agreeArea .privacyTable { width:100%; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center; }
.agreeArea .privacyTable th { height:12px; padding:6px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#f6f6f6; font-size:14px; letter-spacing:-0.5px; font-weight:400; }
.agreeArea .privacyTable td { height:12px; padding:6px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:14px; letter-spacing:-0.5px; word-break:keep-all; }

.agreeArea .tLeft { text-align:left; }
.agreeArea .tRight { text-align:right; }
.agreeArea .tCenter { text-align:center; }
	
.agreeArea .black { color:#000; }
.agreeArea .cyan { color:#00b4ed; }
.agreeArea .orange { color:#e37f00; }


/* 회원가입 - 폼 */

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; width:75px; height:32px; background-color:#a2aab7; text-align:center; color:#fff;  vertical-align: middle; cursor: pointer; line-height: 32px; } /* named upload */ 
.filebox .upload-name { display:inline-block; height:30px;  vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;   -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; color:#696f74;  } 
.filebox:after {content:""; clear:both; display:block; } 

p.guideTxt01 {clear:both; font-size:12px; color:#0087fa; padding-top:5px; text-align:left;}
p.guideTxt02 {clear:both; font-size:12px; color:#f26d7d; padding-top:5px; text-align:left;}


/* 회원가입 - 가입완료 */
.joinCon.complete{overflow:hidden;}
.joinCon.complete .inBox{margin:100px auto 60px; text-align:center;}
.joinCon.complete .inBox .welcomeTxt01{padding-top:35px; font-size:36px; line-height:40px; letter-spacing:-0.1em; color:#252525;}
.joinCon.complete .inBox .welcomeTxt01 span {letter-spacing:0;}
.joinCon.complete .inBox .welcomeTxt01 strong{color:#0087fa; font-weight:normal;}
.joinCon.complete .inBox .welcomeTxt02{padding-top:10px; font-size:24px; line-height:40px; letter-spacing:-0.1em; color:#252525;}
.joinCon.complete .inBox .welcomeTxt02 strong{font-weight:normal; color:#0087fa;}


.btnS0 { min-width:170px; height:52px; line-height:48px; margin:0 5px;  border-radius:5px; box-sizing:border-box; font-size:18px; }

.joinBtn {margin-bottom:100px;}

/* 팝업 - 공통 */
.memberLayerPop{display:none; z-index:1000; background-color:#fff;}
.memberLayerPop .popInner{position:relative; text-align:center;}
.memberLayerPop .popInner .popTit .tit{overflow:hidden; padding:13px 40px; font-size:24px; font-weight:bold; line-height:32px; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #c6cdd1;}
.memberLayerPop .popInner .popCon{padding:50px 90px;}
.memberLayerPop .popInner > a.closePop{display:block; position:absolute; top:0; right:0; z-index:1001; width:40px; height:60px; background:url(../images/popClose.png) center center no-repeat;}
.memberLayerPop .popInner > a.btnClose{display:block; position:absolute; top:0; right:0; z-index:1001; width:40px; height:60px; background:url(../images/popClose.png) center center no-repeat;}
.memberLayerPop .popInner .tipBox{clear:both; padding:10px 0; text-align:center; background-color:#f4f4f4;}
.memberLayerPop .popInner .tipBox span{display:inline-block; padding-left:21px; font-size:16px; line-height:30px; background:url(../images/iconInfo18x18.png) left center no-repeat;}
/*.memberLayerPop .popInner .tipBox span a.blue{text-decoration:underline; color:#0087fa;}*/

.memberLayerPop .popInner .popCon .pwTxt {text-align:center; padding-bottom:15px; margin-top: -20px;}
.memberLayerPop .popInner .popCon .txtL{text-align:left;}
.memberLayerPop .popInner .popCon .txt01{font-size:18px; line-height:22px; letter-spacing:-0.05em; color:#252525;}
.memberLayerPop .popInner .popCon .txt02{font-weight:400; font-size:24px; line-height:36px; letter-spacing:-0.075em; color:#252525;}
.memberLayerPop .popInner .popCon .txt02 strong{font-weight:normal;}
.memberLayerPop .popInner .popCon .inBox{position:relative;}
.memberLayerPop .popInner .popCon .inBox .titTxt{padding-bottom:10px; text-align:left; font-size:18px; line-height:20px;}
.memberLayerPop .popInner .popCon .inBox .titTxt strong{display:inline-block; vertical-align:top; font-weight:500;}
.memberLayerPop .popInner .popCon .halfWrap{overflow:hidden;}
.memberLayerPop .popInner .popCon .halfWrap .inBox.half{clear:none; float:left; width:230px;}
.memberLayerPop .popInner .popCon .inBox .selWrap{overflow:hidden;}
.memberLayerPop .popInner .popCon .inBox .selWrap select.selBox{display:block; float:left; width:110px; height:55px; padding:14px 35px 14px 16px; border:1px solid #c7c9c9; border-radius:6px; vertical-align:top; font-size:16px; line-height:25px; color:#252525; background:#fff URL(../images/common/selectBul25.gif) right center no-repeat;}

.memberLayerPop .popInner .popCon .inBox .guideTxt{position:absolute; top:0; right:0; z-index:0; text-align:right; font-size:13px; line-height:20px;}


.memberLayerPop .popInner .popCon .inBox .inputBox{overflow:hidden; padding:16px; border:1px solid #c7c9c9; border-radius:6px; background:#fff; line-height:15px; height:20px;}
.memberLayerPop .popInner .popCon .inBox .inputBox input.inputTxt{width:100%; height:auto; border:none; outline:none; font-size:16px; line-height:21px; letter-spacing:-0.05em; color:#87898f;}
.memberLayerPop .popInner .popCon .inBox .infoTel{overflow:hidden;}
.memberLayerPop .popInner .popCon .inBox .infoTel select.selBox{display:block; float:left; width:90px; height:55px; padding:14px 35px 14px 16px; border:1px solid #c7c9c9; border-radius:6px; vertical-align:top; font-size:16px; line-height:25px; color:#252525; background:#fff URL(../images/selectBul25.gif) right center no-repeat;}
.memberLayerPop .popInner .popCon .inBox .infoTel select.selBox.w100{width:100px;}
.memberLayerPop .popInner .popCon .inBox .infoTel .inputBox{float:left; width:56px;}
.memberLayerPop .popInner .popCon .inBox .infoTel .inputBox input[type=tel]{font-size:16px;}
.memberLayerPop .popInner .popCon .inBox .infoTel .dash{float:left; width:20px; height:55px; text-align:center; font-size:16px; line-height:55px; color:#252525;}
.memberLayerPop .popInner .popCon .inBox .infoMail{overflow:hidden;}
.memberLayerPop .popInner .popCon .inBox .infoMail select{width:190px; font-size:16px; color:#252525; padding:14px 35px 14px 16px; height:55px; border-radius:6px; background:#fff URL(../images/selectBul25.gif) right center no-repeat;}
.memberLayerPop .popInner .popCon .inBox .infoMail .inputBox{float:left; width:166px;}
.memberLayerPop .popInner .popCon .inBox .infoMail .inputBox input[type=text]{font-size:16px;}
.memberLayerPop .popInner .popCon .inBox .infoMail .mailTxt{float:left; width:30px; height:55px; text-align:center; font-size:16px; line-height:55px;}

.memberLayerPop .popInner .popCon .inBox select.selBox {padding:0 0 0 16px; border:1px solid #c7c9c9; border-radius:6px; width: 421px; height:59px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; background:#fff URL(../images/selectBul25.gif) right center no-repeat;}
.memberLayerPop .popInner .popCon .inBox select.selBox::-ms-expand {display:none;}

.memberLayerPop .popInner .popCon .radioWrap .radioBox{display:inline-block; position:relative; height:22px; padding-right:25px; margin-bottom:9px; vertical-align:top;}
.memberLayerPop .popInner .popCon .radioWrap .radioBox input[type=radio]{visibility:hidden; position:absolute; appearance:none; -webkit-appearance:none; display:inline-block; width:22px; height:22px; border:2px solid #b5b6b8; border-radius:50%; vertical-align:top;}
.memberLayerPop .popInner .popCon .radioWrap .radioBox input[type=radio] + label{display:inline-block; height:22px; padding-left:26px; margin:0; vertical-align:top; font-size:18px; line-height:22px; letter-spacing:-0.1em; color:#252525; background:url(../images/radio21x21.png) left top no-repeat;}
.memberLayerPop .popInner .popCon .radioWrap .radioBox input[type=radio]:checked + label{background:url(../images/radio21x21.png) left -100px no-repeat;}

.memberLayerPop .popInner .popCon .agreeBox .checkbox{display:block; overflow:hidden; clear:both; text-align:left;}
.memberLayerPop .popInner .popCon .agreeBox .checkbox input[type=checkbox]{visibility:hidden; position:absolute; appearance:none; -webkit-appearance:none; width:19px; height:19px; margin-top:2px; vertical-align:top; cursor:pointer;}
.memberLayerPop .popInner .popCon .agreeBox .checkbox input[type=checkbox] + label{display:inline-block; height:22px; padding-left:26px; vertical-align:top; font-size:14px; letter-spacing:-0.7px; line-height:23px; color:#252525; background:url("../images/checkbox19x19.png") left 2px no-repeat;}
.memberLayerPop .popInner .popCon .agreeBox .checkbox input[type=checkbox]:checked + label{background:url("../images/checkbox19x19.png") 0 -98px no-repeat;}

.memberLayerPop .popInner .popCon .btnWrap a{display:inline-block; overflow:hidden; width:178px; height:53px; margin-left:10px; text-decoration:none; border-radius:6px;  font-size:21px; line-height:52px; font-weight:300;}
.memberLayerPop .popInner .popCon .btnWrap a:hover {color:#fff;}
.memberLayerPop .popInner .popCon .btnWrap a:first-child{margin-left:0;}


/* 팝업 - 로그인 */
.memberLayerPop .popInner .popCon.logBox{}
.memberLayerPop .popInner .popCon.logBox .btnWrap a.wide{width:418px;}

.memberLayerPop .popInner .popCon.logBox .logUtil{overflow:hidden; padding-top:10px; border-top:1px solid #c6cdd1; text-align:center;}
.memberLayerPop .popInner .popCon.logBox .logUtil li{display:inline-block; vertical-align:top;}
.memberLayerPop .popInner .popCon.logBox .logUtil li a{padding:0 10px; font-size:13px; letter-spacing:-0.05em; color:#555; background:url(../images/bar01.gif) left center no-repeat; text-decoration:none;}
.memberLayerPop .popInner .popCon.logBox .logUtil li a.bold{font-weight:bold; background:none;}

/*휴먼계정 팝업*/
.pop_dormant {width:340px; border:1px solid #2e3c45; position:relative;  z-index:1000;  padding:25px 30px 40px 30px; background-color:#fff;  }
.pop_dormant a.close{ position:absolute; right:0px; top:0px;}
.pop_dormant p { text-align:center; padding:30px 0  0  0; color:#272828; font-size:15px; letter-spacing:-0.9px; line-height:1.6em;}
.pop_dormant p span{color:#0574b5;  font-size:20px;  text-decoration:underline; line-height:1.8em; font-weight:400;}

.pop_dormant h1{ border-bottom:1px solid #acabab; height:50px; display:inline-block; width:100%;}



/* 컨텐츠 영역 탭 */
.conTap02 {width:100%; }
.conTap02 li {  float:left; width:50%; height:56px; line-height:53px; text-align:center;  color:#878787;  display:table; box-sizing:border-box; float:left; font-weight:400; border:1px solid #ececec; font-size:18px; margin-bottom:40px;}
.conTap02 li a { color:#878787; width:100%; display:inline-block;}
.conTap02 li.on{ color:#1b68dc; border:1px solid #1b68dc;}
.conTap02 li.on a{color:#1b68dc; font-weight: 500;}

.title {text-align:center;}
.title h3 {display:inline-block; color:#252525; font-size:30px; font-weight:bold;}
.title p {color:#878787; font-size:15px;}

.reBox {border:1px solid #e1e1e1; background-color:#fcfcfd; padding:20px 0; margin-top:40px; height:112px;}
.reBox li {float:left; text-align:center; width:16.5%; border-right:1px solid #e1e1e1; font-size:15px; margin-bottom:20px; color:#252525;}
.reBox li:nth-child(6n) {border:0;} 
.reBox li a {color:#252525;}
.reBox li a:hover {color:#1b68dc;}

.suCon ul {margin-top:40px;}
.suCon .mReset {margin-top:0;}
.suCon ul li ul {margin-top:20px;}
.suCon ul li ul li {padding-left:15px; position:relative;}
.suCon ul li ul li::before {content:'·'; font-size:34px; position:absolute; line-height:23px; top:0; left:0; color:#999999; display:block;}
.suCon ul li ul li:nth-last-child(1) {margin-bottom:20px;}
.stitle {font-size:22px; font-weight:bold; border-bottom:8px solid #fcf139; display:inline-block; height:22px; padding:0 3px; margin-bottom:10px;}
.stitle i.xi-caret-up-circle-o {font-size:10px; color:#999999; margin-left:50px;}
.suCon h4 {display:inline-block; font-size:18px; font-weight:bold; margin:20px 0 12px 0; border-bottom:4px solid #fcf139; height:20px;}
.suCon ol {margin-top:20px;}
.suCon ol li {font-size:16px; margin-bottom:10px;}

.reCon ul {margin-top:40px;}
.reCon .mReset {margin-top:0;}
.reCon ul li ul {margin-top:20px;}
.reCon ul li ul li {padding-left:15px; position:relative;}
.reCon ul li ul li::before {content:'·'; font-size:34px; position:absolute; line-height:23px; top:0; left:0; color:#999999; display:block;}
.reCon ul li ul li:nth-last-child(1) {margin-bottom:20px;}
.stitle {font-size:22px; font-weight:bold; border-bottom:8px solid #fcf139; display:inline-block; height:22px; padding:0 3px; margin-bottom:10px;}
.stitle i.xi-caret-up-circle-o {font-size:10px; color:#999999; margin-left:50px;}
.reCon h4 {display:inline-block; font-size:18px; font-weight:bold; margin:20px 0 12px 0; border-bottom:4px solid #fcf139; height:20px;}
.reCon ol {margin-top:20px;}
.reCon ol li {font-size:16px; margin-bottom:10px;}

.reInCon {margin-top:50px;}
.reInCon ol li {font-size:16px;}
.reInCon ul li ul li {padding-left:15px; position:relative;}
.reInCon ul li ul li::before {content:'·'; font-size:34px; position:absolute; line-height:23px; top:0; left:0; color:#999999; display:block;}
.reInCon h4 {display:inline-block; font-size:18px; font-weight:bold; margin:20px 0 12px 0; border-bottom:4px solid #fcf139; height:20px;}

.reInCon .stepIconBox {border:1px solid #e1e1e1; padding:40px 20px 30px; height:220px;}
.reInCon .stepIconBox03 {border:1px solid #e1e1e1; padding:40px 10px 50px; height:220px;}
.reInBox {border:1px solid #e1e1e1; background-color:#fcfcfd; padding:30px; margin-top:40px;}
.reInCon .stepIcon {text-align:center;}
.reInCon .stepIcon li {vertical-align:top; display:inline-block;}
.reInCon .stepIcon li:nth-child(1) {background:none;}
.reInCon .stepIcon li i.xi-angle-right-thin {font-size:32px; color:#9c9c9c; position:relative; top:60px; left:25px;}
.reInCon .stepIcon p {text-align:center; display:inline-block; margin:0 24px;}

.reInCon .stepIcon span {color:#878787; display:block; padding-top:20px; line-height:20px; width:155px;}


/* 테이블 */

.tableType01 { width:100%; }
.tableType01 thead tr { border-top:1px solid #666666; border-bottom:1px solid #dddddd; }
	.tableType01 th { background:#e9edf5; color:#333333;  height:40px; font-weight:400; border-right:1px solid #e1e1e1; }
    .tableType01 th:nth-last-child(1) {border-right:0;}
	.tableType01 td { border-bottom:1px solid #e1e1e1; height:50px; text-align:center; color:#333333; border-right:1px solid #e1e1e1; }
    .tableType01 td:nth-last-child(1) {border-right:0;}
    .tableType01 td img {vertical-align: middle;}
	.tableType01 td.tit { text-align:left; ; color:#333333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%;  }
    .tableType01 td.tit1 { text-align:left;  color:#43a9f3;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%; }
    .tableType01 td.txtL {text-align:left; padding:15px 0 15px 20px;}


/* 대회 목적 */
.c_box .obCon {position:absolute; background:url(../images/objective01.jpg)no-repeat; width:940px; height:394px; line-height:26px;}
.c_box .obCon span {position:relative; top:152px; left:527px; display:inline-block;}

.c_box .obCon02 {margin-top:490px;}

 
/* 역대대회 및 예정 */
.c_box .chCon {text-align:center; width:940px; float:left;}
.c_box .chCon div.chBoxL {float:left; text-align:right; padding:160px 0 0 0;}
.c_box .chCon div.chBoxL dl {position:relative; background:url(../images/kjsoHistoryL.png)no-repeat 403px 19px; padding:0 93px 130px 21px;}
.c_box .chCon div.chBoxL dl:nth-last-child(1) {padding-bottom:40px;}

.c_box .chCon div.chBoxR { text-align:left; padding:40px 0 0 0; border-left:4px solid #e0e0e0; margin-left:468px; }
.c_box .chCon div.chBoxR dl {position:relative; background:url(../images/kjsoHistoryR.png)no-repeat 0 19px; padding:0 0 130px 93px; left:-13px;}
.c_box .chCon div.chBoxR dl:nth-last-child(1) {padding-bottom:40px;}


.c_box .chCon dl dt {color:#252525; font-size:35px; padding-bottom:21px;}
.c_box .chCon dl dt span {color:#8061e5; font-size:15px; display:block;}
.c_box .chCon dl dd {color:#878787; font-size:15px;}
.c_box .chCon dl dd img {margin-top:40px;}


/* 댓글1 */
.re1 textarea {width:calc(90% - 22px); border:1px solid #333; padding:10px;   font-family:"NotoKR","맑은 고딕",Malgun Gothic; float:left; height:63px;}
.re1 a {background-color:#6a7485; color:#fff; font-size:14px; text-align:center; height:85px;vertical-align: middle; line-height:85px;  display: inline-block; width:10%; }

.rew {width:100%;  border-top:1px solid #e1e1e1;}
.rew  li {border-bottom:1px solid #e1e1e1; padding: 15px 50px  15px 20px; position: relative;}
.rew  li a {position: absolute; right:20px; top:16px; display: inline-block; width:20px; height:20px; background-color:#adb5c0; border-radius:10px;  text-align: center; line-height:20px;}
.rew  li a i {color:#fff;}
.rew  li span {color:#878787;  font-size:13px;}
.rew  li em {font-weight:bold; display: block; margin-bottom:5px;}

/* 탑버튼 */
.btnTopWrap {position:fixed; z-index:1000; right:30px; width:48px; top:90%; }
.btnTopWrap a.btnTop {display:inline-block; }