@charset "UTF-8";
/*
	@ Function : PYH COMMON CSS
*/
@import url(notoSans.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:600&display=swap');
body {-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
table,th,td {border-spacing:0;}
img,fieldset,iframe {border:0;}
img,input,select,button{vertical-align:top;}
input,button,select,textarea {font-family:"Noto Sans KR","맑은 고딕","malgun gothic";outline:none;}
button {cursor:pointer;}
img {max-width:100%;}
ul,ol,li {list-style:none;}
a {color:#666;text-decoration:none;}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.show {display:block !important;}
.hide {display:none !important;}
.ls0 {letter-spacing:0;}
.tac {text-align:center;}

#wrap {font-family:'Noto Sans KR','Open Sans','맑은 고딕';font-size:13px;color:#999;line-height:25px;letter-spacing:-1px;}
#comment {padding:20px 0;font-size:16px;font-weight:600;}

#header {top:0;left:0;width:100%;height:80px;background-color:transparent;z-index:99999999;-webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;position:relative;}
#header header {position:relative;z-index:2;max-width: 1110px;min-width:1100px;margin:0 auto;}
#header h1 {position:absolute;top:15px;left:10px;}
#header h1 span {display:block;width:170px;height:26px;background:url(/images/common/logo.png) no-repeat 0;}


.header-inner {text-align:center;overflow: hidden;}
.header-inner .lnb_add {float: right;margin-top: 28px;}
.header-inner .lnb_add a {display: inline-block;font-size: 15px;color: #666;position: relative;padding-left: 10px;margin-left: 10px;}
.header-inner .lnb_add a:after {content: '';position: absolute;left:0;background-color: #e0e0e0;height: 10px;width: 1px;top: 8px;}
.header-inner .lnb_add a:first-child:after {display: none;}


#header__lnb {display:inline-block;}
/*#header__lnb > .nav > ul > li {display:inline-block;margin-left:60px;box-shadow:0 0 1px transparent;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}*/
.lnb-menu > li {display:inline-block;margin:0 25px;}
.lnb-menu > li > a {display:block;padding:27.5px 0;font-weight:500;font-size:18px;color:#fff;letter-spacing:-0.5px;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}
.lnb-menu > li > a:after {content:'';position:absolute;left:50%;right:50%;bottom:0;height:3px;margin-bottom:0px;background-color:#8d0000;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.lnb-menu > li.on > a,
.lnb-menu > li > a:hover {color:#0d1231;}
.lnb-menu > li.on > a:after,
.lnb-menu > li > a:hover:after {left:0;right:0;}
.lnb-menu > li#gnb_list1 {margin-left:0 !important;}

/* header fixed */
#header.hover,
#header.fixed {background-color:#fff;}
#header.fixed:after {background-color:#666;}
#header.hover:after {background-color:#666;}
#header h1 span {background:url(/images/common/logo_hover.png) no-repeat 0;}
#header #header__lnb .lnb-menu > li > a {color:#333;font-size: 18px;font-weight: normal;}
#header #header__language select {background:url(images/common/select_bg_off.png) no-repeat 90% center !important;border-color:#fff;color:#fff;}
#header #header__menu button span.line {background-color:#fff;}
#header.fixed h1 span {background:url(/images/common/logo.png) no-repeat 0;}
#header.fixed #header__lnb .lnb-menu > li > a {color:#333;}
#header.fixed #header__language select {background:url(images/common/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.fixed #header__menu button span.line {background-color:#333;}

#header.fixed_store {background-color:#fff;border-bottom:1px solid #eee;}
#header.fixed_store h1 span {background:url(/images/common/logo.png) no-repeat 0;}
#header.fixed_store #header__lnb .lnb-menu > li > a {color:#333;}
#header.fixed_store #header__language select {background:url(images/common/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.fixed_store #header__menu button span.line {background-color:#333;}

/* header hover */
#header.hover:before {opacity:0.8;}
#header.hover h1 span {background:url(/images/common/logo.png) no-repeat 0;}
#header.hover #header__lnb .lnb-menu > li > a {color:#333;}
#header.hover #header__language select {background:url(images/common/select_bg.png) no-repeat 90% center !important;border-color:#666;color:#333;}
#header.hover #header__menu button span.line {background-color:#333;}

/* header sub */
.lnb_sub_menu {display:none;}
.lnb_sub_menu ol {max-width:1170px;margin:0 auto;text-align:center;box-sizing:border-box;position:relative;z-index:2}
.lnb_sub_menu.sM2 ul {padding-left:531px;}
.lnb_sub_menu.sM3 ul {padding-left:684px;}
.lnb_sub_menu.sM4 ul {padding-left:799px;}
.lnb_sub_menu.sM5 ul {padding-left:674px;text-align:right}
.lnb_sub_menu.sM5 li:last-child {margin-right:0;}
.lnb_sub_menu li {display:inline-block;margin-right:38px;}
.lnb_sub_menu li a {display:block;padding:10px 0;font-size:16px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
.lnb_sub_menu li a:hover {color:#999;}
.lnb_sub_menu li:hover a {color:#999;}
.header__menu-list li:hover a {color:#1e1f6a;}
.header__menu-list li.on a {color:#333;}
@media screen and (min-width: 1025px){
        .lnb_sub_menu {position:fixed;top:80px;left:0;width:100%;}
        .lnb_sub_menu:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1f6a;opacity:0.75}

        .lnb_sub_menu ol {text-align:left;}
        #lnb_menu1 .lnb_sub_menu ol {padding-left:360px;}
        #lnb_menu2 .lnb_sub_menu ol {padding-left:480px;}
        #lnb_menu3 .lnb_sub_menu ol {padding-left:640px;}
        #lnb_menu4 .lnb_sub_menu ol {padding-right:330px;text-align:right;}
        #lnb_menu5 .lnb_sub_menu ol {text-align:right;}
}
#footer {background:#111c2f;}
.footer-wrap {width:1100px;margin: 0 auto;background-color: #111c2f;}
.footer_t {overflow: hidden;padding: 30px 0;}
.footer_t .con_l {float: left;width: 50%;}
.footer_t .footer_logo {margin-bottom: 20px;}
.footer_t .commp1 {font-size: 14px;color: #fff;font-weight: normal;}
.footer_t .commp2 {font-size: 14px;color: #fff;font-weight: 300;}
.footer_t .con_r {float: right;text-align: right;width: 50%;}
.footer_t .con_r .f_set {display: inline-block;vertical-align: top;text-align: left;}
.footer_t .con_r .f_set:last-child {margin-left: 100px;}
.footer_t .con_r .f_set .commp1 span {position: relative;display: inline-block;margin-right: 10px;padding-right: 10px;}
.f_set .commp1 span:after {content: '';position: absolute;right: 0;width: 1px;height: 10px;background-color: #fff;top: 8px;}
.f_set .commp1 span:last-child:after {display: none;}
.footer_t .con_r .commp2 {position: relative;padding-left: 60px;box-sizing: border-box;}
.footer_t .con_r .commp2 span {position: absolute;left: 0;}
.footer_t .con_l .commp2 {position: relative;padding-left: 40px;box-sizing: border-box;}
.footer_t .con_l .commp2 span {position: absolute;left: 0;}
.footer_b {border-top: 1px solid #353e4e;box-sizing: border-box;padding: 20px 10px;overflow: hidden;}
.footer_b .con_l {float: left;width: 50%;}
.footer_b .con_l .commp1 {opacity: 0.7;color: #fff;font-size: 14px;font-weight: 300;}
.footer_b .con_r {float: right;width: 50%;text-align: right;}
.footer_b .con_r span {display: inline-block;}
.footer_b .con_r span a {display: block;position: relative;color: #fff;font-size: 14px;font-weight: 300;padding-left: 10px;margin-left: 10px;}
.footer_b .con_r span a:after {content: '';position: absolute;width: 1px;height: 10px;top: 7px;background-color: #fff;left: 0;}
.footer_b .con_r span:first-child a:after {display: none;}
/* COMMON */
.layer {display:none;position:absolute;padding:20px;border:1px solid #333;background:#fff;z-index:30;}
.blit {margin:0 2px;vertical-align:middle;}
.btn {display:inline-block;height:34px;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:12px;color:#333;line-height:1.5375;box-sizing:border-box;font-family:"맑은 고딕";*height:auto;*margin:1px 2px;*padding:3px 10px;*vertical-align:middle;}
.btn-default {background:#555;border:1px solid #555;color:#fff;}
.btn-submit {width:200px;height:50px;background:#0080cc;color:#fff;}
.btn-cancel {width:200px;height:50px;}
.btn-reply {width:78px;height:28px;padding:2px 0;line-height:1.8;*height:auto;}
.btn-eventing {height:auto;padding:2px 4px;border:none;border-radius:1px;background:#0080cc;font-size:11px;color:#fff;line-height:18px;}
.btn-eventend {height:auto;padding:2px 4px;border:none;border-radius:1px;background:#666;font-size:11px;color:#fff;line-height:18px;}
.btn-blogdetail {border:1px solid #555;background:#555;color:#fff;}
.btn-delfile {display:inline-block;position:absolute;top:5px;right:10px;width:16px;height:16px;border:none;background:url(../../images/board/btn_delfile.png) no-repeat;text-indent:-9999px;}
/* LAYER */
.layer-tit {margin-bottom:20px;font-size:18px;font-weight:600;color:#333;}
#layer-file {top:0;max-width:300px;}
.layer-file-btn {text-align:center;}
#layer-zipcode {max-width:390px;}
.layer-zipcode-notice {font-size:12px;line-height:20px;}
.layer-zipcode-form {padding:10px;text-align:center;}
.layer-zipcode-result {margin-bottom:20px;}
.layer-zipcode-rtit {font-size:12px;}
.layer-zipcode-tblwrap {overflow-x:hidden;overflow-y:auto;height:200px;}
.layer-zipcode-tbl {table-layout:fixed;width:100%;border-top:1px solid #ccc;padding:0;text-align:center;}
.layer-zipcode-tbl td {padding:4px 10px;border-bottom:1px solid #ccc;font-size:12px;line-height:18px;}
.layer-zipcode-tbl td strong {display:block;}
.layer-zipcode-tbl .zipcode {cursor:pointer;}
.layer-zipcode-btn {margin-top:15px;padding-top:15px;border-top:1px solid #ccc;text-align:center;}
/* BASIC FORM */
#formBasicWrap {}
.form-group {padding:10px;}
.form-group-tit {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.form-row {position:relative;margin:5px 0;padding-left:100px;line-height:34px;vertical-align:top;}
.form-row-zipcode {z-index:2;}
.form-row-file {z-index:1;}
.form-radio {display:inline-block;margin-right:10px;padding-left:20px;line-height:34px;}
.form-checkbox {display:inline-block;margin-right:10px;padding-left:20px;line-height:34px;}
.form-row.last {margin-top:20px;padding-top:20px;border-top:1px solid #ccc;padding-left:0;text-align:center;}
.form-file-list {margin-top:4px;}
.form-file-list li {position:relative;padding:2px 10px;background:#eee;line-height:22px;}
.lbl {position:absolute;top:0;left:0;}
.ipt {display:inline-block;height:34px;padding:6px 10px;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:4px;font-size:12px;line-height:1.5375;box-sizing:border-box;*height:auto;}
.ipt-slt {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;*margin-top:4px;}
.ipt-ta {height:200px;vertical-align:top;}
.ipt-radio {position:absolute;height:34px;margin-left:-20px;*top:0;}
.ipt-checkbox {position:absolute;height:34px;margin-left:-20px;*top:0;}
.ipt.full {width:100%;}
.ipt.size8 {width:80%;}
.ipt.size6 {width:60%;}
.ipt.size4 {width:40%;}
.ipt.size2 {width:20%;}
/* BBS-NOPOST */
.bbs-nopost {padding:10px 0;border-top:1px solid #333;border-bottom:1px solid #333;font-size:12px;font-weight:600;color:#333;text-align:center;}
/* BBS-STARCH */
#bbsSearch {overflow:hidden;margin:0 auto;margin-bottom:15px;line-height:34px;}
.bbs-search-total {float:left;width:50%;text-align:left;}
.bbs-search-form {float:right;width:50%;text-align:right;}
/* BBS-STANDARD */
#bbsStandardWrap {}
.bbs-standard {table-layout:fixed;width:100%;padding:0;border-collapse:collapse;border-spacing:0;text-align:center;}
.bbs-standard th, .bbs-standard td {padding:10px 0;}
.bbs-standard th {border:1px solid #333;border-width:1px 0 1px 0;}
.bbs-standard td {border-bottom:1px solid #ccc;}
.bbs-standard .tbl-col-num {width:5%;}
.bbs-standard .tbl-col-reply {width:10%;}
.bbs-standard .tbl-col-file {width:4%;}
.bbs-standard .tbl-col-date {width:12%;}
.bbs-standard .tbl-col-writer {width:12%;}
.bbs-standard .tbl-col-hit {width:5%;}
.bbs-standard .tbl-td-tit {overflow:hidden;padding:10px;text-align:left}
.bbs-standard .tbl-td-tit a {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
/* BBS-WEBZINE */
#bbsWebzineWrap {}
.bbs-webzine li {overflow:hidden;padding:15px 0;border-bottom:1px solid #ccc;}
.bbs-webzine li:first-child {border-top:1px solid #ccc;}
.bbs-webzine-thumb {float:left;width:36%;margin-right:4%;}
.bbs-webzine-info {}
.bbs-webzine-tit a {font-size:16px;font-weight:600;color:#333;}
.bbs-webzine-desc {margin-top:10px;}
/* BBS-BLOG */
#bbsBlogWrap {}
.bbs-blog li {padding:10px 0;border-bottom:1px solid #ccc;}
.bbs-blog li:first-child {border-top:1px solid #ccc;}
.bbs-blog li.no {border-top:1px solid #333;border-bottom:1px solid #333;}
.bbs-blog-tit {margin-bottom:10px;}
.bbs-blog-tit a {font-size:16px;font-weight:600;color:#333;}
.bbs-blog-img {margin-bottom:10px;}
.bbs-blog-no {font-weight:600;color:#333;text-align:center;}
/* BBS-MULTIMEDIA */
#bbsMultiWrap {margin:0 auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.bbs-multi {overflow:hidden;margin:0 -1%;}
.bbs-multi li {float:left;width:23%;margin:15px 1%;*width:22.8%;}
.bbs-multi-tit {padding:5px 0;}
.bbs-multi-tit a {display:block;overflow:hidden;font-size:14px;font-weight:600;color:#333;text-overflow:ellipsis;white-space:nowrap;}
/* BBS-EVENT */
#bbsEventWrap {}
#bbsEventWrap.no {border:none;}
.bbs-event li {margin-top:15px;padding-top:15px;border-top:1px solid #ccc;}
.bbs-event-info {overflow:hidden;margin-bottom:5px;line-height:23px;}
.bbs-event-tit {float:left;width:60%;margin-right:2%;}
.bbs-event-tit a {display:block;overflow:hidden;font-size:16px;font-weight:600;color:#333;text-overflow:ellipsis;white-space:nowrap;}
.bbs-event-stat {float:right;width:35%;text-align:right;}
.bbs-event-is {margin-right:4px;}
/* BBS-FAQ */
#bbsFaqWrap {}
.bbs-faq {margin:0 auto;}
.bbs-faq-f {position:relative;padding:10px 30px 10px 38px;border-bottom:1px solid #ccc;background:url(../../images/board/blit_f.png) no-repeat 10px 11px;background-color:#ddd;cursor:pointer;}
.bbs-faq-a {display:none;padding:15px 10px;}
/* PAGENAVI */
#pageNavi {max-width:840px;margin:15px auto;padding:15px 0;text-align:center;}
#pageNavi a {display:inline-block;width:20px;height:20px;border:1px solid #ccc;font-size:12px;text-align:center;line-height:20px;}
#pageNavi a.on {border:1px solid #333;}
/* BTNS */
#bbs-btn {margin:15px auto;text-align:right;}
/* BBS-VIEW */
#bbsView {margin:0 auto;padding-bottom:20px;border-bottom:1px solid #ccc;}
.bbs-view-tit {font-size:18px;font-weight:600;}
.bbs-view-sns {overflow:hidden;padding:7px;background:#fafafa;}
.bbs-view-sns a {display:inline-block;position:relative;width:73px;height:29px;vertical-align:top;}
.bbs-view-sns a span {position:absolute;top:6px;right:10px;font-size:12px;color:#fff;}
.bbs-view-snsf {background:url(../../images/board/btn_flike.gif);}
.bbs-view-snst {background:url(../../images/board/btn_tlike.gif);}
.bbs-view-snsg {background:url(../../images/board/btn_glike.gif);}
.bbs-view-meta {overflow:hidden;padding:10px 0;}
.bbs-view-meta li {float:left;margin-right:3px;}
.bbs-view-meta li.f {padding-left:18px;background:url(../../images/board/blit_attach.png) no-repeat 0 1px;}
.bbs-view-meta li.l {display:block;float:none;clear:both;padding-top:5px;background-position:0 6px;}
.bbs-view-content {overflow:hidden;padding-top:20px;padding-bottom:40px;line-height:20px;word-wrap:break-word;clear:both;}
.bbs-view-share {text-align:center;}
/* BBS-PW */
#bbsPwWrap {max-width:300px;margin:0 auto;padding:20px 40px;border:1px solid #ccc;text-align:center;}
.bbs-pw-tit {padding-bottom:6px;border-bottom:1px solid #ccc;font-size:18px;}
.bbs-pw-form {margin-top:14px;}
/* RESPONSIVE */
@media screen and (max-width:640px) {
/* FORM */
.lbl {display:block;position:static;}
.form-row {padding-left:0;}
.form-row-mail .ipt-slt {margin-top:5px;}
.ipt.middle {width:60%;}
.ipt.small {width:30%;}
/* BBS-SEARCH */
.bbs-search-total {float:none;width:auto;}
.bbs-search-form {float:none;width:auto;text-align:left;}
/* BBS-STANDARD */
.bbs-standard, .bbs-standard tbody, .bbs-standard tr, .bbs-standard td {display:block;}
.bbs-standard colgroup, .bbs-standard thead {display:none;}
.bbs-standard tr:nth-of-type(odd) {border-top:1px solid #333;background:#eee;}
.bbs-standard td {position:relative;width:50%;padding-left:50%;}
.bbs-standard td:before {position:absolute;top:10px;left:0;width:45%;text-align:center;}
.bbs-standard .tbl-td-num:before {content:"번호";}
.bbs-standard .tbl-td-reply:before {content:"답변여부";}
.bbs-standard .tbl-td-tit:before {content:"제목";}
.bbs-standard .tbl-td-tit {padding-left:50%;padding-right:0;}
.bbs-standard .tbl-td-tit a {text-overflow:clip;white-space:normal;}
.bbs-standard .tbl-td-file:before {content:"파일";}
.bbs-standard .tbl-td-date:before {content:"작성일";}
.bbs-standard .tbl-td-writer:before {content:"작성자";}
.bbs-standard .tbl-td-hit:before {content:"조회수";}
/* BBS-WEBZINE */
.bbs-webzine-thumb {float:none;width:auto;margin-right:0;margin-bottom:10px;}
/* BBS-MULTIMEDIA */
.bbs-multi {overflow:hidden;margin:0;}
.bbs-multi li {float:none;width:auto;margin:15px 0;}
/* BBS-EVENT */
.bbs-event-tit {margin-bottom:5px;float:none;width:auto;margin-right:0;}
.bbs-event-stat {float:none;width:auto;text-align:left;}

