@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('/css/default/notosanskr.css');
@import url('/css/default/xeicon.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

/****************************** RESET ******************************/
* { box-sizing: border-box; }
html {width:100%;}
body{width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0}
div {outline:none;}
body,h1,h2,h3,h4,input,button,textarea, select {margin:0; font-family:'Noto Sans KR', '나눔고딕',  'sans-serif';  color:#717171; letter-spacing:-0.01em; line-height:1.5; word-break: keep-all;}
body {*word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; overflow-y: scroll;}
header, footer, section, article, aside, hgroup, details, menu, figure, figcaption {display:block;}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input, select {vertical-align:middle; border:1px solid #d5d5d5; vertical-align:middle;}
img {vertical-align:middle;}
i,em,address {font-style:normal;}
label,button {cursor:pointer; display:inline-block;}
button {margin:0;padding:0;}
a {text-decoration:none; color:#1b1b1b;}
a:hover {text-decoration:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0;}
table caption {width:0; height:0; text-indent:-9999px; overflow:hidden;}
.clearfix { display:block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }

/* 기본세팅  */
html{font-size:15px;}
body{font-size:1rem;}

.web{display:none;}
.mob{display:block;}
body { /*min-height: 2000px;*/ margin:0; padding:0;}
div.bs-header {}
img {max-width:100%;}
div.bs-header {margin-bottom:20px;}
#header {height: 56px; background:#fff; position:relative; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.25);}
#header h1 {}
#header h1 img{position:absolute; top:50%; left:15px; transform:translateY(-50%);}

/* 전체메뉴 보기 */
#header .topMenu { position:absolute; top:50%; right:15px; margin-top:-11px; text-align:center; vertical-align:middle; cursor:pointer; }
#navi{background:#fff;display:none; position:absolute; right:-90%; top:0; width:90%; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:56px;}
#mnaviHead ul{position:absolute; right:15px; top:0; overflow:hidden;}
#mnaviHead ul li{float:left; margin-left:10px; height:56px; line-height:56px;}
#mnaviHead h3{font-size:1.2em;color:#fff; padding-left: 10px; font-weight:700; line-height:56px;}
#mnaviHead p.close a {position:absolute; right:10px; top:15px;}
#mnaviHead p.log{height:56px; line-height:56px; color:#999; padding-left:15px;}
#mnaviHead p.log b{color:#000;}


/*1차*/
#navi ul#mbtop {width:100%; margin:0; padding:0; padding:0px 15px;}
#navi ul#mbtop li {float:none; width:100%; border-bottom:1px #eeeeee solid; background:url('/images/mobile/down.png') 95% center no-repeat; background-size:15px auto;}
#navi ul#mbtop li a {display:block; width:100%; height:50px; box-sizing:border-box; font-weight:500;  line-height:50px; font-size:1.1rem;  color:#262626; padding-left:10px;}
#navi ul#mbtop li.open_li{ position:relative;}
#navi ul#mbtop li.open_li:after{ content : ""; display : block; position : absolute; left:91%; top:20px; width :15px; height : 8px;  background:url('/images/mobile/up.png') 0 0 no-repeat; background-size:15px auto;}
#navi ul#mbtop li.open_li > a {color:#0A53A5;}
#navi ul#mbtop li a span {font-size:15px;}
#navi ul#mbtop li:first-child{border-top:1px #eeeeee solid;}

/*2차*/
#navi ul#mbtop li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:15px;}
#navi ul#mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none;}
#navi ul#mbtop li ul li a {color:#262626; background:url(none); font-size:1.0em; font-weight:500; height:auto; line-height:30px;padding-left:0;}
#navi ul#mbtop li ul li:first-child{border:none;}

/*3차*/
#navi ul#mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
#navi ul#mbtop li ul li ul li {display:none;}

/*서브비주얼*/
div.sub_visual{height:100px; width:100%; background:url('/images/default/content/sub_visual01.jpg') no-repeat center center; background-size:cover; z-index:0; padding:0px 15px; overflow:hidden; text-align:center; text-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);}
div.sub_visual h2{font-size:1.5rem; padding-top:18px; color:#fff; font-weight:500; }
div.sub_visual p{ color:#fff;}

/* 네비게이션 서브메뉴 */
div.smenu_wrap{position:relative;padding-left:37px; background-color:#fafafa; z-index:10;box-sizing:border-box; z-index:3; border-bottom:1px solid #e3e3e3;}
div.smenu_wrap span {position:absolute;top:0;left:0;width:37px; height:45px;  line-height:45px; text-align:center; background: linear-gradient(45deg, #19417e, #2963b3); }
div.smenu_wrap span i{color:#fff;}
div.smenu{width:100%;box-sizing:border-box; position:relative; clear:both;}
div.smenu ul.sm{width:100%; height:45px; }
div.smenu ul.sm > li{width:50%; float:left; position:relative; padding:0px 10px;}
div.smenu ul.sm > li:before{content:'';display : block; position : absolute; left :0; top:0;  width :1px; height : 100%; background : #e3e3e3; }
div.smenu ul.sm > li.on{background:url('/images/mobile/sm_on.png') no-repeat 95% center; background-size:10px auto;}
div.smenu ul.sm > li > a{display:block; line-height:1.1; font-size:15px; color:#333;text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	 height:45px; text-align:left;line-height:1.3; font-size:0.95em; font-weight:bold; letter-spacing:-0.01em; color:#1b1b1b; background:url('/images/mobile/sm.png') no-repeat right center;  background-size:10px auto; padding:0px 20px 0px 0px;}
div.smenu ul.sm > li.on > a { background:none; }
div.smenu ul.sm > li.active{background: url(/images/mobile/sm_on.png) no-repeat 95% center;}

div.smenu ul.sm > li div.scon{position:absolute; top:46px; width:calc(100% + 1px); left:0; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);}
div.smenu ul.sm > li div.scon ul{background-color:#fff; border-bottom:1px solid #e0e2e4;}
div.smenu ul.sm > li div.scon ul li a{padding:10px 2px 10px 10px; display:block;  border:1px solid #e0e2e4; border-bottom:none; line-height:1.3;color:#1b1b1b;}
div.smenu ul.sm > li div.scon ul li:first-child a{border-top:none;}
div.smenu ul.sm > li div.scon ul li.active a{background:#3374be; color:#fff;border-color:#3374be; }
div.smenu ul.sm > li div#subMList ul li.active a{background:#3374be; color:#fff;border-color:#3374be;}

h2.mobile_pt{color:#333333; font-size:1.3em; font-weight:bold; letter-spacing:-0.03em; margin:22px 15px 20px; padding-bottom:5px; border-bottom:1px solid #ddd;}

/*3차*/
div.third {margin:0 1rem 1.5rem; *zoom:1; height:35px;}
div.third ul{display:table; width:100%; margin:0 auto; line-height:0; font-size:0;}
div.third li {display:table-cell; *display:inline; *zoom:1; width:25%; height:35px; vertical-align:middle; text-align:center;border:1px solid #e7e7e7; background-color:#f5f5f5;}
div.third li a {display:block; line-height:1.2; font-size:15px; color:#333;text-transform:capitalize; }
div.third li.active{background-color:#364660; border:1px solid #364660;} 
div.third li.active a{color:#fff;}


div.content_wrap{position:relative; z-index:0; min-height:230px; padding-bottom:40px;}

/* 버튼 */
.btn_confirm { margin-right: 7px;  padding: 8px 30px;   font-size: 1.0em;  font-weight: bold;  color: #fff;  background-color: #dd4834;  border: 1px solid #dd4834; cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important; }
.btn_cancel {  padding:8px 30px;   font-size: 1.0em;  font-weight: bold;  color: #fff;  background-color: #6d6c74;  border: 1px solid #666;cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important;  }


/*푸터*/
div#footer{ padding: 25px 15px;text-align:center;background-color:#333; color:#a0a0a0; }
div#footer div.address{width: 100%;box-sizing:border-box; padding:0px 20px; color: #999; font-size:0.85em; line-height:1.5;overflow:hidden; text-align:center;}
div#footer h3{margin-bottom:20px;}
div#footer div.address p{letter-spacing:0; }
div#footer div.address a{color:#FA9D6C; font-weight:normal;}
div#footer div.address p span {color:#0071bf; padding:0px 10px; } 
div#footer div.address p.copy{color:#999; margin-top:10px;font-size:0.85em;}

div#footer div.link{width:100%; text-align:center; margin-top:20px;}
div#footer div.link ul{clear:both; text-align:center;}
div#footer div.link ul li{margin:0; padding:0; display:inline-block; float:none;}
div#footer div.link ul li a{display:inline-block; padding: 0px 3px; font-size:0.95em;  color: #fff;}



div.top{position:fixed; bottom:30px; right:10px; z-index:100;}
div.top a{background-color:#940A0A; color:#fff; display:block; width:35px; height:35px; text-align:center; line-height:35px; border-radius:50%; font-size:0.65em;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);}

.linebox.con{margin:0 1rem 1rem;}
.linebox{position:relative;background:url("/images/default/content/tit_bg1.gif") repeat left top; padding:5px;  z-index:1;}
.linebox:before{ content : ""; display : block; position : absolute; left :0; top:0px; width : 30px; height : 30px; background : #275EAB; z-index:-1;}
.linebox:after{ content : ""; display : block; position : absolute; right :0; bottom:0px; width : 30px; height : 30px; background : #275EAB; z-index:-1;}
.linebox div{background:#fff;  padding:1rem; z-index:1; }

.linebox h4{font-size:1.1rem; font-weight:600; color:#1d1d1d; margin-bottom:10px;}

.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

.pl20{padding-left:20px !important;}

/*신청폼*/
.apply_div h4{color:#1e1e1e; font-size:1.2rem; }
.apply_div h4 span{display:block; font-size:0.85rem; font-weight:400;margin: .5rem 0;}
.checkStyle{color:#ff0000;}
.private{border:1px solid #ddd; padding:1rem; height:10rem; overflow-y:scroll; margin:2rem 0 0;}
.dib{  width: 50%;  float: left; }