@charset "UTF-8";

/* common */
.active a {color: #088bc2;}
.sub_active a {color: #088bc2; font-weight: bold;}
caption, legend {text-indent: -9999px; position: absolute; visibility: hidden;}
hr {border: 1px solid #e3e3e3; margin-bottom: 22px;}
strong {color: #333;}
em {color: #555; font-size: 0.938em; font-family: dotum, '돋움', sans-serif; font-style: normal; font-weight: bold;}
#header #gnb ul li.active a {color: #96ecff;}
#header #gnb_mobile ul li span.active {color: #96ecff;}

/* 텍스트와 이미지 1개 정렬 */
#contents .img_C {width: 100%; text-align: center; margin-bottom: 20px;}
#contents .img_L1 {float: left; display: inline-block; margin-right: 20px; width: 46%;}
#contents .img_R1 {float: right; display: inline-block; margin-left: 20px; margin-bottom: 20px; width: 46%;}
#contents .img_L1 h3 {font-size: 1.2em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px;}
#contents .img_R1 h3 {font-size: 1.2em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px;}

/* 양쪽 이미지 2개 정렬 */
#contents .img_L {display: inline-block; float: left; margin-bottom: 20px;}
#contents .img_R {display: inline-block; float: right; margin-bottom: 20px;}
#contents .img_L h3 {font-size: 1.3em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px;}
#contents .img_R h3 {font-size: 1.3em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px;}

/* 텍스트1 이미지 2개 정렬 */
#contents .img_P_L {display: inline-block; float: left; width: 32%;} /* 텍스트가 왼쪽일떄 */
#contents .img_P_R {display: inline-block; float: right; width: 32%;} /* 텍스트가 오른쪽일떄 */
#contents .img_P_L1 {display: inline-block; float: left; margin-right: 4px;} /* img_P_R로 정렬 */
#contents .img_P_L2 {display: inline-block; float: left;} /* img_P_R로 정렬 */
#contents .img_P_R1 {display: inline-block; float: right; margin-left: 4px;} /* img_P_L로 정렬 */
#contents .img_P_R2 {display: inline-block; float: right;} /* img_P_L로 정렬 */

#contents .img_lh {width: 100%; text-align: center; line-height: 0;} /* lh = line-height */
#contents .img_lh img {*vertical-align: top;}

/* 이미지 3개 정렬 */
#contents .img_3_C {text-align: center; overflow: hidden;} /* 이미지3개랩핑 */
#contents .img_L3 {display: inline-block; float: left; width: 33%;}
#contents .img_C3 {display: inline-block; width: 33%; *float: left; *margin-left: 4px;}
#contents .img_R3 {display: inline-block; width: 33%; float: right;}

/* contents 영역내 imgcontrol */
#contents .img_C_L {display: inline-block; float: left; margin: 0 19px 19px 0;}
#contents .img_C_R {display: inline-block; float: right; margin: 0 0 19px 19px;}

/* HEADER SUBPAGE */
#header_wrap .depth_wrap {height: 51px; background: url("../img/common/depth_bg.jpg") top left repeat-x;}

/* DEPTH list1 */
#header_wrap .gnb_depth {overflow: hidden; margin: 0 auto; max-width: 962px;}
#header_wrap .gnb_depth ul li {margin-top: 17px; width: 100%; height: 34px; background: url("../img/common/depth_bar.jpg") top right no-repeat; text-align: center; *padding-bottom: 5px;}
#header_wrap .gnb_depth ul .depth_bar {background: none;}
#header_wrap .gnb_depth ul a {height: 51px; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif;}
#header_wrap .gnb_depth ul .fs_1 {font-size: 1.2em; letter-spacing: -1px;} /* 20px */

/* DEPTH list2 */
#header_wrap .gnb_depth1 {overflow: hidden; margin: 0 auto; max-width: 962px;}
#header_wrap .gnb_depth1 ul li {float: left; margin-top: 17px; width: 50%; height: 34px; background: url("../img/common/depth_bar.jpg") top right no-repeat; text-align: center; *padding-bottom: 5px;}
#header_wrap .gnb_depth1 ul .depth_bar {background: none;}
#header_wrap .gnb_depth1 ul a {height: 51px; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif;}
#header_wrap .gnb_depth1 ul .fs_1 {font-size: 1.2em; letter-spacing: -1px;} /* 20px */

/* DEPTH list3 */
#header_wrap .gnb_depth2 {overflow: hidden; margin: 0 auto; max-width: 962px;}
#header_wrap .gnb_depth2 ul li {float: left; margin-top: 17px; width: 33%; height: 34px; background: url("../img/common/depth_bar.jpg") top right no-repeat; text-align: center; *padding-bottom: 5px;}
#header_wrap .gnb_depth2 ul .depth_bar {background: none;}
#header_wrap .gnb_depth2 ul a {height: 51px; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif;}
#header_wrap .gnb_depth2 ul .fs_1 {font-size: 1.2em; letter-spacing: -1px;}

/* CONTENTS */
#contents {width: 93%; line-height: 1; margin: 0 auto; max-width:962px; height: 100%;}
#contents .clear {clear:both; height: 0;}
#contents .title {margin-bottom: 40px; text-align: center;}
#contents .title_p {font-weight: bold; color: #333; font-size: 0.875em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; word-break:break-all;}
#contents .editor {color: #777; text-align: right; font-weight: bold; margin-bottom: 50px;}
#contents .caption {margin: 0 0 20px 0; color: #888; font-size: 0.688em; text-align: center; font-family: NanumGothic, '나눔고딕', ng, sans-serif;}
#contents h2 {margin-bottom: 20px; font-size: 1.375em; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif;}
#contents h2 span {padding-top: 5px; display: inline-block; *display: inline; *padding-bottom: 5px;}
#contents h3 {margin-top: 20px; font-size: 0.75em; color: #333; font-family: dotum, '돋움', sans-serif;}
#contents .dot {padding-left: 10px; background: url('../img/special/h3_dot.gif') 0 1px no-repeat;}
#contents p {margin: 20px 0; color: #888; text-align: justify; font-size: 0.75em; font-family: dotum, '돋움', sans-serif; line-height: 160%;}
#contents .enter_p {font-size: 1.5em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; font-weight: bold; color: #000; letter-spacing: -1px;}
#contents .enter2_p {font-size: 1em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; color: #555; letter-spacing: -1px;}
#contents .enter_date {font-size: 0.7em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; font-weight: bold; color: #000; letter-spacing: -1px;}
#contents .question {float: left; margin:-5px 5px 0 0;}

/* REPLY */
#contents #reply {width: 100%; margin: 20px auto 0; border-top: 3px solid #acacac; clear:both; position: relative;}
#contents #reply .form_table {width: 100%; border-bottom: 1px solid #d5d5d5;}
#contents #reply .form_table caption {*display: none;}
#contents #reply .form_table .fz {width: 15%; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px; color: #1d353f; vertical-align: middle;}
#contents #reply .form_table .fz a {background: #005097; cursor: pointer; color: #fff; width: 115px; height: 60px; display: inline-block; line-height: 60px; font-size: 1.2em;}
#contents #reply .form_table textarea {width: 95%; height: 60px; vertical-align: middle; border: 1px solid #d7d7d7; overflow: auto; font-size: 0.750em; color: #a4a4a4; margin: 20px auto; padding: 10px; -webkit-border-radius:1px; -webkit-appearance:none;}
#contents #reply .form_table .submit {width: 15%;}
#contents #reply .form_table .submit span {background: #005097; display: inline-block; vertical-align: middle; margin-left: .3em; cursor: pointer;}
#contents #reply .form_table .submit span a {font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px; color: #fff; line-height: 60px; display: inline-block; width: 115px; height: 60px;}

/* 댓글 높이 */
#contents #reply .mNavi {max-height:300px; margin-bottom: 5px;}

#contents #reply .list_table {width: 100%;}
#contents #reply .list_table th, #contents #reply .list_table td {font-size: 0.750em; color: #6f6f6f; padding: 20px 0; border-bottom: 1px dashed #d5d5d5; table-layout:fixed;}
#contents #reply .list_table .h_title {width: 15%;}
#contents #reply .list_table .t_title {width: 70%; word-break:break-all;} /* 11.25 수정 */
#contents #reply .list_table .tc {width: 15%; text-align: center;}
#contents #reply .list_table .btn_close {cursor: pointer; float: right; margin-right:1em;}
#contents #reply .list_table .btn_close img{vertical-align: top;}
#contents #reply .list_table .modify_wrap {vertical-align: middle; padding:5px 0;}
#contents #reply .list_table .modify_text {width: 93%; height: 28px; padding: 10px; display: block; margin: 0 auto;}
#contents #reply .list_table .reply_text {width: 93%; height: 28px; padding: 10px; display: block; margin: 0 auto;}
#contents #reply .list_table .btn_modify {background-color: #005097; color: #fff; cursor: pointer; height: 18px; line-height: 18px; display: inline-block;}
#contents #reply .list_table .tc_1 {width: 15%; text-align: center;}
#contents #reply .list_table .h_title_1 {width: 15%;}

/* PAGELIST */
#contents #reply .paginate {width: 100%; text-align: center; margin-bottom: 43px; padding: 24px 0; border-bottom: 1px solid #d5d5d5;}
#contents #reply .paginate ul li {display: inline-block; width: 14px; font-size: 0.750em; vertical-align: top; *display: inline;}
#contents #reply .paginate ul li a {color: #6f6f6f; font-weight: bold;}
#contents #reply .paginate ul li.pagelist {width: 190px;}
#contents #reply .paginate ul li span {width: 35px; display: inline-block; font-family: dotum, '돋움', sans-serif;}
#contents #reply .paginate ul li span.btn_active {color: #9e4271; font-weight: bold;}

/* SCROLLTOP */
#scrolltop {position: fixed; right:10px; bottom:-52px; display: none; width: 41px; height: 41px; background: url('../img/common/top.png') 0 0 no-repeat; cursor: pointer;}
#scrolltop a {display: inline-block; width: 100%; height: 100%; text-indent:-9999px;}

/* MEDIAQUERY */
/* tablet */
@media only screen and (min-width : 641px) and (max-width : 971px) {
   #contents .img_L1 {text-align: center; display: inline-block; margin: 0 0 20px 0;  width: 100%;}
   #contents .img_R1 {text-align: center; display: inline-block; margin: 0 0 20px 0; width: 100%;}

   #contents .img_P_L {display: inline-block; text-align: center; width: 100%;}
   #contents .img_P_R {display: inline-block; text-align: center; width: 100%;}

   #contents .img_P_L1 {display: inline-block; text-align: center; width: 50%; margin-right: 0;}
   #contents .img_P_L2 {display: inline-block; text-align: center; width: 50%;}
   #contents .img_P_R1 {display: inline-block; text-align: center; margin-left: 0; width: 50%;}
   #contents .img_P_R2 {display: inline-block; text-align: center; width: 50%;}

   #contents .img_L {display: inline-block; margin-bottom: 20px; width: 100%; text-align: center;}
   #contents .img_R {display: inline-block; width: 100%!important; text-align: center;}

   #contents .img_L3 {width: 100%; display: inline-block; margin-bottom: 20px;}
   #contents .img_C3 {width: 100%; display: inline-block; margin-bottom: 20px; *margin-left: 0;}
   #contents .img_R3 {width: 100%; display: inline-block;}

   #contents #reply .form_table textarea {height: 51px;}
   #contents #reply .form_table .fz {width: 15%; font-size: 1.2em; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif; letter-spacing: -1px; color: #1d353f; padding-right: 1em;}
   #contents #reply .form_table .fz a {line-height: 51px; width: 98px; vertical-align: middle; height: 51px; font-size: 0.9em;}
   #contents #reply .form_table .submit span a {line-height: 51px; width: 98px; height: 51px; font-size: 0.875em;}
}/*mediaquery*/

/* Smartphones (iphone & otherDevice(galaxy S2)landscape) */
@media only screen and (min-width : 480px) and (max-width : 640px) {
   #contents .title {margin-bottom: 30px;}
   #contents .title_p {font-size: 1em; font-family: dotum, '돋움', sans-serif;}
   #contents p {font-size: 1em;}
   #contents .enter_p {font-size: 1em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; font-weight: bold; color: #000; letter-spacing: -1px;}
   #contents .enter2_p {font-size: 1em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; color: #555; letter-spacing: -1px;}
   #contents .enter_date {font-size: 0.75em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; font-weight: bold; color: #000; letter-spacing: -1px;}
   #contents h3 {font-size: 1em;}
   #contents .caption {margin: 0 0 20px 0;}
   #contents .dot {padding-left: 10px; background: url('../img/special/h3_dot.gif') 0 4px no-repeat;}

   #contents .img_L1 {text-align: center; display: inline-block; margin: 0 0 20px 0; width: 100%;}
   #contents .img_R1 {text-align: center; display: inline-block; margin: 0 0 20px 0; width: 100%;}

   #contents .img_P_L {display: inline-block; text-align: center; width: 100%;}
   #contents .img_P_R {display: inline-block; text-align: center; width: 100%;}

   #contents .img_P_L1 {display: inline-block; text-align: center; width: 100%; margin-bottom: 20px;}
   #contents .img_P_L2 {display: inline-block; text-align: center; width: 100%;}
   #contents .img_P_R1 {display: inline-block; text-align: center; margin-bottom: 20px; width: 100%;}
   #contents .img_P_R2 {display: inline-block; text-align: center; width: 100%;}

   #contents .img_L {display: inline-block; margin-bottom: 20px; width: 100%; text-align: center;}
   #contents .img_R {display: inline-block; width: 100%!important;; text-align: center;}

   #contents .img_L3 {width: 100%; display: inline-block; margin-bottom: 20px;}
   #contents .img_C3 {width: 100%; display: inline-block; margin-bottom: 20px; *margin-left: 0;}
   #contents .img_R3 {width: 100%; display: inline-block;}

   #contents .img_C_L {width: 100%; text-align: center; margin-bottom: 20px;}
   #contents .img_C_R {width: 100%; text-align: center; margin-bottom: 20px;}

   #contents #reply .list_table .h_title {width: 15%;}
   #contents #reply .list_table .tc {display: none;}
   #contents #reply .list_table .t_title {width: 85%;}

   #contents #reply .form_table textarea {height: 51px;}
   #contents #reply .form_table .fz {padding-right: 0.5em;}
   #contents #reply .form_table .fz a {line-height: 51px; vertical-align: middle; width: 98px; height: 51px; font-size: 0.9em;}
   #contents #reply .form_table .submit span a {line-height: 51px; width: 98px; height: 51px; font-size: 0.875em;}
   #contents #reply .list_table .modify_text {width: 94%; height: 28px; padding: 10px; display: block; margin: 0 auto;}
}/*mediaquery*/

/* Smartphones (portrait) */
@media only screen and (min-width : 100px) and (max-width : 479px) {
   #header_wrap .depth_wrap {height: 51px;}
   #header_wrap .gnb_depth ul li {margin-top: 13px;}
   #header_wrap .gnb_depth1 ul li {margin-top: 13px;}
   #header_wrap .gnb_depth2 ul li {margin-top: 13px;}
   #header_wrap .gnb_depth ul .fs_1 {font-size: 0.9em;}
   #header_wrap .gnb_depth1 ul .fs_1 {font-size: 0.9em;}
   #header_wrap .gnb_depth2 ul .fs_1 {font-size: 0.9em;}

   #contents .title {margin-bottom: 30px;}
   #contents .title_p {font-size: 1em; font-family: dotum, '돋움', sans-serif;}
   #contents p {font-size: 1em;}
   #contents .enter_p {font-size: 1em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; font-weight: bold; color: #000; letter-spacing: -1px;}
   #contents .enter2_p {font-size: 0.9em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; color: #555; letter-spacing: -1px;}
   #contents .enter_date {font-size: 0.75em; font-family: NanumGothic, '나눔고딕', ng, sans-serif; text-align: center; font-weight: bold; color: #000; letter-spacing: -1px;}
   #contents h3 {font-size: 1em;}
   #contents .caption {margin: 0 0 20px 0;}
   #contents .dot {padding-left: 10px; background: url('../img/special/h3_dot.gif') 0 4px no-repeat;}

   #contents .img_L1 {text-align: center; display: inline-block; margin: 0 0 20px 0; width: 100%;}
   #contents .img_R1 {text-align: center; display: inline-block; margin: 0 0 20px 0; width: 100%;}

   #contents .img_P_L {display: inline-block; text-align: center; width: 100%;}
   #contents .img_P_R {display: inline-block; text-align: center; width: 100%;}

   #contents .img_P_L1 {display: inline-block; text-align: center; width: 100%; margin-bottom: 20px;}
   #contents .img_P_L2 {display: inline-block; text-align: center; width: 100%;}
   #contents .img_P_R1 {display: inline-block; text-align: center; width: 100%; margin-bottom: 20px;}
   #contents .img_P_R2 {display: inline-block; text-align: center; width: 100%;}

   #contents .img_L {display: inline-block; margin-bottom: 20px; width: 100%; text-align: center;}
   #contents .img_R {display: inline-block; width: 100%!important;; text-align: center;}

   #contents .img_L3 {width: 100%; display: inline-block; margin-bottom: 20px;}
   #contents .img_C3 {width: 100%; display: inline-block; margin-bottom: 20px; *margin-left: 0;}
   #contents .img_R3 {width: 100%; display: inline-block;}

   #contents .img_C_L {width: 100%; text-align: center; margin-bottom: 20px;}
   #contents .img_C_R {width: 100%; text-align: center; margin-bottom: 20px;}

   #contents #reply .list_table .h_title {width: 15%;}
   #contents #reply .list_table .tc {display: none;}
   #contents #reply .list_table .t_title {width: 85%;}

   #contents #reply .form_table textarea {height: 51px;}
   #contents #reply .form_table .fz {padding-right: 0.3em;}
   #contents #reply .form_table .fz a {line-height: 51px; vertical-align: middle; width: 50px; height: 51px; font-size: 0.750em;}
   #contents #reply .form_table .submit span a {line-height: 51px; width: 50px; height: 51px; font-size: 0.750em;}

   #contents_wrap #photoTable table .hh {display: none;}
   #contents #reply .list_table .modify_text {width: 90%; height: 28px; padding: 10px; display: block; margin: 0 auto;}
   #contents #reply .list_table .reply_text {width: 90%; height: 28px; padding: 10px; display: block; margin: 0 auto;}
   #contents #reply .list_table .btn_modify {font-size:0.85em;}
}/*mediaquery*/