@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html{font-size:12px}
body{text-align: left;font-size:12px;color:#555;line-height:20px;font-family:Nanum Gothic, '돋움',sans-serif;letter-spacing:-1px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:Nanum Gothic, '돋움',sans-serif;font-size:12px;}
img,fieldset,iframe{border:0}
li{list-style:none;word-break:keep-all}
img,input,select,button,textarea{vertical-align:middle}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:1px;position: relative;}
button{margin:0;padding:0}
a:link,a:visited{text-decoration:none;color:#555}
a:hover,a:focus,a:active{text-decoration:underline;color:#555}
button img{left:-3px;}
hr{display:none}
legend,caption{ visibility:hidden; font-size:0; width:0; height:0; line-height:0}
p{text-align:left;line-height:22px;word-break:keep-all}
table{width:100%;border-spacing:0;}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
/* hidden contents */
.skip,.hidden{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1}



/* padding */
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt70 { padding-top:70px !important; }

.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pb100 {padding-bottom:140px !important}

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }


.p50 {padding:50px 0; }



#wrap {margin: 0 auto; width:100%; position:relative; overflow:hidden}

.opacity {opacity:0}

.sec-pad { padding:50px 0; position:relative}
.sec-pad2 { padding: 20px 0;}

.blue-bg {background:#315aa7}
.light-blue-bg {background:#eaf1fb}
.gray-bg {background:#f2f2f2}
.light-bluegray-bg {background:#d4dced}

.tit_sec { position:relative; width:100%; height:auto; } 
.tit_sec h1 {position:absolute; top:10px; left:20px; z-index:999;}
.tit_sec h1 img {width:40%;}
.tit_sec .tit {position:relative; z-index:10}
.tit_sec .tit img {width:100%; }
 

.cont_box {position:relative; width:100%; margin:0 auto;}
.cont_box h2{ position:relative; text-align:center; padding-bottom:25px; }
.cont_box h2 img  {width:68%;}
.cont_box p {position:relative; text-align:center;}
.cont_box p img {width:100%}

.btn_box {width:100%; margin:0 auto}
a.view_btn01 { display:block; width:90%; padding:15px 0; line-height:30px; box-sizing:border-box; text-align:center;  font-size:20px; background:#315aa7; color:#fff; border-radius:10px; font-weight:bold; letter-spacing:0; text-decoration:none; cursor:pointer; transition:0.3s; margin-left:5%; margin-bottom:20px}
a.view_btn01:hover {background:#000; color:#fff;}

a.view_btn02 {display:block;  width:90%; padding:15px 0; line-height:30px; box-sizing:border-box; text-align:center;  font-size:20px; background:#ffe700; color:#000; border-radius:10px; font-weight:bold; letter-spacing:0; text-decoration:none; cursor:pointer; transition:0.3s; margin-left:5%;}
a.view_btn02:hover {background:#000; color:#fff;}

#five  { position:relative; background:#d4dced;} 
#five p img{width:100%}


address img { width:100%;}

.checkbox { color:#fff; }

#db_box .checkbox{ padding:0 0 5px 0; }
.contents_db{ overflow-y:scroll; height:30px; padding:1%; background:#fff;  }




/*====================== fix_counseling ======================*/
.fix_counseling {position:fixed; bottom:0; left:0; width:100%;  padding:10px; padding-right:90px; overflow:hidden; box-sizing:border-box; background:#1a335e; z-index:99; }
.fix_counseling p {font-size:13px; text-align:left;}
.fix_counseling p a {float:right; text-align:right; color:#999;}
.fix_counseling p input[type='check'] {}
.fix_counseling p label {color:#c8cacf;}

.fix_counseling dl {width:100%; overflow:hidden; margin-bottom:5px;}
.fix_counseling dl dt, .fix_counseling dl dd {float:left; box-sizing:border-box;}
.fix_counseling dl dt {width:17%; color:#fff; font-size:13px; line-height:30px;}
.fix_counseling dl dd {width:33%;}
.fix_counseling dl dd input[type='text'] {width:100%; height:30px; border:0; border-radius:3px; background:#fff; box-sizing:border-box; padding:5px; font-size:13px; color:#333;}

.fix_counseling button {position:absolute; top:50%; margin-top:-28px; right:10px; display:block; width:70px; height:56px; color:#000; background:#ffe701; border-radius:3px; border:0; font-size:14px; font-weight:bold}