@charset "UTF-8";
/* ------------------------------------------------------
01. LAYOUT (HEADER, FOOTER, CONTINAER..)
02. KEYFRAMES & ANIMATION 
03. TEXT
04. ICON
05. BUTTON
06. TITLE
07. LIST
08. TABLE
09. UI
10. LAYER


[ Z-INDEX 순서 ]


[ FONT WEIGHT ]
기본 공통 폰트 - 'Malgun Gothic','굴림',Gulim,'돋움',Dotum,Sans-serif;

------------------------------------------------------ */
@media print { 
.r-layout, .customer-bottom{display: none;}
.scrollzone{overflow-x: inherit!important;}
.scrollzone .scrollzoneinner{min-width: inherit!important;width: 100%!important;}
} 

strong{font-weight: bold;}

.bul-reply2{background: #2179c4;color:#fff;display: inline-block;padding: 3px 10px;border-radius: 3px;}
.bul-reply{background: #2179c4;border-radius: 50px;width: 30px;height: 30px;display: inline-block;color:#E9F7FE;padding: 4px 9px;box-sizing: border-box;}
.subject{display: inline-block;}
.top-search-zone .form>.over{padding: 10px;}
.top-search-zone .form>.tit {padding: 10px;}

.display_m{display:none;}
/* LAYOUT */
.imgbd{border: 1px solid #dedede;}

.inner { width: 1360px; margin: 0 auto; }

#wrap { position: relative; min-width: 320px; }

.disabled, [disabled] {cursor:not-allowed;}

.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.opentype-wrap {margin-top: 50px;}
.mobileContent {width:99%; height:93%; border: 1px solid #d9d6d5; margin: 10px 0; font-size: 14px;}
.comp-iconbox_iconnone { margin-bottom: 16px; padding: 30px 25px 25px; position:relative;min-height:160px;border:2px solid #e2e1e1;border-top-color: #2480CE;background:#fff;}
*[class^=comp-iconbox]:before{display:block;position:absolute;left:-1px;top:-2px;content:"";width:80px;height:10px;background: #2480CE;}
*[class^=comp-iconbox]:after{display:block;position:absolute;left:-1px;top:8px;content:"";width:10px;height:70px;background:#adadad}
.comp-iconbox_iconnone .tit { margin-bottom: 15px; color: #f27405; font-size: 20px; font-weight: bold; }
.comp-iconbox_iconnone .front { display: inline-block; color: #f00606; font-size: 20px; }
.comp-iconbox_iconnone .front span { font-weight: bold; }
.comp-iconbox_iconnone .dash { color: #171717; }
.comp-iconbox_iconnone .comp-input_h42 { width: 168px; }
.comp-iconbox_iconnone .comm-btn_type3_deeporange { margin-left: 2px; }
.comp-iconbox_iconnone .comp-lst_important { margin-top: 10px; color: #ee1c25; }
*[class*=inforopen-search] dt {color: #2B3C76;font-weight: bold;font-size: 20px;margin-bottom: 20px;}
*[class*=inforopen-search] dt .small { color: #4b4b4b; font-size: 15px;  font-weight: normal; }
*[class*=inforopen-search] dd .label { display: block;  font-weight: bold; color: #1c1c1c; font-size: 18px; margin-bottom: 10px; }
*[class*=inforopen-search] dd .label .sm { color: #ff4000; font-size: 13px;  font-weight: normal; }
*[class*=inforopen-search] dd .label .sm:before { display: inline-block; content: "*"; margin-right: 3px; }
*[class*=inforopen-search].inforopen-search1 .block { display: inline-block; vertical-align: bottom; }
*[class*=inforopen-search].inforopen-search1 input { width: 180px; }
*[class*=inforopen-search].inforopen-search1 input:nth-of-type(2) { margin-right: 5px; }
*[class*=inforopen-search].inforopen-search1 .txt { margin: 0 3px; color: #c5c5c5; line-height: 42px; }
*[class*=inforopen-search].inforopen-search2 .block { display: inline-block; vertical-align: bottom; margin-right: 5px; }
*[class*=inforopen-search].inforopen-search2 input { width: 180px; }
*[class*=inforopen-search].inforopen-search2 select { width: 250px; }
*[class*=inforopen-search].inforopen-search3 dd { overflow: hidden; }
*[class*=inforopen-search].inforopen-search3 .block { float: left; display: inline-block; vertical-align: bottom; margin-right: 5px; margin-bottom: 20px; }
*[class*=inforopen-search].inforopen-search3 .block:nth-of-type(3) { clear: both; }
*[class*=inforopen-search].inforopen-search3 .block:nth-of-type(2) ~ li { margin-bottom: 0; }
*[class*=inforopen-search].inforopen-search3 .block:nth-of-type(odd) { width: 440px; }
*[class*=inforopen-search].inforopen-search3 .block:nth-of-type(4) input { width: 250px; }
*[class*=inforopen-search].inforopen-search3 .txt { margin: 0 3px; color: #c5c5c5; line-height: 42px; }
*[class*=inforopen-search].inforopen-search3 input { width: 180px; }
*[class*=inforopen-search].inforopen-search3 select { width: 250px; }
*[class*=inforopen-search].inforopen-search3 *[class^=comm-btn] { margin-top: 132px; }
*[class*=inforopen-search].inforopen-search4 .block {display: inline-block;vertical-align: bottom;margin-right: 15px;width: 22%;}
*[class*=inforopen-search].inforopen-search4 dd>div:nth-of-type(5){margin-top: 10px;width: 30%;}
*[class*=inforopen-search].inforopen-search4 input { width: 46%;}
*[class*=inforopen-search].inforopen-search4 select {width: 100%;}
*[class*=inforopen-search].inforopen-search4 button{margin-top:10px}
.int{display: inline-block;width: calc(100% - 210px);vertical-align: top;margin-left: 19px;}
.b_box{background: #E9F7FE;padding: 10px 15px;border: 1px solid #eee;}
.mini{border:2px solid #7fb1ca;background: #fff;padding: 5px 10px;position: absolute;z-index: 9;display: none;}
.mini.pop1{top: 240px;}
.mini.pop2{top: 270px;}
/* 200424구인구직  */
.fclear:after{content: ""; clear: both;display: block;}
.job_wrap{text-align: right;margin-bottom: 10px;position: relative;}
.job_wrap>button:last-child{margin-right: 0;}
.job_wrap>button{border:1px solid #d7d7d7;margin-right: 5px;width:150px;padding: 5px 0}
.job_wrap>div{position: absolute;right: 0;}
.job_wrap>div button{width: 50px;height: 50px;background: rgba(0, 0, 0, 0.4) url("/resources/images/sj/common/btn_layer_close.png") no-repeat 50% 50%;text-indent: -9999px;position: absolute;right: 0;}
/* 191227화령사이트맵*/
.sitemap_hmh{margin-top: 120px;margin-bottom: 100px;}
.sitemap_hmh .depth > li > a{background:#FFF8EF!important;}
.sitemap_hmh .depth > li > a.over, .sitemap_hmh .depth > li > a:hover{background:#FFF6BC!important;color:#000!important;border-color: #cecece!important;}
/* 1029전자민원창구 */
.subDepth01 input, .subDepth01 label{cursor: pointer;}
.subDepth01 dd{margin-top: 7px;}
.subDepth01 .input_gray{border: 1px solid #dedede; padding: 3px 5px;}
.subDepth01 .btn-result{height: 35px;padding-bottom: 2px;width: 100px;border-radius: 5px;color: #fff;font-weight: bold; text-align: center;background: #403a3a;border: 0;}
.board-top-btns {margin-bottom:-20px; text-align:right;}
.icon-rss{width:33px; height:33px; text-indent:-999rem; overflow:hidden; background: url("../../images/icon-rss.png") no-repeat center center; color: #fff; border:1px solid #d6d6d6;}
.icon-rss:hover {border-color:#1647bc;}
/* 1028착한가격업소 */
.cp-link-box.kind{margin-left: 0!important;}
.cp-link-box.kind ul > li{width: 11.11%;}
.cp-link-box.kind ul > li.active a {background: #1547bc; color:#fff;}
/* 1025첨부파일 아이콘 */
  table[class^=comp-tbl] a span.file{background: url(/resources/templates/front/assets/images/subpage/down_ico.png)no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -999rem;}
  .down_ico{background: url(/resources/templates/front/assets/images/subpage/down_ico.png)no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -999rem;}
  
  
  /* 1002사이드메뉴 링크아이콘 추가*/
  #lnb .menu h2 a.outlnk:after, #lnb .menu .depth h3 a.outlnk:after{display: inline-block;content: "";vertical-align: top;width: 13px;height: 100%;background: url(/resources/images/sj/common/btn_gnb_outlnk.png) no-repeat 50% 50%;margin-left: 10px;}
  #lnb .menu .depth h3 a.outlnk:after{height: 30px;}
  /* 0828추가 */
  #contents *[class^=heading][class*=-h3]{margin-top: 20px;}
  #contents *[class^=heading][class*=-h3]:nth-of-type(1){margin-top: 0;}
  /*  */
  #footer { position: relative; height: 210px; min-width: 1360px; background: #fff; border-top:1px solid #cfd3d5;}
  #footer .inner { position: relative; }
  #footer .btn-gototop { position: absolute; right: 0; top: -1px; z-index: 4; }
  #footer .btn-gototop a { display: block; width: 60px; height: 61px; color: #fff; font-size: 12px; text-align: center; color: #fff; background: #263349; overflow: hidden; }
  #footer .btn-gototop a:before { display: block; width: 100%; height: 10px; content: ""; background: url("/resources/images/sj/common/btn_footer_gototop.png") no-repeat 50% 50%; margin-top: 19px; }
  #footer .footer-banner { height: 60px; background: #fff; border-top: 1px solid #d7d7d7; }
  #footer .footer-banner .inner{height: 100%;}
  #footer .footer-banner .tit { position: absolute; left: 0; top: 0; font-size: 16px; color: #2e2e2e; line-height: 60px; }
  #footer .footer-banner .indicator { position: absolute; left: 70px; top: 50%; border: 1px solid #d7d7d7; transform: translateY(-50%);}
  #footer .footer-banner .indicator p[class^=btn-] { float: left; }
  #footer .footer-banner .indicator p[class^=btn-] > * { display: block; width: 18px; height: 18px; text-indent: -999em; }
  #footer .footer-banner .indicator p[class^=btn-].btn-prev button { background: url("/resources/images/sj/common/btn_indicator_prev.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-next button { background: url("/resources/images/sj/common/btn_indicator_next.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-pause button { background: url("/resources/images/sj/common/btn_indicator_pause.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-pause button.play { background: url("/resources/images/sj/common/btn_indicator_play.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-more a { font-size: 10px; color: #6a6a6a; text-align: center; text-indent: 0; line-height: 18px; width: 48px; }
  #footer .footer-banner .indicator p[class^=btn-] + p { border-left: 1px solid #d7d7d7; }
  #footer .footer-banner .banner-slider { padding-left: 190px; }
  #footer .footer-banner .banner-slider li { position: relative; line-height: 60px; padding: 0 25px; }
  #footer .footer-banner .banner-slider li:before { display: inline-block; position: absolute; left: 0; top: 50%; width: 1px; height: 9px; margin-top: -5px; content: ""; background: #989898; }
  #footer .footer-banner .banner-slider a { font-size: 15px; }
  #footer .footer-selectgroup { background: #e6e6e6; }
  #footer .footer-selectgroup .inner:after { display: block; clear: both; content: ""; }
  #footer .footer-selectgroup .footer-comp-select { float: left; position: relative; width: 272px; border-left: 1px solid #d5d5d5; z-index:100;}
  #footer .footer-selectgroup .footer-comp-select dt button { width: 100%; height: 60px; padding: 0 20px 2px 15px; font-size: 16px; color: #2e2e2e; background: #e6e6e6 url("/resources/images/sj/common/form_footer_select_down.png") no-repeat 100% 50%; text-align: left; }
  #footer .footer-selectgroup .footer-comp-select dd { display: none; position: absolute; left: -1px; bottom: 100%; margin-bottom: -1px; width: 100%; max-height: 330px; overflow-y: auto; background: #f6f6f6; border: 1px solid #e6e6e6; }
  #footer .footer-selectgroup .footer-comp-select dd ul { padding: 0 7px 8px; }
  #footer .footer-selectgroup .footer-comp-select dd li { border-bottom: 1px solid #e3e3e3; box-sizing: border-box; text-align: left; line-height: 29px; }
  #footer .footer-selectgroup .footer-comp-select dd a { display: block; padding-left: 8px; font-size: 14px; color: #2e2e2e; }
  #footer .footer-selectgroup .footer-comp-select:last-of-type { border-right: 1px solid #d5d5d5; }
  #footer .footer-selectgroup .footer-comp-select.open dt button { font-weight: bold; background: #f6f6f6 url("/resources/images/sj/common/form_footer_select_up.png") no-repeat 100% 50%; }
  #footer .footer-utilegroup { padding-right: 240px; padding-top: 21px; text-align: left; font-size: 12px; color: #666; line-height: 18px; }
  #footer .footer-utilegroup .footer-utile:after { display: block; clear: both; content: ""; }
  #footer .footer-utilegroup .footer-utile li { float: left; }
  #footer .footer-utilegroup .footer-utile li + li:before { display: inline-block; position: relative; top: -2px; content: ""; width: 1px; height: 12px; vertical-align: middle; margin: 0 15px; background: #b7b7b7; }
  #footer .footer-utilegroup .footer-utile a { font-size: 14px; color: #666; }
  #footer .footer-utilegroup .footer-utile .bold { color: #000; }
  #footer .footer-utilegroup .footer-addr { margin-top: 12px; }
  #footer .footer-utilegroup .footer-addr:after { display: block; clear: both; content: ""; }
  #footer .footer-utilegroup .footer-addr li { float: left; color: #6a6a6a; font-size: 12px; }
  #footer .footer-utilegroup .footer-addr li + li:before { display: inline-block; position: relative; top: -1px; content: ""; width: 1px; height: 10px; vertical-align: middle; margin: 0 12px; background: #b7b7b7; }
  #footer .footer-utilegroup .footer-txt { color: #c0c0c0; }
  #footer .footer-markgroup .footer-qrcode { position: absolute; right: 0; top: 36px; }
  #footer .footer-markgroup .footer-acmark { position: absolute; right: 104px; top: 22px; }
  #header { min-width: 1360px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; }
  #header *[class^=m-] { display: none; }
  #header.comm { background: #fff url("/resources/images/sj/common/bg_header_bar1.png") repeat-x 0 100%; }
  #header.comm .header-top { height: 93px; background: #123757; }
  #header.comm .header-top .inner { position: relative; }
  #header.comm .header-top .logo { height: 93px; text-align: center; margin: 0 auto; }
  #header.comm .header-top .logo a { display: block; width: 100%; height: 100%; text-indent: -999em; }
  #header.comm .header-top .header-lnk { position: absolute; left: 0; top: 34px; }
  #header.comm .header-top .header-lnk:after { clear: both; content: ""; display: block; }
  #header.comm .header-top .header-lnk li { float: left; line-height: 17px; }
  #header.comm .header-top .header-lnk li + li:before { display: inline-block; content: "/"; color: #fff; opacity: 0.7; margin: 0 15px 0 15px; vertical-align: middle; }
  #header.comm .header-top .header-lnk a { font-size: 13px; color: rgba(255, 255, 255, 0.7); }
  #header.comm .header-top .header-lnk a.btn-korea:before { display: inline-block; vertical-align: middle; content: ""; width: 25px; height: 17px; margin-right: 8px; background: url("/resources/images/sj/common/btn_korea.png") no-repeat 50% 50%; }
  #header.comm .header-top .header-utile { overflow: hidden; position: absolute; right: 0; top: 28px; background: #fff; border-radius: 100px; }
  #header.comm .header-top .header-utile:after { clear: both; content: ""; display: block; }
  #header.comm .header-top .header-utile li { float: left; line-height: 35px; }
  #header.comm .header-top .header-utile li:first-child { padding-left: 20px; }
  #header.comm .header-top .header-utile li:last-child { padding-right: 20px; }
  #header.comm .header-top .header-utile li + li:before { display: inline-block; content: "/"; color: #2c2c2c; vertical-align: middle; position: relative; top: -2px; }
  #header.comm .header-top .header-utile a { display: inline-block; width: 80px; padding-bottom: 2px; font-size: 13px; color: #2c2c2c; text-align: center; vertical-align: top; }
  #header.comm .header-top .header-search { position: absolute; right: 215px; top: 28px; overflow: hidden; width: 37px; height: 37px; border-radius: 100px; background: #fff; -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
  #header.comm .header-top .header-search input { position: absolute; top: 0; right: 0; width: 0%; height: 37px; font-size: 13px; color: #222; padding: 0; text-align: left; box-sizing: border-box; opacity: 0; -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
  #header.comm .header-top .header-search button { position: absolute; right: 0; top: 0; width: 37px; height: 37px; background: #fff url("/resources/images/sj/common/btn_header_search.png") no-repeat 50% 50%; text-indent: -9999px; }
  #header.comm .header-top .header-search.open { width: 203px; }
  #header.comm .header-top .header-search.open input { width: 100%; padding: 0 40px 2px 15px; opacity: 1; }
  #header.comm .header-btm { height: 60px; background: #f1f6fc; border-bottom: 1px solid #cad1da; text-align: center; }
  #header.comm #gnb { width: 1360px; margin: 0 auto; }
  #header.comm #gnb > ul:after { display: block; clear: both; content: ""; }
  #header.comm #gnb > ul > li { position: relative; width: 260px; float: left; }
  #header.comm #gnb > ul > li:after { display: none; position: absolute; right: 0; top: 100%; margin-top: 24px; content: ""; width: 1px; height: 180px; background: #cad1da; }
  #header.comm #gnb > ul > li:first-child:before { display: none; position: absolute; left: 0; top: 100%; margin-top: 24px; content: ""; width: 1px; height: 180px; background: #cad1da; }
  #header.comm #gnb > ul > li.over h2 a, #header.comm #gnb > ul > li.current h2 a { color: #1e5ab9; }
  #header.comm #gnb > ul > li.over h2 a:before, #header.comm #gnb > ul > li.current h2 a:before { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #1e5ab9; }
  #header.comm #gnb h2 a { display: inline-block; position: relative; padding: 0 50px; line-height: 59px; color: #2c2c2c; font-size: 20px; font-weight: bold; text-align: center; }
  #header.comm #gnb h2 a:hover { color: #1e5ab9; }
  #header.comm #gnb h2 a:hover:before { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #1e5ab9; }
  #header.comm #gnb h2 a.outlnk:after, #header.comm #gnb h3 a.outlnk:after { display: inline-block; content: ""; vertical-align: middle; width: 13px; height: 13px; background: url("/resources/images/sj/common/btn_gnb_outlnk.png") no-repeat 50% 50%; margin-left: 10px; }
  #header.comm #gnb h3 a { color: #373737; font-size: 16px; }
  #header.comm #gnb h3 a.current, #header.comm #gnb h3 a:hover { position: relative; color: #1e5ab9; font-weight: bold; }
  #header.comm #gnb h3 a.current:before, #header.comm #gnb h3 a:hover:before { display: block; content: ""; width: 100%; height: 1px; background: #1e5ab9; position: absolute; left: 0; bottom: 0; }
  #header.comm #gnb .depth { display: none; position: absolute; top: 100%; left: 0; width: 100%; }
  #header.comm #gnb .depth ul { padding: 24px 0 25px; }
  #header.comm #gnb .depth li { line-height: 36px; }
  #header.comm.open #gnb > ul > li:after { display: block; }
  #header.comm.open #gnb > ul > li:first-child:before { display: block; }
  #header.sangju {left: 0; top: 0; width: 100%; }
  #header.sangju .header-top { background: #0d1b26; }
  #header.sangju .header-top .inner { position: relative; height: 40px; }
  #header.sangju .header-top .inner:after { clear: both; content: ""; display: block; }
  #header.sangju .header-top .logo { position: absolute; top: 100%; left: 0; width: 290px; height: 52px; margin-top: 13px; z-index: 1; }
  #header.sangju .header-top .logo a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/resources/templates/front/assets/images/img_logo.png") no-repeat 50% 50%; }
  #header.sangju .header-top .header-lnk { float: left; }
  #header.sangju .header-top .header-lnk:after { clear: both; content: ""; display: block; }
  #header.sangju .header-top .header-lnk li { position: relative; float: left; width: 100px; text-align: center; }
  #header.sangju .header-top .header-lnk li:before { display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -6px; content: ""; width: 1px; height: 12px; background: #3d4951; vertical-align: middle; }
  #header.sangju .header-top .header-lnk li:last-child:after { display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -6px; content: ""; width: 1px; height: 12px; background: #3d4951; vertical-align: middle; }
  #header.sangju .header-top .header-lnk a {font-size: 12px;color: #fff;line-height: 38px;}
  #header.sangju .header-top .header-lnk a.btn-korea:before { display: inline-block; content: ""; width: 24px; height: 17px; background: url("/resources/images/sj/common/btn_korea.png") no-repeat 50% 50%; vertical-align: middle; margin-right: 7px; }
  #header.sangju .header-top .header-utile { float: right; }
  #header.sangju .header-top .header-utile>li:after { clear: both; content: ""; display: block; }
  #header.sangju .header-top .header-utile li { float: left; position: relative; width: 100px; text-align: center; line-height: 38px; }
  #header.sangju .header-top .header-utile>li::before {display: inline-block;position: absolute;left: 0;top: 20px;margin-top: -6px;content: "";width: 1px;height: 12px;background: #3d4951;vertical-align: middle;}
  #header.sangju .header-top .header-utile>li:last-child:after {display: inline-block;position: absolute;right: 0;top: 20px;margin-top: -6px;content: "";width: 1px;height: 12px;background: #3d4951;vertical-align: middle;}
  #header.sangju .header-top .header-utile a {color: #fff;font-size: 12px;}
  #header.sangju .header-top .header-utile .lang-select { position: relative; }
  #header.sangju .header-top .header-utile .lang-select ul li ul{display:none;position: absolute;z-index: 9999;left: 0;}
   #header.sangju .header-top .header-utile .lang-select ul:after{content: "";display: block;clear: both;}
   
  #header.sangju .header-top .header-utile .lang-select .sel-btn { width: 100px; height: 40px; padding: 0 28px 0 15px; font-weight: bold; color: #fff; font-size: 12px; vertical-align: top; background: url("/resources/templates/front/assets/images/btn_header_lang.png") no-repeat 70px 50%; box-sizing: border-box; overflow: visible;display: block}
  #header.sangju .header-top .header-utile .lang-select ul li ul{background: #fff;line-height: 27px;}
  #header.sangju .header-top .header-utile .lang-select ul{position: relative;}
  #header.sangju .header-top .header-utile .lang-select .sel-btn li a{color:#333333;display: block;}
  #header.sangju .header-top .header-utile .lang-select .sel-btn li:before
  ,#header.sangju .header-top .header-utile .lang-select .sel-btn li:after{display: none;}
  #header.sangju .header-top .header-utile .lang-select ul ul li a{color:#333333 }
  #header.sangju .header-top .header-utile .lang-select ul ul li{border-bottom: 1px solid #eee;line-height: 30px;}
  
  #header.sangju .header-btm { background: #158ccd; position: relative; }
  #header.sangju .header-btm .inner {height: 80px;}
  #header.sangju .header-btm .btn-sitemap { position: absolute; left: 50%; top: 0; height: 80px; width: 82px; margin-left: 598px; z-index: 1; border-left: 1px solid rgba(188, 211, 220, 0.4); }
  #header.sangju .header-btm .btn-sitemap a { display: block; width: 100%; height: 100%; background: url("/resources/templates/front/assets/images/btn_sitemap.png") no-repeat 50% 50%; text-indent: -9999px; }
  #header.sangju .header-btm .btn-search { position: absolute; left: 50%; top: 0; height: 80px; width: 82px; margin-left: 598px; z-index: 1; border-left: 1px solid rgba(188, 211, 220, 0.4); }
  #header.sangju .header-btm .btn-search a { display: block; width: 100%; height: 100%; background: url("/resources/templates/front/assets/images/btn_searchf.png") no-repeat 50% 50%; text-indent: -9999px; }
  #header.sangju .header-btm .btn-search .open-layer {visibility:hidden; position:absolute; top:80px; right:0; height:60px; width:400px; z-index:100; background:#ea9c03; opacity:0; transition:all .2s;}
  #header.sangju .header-btm .btn-search.open .open-layer {visibility:visible; right:0; opacity:1;}
  #header.sangju .header-btm .btn-search .open-layer a {position:absolute; width:81px; height:80px; right:0; top:-80px; background:url("/resources/templates/front/assets/images/btn_close.png") #ea9c03 center center no-repeat;}
  #header.sangju .header-btm .btn-search .open-layer input {position:absolute; top:0px; bottom:0; left:0; width:100%; padding:0 80px 0 15px; border:3px solid #ea9c03; box-sizing:border-box; font-size:14px; height: 100%;}
  #header.sangju .header-btm .btn-search .open-layer button {position:absolute; top:0; right:0; width:80px; height:60px; background:url("/resources/templates/front/assets/images/btn_search2.png") center center no-repeat; text-indent:-999em;}
  #header.sangju #gnb {padding-left: 330px;margin-right: 82px;height: 100%;box-sizing: border-box;}
  #header.sangju #gnb > ul:after { display: block; clear: both; content: ""; }
  #header.sangju #gnb > ul{height:100%;}
  #header.sangju #gnb > ul > li {float: left;height: 100%;padding-top: 20px;box-sizing: border-box;width: calc(100% / 8);text-align: center;}
  #header.sangju #gnb > ul > li:nth-of-type(8){background:#F77807}
  #header.sangju #gnb > ul > li:nth-of-type(8) .depth{display:none!important;}
  #header.sangju #gnb > ul > li + li {/* padding-left: 35px; */}
  #header.sangju #gnb h2 a { font-weight: bold; color: #fff; font-size: 20px; }
  #header.sangju #gnb h3 {
    background: #158BCC;
    /* text-align: center; */
    margin-bottom: 5px;
}
  #header.sangju #gnb h3 a {display: block;padding: 6px;font-size: 14.5px;font-weight: bold;color: #fff;padding-left: 15px;}
  #header.sangju #gnb h3 a.outlnk:after { display: inline-block; content: ""; width: 19px; height: 14px; vertical-align: middle; margin-left: 7px; background: url("/resources/templates/front/assets/images/icon_h3_outlnk.png") no-repeat 50% 50%; position: relative; top: -2px; }
  #header.sangju #gnb h3 a:hover { }
  #header.sangju #gnb h4 a {position: relative;color: #7c7c7c;font-size: 15px;line-height: 26px;position: relative;padding-left: 14px;display: inline-block;letter-spacing: -1px;}
  #header.sangju #gnb h4 a:before {content: "";left: 0;position: absolute;width: 4px;height: 4px;top: 11px;border-radius: 10px;background: #7c7c7c;}
  #header.sangju #gnb h4 a:hover { color: #158ccd; }
  #header.sangju #gnb h4 a:hover{text-decoration: underline;}
  #header.sangju #gnb h4 a:hover:before{background:#158ccd}
  #header.sangju #gnb h4 a.outlnk span:after { display: inline-block; position: relative; top: -2px; content: ""; width: 17px; height: 13px; vertical-align: middle; background: url("/resources/templates/front/assets/images/icon_h4_outlnk.png") no-repeat 50% 50%; margin-left: 7px; }
  #header.sangju #gnb .depth { display: none; overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; border-bottom: 5px solid #0d1b26; background: #e9f7fe; z-index: 1000; }
  #header.sangju #gnb .depth > div { width: 1360px; margin: 0 auto; }
  #header.sangju #gnb .depth .category {position: absolute;left: 48%;top: 0;height: 100%;width: 470px;padding: 33px 45px 0 0;margin-left: -960px;background: #d2edeb;}
  #header.sangju #gnb .depth .category .txt { width: 100px; margin-left: auto; font-weight: bold; font-size: 24px; text-align: center; }
  #header.sangju #gnb .depth .category .txt .icon { display: block; margin-bottom: 10px; }
  #header.sangju #gnb .depth .menu {padding-left: 163px;padding-bottom: 17px;padding-top: 11px;text-align: left;}
  #header.sangju #gnb .depth .menu > li {position: relative;padding: 12px 0 14px 12px;display: inline-block;vertical-align: top;width: 18%;}
  #header.sangju #gnb .depth .menu > li.over {/* background: #fff */}
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(4){width: 40%;}
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(4) .sm-depth li{width: 49%;box-sizing: border-box;display: inline-block;vertical-align: top;}
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(5){width: 40%;}
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(5) .sm-depth li{width: 32%;box-sizing: border-box;display: inline-block;vertical-align: top;}
  #header.sangju #gnb>ul>li:nth-of-type(5) .depth .menu>li:nth-of-type(4){width: 40%;}
  #header.sangju #gnb>ul>li:nth-of-type(5) .depth .menu>li:nth-of-type(4) .sm-depth li{width: 49%;box-sizing: border-box;display: inline-block;vertical-align: top;}
  #header.sangju #gnb .depth .menu > li.over h3 a {  }
  #header.sangju #gnb .sm-depth ul:after { display: block; clear: both; content: ""; }
  #header.sangju #gnb .sm-depth li {
    padding: 0 10px;
}
  #header.openleader { background: #fff; }
  #header.openleader .header-top { height: 90px; background: #32483a; }
  #header.openleader .header-top .inner { position: relative; }
  #header.openleader .header-top .logo { height: 90px; width: 276px; text-align: center; margin: 0 auto; }
  #header.openleader .header-top .logo a { display: block; width: 100%; height: 100%; text-indent: -999em; background: url("/resources/templates/chairman/assets/images/img_logo.png") no-repeat 50% 50%; }
  #header.openleader .header-top .header-lnk { position: absolute; left: 0; top: 34px; }
  #header.openleader .header-top .header-lnk:after { clear: both; content: ""; display: block; }
  #header.openleader .header-top .header-lnk li { float: left; line-height: 17px; }
  #header.openleader .header-top .header-lnk li + li:before { display: inline-block; content: "/"; color: #fff; opacity: 0.7; margin: 0 25px 0 20px; vertical-align: middle; }
  #header.openleader .header-top .header-lnk a { font-size: 13px; color: rgba(255, 255, 255, 0.7); }
  #header.openleader .header-top .header-lnk a.btn-korea:before { display: inline-block; vertical-align: middle; content: ""; width: 25px; height: 17px; margin-right: 8px; background: url("/resources/images/sj/common/btn_korea.png") no-repeat 50% 50%; }
  #header.openleader .header-top .header-utile { position: absolute; right: 0; top: 28px; }
  #header.openleader .header-top .header-utile:after { clear: both; content: ""; display: block; }
  #header.openleader .header-top .header-utile > li { float: left; line-height: 35px; margin-left: 23px; }
  #header.openleader .header-top .header-utile > li > a { font-size: 13px; color: #fff; }
  #header.openleader .header-top .header-utile .sns:after { clear: both; content: ""; display: block; }
  #header.openleader .header-top .header-utile .sns li { float: left; margin-left: 9px; }
  #header.openleader .header-top .header-utile .sns li:first-child { margin-left: 0; }
  #header.openleader .header-top .header-utile .sns a { display: block; width: 35px; height: 35px; background: url("/resources/templates/chairman/assets/images/sp_sns.png") no-repeat 0 0; text-indent: -9999px; }
  #header.openleader .header-top .header-utile .sns a.btn-facebook { background-position: 0 0; }
  #header.openleader .header-top .header-utile .sns a.btn-twitter { background-position: -43px 0; }
  #header.openleader .header-top .header-utile .sns a.btn-blog { background-position: -86px 0; }
  #header.openleader .header-top .header-utile .sns a.btn-kakao { background-position: -130px 0; }
  #header.openleader .header-top .header-utile .sns a.btn-instar { background-position: -173px 0; }
  #header.openleader .header-btm { position: relative; height: 60px; background: #22b24c; text-align: center; }
  #header.openleader .header-btm:after { display: block; position: absolute; left: 50%; top: 50%; width: 1px; height: 21px; content: ""; background: #fff; opacity: 0.2; content: ""; margin-top: -10px; margin-left: 680px; }
  #header.openleader #gnb { width: 1360px; margin: 0 auto; }
  #header.openleader #gnb > ul:after { display: block; clear: both; content: ""; }
  #header.openleader #gnb > ul > li { width: 16.5%; float: left; }
  #header.openleader #gnb > ul > li.over h2 a, #header.openleader #gnb > ul > li.current h2 a { color: #f2e30f; }
  #header.openleader #gnb > ul > li.over h2 a:before, #header.openleader #gnb > ul > li.current h2 a:before { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #f2e30f; }
  #header.openleader #gnb h2 a { display: block; position: relative; line-height: 59px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; }
  #header.openleader #gnb h2 a:after { display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 21px; content: ""; background: #fff; opacity: 0.2; content: ""; margin-top: -10px; }
  #header.openleader #gnb h2 a:hover { color: #f2e30f; }
  #header.openleader #gnb h2 a:hover:before { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #f2e30f; }
  #header.openleader #gnb h3 a { color: #373737; font-size: 17px; }
  #header.openleader #gnb h3 a.current, #header.openleader #gnb h3 a:hover { position: relative; color: #0f9135; font-weight: bold; }
  #header.openleader #gnb h3 a.current:before, #header.openleader #gnb h3 a:hover:before { display: block; content: ""; width: 100%; height: 1px; background: #0f9135; position: absolute; left: 0; bottom: 0; }
  #header.openleader #gnb .depth { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: white;border-bottom:5px solid #22b24c}
  #header.openleader #gnb .depth ul { padding: 4px 0 5px 0; width: 1360px; margin: 0 auto; box-sizing: border-box; text-align: left; }
  #header.openleader #gnb .depth ul:after { display: block; clear: both; content: ""; }
  #header.openleader #gnb .depth li {line-height: 36px;}
  #header.openleader #gnb > ul > li:nth-child(1) .depth ul {padding-left:100px;}
  #header.openleader #gnb > ul > li:nth-child(2) .depth ul {padding-left:295px;}
  #header.openleader #gnb > ul > li:nth-child(3) .depth ul {padding-left:490px;}
  #header.openleader #gnb > ul > li:nth-child(4) .depth ul {text-align:right; padding-right:85px;}
  #header.openleader.main { background: rgba(0, 0, 0, 0.4); -ms-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
  #header.openleader.main .header-top { border-bottom: 1px solid rgba(255, 255, 255, 0.4); background: transparent; -ms-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
  #header.openleader.main .header-btm { background: transparent; -ms-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; }
  #header.openleader.main.open { background: #fff; }
  #header.openleader.main.open .header-top { border-bottom: none; background: #32483a; }
  #header.openleader.main.open .header-btm { background: #22b24c; }
  #header.village { background: #fff; }
  #header.village .header-top { height: 90px; background: #2c4230; }
  #header.village .header-top .inner { position: relative; }
  #header.village .header-top .logo { height: 93px; width: 253px; text-align: center; margin: 0 auto; }
  #header.village .header-top .logo a { display: block; width: 100%; height: 100%; text-indent: -999em; background: url("/resources/templates/dong/assets/images/img_logo.png") no-repeat 50% 50%; }
  #header.village .header-top .header-lnk { position: absolute; left: 0; top: 34px; }
  #header.village .header-top .header-lnk:after { clear: both; content: ""; display: block; }
  #header.village .header-top .header-lnk li { float: left; line-height: 17px; }
  #header.village .header-top .header-lnk li + li:before { display: inline-block; content: "/"; color: #fff; opacity: 0.7; margin: 0 25px 0 20px; vertical-align: middle; }
  #header.village .header-top .header-lnk a { font-size: 13px; color: rgba(255, 255, 255, 0.7); }
  #header.village .header-top .header-lnk a.btn-korea:before { display: inline-block; vertical-align: middle; content: ""; width: 25px; height: 17px; margin-right: 8px; background: url("/resources/images/sj/common/btn_korea.png") no-repeat 50% 50%; }
  #header.village .header-top .header-utile { overflow: hidden; position: absolute; right: 0; top: 28px; background: #f6ffe0; border-radius: 100px; }
  #header.village .header-top .header-utile:after { clear: both; content: ""; display: block; }
  #header.village .header-top .header-utile li { float: left; line-height: 35px; }
  #header.village .header-top .header-utile li:first-child { padding-left: 20px; }
  #header.village .header-top .header-utile li:last-child { padding-right: 20px; }
  #header.village .header-top .header-utile li + li:before { display: inline-block; content: "/"; color: #2c2c2c; vertical-align: middle; position: relative; top: -2px; }
  #header.village .header-top .header-utile a { display: inline-block; width: 80px; padding-bottom: 2px; font-size: 13px; color: #2c2c2c; text-align: center; vertical-align: top; }
  #header.village .header-top .header-search { position: absolute; right: 215px; top: 28px; overflow: hidden; width: 37px; height: 37px; border-radius: 100px; background: #f6ffe0; -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
  #header.village .header-top .header-search input { position: absolute; top: 0; right: 0; width: 0%; height: 37px; font-size: 13px; color: #222; padding: 0; text-align: left; box-sizing: border-box; opacity: 0; -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; background: #f6ffe0; }
  #header.village .header-top .header-search button { position: absolute; right: 0; top: 0; width: 37px; height: 37px; background: #f6ffe0 url("/resources/images/sj/common/btn_header_search.png") no-repeat 50% 50%; text-indent: -9999px; }
  #header.village .header-top .header-search.open { width: 203px; }
  #header.village .header-top .header-search.open input { width: 100%; padding: 0 40px 2px 15px; opacity: 1; }
  #header.village .header-btm { position: relative; height: 101px; background: #fff; text-align: center; }
  #header.village #gnb { width: 1360px; margin: 0 auto; }
  #header.village #gnb > ul:after { display: block; clear: both; content: ""; }
  #header.village #gnb > ul > li {width: 113px;float: left;}
  #header.village #gnb > ul > li:nth-child(12n), #header.village #gnb > ul > li:nth-child(12n+1) { width: 115px; }
  #header.village #gnb > ul > li:nth-child(12n) ~ li { border-top: 1px solid #e0dfdf; }
  #header.village #gnb > ul > li:nth-child(12n+1) h2:before { display: none; }
  #header.village #gnb > ul > li:nth-child(12n+1) h2:before { display: none; }
  #header.village #gnb > ul > li:nth-child(12n) ~ li .depth { top: 100%; }
  #header.village #gnb > ul > li.over h2 a, #header.village #gnb > ul > li.current h2 a { color: #03a62c; font-weight: bold; }
  #header.village #gnb > ul > li.over h2 a:after, #header.village #gnb > ul > li.current h2 a:after { display: block; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 11px solid #03a62c; border-left: 8px solid transparent; border-right: 8px solid transparent; }
  #header.village #gnb h2 { position: relative; }
  #header.village #gnb h2:before { display: block; position: absolute; left: -2px; top: 50%; width: 5px; height: 5px; border-radius: 10px; background: #ccc; content: ""; margin-top: -2.5px; }
  #header.village #gnb h2 a { display: block; position: relative; line-height: 50px; color: #373737; font-size: 18px; text-align: center; }
  #header.village #gnb h2 a:hover { color: #03a62c; font-weight: bold; }
  #header.village #gnb h2 a:hover:after { display: block; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 11px solid #03a62c; border-left: 8px solid transparent; border-right: 8px solid transparent; }
  #header.village #gnb h3 a { display: block; color: #fff; font-size: 18px; line-height: 50px; font-weight: bold; text-align: center; }
  #header.village #gnb h4 a { position: relative; color: #272727; font-size: 18px; text-align: center; }
  #header.village #gnb h4 a:hover { font-weight: bold; color: #1a1a1a; }
  #header.village #gnb h4 a:hover:after { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #1a1a1a; }
  #header.village #gnb .depth { display: none; position: absolute; top: 50px; left: 0; width: 100%; background: #fff url("/resources/templates/dong/assets/images/bg_header_bar1.png") repeat-x 0 0; border-bottom: 5px solid #2c4230; z-index: 1; }
  #header.village #gnb .depth > ul { width: 1360px; margin: 0 auto; padding: 0 0 20px; }
  #header.village #gnb .depth > ul:after { clear: both; content: ""; display: block; }
  #header.village #gnb .depth > ul > li { float: left; width: 20%; }
  #header.village #gnb .sm-depth ul { height: 230px; border-left: 1px solid #cddecc; margin-top: 16px; }
  #header.village #gnb .sm-depth li { line-height: 36px; }
  #header.village.open #gnb > ul > li:after { display: block; }
  #header.village.open #gnb > ul > li:first-child:before { display: block; } 
  
  
  
  
#container { position: relative; padding-top: 153px; min-width: 1360px; min-height: 800px; }
.page-login #container{padding-top: 0px;}
#container .inner { width: 1320px; }
#container #contents {/*  min-height: 1200px;  */width: 1320px; margin: 0 auto; padding: 30px 0 300px 0; }
.trip #container #contents{min-height: 1300px;}
#container #lnb + #contents { padding: 30px 0 150px 330px; }

.page-title-zone { background: #1547bb url("/resources/images/sj/commonbg/bg_sangju.png") no-repeat 50% 50%; background-size: cover; }
.page-title-zone .inner { position: relative; height: 133px; padding-left: 330px; }
.page-title-zone .page-title { padding-top: 26px; font-size: 30px; font-weight: bold; text-align: left; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
.page-title-zone .breadcrumb { margin-top: 15px; }
.page-title-zone .breadcrumb ol:after { display: block; clear: both; content: ""; }
.page-title-zone .breadcrumb li { float: left; line-height: 22px; font-size: 14px; color: #fff; }
.page-title-zone .breadcrumb li + li:before { display: inline-block; content: ""; margin: 0 10px; vertical-align: middle; width: 8px; height: 15px; background: url("/resources/images/sj/common/img_bar_breadcrumb.png") no-repeat 50% 50%; }
.page-title-zone .breadcrumb li:first-child a { display: inline-block; width: 22px; height: 22px; line-height: 20px; border-radius: 100px; background: #fff; color: #1746bd; text-align: center; }
.page-title-zone .breadcrumb a { font-size: 14px; color: #fff; }
.page-title-zone .page-utile { position: absolute; right: 0; bottom: 19px; }
.page-title-zone .page-utile:after { clear: both; content: ""; display: block; }
.page-title-zone .page-utile li { float: left; }
.page-title-zone .page-utile li + li { margin-left: 7px; }
.page-title-zone .page-utile *[class*=btn-] { display: inline-block; width: 40px; height: 40px; text-indent: -9999px; text-align: left; }
.page-title-zone .page-utile *[class*=btn-].btn-favorite { background: url("/resources/images/sj/common/btn_favorite.png") no-repeat 50% 50%; }
.page-title-zone .page-utile *[class*=btn-].btn-facebook { background: url("/resources/images/sj/common/btn_facebook.png") no-repeat 50% 50%; }
.page-title-zone .page-utile *[class*=btn-].btn-twitter { background: url("/resources/images/sj/common/btn_twitter.png") no-repeat 50% 50%; }
.page-title-zone .page-utile *[class*=btn-].btn-print { background: url("/resources/images/sj/common/btn_print.png") no-repeat 50% 50%; }
.page-title-zone .zoom-zone { position: absolute; bottom: 24px; right: 192px; border: 1px solid rgba(255, 255, 255, 0.3); }
.page-title-zone .zoom-zone:after { clear: both; content: ""; display: block; }
.page-title-zone .zoom-zone dt { display: inline-block; float: left; width: 70px; height: 28px; line-height: 26px; font-size: 12px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.3); }
.page-title-zone .zoom-zone dd { float: left; }
.page-title-zone .zoom-zone button { float: left; width: 30px; height: 28px; text-indent: -9999px; }
.page-title-zone .zoom-zone button.btn-zoomup { background: url("/resources/images/sj/common/btn_zoom_up.png") no-repeat 50% 50%; }
.page-title-zone .zoom-zone button.btn-zoomdown { background: url("/resources/images/sj/common/btn_zoom_down.png") no-repeat 50% 50%; }

.openleader #lnb{top:150px;}
#lnb { position: absolute; left: 50%; margin-left: -660px; top: 153px; height: 100%; width: 270px; border-left: 1px solid #cfd3d5; border-right: 1px solid #cfd3d5; background: #fff}
#lnb .category-name { width: 100%; height: 160px; margin: 0 -1px; padding: 0 1px; font-size: 30px; color: #fff; font-weight: bold; text-align: center; background: url("/resources/images/sj/commonbg/bg_lnb_snagju.png") no-repeat 50% 50%; background-size: 100% 100%; box-sizing: content-box; line-height: 160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#lnb .menu > li { border-bottom: 1px solid #cfd3d5; }
#lnb .menu h2:only-child a:after { display: none; }
#lnb .menu h2 a { display: block; position: relative; line-height: 46px; color: #000; font-size: 17px; text-align: left; padding: 0 30px 0 18px; }
#lnb .menu h2 a:after { display: block; position: absolute; right: 20px; top: 0; width: 15px; text-align: center; line-height: 46px; content: "+"; font-size: 22px; color: #9c9c9c; }
#lnb .menu h2:only-child a.outlnk:after { display: inline-block; width: 15px; height: 100%; content: ""; background: url("/resources/images/sj/common/btn_lnb_outlnk.png") no-repeat 50% 50%; }
#lnb .menu h2 a.clicked, #lnb .menu h2 a.current, #lnb .menu h2 a:hover { color: #1647bc; font-weight: bold; }
#lnb .menu h2 a.clicked:after, #lnb .menu h2 a.current:after, #lnb .menu h2 a:hover:after { content: "-"; }
#lnb .menu h3 a {color: #000;font-size: 15px;padding-left: 20px;position: relative;display: inline-block;}
#lnb .menu h3 a:before {display: inline-block;position: absolute;top: 9px;left: 0;width: 6px;height: 6px;border-radius: 100px;border: 3px solid #c7c7c7;background: #fff;vertical-align: middle;content: "";}
#lnb .menu h3 a.current, #lnb .menu h3 a.clicked, #lnb .menu h3 a:hover { color: #1647bc; font-weight: bold; }
#lnb .menu h3 a.current:before, #lnb .menu h3 a.clicked:before, #lnb .menu h3 a:hover:before { border-color: #1647bc; }
#lnb .menu .depth { display: none; margin: 0 -1px; border-top: 4px solid #1647bc; }
#lnb .menu .depth ul { padding: 12px 16px 14px; background: #f4f4f4; border-left: 1px solid #cfd3d5; border-right: 1px solid #cfd3d5; }
#lnb .menu .depth li { line-height: 30px; }
#lnb .menu .clicked h2 a:after { content: "-"; }

.view-pc { display: inherit; }

.view-m { display: none; }

/* KEYFRAMES & ANIMATION */
/*
@keyframes searchAnimation {
	from {top:-100%; }
	to {top:5px; opacity:1}
}

@keyframes gnbMoAnimation {
	from {opacity:0; -ms-transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px);}
	to {opacity:1; -ms-transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);transform:translateY(0px);}
}
*/
/* POINT TEXT & BR tag */
.cursor_lnk {cursor: pointer;}

br.pc.m, br.pc { display: inherit; }

br.t, br.m { display: none; }

.bold { font-weight: bold !important; }

.line { text-decoration: underline !important; }

.point1 { color: #1968cb !important; }
/* 0828추가 */
.point2 { color: red!important; }

.point3 { color: #ff5c00 !important; }
/*  */
.al-l { text-align: left !important; }

.al-c { text-align: center !important; }

.al-r { text-align: right !important; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt120 { margin-top: 120px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml0 { margin-left: 0px !important; }
/* 0828추가 */
.ml5{margin-left: 5px!important;}
/*  */
.ml10 { margin-left: 10px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml40 { margin-left: 40px !important; }

.ml50 { margin-left: 50px !important; }

.ml-10 { margin-left: -10px !important; }

.ml-15 { margin-left: -15px !important; }

.ml-20 { margin-left: -20px !important; }

.ml-30 { margin-left: -30px !important; }

.pb0 {padding-bottom: 0px !important;}
.pt0 {padding-top: 0px !important;}

/* 0828추가 */
.taLeft{text-align: left!important;}
.taRight{text-align: right!important;}
.taCenter{text-align: center!important;}
.ovh{overflow: hidden;}
.vatop{vertical-align: top;}
.comp-cont-box { margin-left: 25px; }
.comp-cont-box *[class^=heading][class*=-h4] { margin-left: 0; }
.comp-cont-box h4[class^=comp-lst][class*=_dotted], .comp-cont-box h5[class^=comp-lst][class*=_dotted], .comp-cont-box h6[class^=comp-lst][class*=_dotted], .comp-cont-box p[class^=comp-lst][class*=_dotted] { margin-left: 5px; padding-left: 16px;position: relative;}
.comp-cont-box *[class^=comp-lst] { margin-left: 0; }
.comp-cont-box *[class^=comp-lst][class*=_hyphen] { margin-left: 25px; }
.comp-cont-box *[class^=comp-lst][class*=_normal] { margin-left: 50px; }
/*  */
/* 2단 페이지 */
.cont-2stage-box { display: inline-block; }
.cont-2stage-box .left-cont
.cont-2stage-box .left-cont { float: left; }
.cont-2stage-box .right-cont { width: 700px; float: left; }
.cont-2stage-box .right-cont .comp-lst_normal + .comp-lst_normal { margin-top:25px; }

/* ICON */
/* BUTTON */
*[class^=comm-btn] > span { position: relative; top: -2px; }
*[class^=comm-btn][class*=_type1] { display: inline-block; width: 190px; padding: 0 18px; height: 40px; line-height: 38px; vertical-align: middle; text-align: center; font-size: 16px; box-sizing: border-box; border-width: 1px; border-style: solid; }
*[class^=comm-btn][class*=_type1][class*=_wbasic] { width: 125px; }
*[class^=comm-btn][class*=_gray] { border-color: #d9d6d5; color: #787878; background: #fff; }
*[class^=comm-btn][class*=_blue] { border-color: #1968cb; color: #fff; background: #1968cb; }
*[class^=comm-btn][class*=_gotolist] { width: auto; }
*[class^=comm-btn][class*=_gotolist] *:before { display: inline-block; width: 16px; height: 100%; content: ""; background: url("/resources/images/sj/common/icon_list_w.png") no-repeat 50% 50%; vertical-align: middle; margin-right: 10px; }

/* TITLE */
/* 0828추가 */
*[class^=heading][class*=-h3] { margin-bottom: 15px; font-size: 24px; font-weight: bold; color: #262626; margin-top: 15px;}
*[class^=heading][class*=-h3]:before { display: inline-block; position: relative; top: -1px; content: ""; width: 10px; height: 10px; margin-right: 5px; border-radius: 100px; border: 4px solid #1968cb; vertical-align: middle; }
*[class^=heading][class*=-h3].job:before{border-color: #fff;}
*[class^=heading][class*=-h3].none:before {display: none;}
*[class^=heading][class*=-h4] { position: relative; margin-left: 0px; margin-bottom: 5px; margin-top: 20px; color: #1968cb; font-weight: bold; font-size: 20px; text-align: left; }
/*  */

/* LIST */
h4[class^=comp-lst], h5[class^=comp-lst], h6[class^=comp-lst], p[class^=comp-lst] { margin-left: 20px; }
h4[class^=comp-lst][class*=_dotted], h5[class^=comp-lst][class*=_dotted], h6[class^=comp-lst][class*=_dotted], p[class^=comp-lst][class*=_dotted] { font-size: 16px; color: #262626; line-height: 30px; font-weight: bold; position: relative; padding-left: 15px; }
h4[class^=comp-lst][class*=_dotted]:before, h5[class^=comp-lst][class*=_dotted]:before, h6[class^=comp-lst][class*=_dotted]:before, p[class^=comp-lst][class*=_dotted]:before { display: inline-block; content: ""; width: 6px; height: 6px; background: #565656; border-radius: 100px; margin-right: 6px;  position: absolute; left: 0; top: 11px;margin-bottom: 4px;}
h4[class^=comp-lst][class*=_hyphen], h5[class^=comp-lst][class*=_hyphen], h6[class^=comp-lst][class*=_hyphen], p[class^=comp-lst][class*=_hyphen] { position: relative; padding-left: 10px; font-size: 15px; color: #262626; line-height: 26px; }
h4[class^=comp-lst][class*=_hyphen]:before, h5[class^=comp-lst][class*=_hyphen]:before, h6[class^=comp-lst][class*=_hyphen]:before, p[class^=comp-lst][class*=_hyphen]:before { content: "-"; background: none; width: auto; height: auto; top: 0; left: 0; position: absolute; }
h4[class^=comp-lst][class*=_round], h5[class^=comp-lst][class*=_round], h6[class^=comp-lst][class*=_round], p[class^=comp-lst][class*=_round] { position: relative; padding-left: 20px; font-size: 15px; color: #6d6d6d; line-height: 20px; }
h4[class^=comp-lst][class*=_round]:before, h5[class^=comp-lst][class*=_round]:before, h6[class^=comp-lst][class*=_round]:before, p[class^=comp-lst][class*=_round]:before { display: inline-block; position: absolute; left: 0; top: 1px; content: ""; width: 16px; height: 16px; background: url("resources/templates/lib/assets/bul_round.png") no-repeat 50% 50%; background-size: 100% 100%; }
h4[class^=comp-lst][class*=_important], h5[class^=comp-lst][class*=_important], h6[class^=comp-lst][class*=_important], p[class^=comp-lst][class*=_important] { position: relative; padding-left: 15px; color: #7f7f7f; font-size: 15px; line-height: 24px; }
h4[class^=comp-lst][class*=_important]:before, h5[class^=comp-lst][class*=_important]:before, h6[class^=comp-lst][class*=_important]:before, p[class^=comp-lst][class*=_important]:before { display: inline-block; position: absolute; left: 0; top: 0; content: "※"; margin-right: 5px; }
h4[class^=comp-lst][class*=_star], h5[class^=comp-lst][class*=_star], h6[class^=comp-lst][class*=_star], p[class^=comp-lst][class*=_star] { position: relative; padding-left: 15px; color: #474747; font-size: 15px; line-height: 24px; }
h4[class^=comp-lst][class*=_star]:before, h5[class^=comp-lst][class*=_star]:before, h6[class^=comp-lst][class*=_star]:before, p[class^=comp-lst][class*=_star]:before { display: inline-block; position: absolute; left: 0; top: 0; content: "*"; margin-right: 5px; }
h4[class^=comp-lst][class*=_normal], h5[class^=comp-lst][class*=_normal], h6[class^=comp-lst][class*=_normal], p[class^=comp-lst][class*=_normal] { margin-left: 35px; color: #262626; font-size: 15px; line-height: 26px; }
/* 0828추가 */
h4[class^=comp-lst][class*=_normal] + p, h5[class^=comp-lst][class*=_normal] + p, h6[class^=comp-lst][class*=_normal] + p, p[class^=comp-lst][class*=_normal] + p { margin-top:5px; }
p[class^=comp-lst][class*=_dotted].none:before{display:none;}
p[class^=comp-lst][class*=_dotted].none{margin-left:0;padding-left:0}
/*  */

*[class^=comp-lst] { margin-left: 20px; }
*[class^=comp-lst][class*=_dotted] > li { font-size: 16px; color: #262626; line-height: 30px; font-weight: bold; }
*[class^=comp-lst][class*=_dotted] > li:before { display: inline-block; content: ""; width: 8px; height: 8px; background: #565656; border-radius: 100px; margin-right: 6px; vertical-align: middle; }
*[class^=comp-lst][class*=_dotted][class*=_lh45] > li { line-height: 45px; }
*[class^=comp-lst][class*=_dotted][class*=_sm] { margin-left: 0; }
*[class^=comp-lst][class*=_dotted][class*=_sm] > li { font-size: 14px; line-height: 24px; color: #1c1c1c; font-weight: normal; }
*[class^=comp-lst][class*=_dotted][class*=_sm] > li:before { width: 5px; height: 5px; background: #afafaf; margin-right: 10px; vertical-align: middle; border-radius: 0; }
*[class^=comp-lst][class*=_hyphen] { margin-left: 35px; }
*[class^=comp-lst][class*=_hyphen] > li { position: relative; padding-left: 10px; font-size: 15px; color: #262626; line-height: 26px; }
*[class^=comp-lst][class*=_hyphen] > li:before { content: "-"; background: none; width: auto; height: auto; top: 0; left: 0; position: absolute; }
*[class^=comp-lst][class*=_important] > li { position: relative; padding-left: 15px; color: #7f7f7f; font-size: 15px; line-height: 24px; }
*[class^=comp-lst][class*=_important] > li:before { display: inline-block; position: absolute; left: 0; top: 0; content: "※"; margin-right: 5px; }
*[class^=comp-lst][class*=_star] > li { position: relative; padding-left: 15px; color: #474747; font-size: 15px; line-height: 24px; }
*[class^=comp-lst][class*=_star] > li:before { display: inline-block; position: absolute; left: 0; top: 0; content: "*"; margin-right: 5px; }
*[class^=comp-lst][class*=_round] dt, *[class^=comp-lst][class*=_round] li { position: relative; padding-left: 20px; font-size: 15px; color: #6d6d6d; line-height: 20px; }
*[class^=comp-lst][class*=_round] dt:before, *[class^=comp-lst][class*=_round] li:before { display: inline-block; position: absolute; left: 0; top: 1px; content: ""; width: 16px; height: 16px; background: url("/resources/templates/lib/assets/images/bul_round.png") no-repeat 50% 50%; background-size: 100% 100%; }
*[class^=comp-lst][class*=_round] dd { padding-left: 20px; line-height: 20px; font-size: 15px; color: #6d6d6d; }

/* TEXT */
/* 0828추가 */
*[class^=comp-txt-box] {min-height: 95px; margin-top: 20px; margin-bottom: 20px;border: 1px solid #d3d3d3; border-top: 2px solid #1968cb; overflow: hidden;position: relative;}
*[class^=comp-txt-box][class*=_mid] {margin:0 auto; padding:20px; }
/*  */
*[class^=comp-txt-box] dt { height: 50rem; width: 250px; padding: 19px 20px; background: #f1fafe; box-sizing: border-box; color: #262626; font-weight: bold; font-size: 18px; float: left;position: absolute;}
*[class^=comp-txt-box] dd { padding: 25px 25px 25px; box-sizing: border-box; color: #262626; line-height: 24px; font-size: 15px; float: left;width: 100%;padding-left: 270px;}
*[class^=comp-txt-box] dd *[class*=comp-lst] { margin-top: 20px; }

/* TABLE */
.tbl-zone { margin-left: 35px; }

table[class^=comp-tbl] { table-layout: fixed; }
table[class^=comp-tbl][class*=_datatype] { border-top: 2px solid #1665bd; border-bottom: 1px solid #7a7a7a; margin: 10px 0;}
table[class^=comp-tbl][class*=_datatype] thead td{border-top: 1px solid #d9d6d5; padding: 0 5px;}
table[class^=comp-tbl][class*=_datatype] th { background: #f4f7f9; text-align: center; font-size: 16px; font-weight: bold; height: 50px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; color: #4b4b4b; }
table[class^=comp-tbl][class*=_datatype] thead th[rowspan] { border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_datatype] thead th:first-child { border-left: 0; }
table[class^=comp-tbl][class*=_datatype] thead tr:first-child th { border-top: 0; }
table[class^=comp-tbl][class*=_datatype] tbody tr th:first-child { border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_datatype].td_pd5 tbody td {padding: 5px;}
table[class^=comp-tbl][class*=_datatype] td { height: 50px; padding: 10px 10px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; font-size: 15px; color: #787878; text-align: center; box-sizing: border-box; border-right: 1px solid #d9d6d5}
table[class^=comp-tbl][class*=_datatype] tbody th { height: 50px; font-weight: bold; color: #4b4b4b; text-align: center; background: #f4f7f9; border-top: 1px solid #d9d6d5; border-right: 1px solid #d9d6d5;}
table[class^=comp-tbl][class*=_datatype] tbody th.left-line { border-left: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_datatype] tbody tr>:first-child { border-left: 0; border-right: 1px solid #d9d6d5;}
table[class^=comp-tbl][class*=_datatype] tbody tr>:last-child{ border-right: 0;}
table[class^=comp-tbl][class*=_datatype] tbody tr:first-child td { border-top: 1px solid #7a7a7a; }
table[class^=comp-tbl][class*=_datatype] tbody tr:first-child th { border-top: 1px solid #7a7a7a; }
table[class^=comp-tbl][class*=_boardtype] { border-top: 2px solid #1A7FD4;}
table[class^=comp-tbl][class*=_boardtype] .file {background: url("/resources/templates/front/assets/images/subpage/bg_file.png") no-repeat 50% 50%;}
table[class^=comp-tbl][class*=_boardtype] thead th { height: 50px; text-align: center; font-size:15px; font-weight: bold; background: #f4f7f9; color: #4b4b4b; border-left: 1px solid #d9d6d5; border-bottom: 1px solid #7a7a7a;border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_boardtype] thead th:first-child { border-left: 0; }
table[class^=comp-tbl][class*=_boardtype] thead th:last-child { border-right: 0; }
table[class^=comp-tbl][class*=_boardtype] td { height: 50px; padding: 5px; text-align: center; color: #787878; font-size: 15px; border-bottom: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_boardtype] td:first-child { border-left: 0; }
table[class^=comp-tbl][class*=_boardtype] td a.newimg{position: relative;padding-left:30px; display: inline-block;}
table[class^=comp-tbl][class*=_boardtype] td a.newimg:before{background: url("/resources/images/new.png");content: "";position: absolute;top:0;left: 0;width: 26.5px;height: 26.5px;}
table[class^=comp-tbl][class*=_boardtype] .lnk { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; vertical-align: middle; }
table[class^=comp-tbl][class*=_boardtype] .lnk:hover { text-decoration: underline; }
table[class^=comp-tbl][class*=_boardtype] .flag { display: inline-block; width: 98px; color: #787878; font-size: 16px; text-align: center; border: 1px solid #7a7a7a; background: #f1f3f4; line-height: 26px; padding-bottom: 2px; }
table[class^=comp-tbl][class*=_boardtype] .flag.ing { color: #1968cb; border-color: #1968cb; background: #f4f7f9; }
table[class^=comp-tbl][class*=_viewtype] { border-top: 2px solid #1665bd; border-bottom: 1px solid #d9d6d5; margin: 10px 0;}
table[class^=comp-tbl][class*=_viewtype] thead td{border-top: 1px solid #d9d6d5; padding: 0 5px;}
table[class^=comp-tbl][class*=_viewtype] thead th { background: #f4f7f9; text-align: center; font-size: 16px; font-weight: bold; height: 50px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; color: #4b4b4b; }
table[class^=comp-tbl][class*=_viewtype] thead th[rowspan] { border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_viewtype] thead th:first-child { border-left: 0; }
table[class^=comp-tbl][class*=_viewtype] thead tr:first-child th { border-top: 0; }
table[class^=comp-tbl][class*=_viewtype] tbody td { height: 50px; padding: 15px 10px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; font-size: 15px; text-align: center; box-sizing: border-box; }
table[class^=comp-tbl][class*=_viewtype] tbody td:not(:last-child) { border-right: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_viewtype] tbody th { height: 50px; font-weight: bold; color: #4b4b4b; text-align: center; background: #f4f7f9; border-top: 1px solid #d9d6d5; }
table[class^=comp-tbl][class*=_viewtype] tbody td:first-child { border-left: 0; }
table[class^=comp-tbl][class*=_viewtype] tbody tr:first-child td { border-top: 0; }
table[class^=comp-tbl][class*=_viewtype] thead tr:last-child { border-bottom: 1px solid #7a7a7a; }

.half-table {display: block;}
.half-table:after {display:block;clear:both;content:""}
.half-table table[class^=comp-tbl][class*=_datatype] {float: left; width: 48%;}
.half-table table[class^=comp-tbl][class*=_datatype] + table {float: right;}
.half-table div {clear: both;}

table[class^=comp-tbl] .bg { background: #f1fafe !important; }
table[class^=comp-tbl] .m { display: none; }

.board-photo { margin-top: 30px; }
.board-photo:after { display: block; clear: both; content: ""; }
.board-photo > li { position: relative; float: left; width: 320px; height: 375px; margin-left: 15px; }
.hmh .board-photo > li{width: 420px;}
.board-photo > li.empty {text-align:center; height:auto; width:100%; border:1px solid #d2cfce; padding: 50px 0;}
.board-photo > li:nth-child(3) ~ li { margin-top: 15px; }
.board-photo > li:nth-child(3n+1) { clear: both; margin-left: 0; }
.board-photo > li a { display: block; position: relative; width: 100%; height: 100%; border: 1px solid #d2cfce; box-sizing: border-box; }
.board-photo .thumb { position: relative; overflow: hidden; width: 100%; height: 210px; border-bottom: 1px solid #cecccb; }
.board-photo .thumb img { width: 100%; height: 100%; }
.board-photo .thumb .showthemovie { display: none; position: absolute; left: 50%; top: 50%; width: 150px; margin: -20px 0 0 -75px; font-size: 16px; text-align: center; font-weight: bold; color: #fff; line-height: 38px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.4); box-sizing: border-box; z-index: 1; }
.board-photo .flag { display: block; position: absolute; right: 17px; top: -36px; z-index: 2; width: 50px; height: 50px; text-indent: -999em; }
.board-photo .flag.movie {background: url("/resources/templates/front/assets/images/subpage/icon_img.png") no-repeat 50% 50%;}
.board-photo .flag.photo {background: url("/resources/templates/front/assets/images/subpage/icon_img.png") no-repeat 50% 50%;}
.board-photo .contbox { position: relative; padding: 17px 20px 10px; height: 154px; }
.board-photo .contbox .tit { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 17px; font-weight: bold; color: #4b4b4b; white-space: nowrap; }
.board-photo .contbox .cont { margin-top: 11px; font-size: 14px; line-height: 22px; color: #7b7b7b; height: 100px;}
.hmh .board-photo .contbox .cont *{font-size: 14px!important;text-align: left!important;}
.board-photo .contbox .cont > li {margin-bottom:10px;}
.board-photo .contbox .cont > li:first-child { overflow:hidden;height: 70%;}
.trip .board-photo .contbox .cont > li:first-child{display: -webkit-box;width: 100%;line-height:21px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.board-photo .contbox .cont .txt { color: #fd5401; }
.board-photo .like {position:absolute; bottom:13px; right:15px; padding:4px 5px; font-size:13px; color:#ffffff; background:#1968cb;}
.board-photo .like .number {margin-left:3px;}
.board-photo a:hover:after { display: block; position: absolute; left: -2px; top: -2px; content: ""; width: 100%; height: 100%; border: 2px solid #1647bc; }
.board-photo a:hover .thumb:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; }
.board-photo a:hover .thumb .showthemovie { display: block; }
.board-photo .contbox .cont > li img{vertical-align: middle;margin-top: -4px;width: 12px;}

/* INPUT */
select[class^=comp-select] { width: 100%; padding: 0 10px; height: 42px; border: 1px solid #d9d6d5; box-sizing: border-box; line-height: 33px; font-size: 15px; color: #787878; background: #fff url("/resources/images/sj/common/form_select1.png") no-repeat 100% 50%; }

input[class^=comp-input] { width: 100%; padding: 0 10px; height: 42px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; }
input[class^=comp-input]#createName { width: 170px; padding: 0 10px; height:35px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; display: block; padding-left: 45px; margin-bottom: 10px; background: #fff url(/resources/templates/front/assets/images/reply_icon.png) no-repeat 5% 50%; background-size: 20px;}
input[class^=comp-input][class*=_calendar] { background: #fff url("/resources/images/sj/common/icon_cal.png") no-repeat 100% 50%; }

*[class^=comp-radio] input { outline: none; }
*[class^=comp-radio] label { display: inline-block; position: relative; font-size: 16px; color: #333; cursor: pointer; }
*[class^=comp-radio] label:before { display: inline-block; width: 19px; height: 18px; margin-right: 8px; content: ""; background: url("/resources/images/sj/common/form_radio1_off.png") no-repeat 50% 50%; vertical-align: middle; }
*[class^=comp-radio] input:checked ~ label:before { background: url("/resources/images/sj/common/form_radio1_on.png") no-repeat 50% 50%; }
*[class^=comp-radio][class*=_big] label { font-size: 24px; font-weight: bold; color: #222; }
*[class^=comp-radio][class*=_big] label .sm { font-size: 18px; font-weight: normal; }
*[class^=comp-radio][class*=_big] label:before { width: 32px; height: 32px; margin-right: 14px; content: ""; background: url("/resources/images/sj/common/form_radio3_off.png") no-repeat 50% 50%; background-size: 100% 100%; }
*[class^=comp-radio][class*=_big] input:checked ~ label:before { background: url("/resources/images/sj/common/form_radio3_on.png") no-repeat 50% 50%; background-size: 100% 100%; }

*[class^=comp-check] input { outline: none; }
*[class^=comp-check] label { font-size: 16px; color: #7f7f7f; cursor: pointer; }
*[class^=comp-check] label:before { display: inline-block; width: 14px; height: 14px; margin-right: 5px; content: ""; vertical-align: middle; border: 1px solid #cfcfcf; position: relative; top: -1px; }
*[class^=comp-check] input:checked ~ label:before { background: #cfcfcf; }

textarea[class^=comp-textarea] { width: 100%; padding: 10px; height: 385px; border: 1px solid #d9d6d5; box-sizing: border-box; font-size: 15px; color: #787878; resize: none; font-weight: normal; }

/* INPUT SIZE */
/* UI - PAGING */
.btm-zone { min-height: 40px; position: relative; }
.btm-zone .r-layout { position: absolute; right: 0; top: 0; }
.btm-zone *[class*=comm-btn] { width: 100px; }

*[class^=comp-paging] { margin-top: 30px; text-align: center; }
*[class^=comp-paging] > div { display: inline-block; position: relative; padding: 0 78px; }
*[class^=comp-paging] .number { overflow: hidden; }
*[class^=comp-paging] .number li { float: left; margin-left: -1px; }
*[class^=comp-paging] .number li:first-child { margin-left: 0; }
*[class^=comp-paging] .number a { display: block; width: 38px; font-size: 16px; line-height: 38px; color: #999999; border: 1px solid #cdcdcd; }
*[class^=comp-paging] .number a span { position: relative; }
*[class^=comp-paging] .number a:hover { color: #fff; background: #555; }
*[class^=comp-paging] .number a[aria-current=page] { color: #fff; background: #555; }
*[class^=comp-paging] p { position: absolute; top: 0; }
*[class^=comp-paging] p.allprev { left: 0; }
*[class^=comp-paging] p.allprev a { background: url("/resources/images/sj/common/btn_allprev.png") no-repeat 45% 50%; background-color: #fff; }
*[class^=comp-paging] p.prev { left: 39px; }
*[class^=comp-paging] p.prev a { background: url("/resources/images/sj/common/btn_prev.png") no-repeat 50% 50%; background-color: #fff; }
*[class^=comp-paging] p.allnext { right: 0; }
*[class^=comp-paging] p.allnext a { background: url("/resources/images/sj/common/btn_allnext.png") no-repeat 55% 50%; background-color: #fff; }
*[class^=comp-paging] p.addNext{right:-62px}
*[class^=comp-paging] p.addNext a{background:url("/resources/images/icon/icon_plus_name.png") no-repeat 55% 50%;background-color:#fff;width:60px}
*[class^=comp-paging] p.next { right: 39px; }
*[class^=comp-paging] p.next a { background: url("/resources/images/sj/common/btn_next.png") no-repeat 50% 50%; background-color: #fff; }
*[class^=comp-paging] p a { display: block; overflow: hidden; width: 38px; height: 38px; text-indent: -9999em; border: 1px solid #cdcdcd; }
*[class^=comp-paging] + .comp-btn-zone { margin-top: -46px; }

/* UI - TAB */
/* 0828추가 */
*[class^=comp-tab][class*=_big] .tab2 li{width: 50%;}
*[class^=comp-tab][class*=_big] .tab3 li{width: 33.333%;}
/*  */
*[class^=comp-tab][class*=_big] { margin-bottom: 30px; }
*[class^=comp-tab][class*=_big]:after { display: block; clear: both; content: ""; }
*[class^=comp-tab][class*=_big] li {width: 24%; box-sizing: border-box; border: 1px solid #dedede; border-left: 0; display: inline-block;margin-left:-5px;}
*[class^=comp-tab][class*=_big] li:first-child ,*[class^=comp-tab][class*=_big] li:nth-of-type(4n+1){margin-left: 0;}
*[class^=comp-tab][class*=_big] li:nth-child(n+5){margin-top: -5px;}
*[class^=comp-tab][class*=_big] li:nth-child(4n+1) { border-left: 1px solid #dedede; }
*[class^=comp-tab][class*=_big] li:nth-child(4n) ~ li { border-top: 0; }
*[class^=comp-tab][class*=_big] li:first-child:nth-last-child(2),
*[class^=comp-tab][class*=_big] li:first-child:nth-last-child(2) ~ li{ width: 49%; }
*[class^=comp-tab][class*=_big] li:first-child:nth-last-child(3),
*[class^=comp-tab][class*=_big] li:first-child:nth-last-child(3) ~ li{ width: 33.3%; }
*[class^=comp-tab][class*=_big] a { position: relative; display: table; width: 100%; height: 56px; font-size: 16px; color: #111; /* background: #fff; border선 사라짐*/ }
.engT [class^=comp-tab][class*=_big] a{height: 70px;}
.engT [class^=comp-tab][class*=_big] a span{padding: 0 43px 2px 15px;}
*[class^=comp-tab][class*=_big] a span { display: table-cell; text-align: left; vertical-align: middle; padding: 0 47px 2px 23px; }
*[class^=comp-tab][class*=_big] a:after { display: block; position: absolute; right: 20px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: url("/resources/images/sj/common/img_tab_big.png") no-repeat 50% 50%; content: ""; }
*[class^=comp-tab][class*=_big] a.dwl span:before {display: block; position: absolute; right: 4rem; top: 55%; width: 15px; height: 15px; margin-top: -12px; background: url("/resources/images/sj/subpage/bg_down_off.png") no-repeat 50% 50%; content: ""; }
*[class^=comp-tab][class*=_big] a.dwl:hover span:before{background:url(/resources/images/sj/subpage/bg_down_on.png) no-repeat;}
*[class^=comp-tab][class*=_big] a.lnk span:before {display: block; position: absolute; right: 4rem; top: 60%; width: 13px; height: 13px; margin-top: -12px; background: url("/resources/images/sj/common/btn_gnb_outlnk.png") no-repeat 50% 50%; content: ""; }
*[class^=comp-tab][class*=_big] a:hover, *[class^=comp-tab][class*=_big] a[aria-selected=true] { background: #1968cb; color: #fff; font-weight: bold; }
*[class^=comp-tab][class*=_big] a:hover:after, *[class^=comp-tab][class*=_big] a[aria-selected=true]:after { background: url("/resources/images/sj/common/img_tab_big_over.png") no-repeat 50% 50%; }
*[class^=comp-tab][class*=_sm] { min-height: 53px; margin-top: 20px; margin-bottom: 30px; border: 1px solid #d3d3d3; padding: 12px 27px 15px; background: url("/resources/images/sj/common/bg_tab_sm.jpg") repeat 0 0; box-sizing: border-box; }
*[class^=comp-tab][class*=_sm] ul { margin-top: -20px; }
*[class^=comp-tab][class*=_sm] ul:after { clear: both; content: ""; display: block; }
*[class^=comp-tab][class*=_sm] ul li {float: left;margin-right: 48px;margin-top: 20px;}
*[class^=comp-tab][class*=_sm] a {position: relative;margin-left: 24px;font-size: 15px;color: #505050;padding-right: 13px;}
*[class^=comp-tab][class*=_sm] a:hover, *[class^=comp-tab][class*=_sm] a[aria-selected=true] {font-weight: bold;margin-left: 0;padding-left: 24px;padding-right: 11px;}
*[class^=comp-tab][class*=_sm] a:hover:before, *[class^=comp-tab][class*=_sm] a[aria-selected=true]:before { display: inline-block; position: absolute; left: 0; top: 3px; width: 19px; height: 18px; background: url("/resources/images/sj/common/img_tab_sm.png") no-repeat 50% 50%; content: ""; }
*[class^=comp-tab][class*=_sm] a:hover span, *[class^=comp-tab][class*=_sm] a[aria-selected=true] span { position: relative; }
*[class^=comp-tab][class*=_sm] a:hover span:after, *[class^=comp-tab][class*=_sm] a[aria-selected=true] span:after { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #505050; content: ""; }



/* UI - 파일첨부 */
.comp-filefind { position: relative; overflow: hidden; }
.comp-filefind input[type=file] { position: absolute; left: 0; top: 0; width: 1px; height: 1px; }
.comp-filefind button { float: left; position: relative; z-index: 1; }
.comp-filefind .file-upload { margin-left: 10px; font-size: 16px; color: #787878; float: left; line-height: 35px; }

/* UI - 서브페이지 검색 */
.total-length {position: relative; font-size: 16px; line-height: 42px; padding-left: 28px; color: #3e3e3e; }
.total-length:before { display: block; position: absolute; left: 0; top: 50%; content: ""; width: 16px; height: 19px; background: url("/resources/images/sj/common/icon_length.png") no-repeat 50% 50%; background-size: 100% auto; margin-top: -10px; }
.total-length em.bold { color: #f15922; }

.top-search-zone { overflow: hidden; margin-bottom: 20px; margin-top: 20px; padding: 17px 18px 19px 17px; border: 1px solid #d6d6d6; background: #f1f3f4; }
.top-search-zone .total-length { float: left; }
.top-search-zone .form { float: right; } 
.top-search-zone .form:after { display: block; clear: both; content: ""; }
.top-search-zone .form > * { float: left; }
.top-search-zone .form>div>label{min-width: 50px;display: inline-block;margin:0 4px;text-align: center;}
.top-search-zone .form>div>label:first-child{margin-left: 0;} 
.top-search-zone .form input { width: 224px; height: 42px; padding: 0 10px; box-sizing: border-box; }
.top-search-zone .form input + input {margin-left:5px;}
.top-search-zone .form select { width: 132px; height: 42px; margin-right:2px;}
.top-search-zone .form select + select { margin-left: 5px; }
.top-search-zone .form button { height: 42px; width: 80px; line-height: 38px; background: #6c6c6c; color: #fff; text-align: center; font-size: 16px; }
.top-search-zone .form .search-word { margin-left: 5px; border: 1px solid #e5e5e5; }
.top-search-zone .form .search-word > * { float: left; }

.top-search-zone .btn-wrap {margin-left: 5px; overflow: hidden;}
.top-search-zone .btn-wrap button {height: 42px; width: 80px; line-height: 38px; background: #6c6c6c; color: #fff; text-align: center; font-size: 16px;}

/* 페이지 만족도 조사 */
#customer-zone { width: 1320px; margin: 0 auto 100px; }
#customer-zone .inner { width: 990px; margin-left: 330px; }
#customer-zone .comp-call-zone { position: relative; height: 55px; border: 1px solid #c8c8c8; padding-right: 80px; }
#customer-zone .comp-call-zone .txt-number { position: relative; color: #222; font-size: 17px; line-height: 53px; }
#customer-zone .comp-call-zone .txt-number .txt { display: inline-block; margin: -1px 20px -1px -1px; height: 55px; width: 150px; color: #fff; font-size: 17px; text-align: center; line-height: 55px; background: #1968cb; }
#customer-zone .comp-call-zone .txt-number .txt:before { display: inline-block; content: ""; vertical-align: middle; width: 18px; height: 17px; background: url("/resources/templates/front/assets/images/icon_customer1.png") no-repeat 50% 50%; margin-right: 16px; }
#customer-zone .comp-call-zone .txt-number .callnumber { display: inline-block; margin-left: 65px; vertical-align: top; }
#customer-zone .comp-call-zone .txt-number .callnumber:before { display: inline-block; width: 23px; height: 24px; background: url("/resources/templates/front/assets/images/icon_customer2.png") no-repeat 50% 50%; vertical-align: middle; margin-right: 10px; content: ""; }
#customer-zone .comp-call-zone .txt-number .txt-date { float: right; }
#customer-zone .comp-call-zone .btn-gototop { position: absolute; right: 0; top: 0; height: 53px; width: 55px; }
#customer-zone .comp-call-zone .btn-gototop button { width: 100%; height: 100%; border-left: 1px solid #c8c8c8; background: #eff0f1; color: #222; font-size: 14px; text-align: center; }
#customer-zone .comp-call-zone .btn-gototop button:before { display: block; width: 100%; height: 8px; background: url("/resources/templates/front/assets/images/icon_customer3.png") no-repeat 50% 50%; content: ""; }
#customer-zone .comp-survey-zone { position: relative; height: 114px; padding-right: 132px; border: 1px solid #c8c8c8; padding-left: 128px; margin-top: 10px; }
#customer-zone .comp-survey-zone:before { display: inline-block; width: 74px; height: 74px; content: ""; background: url("/resources/templates/front/assets/images/icon_customer4.png") no-repeat 50% 50%; position: absolute; top: 18px; left: 22px; }
#customer-zone .comp-survey-zone .txt { padding-top: 23px; color: #222; font-size: 17px; }
#customer-zone .comp-survey-zone .radio-group { margin-top: 13px; }
#customer-zone .comp-survey-zone .radio-group:after { clear: both; content: ""; display: block; }
#customer-zone .comp-survey-zone .radio-group li { float: left; position: relative; margin-right: 30px; }
#customer-zone .comp-survey-zone .radio-group input { position: absolute; left: 3px; top: 3px; opacity: 0; }
#customer-zone .comp-survey-zone .radio-group label { display: inline-block; color: #7f7f7f; font-size: 16px; line-height: 18px; }
#customer-zone .comp-survey-zone .radio-group label:before { display: inline-block; position: relative; top: -1px; content: ""; width: 18px; height: 18px; background: url("/resources/images/sj/common/form_radio1.png") no-repeat 50% 50%; margin-right: 5px; vertical-align: middle; }
#customer-zone .comp-survey-zone .radio-group input:checked ~ label:before { background: url("/resources/images/sj/common/from_radio1_check.png") no-repeat 50% 50%; }
#customer-zone .comp-survey-zone .btn-result { position: absolute; right: 150px; top: 17px; height: 35px; padding-bottom: 2px; width: 100px; border-radius: 5px; color: #fff; font-weight: bold; text-align: center; background: #403a3a; border: 0; }
#customer-zone .comp-survey-zone .btn-submit { position: absolute; right: 0; top: 0; height: 112px; width: 133px; color: #fff; font-weight: bold; text-align: center; background: #a8a8a8; border: 0; }

/* UI - 상단글,하단글 */
.comp-page-move { border-top: 1px solid #7a7a7a; margin-top: 50px; }
.comp-page-move li { height: 49px; border-bottom: 1px solid #d9d6d5; font-size: 16px; color: #999; line-height: 49px; }
.comp-page-move li .txt { display: block; float: left; width: 130px; color: #4b4b4b; font-weight: bold; background: #f4f7f9; text-align: center; border-right: 1px solid #d9d6d5;}
.comp-page-move li .txt:after { display: inline-block; vertical-align: middle; content: ""; width: 16px; height: 9px; margin-left: 17px; }
.comp-page-move li .txt.up:after { background: url("/resources/images/sj/common/icon_arrow_up.png") no-repeat 50% 50%; }
.comp-page-move li .txt.down:after { background: url("/resources/images/sj/common/icon_arrow_down.png") no-repeat 50% 50%; }
.comp-page-move li .cont { padding-left: 150px; padding-right: 10px; }
.comp-page-move li .cont a { display: inline-block; color: #787878; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding-bottom: 2px; }
.comp-page-move li .cont a:hover { text-decoration: underline; }

/* LAYER */
.layer { display: none; position: fixed; top: 50%; left: 50%; z-index: 100; border: 2px solid #282828; background: #fff; z-index: 1002; }
.layer.dim { background: rgba(0, 0, 0, 0.7); }
.layer .title { height: 50px; line-height: 50px; color: #fff; text-align: center; background: #ff5952; font-size: 18px; font-weight: bold; }
.layer .btn { position: absolute; top: 0; right: 0; }
.layer .btn button { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.4) url("/resources/images/sj/common/btn_layer_close.png") no-repeat 50% 50%; text-indent: -9999px; }


/* COMMON PAGE */
*[class=page-login] { display: table; width: 100%; min-width: 1360px; height: 100vh; background: url("/resources/images/sj/common/bg_login.jpg") no-repeat 50% 50%; background-size: cover; text-align: center; }
*[class=page-login] .login-content { display: table-cell; vertical-align: middle; }
*[class=page-login] .inner {width: 1260px;margin: 0 auto;/* padding-top: 50px; */}
*[class=page-login] .tit {height: 57px;background: url("/resources/images/sj/common/img_logo.png") no-repeat 50% 50%;text-indent: -9999px;margin-top: 28px;}
*[class=page-login] .tit2 {height: 57px;background: url("/resources/images/sj/common/img_logo2.png") no-repeat 50% 50%;text-indent: -9999px;margin-top: 28px;}
*[class=page-login] .desc { margin-top: 43px; font-size: 17px; line-height: 26px; color: #303030; margin-top:50px;}
*[class=page-login] .txt{line-height:1.5}
*[class=page-login] .tail{line-height: 1.5;}
*[class=page-login] .subtit{margin: 10px 0;font-weight:700;color: #55606e;font-size: 24px;border-bottom: 2px solid;display: inline-block;padding: 5px 0;width: 820px;border-top: 2px solid;margin-top: 20px;}
*[class=page-login] .beware-area {margin-top: 10px;position: relative;padding: 0 36px;}
*[class=page-login] .beware-area .txt-important {/* padding-left: 23px; */font-size: 16px;line-height: 26px;color: #303030;text-align: center;/* margin-top: 36px; */}
*[class=page-login] .beware-area .txt-important p{position: relative;display: inline-block;padding-left: 22px;}
*[class=page-login] .beware-area .txt-important p:before {display: block;position: absolute;left: 0;top: 5px;width: 15px;height: 15px;background: url("/resources/images/sj/common/icon_important.png") no-repeat 50% 50%;content: "";background-size: 100%;}
*[class=page-login] .beware-area .txt-important .point { display: block; font-weight: bold; color: #ee3106; }
*[class=page-login] .beware-area .btn-goback { padding:30px 0; }
*[class=page-login] .beware-area .btn-goback a { display: block; width: 220px; margin:0 auto; padding-bottom: 2px; line-height: 43px; color: #fff; font-weight: bold; border-radius: 5px; background: #55606e; }
*[class=page-login] .beware-area .btn-goback .certify{display: inline-block;} 
*[class=page-login] .beware-area .btn-goback .certify:nth-of-type(n+2){margin-left: 7%;}
*[class=page-login] .total-form { overflow: hidden; position: relative; height: 404px; margin-top: 55px; padding-left: 430px; box-shadow: 2px 4px 8px rgba(24, 24, 24, 0.1); border-radius: 10px; background: #fff; }
*[class=page-login] .total-form .txt { position: absolute; left: 0; top: 0; height: 404px; width: 430px; padding-left: 80px; background: #1f5ab2; color: #fff; line-height: 404px; font-weight: bold; font-size: 40px; box-sizing: border-box; text-align: left; }
*[class=page-login] .total-form .txt:after { display: block; content: ""; width: 167px; height: 204px; background: url("/resources/images/sj/common/img_login1.png") no-repeat 50% 50%; position: absolute; right: 0; top: 114px; }
*[class=page-login] .total-form .form { position: relative; height: 404px; padding: 105px 53px 0 45px; }
*[class=page-login] .total-form .form .block { position: relative; width: 560px; height: 54px; border-bottom: 1px solid #ebebeb; }
*[class=page-login] .total-form .form .block label { display: inline-block; position: absolute; left: 0; top: 0; width: 80px; text-align: left; font-size: 20px; line-height: 53px; color: #1f5ab2; }
*[class=page-login] .total-form .form .block input { width: 100%; padding-left: 105px; height: 53px; font-size: 20px; box-sizing: border-box;}
*[class=page-login] .total-form .form .block + .block { margin-top: 34px; }
*[class=page-login] .total-form .form .btn-group { position: absolute; right: 53px; top: 70px; }
*[class=page-login] .total-form .form .btn-group li > * { display: block; width: 130px; height: 130px; border: 5px solid #1f5ab2; font-weight: bold; text-align: center; font-size: 18px; line-height: 120px; border-radius: 4px; box-sizing: border-box; }
*[class=page-login] .total-form .form .btn-group li + li { margin-top: 10px; }
*[class=page-login] .total-form .form .btn-group .btn-login { background: #1f5ab2; color: #fff; }
*[class=page-login] .total-form .form .btn-group .btn-join { color: #1f5ab2; background: #fff; }
*[class=page-login] .total-form .form .lnk-group { position: absolute; right: 225px; top: 270px; }
*[class=page-login] .total-form .form .lnk-group:after { clear: both; content: ""; display: block; }
*[class=page-login] .total-form .form .lnk-group li { float: left; }
*[class=page-login] .total-form .form .lnk-group li + li:before { display: inline-block; content: "/"; vertical-align: middle; margin: 0 9px; color: #919191; }
*[class=page-login] .total-form .form .lnk-group a { font-size: 14px; color: #878787; }
*[class=page-login] .total-form .form .check-group { position: absolute; left: 45px; top: 270px; }
*[class=page-login] .total-form .form .check-group:after { clear: both; content: ""; display: block; }
*[class=page-login] .total-form .form .check-group li { position: relative; float: left; }
*[class=page-login] .total-form .form .check-group li + li { margin-left: 30px; }
*[class=page-login] .total-form .form .check-group input { position: absolute; left: 0; top: 0; opacity: 0; }
*[class=page-login] .total-form .form .check-group label { display: block; font-size: 14px; color: #b2b2d4; text-align: left; }
*[class=page-login] .total-form .form .check-group label:before { display: inline-block; content: ""; overflow: hidden; vertical-align: middle; width: 15px; height: 15px; border-radius: 2px; border: 1px solid #d2d2d2; box-sizing: border-box; background: #fff; margin-right: 7px; }
*[class=page-login] .total-form .form .check-group input:checked ~ label:before { background: #1f5ab2; }
*[class=page-login] .normal-form {display:inline-block;margin-top: 10px;position: relative;margin-bottom: 30px;}
*[class=page-login] .normal-form:after { clear: both; content: ""; display: block; }
*[class=page-login] .normal-form .box {float: left;overflow: hidden;position: relative;width: 380px;height: 379px;padding: 0 27px;box-shadow: 2px 4px 8px rgba(24, 24, 24, 0.1);border-radius: 10px;background: #fff;}
*[class=page-login] .normal-form .box + .box { margin-left: 60px; }
*[class=page-login] .normal-form .box .login-tit { margin: 0 -27px; text-align: center; line-height: 60px; color: #fff; font-weight: bold; font-size: 20px; }
*[class=page-login] .normal-form .box .btn-certified {position: absolute;left: 27px;bottom: 35px;width: calc(100% - 54px);height: 45px;font-weight: bold;text-align: center;color: #fff;font-size: 16px;line-height: 43px;padding-bottom: 2px;border-radius: 3px;}
*[class=page-login] .normal-form .box .txt {padding-top: 30px;color: #6e6e6e;font-size: 14px;line-height: 30px;}
*[class=page-login] .normal-form .box.login1 .login-tit { background: #1f5ab2; }
*[class=page-login] .normal-form .box.login1 .form { padding-top: 21px; }
*[class=page-login] .normal-form .box.login1 .form .block label { display: block; text-align: left; font-size: 20px; color: #1f5ab2; }
*[class=page-login] .normal-form .box.login1 .form .block input { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ebebeb; }
*[class=page-login] .normal-form .box.login1 .form .block + .block { margin-top: 20px; }
*[class=page-login] .normal-form .box.login1 .check-group { margin-top: 10px; }
*[class=page-login] .normal-form .box.login1 .check-group:after { clear: both; content: ""; display: block; }
*[class=page-login] .normal-form .box.login1 .check-group li { position: relative; }
*[class=page-login] .normal-form .box.login1 .check-group li:first-child { float: left; }
*[class=page-login] .normal-form .box.login1 .check-group li:last-child { float: right; }
*[class=page-login] .normal-form .box.login1 .check-group input { position: absolute; left: 0; top: 0; opacity: 0; }
*[class=page-login] .normal-form .box.login1 .check-group label { display: block; font-size: 14px; color: #b2b2d4; text-align: left; }
*[class=page-login] .normal-form .box.login1 .check-group label:before { display: inline-block; content: ""; overflow: hidden; vertical-align: middle; width: 15px; height: 15px; border-radius: 2px; border: 1px solid #d2d2d2; box-sizing: border-box; background: #fff; margin-right: 7px; }
*[class=page-login] .normal-form .box.login1 .check-group input:checked ~ label:before { background: #1f5ab2; }
*[class=page-login] .normal-form .box.login1 .btn-group { margin-top: 64px; border-radius: 5px; overflow: hidden; }
*[class=page-login] .normal-form .box.login1 .btn-group:after { clear: both; content: ""; display: block; }
*[class=page-login] .normal-form .box.login1 .btn-group li { float: left; width: 50%; }
*[class=page-login] .normal-form .box.login1 .btn-group li > * { display: block; width: 100%; padding-bottom: 2px; border: 3px solid #1f5ab2; text-align: center; font-weight: bold; line-height: 37px; box-sizing: border-box; }
*[class=page-login] .normal-form .box.login1 .btn-group .btn-login { color: #fff; background: #1f5ab2; }
*[class=page-login] .normal-form .box.login1 .btn-group .btn-join { color: #1f5ab2; background: #fff; }
*[class=page-login] .normal-form .box.login1 .lnk-group { margin-top: 20px; text-align: center; }
*[class=page-login] .normal-form .box.login1 .lnk-group li { display: inline-block; }
*[class=page-login] .normal-form .box.login1 .lnk-group li + li:before { display: inline-block; content: "/"; vertical-align: middle; margin: 0 8px 0 4px; color: #919191; position: relative; top: -1px; }
*[class=page-login] .normal-form .box.login1 .lnk-group a { font-size: 14px; color: #878787; }
*[class=page-login] .normal-form .box.login2 .login-tit { background: #1f91b2; }
*[class=page-login] .normal-form .box.login2 .txt em { color: #1f91b2; text-decoration: underline; }
*[class=page-login] .normal-form .box.login2 .btn-certified { background: #1f91b2; }
*[class=page-login] .normal-form .box.login3 .login-tit { background: #69CCCD; color: #2E2E2E!important;}
*[class=page-login] .normal-form .box.login3 .txt em { color: #1fb29c; text-decoration: underline; }
*[class=page-login] .normal-form .box.login3 .btn-certified { background: #69CCCD; }
*[class=page-login] .normal-form .box.login3 .btn-certified a{color: #2E2E2E;}
*[class=page-login] .normal-form .box.login4 .login-tit {background: #005CAB;color: #fff!important;}
*[class=page-login] .normal-form .box.login4 .txt em { color: #1fb29c; text-decoration: underline; }
*[class=page-login] .normal-form .box.login4 .btn-certified {background: #005CAB;}
*[class=page-login] .normal-form .box.login4 .btn-certified a img{vertical-align:middle;margin-right:20px;width: 30px;}
*[class=page-login] .normal-form .box.login2 .btn-certified > a,
*[class=page-login] .normal-form .box.login3 .btn-certified > a {display:block; width:100%; height:100%;}
/* 1029로그인영역 */
.page-login .wrap-login-zone .certified-zone{overflow:hidden;padding:31px 20px;border:3px solid #d6d5d5;border-radius:17px;background: #fff;width: 85%;margin: 0 auto; margin-top: 20px;}
.page-login .wrap-login-zone .certified-zone .heading-h3{text-align: left;}
.page-login .wrap-login-zone .certified-zone .comp-textarea{margin-bottom: 15px}
.page-login .wrap-login-zone .certified-zone .important{float:right;color:#ff4e00; margin-right:5px;}
.page-login .wrap-login-zone .certified-zone td{text-align: left;}
.w_addr{overflow: hidden;}
.w_addr input:first-of-type{width: 100px;}
.w_addr input:nth-of-type(2){width: 308px;}
.w_addr input:nth-of-type(3){width: 260px;}

*[class=sitemap] { margin-bottom: 35px; padding: 14px 14px; border: 2px solid #e2e1e1; }
*[class=sitemap] .depth { margin: 0 -8px; }
*[class=sitemap] .depth:after { clear: both; content: ""; display: block; }
*[class=sitemap] .depth > li { float: left; width: 25%; padding: 5px 8px; box-sizing: border-box; }
*[class=sitemap] .depth > li.over > a { background: #1968cb; color: #fff; border-color: #1968cb; font-weight: bold; }
*[class=sitemap] .depth > li > a { display: block; line-height: 36px; padding-bottom: 2px; text-align: center; color: #1c1c1c; font-size: 16px; border: 1px solid #cecece; background: #e6f6fb; }
*[class=sitemap] .depth > li > a.over, *[class=sitemap] .depth > li > a:hover { background: #1968cb; color: #fff; border-color: #1968cb; font-weight: bold; }
*[class=sitemap] .sm-depth { padding: 19px 9px 30px; }
*[class=sitemap] .sm-depth li + li { margin-top: 7px; }
*[class=sitemap] .sm-depth a { display: block; padding-left: 10px; position: relative; color: #1c1c1c; font-size: 15px; line-height: 22px; word-break: keep-all; }
*[class=sitemap] .sm-depth a:before { position: absolute; left: 0; top: 0; content: "-"; }
*[class=sitemap] .sm-depth a:hover { color: #1968cb; text-decoration: underline; }

.title { color: #4b4b4b; font-weight: bold; font-size: 20px; line-height: 57px; padding-bottom: 2px; border-top: 2px solid #3d3d3d; background: #eceded; text-align: center; }
.writer-infor-zone { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #d9d6d5; font-size: 16px; color: #787878; line-height: 49px; }
.writer-infor-zone:after { clear: both; content: ""; display: block; }
.writer-infor-zone li { float: left; width: 600px; position: relative; padding-left: 145px; box-sizing: border-box; }
.writer-infor-zone li:last-child { width: 386px; }
.writer-infor-zone .tit { width: 130px; position: absolute; left: 0; top: 0; background: #f4f7f9; text-align: center; color: #4b4b4b; font-weight: bold; }
.question-box { padding-top: 15px; }
.question-box .question-tit { font-size: 20px; font-weight: bold; color: #1968cb; line-height: 25px; word-break: keep-all; }
.question-box .question-desc { margin-top: 8px; font-size: 15px; color: #6b6b6b; }
.question-box input[type=text] { height: 30px; border: 1px solid #cacaca; box-sizing: border-box; padding: 0 10px; width: 100%; }
.question-box .lst { margin-bottom: 20px; }
.question-box .lst li { position: relative; }
.question-box .lst li + li { margin-top: 11px; }
.question-box .lst input[type=radio], *[class=page-view] .question-box .lst input[type=checkbox] { position: absolute; left: 0; top: 0; opacity: 0; }
.question-box .lst input[type=text] { width: 280px; margin-left: 5px; }
.question-box .lst label { display: inline-block; padding-left: 30px; position: relative; vertical-align: middle; font-size: 16px; line-height: 24px; color: #6b6b6b; text-align: left; }
.question-box .lst label:before { display: inline-block; position: absolute; left: 0; top: -2px; content: ""; width: 20px; height: 30px; background: url("/resources/images/sj/common/form_radio2.png") no-repeat 50% 50%; }
.question-box .lst input[type=radio]:checked ~ label:before, *[class=page-view] .question-box .lst input[type=checkbox]:checked ~ label:before { background: url("/resources/images/sj/common/form_radio2_checked.png") no-repeat 50% 50%; }
.question-box .form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 20px; }
.question-box .form dd { -webkit-flex: 1; flex: 1; }
.question-box .form dt { display: inline-block; min-width: 130px; line-height: 30px; font-size: 16px; color: #6b6b6b; text-align: center; vertical-align: middle; }
.question-box + .question-box { border-top: 1px solid #d9d6d5; margin-top: 45px; }
.question-box ul.result-lst { margin-top: 22px; overflow: hidden; }
.question-box ul.result-lst li + li { margin-top: 15px; }
.question-box ul.result-lst .graph { width: 580px; height: 20px; }
.question-box ul.result-lst .graph .bar { position: relative; height: 20px; background: #a0a0a0; line-height: 20px; font-size: 14px; }
.question-box ul.result-lst .graph .bar .per { margin-left: 5px; color: #fff; }
.question-box ul.result-lst .graph .bar .txt { position: absolute; left: 100%; top: 0; font-size: 16px; margin-left: 20px; color: #6b6b6b; min-width: 800px; }
.question-box ul.result-lst li.first .graph .bar { background: #1968cb; }
.question-box ul.result-lst li.first .graph .bar .txt { color: #1968cb; font-weight: bold; }
.question-box p.result-lst { color: #6b6b6b; line-height: 30px; font-size: 16px; margin-top: 16px; }
.question-box p.result-lst a { display: inline-block; width: 118px; padding-bottom: 2px; margin-left: 15px; border: 1px solid #cacaca; line-height: 26px; text-align: center; vertical-align: middle; font-size: 14px; }
.btm-btn-zone { position: relative; min-height: 40px; margin-top: 75px; text-align: center; }
.btm-btn-zone .r-layout { position: absolute; right: 0; top: 0; }

.event-calendar-zone { border: 1px solid #d3d3d3; border-top: 2px solid #1968cb; }
.event-calendar-zone:after { clear: both; content: ""; display: block; }
.event-calendar-zone .calendar { float: left; width: 590px; height: 500px; padding: 17px 20px 0; text-align: center; }
.event-calendar-zone.no-detail .calendar { float: none; width: 100%; margin:0 auto; }
.event-calendar-zone .calendar .month { display: inline-block; }
.event-calendar-zone .calendar .month:after { clear: both; content: ""; display: block; }
.event-calendar-zone .calendar .month li { float: left; }
.event-calendar-zone .calendar .month li + li { margin-left: 8px; }
.event-calendar-zone .calendar .month button { width: 37px; height: 37px; border-radius: 100px; text-align: center; line-height: 37px; color: #fff; background: #8f8f8f; }
.event-calendar-zone .calendar .month button:hover, .event-calendar-zone .calendar .month button.current { background: #172438; }
.event-calendar-zone .calendar .now-month { color: #2f2f2f; font-size: 36px; line-height: 1; margin-top: -3px; }
.event-calendar-zone .calendar .now-month em { font-size: 67px; font-weight: bold; display: inline-block; vertical-align: bottom; position: relative; top: 8px; }
.event-calendar-zone .calendar .calendar-month { margin-top: 15px; }
.event-calendar-zone .calendar .calendar-month th { height: 47px; font-weight: bold; text-align: center; color: #2f2f2f; border-bottom: 1px dashed #cccccc; font-size: 15px; }
.event-calendar-zone .calendar .calendar-month th:first-child { color: #e0002f; }
.event-calendar-zone .calendar .calendar-month th:last-child { color: #0c6ed2; }
.event-calendar-zone .calendar .calendar-month td { height: 60px; padding: 5px; text-align: left; font-weight: bold; font-size: 18px; color: rgba(47, 47, 47, 0.5); border-bottom: 1px dashed #cccccc; border-left: 1px dashed #cccccc; box-sizing: border-box; }
.event-calendar-zone .calendar .calendar-month td:first-child { color: #e0002f; border-left: 0; }
.event-calendar-zone .calendar .calendar-month td:last-child { color: #c1d0e1; }
.event-calendar-zone .calendar .calendar-month td .event { position: relative; top: -2px; color: #2f2f2f; font-size: 13px; font-weight: normal; vertical-align: middle; }
.event-calendar-zone .calendar .calendar-month td.holiday { color: #e0002f; }
.event-calendar-zone .calendar .calendar-month td.prev { background: #f5f5f5; color: rgba(47, 47, 47, 0.5); }
.event-calendar-zone .calendar .calendar-month td.curr { background: #fffbd5; }
.event-calendar-zone .calendar-detail { float: left; width: 398px; height: 500px; padding: 6px 20px 0; background: #f1fafe; }
.event-calendar-zone .calendar-detail .top-zone { position: relative; border-bottom: 1px solid #dfe3e4; line-height: 64px; }
.event-calendar-zone .calendar-detail .top-zone .tit { font-size: 17px; font-weight: bold; color: #1c1c1c; text-align: left; }
.event-calendar-zone .calendar-detail .top-zone .date { font-size: 17px; color: #1c1c1c; position: absolute; right: 10px; top: 0; }
.event-calendar-zone .calendar-detail .lst { margin-top: 24px; }
.event-calendar-zone .calendar-detail .lst li + li { margin-top: 6px; }
.event-calendar-zone .calendar-detail .lst button { display: block; position: relative; overflow: hidden; width: 100%; padding: 0 40px 0 10px; border: 1px solid #dce6eb; background: #fff; line-height: 42px; box-sizing: border-box; color: #1c1c1c; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 14px; }
.event-calendar-zone .calendar-detail .lst button:after { display: block; content: ""; position: absolute; right: 10px; top: 50%; width: 23px; height: 23px; background: url("/resources/images/sj/common/img_calendar1.png") no-repeat 50% 50%; margin-top: -12px; }
.event-calendar-zone *[class*=flag-] { display: inline-block; width: 60px; line-height: 21px; padding-bottom: 2px; text-align: center; border-width: 1px; border-style: solid; font-size: 14px; border-radius: 100px; margin-right: 8px; vertical-align: middle; }
.event-calendar-zone *[class*=flag-][class*=-culture] { border-color: #1968cb; color: #1968cb; }
.event-calendar-zone *[class*=flag-][class*=-movie] { border-color: #ff7800; color: #ff7800; }
.event-calendar-zone *[class*=flag-][class*=-normal] { border-color: #2c2c2c; color: #2c2c2c; }

.icon-rain {background:url("/resources/templates/front/assets/images/subpage/icon_rainy.png") no-repeat 50% 50%/cover; width: 30px; height: 25px; display: inline-block; position: relative; margin-left: 5px;}
.icon-snow {background:url("/resources/templates/front/assets/images/subpage/icon_snowy.png") no-repeat 50% 50%/cover; width: 30px; height: 25px; display: inline-block; position: relative; margin-left: 5px;}

.thismonth-zone { margin-top: 40px; }
.thismonth-zone *[class*=flag-] { display: inline-block; width: 60px; line-height: 21px; padding-bottom: 2px; text-align: center; border-width: 1px; border-style: solid; font-size: 14px; border-radius: 100px; margin-right: 8px; vertical-align: middle; }
.thismonth-zone *[class*=flag-][class*=-culture] { border-color: #1968cb; color: #1968cb; }
.thismonth-zone *[class*=flag-][class*=-movie] { border-color: #ff7800; color: #ff7800; }
.thismonth-zone *[class*=flag-][class*=-normal] { border-color: #2c2c2c; color: #2c2c2c; }
.thismonth-zone .tit { line-height: 50px; color: #fff; text-align: center; font-weight: bold; background: #262d32; font-size: 17px; }
.thismonth-zone table[class*=comp-tbl] { border-top: 0; }
.thismonth-zone table[class*=comp-tbl] tbody tr:first-child th { border-top-color: #7a7a7a; }
.thismonth-zone table[class*=comp-tbl] td:last-child { text-align: left; padding: 0 10px; }

/*0910추가*/
.downta:nth-of-type(1){margin-top: 15px;}
.downta {position: relative;min-height: 50px;margin-top: 5px;margin-bottom: 5px;border: 1px solid #d3d3d3;}
.downta dt {position: absolute;left: 0;top: 0;height: 100%;width: 70%;padding: 14px 20px 0;background: #f1fafe;box-sizing: border-box;color: #262626;font-size: 16px;}
.downta dd {/* padding: 15px 25px 25px; */box-sizing: border-box;color: #262626;line-height: 24px;font-size: 15px;width: calc(100% - 70%);height: 50px;float: right;}
.downta dd a{/* top: 7px!important; *//* right: 55px!important; */position: inherit;display: block;margin: 0 auto;margin-top: 7px;}
/**/

.pc-scrollzone { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.pc-scrollzone .scrollzoneinner { min-width: 1300px; }
/* @-moz-document url-prefix() {}

@media (max-width: 1024px) { 
    .pc-scrollzone .scrollzoneinner { min-width: 1000px; }
} */

@-moz-document url-prefix() {}
@media (max-width: 1300px) { 
  body{overflow-x: hidden;}
  }
@media (max-width: 1024px) { 
	
	#header.openleader #gnb > ul > li:nth-child(3) .depth ul {padding-left:0px;}
	#header.openleader #gnb .depth ul {width: auto;}
	#header.openleader #gnb h3 a {width: 100%;position: relative;display: inline-block;padding-right: 27px;padding-left: 10px;box-sizing: border-box;text-align: left;font-size: 15px;}
	
	#header.village #gnb h2 { width: 8.3rem; margin-right: auto; }
.village #header #gnb h2 a { display: table; position: relative; width: 100%; height: 6.6rem; background: #eaeaea; border-bottom: 1px solid #c5c5c5; text-align: center; font-size: 1.2rem; font-weight: bold; line-height: 1.2; z-index: 1; }
#header.village #gnb .depth { display: none; position: absolute; left: 0; top: 0; width: calc(100% - 8.3rem); height: 100%; margin-left: 8.3rem; background: #fff; border-bottom: 0;}
#header.village #gnb{width: inherit;}
#header.village #gnb .depth > ul{margin: 0;width: 100%;padding: 0 16px 0 4px;box-sizing: border-box;}
#header.village #gnb .depth > ul > li{float: inherit;width: 100%;}
#header.village #gnb h3 a { display: block; position: relative; padding: 0 20px 0 6px; line-height: 3.5rem; font-size: 1.3rem; color: #454545; text-align: left; }
#header.village #gnb .sm-depth ul{border: 0;height: inherit; margin: 0;}
#header.village #gnb > ul > li:nth-child(12n) ~ li .depth{top: 0;}
#header.village #gnb h4 a{font-size: 1rem;color: #818181;}
#header.village #gnb .sm-depth li{line-height: 1.5;}
#header.village #gnb .sm-depth li + li{margin-top: 1rem;}
#header.village #gnb h4 a:before { display: inline-block; content: ""; width: 3px; height: 3px; border-radius: 100px; background: #818181; margin-right: 6px; vertical-align: middle; }
	body{zoom:100%!important;}
	*[class=page-login] .inner{padding-top: 25px;}
	.top-search-zone .form .over{padding: 0;}
	*[class^=comp-tab][class*=_sm] a:hover, *[class^=comp-tab][class*=_sm] a[aria-selected=true]{margin-left: 24px;}
	.display_m{display:block;}
	.btn-search{display: none;}
/* 1029로그인영역 */
.w_addr input:first-of-type{width:58%}
    .w_addr input:nth-of-type(2){width:100%;margin-top:0.5rem}
    .w_addr input:nth-of-type(3){width:100%;margin-top:0.5rem}
 /* 191025추가 */
.cal-wrap .cal-navi .btn-next{right: -11px!important;}
.cal-wrap .cal-navi .btn-prev{left: -11px!important;}
.cal-wrap .cal-navi .yymm{padding-top: 28px;font-size: 26px!important;}
.cal-wrap .cal-navi .yymm em{font-size: 38px!important;}
/* LAYOUT */
  #header, #footer, #container { min-width: inherit; }
  #header { position: static; height: auto; }
  #header .inner { width: auto; }
  #header.sangju .header-btm .inner{padding-top: 0;height: 100%;}
  #header.sangju .header-btm ,#header.openleader .header-btm,
  #header.comm .header-btm, #header.trip .header-btm,.village #header .header-btm{ display: none; position: fixed; right: -100%; top: 0; height: 100%; width: 30rem; max-width: 300px; background: #fff; z-index: 10000; }
  #header .header-btm .m-tit { display: block; height: 6rem; line-height: 6rem; font-size: 2rem; background: #303030; color: #fff; font-weight: bold; text-align: left; padding-left: 2rem; box-sizing: border-box; }
  #header .header-btm .m-btn-close-gnb { display: block; position: absolute; right: 0; top: 0; width: 6rem; height: 6rem; }
  #header .header-btm .m-btn-close-gnb button { width: 100%; height: 100%; text-indent: -9999px; background: rgba(0, 0, 0, 0.5) url("/resources/images/sj/common/btn_gnb_close_m.png") no-repeat 50% 50%; background-size: 2.7rem auto; }
  #header .header-btm .m-utile { background: #303030; border-top: 1px solid rgba(255, 255, 255, 0.3); }
  #header .header-btm .m-utile:after { clear: both; content: ""; display: block; }
  #header .header-btm .m-utile li { float: left; width: 50%; box-sizing: border-box; }
  #header .header-btm .m-utile li + li { border-left: 1px solid rgba(255, 255, 255, 0.3); }
  #header .header-btm .m-utile a { display: block; height: 4.3rem; line-height: 4.3rem; font-size: 1.2rem; text-align: center; font-weight: bold; color: #fff; }
  #header .header-btm .m-utile a:before { display: inline-block; vertical-align: middle; content: ""; height: 4.3rem; background-size: 100% auto !important; margin-right: 7px; position: relative; top: -1px; }
  #header .header-btm .m-utile a.btn-login:before { width: 1.1rem; background: url("/resources/images/sj/common/btn_login_m.png") no-repeat 50% 50%; }
  #header .header-btm .m-utile a.btn-join:before { width: 1.5rem; background: url("/resources/images/sj/common/btn_join_m.png") no-repeat 50% 50%; }
  #header.sangju #gnb { overflow-y: auto; overflow-x: hidden; height: calc(100vh - 10.3rem);  padding: 0;width: 100%;}
  #header.sangju #gnb > ul > li + li{margin-left: 0;}
  #header.sangju #gnb .depth .category{display: none;}
  #header #gnb > ul {position: relative;height: 100%;}
  #header.sangju #gnb > ul > li,#header.comm #gnb > ul > li, #header.trip #gnb > ul > li, #header.openleader #gnb > ul > li{float: inherit;padding-top: 0;height: auto;width: 106px;}
  #header #gnb > ul:after{content: "";clear: both;display: block;}
  #header #gnb > ul > li.current h2 a { color: #158ccd; }
  #header #gnb > ul > li.clicked h2 a { color: #158ccd; }
  #header.village #gnb > ul > li.over h2 a:after, #header.village #gnb > ul > li.current h2 a:after{display: none}
  #header.openleader #gnb > ul > li.over h2 a:before, #header.openleader #gnb > ul > li.current h2 a:before{display: none}
  #header.sangju #gnb h2 a,#header.comm #gnb h2 a ,#header.trip #gnb h2 a,#header.openleader #gnb h2 a{ width: 8.3rem; margin-right: auto; }
  #header.comm #gnb h2 a{padding: 0;}
  #header.sangju #gnb h3{position: inherit;float: inherit;width: auto;}
  #header.sangju #gnb h2 a,#header.comm #gnb h2 a ,#header.trip #gnb h2 a,#header.openleader #gnb h2 a{ display: table; position: relative; height: 6.6rem; background: #eaeaea; border-bottom: 1px solid #c5c5c5; text-align: center; font-size: 1.2rem; font-weight: bold; line-height: 1.2; z-index: 1; color: #000}
  #header.sangju #gnb .depth > div{width: auto;}
  #header #gnb h2 span { display: table-cell; padding: 0 0.5rem; vertical-align: middle; box-sizing: border-box; }
  #header #gnb h2 a.clicked { color: #1ca644; }
  #header #gnb h2 a.outlnk span:after { display: block; content: ""; margin: 10px auto 0; width: 13px; height: 13px; background: url("/resources/images/sj/common/btn_gnb_outlnk.png") no-repeat 50% 50%; vertical-align: middle; }
  /* #header.sangju #gnb h3 a { display: none; } */
  #header #gnb h3:only-child a:after { display: none; }
  #header.sangju #gnb h3 a {display: block;position: relative;padding: 0 20px 0 6px;line-height: 3.5rem;font-size: 1.1rem;color: #454545;text-align: left;font-weight: inherit;}
  #header.sangju #gnb .menu .clicked h3 a, #header.sangju #gnb h4 a:hover{color: #158ccd;font-weight: bold;}
  #header #gnb .depth li h3 a.plus:before { display: block; position: absolute; right: 0.7rem; top: 50%; margin-top: -0.5px; content: ""; width: 1.2rem; height: 1px; background: #000; left:inherit;}
  #header #gnb .depth li h3 a.plus.current:after{display: none;}
  #header #gnb .depth li.clicked h3 a.plus:before { display: block; position: absolute; right: 0.7rem; top: 50%; margin-top: -0.5px; content: ""; width: 1.2rem; height: 1px; background: #000; }
  #header.comm #gnb h3 a.current:before, #header.comm #gnb h3 a:hover:before{display: none;}
  #header #gnb .depth li h3 a.plus:after { display: block; position: absolute; right: 0.7rem; top: 50%; margin-top: -0.5px; content: ""; width: 1.2rem; height: 1px; background: #000; -ms-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; transition: 0.2s ease; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
  #header #gnb .depth li.clicked h3 a.plus:after {display:none}
  #header #gnb h3 a.current{ color: #158ccd; font-weight: bold; }
  #header.sangju #gnb h4 a, #header.comm #gnb h4 a{ font-size: 1rem; color: #818181; line-height: inherit;}
  #header.comm #gnb h4 {text-align: left;padding:0 5px ;}
  #header.comm #gnb > ul > li.over h2 a:before, #header.comm #gnb > ul > li.current h2 a:before,#header.comm #gnb h2 a:hover:before{display: none}
  #header.sangju #gnb h4 a:before, #header.comm #gnb h4 a:before, #header.trip #gnb h4 a:before {display: inline-block;content: "";width: 3px;height: 3px;border-radius: 100px;background: #818181;margin-right: 6px;vertical-align: middle;top: 7px;}
  #header.comm #gnb > ul > li.over h2 a, #header.comm #gnb > ul > li.current h2 a,#header.comm #gnb h2 a:hover{color: #188e3a;}
  #header.comm #gnb > ul > li{position: static;}
  #header #gnb h4 a.current { color: #158ccd; font-weight: bold; }
  #header.sangju #gnb .depth,#header.comm #gnb .depth,#header.trip #gnb .depth,#header.openleader #gnb .depth { display: none; position: absolute; left: 0; top: 0; width: calc(100% - 8.4rem); height: 100%; margin-left: 8.3rem; background: #fff; border: 0;}
  #header #gnb .depth > ul,#header.comm #gnb .depth ul,#header.trip #gnb .depth ul,#header.openleader #gnb .depth ul { padding: 0 16px 0 4px; }
  #header.comm #gnb{width: 100%;}
  #header.comm #gnb > ul > li{width: 100%}
  #header.trip #gnb h3 a{width: 100%;position: relative;display: inline-block;padding-right: 27px;padding-left: 10px;box-sizing: border-box;text-align: left;}
  #header.comm #gnb h3 a:hover{color:#188e3a;}
  #header.comm #gnb .depth ul{padding: 0;}
  #header.sangju #gnb h3 a.outlnk:after{display: none;}
  #header.sangju #gnb h3 a:hover{background: none;}
  #header #gnb .depth > ul > li, #header #gnb .menu > li { border-bottom: 1px solid #d6d5d5; }
  #header #gnb .menu > li h3{line-height: 36px;background: none;margin: 3px 0;}
  #header.trip #gnb .sm-depth ul{padding: 7px;}
  #header.sangju #gnb .depth .menu { padding: 0 16px 0 4px; background: #fff; }
  #header.sangju #gnb .depth .menu > li{ border-bottom: 1px solid #d6d5d5; position: inherit;margin: 0;background: none; padding: 0;width: 100%}
  #header.sangju #gnb>ul>li:nth-of-type(5) .depth .menu>li:nth-of-type(4),
  #header.sangju #gnb>ul>li:nth-of-type(5) .depth .menu>li:nth-of-type(4) .sm-depth li{width:100%}
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(4),
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(5),
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(4) .sm-depth li,
  #header.sangju #gnb>ul>li:nth-of-type(3) .depth .menu>li:nth-of-type(5) .sm-depth li,
  #header.sangju #gnb>ul>li:nth-of-type(5) .depth .menu>li:nth-of-type(3),
  #header.sangju #gnb>ul>li:nth-of-type(5) .depth .menu>li:nth-of-type(3) .sm-depth li{width:100%}
  #header #gnb .depth .category { display: none; }
  #header #gnb .depth > ul > li.clicked h3 a { color: #03a62c; font-weight: bold; }
  #header #gnb .depth > ul > li.clicked h3 a:after { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
  #header #gnb .depth > ul > li h3:only-child a:after { display: none; }
  #header #gnb .depth > ul > li h3:only-child a:before { display: none; }
  #header #gnb .sm-depth { display: none; border-top: 1px solid #d6d5d5; }
  #header #gnb .sm-depth ul {padding: 1rem 7px;text-align: left;}
  #header #gnb .sm-depth li + li { margin-top: 1rem; }
  #header.comm .header-top { position: relative; height: 6rem; background: #fff; }
  #header.comm .header-top .logo { position: static; text-align: center; height: 6rem; margin: 0 auto 0 0; }
  #header.comm .header-top .logo a { display: block; width: 100%; height: 100%; background-size: 100% auto !important; text-indent: -9999px; }
  #header.comm .header-top .header-lnk { display: none; }
  #header.comm .header-top .header-search { display: none; }
  #header.comm .header-top .header-utile { display: none; }
  #header.comm .header-top .m-header-gnb-open { display: block; position: absolute; right: 0; top: 0; height: 6rem; width: 6rem; }
  #header.comm .header-top .m-header-gnb-open button { width: 100%; height: 100%; border-left: 1px solid #e6e6e6; background: #fff url("/resources/images/sj/common/btn_gnb_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.sangju .header-top { position: relative; height: 6rem; background: #fff;}
  #header.sangju .header-top .logo { position: static; text-align: center; width: 21rem; max-width: 60%; height: 6rem; margin: 0 auto; }
  #header.sangju .header-top .logo a { display: block; width: 100%; height: 100%; background-size: 100% auto !important; text-indent: -9999px; background: url("/resources/templates/front/assets/images/img_logo_m.png") no-repeat 50% 50%; background-size: 100% auto; }
  #header.sangju .header-top .header-lnk { display: none; }
  #header.sangju .header-top .header-search { display: none; position: absolute; top: 100%; width: 100%; left: -100%; z-index:10;}
  #header.sangju .header-top .header-search.open{display: block;left: 0;}
  #header.sangju .header-top .header-search > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border: 8px solid #4666a6; background: #fff; }
  #header.sangju .header-top .header-search > div input { -webkit-flex: 1; flex: 1; height: 4.4rem; font-size: 1.3rem; text-align: left; padding: 0 1.6rem; }
  #header.sangju .header-top .header-search > div button { position: relative; width: 8.4rem; height: 4.4rem; font-size: 1.5rem; color: #000; }
  #header.sangju .header-top .header-search > div button:before { display: inline-block; position: relative; top: -2px; content: ""; vertical-align: middle; width: 1.6rem; height: 1.6rem; background: url("/resources/templates/front/assets/images/btn_search.png") no-repeat 50% 50%; margin-right: 5px; background-size: 100% 100%; }
  #header.sangju .header-top .header-search > div button:after { display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 1.6rem; background: #919191; content: ""; margin-top: -0.8rem; }
  #header.sangju .header-top .header-search .btn-close { display: block; position: absolute; left: 0; top: -6rem; height: 6rem; width: 6rem; z-index: 1; background: #4666a6 url("/resources/templates/front/assets/images/btn_search_close.png") no-repeat 50% 50%; background-size: 2.6rem auto !important; text-indent: -9999px; }
  #header.sangju .header-top .header-utile { display: none; }
  #header.sangju .header-top .m-header-gnb-open { display: block; position: absolute; right: 0; top: 0; height: 6rem; width: 6rem; }
  #header.sangju .header-top .m-header-gnb-open button { width: 100%; height: 100%; background: #158ccd url("/resources/templates/front/assets/images/btn_gnb_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.sangju .header-top .btn-search-open { display: block; position: absolute; left: 0; top: 0; height: 6rem; width: 6rem; }
  #header.sangju .header-top .btn-search-open button { width: 100%; height: 100%; background: #4666a6 url("/resources/templates/front/assets/images/btn_search_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.openleader .header-top { position: relative; height: 6rem; background: #fff;}
  #header.openleader .header-top .logo { position: static; text-align: center; width: 20.9rem; height: 6rem; max-width: 60%; margin: 0 auto 0 0; }
  #header.openleader .header-top .logo a { display: block; width: 100%; height: 100%; background-size: 100% auto !important; text-indent: -9999px; background: url("/resources/templates/chairman/assets/images/img_logo_m.png") no-repeat 50% 50%; }
  #header.openleader .header-top .header-lnk { display: none; }
  #header.openleader .header-top .header-search { display: none; }
  #header.openleader .header-top .header-utile { display: none; }
  #header.openleader .header-top .m-header-gnb-open { display: block; position: absolute; right: 0; top: 0; height: 6rem; width: 6rem; }
  #header.openleader .header-top .m-header-gnb-open button { width: 100%; height: 100%; border-left: 1px solid #e6e6e6; background: #22b24c url("/resources/templates/front/assets/images/btn_gnb_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.village .header-top {position: relative;height: 6rem;background: #fff;padding-left: 2rem;}
  #header.village .header-top .logo { position: static; width: 17rem; text-align: center; height: 6rem; margin: 0 auto 0 0; }
  #header.village .header-top .logo a { display: block; width: 100%; height: 100%; background-size: 100% auto !important; text-indent: -9999px; background: url("/resources/templates/dong/assets/images/img_logo_m.png") no-repeat 50% 50%; }
  #header.village .header-top .header-lnk { display: none; }
  #header.village .header-top .header-search { display: none; }
  #header.village .header-top .header-utile { display: none; }
  #header.village .header-top .m-header-gnb-open { display: block; position: absolute; right: 0; top: 0; height: 6rem; width: 6rem; }
  #header.village .header-top .m-header-gnb-open button { width: 100%; height: 100%; background: #22b24c url("/resources/templates/dong/assets/images/btn_gnb_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.trip .header-top { position: relative; height: 6rem; background: #fff; padding: 0 2rem; }
  #header.trip .header-top .logo { position: static; text-align: center; width: 20rem; max-width: 60%; height: 6rem; margin: 0 auto; }
  #header.trip .header-top .logo a { display: block; width: 100%; height: 100%; background-size: 100% auto !important; text-indent: -9999px; background: url("/resources/templates/tour/assets/images/img_logo_m.png") no-repeat 50% 50%; background-size: 100% auto !important; }
  #header.trip .header-top .header-sns { display: none; }
  #header.trip .header-top .header-lnk { display: none; }
  #header.trip .header-top .header-utile { display: none; }
  #header.trip .header-top .header-search { display: none; position: absolute; top: 100%; width: 100%; left: -100%; z-index: 9;}
  #header.trip .header-top .header-search > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border: 8px solid #4666a6; background: #fff; }
  #header.trip .header-top .header-search > div input { -webkit-flex: 1; flex: 1; height: 4.4rem; font-size: 1.3rem; text-align: left; padding: 0 1.6rem; }
  #header.trip .header-top .header-search > div button { position: relative; width: 8.4rem; height: 4.4rem; font-size: 1.5rem; color: #000; }
  #header.trip .header-top .header-search > div button:before { display: inline-block; position: relative; top: -2px; content: ""; vertical-align: middle; width: 1.6rem; height: 1.6rem; background: url("/resources/templates/front/assets/images/btn_search.png") no-repeat 50% 50%; margin-right: 5px; background-size: 100% 100%; }
  #header.trip .header-top .header-search > div button:after { display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 1.6rem; background: #919191; content: ""; margin-top: -0.8rem; }
  #header.trip .header-top .header-search .btn-close { display: block; position: absolute; left: 0; top: -6rem; height: 6rem; width: 6rem; z-index: 1; background: #4666a6 url("/resources/templates/front/assets/images/btn_search_close.png") no-repeat 50% 50%; background-size: 2.6rem auto !important; text-indent: -9999px; }
  #header.trip .header-top .m-header-gnb-open { display: block; position: absolute; right: 0; top: 0; height: 6rem; width: 6rem; }
  #header.trip .header-top .m-header-gnb-open button { width: 100%; height: 100%; background: #0da3a6 url("/resources/templates/front/assets/images/btn_gnb_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.trip .header-top .btn-search-open { display: block; position: absolute; left: 0; top: 0; height: 6rem; width: 6rem; }
  #header.trip .header-top .btn-search-open button { width: 100%; height: 100%; background: #3264a6 url("/resources/templates/front/assets/images/btn_search_open.png") no-repeat 50% 50%; background-size: 2.1rem auto !important; text-indent: -9999px; }
  #header.trip .best-menu { display: none; }
  #header.trip #gnb > ul > li.clicked h2 a { color: #844197; }
  #header.trip #gnb h3 a.current { color: #1ca644; }
  #header.trip #gnb h4 a.current { color: #844197; }
  #header.comm .header-btm{display: none;}
  #footer { height: auto; border-top: 1px solid #eceded; }
  #footer .inner { width: 100%; }
  #footer .btn-gototop { display: none; }
  #footer .footer-banner { position: relative; height: 4rem; padding: 0 2rem; background: #eceded; }
  #footer .footer-banner .tit { display: inline-block; font-size: 1.3rem; width: 6rem; line-height: 4rem; text-align: center; }
  #footer .footer-banner .indicator { position: absolute; left: 6.5rem; margin-top: -0.8rem; width: auto; z-index: 999;transform:none;}
  #footer .footer-banner .indicator:after { clear: both; content: ""; display: block; }
  #footer .footer-banner .indicator p[class^=btn-] { float: left; }
  #footer .footer-banner .indicator p[class^=btn-] > * { width: 1.5rem; height: 1.5rem; text-indent: -9999px; }
  #footer .footer-banner .indicator p[class^=btn-].btn-prev button { background-size: 100% 100%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-next button { background-size: 100% 100%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-more { display: none; }
  #footer .footer-banner .indicator p[class^=btn-].btn-pause { display: none; }
  #footer .footer-banner .banner-slider { position: absolute; left: 0; top: 0; width: 100%; padding-left: 11rem; padding-right: 2rem; }
  #footer .footer-banner .banner-slider li { padding: 0.3rem 0.1rem; }
  #footer .footer-banner .banner-slider a { display: table-cell; padding: 0 1.5rem; border: 1px solid #dbdbdb; font-size: 0.9rem; text-align: center; color: #6c6c6c; background: #fff; width: 88px !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; vertical-align: middle;}
  #footer .footer-selectgroup { padding: 1.7rem 2rem; }
  #footer .footer-selectgroup .footer-comp-select { position: relative;margin-right: 1px;width: 33%;}
  #footer .footer-selectgroup .footer-comp-select:nth-of-type(3n){margin-right: 0;}
  #footer .footer-selectgroup .footer-comp-select dt button { width: 100%; height: 3.3rem; padding: 0 3.5rem 0 1.2rem; border: 1px solid #cbcaca; font-size: 1.2rem; background: #f7f8f9 url("/resources/images/sj/common/form_footer_select_up_m.png") no-repeat 100% 50%; background-size: auto 100%; color: #6a6a6a; box-sizing: border-box; text-align: left; }
  #footer .footer-selectgroup .footer-comp-select:nth-of-type(n+4){ margin-top: 8px; }
  #footer .footer-selectgroup .footer-comp-select dd { display: none; position: inherit; left: 0; top: 100%; width: 100%; max-height: 18rem; margin-top: -1px; overflow-y: auto; z-index: 1; box-sizing: border-box; background: #fff; border: 1px solid #cecdcd; }
  #footer .footer-selectgroup .footer-comp-select dd ul { padding:0}
  #footer .footer-selectgroup .footer-comp-select dd ul:after { display: block; clear: both; content: ""; }
  #footer .footer-selectgroup .footer-comp-select dd li { float: left; width: 50%; padding-left: 0.4rem; line-height: inherit; box-sizing: border-box; padding-top: 2px;padding-bottom: 2px;}
  #footer .footer-selectgroup .footer-comp-select dd li:before { display: inline-block; vertical-align: middle; content: '·'; margin-right: 3px; font-size: 1.2rem; position: relative; top: -2px; }
  #footer .footer-selectgroup .footer-comp-select dd li:nth-child(even) { padding-left: 0.4rem; }
  #footer .footer-selectgroup .footer-comp-select dd a { font-size: 1.2rem; display: inline-block;padding-left: 1px;letter-spacing: -2px;}
  #footer .footer-selectgroup .footer-comp-select.open dt button { background-size: auto 100%; }
  #footer .footer-notice { position: static; margin-top: 2.4rem; text-align: center; }
  #footer .footer-notice .txt { font-size: 1.1rem; line-height: 1.7rem; }
  #footer .footer-notice .number { font-size: 1.5rem; line-height: 2.3rem; }
  #footer .footer-notice .number .call { text-indent: -999em; width: 2.3rem; height: 2.3rem; background-size: 100% 100%; border-radius: 100px; }
  #footer .footer-utilegroup { margin-top: 2.5rem; padding: 0 5vw 4rem; font-size: 1rem; line-height: 1.6rem; text-align: center; }
  #footer .footer-utilegroup .footer-utile { display: inline-block; }
  #footer .footer-utilegroup .footer-utile li { float: left; }
  #footer .footer-utilegroup .footer-utile li + li:before { display: inline-block; content: ''; width: 1px; margin: 0 0.4rem; height: 1rem; position: relative; top: 2px; background: #b7b7b7; }
  #footer .footer-utilegroup .footer-utile li:nth-child(4) { clear: both; margin-left: 2rem; }
  #footer .footer-utilegroup .footer-utile li:nth-child(4):before { display: none; }
  #footer .footer-utilegroup .footer-utile a { font-size: 1.1rem; line-height: 2.2rem; }
  #footer .footer-utilegroup .footer-addr { text-align: center; margin-top: 1.5rem; }
  #footer .footer-utilegroup .footer-addr li { float: none; display: inline-block; color: #6a6a6a; }
  #footer .footer-utilegroup .footer-addr li:first-child { display: block; }
  #footer .footer-utilegroup .footer-addr li:nth-child(2):before { display: none; }
  #footer .footer-utilegroup .footer-addr li + li:before { display: inline-block; content: ''; vertical-align: middle; width: 1px; height: 0.8rem; margin: 0 0.6rem; background: #b7b7b7; }
  #footer .footer-utilegroup .footer-addr li strong { font-weight: normal; color: #333; }
  #footer .footer-utilegroup .footer-txt { color: #c0c0c0; }
  #footer .footer-markgroup { display: none; }
  #lnb { display: none; }
  #container { min-width: auto; min-height:0; padding-top:0!important; }
  #container .inner { width: auto; }
  #container #lnb + #contents { width: auto; min-height: auto; height:auto !important; padding: 20px 2rem 50px; font-size: 1.1rem; line-height: 1.8rem; }
  .page-title-zone .inner { height: 12rem; padding: 0 2rem !important; }
  .page-title-zone .page-title { padding-top: 3rem; font-size: 2rem; }
  .page-title-zone .zoom-zone { display: none; }
  .page-title-zone .breadcrumb { margin-top: 1rem; }
  .page-title-zone .breadcrumb li { font-size: 1rem; line-height: 15px; }
  .page-title-zone .breadcrumb li + li:before { width: 5px; height: 12px; background-size: 100% auto; margin: 0 5px; }
  .page-title-zone .breadcrumb li:first-child a { position: relative; top: 2px; width: 15px; height: 15px; line-height: 15px; }
  .page-title-zone .breadcrumb a { font-size: 1rem; }
  .page-title-zone .page-utile { position: absolute; right: 2rem; top: 1rem; }
  .page-title-zone .page-utile li + li { margin-left: 5px; }
  .page-title-zone .page-utile *[class*=btn-] { width: 2.5rem; height: 2.5rem; background-size: 100% 100% !important; }
  /* POINT TEXT & BR tag */
  br.t, br.pc { display: none; }
  br.m { display: inherit; }
  .view-m { display: inherit; }
  .view-pc { display: none; }
  /* 0828추가 */
  .mt0{ margin-top: 0!important;}
  
  /*  */
  .mt5 { margin-top: 5px !important; }
  .mt10 { margin-top: 0.5rem !important; }
  .mt15 { margin-top: 0.7rem !important; }
  .mt20 { margin-top: 1rem !important; }
  .mt25 { margin-top: 1.2rem !important; }
  .mt30 { margin-top: 1.5rem !important; }
  .mt35 { margin-top: 1.7rem !important; }
  .mt40 { margin-top: 2rem !important; }
  .mt45 { margin-top: 2rem !important; }
  .mt50 { margin-top: 2.5rem !important; }
  .mt55 { margin-top: 2.5rem !important; }
  .mt60 { margin-top: 3rem !important; }
  .mt120 { margin-top: 6rem !important; }
  .mb5 { margin-bottom: 5px !important; }
  .mb10 { margin-bottom: 0.5rem !important; }
  .mb15 { margin-bottom: 0.7rem !important; }
  .mb20 { margin-bottom: 1rem !important; }
  .mb25 { margin-bottom: 1.2rem !important; }
  .mb30 { margin-bottom: 1.5rem !important; }
  .mb35 { margin-bottom: 1.7rem !important; }
  .mb40 { margin-bottom: 2rem !important; }
  .mb50 { margin-bottom: 2.5rem !important; }
  .mb60 { margin-bottom: 3rem !important; }
  .ml10 { margin-left: 0.5rem !important; }
  .ml20 { margin-left: 1rem !important; }
  .ml25 { margin-left: 1rem !important; }
  .ml30 { margin-left: 1.5rem !important; }
  .ml40 { margin-left: 1.5rem !important; }
  .ml50 { margin-left: 2rem !important; }
  .ml-10 { margin-left: -0.5rem !important; }
  .ml-15 { margin-left: -1rem !important; }
  .ml-20 { margin-left: -1.5rem !important; }
  .ml-30 { margin-left: -2rem !important; }
  .comp-cont-box { margin-left: 0; }
  .comp-cont-box *[class^=heading][class*=-h4] { margin-left: 0; }
  .comp-cont-box h4[class^=comp-lst][class*=_dotted], .comp-cont-box h5[class^=comp-lst][class*=_dotted], .comp-cont-box h6[class^=comp-lst][class*=_dotted], .comp-cont-box p[class^=comp-lst][class*=_dotted] { margin-left: 0; }
  .comp-cont-box *[class^=comp-lst] { margin-left: 0; }
  .comp-cont-box *[class^=comp-lst][class*=_hyphen] { margin-left: 10px; }
  .comp-cont-box *[class^=comp-lst][class*=_normal] { margin-left: 10px; }
  /* TITLE */
  *[class^=heading][class*=-h3] { font-size: 1.6rem; margin-left: 0 !important; }
  *[class^=heading][class*=-h3]:before { width: 0.8rem; height: 0.8rem; margin-right: 5px; }
  *[class^=heading][class*=-h4] { font-size: 1.4rem; margin-left: 0 !important; }
  /* LIST */
  h4[class^=comp-lst], h5[class^=comp-lst], h6[class^=comp-lst], p[class^=comp-lst] { margin-left: 0; }
  h4[class^=comp-lst][class*=_dotted], h5[class^=comp-lst][class*=_dotted], h6[class^=comp-lst][class*=_dotted], p[class^=comp-lst][class*=_dotted] { position: relative; padding-left: 1rem; font-size: 1.2rem; line-height: 1.6rem; }
  h4[class^=comp-lst][class*=_dotted]:before, h5[class^=comp-lst][class*=_dotted]:before, h6[class^=comp-lst][class*=_dotted]:before, p[class^=comp-lst][class*=_dotted]:before { position: absolute; left: 0; top: 0.8rem; width: 3px; height: 3px; }
  h4[class^=comp-lst][class*=_hyphen], h5[class^=comp-lst][class*=_hyphen], h6[class^=comp-lst][class*=_hyphen], p[class^=comp-lst][class*=_hyphen] { padding-left: 1.1rem; font-size: 1.1rem; line-height: 1.6rem; }
  h4[class^=comp-lst][class*=_important], h5[class^=comp-lst][class*=_important], h6[class^=comp-lst][class*=_important], p[class^=comp-lst][class*=_important] { padding-left: 1.1rem; font-size: 1.1rem; line-height: 1.6rem; }
  h4[class^=comp-lst][class*=_star], h5[class^=comp-lst][class*=_star], h6[class^=comp-lst][class*=_star], p[class^=comp-lst][class*=_star] { padding-left: 1.1rem; font-size: 1.1rem; line-height: 1.6rem; }
  h4[class^=comp-lst][class*=_normal], h5[class^=comp-lst][class*=_normal], h6[class^=comp-lst][class*=_normal], p[class^=comp-lst][class*=_normal] { font-size: 1.1rem; line-height: 1.6rem; margin-left: 10px; }
  *[class^=comp-lst] { margin-left: 0; }
  *[class^=comp-lst][class*=_dotted] > li { position: relative; padding-left: 1rem; font-size: 1.2rem; line-height: 1.6rem; }
  *[class^=comp-lst][class*=_dotted] > li:before { position: absolute; left: 0; top: 0.8rem; width: 3px; height: 3px; }
  *[class^=comp-lst][class*=_hyphen] { margin-left: 10px; }
  *[class^=comp-lst][class*=_hyphen] > li { padding-left: 1.1rem; font-size: 1.1rem; line-height: 1.6rem; }
  *[class^=comp-lst][class*=_important] > li { padding-left: 1.1rem; font-size: 1.1rem; line-height: 1.6rem; }
  *[class^=comp-lst][class*=_star] > li { padding-left: 1.1rem; font-size: 1.1rem; line-height: 1.6rem; }
  *[class^=comp-lst] + *[class^=comp-lst] { margin-top: 5px; }
  /* TABLE */
  .scrollzone { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .scrollzone .scrollzoneinner { min-width:750px; }
  .tbl-zone { margin-left: 0; }
  table[class^=comp-tbl][class*=_datatype] thead th { height: 3.3rem; font-size: 1.2rem; }
  table[class^=comp-tbl][class*=_datatype] tbody th { font-size: 1.2rem; height: 3.3rem; line-height: 1.6rem; padding: 0.5rem; }
  table[class^=comp-tbl][class*=_datatype] tbody td { height: 3.3rem; font-size: 1rem; line-height: 1.6rem; padding: 0.5rem; }
  table[class^=comp-tbl][class*=_datatype] tfoot tr * { height: 3.3rem; font-size: 1.2rem; line-height: 1.6rem; padding: 0.5rem; }
  table[class^=comp-tbl][class*=_boardtype] thead th { height: 4rem; font-size: 1.2rem; }
  table[class^=comp-tbl][class*=_boardtype] td { height: 4rem; font-size: 1.2rem; }
  table[class^=comp-tbl][class*=_boardtype] .flag { width: 8rem; font-size: 1.2rem; line-height: 2.3rem; padding-bottom: 0; }
  table[class^=comp-tbl][class*=_viewtype] thead th { height: 3.3rem; font-size: 1.2rem; }
  table[class^=comp-tbl][class*=_viewtype] tbody th { font-size: 1.2rem; height: 3.3rem; line-height: 1.6rem; padding: 0.5rem; }
  table[class^=comp-tbl][class*=_viewtype] tbody td { height: 3.3rem; font-size: 1.2rem; line-height: 1.6rem; padding: 0.5rem; }
  table[class^=comp-tbl][class*=_viewtype] tfoot tr * { height: 3.3rem; font-size: 1.2rem; line-height: 1.6rem; padding: 0.5rem; }
  table[class^=comp-tbl] .pc { display: none; }
  table[class^=comp-tbl] .m { display: inherit; }
  
  .board-photo { margin-top: 2rem; }
  .board-photo > li { float: none; width: 100%; height: auto; margin-left: 0; }
  .board-photo > li:nth-child(1) ~ li { margin-top: 1rem; }
  .board-photo > li:nth-child(3n+1) { margin-left: 0; }
  .board-photo .thumb { height: 18rem; }
  .board-photo .thumb .showthemovie { width: 15rem; margin: -1.75rem 0 0 -7.5rem; font-size: 1.3rem; line-height: 3.5rem; }
  .board-photo .flag { right: 1.5rem; top: -2rem; width: 4rem; height: 4rem; background-size: 100% 100%; }
  .board-photo .contbox { padding: 1.5rem 1rem 1.5rem; height: auto; }
  .board-photo .contbox .tit { font-size: 1.4rem; }
  .board-photo .contbox .cont { margin-top: 0.7rem; font-size: 1.2rem; line-height: 1.8rem; }
  /* TEXT */
  *[class^=comp-txt-box] { min-height: 10rem;}
  *[class^=comp-txt-box] dt { width: 10rem; padding: 1rem 1rem; font-size: 1.4rem; line-height: 1.8rem; min-height: 10rem;}
  *[class^=comp-txt-box] dd { padding: 1rem; line-height: 1.8rem; font-size: 1.1rem; padding-left: 11rem;}
  /* ICON */
  /* BUTTON */
  *[class^=comm-btn] > span { top: 0; }
  *[class^=comm-btn][class*=_type1] { width: 100%; height: 3.5rem; line-height: 3.3rem; font-size: 1.2rem; }
  *[class^=comm-btn][class*=_type1][class*=_wbasic] { width: 100%; height: 3.5rem; line-height: 3.3rem; font-size: 1.2rem; }
  *[class^=comm-btn][class*=_type1] + *[class^=comm-btn][class*=_type1] {margin-top:10px;}
  /* INPUT */
  select[class^=comp-select] { padding: 0 1rem; height: 3.3rem; font-size: 1.2rem; background-size: auto 100%; line-height: 3.1rem; }
  select[class^=comp-select]:focus { background-size: auto 100%; }
  select[class^=comp-select][class*=_h42] { height: 3.3rem; padding-right: 3rem; line-height: 3.1rem; box-sizing: border-box; }
  input[class^=comp-input] { padding: 0 1rem; height: 3.3rem; font-size: 1.2rem; line-height: 3.1rem; }
  input[class^=comp-input]#createName{  height: 3.3rem; font-size: 1.2rem; line-height: 3.1rem; }
  input[class^=comp-input][class*=_h42] { height: 3.3rem; }
  input[class^=comp-input][class*=_h50] { height: 4rem; line-height: 3.8rem; }
  *[class^=comp-radio] label { font-size: 1.2rem; }
  *[class^=comp-radio] label:before { width: 1rem; height: 1rem; margin-right: 0.5rem; background-size: auto 100%; }
  *[class^=comp-radio] input:checked ~ label:before { background-size: auto 100%; }
  *[class^=comp-radio][class*=_big] label { font-size: 1.5rem; }
  *[class^=comp-radio][class*=_big] label .sm { font-size: 1.2rem; }
  *[class^=comp-radio][class*=_big] label:before { width: 2rem; height: 2rem; margin-right: 0.5rem; background-size: auto 100%; }
  *[class^=comp-radio][class*=_big] input:checked ~ label:before { background-size: auto 100%; }
  *[class^=comp-check] label { font-size: 1.2rem; }
  *[class^=comp-check] label:before { width: 1rem; height: 1rem; margin-right: 0.5rem; background-size: auto 100%; }
  *[class^=comp-check] input:checked ~ label:before { background-size: auto 100%; }
  textarea[class^=comp-textarea] { padding: 1rem; height: 15rem; font-size: 1.2rem; }
  /* UI - PAGING */
  .btm-zone .r-layout { position: static; margin-top: 10px; }
  *[class^=comp-paging] { margin-top: 4rem; }
  *[class^=comp-paging] > div { padding: 0 4rem; }
  *[class^=comp-paging] .number a { width: 2rem; height: 2rem; font-size: 1.2rem; line-height: 2rem; box-sizing: content-box; }
  *[class^=comp-paging] p.allprev a { background-size: 100% auto; }
  *[class^=comp-paging] p.prev { left: 2rem; }
  *[class^=comp-paging] p.prev a { background-size: 100% auto; }
  *[class^=comp-paging] p.allnext a { background-size: 100% auto; }
  *[class^=comp-paging] p.next { right: 2rem; }
  *[class^=comp-paging] p.next a { background-size: 100% auto; }
  *[class^=comp-paging] p a { width: 2rem; height: 2rem; box-sizing: content-box; }
  /* UI - TAB */
  *[class^=comp-tab][class*=_big] { margin-bottom: 2rem; }
  *[class^=comp-tab][class*=_big] li { width: 50%; }
  *[class^=comp-tab][class*=_big] li:nth-child(2n) ~ li { margin-top: -6px; }
  *[class^=comp-tab][class*=_big] li:nth-child(2n+1) { border-left: 1px solid #dedede;/*  margin-left: 0; */margin-left: -6px;}
  *[class^=comp-tab][class*=_big] li:nth-child(4n) ~ li { border-top: 1px solid #dedede; }
  *[class^=comp-tab][class*=_big] a { height: 4.3rem; font-size: 1.1rem!important; z-index: 1; }
  *[class^=comp-tab][class*=_big] a span{ font-size: 1.1rem!important;}
  *[class^=comp-tab][class*=_big] a:after { right: 1rem; width: 2rem; height: 2rem; margin-top: -1rem; background-size: 100% 100% !important; }
  *[class^=comp-tab][class*=_big] a span { padding: 0 3rem 2px 1rem; }
  *[class^=comp-tab][class*=_sm] { min-height: 25px; margin-bottom: 2rem; padding: 1rem 1rem; }
  *[class^=comp-tab][class*=_sm] ul { margin-top: -1rem; }
  *[class^=comp-tab][class*=_sm] ul li { margin-right: 2rem; margin-top: 1rem; }
  *[class^=comp-tab][class*=_sm] a { padding-left: 24px; font-size: 1.2rem; }
  *[class^=comp-tab][class*=_sm] a:hover:before, *[class^=comp-tab][class*=_sm] a[aria-selected=true]:before { top: 1px; }
  /* UI - 파일첨부 */
  .comp-filefind button { float: none; }
  .comp-filefind .file-upload { margin-left: 0; margin-top: 1rem; font-size: 1.2rem; float: none; line-height: 1.8rem; }
  /* UI - 서브페이지 검색 */
   .total-length { font-size: 1.1rem; line-height: 1.2rem; padding-left: 2rem; }
  .total-length:before { display: block; position: absolute; left: 0; top: 50%; content: ""; width: 1.2rem; height: 1.5rem; margin-top: -0.7rem; }
  .top-search-zone { padding: 1.5rem 1rem; }
  .top-search-zone .total-length { float: none; }
  .top-search-zone .form { float: none; margin-top: 1rem; }
  .top-search-zone .form > * { float: none; }
  .top-search-zone .form input {height: 3.3rem;-webkit-flex: 1;flex: 1;width: 80%;float: left;}
  .top-search-zone .form>span{float: left;padding: 0 5px;}
  .top-search-zone .form div>span{float: left;padding: 0 5px;}
  .top-search-zone .form .comp-input_h42.notNull{width: calc((100% - 24px) / 2);}
  .top-search-zone .form select { width: 100%; height: 3.5rem; }
  .top-search-zone .form select + select{margin-left:0;}
  .top-search-zone .form button {height: 3.3rem;width: 20%;min-width:20%; line-height: 3.3rem;font-size: 1.1rem;vertical-align: bottom;float: left;}
  .top-search-zone .form .search-word { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 1rem 0 0; }
  .top-search-zone .form .search-word > * { float: left; }
  .top-search-zone .form>div{margin-top:0!important;overflow: hidden;width: 100%;}
  .top-search-zone .form label{width: 100%;    text-align: left!important;float: left;}
  .top-search-zone .form #searchKeyword{width:80%;float: left;}
  .top-search-zone .form #searchKeyword2{width: 80%;float: left;}
  /* 페이지 만족도 조사 */
  #customer-zone { width: auto; margin: 0 auto; padding: 0 2rem 2rem; }
  #customer-zone .inner { width: auto; margin-left: 0; }
  #customer-zone .comp-call-zone { height: auto; padding-right: 0; }
  #customer-zone .comp-call-zone .txt-number { font-size: 1.1rem; line-height: 4rem; }
  #customer-zone .comp-call-zone .txt-number .txt { margin: -1px 5px -1px -1px; height: 4rem; width: 8rem; font-size: 1.2rem; line-height: 4rem; }
  #customer-zone .comp-call-zone .txt-number .txt:before { width: 1.5rem; height: 1.5rem; background-size: 100% auto; margin-right: 5px; }
  #customer-zone .comp-call-zone .txt-number .callnumber { display: block; padding-left: 1rem; margin-left: 0; border-top: 1px solid rgba(200, 200, 200, 0.5); }
  #customer-zone .comp-call-zone .txt-number .callnumber:before { width: 1.5rem; height: 1.5rem; background-size: 100% 100%; margin-right: 5px; }
  #customer-zone .comp-call-zone .txt-number .txt-date { position: absolute; right: 1rem; bottom: 0; float: none; }
  #customer-zone .comp-call-zone .btn-gototop { height: 4rem; width: 4rem; }
  #customer-zone .comp-survey-zone { height: auto; margin-top: 0.5rem; padding: 1rem 1rem 1rem 5rem; }
  #customer-zone .comp-survey-zone:before { width: 3rem; height: 3rem; background-size: 100% 100%; top: 1rem; left: 1rem; }
  #customer-zone .comp-survey-zone .txt { padding-top: 0; font-size: 1.1rem; }
  #customer-zone .comp-survey-zone .radio-group { margin-top: 1rem; }
  #customer-zone .comp-survey-zone .radio-group li { margin-right: 1rem; }
  #customer-zone .comp-survey-zone .radio-group label { font-size: 1.1rem; line-height: 2rem; }
  #customer-zone .comp-survey-zone .radio-group label:before { width: 1.5rem; height: 1.5rem; top: 0; background-size: 100% 100% !important; }
  #customer-zone .comp-survey-zone .btn-submit { position: static; height: 3rem; width: 100%; margin-top: 5px; }
  #customer-zone .comp-survey-zone .btn-result { position: static; height: 3rem; padding-bottom: 0; margin-top: 5px; width: 100%; border-radius: 0; }
  /* UI - 상단글,하단글 */
  .comp-page-move { margin-top: 2rem; }
  .comp-page-move li { overflow: hidden; font-size: 1.2rem; line-height: 3.5rem; height: 3.5rem; }
  .comp-page-move li .txt { width: 8rem; }
  .comp-page-move li .txt:after { width: 1.5rem; height: 3.5rem; margin-left: 1rem; background-size: 100% auto !important; }
  .comp-page-move li .cont { padding-left: 9rem; padding-right: 1rem; }
  /* COMMON PAGE */
  *[class=page-login] { display: block; min-width: auto; height: auto; }
  *[class=page-login] .login-content { display: block; padding: 4rem 2rem; }
  *[class=page-login] .inner { width: auto; }
  *[class=page-login] .tit { height: 3.5rem; background-size: auto 100%; margin-top : 0;}
  *[class=page-login] .desc { margin-top: 2rem; font-size: 1.2rem; line-height: 2rem; word-break: keep-all; }
  *[class=page-login] .beware-area { margin-top: 3rem; padding: 0; }
  *[class=page-login] .beware-area .txt-important { padding-left: 3rem; font-size: 1.2rem; line-height: 2rem; padding-bottom:0;}
  *[class=page-login] .beware-area .txt-important:before { width: 2.3rem; height: 2.3rem; background-size: 100% 100%; }
  *[class=page-login] .beware-area .btn-goback { position: static; }
  *[class=page-login] .beware-area .btn-goback a { width: 15rem; margin-left: auto; padding-bottom: 0; line-height: 3rem; font-size: 1.2rem; }
  *[class=page-login] .total-form { height: auto; margin-top: 3rem; padding: 4rem 0 0; }
  *[class=page-login] .total-form.ak {padding: 98px 35px 23px 35px!important;}
  *[class=page-login] .total-form .txt { position: absolute; left: 0; top: 0; height: 6rem; width: 100%; padding-left: 0; line-height: 6rem; font-size: 2rem; text-align: center; }
  *[class=page-login] .total-form .txt:after { display: inline-block; width: 3rem; height: 6rem; position: static; background-size: 100% auto; vertical-align: middle; margin-left: 1rem; }
  *[class=page-login] .total-form .form { height: auto; padding: 3rem 1rem 2rem; }
  *[class=page-login] .total-form .form:after { clear: both; content: ""; display: block; }
  *[class=page-login] .total-form .form .block { position: relative; width: 100%; height: 4.1rem; }
  *[class=page-login] .total-form .form .block label { width: 8rem; font-size: 1.4rem; line-height: 4rem; }
  *[class=page-login] .total-form .form .block input { padding-left: 8rem; height: 4rem; font-size: 1.4rem; }
  *[class=page-login] .total-form .form .block + .block { margin-top: 2rem; }
  *[class=page-login] .total-form .form .btn-group { position: static; margin-top: 2rem; }
  *[class=page-login] .total-form .form .btn-group li > * { width: 100%; height: 40px; border: 2px solid #1f5ab2; font-size: 1.3rem; line-height: 36px; }
  *[class=page-login] .total-form .form .btn-group li + li { margin-top: 10px; }
  *[class=page-login] .total-form .form .lnk-group { position: static; float: right; margin-top: 1rem; }
  *[class=page-login] .total-form .form .lnk-group li + li:before { margin: 0 5px; }
  *[class=page-login] .total-form .form .lnk-group a { font-size: 1.1rem; }
  *[class=page-login] .total-form .form .check-group { position: static; float: left; margin-top: 1rem; }
  *[class=page-login] .total-form .form .check-group li + li { margin-left: 1rem; }
  *[class=page-login] .total-form .form .check-group label { font-size: 1.1rem; }
  *[class=page-login] .total-form .form .check-group label:before { margin-right: 4px; }
  *[class=page-login] .normal-form {/*  margin-top: 3rem;  */}
  *[class=page-login] .normal-form .box { float: none; width: 100%; height: auto; padding: 0 1rem 2rem; }
  *[class=page-login] .normal-form .box + .box { margin-left: 0; margin-top: 2rem; }
  *[class=page-login] .normal-form .box .login-tit { margin: 0 -1rem; line-height: 4rem; font-size: 1.8rem; }
  *[class=page-login] .normal-form .box .btn-certified { position: static; width: 100%; height: 3.5rem; margin-top: 2rem; font-size: 1.5rem; line-height: 3.5rem; padding-bottom: 0; }
  *[class=page-login] .normal-form .box .txt { padding-top: 2rem; font-size: 1.2rem; line-height: 2rem; }
  *[class=page-login] .normal-form .box.login1 .form { padding-top: 2rem; }
  *[class=page-login] .normal-form .box.login1 .form .block label { font-size: 1.3rem; }
  *[class=page-login] .normal-form .box.login1 .form .block input { height: 3.5rem; line-height: 3.5rem; font-size: 1.3rem; }
  *[class=page-login] .normal-form .box.login1 .form .block + .block { margin-top: 1rem; }
  *[class=page-login] .normal-form .box.login1 .check-group label { font-size: 1.1rem; }
  *[class=page-login] .normal-form .box.login1 .btn-group { margin-top: 2rem; }
  *[class=page-login] .normal-form .box.login1 .btn-group li > * { padding-bottom: 0; border-width: 2px; line-height: 3.5rem; font-size: 1.2rem; }
  *[class=page-login] .normal-form .box.login1 .lnk-group { margin-top: 1.5rem; }
  *[class=page-login] .normal-form .box.login1 .lnk-group li + li:before { margin: 0 5px 0 2px; }
  *[class=page-login] .normal-form .box.login1 .lnk-group a { font-size: 1.1rem; }
  *[class=sitemap] { margin-bottom: 3rem; padding: 1.5rem 1rem 0; }
  *[class=sitemap] .depth { margin: 0 -4px; }
  *[class=sitemap] .depth > li { width: 50%; padding: 0 4px; }
  *[class=sitemap] .depth > li > a { line-height: 3.5rem; padding-bottom: 0; font-size: 1.3rem; }
  *[class=sitemap] .sm-depth { padding: 1rem 1rem 2rem; }
  *[class=sitemap] .sm-depth li + li { margin-top: 5px; }
  *[class=sitemap] .sm-depth a { font-size: 1.1rem; line-height: 1.8rem; }
  *[class=page-view] .title { padding: 1rem; font-size: 1.5rem; line-height: 1.8rem; }
  *[class=page-view] .writer-infor-zone { font-size: 1.1rem; line-height: 3rem; }
  *[class=page-view] .writer-infor-zone li { float: none; width: auto; padding-left: 12rem; }
  *[class=page-view] .writer-infor-zone li:last-child { width: auto; border-top: 1px solid #d9d6d5; }
  *[class=page-view] .writer-infor-zone .tit { width: 10rem; }
  *[class=page-view] .question-box { padding-top: 3rem; }
  *[class=page-view] .question-box .question-tit { font-size: 1.4rem; line-height: 1.8rem; }
  *[class=page-view] .question-box .question-desc { margin-top: 5px; font-size: 1.1rem; }
  *[class=page-view] .question-box input[type=text] { height: 3rem; font-size: 1.2rem; }
  *[class=page-view] .question-box .lst { margin-top: 10px; }
  *[class=page-view] .question-box .lst li + li { margin-top: 5px; }
  *[class=page-view] .question-box .lst input[type=text] { width: 70%; margin-left: 5px; }
  *[class=page-view] .question-box .lst label { padding-left: 2rem; font-size: 1.2rem; line-height: 1.8rem; }
  *[class=page-view] .question-box .lst label:before { top: 0; width: 1.5rem; height: 1.8rem; background-size: 100% auto !important; }
  *[class=page-view] .question-box .form { margin-top: 10px; }
  *[class=page-view] .question-box .form dt { min-width: 8rem; margin-right: 4px; line-height: 3rem; font-size: 1.2rem; }
  *[class=page-view] .question-box + .question-box { margin-top: 3rem; }
  *[class=page-view] .question-box ul.result-lst { margin-top: 2rem; }
  *[class=page-view] .question-box ul.result-lst li + li { margin-top: 1rem; }
  *[class=page-view] .question-box ul.result-lst .graph { position: relative; width: 100%; height: auto; box-sizing: content-box; }
  *[class=page-view] .question-box ul.result-lst .graph .bar { height: auto; font-size: 1.1rem; background: none; }
  *[class=page-view] .question-box ul.result-lst .graph .bar .per { display: block; height: 20px; width: 100%; background: #a0a0a0; line-height: 20px; margin-left: 0; padding-left: 5px; color: #fff; box-sizing: border-box; }
  *[class=page-view] .question-box ul.result-lst .graph .bar .txt { display: block; position: static; font-size: 1.2rem; margin: 5px 0 0; min-width: auto; width: calc(100vw - 50px); }
  *[class=page-view] .question-box ul.result-lst li.first .graph .bar { background: none; }
  *[class=page-view] .question-box ul.result-lst li.first .graph .bar .per { background: #1968cb; }
  *[class=page-view] .question-box p.result-lst { line-height: 30px; font-size: 1.1rem; margin-top: 10px; }
  *[class=page-view] .question-box p.result-lst a { width: 12rem; line-height: 2.5rem; padding-bottom: 0; font-size: 1rem; }
  *[class=page-view] .btm-btn-zone { min-height: 3.5rem; margin-top: 5rem; }
  *[class=page-view] .btm-btn-zone .r-layout { position: static; right: 0; top: 0; margin-top: 5px; }
  *[class=page-view] .btm-btn-zone .r-layout a{width: 100%}
  .event-calendar-zone .calendar { float: none; width: 100%; height: auto; padding: 1.5rem 1rem 2rem; }
  .event-calendar-zone .calendar .month li { margin: 0 10px 5px 0 !important; }
  .event-calendar-zone .calendar .month li:nth-child(7) { clear: both; }
  .event-calendar-zone .calendar .month button { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; }
  .event-calendar-zone .calendar .now-month { font-size: 3rem; margin-top: -3px; }
  .event-calendar-zone .calendar .now-month em { font-size: 5rem; top: 5px; }
  .event-calendar-zone .calendar .calendar-month { margin-top: 1rem; }
  .event-calendar-zone .calendar .calendar-month th { height: 4rem; font-size: 1.3rem; }
  .event-calendar-zone .calendar .calendar-month td { height: 5rem; font-size: 1.5rem; vertical-align: top; padding-top: 0.8rem; }
  .event-calendar-zone .calendar .calendar-month td .event { display: block; top: 0; font-size: 1.1rem; }
  .event-calendar-zone .calendar-detail { float: none; width: auto; height: auto; padding: 1rem 1rem 2rem; }
  .event-calendar-zone .calendar-detail .top-zone { line-height: 4rem; }
  .event-calendar-zone .calendar-detail .top-zone .tit { font-size: 1.4rem; }
  .event-calendar-zone .calendar-detail .top-zone .date { font-size: 1.4rem; right: 1rem; }
  .event-calendar-zone .calendar-detail .lst { margin-top: 1rem; }
  .event-calendar-zone .calendar-detail .lst li + li { margin-top: 5px; }
  .event-calendar-zone .calendar-detail .lst button { padding: 0 40px 0 10px; line-height: 4rem; font-size: 1.2rem; }
  .event-calendar-zone .calendar-detail .lst button:after { display: block; content: ""; position: absolute; right: 10px; top: 50%; width: 23px; height: 23px; background: url("/resources/images/sj/common/img_calendar1.png") no-repeat 50% 50%; margin-top: -12px; }
  .event-calendar-zone *[class*=flag-] { width: 5rem; line-height: 2rem; padding-bottom: 0; font-size: 1.2rem; margin-right: 5px; }
  .thismonth-zone { margin-top: 3rem; }
  .thismonth-zone *[class*=flag-] { width: 5rem; line-height: 2rem; padding-bottom: 0; font-size: 1.2rem; margin-right: 5px; }
  .thismonth-zone .tit { line-height: 4rem; font-size: 1.5rem; }
  
  /* 2단 페이지 */
  .cont-2stage-box { }
  .cont-2stage-box .left-cont img { margin-left: 10px; }
  .cont-2stage-box .right-cont { width: 100%;  margin-top:20px; }
  .cont-2stage-box .right-cont .comp-lst_normal + .comp-lst_normal { margin-top:20px; } 
  
  #header.village #gnb h2 a:hover:after,
  #header.village #gnb h2:before{display: none;}
  
  #header.comm #gnb .depth{height: auto;overflow-y: scroll;}
  
  #header.sangju #gnb .depth{overflow-y: scroll;}
  
  #header #gnb .depth>ul,
  #header.openleader #gnb .depth ul{margin: 0 5px;}
  
  #header.comm #gnb h3 a,
  #header.openleader #gnb h3 a{display: block;position: relative;padding: 0 20px 0 6px;line-height: 3.5rem;font-size: 1.1rem;color: #454545;text-align: left;font-weight: 100;}

  #header.comm #gnb h3,
  #header.openleader #gnb h3{margin: 5px 0;}
  
  #header.openleader #gnb > ul > li.clicked h2 a,
  #header.openleader #gnb h2 a:hover,
  #header.openleader #gnb > ul > li.over h2 a, #header.openleader #gnb > ul > li.current h2 a{color: #03a62c!important;}
  #header.openleader #gnb h2 a:hover:before{display: none;}
  
  .children #header #gnb > ul > li.clicked h2 a,.children #header.comm #gnb h3 a:hover,
  .children #header #gnb h2 a:hover,
  .children #header #gnb > ul > li.over h2 a{color: #1e5ab9!important;}
  
  .en #header #gnb > ul > li.clicked h2 a,.en #header.comm #gnb h3 a:hover,
  .en #header #gnb h2 a:hover,.en #header #gnb .depth > ul > li.clicked h3 a,
  .en #header #gnb > ul > li.over h2 a,.en #header #gnb h4 a.current,
  .en #header.comm #gnb h3 a.current, .en #header.comm #gnb h3 a:hover{color: #FF6600!important;}
  
  .customer #header #gnb > ul > li.clicked h2 a,.customer #header.comm #gnb h3 a:hover,
  .customer #header #gnb h2 a:hover,.customer #header #gnb .depth > ul > li.clicked h3 a,
  .customer #header #gnb > ul > li.over h2 a,.customer #header #gnb h4 a.current,
  .customer #header.comm #gnb h3 a.current, .customer #header.comm #gnb h3 a:hover{color: #1e5ab9!important;}
  
  .culture #header #gnb > ul > li.clicked h2 a,.culture #header.comm #gnb h3 a:hover,
  .culture #header #gnb h2 a:hover,.culture #header #gnb .depth > ul > li.clicked h3 a,
  .culture #header #gnb > ul > li.over h2 a,.culture #header #gnb h4 a.current,
  .culture #header.comm #gnb h3 a.current, .culture #header.comm #gnb h3 a:hover{color: #1e5ab9!important;}
  
  .cyberedu #header #gnb > ul > li.clicked h2 a,.cyberedu #header.comm #gnb h3 a:hover,
  .cyberedu #header #gnb h2 a:hover,.cyberedu #header #gnb .depth > ul > li.clicked h3 a,
  .cyberedu #header #gnb > ul > li.over h2 a,.cyberedu #header #gnb h4 a.current,
  .cyberedu #header.comm #gnb h3 a.current, .cyberedu #header.comm #gnb h3 a:hover{color: #1e5ab9!important;}
  
  #header.village #gnb h3 a.current,
  #header.village #gnb h4 a.current{color:#03a62c;}
  
  
  }
  
  @media(max-width : 768px){
  #footer .footer-selectgroup .footer-comp-select{width: 100%;}
  #footer .footer-selectgroup .footer-comp-select:nth-of-type(n+2){margin-top: 5px;}
   *[class*=inforopen-search] dt { font-size: 1.5rem; margin-bottom: 1rem; }
  *[class*=inforopen-search] dt .small { font-size: 1rem; }
  *[class*=inforopen-search] dd { text-align: center; }
  *[class*=inforopen-search] dd .label { font-size: 1.2rem; margin-bottom: 0.5rem; text-align: left; }
  *[class*=inforopen-search] dd .label .sm { display: block; font-size: 1rem; margin-top: 0.3rem; }
  *[class*=inforopen-search].inforopen-search1 .block { display: block; margin-bottom: 0.5rem; }
  *[class*=inforopen-search].inforopen-search1 input { width: 47%; }
  *[class*=inforopen-search].inforopen-search1 input:nth-of-type(2) { margin-right: 0; }
  *[class*=inforopen-search].inforopen-search1 .txt { display: inline-block; width: 2%; margin: 0; line-height: 3.3rem; text-align: center; }
  *[class*=inforopen-search].inforopen-search2 .block { display: block; margin-right: 0; margin-bottom: 1rem; }
  *[class*=inforopen-search].inforopen-search2 input { width: 100%; }
  *[class*=inforopen-search].inforopen-search2 select { width: 100%; }
  *[class*=inforopen-search].inforopen-search3 .block { float: none; width: 100%; display: block; margin-right: 0; margin-bottom: 1rem; }
  *[class*=inforopen-search].inforopen-search3 .block .label { height: auto; }
  *[class*=inforopen-search].inforopen-search3 .block:nth-of-type(odd) { width: 100%; }
  *[class*=inforopen-search].inforopen-search3 .block:nth-of-type(4) input { width: 100%; }
  *[class*=inforopen-search].inforopen-search3 input { width: 48%; }
  *[class*=inforopen-search].inforopen-search3 select { width: 100%; }
  *[class*=inforopen-search].inforopen-search3 .txt { display: inline-block; width: 2%; line-height: 3.3rem; text-align: center; margin: 0; }
  *[class*=inforopen-search].inforopen-search4 .block { display: block; margin-right: 0; margin-bottom: 1rem; width: 100%;}
  *[class*=inforopen-search].inforopen-search4 .txt { width: 2%; }
  *[class*=inforopen-search].inforopen-search4 input { width: calc((100% - 15px)/ 2) }
  *[class*=inforopen-search].inforopen-search4 select { width: 100%; }
  *[class*=inforopen-search].inforopen-search4 dd>div:nth-of-type(5){width: inherit;}
  *[class=page-login] .beware-area .btn-goback .certify:nth-of-type(n+2){margin-left: 4%;}
  *[class=page-login] .beware-area .btn-goback .certify{width: 150px;}
  *[class=page-login] .total-form .txt:after{width: 2rem;height: 3rem;margin-top: -6px;}
  }
    @media (max-width: 600px){
    .board_video{ width:100%!important; height:auto!important;}
    }
  
  @media (max-width: 550px){
  *[class=page-login] .beware-area .btn-goback .certify{width: 100%;margin-bottom: 5px;margin-left: 0!important;} 
  .tp-bd-detail .reply-wrap *[class^=comm-btn][class*=_lightorange]{padding: 0 0.5rem;}
  }
  @media (max-width: 321px){
  .downta dt{width: 55%;}
  .downta dd{width: calc(100% - 55%);}
  input[class^=comp-input]{width: 100%;}
  }
@media (max-width: 321px) { #header.comm .header-btm { max-width: 250px; }
  *[class=page-login] .total-form .form .check-group { float: none; display: inline-block; }
  *[class=page-login] .total-form .form .lnk-group { float: none; display: inline-block; }
  *[class^=comp-tab][class*=_big] a span { padding-right: 2.8rem; }
  *[class^=comp-tab][class*=_big] a:after { width: 1.8rem; height: 1.8rem; } }

  
  
/* 공통페이지 - 동영상 게시판 */
.tp-movie-bd .board-movie{margin-top:20px}
.tp-movie-bd .board-movie li{position:relative;margin-top:15px;border:1px solid #d6d7d8;box-sizing:border-box}
.tp-movie-bd .board-movie li:first-child{margin-top:0}
.tp-movie-bd .board-movie li a{display:block;position:relative;width:100%;height:100%;padding:12px 10px;box-sizing:border-box}
.tp-movie-bd .board-movie .thumb{position:absolute;left:10px;top:12px;width:328px;height:234px}
.tp-movie-bd .board-movie .thumb .showthemovie{display:none;position:absolute;left:50%;top:50%;width:150px;margin:-20px 0 0 -75px;font-size:16px;text-align:center;font-weight:bold;color:#fff;line-height:38px;border:1px solid rgba(203, 203, 204, 0.8);background:rgba(254, 179, 45, 0.8);box-sizing:border-box;z-index:1}
.tp-movie-bd .board-movie .thumb .flag{display:inline-block;position:absolute;right:-25px;top:13px;z-index:2;width:50px;height:50px;text-indent:-999em}
.tp-movie-bd .board-movie .thumb .flag.movie{background:url("../../images/sj/common/icon_bd_movie1.png") no-repeat 50% 50%}
.tp-movie-bd .board-movie .thumb .flag.photo{background:url("../../images/sj/common/icon_bd_movie2.png") no-repeat 50% 50%}
.tp-movie-bd .board-movie .contbox{position:relative;padding-left:370px;height:234px}
.tp-movie-bd .board-movie .contbox .tit{display:block;padding-top:16px;font-size:17px;font-weight:bold;color:#4b4b4b}
.tp-movie-bd .board-movie .contbox .cont{display:block;display:-webkit-box;overflow:hidden;max-height:144px;margin-top:14px;font-size:15px;line-height:24px;color:#7b7b7b;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-overflow:ellipsis}
.tp-movie-bd .board-movie .contbox .date{position:absolute;right:10px;bottom:5px;font-size:15px;color:#7b7b7b}
.tp-movie-bd .board-movie .like{position:absolute;left:370px;bottom:20px;z-index:10}
.tp-movie-bd .board-movie .like button .icon{display:inline-block;width:21px;height:18px;text-indent:-999em;background:url("../../images/sj/common/icon_like.png") no-repeat 50% 50%;margin-right:8px;vertical-align:middle;position:relative;top:-1px}
.tp-movie-bd .board-movie .like button .number{color:#7b7b7b;font-size:15px}
.tp-movie-bd .board-movie li:hover a:after{display:block;position:absolute;left:-5px;top:-5px;content:"";width:100%;height:100%;border:5px solid #feb32d}
.tp-movie-bd .board-movie li:hover .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);content:""}
.tp-movie-bd .board-movie li:hover .thumb .showthemovie{display:block}
.tp-movie-bd .board-movie a:hover:after{display:block;position:absolute;left:-5px;top:-5px;content:"";width:100%;height:100%;border:5px solid #feb32d}
.tp-movie-bd .board-movie a:hover .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);content:""}
.tp-movie-bd .board-movie a:hover .thumb .showthemovie{display:block}
/* 공통페이지 - pdf 게시판 */
.tp-pdf-bd .board-pdf{margin-top:19px}
.tp-pdf-bd .board-pdf:after{display:block;clear:both;content:""}
.tp-pdf-bd .board-pdf > li{position:relative;float:left;width:480px;height:200px;padding:15px 15px 0;border:1px solid #d7d5d4;box-sizing:border-box}
.tp-pdf-bd .board-pdf>li:nth-child(even){margin-left:20px}
.tp-pdf-bd .board-pdf>li:nth-child(2) ~ li{margin-top:15px}
.tp-pdf-bd .board-pdf>li:hover:after{display:block;content:"";position:absolute;left:-2px;top:-2px;width:100%;height:100%;border: 2px solid #3C569A;}
.tp-pdf-bd .board-pdf > li .cont{position:relative;height:100%;padding-right:175px;z-index:1}
.tp-pdf-bd .board-pdf > li .cont .tit{font-weight:bold;font-size:17px;color:#4b4b4b;line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tp-pdf-bd .board-pdf > li .cont .desc {font-size:14px; color:#777777; height:88px; line-height:22px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.tp-pdf-bd .board-pdf > li .cont .date{font-size:15px;color:#7b7b7b;position:absolute;left:0;bottom:20px}
.tp-pdf-bd .board-pdf > li .cont .pdf-menu{width:170px;margin-top:16px;border:1px solid #cbc6c5}
.tp-pdf-bd .board-pdf > li .cont .pdf-menu li{border-top:1px solid #cbc6c5}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu li:first-child{border-top:0}
.tp-pdf-bd .board-pdf > li .cont .pdf-menu a{display:block;position:relative;padding:0 20px;font-size:16px;color:#5d5d5d;font-weight:bold;line-height:42px}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a:after{display:inline-block;content:"";float:right;height:42px}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a.btn-nowshow:after{width:18px;background:url("../../images/sj/common/btn_search.png") no-repeat 50% 50%}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a.btn-pdfdown:after{width:20px;background:url("../../images/sj/common/btn_download.png") no-repeat 50% 50%}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a.btn-go:after {width:15px;background:url("../../images/sj/common/btn_go.png") no-repeat 50% 50%}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover{background: #1A7FD4;color:#fff;height:42px;border:0;padding:0 21px;}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover:after{height:40px}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover.btn-nowshow:after{background:url("../../images/sj/common/btn_search_on.png") no-repeat 50% 50%}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover.btn-pdfdown:after{background:url("../../images/sj/common/btn_download_on.png") no-repeat 50% 50%}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover.btn-go:after {background:url("../../images/sj/common/btn_go_on.png") no-repeat 50% 50%}
.tp-pdf-bd .board-pdf>li .cont .pdf-menu.pos-abs {position:absolute; bottom:15px; left:0;}
.tp-pdf-bd .board-pdf > li .thumb {position:absolute;right:15px;top:15px;width:155px;height:155px;background:#efefef;}
.tp-pdf-bd .board-pdf > li .thumb img{width:100%; height:100%; }
.tp-pdf-bd .board-pdf > li .thumb .flag{display:inline-block;width:50px;height:50px;position:absolute;left:-24px;bottom:11px;background:url("../../images/sj/common/icon_pdf.png") no-repeat 50% 50%;text-indent:-999em}
/* 공통페이지 - 동영상 게시판 */
.tp-photo-bd .board-photo{margin-top:20px}
.tp-photo-bd .board-photo:after{display:block;clear:both;content:""}
.tp-photo-bd .board-photo li{position:relative;float:left;width:320px;height:370px}
.tp-photo-bd .board-photo li:nth-child(3) ~ li{margin-top:15px}
.tp-photo-bd .board-photo li:nth-child(3n-1){margin-left:11px;margin-right:11px}
.tp-photo-bd .board-photo li a{display:block;position:relative;width:100%;height:100%;border:1px solid #d6d7d8;box-sizing:border-box}
.tp-photo-bd .board-photo .thumb{position:relative;overflow:hidden;width:100%;height:214px;border-bottom:1px solid #d6d7d8}
.tp-photo-bd .board-photo .thumb img{width:100%;height:100%}
.tp-photo-bd .board-photo .thumb .showthemovie{display:none;position:absolute;left:50%;top:50%;width:150px;margin:-20px 0 0 -75px;font-size:16px;text-align:center;font-weight:bold;color:#fff;line-height:38px;border: 1px solid #fff;background: rgba(60, 86, 154, 0.6);/* opacity: 0.4; */box-sizing:border-box;z-index:1;}
.tp-photo-bd .board-photo .flag{display:block;position:absolute;right:17px;top:-25px;z-index:2;width:50px;height:50px;text-indent:-999em;background:url("../../images/sj/common/icon_bd_movie2.png") no-repeat 50% 50%}
.tp-photo-bd .board-photo .contbox{position:relative;padding:34px 15px 10px;height:154px}
.tp-photo-bd .board-photo .contbox .tit{display:block;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:17px;font-weight:bold;color:#4b4b4b;white-space:nowrap}
.tp-photo-bd .board-photo .contbox .cont{display:block;display:-webkit-box;overflow:hidden;max-height:44px;margin-top:12px;font-size:15px;line-height:22px;color:#7b7b7b;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.tp-photo-bd .board-photo .contbox .date{position:absolute;right:15px;bottom:16px;font-size:15px;color:#7b7b7b}
.tp-photo-bd .board-photo .like{position:absolute;left:15px;bottom:15px;z-index:10}
.tp-photo-bd .board-photo .like button .icon{display:inline-block;width:21px;height:18px;text-indent:-999em;background:url("../../images/sj/common/icon_like.png") no-repeat 50% 50%;margin-right:8px;vertical-align:middle;position:relative;top:-1px}
.tp-photo-bd .board-photo .like button .number{color:#7b7b7b;font-size:15px}
.tp-photo-bd .board-photo li:hover a:after{display:block;position:absolute;left:-5px;top:-5px;content:"";width:100%;height:100%;border: 5px solid #3C569A;}
.tp-photo-bd .board-photo li:hover .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);content:""}
.tp-photo-bd .board-photo li:hover .thumb .showthemovie{display:block}
.tp-photo-bd .board-photo a:hover:after{display:block;position:absolute;left:-5px;top:-5px;content:"";width:100%;height:100%;/* border:5px solid #feb32d */}
.tp-photo-bd .board-photo a:hover .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);content:""}
.tp-photo-bd .board-photo a:hover .thumb .showthemovie{display:block}
/* 공통페이지 - 게시판 상세 */
.tp-bd-detail .board-title{color:#4b4b4b;font-size:20px;font-weight:bold;text-align:center;line-height:58px;border-top:2px solid #1A7FD4;border-bottom:1px solid #A3CCE8;background:#F4F7F9}
.tp-bd-detail table[class^=comp-tbl]{border-top:0 !important;width: 100%}
.tp-bd-detail table[class^=comp-tbl] tbody tr:first-child > *{border-top:0}
.tp-bd-detail table[class^=comp-tbl] .bd-content{padding:10px; line-height:30px;}
 
.bd-content{padding: 10px;margin-bottom: 10px;word-break:break-all;}
.bd-content p{min-height: 20px;}
.bd-content table{width: auto !important;}
.tp-bd-detail table[class^=comp-tbl] .bd-editor{margin:6px 25px;height:570px;overflow:hidden}
.tp-bd-detail table[class^=comp-tbl] .file{padding-left:34px;position:relative;font-size:16px;color:#787878;text-align:left;margin-bottom: 5px;}
.tp-bd-detail table[class^=comp-tbl] .file:before{display:block;position:absolute;left:0;top:5px;width:25px;height:25px;content:"";background:url("/resources/images/icon_download3.png") no-repeat 50% 50%}
.tp-bd-detail table[class^=comp-tbl] .file .lst{display:inline-block;vertical-align:middle}
.tp-bd-detail table[class^=comp-tbl] .file .lst:after{display:block;clear:both;content:""}
.tp-bd-detail table[class^=comp-tbl] .file .lst li{float:left}
.tp-bd-detail table[class^=comp-tbl] .file .lst li+li:before{display:inline-block;content:"/";margin:0 3px;vertical-align:middle}
.tp-bd-detail table[class^=comp-tbl] .file *[class*=comm-btn]{margin-left:5px; line-height: 32px; height: 30px; font-size: 13px; width: 75px; padding:0 10px;}
.tp-bd-detail .reply-wrap{border-top:1px solid #ababab;}
.tp-bd-detail .reply-wrap .write-area{overflow:hidden;border:10px solid #F4F7F9;background: #F4F7F9;}
.tp-bd-detail .reply-wrap textarea[class^=comp-textarea]{float:left;width:89%;height:80px;}
.tp-bd-detail .reply-wrap *[class^=comm-btn][class*=_lightorange]{float:left;width:11%;height:80px;padding:0 10px}
.tp-bd-detail .reply-wrap .relpy-list li{width:100%;padding:18px 30px;border-bottom:1px solid #d9d6d5;box-sizing:border-box}
.tp-bd-detail .reply-wrap .relpy-list li .writer{font-weight:900;box-sizing:border-box;display: inline-block;vertical-align: top;}
.tp-bd-detail .reply-wrap .relpy-list li .reply{width:100%;display: inline-block;vertical-align: top;margin-top: 7px;}
.tp-bd-detail .reply-wrap .relpy-list li .date{color: #AAAAAA;font-size: 15px;font-weight: 100;}
.tp-bd-detail .reply-wrap .relpy-list li .btn-remove{background: #778899;color: #fff;font-size: 15px;padding: 3px 5px;margin-left: 5px;}
/* 공통페이지 - 게시판 쓰기 */
.tp-bd-write table[class^=comp-tbl][class*=_formtype]{border-top:2px solid #1665bd; border-bottom: 1px solid #7a7a7a; margin: 10px 0;}
.tp-bd-write table[class^=comp-tbl][class*=_formtype] tr td{border-top: 1px solid #d9d6d5; padding: 0 5px;}
.tp-bd-write table[class^=comp-tbl][class*=_formtype] tr th{background: #f4f7f9; text-align: center; font-size: 16px; font-weight: bold; height: 50px; border-top: 1px solid #d9d6d5; border-left: 1px solid #d9d6d5; color: #4b4b4b;}
.tp-bd-write table[class^=comp-tbl][class*=_formtype] th:first-child { border-left: 0; }
.tp-bd-write table[class^=comp-tbl][class*=_formtype] tr:first-child th { border-top: 0; }
.tp-bd-write table[class^=comp-tbl][class*=_formtype] tr:nth-child(3) th,
.tp-bd-write table[class^=comp-tbl][class*=_formtype] tr:nth-child(3) td{/* border-bottom:1px solid #7a7a7a */}
.tp-bd-write table[class^=comp-tbl][class*=_formtype] tr td button.btn-upload { display: inline-block; width: 90px; color: #787878; font-size: 16px; text-align: center; border: 1px solid #7a7a7a; background: #f1f3f4; line-height: 26px; padding-bottom: 2px; margin-left: 10px; }
.tp-bd-write .bd-editor{margin:10px 5px; overflow:hidden}
.tp-bd-write .bd-editor textarea{display: none;}

@media(max-width : 1024px){
	.w1024_mt10{margin-top: 10px!important;}
	.w100p{width: 100%!important;}
	/* 공통페이지 - 동영상 게시판 */
    .tp-movie-bd .board-movie{margin-top:2rem}
    .tp-movie-bd .board-movie li{margin-top:1rem}
    .tp-movie-bd .board-movie li a{padding:1rem}
    .tp-movie-bd .board-movie .thumb{position:relative;left:0;top:0;width:100%;height:auto}
    .tp-movie-bd .board-movie .thumb img{width:100%}
    .tp-movie-bd .board-movie .thumb .showthemovie{width:10rem;margin:-1.75rem 0 0 -5rem;font-size:1.4rem;line-height:3.5rem}
    .tp-movie-bd .board-movie .thumb .flag{right:-2rem;top:1rem;width:4rem;height:4rem}
    .tp-movie-bd .board-movie .thumb .flag.movie{background-size:100% 100%}
    .tp-movie-bd .board-movie .thumb .flag.photo{background-size:100% 100%}
    .tp-movie-bd .board-movie .contbox{padding-left:0;height:auto}
    .tp-movie-bd .board-movie .contbox .tit{padding-top:1.5rem;font-size:1.4rem}
    .tp-movie-bd .board-movie .contbox .cont{max-height:9rem;margin-top:0.5rem;font-size:1.2rem;line-height:1.8rem;-webkit-line-clamp:5}
    .tp-movie-bd .board-movie .contbox .date{display:block;position:static;margin-top:2rem;font-size:1.2rem;text-align:right}
    .tp-movie-bd .board-movie .like{left:1rem;bottom:0.7rem}
    .tp-movie-bd .board-movie .like button .icon{width:1.8rem;height:1.8rem;margin-right:0.5rem;background-size:100% auto;top:-3px}
    .tp-movie-bd .board-movie .like button .number{font-size:1.2rem;line-height:1.8rem}
    /* 공통페이지 - 메아리 게시판 */
    .tp-pdf-bd .board-pdf{margin-top:2rem}
    .tp-pdf-bd .board-pdf > li{float:none;width:100%;height:18rem;padding:1rem 1rem 0}
    .tp-pdf-bd .board-pdf>li:nth-child(even){margin-left:0}
    .tp-pdf-bd .board-pdf>li:nth-child(1) ~ li{margin-top:1rem}
    .tp-pdf-bd .board-pdf > li .cont{height:100%;padding-right:13rem}
    .tp-pdf-bd .board-pdf > li .cont .tit{font-size:1.4rem;line-height:1.8rem}
    .tp-pdf-bd .board-pdf > li .cont .date{font-size:1.2rem;bottom:1rem}
    .tp-pdf-bd .board-pdf > li .cont .pdf-menu{width:100%;max-width:14rem;margin-top:1rem}
    .tp-pdf-bd .board-pdf > li .cont .pdf-menu a{padding:0 1rem;font-size:1.2rem;line-height:3.5rem}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a:after{height:3.5rem}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a.btn-nowshow:after{width:1.4rem;background-size:100% auto}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a.btn-pdfdown:after{width:1.5rem;background-size:100% auto}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover{height:3.3rem;padding:1px 1rem}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover:after{height:3.3rem}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover.btn-nowshow:after{background-size:100% auto}
    .tp-pdf-bd .board-pdf>li .cont .pdf-menu a:hover.btn-pdfdown:after{background-size:100% auto}
    .tp-pdf-bd .board-pdf > li .thumb{right:1rem;top:1rem;width:12rem;height:auto;-webkit-background-size:100% auto;background-size:100% auto}
    .tp-pdf-bd .board-pdf > li .thumb img{width:11rem}
    .tp-pdf-bd .board-pdf > li .thumb .flag{width:3rem;height:3rem;left:-1rem;bottom:1rem;background-size:100% 100%}
    /* 공통페이지 - 동영상 게시판 */
    .tp-photo-bd .board-photo{margin-top:2rem}
    .tp-photo-bd .board-photo li{float:none;width:100%;height:30rem}
    .tp-photo-bd .board-photo li:nth-child(1) ~ li{margin-top:1rem}
    .tp-photo-bd .board-photo li:nth-child(3n-1){margin-left:0;margin-right:0}
    .tp-photo-bd .board-photo .thumb{height:18rem}
    .tp-photo-bd .board-photo .thumb .showthemovie{width:15rem;margin:-1.75rem 0 0 -7.5rem;font-size:1.3rem;line-height:3.5rem}
    .tp-photo-bd .board-photo .flag{right:1.5rem;top:-2rem;width:4rem;height:4rem;background-size:100% 100%}
    .tp-photo-bd .board-photo .contbox{padding:1.5rem 1rem 1rem;height:12rem}
    .tp-photo-bd .board-photo .contbox .tit{font-size:1.4rem}
    .tp-photo-bd .board-photo .contbox .cont{max-height:3.6rem;margin-top:0.7rem;font-size:1.2rem;line-height:1.8rem}
    .tp-photo-bd .board-photo .contbox .date{right:1rem;bottom:1rem;font-size:1.2rem}
    .tp-photo-bd .board-photo .like{left:1rem;bottom:1rem}
    .tp-photo-bd .board-photo .like button .icon{width:1.5rem;height:18px;margin-right:0.5rem;background-size:100% auto}
    .tp-photo-bd .board-photo .like button .number{font-size:1.2rem}
    .tp-photo-bd .board-photo li:hover a:after{display:block;position:absolute;left:-5px;top:-5px;content:"";width:100%;height:100%;border:5px solid #feb32d}
    .tp-photo-bd .board-photo li:hover .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);content:""}
    .tp-photo-bd .board-photo li:hover .thumb .showthemovie{display:block}
    .tp-photo-bd .board-photo a:hover:after{display:block;position:absolute;left:-5px;top:-5px;content:"";width:100%;height:100%;border:5px solid #feb32d}
    .tp-photo-bd .board-photo a:hover .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);content:""}
    .tp-photo-bd .board-photo a:hover .thumb .showthemovie{display:block}
    /* 공통페이지 - 게시판 상세 */
    .tp-bd-detail .board-title{font-size:1.5rem;line-height:2.2rem;padding:1rem}
    .tp-bd-detail table[class^=comp-tbl] .file{padding-left:2.5rem;font-size:1.2rem}
    .tp-bd-detail table[class^=comp-tbl] .file:before{top:0.5rem;width:2rem;height:2rem;background-size:100% 100%}
    .tp-bd-detail table[class^=comp-tbl] .file .lst li{float:none}
    .tp-bd-detail table[class^=comp-tbl] .file .lst li+li:before{display:none}
    .tp-bd-detail table[class^=comp-tbl] .file *[class*=comm-btn]{margin-left:5px;padding:0 0.5rem}
    .tp-bd-detail table[class^=comp-tbl] .bd-content{min-height:20rem}
    .tp-bd-detail .reply-wrap .write-area{border:0.5rem solid #F4F7F9}
    .tp-bd-detail .reply-wrap textarea[class^=comp-textarea]{width:75%}
    .tp-bd-detail .reply-wrap *[class^=comm-btn][class*=_lightorange]{width:25%!important;padding: 0!important;} 
    .tp-bd-detail .reply-wrap .relpy-list li{padding:0.9rem 0;font-size:1.2rem}
    /* 공통페이지 - 게시판 쓰기 */
    .tp-bd-write .bd-editor{margin:0;height:30rem}
}

@media(max-width : 425px){
	.customer-zone .customer-bottom .form button{width: 80px!important;font-size: 10px!important;}
	.customer-zone .customer-bottom .form input{width: calc(100% - 100px)!important;}
	#footer .footer-banner .banner-slider a { width: 45px !important; }
	.customer-zone .customer-bottom .form{padding: 15px 10px 20px!important;}
	*[class^=comp-tab][class*=_big] li:first-child:nth-last-child(3), *[class^=comp-tab][class*=_big] li:first-child:nth-last-child(3) ~ li{width: 49.333%}
	.tp-bd-detail .reply-wrap .relpy-list li .btn-remove,
	.tp-bd-detail .reply-wrap .relpy-list li .date{font-size: 1.2rem;vertical-align: middle;}
}

/*일정*/
.cal-wrap{width:100%;border:1px solid #d3d3d3;border-top:2px solid #1968cb;margin-bottom:25px;}
.cal-wrap .cal-header{padding:20px 25px;background:#f1fafe;}
.cal-wrap .type-list{width:100%;}
.cal-wrap .type-list:after{content:'';display:block;clear:both;}
.cal-wrap .type-list li{float:left;margin-right:30px;padding-left:34px;position: relative;line-height:24px;font-size:15px;color:#1c1c1c;}
.cal-wrap .type-list li span{display:block;width:24px;height:24px;border-radius:12px;font-size:13px;font-weight:bold;color:#fff;text-align:center;line-height:22px;position:absolute;left:0;top:0;}
.type-r{background:#ff6c00}
.type-p{background:#1d87c4}
.type-c{background:#25aa5d}
.type-y{background:#2544aa}
.type-a{background:#ffae01}
.type-all{background:#414141}
.cal-wrap .calendar-sec{padding:10px 30px 30px;position: relative;}
.cal-wrap .cal-navi{position:relative;}
.cal-wrap .cal-navi .btn-prev, .cal-wrap .cal-navi .btn-next{display:block;width:38px;height:38px;top:25px;position:absolute;z-index: 1;}
.cal-wrap .cal-navi .btn-prev{background:url(/resources/images/sj/subpage/btn_cal_prev.png) 0 0 no-repeat;left:35px;}
.cal-wrap .cal-navi .btn-next{background:url(/resources/images/sj/subpage/btn_cal_next.png) 0 0 no-repeat;right:35px;}
.cal-wrap .cal-navi .yymm{font-size:36px;color:#2f2f2f;text-align:center;}
.cal-wrap .cal-navi .yymm em{font-size:66px;font-weight:bold;}
.cal-wrap .tb-calendar{width:100%;margin-top:30px;table-layout:fixed; border-top:1px solid #d4d4d4;}
.cal-wrap .tb-calendar th{padding:17px 0;font-size:15px;font-weight:bold;color:#2f2f2f;text-align:center;border-bottom:1px dashed #d4d4d4;}
.cal-wrap .tb-calendar th:first-child{color:#e0002f;}
.cal-wrap .tb-calendar th:last-child{color:#0c6ed2;}
.cal-wrap .tb-calendar td{padding:10px;border-bottom:1px dashed #d4d4d4;height:100px;vertical-align:top;border-left:1px dashed #d4d4d4;}
.cal-wrap .tb-calendar td:first-child{border-left:0;}
.cal-wrap .tb-calendar td:first-child span.day em{color:#e0002f;}
.cal-wrap .tb-calendar td:last-child span.day em{color:#c1d0e1;}
.cal-wrap .tb-calendar td.disabled{background: #f5f5f5;}
.cal-wrap .tb-calendar td.today{background:#fffbd5;}
.cal-wrap .tb-calendar td span.day{font-size:14px;color:#c3c3c3;}
.cal-wrap .tb-calendar td span.day em{font-size:17px;color:#c4c4c4;font-weight:bold;}
.cal-wrap .tb-calendar td span.day.holiday{color:#e0002f;}
.cal-wrap .tb-calendar td span.day.holiday em{color:#e0002f;margin-right:5px;}
.cal-wrap .tb-calendar td.today span.day em{color:#353535;}
.cal-wrap .tb-calendar td .event{margin-top:5px;position:relative;}
.cal-wrap .tb-calendar td .event li{padding-left:28px;position:relative;font-size:12px;color:#1c1c1c;min-height:20px;line-height:20px;margin-top:2px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.cal-wrap .tb-calendar td .event li:first-child{margin-top:0;}
.cal-wrap .tb-calendar td .event li span{display:inline-block;width:20px;height:20px;border-radius:10px;font-size:10px;font-weight:bold;color:#fff;text-align:center;line-height:20px;position:absolute;left:0;top:0;}
.cal-wrap .tb-calendar td .pro-wrap{position:absolute;padding:10px;background:#fff;border:1px solid #848484;width:245px;left:0;top:22px;z-index:2;display:none;}
.cal-wrap .tb-calendar td .event:hover .pro-wrap{display:block;}

.time-btn.btn-upload {border:1px solid #999999; line-height:28px;}

*[class^=comm-btn][class*=_type2]{display:inline-block;width:100px;height:35px;line-height:33px;vertical-align:middle;text-align:center;font-size:15px;border:1px solid #d9d6d5;color:#787878;box-sizing:border-box}
*[class^=comm-btn][class*=_type3]{display:inline-block;min-width:120px;height:42px;line-height:40px;vertical-align:middle;text-align:center;font-size:15px;border-width:1px;border-style:solid;box-sizing:border-box}
*[class^=comm-btn][class*=_type4]{display:inline-block;height:45px;padding:0 20px;line-height:43px;vertical-align:middle;text-align:center;font-size:16px;border-width:1px;border-style:solid;box-sizing:border-box}
*[class^=comm-btn][class*=_round]{border-radius:4px}
*[class^=comm-btn][class*=_gray]{background: #3C569A;color:#fff;border-color: #3C569A;}
*[class^=comm-btn][class*=_lgrey]{background:#d7d7d7;color:#3e3e3e;border-color:#d7d7d7}
*[class^=comm-btn][class*=_lightgray]{background:#486D9F;color:#fff;border-color:#486D9F}
*[class^=comm-btn][class*=_lightgray2]{background:#eaeaea;color:#333;border-color:#d6d5d5}
*[class^=comm-btn][class*=_whitegray]{background:#fff;color:#787878;border-color:#d9d6d5}
*[class^=comm-btn][class*=_orange]{background: #486D9F;color:#fff;border-color: #486D9F;}
*[class^=comm-btn][class*=_lightorange]{background: #3C569A;color:#fff;border-color: #3C569A;}
*[class^=comm-btn][class*=_deeporange]{background: #486D9F;color:#fff;border-color: #486D9F;}
*[class^=comm-btn][class*=_whiteorange]{background-color:#fff;color:#4b4b4b;border-color: #A3CCE8;}
*[class^=comm-btn][class*=_whiteorange]:hover{background-color: #EEF5FC;color: #000;}
*[class^=comm-btn][class*=_brown]{background-color:#785719;color:#fff;border-color:#785719}
*[class^=comm-btn][class*=_lightbrown]{background-color:#cc9966;color:#fff;border-color:#cc9966}
*[class^=comm-btn][class*=_yellow]{background-color: #486D9F;color:#fff;border-color: #486D9F;}
*[class^=comm-btn][class*=_lightyellow]{background-color:#fff6c5;color:#333;border-color:#e3daa8}
*[class^=comm-btn][class*=_deepyellow]{background-color:#ffca59;color:#333;border-color:#d6a743}
*[class^=comm-btn][class*=_blue]{background:#f4f7f9;color:#787878;border-color:#d9d6d5}
*[class^=comm-btn][class*=_deepblue]{background-color:#336ac0;color:#fff;border-color:#336ac0}
*[class^=comm-btn][class*=_lightblue]{background-color:#8fb9c9;color:#fff;border-color:#8fb9c9}
*[class^=comm-btn][class*=_ledblue]{background-color:#417ff2;color:#fff;border-color:#417ff2}
*[class^=comm-btn][class*=_green]{background-color:#3b596a;color:#fff;border-color:#3b596a}
*[class^=comm-btn][class*=_whitegreen]{background-color:#fff;color:#4b4b4b;border-color:#b1b1b1}
*[class^=comm-btn][class*=_navy]{background-color:#014099;color:#fff;border-color:#014099}
*[class^=comm-btn][class*=_download1]:before{display:inline-block;vertical-align:middle;content:"";width:25px;height:25px;background:url("../../images/usc/common/icon_download1.png") no-repeat 50% 50%;margin-right:7px}
*[class^=comm-btn][class*=_download1] span{top:0}

/*설문조사 결과보기*/
#container .request .page-search-zone{margin-bottom:40px}
#container .request .page-search-zone .page-total{font-size:16px}
#container .request .tbl-type1 td{position:relative}
#container .request .tbl-type1 .align-l{padding-right:79px}
#container .request .tbl-type1 a{display:inline-block;width:32px;height:31px;vertical-align:middle}
#container .request .tbl-type1 .end{display:inline-block;position:absolute;top:12px;right:20px;width:79px;height:32px;background:#676767;color:#fff;text-align:center;border-radius:30px;line-height:32px}
#container .request .tit-area{position:relative;width:100%;height:67px;margin-bottom:46px;padding-left:52px;background:#eef3fa;line-height:67px;box-sizing:border-box}
#container .request .tit-area:after{display:block;clear:both;content:''}
#container .request .tit-area .bg{display:none;position:relative;margin-right:50px;border-right:65px solid #16a0d0;border-top:60px solid #16a0d0;border-left:65px solid #16a0d0;border-bottom:25px solid transparent}
#container .request .tit-area .txt{display:inline-block;position:absolute;top:-60px;left:-66px;width:131px;font-size:20px;color:#fff;text-align:center}
#container .request .tit-area .tit{display:inline-block;font-size:20px;font-weight:bold;vertical-align:top;color:#444}
#container .request .tit-area .date{position:absolute;top:3px;right:36px;font-size:16px}
#container .request .result-area{width:100%;margin-top:15px;padding:30px 40px 30px 44px;border:1px solid #333333;box-sizing:border-box}
#container .request .result-area .txt-que{margin-bottom:18px;color:#535353}
#container .request .result-area .reply-area > li{position:relative;padding-left:285px;background:url("../images/board/bg-border.png") no-repeat 278px 0}
#container .request .result-area .reply-area>li:after{display:block;clear:both;content:''}
#container .request .result-area .reply-area > li .example-area{position:absolute;top:10px;left:0;font-weight:bold;color:#535353}
#container .request .result-area .reply-area > li .example-area .num{display:inline-block;width:26px;height:26px;margin-right:10px;background:#e4e4e4;border-radius:50% 50% 0 50%;text-align:center;line-height:26px}
#container .request .result-area .reply-area > li .graph-border{padding:10px 0;border-left:1px solid #e3e3e3}
#container .request .result-area .reply-area > li .graph-area{position:relative;display:inline-block;width:100%;height:30px;background:#f4f4f4;border:1px solid #e3e3e3;border-left:0 none;border-radius:0;line-height:30px;font-weight:bold;font-size:16px}
#container .request .result-area .reply-area > li .graph-area.bg01 .txt01{background:#ff8e33}
#container .request .result-area .reply-area > li .graph-area.bg02 .txt01{background:#13ac95}
#container .request .result-area .reply-area > li .graph-area.bg03 .txt01{background:#16a0d0}
#container .request .result-area .reply-area > li .graph-area.bg04 .txt01{background:#b9b9b9}
#container .request .result-area .reply-area > li .graph-area.bg05 .txt01{background:#a371ac}
#container .request .result-area .reply-area > li .graph-area .bg-area{display:inline-block}
#container .request .result-area .reply-area > li .graph-area .txt01{display:inline-block;padding-left:10px;height:100%;color:#fff;border-radius:0;box-sizing:border-box}
#container .request .result-area .reply-area > li .graph-area em{position:absolute;top:0;left:10px}
#container .request .result-area .reply-area > li .graph-area .txt02{position:absolute;right:14px;top:0;color:#535353}
#container .request .research-area > li{margin-bottom:42px;padding:0 0 43px 16px;border-bottom:1px solid #e2e1e1}
#container .request .research-area>li:last-child{margin-bottom:0}
#container .request .research-area > li.ex04 .radio-lst li{width:calc(100% / 4 - 16px); margin-bottom:5px;}
#container .request .research-area > li.ex05 .radio-lst li{width:calc(100% / 5 - 16px); margin-bottom:5px;}
#container .request .research-area > li.ex07 .radio-lst li{width:calc(100% / 7 - 16px); margin-bottom:5px;}
#container .request .research-area > li .radio-lst li+li{margin-left:0}
#container .request .research-area > li.ex-long .radio-lst li{float:none}
#container .request .research-area > li p.h3{margin-bottom:15px}
#container .request .research-area > li .check-type1 label{padding-left:0;padding-right:30px}
#container .request .research-area>li .check-type1 label:before{left:auto;right:0}
#container .request .btn-zone{margin-top:74px}

.customer-zone{border:1px solid #cfcfcf;overflow:hidden; margin-top:80px;} /* 20190702s */
.customer-zone .customer-top{position:relative;overflow:hidden;height:45px;padding:0 15px;line-height:44px}
.customer-zone .customer-top .addr{float:left}
.customer-zone .customer-top .addr:after{display:block;clear:both;content:""}
.customer-zone .customer-top .addr li{float:left;position:relative;padding-left:30px;margin-left:35px;font-size:14px;color:#7f7f7f}
.customer-zone .customer-top .addr li:first-child{margin-left:0}
.customer-zone .customer-top .addr li:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;content:""}
.customer-zone .customer-top .addr .icon-part:before{background:url("/resources/templates/reserve/assets/images/common/icon_customerzone1.png") no-repeat 50% 50%}
.customer-zone .customer-top .addr .icon-person:before{background:url("/resources/templates/reserve/assets/images/common/icon_customerzone2.png") no-repeat 50% 50%}
.customer-zone .customer-top .addr .icon-number:before{background:url("/resources/templates/reserve/assets/images/common/icon_customerzone3.png") no-repeat 50% 50%}
.customer-zone .customer-top .date{float:right;font-size:14px;color:#7f7f7f;position:relative;padding-left:30px}
.customer-zone .customer-top .date:before{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;background:url("/resources/templates/reserve/assets/images/common/icon_customerzone4.png") no-repeat 50% 50%;content:""}
.customer-zone .customer-bottom{background:#eff0f1;padding-top:14px;border-top:1px solid #cfcfcf}
.customer-zone .customer-bottom .agreebox{padding:0 13px}
.customer-zone .customer-bottom .agreebox:after{display:block;clear:both;content:""}
.customer-zone .customer-bottom .agreebox .txt{float:left;font-size:14px;color:#1c1c1c;position:relative;padding-left:40px;line-height:27px}
.customer-zone .customer-bottom .agreebox .txt:before{display:inline-block;position:absolute;left:0;top:0;width:27px;height:27px;content:"";background:url("/resources/templates/reserve/assets/images/common/icon_customerzone_txt.png") no-repeat 50% 50%}
.customer-zone .customer-bottom .agreebox .radio-lst{float:left;margin-left:28px;margin-top:5px}
.customer-zone .customer-bottom .agreebox .radio-lst:after{display:block;clear:both;content:""}
.customer-zone .customer-bottom .agreebox .radio-lst li{float:left;margin-left:20px;position:relative}
.customer-zone .customer-bottom .agreebox .radio-lst li:first-child{margin-left:0}
.customer-zone .customer-bottom .agreebox .radio-lst input{width:1px;height:1px;position:absolute;left:2px;top:50%}
.customer-zone .customer-bottom .agreebox .radio-lst label{display:inline-block;font-size:14px;color:#7f7f7f;padding-left:20px;position:relative;vertical-align:top}
.customer-zone .customer-bottom .agreebox .radio-lst label:before{display:block;position:absolute;left:0;top:3px;width:14px;height:14px;content:"";background:url("/resources/templates/reserve/assets/images/common/form_radio2_off.png") no-repeat 50% 50%}
.customer-zone .customer-bottom .agreebox .radio-lst input:checked+label:before{background:url("/resources/templates/reserve/assets/images/common/form_radio2_on.png") no-repeat 50% 50%}
.customer-zone .customer-bottom .form{padding:15px 30px 20px}
.customer-zone .customer-bottom .form:after{display:block;clear:both;content:""}
.customer-zone .customer-bottom .form input{float:left;width:calc(100% - 130px);padding:0 10px;height:30px;font-size:13px;background:#fff}
.customer-zone .customer-bottom .form button{float:left;width:108px;height:30px;color:#fff;font-size:13px;background:#777777;}

@media(max-width:1024px) {
	.customer-zone {margin-top:30px;}	
	.layer_popup {width:350px !important; left:50% !important; top:100px !important; margin-left:-175px !important; padding:0 !important;}
    .layer_popup .layer_popup_cont {width:100% !important; height: auto !important; padding-bottom:38px !important;}
    .layer_popup .layer_popup_cont img {width:100%;}
    .sm-depth.mo {display: block;}
	*[class=page-login] .subtit{width:386px;}
	#header.comm #gnb h2 a.outlnk:after, #header.comm #gnb h3 a.outlnk:after{display: none;}
	#header.comm.open #gnb > ul > li:first-child:before{display: none;}
}
@media (max-width: 438px){
  *[class=page-login] .subtit{width:100%;}
  *[class=page-login] .subtit{font-size:18px;}
}
@media (max-width: 550px){
  .customer-zone .customer-bottom .agreebox .radio-lst{float:none;width: 208px;margin: 0 auto;margin-top:5px;}
  .customer-zone .customer-bottom .agreebox .txt{float: none;}
  }
.sm-depth.mo {display: none;}
@media(max-width:1126px) {
	
}

/*팝업*/
.layer_popup {position:absolute; background:#ffffff; box-shadow:0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08); font-size:14px; color:#000000;}
.layer_popup .layer_popup_footer {position:absolute;right: 0;bottom: 8px;height:40px;line-height:40px;text-align:right;}
.layer_popup .layer_popup_footer > a {display:inline-block;width: 40px;border-left:1px solid #bfbfbf;margin-left:10px;text-align:center;}
.layer_popup .layer_popup_footer > a img{display: inline-block;vertical-align: sub;}