@charset "UTF-8";
/*******

PYH CSS RESET

*******/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
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;vertical-align:top;}
th,td {border-spacing:0;}
img,fieldset,iframe {border:0;}
img {max-width:100%;vertical-align:top;}
ul,ol,li {list-style:none;}
a {text-decoration:none;}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.tac {text-align:center;} .tal {text-align:left;} .tar {text-align:right;} .ls0 {letter-spacing:0;}
strong {font-weight:600;}
.ls0 {letter-spacing:0;}
.ab {position:absolute;}

#wrap {position:relative;overflow:hidden;max-width:640px;margin:0 auto;background:#fff;font-family:'Open Sans','나눔고딕','nanumgothic','맑은 고딕','malgun gothic';font-size:14px;color:#666;letter-spacing:-1px;}
.popup-layer {z-index:999999999999999 !important;}
@media screen and (max-width:370px) {
    .popup-layer > div {width:300px !important;}
}

/*header*/
.gnb {position:relative;overflow:hidden;padding:20px 10px 10px;background:#000;}
.logo {float:left;}
.logo img {height:25px;}
.lnb-list {float:right;margin-right:25px;}
.lnb-list li {display:inline-block;margin:0 5px;padding:2px 0;}
.lnb-list li a {font-weight:700;font-size:12px;color:#999;letter-spacing:0;}
.search-btn {position:absolute;top:20px;right:10px;}
.search-btn img {height:20px;}
.search-con {display:none;padding:10px 0;background-color:#222;background-size:90% 60px;}
.search-bt {position:relative;width:95%;margin:0 auto;}
.search-con .ipt {width:100%;height:40px;margin:5px 0;padding-right:60px;background:#f5f5f5;border:none;border-radius:50px;color:#888;}
.search-con .btn-d {position:absolute;top:15px;right:20px;}
.search-con .btn-d img {height:20px;}
.header-menu {background:#f2f2f2;}
/*main*/
.menu-wrap {width:120px;margin:0 auto;padding-top:15px;}
.menu-wrap a {display:block;padding:12px 0;background:#333b77;font-size:14px;color:#fff;text-align:center;}
.menu-con-list {display:none;}
.menu-con-list > ul {overflow:hidden;margin-left:-1px;background:#121037;}
.menu-con-list > ul > li {float:left;width:49.8%;height:200px;padding:15px;border-left:1px solid #4b496b;border-top:1px solid #4b496b;box-sizing:border-box;text-align:center;}
.menu-con-list .sub-mm {padding-bottom:10px;font-weight:600;font-size:15px;color:#bca078;}
.menu-con-list a {font-size:13px;color:#fff;line-height:20px;}
.main-menu-list {overflow:hidden;background:#ddd;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.main-menu-list li {float:left;width:50.15%;height:37px;margin-left:-1px;background:#ddd;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;}
.main-menu-list li a {display:block;height:37px;padding:9px 0;font-weight:600;font-size:14px;color:#666;text-align:center;box-sizing:border-box;}
.main-menu-list li.on {border-right:1px solid #fff;}
.main-menu-list li.on a {background:#fff;color:#333b77;}

.menu_link a {display:inline-block;width:50%;padding:10px;font-weight:600;font-size:15px;box-sizing:border-box;text-align:center;}
.menu_link img {display:inline-block;margin-right:5px;}

#main {padding-bottom:30px;background:#f2f2f2;}
.main-con.top {margin-top:15px; padding:0;}
.main-con {margin-top:25px;padding:0 15px;}
.main-con.pd {margin-top:15px; padding:0 15px;}
.main-con.bottom {margin-top:35px;}
.main-tit {margin-bottom:10px;font-size:17px;color:#333;}
.main-slider-con {overflow:hidden;}
.main-slider-btn {float:left;width:22%;}
.main-slider-btn li {width:100%;padding:21.2% 0;background:#92acd1;border-top:1px solid #fff;box-sizing:border-box;}
.main-slider-btn li:first-child{border-top:none;}
.main-slider-btn li a {display:block;font-size:15px;color:#fff;text-align:center;}
.main-slider-btn li.on {background:#fff;}
.main-slider-btn li.on a {font-weight:600;color:#6591c0;}
.main-slider {position:relative;float:right;width:78%;}
.main-slider li {position:absolute;top:0;right:0;}
.main-comm-btn {overflow:hidden;padding:0 10px;}
.main-comm-btn li {float:left;width:49%;height:45px;margin:0.5%;padding:10px 0;background:linear-gradient(to bottom, #5761ae, #353d7a);text-align:center;box-sizing:border-box;}
.main-comm-btn li .img {margin-right:10px;}
.main-comm-btn li .img img {height:20px;}
.main-comm-btn li a {display:block;width:100%;font-weight:600;font-size:16px;color:#fff;}
.main-video {overflow:hidden;margin:0 -1%;}
.main-video li {float:left;width:48%;margin:0 1%;}
.main-manager {overflow:hidden;}
.main-manager li {float:left;width:20%;}
.main-con .box-txt {padding:10px;background:#fff;border:2px solid #3e489f;}
.main-con .box-txt li {position:relative;padding-left:70px;background:url(../../images/main_blit.gif) no-repeat 0 7px;background-size:5px;font-size:13px;line-height:22px;}
.main-con .box-txt li .ab {left:10px;font-weight:600;color:#3e489f;}
.main-sns-btn {overflow:hidden;margin:-1%;margin-bottom:2%;}
.main-sns-btn li {float:left;width:48%;height:45px;margin:1%;background:linear-gradient(to bottom, #5761ae, #353d7a);border-radius:5px;line-height:45px;box-sizing:border-box;}
.main-sns-btn li.msb02 {background:linear-gradient(to bottom, #95d2ea, #4d8aa2);}
.main-sns-btn li > a {display:block;width:100%;font-weight:600;font-size:16px;color:#fff;text-align:center;}
.main-kko-btn {height:45px;padding:10px 0;background:linear-gradient(to bottom, #ffff25, #d6c100);border-radius:5px;box-sizing:border-box;}
.main-kko-btn .img {margin-right:5px;}
.main-kko-btn .img img {height:25px;}
.main-kko-btn > a {display:block;width:100%;font-weight:600;font-size:16px;color:#835c00;line-height:25px;text-align:center;}
.main-kko-btn .kko-c {color:#340403;}

.main-sns-btn li.msb04 {background:linear-gradient(to bottom, #5979c1, #13337b);}

/*smartalk*/


/*footer*/
.foot-area {position:relative;overflow:hidden;background:#46474c;}
.top-btn {position:fixed;right:10px;bottom:20px;}
.top-btn img {height:50px;}
.foot-menu {float:left;}
.foot-menu-list {height:48px;padding:15px 10px;padding-right:0;box-sizing:border-box;}
.foot-menu-list li {display:inline-block;}
.foot-menu-list li a {font-size:12px;color:#999;}
.foot-menu-list li.b {padding:1px 2px;color:#aaa;}
.foot-sns {position:absolute;right:0;}
.foot-sns-list {overflow:hidden;}
.foot-sns-list li {float:left;}
.foot-sns-list li img {height:48px;}
.footer-area {padding:15px 10px;background:#fff;}
.foot-logo img {height:30px;}
.foot-desc {padding-top:15px;font-size:11px;color:#333;line-height:15px;}
.foot-desc a {color:#333;}
.copyright {padding-top:10px;padding-bottom:10px;font-size:10px;color:#666;letter-spacing:0;}
/* FORM */
.form-area {max-width:800px;margin:0 auto}
.form-row {position:relative;padding-left:100px;line-height:30px;}
.form-row .lbl {position:absolute;top:0;left:0;}
.form-row .ipt {height:30px;padding:5px;border:1px solid #333;box-sizing:border-box;}
.form-row .ipt.full {width:100%;}
.form-row .ipt.middle {width:50%;}
.form-row .ipt.small {width:25%;}
.form-row .slt {height:30px;padding:5px;border:1px solid #333;}
.form-row .comm-btn {display:inline-block;height:30px;background:red;}
/*board*/
/* 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 20px;background:#fff;border:1px solid #ccc;font-weight:600;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;-webkit-appearance:none; cursor:pointer; }
.btn-default {background:#000;border:1px solid #000;color:#fff;}
.btn-submit {width:90px;height:45px;background:#3e489f;border:1px solid #3e489f;color:#fff;}
.btn-cancel {width:90px;height:45px;}
.btn-reply {width:78px;height:28px;padding:2px 0;line-height:1.8;*height:auto;}
.btn-eventing {height:auto;width:50px;padding:2px 0;border:none;border-radius:1px;background:#50beef;font-weight:400;font-size:12px;color:#fff;line-height:18px;text-align:center;box-sizing:border-box;}
.btn-eventend {height:auto;width:50px;padding:2px 0;border:none;border-radius:1px;background:#888;font-weight:400;font-size:12px;color:#fff;line-height:18px;text-align:center;box-sizing:border-box;}
.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;}
.form-row.last .btn {font-size:13px;letter-spacing:-2px;}
/* LAYER */
.layer-tit {margin-bottom:20px;font-size:18px;font-weight:600;color:#333;}
.layer-file-wrap {position:relative;}
#layer-file {top:-140px;left:50%;max-width:300px;margin-left:-140px;}
.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;border-bottom:1px solid #ddd;padding:10px 0;padding-left:180px;line-height:34px;vertical-align:top;}
.form-row.color {border-top:2px solid #333;}
.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 {padding-top:20px;padding-left:0;text-align:center;border-bottom:0;}
.form-file-list {margin-top:4px;}
.form-file-list li {position:relative;padding:2px 10px;background:#eee;line-height:22px;}
.form-row.first .lbl {top:-1px;border-top:1px solid #0068b3;}
.form-row.first {border-top:1px solid #999999;}
.lbl {position:absolute;top:0;left:0;padding-left:30px;width:160px;height:100%;box-sizing:border-box;padding-top:10px;/*background:#fbf9f9;*/font-weight:600;color:#333;}
.ipt {display:inline-block;height:35px;padding:6px 10px;background:#fff;border:1px solid #abadb3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);font-size:12px;color:#666;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:41.5%;}
.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 {display:block;float:left;width:50%;text-align:left;font-size:12px;color:#666;letter-spacing:0;}
.bbs-search-form {float:right;width:100%;text-align:right;}
/* BBS-STANDARD */
.tbl-td-reply .answer-p a {font-weight:600;color:#50beef;}
.tbl-td-reply .answer-w a {font-weight:600;color:#333;}
#bbsStandardWrap {}
.bbs-standard {table-layout:fixed;width:100%;padding:0;border-collapse:collapse;border-spacing:0;text-align:center;}
.bbs-standard th {padding:10px 0;}
.bbs-standard td {padding:20px 0;}
.bbs-standard th {border-top:2px solid #535456;border-bottom:1px solid #e0e0e0;font-size:14px;color:#111;}
.bbs-standard td {border-bottom:1px solid #e0e0e0;font-size:14px;color:#111;vertical-align:middle;}
.bbs-standard .tbl-col-num {width:6%;}
.bbs-standard .tbl-col-reply {width:18%;}
.bbs-standard .tbl-col-file {width:8%;}
.bbs-standard .tbl-col-date {width:13%;}
.bbs-standard .tbl-col-writer {width:5%;}
.bbs-standard .tbl-col-hit {width:5%;}
.bbs-standard .tbl-td-tit {overflow:hidden;padding:20px 10px;text-align:left}
.bbs-standard .tbl-td-tit a {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;color:#666;}
.bbs-standard .tbl-td-re a {padding-top:10px;padding-left:15px;background:url(../../images/blit_re.gif) no-repeat 0 12px;font-size:14px;color:#50beef;}
/* BBS-WEBZINE */
#bbsWebzineWrap {}
.bbs-webzine li {overflow:hidden;padding:30px 0;border-bottom:1px solid #ccc;}
.bbs-webzine li:first-child {border-top:2px solid #535456;}
.bbs-webzine-thumb {float:left;width:27.5%;margin-right:2.5%;}
.bbs-webzine-info {float:right;width:69.5%;}
.bbs-webzine-info a {color:#666;}
.bbs-webzine-tit a {display:inline-block;font-size:15px;font-weight:600;color:#111;}
.bbs-webzine-desc {margin-top:20px;line-height:20px;}
.bbs-webzine-data {float:right;margin-right:15px;letter-spacing:0}
/*20161206 방소정 추가*/
.bbs-webzine-inner {overflow:hidden;}
.bbs-webzine-tit {overflow:hidden;font-size:11px;}
.bbs-webzine-tit .bbs-webzine-tit-hit {float:right;}

/* 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:2px solid #ccc;border-bottom:1px solid #ccc;}
.bbs-multi {overflow:hidden;margin:0 -1%;}
.bbs-multi li {float:left;width:30.1%;margin:30px 1.6% 0;*width:29%;}
.bbs-multi-tit {padding:15px 0;text-align:center;}
.bbs-multi-tit a {display:block;overflow:hidden;font-size:14px;font-weight:600;color:#111;text-overflow:ellipsis;white-space:nowrap;}
.bbs-multi-date {display:none;}
/* BBS-EVENT */
#bbsEventWrap.no {border:none;}
.bbs-event {border-bottom:1px solid #e0e0e0;}
.bbs-event li {overflow:hidden;padding:15px 0;border-top:1px solid #e0e0e0;}
.bbs-event li:first-child{padding:15px 0;border-top:2px solid #535456;}
.bbs-event-img {width:100%;}
.bbs-event-info {text-align:right;width:100%;overflow:hidden;margin-bottom:5px;line-height:23px;}
.bbs-event-tit {float:left;margin-top:10px;}
.bbs-event-tit a {display:block;overflow:hidden;font-size:15px;font-weight:600;color:#50beef;text-overflow:ellipsis;white-space:nowrap;}
.bbs-event-stat {float:right;width:100%;font-size:13px;text-align:right;}
.bbs-event-is {margin-right:10px;}
/* BBS-FAQ */
#bbsFaqWrap {}
.bbs-faq {margin:0 auto;border-top:2px solid #535456;}
.bbs-faq-f {position:relative;padding:10px 70px 10px 80px;border-bottom:1px solid #ddd;background:url(../../images/blit_qna.gif) no-repeat 35px 11px;background-color:#fff;cursor:pointer;color:#202020;}
.bbs-faq-f .blit {position:absolute;right:30px;margin-top:5px;}
.bbs-faq-a {display:none;padding:15px 30px 15px 80px;background:url(../../images/blit_qna_a.gif) no-repeat 31px 15px;background-color:#f7f7f7;}
/* PAGENAVI */
#pageNavi {max-width:840px;margin:15px auto;text-align:center;}
#pageNavi a {display:inline-block;width:20px;height:20px;margin:0 3px;font-size:12px;text-align:center;line-height:20px;color:#666;}
#pageNavi a.on {font-weight:600;color:#111;}
#pageNavi .pn-prev10 {border:1px solid #999;}
#pageNavi .pn-prev1 {display:none;}
#pageNavi .pn-next1 {display:none;}
#pageNavi .pn-next10 {border:1px solid #999;}
/* BTNS */
#bbs-btn {margin:20px auto;margin-bottom:20px;text-align:right;}
/* BBS-VIEW */
#bbsView {position:relative;margin:0 auto;padding-bottom:20px;border-bottom:1px solid #ccc;}
.bbs-view-tit {padding:15px 0;padding-left:10px;background:#fafafa;border-top:2px solid #535456;border-bottom:1px solid #e0e0e0;font-size:14px;font-weight:600;color:#111;}
.bbs-vies-ms {position:relative;}
.bbs-view-sns {overflow:hidden;padding:15px 0;padding-left:10px;background:#fff;border-bottom:1px solid #e0e0e0;}
.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 {position:absolute;bottom:15px;right:0;padding:0;padding-right:0;background:#fff;}
.bbs-view-meta li {display:inline-block;margin-left:15px;font-size:13px;}
.bbs-view-meta li.f {padding-left:18px;background:url(../../images/blit_attach.png) no-repeat 0 2px;}
.bbs-view-meta li.l {display:block;float:none;clear:both;padding-top:5px;background-position:0 6px;}
.bbs-view-meta li strong {color:#111;}
.bbs-view-content {overflow:hidden;padding:60px 10px;line-height:20px;word-wrap:break-word;clear:both;}
.bbs-view-content .youtube { display:block;position:relative;width:100%;height:100%;padding-bottom:56.25% !important; margin-bottom:1.25rem; }
.bbs-view-content .youtube iframe { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } 
.bbs-view-content .embed { text-align:center; }
.bbs-view-share {margin:30px 0;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;}
/*write*/
#bbsWriteWrap h2 {display:none;}
#bbsWriteWrap.write-wrap .ipt {background:#f9f9f9;border:1px solid #ccc;}
#bbsWriteWrap.write-wrap .fs {margin-left:10px;font-size:12px;color:#999;line-height:8px;}
#bbsWriteWrap.write-wrap .file .btn {padding:0 10px;height:30px;font-size:12px;letter-spacing:-2px;}
#bbsWriteWrap.write-wrap .file .btn-default {background:#999;border:1px solid #999;}
#bbsWriteWrap.write-wrap .name .ipt {width:23%;}
#bbsWriteWrap.write-wrap .form-row.last .btn {width:90px;}
/* RESPONSIVE */





/*2016-06-28 우측 퀵메뉴 css수정*/
#costContact {display:none;position:absolute;width:640px;padding:15px;box-sizing:border-box;z-index:9999;}
.cost-contanct {position:relative;width:100%;padding-top:15px;padding-bottom:15px;background:url(../../images/bg_cost01_m.jpg) no-repeat center top;background-size:cover;box-sizing:border-box;}
.cost-tit {margin-bottom:17px;padding:0 12px;font-weight:700;font-size:20px;color:#cadcf6;line-height:22px;}
.cost-x-btn {position:absolute;top:15px;right:15px;}
.cost-x-btn img {height:20px;}
.cost-tit .icon {margin-left:10px;}
.cost-tit strong {display:block;padding-top:10px;}
.cost-tit strong a {font-weight:800;font-size:30px;color:#fff;letter-spacing:0;}
.cost-form {margin-bottom:15px;padding:0 12px;}
.cost-form li {margin-bottom:5px;background:url(../../images/bg_cf.gif) repeat-x;background-color:#193471;border:2px solid #000;}
.cost-form li .cost-ipt {width:100%;height:30px;padding:0 10px;padding-left:37px;background:none;border:none;font-size:13px;color:#fff;line-height:30px;box-sizing:border-box;}
.cost-form li .cost-slt {width:100%;height:30px;padding:0 10px;padding-left:33px;background:none;border:none;font-size:12px;color:#fff;line-height:30px;box-sizing:border-box;}
.cost-form li .cost-slt option {color:#666;}
.cost-form li textarea {width:100%;height:115px;padding:7px 10px;padding-left:36px;background:none;border:none;font-size:12px;color:#fff !important; /* Chrome/Opera/Safari */line-height:18px;box-sizing:border-box;}
.cost-form li textarea::-webkit-input-placeholder {color:#fff !important;}
.cost-form li.cf01 .cost-ipt {background:url(../../images/icon_cost02.png) no-repeat 10px center;}
.cost-form li.cf02 input {background:url(../../images/icon_cost03.png) no-repeat 10px center;}
.cost-form li.cf03 input {background:url(../../images/icon_cost04.png) no-repeat 10px center;}
.cost-form li.cf04 .cost-slt {background:url(../../images/icon_cost05.png) no-repeat 10px center;}
.cost-form li.cf05 textarea {background:url(../../images/icon_cost06.png) no-repeat 10px 8px;font-family:'Open Sans','맑은 고딕','malgun gothic'}
.cost-form li:last-child{background:none;border:none;font-weight:600;font-size:11px;color:#92abd0;}
.cost-form li:last-child .cost-rdo {vertical-align:middle;}
.cost-btn {overflow:hidden;margin-bottom:15px;padding:0 12px;}
.cost-btn a {display:block;padding:10px 0;font-weight:600;font-size:13px;color:#fff;text-align:center;}
.cost-btn li {float:left;width:48.75%;background:url(../../images/bg_cost02_m.gif);}
.cost-btn li:first-child{width:100%;margin-bottom:13px;background:url(../../images/bg_cost01.gif);}
.cost-btn li:last-child{margin-left:13px;}
.cost-btn li:nth-child(2){width:100%;margin-bottom:13px;background:url(../../images/bg_cost04_m.gif);background-size:cover;line-height:35px;}
.cost-btn li.cb04 .h_i img {height:35px;margin-right:5px;}
.cost-btn li .icon {margin-right:5px;}
.cost-sns {overflow:hidden;max-width:220px;margin:0 auto;}
.cost-sns li {float:left;}
.cost-sns li img {height:50px;}



.m500_none {display:none;}

/*20161212 방소정추가*/
.youtube {overflow:hidden;margin:-1%;}
.youtube li {float:left;width:48%;margin:1%;}
#iframe-youtube {width:100%;height:200px;}





/* sns comment */
.sns {margin-top:10px;padding-top:10px; padding-bottom:20px;}
.sns-share {margin-top:20px;padding-top:20px;border-top:1px solid #ccc;text-align:right;}
.sns-wc {background:#efefed;padding:20px;}
.sns-stat {margin-bottom:15px;padding-left:33px;background:url(../../../images/board/blit_stat.gif) no-repeat 0;font-weight:600;font-size:15px;color:#999;}
.sns-menu {margin-bottom:10px;font-size:13px;line-height:22px;}
.sns-tit {margin-right:0;font-size:14px;font-weight:600;color:#111;line-height:27px;}
.btn-sns-tit {margin-left:10px;margin-right:2px;}
.sns-input {position:relative;}
.sns-input .img {position:absolute;display:none;top:0;left:0;width:70px;padding:2px;border:1px solid #ccc;}
.sns-input .img img {width:70px;height:70px;}
.sns-input textarea {width:100%;height:115px;padding:10px;border:1px solid #ccc;resize:none;outline:none;font-family:'맑은고딕','malgun gothic','Open Sans';box-sizing:border-box;}
.sns-reg {display:block;width:100%;margin-top:5px;}
.sns-reg input {display:block;width:100%;height:40px;border:0;background:#2e2c2d;font-family:'맑은고딕','malgun gothic','Open Sans';font-size:15px;font-weight:600;color:#fff;line-height:40px;padding:0;box-sizing:border-box;}
.sns-reply {margin-top:20px;padding:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.sns-login-icon img {height:22px;}
.reply-list > li {position:relative;padding:20px 0;border-top:1px solid #ccc;}
.reply-list > li:first-child {border-top:none;}
.reply-tit {position:relative;margin-bottom:15px;font-size:14px;font-weight:600;color:#111;}
.reply-menu {position:absolute;top:0;right:0;}
.reply-menu a {display:inline-block;padding:5px 8px;background:#a1a1a1;border:1px solid #a1a1a1;font-size:12px;color:#fff;}
.reply-menu .btn_modify {background:#04569b;border:1px solid #04569b;}
.reply-tit .date {margin-left:10px;font-size:12px;font-weight:normal;color:#999;letter-spacing:0;}
.reply-content {font-size:13px;color:#666;line-height:18px;}
.reply-reply {margin-top:15px;}
.reply-reply input {width:70px;line-height:25px;border:0;background:#aaa;font-weight:600;font-size:12px;color:#fff;}
.reply-reply li {display:inline-block;}
.reply-reply li a {display:block;width:70px;padding:3px 0;background:#a1a1a1;border:1px solid #a1a1a1;border-radius:3px;font-weight:600;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;}
.reply-reply li.b-g a {display:block;background:#04569b;border:1px solid #04569b;font-size:12px;}

.rrply li {margin-left:20px;padding-left:25px;background:url(../../../images/board/blit_reply.gif) no-repeat 0px 0;}
.rrply-text {position:relative;width:100%;margin-top:15px;}
.rrply-text textarea {width:82%;height:55px;padding:3px;border:1px solid #ccc;resize:none;outline:none;font-family:'맑은고딕','malgun gothic','Open Sans';}
.rrply-reg {position:absolute;top:0;right:0;}
.rrply-reg input {width:170px;height:55px;line-height:25px;border:0;background:#2e2c2d;font-weight:600;color:#fff;}
.sns-private {margin-top:4px;font-size:13px;color:#666;}

/* 페이지 네비 */
.page-navi {margin-top:15px;text-align:center;}
.page-navi a {display:inline-block;width:24px;height:24px;border:1px solid #ddd;font-size:13px;color:#333;text-align:center;line-height:24px;}
.page-navi a.on {border:1px solid #11a6df;background-color:#11a6df;color:#fff;}
.page-navi a img {vertical-align:top;}


@media screen and (max-width: 375px){
.bbs-webzine-thumb {width:100%;margin-right:0;margin-bottom:15px;text-align:center;box-sizing:border-box;}
.bbs-webzine-desc {margin-top:15px;font-size:13px;}
.bbs-webzine-info {width:100%;}

.reply-tit .date {display:block;margin-left:0;}
}

.captcha-submit {padding:0 9px !important;}


.quick-menu {position:fixed;left:50%;bottom:15px;margin-left:230px;z-index:999999999999}
.quick-menu .quick_menu_inner {border-radius:50px;}
.quick-menu .quick_menu_inner a {display:block;width:75px;height:75px;margin-bottom:12px;background-color:#fff;padding:10px 5px;border:1px solid #ffc367;border-radius:50%;box-sizing:border-box;text-align:center;}
.quick-menu .txt {display:block;margin-top:3px;font-weight:600;font-size:13px;color:#1f1e1f;}
/*.quick-menu .quick_btn_close .txt {color:#fff;}*/
.quick-menu button {outline:none;display:block;width:75px;height:75px;background-color:#ffdaa1;padding:10px 5px;font-weight:500;font-size:14px;color:#1f1e1f;border:none;border-radius:50%;box-sizing:border-box;text-align:center;}
.quick-menu .quick_btn_close {display:none;padding:18px 5px;background-color:#ffdaa1;}
.quick-menu .quick_btn_close .txt {margin-top:8px;}
@media screen and (max-width: 375px){
	.footer-area {padding-right:75px;}
}
@media screen and (max-width: 640px){
	.quick-menu {left:auto;right:15px;margin-left:0;}
}
@media screen and (max-width: 425px){
	.quick-menu button {width:60px;height:60px;padding:8px 5px;}
	.quick-menu .quick_menu_inner a {width:60px;height:60px;margin-bottom:10px;padding:8px 5px;}
	.quick-menu .txt {font-size:11px;}
	.quick-menu button img,
	.quick-menu img {max-width:35px;}
.quick-menu .quick_btn_close {padding:11px 5px;}
.quick-menu .quick_btn_close .txt {margin-top:5px;}
}


.len2 .bbs-multi {overflow:hidden;margin:0 -1%;margin-top:30px;padding:15px 0;border:1px solid #333;border-width:2px 0 1px;}
.len2 .bbs-multi li {float:left;width:31.3%;margin:0 1% 0;/**width:29%;*/}
.len2 .bbs-multi-img {position:relative;width:100%;height:0;padding-top:100%}
.len2 .bbs-multi-img img {position:absolute;top:0;left:0;width:100%;height:100%;}
.len2 .bbs-multi-tit {padding:15px 0;text-align:center;}
.len2 .bbs-multi-tit a {display:block;overflow:hidden;font-size:14px;font-weight:600;color:#111;text-overflow:ellipsis;white-space:nowrap;}
@media screen and (max-width: 480px){
	.len2 .bbs-multi li {width:48%;}
}



/* 유튜브 추가 사항들 240712  */
/*
.m_quick { position:fixed; bottom:0px; display:flex; align-items:center; width:100%; max-width:640px; height:5rem; background:#e6f0ff; border-top:1px solid #92abd0; z-index:9; } 
.m_quick a { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0.313rem; width:calc(100% / 4); font-size:0.938rem; color:#333; font-weight:700; }
.m_quick a:after { content:''; position:absolute; top:50%; right:0px; transform:translateY(-50%); width:1px; height:2.813rem; background:#a5c0df; } 
.m_quick a .img { display:flex; align-items:center; justify-content:center; min-height:2.25rem; }  
@media screen and (max-width: 414px){
	.m_quick { height:4.375rem; } 
	.m_quick a .img { min-height:2rem; } 
	.m_quick a .img img  { width:85%; }  
}
*/
/* 유튜브 추가 사항들 수정사항 : 240730  */
.m_quick { position:fixed; bottom:0px; display:flex; align-items:center; width:100%; max-width:640px; height:5rem; background:linear-gradient(-90deg, rgb(140,44,226) 0%, rgb(32,41,102) 50%, rgb(33,161,159) 100%);   z-index:9; } 
.m_quick a { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0.313rem; width:calc(100% / 4); font-size:0.938rem; color:#fff; font-weight:400; }
.m_quick a:after { content:''; position:absolute; top:50%; right:0px; transform:translateY(-50%); width:1px; height:2.813rem; background:rgba(255,255,255,0.3) ; } 
.m_quick a:last-of-type:after { display:none; } 

.m_quick a .img { display:flex; align-items:center; justify-content:center; min-height:1.625rem; }  
@media screen and (max-width: 414px){
	.m_quick { height:4.375rem; } 
	.m_quick a { font-size:0.75rem; } 
	.m_quick a .img { min-height:1.45rem; } 
	.m_quick a .img img  { width:85%; }  
}



/* PC랑 살짝 다름 따로 수정할 것! */
.bbsMultiWrapPhoto.community9 .bbs-multi { margin:0; padding:1.875rem 0 ; }
.bbsMultiWrapPhoto.community9 .bbs-multi-img { position:relative; } 
.bbsMultiWrapPhoto.community9 .bbs-multi-img a { display:block;width:100%; height:0; padding-top:56.25%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.bbsMultiWrapPhoto.community9 .bbs-multi-img img { width:revert; height:revert; } 
.bbsMultiWrapPhoto.community9 .bbs-multi-img a > img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
.bbsMultiWrapPhoto.community9 .bbs-mulit-play { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } 
.bbsMultiWrapPhoto.community9 .bbs-multi-tit a { display:block; width:100%; font-size:0.875rem; color:#111; font-weight:500; -webkit-line-clamp : 2;  line-height:1.4em; height:2.8em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-bottom:0.938rem; white-space:revert;  }
.bbsMultiWrapPhoto.community9 .bbs-multi  { display:flex; flex-wrap:wrap; margin-right:-1.25rem; row-gap:0rem; } 
.bbsMultiWrapPhoto.community9 .bbs-multi li { float:none; margin:0; flex: 0 0 auto; width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 

@media screen and (max-width: 380px){
	.bbsMultiWrapPhoto.community9 .bbs-multi li { float:none; width: calc((100% / 1 ) - 1.25rem); margin-right:1.25rem; } 
}