@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* CSS Document */


* {margin:0; padding:0; border: none 0;font-family: "Nanum Gothic";}
body {margin:0; padding:0; border: none 0;max-width: 640px; margin: 0 auto;}
img {width: 100%;}
.left {float:left !important;} 
.right {float:right!important;} 

.w100 {width:100% !important;}
.w50 {width:50% !important;}
.w25 {width:25% !important;}
.w20 {width:20% !important;}

.marginl30 {margin-left: 30px !important;} .paddingt20 {padding-top: 20px !important;} .paddingl20 {padding-left: 20px !important;} .paddingl30 {padding-left: 30px !important;}
.paddinglr5 {padding:5%;}

input.radio {width:18px; height:18px; vertical-align:middle;} 
input.check {width:18px; height:18px; vertical-align:middle;} 


#tab {
	background: #393939;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
	}
#tab a {    
	font-size: 0.9em;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    width: 20%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #4f4f4f;
    float: left;
    height: 50px;
    line-height: 50px;
	}
#tab a:last-child {border-right: none;}

@media (max-width:320px) {
	#tab a {font-size: 0.75em;}
}


#slide_wrap {position:relative; max-width:100%; margin:0 auto; }
#slide_wrap .bxSlider li {width:100%;}
#slide_wrap .bx-pager {
    width: 100%;
    text-align: center;
    /* position: absolute; */
    /* right: 3%; */
    /* top: 3%; */
    z-index: 9;
    box-sizing: border-box;
    background: #f9f9f9;
    padding: 0 0 30px 0;
	}
#slide_wrap .bx-pager.bx-default-pager a { display:block; width:20px; height:20px; margin:0 5px; background:#cccccc; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; text-indent:-9999px }
#slide_wrap .bx-pager.bx-default-pager a:hover, #slide_wrap .bx-pager.bx-default-pager a.active, #slide_wrap .bx-pager.bx-default-pager a:focus { background:#2d4174; }
#slide_wrap .bx-pager-item,	#slide_wrap .bx-controls-auto .bx-controls-auto-item { display:inline-block; vertical-align:bottom; *zoom:1; *display:inline }
#slide_wrap .bx-pager-item { font-size:0; line-height:0 }


#wrap{width:100%;margin:0 auto;display: inline-table;}

.map_img {width:100%;}
.map_img img[usemap] {
	display:block;
	border: none;
	height: auto;
	width: 100%;
}


#top {position: fixed; top:0; width: 100%; max-width: 640px;}
.section {width:100%; text-align:center; border: 0; text-decoration: none;}

.section a,
.section a:hover,
.section a:active,
.section a:visited {text-decoration: none;outline: none;}
.sns {
    background: #2e303c;
    padding: 6% 2%;
    box-sizing: border-box;
    overflow: hidden;
	text-align: center;
}
.sns_icon {width: 15%; display: inline-block; padding: 0 1%; box-sizing: border-box;}

.apply_wrap2{position: fixed; width: 100%; bottom: 0;max-width: 640px; margin: 0 auto;}
.apply_wrap2>.apply_down{width:auto;border-bottom:3px solid #c60000;}
.apply_wrap2>.apply_down>.apply{
	width:calc(100% / 3);height:40px;margin:0 auto;background:#c60000;color:#fff;font-size:18px;line-height:40px;text-align:center;font-weight:bold;float: left;
}
.apply_wrap2>.apply_down>.apply a{color:#fff;font-size:18px;font-weight:500;line-height:40px;text-decoration: none;font-family: 'Noto Sans KR', sans-serif;}
.apply_wrap2>.apply_down>.tel{
	width:calc(100% / 3);height:40px;margin:0 auto;background:#222222;color:#fff;font-size:18px;line-height:40px;text-align:center;font-weight:bold;float: left;
}
.apply_wrap2>.apply_down>.tel a{color:#fff;font-size:18px;font-weight:500;line-height:40px;text-decoration: none;font-family: 'Noto Sans KR', sans-serif;}
.apply_wrap2>.apply_down>.map{
	width:calc(100% / 3);height:40px;margin:0 auto;background:#f5f5f5;color:#c61111;font-size:18px;line-height:40px;text-align:center;font-weight:bold;float: left;
	box-sizing:border-box;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;
}
.apply_wrap2>.apply_down>.map a{color:#c61111;font-size:18px;font-weight:500;line-height:40px;text-decoration: none;font-family: 'Noto Sans KR', sans-serif;}

.apply_wrap{position: relative; bottom: 0;max-width: 640px; margin: 0 auto;}
.apply_wrap>.apply_up{display:block;width:100%;height:auto;border-top:3px solid #c60000;background:#252525}
.apply_wrap>.apply_up>.apply{width:50%;height:40px;margin:0 auto;background:#c60000;color:#fff;text-align:center;font-size:18px;font-weight:bold;line-height:40px;}

.apply_wrap>.apply_up .title{width:100%;font-size:18px;font-weight:bold;color:#fff;margin-top:10px;margin-bottom:10px;}

.apply_wrap>.apply_up .rq_tbl{width:100%; color: #ffffff;}
.apply_wrap>.apply_up .rq_tbl .input{
    height: 38px;
	line-height: 38px;
    margin-bottom: 8px;
    background: #fff;
    border: none;
    font-size: 14px;
    text-align: center;
}
.apply_wrap>.apply_up .rq_tbl .select{
    height: 38px;
    margin-bottom: 8px;
    background: #fff;
    border: none;
    font-size: 14px;
    text-align: center;
	text-indent: 10px;
}
.apply_wrap>.apply_up .rq_tbl .txtarea{}
.apply_wrap>.apply_up .rq_tbl span{color:#fff;font-size:13px;}
.apply_wrap>.apply_up .rq_tbl .personal{position:relative;}
.apply_wrap>.apply_up .rq_tbl .rq_btn{width:100%;height:40px;margin:15px 0 0 0;background:#c60000;font-size:18px;font-weight:bold;color:#fff;line-height:40px;border:none}




/* À¯Æ©ºêµ¿¿µ»ó */
.embed-container { position: relative; top: 50%; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



#policy_modal {margin:0 auto; background:#ffffff; max-width:800px; max-height:800px; overflow-y:scroll;}
#policy_modal .mfp-close {background:#ffffff; position:fixed; right:0; top:0;}
#policy_modal .policy {color:#333333; font-size:0.8rem; line-height:170%; white-space:pre-line; padding:3%;}
#policy_modal .policy strong {color:#000000; font-size:1rem; line-height:180%;}




/* °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§ ÆË¾÷ */
.policy_Wrap {position:fixed; z-index:999999999; height:100%; width:100%; top:0; left:0; display:none }
.policy_Wrap .bg {height:100%; width:100%; background:#000; opacity:0.5; top:0; left:0 }
.policy_Wrap .policy_pop, .policy_Wrap .policy_pop:before, .policy_Wrap .policy_pop:after {width:0;clear:both !important;}
.policy_Wrap .policy_pop {
	width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.policy_Wrap .policy_pop .policy_top {height:40px; background:#252525; box-sizing:border-box; padding:10px }
.policy_Wrap .policy_pop .policy_top p { overflow:hidden }
.policy_Wrap .policy_pop .policy_top em { float:left; color:#fff; font-size:20px; font-weight:bold }
.policy_Wrap .policy_pop .policy_top a { 
	float: right;
    color: #ffab91;
    font-weight: 600;
    text-decoration: none; }
.policy_Wrap .policy_pop .policy_body { overflow:hidden; padding:20px;}



/*.movie01_Wrap {position:fixed; z-index:999999999; height:100%; width:100%; top:0; left:0; display:none }
.movie01_Wrap .bg {height:100%; width:100%; background:#000; opacity:0.5; top:0; left:0 }
.movie01_Wrap .movie01_pop, 
.movie01_Wrap .movie01_pop:before, 
.movie01_Wrap .movie01_pop:after {width:0;clear:both !important;}
.movie01_Wrap .movie01_pop {
	width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.movie02_Wrap {position:fixed; z-index:999999999; height:100%; width:100%; top:0; left:0; display:none }
.movie02_Wrap .bg {height:100%; width:100%; background:#000; opacity:0.5; top:0; left:0 }
.movie02_Wrap .movie02_pop, 
.movie02_Wrap .movie02_pop:before, 
.movie02_Wrap .movie02_pop:after {width:0;clear:both !important;}
.movie02_Wrap .movie02_pop {
	width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.movie03_Wrap {position:fixed; z-index:999999999; height:100%; width:100%; top:0; left:0; display:none }
.movie03_Wrap .bg {height:100%; width:100%; background:#000; opacity:0.5; top:0; left:0 }
.movie03_Wrap .movie03_pop, 
.movie03_Wrap .movie03_pop:before, 
.movie03_Wrap .movie03_pop:after {width:0;clear:both !important;}
.movie03_Wrap .movie03_pop {
	width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}



.popup01_Wrap {position:fixed; z-index:999999999; height:100%; width:100%; top:0; left:0; display:none }
.popup01_Wrap .bg {height:100%; width:100%; background:#000; opacity:0.5; top:0; left:0 }
.popup01_Wrap .popup01_pop, 
.popup01_Wrap .popup01_pop:before, 
.popup01_Wrap .popup01_pop:after {width:0;clear:both !important;}
.popup01_Wrap .popup01_pop {
	width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}


.popup02_Wrap {position:fixed; z-index:999999999; height:100%; width:100%; top:0; left:0; display:none }
.popup02_Wrap .bg {height:100%; width:100%; background:#000; opacity:0.5; top:0; left:0 }
.popup02_Wrap .popup02_pop, 
.popup02_Wrap .popup02_pop:before, 
.popup02_Wrap .popup02_pop:after {width:0;clear:both !important;}
.popup02_Wrap .popup02_pop {
	width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}*/



.movieWrap .mfp-close {
    background: #b71b1c;
    width: 100%;
    opacity: 1;
}







.over-scroll {
	margin: 0 auto;
    height: 100%;
    overflow-y: scroll;
    padding: 5%;
    background: #fff;
    font-size: 12px;
    white-space: pre-line;
}
.over-scroll .title{font-size:14px;font-weight:bold;color:#000;line-height:30px;}
.over-scroll .subtitle{font-size:13px;font-weight:bold;color:#3d6ed4;line-height:20px;}
.over-scroll .content{font-size:12px;color:#000;line-height:20px;}




.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	



