@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; }

.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%;  max-width: 2000px;  position:relative; overflow:hidden}

.opacity {opacity:0}

.sec-pad { padding: 120px 0;}
.sec-pad2 { padding: 50px 0;}

.w100 {width:100%; position:relativel; padding:20px 0 60px 0; margin:50px 0 0 0 !important; }
.w100 p {text-align:center}

.blue-bg {background:#315aa7}
.light-blue-bg {background:#eaf1fb}
.gray-bg {background:#f2f2f2}
.gray-bg2 {background:#ebebeb}
.light-bluegray-bg {background:#d4dced}
.beige-bg { background:#f1e6e2}
.purple-bg {background:#6c5e9e}

.tit_sec { position:relative; background:url(../_img/top_bg.jpg) no-repeat top center; height:1000px;} 
.tit_sec .tit {position:absolute; top:40px; left:50%; margin-left:-524px; z-index:10}
 
.sec-four  { position:relative; background:#fff url(../_img/fourth_bg.jpg) no-repeat bottom center; height:954px;} 
.sec-four .cont {position:relative; width:1300px; margin:0 auto;}
.sec-four .cont h2 { position:absolute; top:150px; left:50%;}
.sec-four .cont p {position:absolute; left:50%; top:260px; margin-left:-30px;}
	
.cont_box {position:relative; width:1300px; margin:0 auto;}
.cont_box h2{ position:relative; text-align:center; padding-bottom:25px;}
.cont_box p {position:relative; text-align:center;}


.btn_box {width:995px; margin:0 auto}
a.view_btn01 {display:inline-block; width:470px; padding:35px 0; box-sizing:border-box; text-align:center;  font-size:25px; background:#6956af; color:#fff; border-radius:10px; font-weight:bold; letter-spacing:0; text-decoration:none; cursor:pointer; transition:0.3s;}
a.view_btn01:hover {background:#000; color:#fff;}

a.view_btn02 {display:inline-block; width:470px; padding:35px 0; box-sizing:border-box; text-align:center;  font-size:25px; background:#4176b5; color:#fff; border-radius:10px; font-weight:bold; letter-spacing:0; text-decoration:none; cursor:pointer; transition:0.3s; margin-left:15px;}
a.view_btn02:hover {background:#000; color:#fff;}

#five  { position:relative; background:url(../_img/04_bg.jpg)no-repeat top center;} 
#five p{padding-top:70px;}


#seven { position:relative; background:url(../_img/bg_06.jpg)no-repeat top center; height:899px} 
#seven p{ position:relative; padding-top:105px; text-align:center;}

#nine  {position:relative; background:#f5f5f5 url(../_img/nine_bg.jpg) no-repeat top center; height:709px;} 


address {margin-left:50px;}


#db_box { width:100%;position:absolute; height:200px; bottom:0; background: #544eba; z-index:100}
#db_box > div { padding-top:15px;}
#db_box table{ position:absolute;  width: 1000px; margin: 0 auto;  left:50%; margin-left:-500px; }

#db_box table .text_input{ padding:2% 2%; vertical-align:central;}
#db_box dl dt{ float: left; padding: 0 10px; line-height: 30px; color:#fff;  font-family:Nanum Gothic; font-size:17px; line-height:42px; font-weight:bold}
#db_box dl dd{ float: left; }
#db_box dl dd span{ color:#fff; }
.checkbox { color:#fff; }

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



input[type="text"]{ height: 30px; padding:5px; border:0; vertical-align: middle;}
input[type="submit"]{ width: 100%; max-width: 262px; height: 150px; background: url("../_img/db_btn.jpg") no-repeat 100%; background-size: 100%; }
select{ width: 70px; height: 32px; margin: 0; padding:5px; border:0; vertical-align: middle; }