@charset "utf-8";

/************************************************************************
 * 파일명      : common.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.06.18
************************************************************************/
/* 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: 500;
  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');
}

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

/* Common */
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','나눔고딕', 'Droid Sans', sans-serif;color:#646464;}
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}
.container  {width:1100px;margin:0 auto;}
.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: #7b9dd2;color: #ffffff;}
.btn-primary a{color: #ffffff;}
.btn-danger {background-color: #d27b7b;border-color: #d43f3a;color: #ffffff;}
.btn-gray {background-color: #615F60;border-color: #d6d6d6;color: #ffffff;}
.btn-ruby {background-color: #f05a68;border-color: #f05a68;color: #fff;}
.btn-sapphire {background-color: #7b9dd2;border-color: #7b9dd2;color: #fff;}

.pull-right {text-align:right;}
.pull-center {text-align:center;}

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

#header_wrap {border-top:1px solid #82a2d3;min-width:1100px;margin:0 auto;position:relative;z-index:1000;background:url('/skin/img/main/top_bg.gif') no-repeat 0 0;}
#header_wrap .header {position:relative;z-index:1000;width:100%;height:112px;padding-bottom:1px;background:url('/skin/img/main/topbg.gif') repeat-x 0 0;}
#header_wrap .header .gnb {position:relative;height:67px;width:1100px;margin:0 auto;z-index:1000;text-align:center;padding-bottom:1px;}
#header_wrap .header .gnb .santa {position:absolute;top:0;left:25px;}
#header_wrap .header .gnb h1 {display:inline-block;margin-top:21px;}
#header_wrap .header .gnb .top-link-left {position:absolute;top:21px;left:444px;}
#header_wrap .header .gnb .top-link-left li {float:left;margin-right:5px}
#header_wrap .header .gnb .top-link-left li.last a {margin-right:0;}
#header_wrap .header .gnb .top-link-right {position:absolute;top:25px;right:0;}
#header_wrap .header .gnb .top-link-right li {float:left;margin-right:5px;}
#header_wrap .header .gnb .top-link-right li.textbar {margin-right:11px;padding-right:10px;background:url('/skin/img/main/top_link_bar.gif') no-repeat right 5px;}
#header_wrap .header .gnb .top-link-right li.textend {margin-right:13px;}
#header_wrap .header .gnb .top-link-right li a {color:#2e3192;font-weight:bold;font-size:12px;height:19px;line-height:19px;display:block;}
#header_wrap .header .gnb .top-link-right li.first a {margin-right:10px;}
#header_wrap .header .gnb .top-link-right li.last a {margin-right:0;}

#header_wrap .header .gnb-top {position:relative;height:67px;width:1100px;margin:0 auto;z-index:1000;padding-bottom:1px;}
#header_wrap .header .gnb-top .santa {position:absolute;top:0;left:25px;}
#header_wrap .header .gnb-top h1 {display:inline-block; margin-top:5px; width:262px; height:55px;}
#header_wrap .header .gnb-top .top-link-left {position:absolute;top:30px;right:0;}
#header_wrap .header .gnb-top .top-link-left li {float:left;margin-right:10px}
#header_wrap .header .gnb-top .top-link-left li.last {margin-right:0;}
#header_wrap .header .gnb-top .top-link-right {position:absolute;top:20px;right:0;}
#header_wrap .header .gnb-top .top-link-right li {float:left;margin-right:5px;}
#header_wrap .header .gnb-top .top-link-right li.textbar {margin-right:11px;padding-right:10px;background:url('/skin/img/main/top_link_bar.gif') no-repeat right 5px;}
#header_wrap .header .gnb-top .top-link-right li.textend {margin-right:0;margin-right:11px;}
#header_wrap .header .gnb-top .top-link-right li a {color:#969696;font-weight:bold;font-size:10px;height:19px;line-height:19px;display:block;}
#header_wrap .header .gnb-top .top-link-right li.last a {margin-right:0;}

#header_wrap .header .nav-area {clear:both;height:45px;width:100%;background:url('/skin/img/main/nav-bg.gif') repeat-x 0 0;}
#header_wrap .sub_nav_bg {display:none;position:absolute;top:110px;left:0;width:100%;z-index:10;height:0;background:url('/skin/img/main/sub_menu.png') repeat-x 0 0;}

.nav {width:1150px;height:45px;margin:0 auto;}
.nav:before, .nav:after {content: " ";display: table;}
.nav:after {clear: both;}
.nav > ul {position:relative;}
.nav > ul > li {float:left;margin-right:5px;}
.nav > ul > li > a {text-align:center;text-decoration:none;font-weight:bold;color: #787878;display: block;font-size: 14px;line-height: 45px;height: 45px;width: 155px;}
.nav > ul > li > a:hover {color:#2e3192;}
.nav > ul > li.selected > a {color:#2e3192;}

.sub-nav {position:absolute;z-index:50;display:none;background:#fff;padding:13px 18px;margin-top:-2px;border:1px solid #2e3192;border-top:none;}
.sub-nav li {border-bottom:1px solid #dcdcdc;}
.sub-nav li.none {border-bottom:none;}
.sub-nav li a {text-decoration:none;display:block;height:30px;line-height:30px;color:#646464;font-size:12px;padding:0 16px}
.sub-nav li a:hover {color:#2e3192;background:#ececec;}
.sub-nav li.selected a {color:#2e3192;background:#ececec;}
#sub-nav3 {width:190px;margin-left:-13px;}
#sub-nav4 {width:190px;margin-left:12px;}
#sub-nav5 {width:190px;margin-left:-2px;}
#sub-nav6 {width:190px;margin-left:-28px;}
#sub-nav7 {width:190px;margin-left:-10px;}
#sub-nav8 {width:190px;margin-left:-10px;}
#sub-nav9 {width:190px;margin-left:-21px;}
#footer {margin:0 0 10px 0;position:relative;z-index:90}



.copyright-area {height:77px;background:#646464;overflow:hidden;}
.copyright-area h2 {float:left;margin-right:47px;margin-top:29px;}
.copyright-area .copyright {float:left;margin:25px 0 0 0;}
.copyright-area .copyright p {line-height:150%;font-size:11px;color:#b2b2b2;font-family:dotum;}

/* 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:13px;}
.board-list th {font-weight:bold;background:#F8F8F8;}
.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;}

/* 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{background:url('/skin/img/sub/list_pprev.gif') no-repeat 0 0;width:28px;height:27px;line-height:27px;border:none;}
.paginate_complex .prev{background:url('/skin/img/sub/list_prev.gif') no-repeat;width:28px;height:27px;border:none;margin-right:10px;}
.paginate_complex .nnext{background:url('/skin/img/sub/list_nnext.gif') no-repeat;width:28px;height:27px;border:none;}
.paginate_complex .next{background:url('/skin/img/sub/list_next.gif') no-repeat;width:28px;height:27px;border:none;margin-left:10px;}
.paginate_complex .direction span{display:none;}