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

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike,strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, progress, video {display: inline-block;}
body {line-height: 1; color: #4c4c4c; -webkit-tap-highlight-color:transparent; /* 아이폰 하이라이트 제거*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 안드로이드 하이라이트 제거 */}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-spacing: 0; border-collapse: collapse;}
a {background: transparent; color: #707070; text-decoration: none;}
a:hover,a:active,a:focus {text-decoration: none;}
a:active, a:hover {outline: 0;}
[hidden], template {display: none;}
img, iframe {max-width: 100%;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
button, input, optgroup, select, textarea {margin: 0; color: inherit; font: inherit; resize: none;}
button {overflow: visible;}
button, select {/* text-transform: none; */}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; padding: .5em;}
optgroup {font-weight: bold;}
sup {vertical-align: super;}
hr {display: none;}


/* Common
-------------------------------------------------------------- */

#accessibility {overflow:hidden;position:relative;width:100%;z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:27px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.hide {position: absolute; visibility: hidden; text-indent: -9999px;}
.mr0 {margin-right: 0 !important;}
.text_blue {color: #3f79ab;}
.text_green {color: #469100;}

/* Layout
-------------------------------------------------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-family: '나눔고딕', 'Nanum Gothic', '굴림', Gulim, sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}

/* Header
-------------------------------------------------------------- */
#header-wrap {height: 74px;background: url('../img/common/bg_header_wrap.jpg') 0 0 repeat-x;}
#header h1 {float: left;padding: 14px 0 0 16px;height: 71px;display: none;}
#header h1 a {display: block;}
#depth1 {display: none;}
.depth1_list {position: absolute;width: 117px;height: 119px;background: #f3feff; z-index: 10; top: 128px;}
#depth1 .depth1_list li {margin-left: 13px; margin-top: 17px;}
#depth1 .depth1_list li a {color: #4c4c4c;font-size: 15px;}
.tab_over {color: #599f17 !important;}
.tdu {text-decoration: underline !important;}
.month {margin: 31px 0 0 10px;}
.month img {height: 24px;}
/* mobile gnb */
.menu-link {position: absolute;right: 0;top: 0;z-index: 400;cursor: pointer;}
.menu-link img {height: 71px;width: 80px;}
#GNB_m {width: 180px;position: absolute; top: 71px; right: 0; z-index: 400;}
#GNB_m ul li {background-color: #00a6ba; padding: 12px 25px;}
#GNB_m ul li a {color: #fff !important; font-size: 18px;font-weight: bold;display: block;}
#GNB_m ul li ul {margin-top: 10px;}
#GNB_m ul li ul li {background-color: #00a6ba; padding: 10px 15px;}
#GNB_m ul li ul li a {font-size: 16px;}
#GNB_m .btn_close {text-align: right;}
#GNB_m .btn_close img {height: 45px;}
.viewwrap {position: absolute;top: 38px;right: 85px;}
.viewwrap select {width: 85px;font-size: 12px;}

/* container
-------------------------------------------------------------- */

#container {position: relative;}
#container .item_2 {width: 100%;}
#container .item_3 {width: 100%;}
#container .item_2 a {float: left;width: 50%;}
#container .item_2 a img {width: 100%;}
#container .item_3 a {width: 50%; float: left;}
#container .item_4 a {width: 50%; float: left;}

#container ul {line-height: 0;}
.linkhide {display: none;}
.linkshow {display: block;}
.sns_link {width: 100%;overflow: hidden;background-color: #ebeaea;}
.sns_link li {padding: 1.5em 0 1em 0;width: 16.66666666666667%;float: left;text-align: center;}
.sns_link li a{margin-top: 10px;display: block;}
.sns_link .sns_text {display: block;font-size: 10px;letter-spacing: -1px;}


/* footer
	-------------------------------------------------------------- */

#footer ul {padding-bottom: 12px;}
#footer .f_logo {margin: 15px;}
.address {color: #939292; font-size: 12px; margin: 0 1em;}
.address p {margin-top: 10px;}
.view_month {text-align: center; margin-top: 1em;}
.view_month select {font-size: 13px; background-color: #525252; border: none;color: #999; padding: 10px 0 10px 10px;font-family: Gulim, '굴림', serif;}
#modal {display: none;}
#modal.active {position: relative;z-index: 300;display: block;margin-top: -99999px;width: 100%;height: 99999px;background-color: rgba(0,0,0,0.6);}
#topScroll {position:absolute;right:10px;top:200px;z-index:90;cursor:pointer}

/* Grid
-------------------------------------------------------------- */
.row {margin: 13px auto 0; width: 95%;}
.contwrap {margin: 0 auto; padding: 40px 0 23px 0; width: 100%;}
.column {float: left; margin-left: 5%;}
.column:first-child {margin-left: 0;}
.column.full {width: 100%; text-align: center;}
.column.two-thirds {width: 65%;}
.column.half {width: 47.5%;}
.column.one-third {width: 30%; text-align: center;}
.column.one-fourth {width: 17.25%; text-align: center;}
.column.thr-fourth {width: 77.75%;}
.column.one-four {width: 21.25%; text-align: center;}
.column.one-five {width: 16%; text-align: center;}



/*  #Clearfix
-------------------------------------------------------------- */
#header:before, #header:after, .contwrap:before, .contwrap:after, .row:before, .row:after, .item_2:before, .item_2:after, .item_3:before, .item_3:after, .item_4:before, .item_4:after  {display: table; content: " ";}
.contwrap:after, .row:after {clear: both;}
.contwrap, .row {*zoom: 1;}

/* quickmenu
-------------------------------------------------------------- */
.banner {display: none;}

/* scrolltop
-------------------------------------------------------------- */
#scrolltop {position: fixed; right: 20px; bottom: 20px; z-index: 2000; display: none; width: 45px; height: 45px; border-radius: 5px; background-color: rgba(51, 51, 51, 0.5); background-image: url('../img/common/top.png'); background-position: 50%; background-repeat: no-repeat; color: #fff; text-align: center; text-decoration: none; font-size: 11px; cursor: pointer; }
#scrolltop a {visibility: hidden;}

/* sub
-------------------------------------------------------------- */

.column h3 {font-size: 20px; margin-bottom: 21px;letter-spacing: -1px; text-align: left;}
.column h3.tit {color: #00a6ba;}
.column p {color: #707070;margin-bottom: 40px; text-align: justify; font-size: 17px; line-height: 180%;word-break: break-all;}
.column .fwb {font-weight: bold;}
.column .tac {text-align: center;}
.tar {text-align: right !important;}
.navmenu {text-align: right;padding: 28px 20px 17px 0;font-size: 14px;border-bottom: 1px solid #e3e3e3;}
.navmenu span {background: url('../img/common/icon_home.jpg') 0 3px no-repeat;text-indent: 16px;display: inline-block;}
.tit_icon {background: url('../img/common/icon_tit.jpg') 0 0 no-repeat;}
.tit_icon_full {background: url('../img/common/icon_tit.jpg') 0 21px no-repeat;}
.cont-s {font-size: 24px;color: #4d4d4d;font-weight: bold; display: block; text-align: left; padding-left: 33px;letter-spacing: -1px;}
.cont-b {font-size: 46px; color: #3f79ab; font-weight: bold; display: block; text-align: left; padding-left: 33px;margin-top: 14px;}
.cont-b_40 {font-size: 40px; color: #3f79ab; font-weight: bold; display: block; text-align: left; padding-left: 33px;margin-top: 14px;}
.column.full img {margin-bottom: 24px;}
.column.half img {margin-bottom: 24px;margin-top: 5px;}
.row .column .caption_img {margin-bottom: 5px;}
.column .caption {color: #707070; font-size: 14px; margin-top: -25px;margin-bottom: 10px;}


.topline {border-bottom: 2px solid #adadad;padding-bottom: 30px;}

.column .box {font-size: 14px; background-color: #f8f8f8; border: 1px solid #f2f2f2;padding: 25px;border-radius: 5px;}
.column .box_line {padding: 25px 22px;border-radius: 5px;}
.box_tit {font-size: 15px;}
.column .text_orange {color: #e35601;}
.tit_img {display: block; margin: 10px auto;}
.column .fz12 {font-size: 12px;}
.column .fz13 {font-size: 13px;}
.column .fz15 {font-size: 15px;}
.column .mb0 {margin-bottom: 0;}
.column .writer {display: block;font-size: 17px; text-align: right;}
.column .img_c {vertical-align: middle; margin-bottom: 0 !important; margin-right: 10px;}
.column .q_name {color: #f0ca72;padding-top: 2px;border-top: 4px solid #f0ca72;}
.m_hide {display: none;}
.pc_hide {display: block;}

/* snslink */
#sns_wrap {margin: 50px 0 30px 0;width: 98%;}
#sns_wrap ul {text-align: right;}
#sns_wrap ul li {display: inline-block;}