@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(fonts.css);

/* reset */
html,body { height:100%; margin:0 auto;  }
body { min-width:1366px; }
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button,input,span,strong { margin:0; padding:0; }
body,h1,h2,h3,h4,input,button,strong { font-size:12px; }
ul,li,ol { list-style:none;    }
a { text-decoration:none;  }
img,fieldset,iframe,span { border:0; }
img { vertical-align:top; }
table { border-collapse:collapse; }
a:hover { text-decoration: none;  }

/* base */
body { 
font-family: 'Nanum Gothic', sans-serif;
/*background:#f2f0f1;  */
}
div { 
box-sizing: border-box; 
}

/* layout */
#header { 
width:100%;
height:160px;
background:url(../images/header_bg.gif) center top repeat-x;  
position: fixed;
left:0; top:0;
z-index:800;
}
#header .inner { 
position: relative; 
width:1208px; 
margin:0 auto; 
}
#footer {
background: #eeeeed;
}
#footer .inner { 
margin:0 auto; 
width:1208px; 
/*padding:21px 0 25px 70px;*/
padding:21px 0 25px 0;
text-align: center;
}

/* ////////////////////////////////////////////////// header ////////////////////////////////////////////////// */
#header .inner h1 { 
position: absolute;
top:24px;
}
#header .gnb { 
position: absolute; 
/*left:203px; */
left:0px; /*top:85px; */ 
top:109px;
z-index:201;
}
#header .gnb:after { content:""; display: block; clear: both; }
#header .gnb > li { float: left; }
#header .gnb > li > a { 
display: block; 
/*width:200px; */
width:302px; 
text-align: center; 
vertical-align: top;
color:#fff; 
/* color: #545454;  */
font-size:15px; 
font-weight:bold;
line-height:35px;
padding:8px 0; /* 필요시 10px 조절 */
}
#header .gnb li ul { 
position: relative;
z-index:200;
background:#fff;   
/*background:#c1b29b;  */ 
display: none;
/*border:2px solid #c1b29b;*/
border:1px solid #ddd;
border-top:none;
}
#header .gnb li ul li {

}
#header .gnb li ul li a { 
display: block;
color: #7e7e7e; 
/*color: #fff; */
font-size:13px;  
text-align: center;
padding:12px 0;
/*border:3px solid #fff;*/
border-bottom:3px solid #fff;

}
#header .gnb li ul li a:focus,
#header .gnb li ul li a:active,
#header .gnb li ul li a:hover { 
/*color:#7e7e7e;*/
/*color:#f5dcb9;*/
color:#c1b29b;
/*background:#af7b5c;  */
/*background:#c1b29b;  */
/*background: #fff;*/
border-bottom:3px solid #c1b29b;
}
#header ul li a { text-decoration: none;  }
#header ul li a.on { 
/*color:#512408;*/   
color:#777;   
}

#header .sub_g { 
position: absolute; 
right:0; top:42px;  
/*  top:31px;  */
}
#header .sub_g:after { content:""; display: block; clear: both; }
#header .sub_g li { float:left; /*text-align: center; */ }

#header .sub_g li a { 
display: block; 
width:60px; 
color: #777; 
font-size:12px;  
text-align: center; 
background:url(../images/sub_bar.gif) no-repeat 56px;  
}
#header .inner .sub_g .last a { background:none;  }
#header .inner .sub_g >  li > a > img {display: block; margin:0 auto; margin-top:-5px; padding-bottom:5px; }
#header .inner .sub_g >  li > a > span {display: block;  }


#header .sub_g .sub_coo { margin-top:-10px; padding-right:20px;   }
#header .sub_g .sub_coo img { margin-right:10px; vertical-align:bottom;    }




/*////////////////////// QUICK MENU ///////////////////*/
#quick { 
position:fixed; 
right:-150px; top:0; /*top:300px; */ 
z-index:900;
}
#quick ul li .quick_m { 
float: left; 
/*border-right: 2px solid #504332;*/
}
#quick ul li ul { 
float: left; 
/*height:1010px;  */
height:814px;  
}
#quick ul li ul li { 
/*background:#797269; */
background:#5a554e; 
/*background:#8d8883; */
width:167px; /* max-height:181px; */
/*max-height:20%; 
height:151.2px;*/
/*height:20%;*/
/*border-bottom: 2px double #3d362b;
border-top: 2px double #504332; */
/*padding:0px 15px;*/ 
padding:13px;
overflow: hidden; 
}
#quick ul li ul .q_second,
#quick ul li ul .q_last {
padding-top:0;
}
#quick ul li ul .q_first > div,
#quick ul li ul .q_second > div,
#quick ul li ul .q_last > a > div {
width:143px;
height:165px;
background:#97938d;
border-bottom-left-radius:50px;
border-top-right-radius:50px;
}

#quick ul li ul .q_second div {
height:226px;
}

#quick ul li ul li img { 
vertical-align:top; 
border-top:1px solid #afa291;
}
#quick ul li ul li p { 
text-align:left;
padding-left:4px;
padding-top:14px;
padding-bottom:4px;
color:#fff; 
font-size:16px;
font-weight:500;
letter-spacing:-0.8px;
border-bottom:1px solid #87837d;
}
#quick ul li ul li a:focus, 
#quick ul li ul li a:active, 
#quick ul li ul li a:hover { 
text-decoration: none; 
}

#quick ul li ul .q_last { 
border-bottom:0; 
border-bottom-left-radius:60px;  
}

/* ////////////////////////////////////////////////// footer ////////////////////////////////////////////////// */
#footer .inner > p { 
display:inline-block; 
vertical-align:top; 
margin-left:10%;
}
#footer .inner .copy_info { 
margin-top:-2px;
}
#footer .inner .copy_info .terms_personal { 
display: inline-block;
text-align: center;
margin-top:2px;
padding-bottom:10px;
}
#footer .inner .copy_info .terms_personal > li { 
float: left; 
padding-left:6px; 
background:url(../images/sub_bar.gif) left center no-repeat;  
}
#footer .inner .copy_info > ul > li:first-child { 
padding-left:0; 
padding-right:7px; 
background:none; 
}

/* ///////////////////////////////// modal START!!!  ///////////////////////////////// */
#footer .inner .copy_info > .terms_personal > li .btn.btn-info {  
font-size:11px; 
color: #666;
text-decoration: none;  
background: none;
border: none;
padding:0;
margin:0;
}

#modal_terms,
#modal_personalInfo {
width:100%;
}
.modal-dialog {
width:90%;
height:90%; 
/*margin:0 auto;*/
}
.modal-content { 
height:100%;
}
.modal-title {
font-size:20px;
font-weight:bold;
}
.modal-body {
margin:35px;
height:86%;
overflow-y:scroll;
}
.body_txt {

}
.body_txt h5 {
text-align: left;
padding:5px 0;
font-weight:700;
}
.body_txt ul {
text-align: left;
margin-top:2px;
padding-bottom:10px;
}
.body_txt ul li {
text-align: left;
padding-left:20px;
font-size:13px;
background: none;
}
.body_txt ul li > ol {
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
}
.body_txt ul li > ol > li {
text-align: left;
list-style:circle;
padding-left:0;
}
.body_txt > p{
text-align:left;
font-size:14px;
font-weight:500;
padding-bottom:15px;
}

#footer .inner .copy_info > .address,
#footer .inner .copy_info > .copyright { 
color:#777; 
text-align: center;
}
#footer .inner .copy_info .copyright { 
font-weight:bold;
}


/*
* media query START
*/
@media all and (min-width:1024px) and (max-width:1600px){
#header { 
width:100%; 
}
#header .inner h2 { 
left:160px;
}
#header .inner h2 img { 
width:20%; 
}
#header .inner .gnb {
width:100%;
margin-left:167px;
}
#header .gnb > li > a { 
/*width:200px; */
width:218.5px;
font-size:15px; 
padding:8px 0; /* 필요시 10px 조절 */
}
#header .gnb li ul { 
position: relative;
z-index:200;
background:#fff;   
display: none; 
}
#header .gnb li ul li a { 
display: block;
color: #7e7e7e; 
font-size:13px;  
text-align: center;
padding:12px 0;
}

#header .inner .sub_g {
right:154px;
}
#header .inner .sub_g .sub_coo {
/*width:60%;*/
padding-right:5px;
}
#header .inner .sub_g .sub_coo img {
margin-right:3px;
}
#header .inner .sub_g .sub_coo p {
/*width:60%;*/

}


#quick ul li ul { 
/*height:608px;  */
}
#quick ul li ul li { 
/*max-height:13.82%; */
/*max-height:11.5%; */
/*max-height:20%; */
}
#quick ul li ul li img { 
/*margin-top:36px;  */
}
#quick ul li ul li a { 
/*margin-top:38px;
font-size:14px;*/
}
#quick ul li ul li:first-child { 
/*border-top:0;  */
}



}