@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
/* =============모든 페이지 공통스타일================================ */
/* -------- 1)태그 초기화 -------- */
*{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body,p,h1,h2,h3,ul,dl,dd,hr{margin:0px;padding:0px}
body{font-size:14px;font-weight:normal;color:#333;font-family:"Noto Sans KR","Nanum Gothic", sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Noto Sans KR","Nanum Gothic", sans-serif}
ul,li{list-style:none}
a{text-decoration:none}
a:link, a:visited,a:hover, a:active{text-decoration:none !important;}
a:focus{outline: 1px dashed #000;}
img{border:0px;max-width:100%;height:auto}
address{font-style:normal}
hr{width:0px;height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px;visibility:hidden}
header,nav,section,aside,footer{display:block}

/* skip */
#skip a{position:absolute;top:0px;left:-9999px;z-index:9999;}
#skip a:focus,#skip a:active{left:0px;width:100%;text-align:center;background-color:#333;color:#fff;font-weight:bold;padding:10px 0}

/* -------- 2)공통클래스 모음 -------- */
.f_l{float:left}
.f_r{float:right}
.p_r{position:relative}
.p_a{position:absolute}
.blind{position:absolute;top:0px;left:-9999px;width:0;height:0;overflow:hidden;font-size:0px;line-height:0px;}
.clear{*zoom:1}
.clear:after{display:block;content:"";clear:both}
.bold{font-weight:bold}
.wrap{width:1400px;padding:0 100px;margin:0 auto;}
.inner_wrap{width:1200px;margin:0px auto;}
.t_c{text-align:center;}

/* -------- 3)푸터 사이트맵 -------- */
.table-layout {display:table; width:100%;}
.table-cell {display:table-cell;}
.table-row {display:table-row;}
.total-view-wrap {display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.total-view-wrap .container {padding-top:40px;position: relative;width: 1060px;margin: 0 auto;}
.total-view{position:relative; z-index:1; background-color: #fff; padding: 35px; background-color:#FFF;}
.total-view-wrap .total_close {display:block; position:absolute; right:40px; top:40px; z-index:1; width:30px; height:30px; background:url("/images/site/user/common/sitemap_close.jpg") center center no-repeat;}
.total_tit {display:block;margin-bottom:40px; font-size:30px; font-weight:bold;}
.total-view .row01{height:170px;}
.total-view .row02{height:110px;}
.total-view .row03{height:110px;}
.total-view .row04{height:70px;}
.total-view .row05{height:120px;}
.total-view .row06{height:95px;}
.total-view .row06 .table-cell{border-bottom:1px solid #d5d5d5;}
.total-view .table-layout{width:100%; text-align:left;}
.total-view .table-cell{vertical-align:top; border-top:1px solid #d5d5d5;}
.total-view .table-cell.f{border-right:1px solid #d5d5d5; width:20%;}
.total-view .table-cell strong{display:block;position:relative; z-index:1; font-size:17px; color:#004993; padding-top:20px;}
.total-view .table-cell strong:before{display:block;content:''; position:absolute; left:0; top:-2px; width:53px; height:4px; background-color:#004993;}
.total-view .table-cell.l{position:relative; z-index:1; width:80%;}
.total-view .total-2dept > li > a{display:block; font-size:15px; font-weight:bold; color:#323131; margin-bottom:5px;}
.total-view .total-3dept > li{margin-bottom:5px;}
.total-view .total-3dept > li > a{display:block; font-size:13px; color:#868686; padding-left:0px; background:none;} 
.total-view .layout-4 > li{position:absolute; z-index:1;}
.total-view .layout-4 .r1{top:20px;}
.total-view .layout-4 .r2{top:50px;}
.total-view .layout-4 .r3{top:80px;}
.total-view .layout-4 .r4{top:150px;}
.total-view .layout-4 .c1{left:5%}
.total-view .layout-4 .c2{left:30%}
.total-view .layout-4 .c3{left:55%}
.total-view .layout-4 .c4{left:80%}
.total-view .layout-4 .map{left:80%; top:110px;}

.total-bg{position:absolute; z-index:2; background-color:#fff; top:140px; left:0; right:0; bottom:0;}