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

/* Site Layout - Body Wrap */
html { overflow-y:scroll;display:block;}
body{padding: 0; margin: 0; font-size: 13px; background-color: #fff;}
body,button,input,select,table,textarea{font-family: "Nanum Gothic", sans-serif;}
img{border: 0;}
*{ box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.clear{position: relative;  *zoom: 1;}
.clear:before,.clear:after {display: table;  line-height: 0;  content: "";}
.clear:after {clear: both;}

hr{margin: 5px 0 10px !important;}

.s_left {float: left !important;}
.s_right {float: right !important;}

div{display:block;}
section,footer{width: 100%;display:block; }
img,fieldset{border:0;padding: 0;margin: 0;} 
img{vertical-align:middle;}
ul,ol{list-style:none;} 
em,address{font-style:normal;} 
a{color:#333;text-decoration:none !important;}
strike{color:#999;}
ul,ol{margin: 0;padding: 0; }
li{margin: 0;padding: 0;}
.blind{display: none;}

header,.gnb,footer,.body,.title_box{width: 980px;margin:0 auto;}
/* Site Layout - Header */
.header{position: relative; height: 140px;}
.header h1{margin:0;position:absolute;top:25px;left:0;}
.header h1 a{color:#fff;text-decoration:none}

nav{position:absolute;top:100px;width: 100%;  z-index: 999;}
.gnb{ background-color: #ff8c00; border-radius: 8px;box-shadow: 0 0 2px rgba(0,0,0,.1);}
.gnb li{position:relative; display: inline-block; padding:10px 0; width: 16.666666%; }
.gnb li a{display: block; padding:10px 0;color: #fff; font-size: 15px; font-weight: bold; text-align: center;  border-left: 1px solid #ffb54f;}
.gnb li:hover a,.gnb .active a{color: #222; }

.gnb > ul > .active > a{ color:#222;}
.gnb ul ul{display:none;position:absolute;left:2px;top:55px;padding:10px;background:#fff; z-index:91; width: 160px; border-radius: 5px; }
.gnb li li{display:block; padding:0 5px;}
.gnb li li a{display:block;padding: 0 20px !important;background:none !important;font-weight:normal !important; width: 130px; height:30px; border-top: 1px solid #eee; line-height: 35px;font-size: 12px; border-left: 0 solid #ffb54f; color:#999;}
.gnb li li:first-child a{border-top: 0px solid #eee;}
.gnb li li a:hover,
.gnb li li.active a{color:#ff8c00;  }


.body{padding-bottom:20px;}
/* Site Layout - Column Left */
.lnb{position:relative;width:221px;float:left; padding-top:30px;}
.lnb h2{font-weight: bold; margin-top: 10px;font-size: 17px;}
.locNav {border-top:2px solid  #e3e5e4;border-bottom:2px solid  #e3e5e4;margin:0; padding: 0;}
.locNav li{display:inline;}
.locNav li a{display: block;border-top:1px solid #e8e8e8;color:#444;text-decoration:none;padding:12px 15px;font-size: 13px;}
.locNav li a:hover,
.locNav .active a{color: #FF711E; font-weight: bold;}

.main_list{width: 100%; margin: 30px 0 0;}
.time_list li{padding:3px 0;font-size:12px !important; text-align: right}
.label{font-size:12px !important;}
.work{padding-top: 45px; padding-left:30px;}
.work li{padding-right: 10px;}
.work p{text-align: center; padding-top: 5px; font-weight: 900; color: #fff;}
.title_img {position: relative;}
.title_text{position: absolute; top:65px; left: 65px;}
.title_text h2{font-size: 45px; color: #fff; font-weight: 900;}
.title_text h3{font-size: 25px; color: #fff; line-height: 130%; font-weight: bold; padding-left: 30px;}

/* 현재위치 */
.sub_title2{ color:#333; font-size: 25px; border-bottom:1px solid #d8d8d8; margin-bottom:10px; padding:15px 0; margin-top: 25px;}
.sub_location { position: absolute; color:#999; height:22px; right:0px; top:30px;  }
.sub_location ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_location li { float:left; padding:0px; font-size: 11px; }
.sub_location li:last-child {background:none;  }
.sub_location a { color:#999; text-decoration:none; padding:5px 6px; font-size: 11px; }
.sub_location a:hover { color:#999;}

/* Site Layout - Column Right */
.content{width:721px;float:right; padding-top: 20px;}

/* Site Layout - Footer */
.footer{position:relative; border-top:#e8e8e8 solid 1px; margin-bottom: 20px; padding: 10px; }
.footer p{text-align:center;margin:0}
.footer .address{font-size: 12px; line-height: 150%; color:#999; padding-top: 10px;}
/*@media all and (max-width: 767px) {
    header,.gnb,footer,.body,.content,.title_box{width: 100%; padding: 10px;}
    .lnb,.sub_location,.sub_title2,.pc_v,.footer img,nav{display: none;}
    .content img,.title_img > img{width: 100%;}
    .footer .address{font-size: 11px;}
    .header {height: 50px;}
    .header h1{top: 10px;}
    .header img{ height:40px; }
    .title_text{position: absolute; top:65px; left: 15px;}
    .title_text h2{font-size: 25px;}
    .title_text h3{font-size:15px;}
}
@media all and (min-width:768px) and (max-width:1024px) {

}*/