@charset "utf-8";

/************************************************************************
 * 파일명      : common.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.07.08
************************************************************************/
/* font */
@font-face{
	font-family:NanumGothic;
	src:url('/skin/css/font/NanumGothic.eot');
	src:url('/skin/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/skin/css/font/NanumGothic.woff') format('woff'),
	url('/skin/css/font/NanumGothic.ttf') format('truetype');
}

@font-face {
  font-family: NanumGothic;
  font-style: normal;
  font-weight: 800;
  src: url(/skin/css/font/NanumGothicBold.eot);
  src: url(/skin/css/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/skin/css/font/NanumGothicBold.woff) format('woff'),
       url(/skin/css/font/NanumGothicBold.ttf) format('truetype');
}

/* Common */
html {font-size: 100%;/*overflow-x:hidden;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address,select,button,input{margin:0;padding:0;font-size:12px;font-family:NanumGothic,'Arial','Gulim','굴림';color:#434343;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a {text-decoration:none;color:#757575; }
a:visited {color:#757575;}
hr,caption,legend {display:none;}
img{border:none}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
input {vertical-align:middle}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.placeholder { color: #969696; }
.placeholderFocus { color: #000; }
.btn {-moz-user-select: none;border: 1px solid transparent;cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;}
.btn-default {background-color: #ffffff;border-color: #cccccc;color: #333333;}
.btn-primary {background-color: #696969;border-color: #696969;color: #ffffff;}
.btn-danger {background-color: #d27b7b;border-color: #d43f3a;color: #ffffff;}
.btn-gray {background-color: #615F60;border-color: #d6d6d6;color: #ffffff;}

.imgfix{width:50%; margin-left:auto;margin-right:auto;}
.imgfix img{width:50%;}
.img50 {width:50%;}
.imgfix60 {width:60%;}

/* Layout */
#wrap {width:100%}
#header_wrap,#main-container,#footer {width:100%;}

#header_wrap {border-top:1px solid #82a2d3;position:relative;z-index:1000;}
#header_wrap .header {position:relative;z-index:1000;width:100%;background:url('/skin/img/main/top_bg.png') repeat-x 0 0;padding-bottom:6px;}
#header_wrap .header .gnb {position:relative;height:92px;margin:0 auto;z-index:1000;}
#header_wrap .header .gnb h1 {float:left;margin-top:22px;margin-bottom:0;}
#header_wrap .header .top_link {padding-bottom:1px;overflow:hidden;padding-top:6px}
#header_wrap .header .top_link ul {float:right;margin-bottom:0;}
#header_wrap .header .top_link ul li {float:left;background:url('/skin/img/main/top_link_bar.gif') no-repeat right 14px;padding-right:12px;margin-right:10px;}
#header_wrap .header .top_link ul li.last {padding-right:0;margin-right:0;background:none;}
#header_wrap .header .top_link ul li a {text-decoration:none;display:block;height:32px;line-height:32px;color:#9b9a9a;}


#header_wrap .header .nav-area {float:right;position:relative;}

.nav {height:92px;margin:0 auto;overflow:hidden;}
.nav > ul {overflow:hidden;}
.nav > ul > li {float:left;margin-left:30px;}
.nav > ul > li > a {text-align:center;text-decoration:none;color: #4a4a4a;display: block;padding:0 25px;font-size: 15px;height: 92px;line-height: 92px;font-weight:bold;}
.nav > ul > li.nav-li7 a {padding-right:0;}
.sub-nav {padding:17px 0;}
.sub-nav li a {text-decoration:none;display:block;text-align:center;height:30px;line-height:30px;color:#5f5f5f;font-size:12px;}
.sub-nav li a:hover {background:#0071B3;color:#fff;}

/* board */
/* 게시판 리스트 */
.board-list {table-layout:fixed;border-collapse: collapse;margin-bottom: 2em;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #000;}
.board-list td,.board-list th {font-family:'NanumGothic','Open Sans', sans-serif;color:#454544;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:14px;}
.board-list th {font-weight:bold;background:#F8F8F8;}
.board-list th .chk {color:#FE7701}
.board-list td {height:30px;}
.board-list td.title {text-align:left;padding-left:30px;}
.board-list th.thtitle {font-size:15px}
.board-list th.thleft {text-align:left;padding-left:30px;}
.board-list th.thleft1 {text-align:left;padding-left:40px;background:none;border-right:none;}
.board-list td.tdleft {text-align:left;padding-left:30px;}
.board-list td.tdleft1 {text-align:left;padding-left:30px;border-left:none;}
.board-list td.tdleft ul li {float:left;}
.board-list td.tdleft ul li.bar {margin:0 20px;}
.board-list td.title  a{font-size:14px;}
.board-list td.contents {text-align:left;padding:10px 20px 10px 20px;vertical-align:top;}
.board-list td.contents td {text-align:left;border:none;}
.board-list td.bold {font-weight:bold;}
.board-list td .board_input {font-family:'NanumGothic','Open Sans', sans-serif;border: 1px solid #eaeaea;color: #333333;background:#FAFAFA;height: 32px;line-height: 2.3em;padding: 0 0 0 10px;font-size:14px;}
.board-list td em {float:right;margin-right:20px;}
.board-list td label {cursor:pointer;}
.form-control {background-color: #ffffff;border: 1px solid #cccccc;border-radius: 4px;color: #555555;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;vertical-align: middle;}
.help-inline {font-family:'NanumGothic','Open Sans', sans-serif;color:#454544;font-size:11px;margin-left:5px;color:#D36161;}

/* tablet phone */
.phone-list {border-top:1px solid #dddddd}
.phone-list li {border-bottom:1px solid #dddddd;display:block;padding:15px 10px;}
.phone-list li.nodata {font-size:14px;font-weight:bold;border-bottom:1px solid #dddddd;text-align:center;}
.phone-list li a {display:block;padding:10px 0;}
.phone-list li .title {font-weight:bold;font-size:13px;}
.phone-list li .date {text-align:right;font-size:11px;}
.phone-list li .date span {color:#DDDDDD;margin:0 5px;}

/* page */
.paginate_complex{padding:15px 0;line-height:normal;text-align:center;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;border:1px solid #ddd;width:28px;height:25px;line-height:25px;text-decoration:none !important;color:#000;vertical-align:top;}
.paginate_complex strong {color:#fff;background:#615f60;border:1px solid #615f60;}
.paginate_complex a.default:hover,
.paginate_complex a.default:active,
.paginate_complex a.default:focus{color:#fff;background:#615f60;border:1px solid #615f60}
.paginate_complex .pprev{width:28px;height:26px;line-height:26px;}
.paginate_complex .prev{width:28px;height:26px;}
.paginate_complex .nnext{width:28px;height:26px;}
.paginate_complex .next{width:28px;height:26px;}

.tmenu {display: block;right: 15px;top: 35px;background: url("/skin/img/main/tmenu.png");background-repeat: no-repeat;background-size: auto auto;font-size: 0;height: 19px;overflow: hidden;position: absolute;text-indent: -9999px;width: 24px;}

/* panel */
.menu-panel {background-color: #11518F;overflow-x: hidden;overflow-y: hidden;position: absolute;transition-delay: 0s;transition-duration: 0.3s;transition-property: all;transition-timing-function: ease-in-out;z-index: 1001;width: 100%;}
.menu-panel-open {top: 0;}
.menu-panel-close {top: -100px;height: 100px;left: 0;width: 100%;}
.menu-panel .sitemap {color:#fff;font-size:17px;position:relative;height:50px;line-height:50px;padding:0 20px;background:#11518F;}
.menu-panel .sitemap a {display:block;position:absolute;right:1em;top:0.8em;width:20px;height:20px;background:url('/skin/img/main/m_close.png') no-repeat center center;padding:5px}
.menu-panel .sitemap a span {display:none;}
.menu-panel .mobile-nav .link {position:relative;font-size:15px;font-weight:bold;display:block;text-decoration:none;height:40px;line-height:40px;
padding:0 19px;color:#444444;background:#D5D5D5;border-bottom:1px solid #DCDCDC;}
.menu-panel .mobile-nav.selected .link {background:#11518F;color:#fff;transition: all 0.3s ease;}
.menu-panel .mobile-nav .link span {display:block;position:absolute;top:17px;right:26px;width:9px;height:5px;background:url('/skin/img_page/panel_arrow.png') no-repeat center center}
.menu-panel .mobile-sub-nav li a.msnl {display:block;font-weight:bold;text-decoration:none;height:30px;line-height:30px;background:#F2F2F2;padding:0 20px;color:#7e7e7e;}
.menu-panel .mobile-sub-nav {display:none;}
.menu-panel .mobile-sub-nav li a:hover {color:#11518F;}
.top-ssmenu li a {font-weight:normal;padding:0 10px;display:block;background:#F2F2F2;height:30px;line-height:30px;padding:0 30px;}

.site-map {background:#303034;padding:28px 0 35px 0;border-bottom:1px solid #27272a;}
.site-map .site-title {font-size:14px;color:#fefefe;height:30px;line-height:30px;}
.site-map .site-title a {font-size:14px;color:#fefefe;text-decoration:none;}
.site-map ul {background:url('/skin/img/main/site_map_line.gif') repeat-y right top;min-height:135px;}
.site-map ul.last {background:none;}
.site-map ul li a {color:#6b6b6b;height:27px;line-height:27px;}
.copyright-wrap {background:#303034;border-top:1px solid #3a3a3e;padding:22px 0 20px 0;}
.copyright-wrap p {color:#a7a7a7;}

.margin-t10 {margin-top:10px;}
.margin-t20 {margin-top:20px;}
.margin-t30 {margin-top:30px;}
.margin-t35 {margin-top:35px;}
.margin-t40 {margin-top:40px;}
.margin-t50 {margin-top:50px;}
.margin-t60 {margin-top:60px;}
.margin-t70 {margin-top:70px;}
.margin-t80 {margin-top:80px;}
.margin-t90 {margin-top:90px;}
.margin-t100 {margin-top:100px;}

.margin-b0 {margin-bottom:0;}
.margin-b10 {margin-bottom:10px;}
.margin-b20 {margin-bottom:20px;}
.margin-b30 {margin-bottom:30px;}
.margin-b40 {margin-bottom:40px;}
.margin-b50 {margin-bottom:50px;}
.margin-b60 {margin-bottom:60px;}
.margin-b70 {margin-bottom:70px;}
.margin-b80 {margin-bottom:80px;}
.margin-b90 {margin-bottom:90px;}
.margin-b100 {margin-bottom:100px;}