@charset "utf-8";
/* common.css */

/* overflow */
.overflow-a{overflow:auto!important;}
.overflow-x{overflow-x:auto!important;}
.overflow-y{overflow-y:auto!important;}

.m0a{margin:0 auto;}
/* margin-top */
.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;}
.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;}
.mt65{margin-top:65px!important;}
.mt70{margin-top:70px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}
.mt90{margin-top:90px!important;}
.mt95{margin-top:95px!important;}
.mt100{margin-top:100px!important;}
.mtm1{margin-top:-1px;}

/* margin-bottom */
.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;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb85{margin-bottom:85px!important;}
.mb90{margin-bottom:90px!important;}
.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}

/* margin-left */
.ml0{margin-left:0px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}
.ml55{margin-left:55px!important;}
.ml60{margin-left:60px!important;}
.ml65{margin-left:65px!important;}
.ml70{margin-left:70px!important;}
.ml75{margin-left:75px!important;}
.ml80{margin-left:80px!important;}
.ml85{margin-left:85px!important;}
.ml90{margin-left:90px!important;}
.ml95{margin-left:95px!important;}
.ml100{margin-left:100px!important;}

/* margin-right */
.mr0{margin-right:0px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
.mr55{margin-right:55px!important;}
.mr60{margin-right:60px!important;}
.mr65{margin-right:65px!important;}
.mr70{margin-right:70px!important;}
.mr75{margin-right:75px!important;}
.mr80{margin-right:80px!important;}
.mr85{margin-right:85px!important;}
.mr90{margin-right:90px!important;}
.mr95{margin-right:95px!important;}
.mr100{margin-right:100px!important;}

/* padding */
.pd0{padding:0px!important;}
.pd5{padding:5px!important;}
.pd10{padding:10px!important;}
.pd15{padding:15px!important;}
.pd20{padding:20px!important;}
.pd25{padding:25px!important;}
.pd30{padding:30px!important;}
.pd40{padding:40px!important;}
.pd45{padding:45px!important;}
.pd50{padding:50px!important;}
.pd55{padding:55px!important;}
.pd60{padding:60px!important;}
.pd65{padding:65px!important;}
.pd70{padding:70px!important;}
.pd75{padding:75px!important;}
.pd80{padding:80px!important;}
.pd85{padding:85px!important;}
.pd90{padding:90px!important;}
.pd95{padding:95px!important;}
.pd100{padding:100px!important;}

/* padding-left */
.pdl0{padding-left:0!important;}

/* padding-top */
.pt0{padding-top:0px!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;}
.pt55{padding-top:55px!important;}
.pt60{padding-top:60px!important;}
.pt65{padding-top:65px!important;}
.pt70{padding-top:70px!important;}
.pt75{padding-top:75px!important;}
.pt80{padding-top:80px!important;}
.pt85{padding-top:85px!important;}
.pt90{padding-top:90px!important;}
.pt95{padding-top:95px!important;}
.pt100{padding-top:100px!important;}

/* padding-left */
.pl0{padding-left:0px!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}
.pl55{padding-left:55px!important;}
.pl60{padding-left:60px!important;}
.pl65{padding-left:65px!important;}
.pl70{padding-left:70px!important;}
.pl75{padding-left:75px!important;}
.pl80{padding-left:80px!important;}
.pl85{padding-left:85px!important;}
.pl90{padding-left:90px!important;}
.pl95{padding-left:95px!important;}
.pl100{padding-left:100px!important;}

/* padding-right */
.pr0{padding-right:0px!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}
.pr55{padding-right:55px!important;}
.pr60{padding-right:60px!important;}
.pr65{padding-right:65px!important;}
.pr70{padding-right:70px!important;}
.pr75{padding-right:75px!important;}
.pr80{padding-right:80px!important;}
.pr85{padding-right:85px!important;}
.pr90{padding-right:90px!important;}
.pr95{padding-right:95px!important;}
.pr100{padding-right:100px!important;}

/* width */
.wauto{width:auto!important;}
.w0{width:0px!important;}
.w5{width:5px!important;}
.w10{width:10px!important;}
.w15{width:15px!important;}
.w20{width:20px!important;}
.w25{width:25px!important;}
.w30{width:30px!important;}
.w40{width:40px!important;}
.w45{width:45px!important;}
.w50{width:50px!important;}
.w55{width:55px!important;}
.w60{width:60px!important;}
.w65{width:65px!important;}
.w70{width:70px!important;}
.w75{width:75px!important;}
.w80{width:80px!important;}
.w85{width:85px!important;}
.w90{width:90px!important;}
.w95{width:95px!important;}
.w100{width:100px!important;}
.w105{width:105px!important;}
.w110{width:110px!important;}
.w115{width:115px!important;}
.w120{width:120px!important;}
.w125{width:125px!important;}
.w130{width:130px!important;}
.w140{width:140px!important;}
.w145{width:145px!important;}
.w150{width:150px!important;}
.w155{width:155px!important;}
.w160{width:160px!important;}
.w165{width:165px!important;}
.w170{width:170px!important;}
.w175{width:175px!important;}
.w180{width:180px!important;}
.w185{width:185px!important;}
.w190{width:190px!important;}
.w195{width:195px!important;}
.w100{width:100px!important;}
.w1000{width:1000px!important;}

/* width percent */
.w25p{width:25%!important;}
.w39p{width:39%!important;}
.w40p{width:40%!important;}
.w50p{width:50%!important;}
.w100p{width:100%!important;}

/* max-width */
.mw110{max-width:110px!important; width:100%;}
.mw120{max-width:120px!important; width:100%;}
.mw130{max-width:130px!important; width:100%;}
.mw200{max-width:200px!important; width:100%;}
.mw300{max-width:300px!important; width:100%;}
.mw350{max-width:350px!important; width:100%;}
.mw400{max-width:400px!important; width:100%;}
.mw500{max-width:500px!important; width:100%;}
.mw550{max-width:550px!important; width:100%;}
.mw600{max-width:600px!important; width:100%;}
.mw650{max-width:650px!important; width:100%;}
.mw700{max-width:700px!important; width:100%;}
.mw750{max-width:750px!important; width:100%;}
.mw800{max-width:800px!important; width:100%;}
.mw850{max-width:850px!important; width:100%;}
.mw900{max-width:900px!important; width:100%;}
.mw1080{max-width:1080px!important;}
.mw1200{max-width:1200px!important;}
.mw1300{max-width:1300px!important;}



/* height */
.h0{height:0px!important;}
.h5{height:5px!important;}
.h10{height:10px!important;}
.h15{height:15px!important;}
.h20{height:20px!important;}
.h25{height:25px!important;}
.h30{height:30px!important;}
.h40{height:40px!important;}
.h45{height:45px!important;}
.h50{height:50px!important;}
.h55{height:55px!important;}
.h60{height:60px!important;}
.h65{height:65px!important;}
.h70{height:70px!important;}
.h75{height:75px!important;}
.h80{height:80px!important;}
.h85{height:85px!important;}
.h90{height:90px!important;}
.h95{height:95px!important;}
.h100{height:100px!important;}
.h105{height:105px!important;}
.h110{height:110px!important;}
.h115{height:115px!important;}
.h120{height:120px!important;}
.h125{height:125px!important;}
.h130{height:130px!important;}
.h140{height:140px!important;}
.h145{height:145px!important;}
.h150{height:150px!important;}
.h155{height:155px!important;}
.h160{height:160px!important;}
.h165{height:165px!important;}
.h170{height:170px!important;}
.h175{height:175px!important;}
.h180{height:180px!important;}
.h185{height:185px!important;}
.h190{height:190px!important;}
.h195{height:195px!important;}
.h100{height:100px!important;}
.h1000{height:1000px!important;}

.mh300{max-height:300px!important;}
.mh500{max-height:620px!important;}

.h-auto{height:auto!important;}
.h100p{height:100%!important;}


/* vertical align */
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

/* text align */
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right!important;}
.tj {text-align:justify!important;}

/* jusify-content */
.jc{justify-content: center;}
.jl{justify-content: left;}
.jr{justify-content: right;}
.j-sb{justify-content: space-between;}
.j-sa{justify-content: space-around;}

/* align-items */
.ai-c{align-items: center;}

/* display */
.db {display:block !important;}
.dib {display:inline-block !important;}
.df {display:flex !important;}
.dn {display:none !important;}

.hide {display:none !important;}
/* .show{display:table-row;} */
.show{display:block;}

/* elip */
.elips {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* float */
.fl {float:left;}
.fr {float:right;}
.fn {float:none!important;}

/* font-weight */
.fwb{font-weight:bold!important;}

/* font-size */
.fs0{font-size:0;}

/* font-color */
.color-r{color:#e6541c!important;}
.color-r2{color:#FF6464!important;}
.color-g{color:#53af31!important;}
.color-o{color:#fd721f!important;}
.color-b{color:#303030!important;}
.color-b-02{color:#8f82bc!important;}
.gray{color:#777777;}
.color-p{color:#ab10e9;}
.color-y{color:#FFDD00!important;}
.color-blue{color:#003984!important;}
.color-blue2{color:#005FC7!important;}
.color-light-blue{color:#3B9DF8!important;}

/* border */
.bdg{border:1px solid #53af31!important;}
.bdgray{border:1px solid #cecece!important;}
.btgray{border-top:1px solid #cecece!important;}
.bdlg{border-left:1px solid #dcdcdc;}
.bdn{border:none!important;}
.bdtn{border-top:none!important;}
.bdtg{border-top:1px solid #dcdcdc!important;}
.bdbg{border-bottom:1px solid #dcdcdc!important;}
.bdtg2{border-top:2px solid #c9c9c9;}
.bdtb{border-top:1px solid #A0B3CC!important;}
.bdln{border-left:none!important;}
.bdrn{border-right:none!important;}
.bdbn{border-bottom:none!important;}
.bdrg{border-right:1px solid #c9c9c9!important;}


/* text-decoration */
.txt_ul{text-decoration: underline;}

/* background */
.bgw{background:#ffffff!important;}
.bg_gray{background:#eeeeee;}
.orange{}
.sub_bg_01{background:#e8e8e8;}
/* etc */
.csp {cursor:pointer;}
.clear {clear:both;}
/***** SET *****/

.bold{font-weight:bold;}
.point{color:#ef4153;}

/* placeholder color 제어 */
input:-ms-input-placeholder { color: #888888; }
/* Internet Explorer 10 이상에 적용 */

input::-webkit-input-placeholder { color: #888888; }
/* Webkit, Blink, Edge에 적용 */

input::-moz-placeholder { color: #888888; }
/* Mozilla Firefox 4 부터 18에 적용 */

input::-moz-placeholder { color: #888888; }
/* Mozilla Firefox 19 이상에 적용 */

/** web, mobile **/
.web-only{display:block!important;}
.mo-only{display:none!important;}

/* body{overflow-x:hidden;} */
body *{box-sizing:border-box;}

/** form **/
.sel-type-01,
.ip-type-01{height:40px!important; width:100%;}
.sel-type-01{padding-right:30px;}

/** 줄바꿈 **/
.dib-db{display:inline-block;}

/*** wrap ***/
/* .wrap{width:100%; height:100%;  box-sizing:border-box; background-size:1920px;} */
/* .sub-contents{width:100%;  height:auto; background:#ffffff; box-sizing:border-box; min-height:550px;} */
/* .sub-contents .sub-in{margin:0 auto; height:auto; padding-top:25px; padding-bottom:25px; max-width:1280px; position:relative; overflow:hidden;} */

body{width:100%; height:100%; box-sizing:border-box;}
.wrap{width:100%; height:100%;  padding-top:80px; }
.sub-contents{width:100%;  height:auto;}
.sub-contents.center{height:calc(100% - 99px);}
.sub-contents .sub-in{width:100%; height:100%; margin:0 auto; overflow:hidden; padding:30px 10px; position:relative; min-height:calc(100vh - 179px); max-width: 1280px;}
.sub-contents .sub-in.mw1080{margin:0 auto;}


/** 헤더(S) **/
.header{width:100%; min-width:360px;  position:fixed; height:80px;  /* left:0; */ top:0; z-index:99999; border-bottom:1px solid #dde4ea;  background:#ffffff;}
.header.active{background:rgba(255, 255, 255, 0.9); transition: 0.4s; border-bottom:1px solid #dde4ea;}
.header .h-in{margin:0 auto; height:100%; position:relative; text-align: center;}
.header .hi-top{width:100%; height:40px; background:#dcdcdc; overflow:visible;}
.header .hi-top .ht-in{max-width:1600px; margin:0 auto;  overflow:visible; position:relative; height:100%; padding:0 10px; }
.header .hi-top .ht-in .signin{ float:right; height:100%;}
.header .hi-top .ht-in .signin .ht-category-wrap{line-height:38px; }
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category{display:inline-block; margin-left:40px; position:relative; }
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category:first-child{margin-left:0;}
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category.arrow::after{content:''; width:14px; height:10px; display:inline-block;  background:url(../img/header-top-arrow.png) center no-repeat; margin-left:5px;}
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category a{display:inline-block; color:#ffffff; font-size:20px; }
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category .hover-sel-depth{display:none; position:absolute;  font-size:20px; color:#ffffff; z-index:999999; width:140px; background:#ffffff; top:38px; left:50%; transform:translateX(-50%); border:2px solid #cccccc; padding:10px 0;}
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category:hover .hover-sel-depth{display:block;  transition: 0.2s;}
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category .hover-sel-depth li{line-height:28px;}
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category .hover-sel-depth li a{font-size:14px; color:#333333;}
.header .hi-top .ht-in .signin .ht-category-wrap .ht-category .hover-sel-depth li a:hover{font-weight:bold;}
.header .hi-bottom {width:100%;   height:80px;   max-width:1600px; margin:0 auto; position:relative; padding:0 10px; overflow:visible;}
.header .hi-bottom .main-logo{ display:inline-block; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-weight:bold; font-size:24px; color:#000000!important;}
/* .header .hi-bottom .main-logo img{width:100%;} */
.header .hi-bottom .hb-in{ width:100%; max-width:920px; margin:0 auto; height:100%; }
.header .hi-bottom .btn-mobile-menu{ position:absolute; top:50%; right:15px; transform:translateY(-50%); width:25px; height:20px; display:none;}
.header .hi-bottom .btn-mobile-menu img{width:100%;}
.menu-btn{width:100%;}
.menu-btn > ul{ height:100%; position:relative; overflow:hidden; font-size:0; width:100%; display:flex; align-items:center; justify-content:space-around; }
.menu-btn > ul > li{float:left; box-sizing:Border-box;height:100%; line-height:80px; position:relative; flex:1;}
.menu-btn > ul > li:hover::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:6px; background:#003984;}
.menu-btn > ul > li > a{ color: #000000; font-size: 22px; display: block; font-weight: 900; font-family:"S-CoreDream-3Light"!important; }
/* .menu-btn > ul > li > a:hover{color:#1FB0A1;} */
.menu-btn > ul > li > a{position:relative;}
.menu-depth{ width:100%;  height:auto; background:#fcfcfc; border:1px solid #dde4ea; display:none; font-family:'S-CoreDream-3Light' ;}
.menu-depth.show{display:block;}
.menu-depth > ul{height:auto; position:relative; display:flex; justify-content: space-around; overflow:hidden; flex:1;}
.menu-depth > ul > li{float:left;   height: 100%; box-sizing:border-box; width:100%;}
.subnav{ width:100%;}
.subnav > li{display:block; width:100%; width:100%; height:52px; }
.subnav > li > a{color: #000000; font-size: 18px; line-height: 50px; font-weight:bold; display:block; font-family:'S-CoreDream-3Light'!important;}
.subnav > li > a:hover{color:#003984;}
/* .subnav > li:hover{background:#1FB0A1;} */
/* .subnav > li:hover a{color:#ffffff; font-weight:bold;} */
.subnav > li.premium a{color:#1FB0A1; font-weight:bold;}
.subnav > li.premium:hover{background:#43515a;}
/* .subnav > li.premium:hover a{color:#ffffff;} */
.menu-depth > ul > li .depth-3 a{display:block;  width:100%; height:40px; line-height:38px; font-size:22px; color:#000000;}
.menu-depth > ul > li .depth-3 a:hover{color:#003984;}
.log-box{position:absolute; top:35px; right:10px; display:flex;}
.log-box .btn-log{font-size:20px;  color:#000; font-weight:bold; display:flex; align-items: center; margin-left:10px;}
.log-box .btn-log::before{content:''; display:inline-block; width:16px; height:16px; background-size:cover; background-position:center; background-repeat: no-repeat; margin-right:5px;}
.log-box .btn-log.in::before{background:url(/img/web/login.png); }
.log-box .btn-log.out::before{background:url(/img/web/logout.png);}
/** 헤더(E) **/

/** 모바일메뉴(S) **/
.mobile-menu{position:fixed; width:100%; z-index:8; top:0px; left:100%;    height:100%; overflow-y:auto;     z-index: 999999; transition: left 0.5s; background:#ffffff;}
.mobile-menu.active{left:0;}
.mobile-menu .lnb-box{z-index:99999; position:absolute; width:100%;}
.btn-lnb{display:none;}
/* #lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8; letter-spacing: -2px;}
#lnb > ul {}
#lnb > ul > li { border-bottom: 1px solid #dcdcdc;}
#lnb > ul > li.on{background:#f3f3f3;}
#lnb > ul > li > a {display: block;  height:55px; line-height:53px; text-align:left; color:#333333; font-size:20px; position:relative;  font-weight:900; padding-left:20px;}
#lnb > ul > li > a::after{display:inline-block; content:""; background:url(../img/list_on_arrow.png) center no-repeat; width:15px; height:15px; right:20px; position:absolute; top:50%; transform:translateY(-50%); background-size:contain;}
#lnb > ul > li.on > a{color: #003984;}
#lnb > ul > li.on > a::after {display:inline-block; content:""; background:url(../img/list_on_arrow_h.png) center no-repeat; width:15px; height:15px; right:20px; position:absolute; top:50%; transform:translateY(-50%); background-size:contain;}
#lnb > ul > li > ul{display:none; box-sizing:border-box; font-size:0;}
#lnb > ul > li > ul > li {  width:100%; box-sizing:border-box; display:inline-block;}
#lnb > ul > li > ul > li > a {display: block; height:45px; line-height:43px; text-align:left; color:#333333; font-size:16px; position:relative;  padding-left:40px; font-weight:bold;}
#lnb > ul > li > ul > li > a.linked{color:yellow; text-decoration:underline; font-weight:bold;}
#lnb > ul > li > ul > li > a::after{display:inline-block; content:""; background:url(../img/list_on_arrow.png) center no-repeat; width:14px; height:6px; right:20px; position:absolute; top:20px; background-size:cover;}
#lnb > ul > li > ul > li.on > a{ color: #303030; }
#lnb > ul > li > ul > li.on > a::after {display:inline-block; content:""; background:url(../img/list_on_arrow_h.png) center no-repeat; width:15px; height:7px; right:20px; position:absolute; top:20px; background-size:contain;}
#lnb > ul > li > ul > li > ul{display:none;}
#lnb > ul > li > ul > li > ul > li { border-bottom: 1px solid #dcdcdc;}
#lnb > ul > li > ul > li > ul > li > a {display: block; background:#ffffff; height:50px; line-height:48px; text-align:left; color:#303030; font-size:16px; position:relative; padding-left:60px;}
#lnb > ul > li > ul > li > ul > li.on > a{ color: #ffffff;}
#lnb > ul li.noDepth a::after {background-image: none !important; } */



#lnb h1 { height: 40px; text-align: center; color: #fff; font-size: 20px; line-height: 1.8; letter-spacing: -2px; } 
.lm-in { width:100%; z-index:8; top:0px; left:100%; height:100%; overflow-y:auto; z-index: 999999; transition: left 0.5s; background:#ffffff; } 
.lm-in.active { left:0; } 
.lm-in .lnb-box { z-index:99999; position:absolute; width:100%; } 
#lnb h1 { height: 40px; text-align: center; color: #fff; font-size: 20px; line-height: 1.8; letter-spacing: -2px; } 
#lnb > ul > li { border-bottom: 1px solid #dcdcdc; } 
#lnb > ul > li.on { } 
#lnb > ul > li > a { display: block;  text-align:left; color:#333333; font-size:1rem; position:relative; font-weight:600; padding:0.5rem 1rem 0.5rem 1.25rem;  line-height:normal;  position:relative; } 
#lnb > ul > li.icon > a::before { display:inline-block; content:''; width:30px; height:30px; position:absolute; left:10px;; top:50%; transform:translateY(-50%); background-size:contain; } 
#lnb > ul > li.icon.future > a::before { background:url(../img/icon-lnb-future.png) center no-repeat; } 
#lnb > ul > li.icon.trend > a::before { background:url(../img/icon-lnb-trend.png) center no-repeat; } 
#lnb > ul > li.icon.test > a::before { background:url(../img/icon-lnb-test.png) center no-repeat; } 
#lnb > ul > li.icon.situation > a::before { background:url(../img/icon-lnb-situation.png) center no-repeat; } 
#lnb > ul > li.icon.info > a::before { background:url(../img/icon-lnb-trend.png) center no-repeat; } 
#lnb > ul > li.icon.future.on > a::before { background:url(../img/icon-lnb-future-on.png) center no-repeat; } 
#lnb > ul > li.icon.trend.on > a::before { background:url(../img/icon-lnb-trend-on.png) center no-repeat; } 
#lnb > ul > li.icon.test.on > a::before { background:url(../img/icon-lnb-test-on.png) center no-repeat; } 
#lnb > ul > li.icon.situation.on > a::before { background:url(../img/icon-lnb-situation-on.png) center no-repeat; } 
#lnb > ul > li.icon.info.on > a::before { background:url(../img/icon-lnb-trend-on.png) center no-repeat; } 
#lnb > ul > li > a::after { display:inline-block; content:""; background:url(../img/icon-lnb-arrow.svg) center no-repeat; width:20px; height:20px; right:20px; position:absolute; top:50%; transform:translateY(-50%); background-size:contain; } 
#lnb > ul > li.on > a { color: #25949B; } 
#lnb > ul > li.on > a::after { display:inline-block; content:""; background:url(../img/icon-lnb-arrow-on.svg) center no-repeat; width:20px; height:20px; right:20px; position:absolute; top:50%; transform:translateY(-50%); background-size:contain; } 
#lnb > ul > li > ul { display:none; box-sizing:border-box; font-size:0; } 
#lnb > ul > li > ul > li { width:100%; box-sizing:border-box; display:inline-block; } 
#lnb > ul > li > ul > li > a { display: block; text-align:left; color:#838383; font-size:1rem; position:relative; padding-left:40px; font-weight:600; padding:0.5rem 2rem 0.5rem 2.5rem;} 
#lnb > ul > li > ul > li > a.linked { color:yellow; text-decoration:underline; font-weight:600; } 
#lnb > ul > li > ul > li > a::after { display:inline-block; content:""; background:url(../img/icon-lnb-arrow-2.svg) center no-repeat; width:14px; height:7px; right:23px; position:absolute; top:20px; background-size:cover; } 
#lnb > ul > li > ul > li > a:focus { color:#25949B } 
/* #lnb > ul > li > ul > li.on > a { color: #303030; } */
#lnb > ul > li > ul > li.on > a::after { display:inline-block; content:""; background:url(../img/icon-lnb-arrow-2-on.svg) center no-repeat; width:14px; height:7px; right:22px; position:absolute; top:20px; background-size:contain; } 
#lnb > ul > li > ul > li > ul { display:none; } 
#lnb > ul > li > ul > li > ul > li { } 
#lnb > ul > li > ul > li > ul > li > a { display: block; background:#ffffff;  text-align:left; color:#303030; font-size:0.875rem; position:relative; padding-left:60px; padding:0.5rem 2rem 0.5rem 2.5rem;} 
#lnb > ul > li > ul > li > ul > li.on > a { color: #ffffff; } 
#lnb > ul li.noDepth a::after { background-image: none !important; } 
.dim{position:absolute; top:0; left:0; width:100%; height:100%; background:#030303; opacity:.8; z-index:2;}
.mm-top{width:100%; height:65px; position:relative; border-bottom:1px solid #ffffff;}
.mm-top .m-log{position:absolute; left: 15px; top:50%; transform:translateY(-50%); }
.mm-top .m-log a{display:inline-block; color:#003984; font-size:20px; font-weight:Bold; }
.mm-top .m-log a::after{padding:0 10px; content:'|';  display:inline-block; }
.mm-top .m-log a:last-child::after{display:none;}
.mm-top .m-btn-close{position:absolute; right: 15px; top:50%; transform:translateY(-50%); width: 15px ;z-index:9999; font-size:0;}
.mm-top .m-btn-close img{width:100%;}
.mobile-menu.active .m-btn-close{display:inline-block;}
/** 모바일메뉴(E) **/

/** 타이틀(S) **/
.title-box{overflow:hidden;  line-height:24px!important; margin-bottom:5px; width:100%; position:relative; display:flex; align-items:center; justify-content: space-between;}
.title-box.page{border-bottom:4px solid #003984;  padding-bottom:8px; margin-bottom:10px;}
.log-title{color:#101010; font-size:24px; font-weight:Bold; border-bottom:1px solid #cccccc; padding-bottom:20px;}
.page-title{color:#101010; font-size:24px; font-weight:Bold;}
.member-title{color:#101010; font-size:26px; font-weight:Bold;}
.member-title-02{color:#101010; font-size:22px; font-weight:Bold;}
.member-title-02 span{color:#FF0707;}
.title-01{font-size:24px; color:#101010; font-weight:bold; line-height:normal;}
.title-01.special{ position:relative; padding-left:20px;}
.title-01.special span{display:inline-block; position:absolute; top:0; left:0;}
.title-02{font-size:22px; color:#101010; font-weight:bold; line-height:normal;}
.title-02.special{ position:relative; padding-left:20px;}
.title-02.special span{display:inline-block; position:absolute; top:0; left:0;}
.title-03{font-size:20px; color:#101010; font-weight:bold;}
.title-03.special{ position:relative; padding-left:20px;}
.title-03.special span{display:inline-block; position:absolute; top:0; left:0;}
.title-01-sub{font-size:20px; color:#777777;  }
.title-s-01{font-size:22px; color:#003984; font-weight:900; padding-left:10px; border-left:2px solid #003984; margin-bottom:20px;}
.text-single{font-size: 19px; color: #000000; line-height: 24px; margin-top:20px; position:relative; }
.text-single.special{ position:relative; padding-left:20px; }
.text-single.special span{display:inline-block; position:absolute; top:0; left:0;}
.text-warning{font-size: 17px; color: #000000; line-height: 20px; margin-top:10px; position:relative; }
.text-warning.special{ position:relative; padding-left:20px; }
.text-warning.special span{display:inline-block; position:absolute; top:0; left:0;}

/** 타이틀(E) **/

.radio-box{display:flex; align-items:center; }

/** 배너 **/
.banner{width:100%; overflow:hidden; position:relative;  font-size:0; height:150px; display:flex; align-items:center; justify-content: center;}
/* .banner img{width:100%;} */
.banner .banner-title{ position:absolute;  top:50%; left:50%; transform:translate(-50%, -50%); font-size:30px; color:#ffffff; font-family:"S-CoreDream-3Light"; font-weight:800; line-height:38px; width:100%; text-align:center; padding:0 20px;}


/** 텍스트(S) **/
.text-01{font-size:19px; color:#000000; line-height:24px;}
/* .text-01.dot{padding-left:20px; position:relative;}
.text-01.dot::before{content:'●'; position:absolute; left:0;}
.text-01.point-01::before{content:'*'; position:absolute; left:0;}
.text-01.num{padding-left:20px; position:relative;}
.text-01.num span{ position:absolute; left:0;}
.text-01.special{position:absolute; top:5px; left:0;} */
.text-01.special{padding-left:10px; position:relative;}
.text-01.special .dot{position:absolute; top:2px; left:0;}
.text-01.warn{padding-left:30px; position:relative; }
.text-01.warn span{position:absolute; top:3px; left:0; width:20px; height:20px; font-size:0;}
.text-01.warn span img{width:100%;}
.text-title{font-size:22px; font-weight:900; padding:20px 0;}
/** 텍스트(E) **/

/** 상단네비(S) **/
.nav-wrap{width:100%; overflow:hidden;  background:#EEEEEE; padding:0 10px;}
.nav-wrap .nav{width:100%; max-width:1600px; margin:0 auto; margin:0 auto; height:40px; display:flex; align-items: center; justify-content: left;}
.nav-wrap .nav .nav-step.ns1 a{display:inline-block; background:url(../img/nav-home.png) center no-repeat; background-size:contain; width:22px; height:17px;}
.nav-wrap .nav .nav-step::after{ content:'';  margin:0 10px; display:inline-block; background:url(../img/nav-arrow.png) center no-repeat; background-size:contain; width:8px; height:12px; }
.nav-wrap .nav .nav-step:last-child:after{display:none;}
.nav-wrap .nav .nav-step a{font-size:20px; color:#425059; display:inline-block;  font-weight:bold;}
.nav-wrap .nav .nav-step.on a{color:#003984;}
/** 상단네비(E) **/

/** 순서(S) **/
.step-box{width:100%; display:flex; align-items: center;  justify-content:space-around; border:1px solid #CAC8C8;   border-radius: 5px;     box-shadow: #d5d5d5 5px 5px 8px;}
.step-box .step{ display:flex; align-items: center;  justify-content:center;  height:58px; font-size:22px;  font-weight:bold; position:relative; width:100%;}
.step-box .step::before{content:''; display:inline-block; width:40px; height:40px; border:1px solid #CAC8C8; position:absolute; top:50%; left:-19px;   transform:translateY(-50%) rotate(45deg); border-left:0; border-bottom:0; }
.step-box .step:first-child::before{display:none;}

/** 순서(E) **/

/** 박스(S) **/
.box-style-01{width:100%; overflow:hidden; border-bottom:1px solid #C9C9C9; padding:20px;}
.box-style-02{width:100%; overflow:hidden; border:1px solid #003984; padding:25px 15px; border-radius:5px;}
.box-style-01.bg-b{background:#425059;}
.text-box p{font-size:20px; line-height:28px;}
.icon-box .icon{font-size:0; overflow:hidden; display:inline-block;}

/** 박스(E) **/

/** 탭(S) **/
.tab-box{width:100%; overflow:hidden;}
.tab-box .tab-btn-wrap{display:flex; align-items:center; justify-content: space-around;}
.tab-box .tab-btn-wrap .tab-button{flex:1; height:100%; background:#425059; display:block; text-align:center; height:45px; line-height:43px; font-weight:bold; font-size:22px; border-bottom:2px solid #16b4ff;}
.tab-box .tab-btn-wrap .tab-button a{display:block;  color:#ffffff; }
.tab-box .tab-btn-wrap .tab-button:hover,
.tab-box .tab-btn-wrap .tab-button.on{background:#16b4ff;}
.tab-box .tab-cont-wrap{width:100%; overflow:hidden;}
.tab-box .tab-cont-wrap .tab-content{ display:none; }
.tab-box .tab-cont-wrap .tab-content.on{display:block;}
/** 탭(E) **/

/** 버튼(S) **/
.btn-box{width:100%; margin-top:20px; overflow:hidden; box-sizing:border-box;}
.btn-box.type-2{display: flex; align-items: center; justify-content: space-between;}
.btn-type-01{height:40px; padding:0 10px; color:#ffffff; font-size:20px; background:#425059; display:inline-block; line-height:38px;  min-width:90px; text-align:center; border-radius:5px;}
.btn-type-02{display:inline-block; text-align:center; padding:0 10px; background:#3d3d3d; color:#ffffff; font-size:17px; position:relative; height:35px; line-height:35px; width:90px; align-items:center;  margin:0 5px; border-radius:5px; }
.btn-type-03{display:inline-block; min-width:70px;  padding:0 10px; height:30px; line-height:28px;font-size:16px; text-align:center; background:#ffffff; border:1px solid #303030; color:#303030; box-sizing:border-box; border-radius:5px; }
.btn-type-03.btn-plus{background:#2652c8; border:1px solid #2652c8; color:#ffffff;}
.btn-type-03.btn-minus{background:#f9525f; border:1px solid #f9525f; color:#ffffff;}
.btn-gray{background:#425059; border:1px solid #425059; color:#ffffff;}
.btn-black{background:#303030; border:1px solid #303030; color:#ffffff;}
.btn-green{background:#1FB0A1; border:1px solid #1FB0A1; color:#ffffff;}
.btn-blue{background:#2652c8; border:1px solid #2652c8; color:#ffffff;}
.btn-red{background:#f9525f; border:1px solid #f9525f; color:#ffffff;}
.btn-search{height:55px; line-height:53px; max-width:160px; width:100%; color:#ffffff; font-size:22px; font-weight:bold; background:#425059; display:block; line-height:55px; vertical-align:bottom; background:#003984; color:#003984; color:#ffffff; text-align:center; position:relative; padding-left:20px; margin:0 auto; margin-top:10px; border-radius:5px;}
.btn-search::before{content:''; position:absolute; top:50%; left:52px; transform:translateY(-50%); background:url(../img/icon-btn-search.png) center no-repeat; width:20px; height:20px; background-size:contain;}
.btn-type-01.col-search{position:relative;  padding-left:35px; width:auto;}
.btn-type-01.col-search::before{content:''; position:absolute; top:50%; left:15px; transform:translateY(-50%); background:url(../img/icon-btn-search.png) center no-repeat; width:20px; height:20px; background-size:contain;}
.btn-disabled{background:#b5b5b5; border:1px solid #b5b5b5; color:#ffffff; cursor:context-menu;}
.btn-down{display:inline-block!important; width:20px; height:26px; font-size:0; }
.btn-down img{width:100%;}


.btn-blue-white{background:#426D9B!important; color:#ffffff!important; border:1px solid #426D9B!important;}
.btn-white-blue{background:#ffffff!important; color:#426D9B!important; border:1px solid #426D9B!important;}
.btn-light-blue-white{background:#39A9F9!important; color:#ffffff!important; border:1px solid #6EC3FF!important;}
.btn-light-blue-white2{background:#6EC3FF!important; color:#ffffff!important; border:1px solid #6EC3FF!important;}
.btn-light-blue-white3{background:#0067D8!important; color:#ffffff!important; border:1px solid #0067D8!important;}
.btn-light-blue-white4{background:#004EA4!important; color:#ffffff!important; border:1px solid #004EA4!important;}
.btn-light-white-blue{background:#ffffff!important; color:#39A9F9!important; border:1px solid #39A9F9!important;}
.btn-green-white{background:#0D7567!important; color:#ffffff!important; border:1px solid #426D9B!important;}
.btn-green-white2{background:#00A488!important; color:#ffffff!important; border:1px solid #00A488!important;}
.btn-white-green{background:#ffffff!important; color:#0D7567!important; border:1px solid #0D7567!important;}
.btn-navy-white{background:#003984!important; color:#ffffff!important; border:1px solid #003984!important;}
.btn-white-navy{background:#ffffff!important; color:#003984!important; border:1px solid #003984!important;}
.btn-gray-white{background:#707070!important; color:#ffffff!important; border:1px solid #707070!important;}
.btn-red-white{background:#FF6464!important; color:#ffffff!important; border:1px solid #FF6464!important;}
.btn-red-white2{background:#C70000!important; color:#ffffff!important; border:1px solid #C70000!important;}
.btn-white-red{background:#ffffff!important; color:#FF6464!important; border:1px solid #FF6464!important;}


.btn-excel{background:#ffffff; color:#107C41; border:1px solid #107C41; position:relative; padding:0px 10px 0 30px; text-align:center; width:160px;}
.btn-excel::before{content:''; position:absolute; top:50%; left:10px; transform:translateY(-50%); background:url(../img/icon-excel.png) center no-repeat; width:20px; height:20px; background-size:contain;}
.btn-list{background:#707070; color:#ffffff; border:1px solid #707070; position:relative; padding:0px 10px 0 30px; text-align:center; width:100px;}
.btn-list::before{content:''; position:absolute; top:50%; left:15px; transform:translateY(-50%); background:url(../img/icon-list.png) center no-repeat; width:20px; height:13px; background-size:contain; }

.btn-icon{display:inline-block; width:20px; height:20px; font-size:0;  vertical-align:-17%; margin-right:5px; background-size:cover;}
.btn-icon img{width:100%; height:100%; }
/** 버튼(E) **/


/** 테이블 기본(S) **/
.table-type-01{width:100%; overflow:hidden; height:auto; box-sizing:border-box; border-radius: 5px;  border:1px solid #C9C9C9;     box-shadow: #d5d5d5 5px 5px 8px;}
.table-type-01 table{width:100%; table-layout: fixed; border-collapse:collapse; background:#ffffff;}
/* .table-type-01.overflow-x > table{min-width:800px;} */
.table-type-01 table thead{}
.table-type-01 table thead tr{ box-sizing:border-box; height:50px; }
.table-type-01 table thead tr th{    color:#303030; font-size:20px; line-height:28px; font-weight:bold; padding:0px 5px; box-sizing:border-box;  background:#FBFBFB; text-align:center; border: 1px solid #C9C9C9;}
/* .table-type-01 table thead tr th:last-child{border-right:0;} */
.table-type-01 table tbody tr{ border-bottom:1px solid #C9C9C9; height:50px;}
.table-type-01 table tbody tr:last-child{border-bottom:0;}
/* .table-type-01 table tbody tr:hover{background:#fffbe6;} */
.table-type-01 table tbody tr th{border:1px solid #C9C9C9;  background:#ededed; font-weight:bold; font-size:20px;}
.table-type-01 table tbody tr td{ color:#303030; padding:5px 5px; box-sizing:border-box; position:relative; height:50px; border: 1px solid #C9C9C9;}
/* .table-type-01 table tbody tr td:last-child{border-right:0;} */
.table-type-01 table tbody tr td p{word-break: break-all; line-height:28px; font-size:20px;}
.table-type-01 table tbody tr td a{display:block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.table-type-01 table tfoot tr{ height:48px; border-bottom: 2px solid #3d3d3d; border-top: 2px solid #3d3d3d; background:#fcf8e0;}
.table-type-01 table tfoot tr th{font-weight:900;}
.table-type-01 table tfoot tr td{ color:#303030; padding:5px 10px; height:38px; box-sizing:border-box; position:relative;  border:1px solid #dcdcdc;}
.table-type-01 tr td .btn-type-02{margin:5px; display:inline-block; font-size:16px;}
.table-type-01.w-map table thead tr{height:67px;}
.table-type-01.w-map table tbody tr{height:63px; line-height:20px}
.table-type-01 tbody tr th div{display:flex; align-items:center; justify-content: space-between; padding:0 5px;}
/** 테이블 기본(E) **/

.table-type-01.no-border table{border:1px solid #C9C9C9; }
.table-type-01.no-border table thead tr{border:1px solid #C9C9C9; }
.table-type-01.no-border table thead tr th,
.table-type-01.no-border table tbody tr td{border:0;}

.table-type-01.type-2 tr{height:65px; }
.table-type-01.type-2 tr th{font-size:22px; width:143px; background:#E7EFF8; border:0;}
.table-type-01.type-2 tr td{padding:13px 10px; border:0;}
.table-type-01.type-2 .form-box{padding:0; width:100%;}

/* .table-type-01.overflow-x table{min-width:420px;} */


/* min-width */
.minw-unset{min-width:unset!important;}
.overflow-x.miw350 > table{min-width:350px!important;}
.overflow-x.miw400 > table{min-width:400px!important;}
.overflow-x.miw450 > table{min-width:450px!important;}
.overflow-x.miw500 > table{min-width:500px!important;}
.overflow-x.miw500 > table{min-width:500px!important;}
.overflow-x.miw550 > table{min-width:550px!important;}
.overflow-x.miw600 > table{min-width:600px!important;}
.overflow-x.miw650 > table{min-width:650px!important;}
.overflow-x.miw700 > table{min-width:700px!important;}
.overflow-x.miw750 > table{min-width:750px!important;}
.overflow-x.miw800 > table{min-width:800px!important;}
.overflow-x.miw850 > table{min-width:850px!important;}
.overflow-x.miw900 > table{min-width:900px!important;}

/** column(S) **/
.column-wrap{width:100%; overflow:hidden; border:1px solid #dedede; padding:20px 10px;}
.column-wrap .column{width:100%;  float:left; padding:13px 10px;}
.column-wrap.col1.single .column{width:50%;}
.column-wrap.col1 .column{width:100%!important;}
.column-wrap.col2 .column{width:50%;}
.column-wrap.col3 .column{width:33.33%;}
.column-wrap.col4 .column{width:25%;}
.column-wrap.col1_9 .cola{width:10%;}
.column-wrap.col1_9 .colb{width:90%;}
.column-wrap.col2_8 .cola{width:20%;}
.column-wrap.col2_8 .colb{width:80%;}
.column-wrap.col3_7 .cola{width:30%;}
.column-wrap.col3_7 .colb{width:70%;}
.column-wrap.col4_6 .cola{width:40%;}
.column-wrap.col4_6 .colb{width:60%;}
.column-wrap.col5_5 .cola{width:50%;}
.column-wrap.col5_5 .colb{width:50%;}
.column-wrap.col6_4 .cola{width:60%;}
.column-wrap.col6_4 .colb{width:40%;}
.column-wrap.col7_3 .cola{width:70%;}
.column-wrap.col7_3 .colb{width:30%;}
.column-wrap.col8_2 .cola{width:80%;}
.column-wrap.col8_2 .colb{width:20%;}
.column-wrap.col9_1 .cola{width:80%;}
.column-wrap.col9_1 .colb{width:20%;}
/** column(E) **/

.column-wrap.regist{ margin-top:20px; border:0;}
.column-wrap.regist .column.cola{border-right:0; width:calc(66.66% - 10px); margin-right:10px; float:left;}
.column-wrap.regist .column .s-title-01{width:150px!important;}
.column-wrap.regist .column .form-box{width:calc(100% - 150px)!important;}
.column-wrap.regist .column.colb{width:33.33%;  float:left;}
.column-wrap.regist .column .table-type-01 tr{border-bottom:1px solid #A0B3CC}
.column-wrap.regist .column .table-type-01 th,
.column-wrap.regist .column .table-type-01 td{border-right:0;}
.column-wrap.regist .column .table-type-01 th{width:135px; /*font-size:20px;*/}
.column-wrap.regist .column .table-type-01 th div{width:100%; padding:0 10px; display:flex; align-items:center; justify-content: space-between;}
.column-wrap.regist .column .table-type-01 td .form-box{width:100%!important;}
.column-wrap.regist .column .table-type-01 td .map-box{box-sizing:border-box;}
.column-wrap.regist .column .table-type-01 td .map-box img{width:100%; height:100%;}
.column-wrap.regist .column .table-type-01 td .textarea-size.small{height:200px;}
.column-wrap.regist .column .table-type-01 td .textarea-size.large{height:358px;}
.column-wrap.regist .column .table-type-01 td .textarea-size.large .form-box{height:100%;}
.column-wrap.regist .column .table-type-01 td .textarea-size.large .form-box .ta-type-01{height:100%;}
.column-wrap.no-padding{padding:0;}
.column-wrap.no-padding .column{padding:0;}



/** 검색창(S) **/
/* .search-box{border-top:2px solid #003984;} */
/* .search-box .column-wrap{padding:0; border:none; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom: 1px solid #A0B3CC;} */
.search-box{overflow:visible;  }
.search-box .column-wrap{padding:0; border-radius:10px; border:1px solid #4B6B93;/* border-bottom:0; */     box-shadow: #d5d5d5 5px 5px 8px; overflow:hidden;}
.search-box .column-wrap > .column{display:flex; align-items:center;  border-bottom:1px solid #A0B3CC; padding:0; height:67px;}
/* .search-box .column-wrap > .column:nth-child(even){border-bottom:0;} */
/* .search-box .column-wrap.col2 > .column:nth-child(odd):last-child{border-right:1px solid #C9C9C9; border-bottom:0;} */
.search-box .column-wrap > .column .s-title-01{width:130px; font-size:20px; font-weight:bold; background:#E7EFF8; height:65px; display:flex; align-items: center; justify-content: center; padding:0 10px; column-gap:100px; line-height:25px; justify-content: center; flex-direction: column}
.search-box .column-wrap > .column .s-title-01 p{width:100%; display:flex; align-items:center; justify-content: space-between;}
.search-box .column-wrap > .column .s-title-01.essential::after{content:'*'; color:#e6541c; margin-left:5px;}
.form-box{display:flex; align-items:center; width:calc(100%  - 130px); padding:13px 10px; box-sizing:border-box;}
.form-box .sel-type-01,
.form-box .ip-type-01,
.form-box .date-box,
.form-box .time-box{width:100%; font-size:18px; height:40px;}
.form-box .text-01{text-align:center; width:100%;}
.form-box .btn-type-01{height:40px; line-height:38px;     word-break: keep-all;}
.form-box .date-box,
.form-box .time-box{width:calc(50% - 7px)!important;  flex:1; border:1px solid #dcdcdc;}
.form-box .date-box input[type="date"],
.form-box .time-box input[type="time"]{font-size:16px; border:0; font-weight:400;  font-family: "NanumSquare"; letter-spacing: -1px;}
.form-box .time-box input[type="time"]{line-height:36px; width:100%;}
/* .hyphen{margin:0 5px;} */
.form-box .hyphen{font-size:14px; width:14px; text-align:center; margin:0 0px; }

.form-text{margin-left:5px; font-size:19px;}
/* .btn-form-search{margin-left:10px; width:48px; height:40px; font-size:0; overflow:unset!important;} */
/* .btn-form-search img{width:48px; height:40px;} */
.btn-form-search{ font-size:0; margin-left:5px; display:inline-block; width:48px; height:40px;}
.btn-form-search img{}



.btn-form-plus{margin-left:10px; width:40px; height:40px; font-size:0; overflow:unset!important;}
.btn-form-plus img{width:40px; height:40px;}
.btn-form-delete{margin-left:10px; width:40px; height:40px; font-size:0; overflow:unset!important;}
.btn-form-delete img{width:40px; height:40px;}
/* .search-title{background:#EEEEEE; width:100%; height:55px; display:flex; align-items: center; justify-content: center; font-size:22px; font-weight:bold; border:1px solid #C9C9C9;} */
.search-title{background:#474747; width:100%; height:65px; display:flex; align-items: center; justify-content: center;}
.search-title h4{font-size:22px; font-weight:bold; color:#ffffff; display:flex; align-items:center;}
.form-box .btn-type-02{margin:0; height:40px; line-height:38px;}
/** 검색창(E) **/

/** 페이지(S) **/
.paging-box{width:100%; overflow:hidden; height:auto; text-align:center; font-size:0; display:flex; align-items: center; justify-content: center; margin-top:10px; height:25px;}
.paging-box .btn-page{display:inline-block; width:25px; height:14px; font-size:20px; color:#3d3d3d;  border-radius:30px; text-align:center; margin:0 5px; line-height:17px;}
.paging-box .btn-page.on, .paging-box .btn-page:hover{ color:#003984; font-weight:bold;}
.btn-page-prev-double{display:inline-block; background:url(../img/btn-prev-double.png) center no-repeat; width:20px; height:16px;  }
.btn-page-prev{display:inline-block; background:url(../img/btn-prev.png) center no-repeat; width:10px; height:16px;  margin-left:10px;}
.btn-page-next-double{display:inline-block; background:url(../img/btn-next-double.png) center no-repeat; width:20px; height:16px;  }
.btn-page-next{display:inline-block; background:url(../img/btn-next.png) center no-repeat; width:10px; height:16px;  margin-right:10px;}
/** 페이지(E) **/

/** 푸터(S) **/
.footer{width:100%; height:auto; border-top:1px solid #7D7D7D; background:#7D7D7D; }
.footer .f_in{max-width:1600px; height:100%; margin:0 auto; position:relative; display:flex; align-items:center; padding:10px 50px;}
.footer .f_in .f_logo{font-size:22px;  font-weight:bold; font-size:24px; color:#ffffff!important;}
.footer .f_in .f_logo img{width:100%;}
.footer .f_in .f_info{margin-left:70px;}
.footer .f_in .f_info > ul{display:flex; align-items:center;}
.footer .f_in .f_info > ul:last-child{margin-bottom:0;}
.footer .f_in .f_info > ul > li{font-size:15px; color:#ffffff; line-height:24px;}
.footer .f_in .f_info > ul.f_menu{margin-bottom:30px;}
.footer .f_in .f_info > ul.f_menu > li{margin-right:30px;}
.footer .f_in .f_info > ul.f_menu > li a{display:inline-block; color:#ffffff; font-size:15px; font-weight:100;}
.footer .f_in .f_info > ul.f_menu > li:hover a{color:#1FB0A1; }
.footer .f_in .f_info > ul.f_menu .point{font-weight:bold;}
/* .footer .f_in .f_info > ul.f_address{margin-bottom:18px;} */
.footer .f_in .f_info > ul.f_address li{margin-right:30px;}
.footer .f_in .f_info > ul.f_address li:last-child{margin-right:0;}
.footer .f_in .sns-box{position:absolute; top:10px; right:10px;}
.footer .f_in .sns-box .sns{margin-left:5px; width:35px;  font-size:0; display:inline-block;}
.footer .f_in .sns-box .sns:first-child{margin-left:0;}
/** 푸터(E) **/


/** 팝업 **/
/* 공통 */
.dim-layer{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 99999;}
.dim-layer .dimBg{position:absolute; top:0; left:0; width:100%; height:400%; background:#000 ;opacity:.5; filter:alpha(opacity=50);}
.dim-layer .pop-layer{display:block;}
.dim-layer.show{display:block;}
.pop-layer {display:none; position:absolute; z-index:1020; }
.dim-layer.show .pop-layer{top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pop-container{width:100%;}
.popup_bg{display:none; position:fixed; width:100vw; height:100vh; background:rgba(0,0,0,0.5);  z-index:999999; top:0; left:0;}
.popup{ width:100%; overflow:hidden; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border:1px solid #003984; background:#ffffff; z-index:999999;}
.pop_header{width:100%; height:60px; background:#003984; position:relative; }
.pop_header .p_tit{position:absolute; font-size:24px; color:#ffffff; top:50%; transform:translateY(-50%); left:20px; font-weight:bold;}
.pop_header .p_close{position:absolute; width:20px; height:20px; background:url("../img/btn_pop_close.png") center no-repeat; top:50%; transform:translateY(-50%); right:20px; }
.pop_content{height:calc(100% - 50px); overflow-y:auto;}
.p_search_box{background:#ffffff;}
.p_s_top{width:100%;  padding:38px 30px; box-sizing: border-box;}
.p_notice{color:#303030; font-size:22px;}
.p_s_input{position:relative; width:100%; height:50px; overflow:hidden; border-bottom:2px solid #434343; box-sizing:border-box; margin-top:16px;}
.p_s_input input{height:100%; padding:0 7px; width:calc(100% - 40px); border:none;}
.p_s_input input::placeholder{color:#777777;}
.p_s_input .p_btn_search{position:absolute; top:50%; transform:translateY(-50%); right:10px; width:24px; height:25px; background:url("../img/p_btn_search.png") center no-repeat; }
.p_s_result_box{background:#eeeeee; max-height:330px; overflow-y:auto; padding:38px 30px; box-sizing:border-box;}
.p_s_result_box .p_s_r_list{width:100%; overflow:hidden; box-sizing:border-box;}
.p_s_result_box .p_s_r_list li{background:#ffffff; width:100%; margin-bottom:10px;}
.p_s_result_box .p_s_r_list li:last-child{margin-bottom:0;}
.p_s_result_box .p_s_r_list li a{display:block; color:#303030; padding:13px;  line-height:24px;}
.p_s_result_box .p_s_r_list li a .add_num{display:inline-block; width:50px; margin-right:10px;}
.p_s_no_result{text-align:center; padding:10px; color:#303030; font-size:20px;}
.pop-cont{width:100%; background:#ffffff; padding:20px; height:calc(100% - 60px)!important; overflow-y:auto; }
.pop-tit{font-size:17px; font-weight:bold; margin-bottom:10px;}
.popup .btn-box .btn-type-01{display:inline-block;}
.popup.document{height:90%; }
.popup.type-2{padding:30px 20px; background:#ffffff; position:relative;}
.popup.type-2 .p_close{position:absolute; background:url(../img/btn-close-2.png) center no-repeat; width:14px; height:14px; top:10px; right:10px;}
.popup.type-2 .text-01{font-size:19px; line-height:24px; }
.popup.type-2 .text-box{margin-top:20px;}
.search-pop{width:100%; overflow:hidden;}
/* .search-box.pop {border:1px solid #c9c9c9;} */
.search-pop .search-box{width:calc(100% - 115px); float:left; margin-right:10px; border-top:1px solid #c9c9c9;}
.search-pop .search-box .column-wrap{border-bottom:none;}
.search-pop .search-box .column-wrap > .column{border-bottom:1px solid #c9c9c9!important;}
.search-pop .search-box .column-wrap > .column .s-title-01{height:50px;}
.search-pop .search-box .column-wrap > .column{height:auto;}
.search-pop .btn-search-pop{display:inline-block!important; height:100%; display:flex!important; align-items:center; justify-content: center; width:105px; height:102px; background:#426D9B; color:#ffffff; font-size:20px; font-weight:Bold;}
.search-pop .btn-search-pop.line-1{height:51px;}
.search-pop .search-box .form-box{padding:5px;}

/** 탭(S) **/
.tab-btn-wrap{display:flex; align-items:center; justify-content: left; border-bottom:2px solid #003984;}
.tab-btn-wrap .tab-button{height:100%; background:#ededed; display:block; text-align:center; height:50px; line-height:52px; font-weight:bold; font-size:22px; padding:0 30px; border:1px solid #003984; border-bottom:0;}
.tab-btn-wrap .tab-button a{display:block;  color:#4f4f4f;}
.tab-btn-wrap .tab-button:hover,
.tab-btn-wrap .tab-button.on{background:#003984; }
.tab-btn-wrap .tab-button:hover a,
.tab-btn-wrap .tab-button.on a{color:#ffffff}
.tab-cont-wrap{width:100%; overflow:visible;}
.tab-cont-wrap .tab-content{ display:none;}
.tab-cont-wrap .tab-content.on{display:block;}
/** 탭(E) **/


.btn-more{font-size:14px; color:#000000; }
.btn-more::after{content:''; display:inline-block; background:url(../img/btn-more.png) center no-repeat; width:10px; height:6px; vertical-align:middle; margin-left:5px;}
.btn-top{display:inline-block; background:url(../img/btn-top.png) center no-repeat; width:30px; height:30px; position:fixed; bottom:10px; right:10px; }
.btn-cancel{display:inline-block!important; background:url(../img/btn-cancel.png) center no-repeat; width:15px; height:15px;  }



@media screen and (max-width: 1620px){
    /* .sub-contents{padding: 0 10px;} */
}


@media screen and (max-width: 1350px) {
    .wrap{padding-top:145px;}
    /** 헤더(S) **/
    .menu-btn > ul > li a{font-size:22px;}
    .header{height:145px;}
    .header .hi-bottom{height:auto;  padding-top:20px;}

    .header .hi-bottom .main-logo{position:relative; display:inline-block; text-align:center; left:unset; top:unset; transform:unset;  margin:0 auto;}
    .header .hi-bottom .hb-in{width:100%; }
    .banner{height:124px;}
    .nav-wrap{padding:0 10px;}
    .nav-wrap .nav a{font-size:14px;}
    /** 헤더(E) **/


    /** wrap **/

    /* .main-contents{margin-top:192px; padding:0 10px;} */
    /* .sub-contents{padding:0 10px;} */


    /** 팝업 **/
    .dim-layer{padding:0 10px;}

    /** 푸시알림 **/
    .push-box{}
    .switch-box { display:flex; justify-content: right; position:absolute;  bottom:20px; left:0; padding:0 20px;width:100%; }
    .switch-box .sb-item { display:flex; align-items: center; margin-right:20px; }
    .switch-box .sb-item:last-child { margin-right:0; }
    .switch-box .sb-item .sb-switch { font-size:16px; font-weight:bold; position:relative; padding-left:50px; margin-right:10px; letter-spacing:0;}
    .switch-box .sb-item .sb-switch::before { content:''; position:absolute; display:inline-block; width:45px; height:45px; top:50%; transform:translateY(-50%); left:0; background-position:center; background-repeat: no-repeat; }
    .switch-box .sb-item a{display:inline-block;}
    .switch { position: relative; display: inline-block; width: 75px; height: 34px; }
    .switch input { opacity: 0; width: 0; height: 0; position: relative; }
    .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #777777; -webkit-transition: .4s; transition: .4s; }
    .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
    .switch input:checked+.slider { background-color: #003984; }
    .switch input:focus+.slider { box-shadow: 0 0 1px #003984; }
    .switch input + .slider::after { content:'Off'; position:absolute; display:inline-block; font-size:16px; line-height:37px; right:15px; color:#ffffff; font-weight:bold; letter-spacing: 0;}
    .switch input:checked + .slider::after { content:'On'; position:absolute; display:inline-block; font-size:16px; line-height:37px; left:15px; color:#ffffff;  letter-spacing: 0;}
    .switch input:checked + .slider:before { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(41px); }
    /* Rounded sliders */
    .switch .slider.round { border-radius: 34px; }
    .switch .slider.round:before { border-radius: 50%; }


}

@media screen and (max-width: 1090px) {
    .wrap{padding-top:80px;}

    /* mobile height */
    .m-h200{height:200px;}
    .m-h300{height:300px;}
    .m-h400{height:400px;}
    .m-h500{height:500px;}
    .m-h600{height:600px;}
    .m-h700{height:700px;}
    .m-h800{height:800px;}

    /** wrap **/
    .main-contents{ padding:0 10px;}
    /* .sub-contents{padding:0 10px;} */

    /** 헤더(S) **/
    .header{height:80px;}
    .header .hi-bottom{padding:0; height:80px; }
    .header .hi-bottom .hb-in{display:none;}
    .header .hi-top{display:none;}
    .header .hi-bottom .main-logo{width:200px; position:absolute; top:50%; left:10px; transform:translateY(-50%); /* font-size:0; */}
    .header .hi-bottom .main-logo img{width:100%;}
    .header .hi-bottom .btn-mobile-menu{display:inline-block;  position:absolute; top:50%; right:20px; transform:translateY(-50%);}
    /* .banner{margin-top:80px; } */
    .log-box{display:none;}
    /** 헤더(E) **/

    /** 타이틀(S) **/
    .title-box{line-height:28px;}
    /* .page-title{font-size:20px;} */
    .banner .banner-title{font-size:24px;}
    .member-title{font-size:20px;}
    .member-title-02{font-size:20px;}
    .title-01{font-size:20px; font-weight:bold;}
    .title-02{font-size:16px; font-weight:bold; line-height:20px;}
    .title-03{font-size:15px; font-weight:bold; line-height:18px;}
    .title-01-sub{font-size:14px;  color:#777777;  }
    .text-single{font-size:14px; line-height:18px; text-align:justify;}
    .text-single.special{padding-left:15px;}
    .text-warning{font-size:13px; line-height:18px; text-align:justify;}
    .text-warning.special{padding-left:10px;}
    /** 타이틀(E) **/

    /** 검색창(S) **/
    .search-box .column-wrap > .column .s-title-01{font-size:16px; width:160px;}
    /* .search-box .column-wrap > .column .form-box{} */
    .form-box .sel-type-01,
    .form-box .ip-type-01,
    .form-box .ta-type-01,
    .form-box .date-box,
    .form-text{font-size:14px;}
    input[type="radio"] ~ .label-title{font-size:14px;}
    .date-box{position:relative;}
    .date-box input{font-size:14px!important;}


    /** 검색창(E) **/


    /** 텍스트(S) **/
    .text-01{font-size:14px; line-height:18px; position:relative;}
    .text-01.warn span{top:0;}
    /** 텍스트(E) **/

    /** 순서(S) **/
    .step-box .step{font-size:14px; height:45px;}
    .step-box .step::before{width:15px; height:15px; left:-15px;}
    /** 순서(E) **/

    /** 상단네비(S) **/
    .nav-box .nav-step::after{font-size:14px;}
    .nav-box .nav-step a{font-size:13px;}
    /** 상단네비(E) **/

    /** 탭(S) **/
    .tab-box .tab-btn-wrap .tab-button{font-size:14px;}
    /** 탭(E) **/

    /** 테이블 기본(S) **/
    .table-type-01 {/*width: 100vw; margin-left: calc(-50vw + 50%);*/ width:100%;}
    .table-type-01 table thead tr th{font-size:14px; line-height:18px;}
    .table-type-01 table tbody tr th{font-size:14px; line-height:18px;}
    .table-type-01 table tbody tr td{padding:5px 5px; font-size:14px;}
    .table-type-01 table tbody tr td p{font-size:14px!important; line-height:18px;}
    .table-type-01 table tbody tr td a.text-01{font-size:14px!important;}
    .table-type-01 table tfoot tr td{padding:5px 5px; font-size:14px;}
    .table-type-01 table tfoot tr th{font-size:14px; line-height:18px;}
    .table-type-01 tr td .btn-type-02{padding: 0 2px; width:75px; margin: 0 0;}
    /** 테이블 기본(E) **/

    .table-type-01.type-2 tr th{font-size:16px;}
    .column-wrap.regist .column .table-type-01 td .map-box{height:auto!important;}


    /** 버튼(S) **/
    .btn-type-01,
    .btn-type-02,
    .btn-type-03{font-size:14px; height:30px; line-height:28px; padding:0 12px;}
    .btn-search{font-size:14px; line-height:40px; height:40px; max-width:100px; }
    .btn-search::before{left:25px;}
    .btn-excel,
    .btn-list{width:auto; padding:0 15px 0 40px;}
    .btn-list::before{width:18px; height:10px; left:15px;}
    .btn-type-01.col-search{height:40px; line-height:40px;}
    /** 버튼(E) **/

    /** 페이지(S) **/
    .paging-box .btn-page{font-size:14px;}
    /** 페이지(E) **/

    /** 푸터(S) **/
    .footer .f_in{display:block; text-align:center; padding:10px 20px;}
    .footer .f_in .f_logo{margin-bottom:20px!important; width:150px; display:inline-block;}
    .footer .f_in .f_info{margin-left:unset;}
    .footer .f_in .f_info > ul > li{font-size:13px;}
    .footer .f_in .f_info > ul.f_menu{display:inline-block; margin-bottom:10px}
    .footer .f_in .f_info > ul.f_menu li{display:inline-block; margin-right:unset; margin:0 10px;}
    .footer .f_in .f_info > ul.f_menu > li a{font-size:13px;}
    .footer .f_in .f_info > ul.f_address{display:block;}
    .footer .f_in .f_info > ul.f_address li{margin-right:unset;}
    .footer .f_in .f_info > ul.f_copy{display:block;}
    .footer .f_in .sns-box{position:relative; top:unset; right:unset;}
    .footer .f_in .sns-box .sns{width:20px; font-size:0;}
    .footer .f_in .sns-box .sns img{width:100%;}
    /** 푸터(E) **/

    /** 팝업(S) **/
    .popup{width:calc(100% - 20px); position:relative;}
    .popup.type-2 .text-01{font-size:14px; line-height:18px;}
    .pop_header .p_tit{font-size:20px;}
    .pop_header .p_close{width:15px; height:15px;}

    /** 탭(S) **/
    .tab-btn-wrap .tab-button{font-size:14px; height:40px; line-height:40px;}
    /** 탭(E) **/
}

@media screen and (max-width: 970px) {
    /** web, mobile **/
    .web-only{display:none!important;}
    .mo-only{display:block!important;}

    .column-wrap .cola,
    .column-wrap .colb{float:unset; width:100%!important; padding-right:0;}
    .column-wrap .column{width:100%!important;}
    .search-box .column-wrap > .column:nth-child(odd):last-child{border-right:0;}
    .search-box .column-wrap .column.bdbn{border-bottom:1px solid #A0B3CC!important;}
    .search-box .column-wrap .column.bdrg{border-right:none!important; border-bottom:none!important;}

    .column-wrap.regist .column .s-title-01{width:100px!important;}
    .column-wrap.regist .column .form-box{width:calc(100% - 100px)!important;}
    .column-wrap.regist th{width:100px!important;}

    .column-wrap.regist .column.colb{margin-top:10px;}

}

@media screen and (max-width: 730px) {

    .sub-contents{height:auto;}
    .sub-contents.center{height:auto;}
    .sub-contents .sub-in{ min-height:auto!important;}


    /** 줄바꿈 **/
    .dib-db{display:block;}

    /** 타이틀(S) **/
    .log-title{font-size:20px;}
    .page-title{font-size:20px;}
    /** 타이틀(E) **/

    /** 검색창(S) **/
    /* .search-box{border-top:0!important;} */
    /* .search-title{border:0; background:none;} */
    /* .search-box .column-wrap{border-left:0; border-right:0;} */
    /* .search-box .column-wrap > .column{display:block; border-bottom:0; height:auto;} */
    /* .search-box .column-wrap > .column .form-box{padding:13px 0;} */
    /* .search-box .column-wrap > .column .s-title-01{display:block; background:none; height:auto; font-size:14px; } */
    /* .search-box .column-wrap{border-bottom:0!important; } */
    /* .search-box .column-wrap .column.bdbn{border:none!important;} */
    /* .search-box.data .column-wrap {border:1px solid #c9c9c9!important; border-bottom:0!important; } */
    /* .search-box.data .column-wrap .column{display:flex; border-bottom:1px solid #c9c9c9;} */
    /* .search-box.data .column-wrap .column .s-title-01{width:115px; border-right:1px solid #c9c9c9; margin-right:10px; background:#E7EFF8; height:44px; padding:0 5px; display:flex; } */
    /* .search-box.data .column-wrap .column .form-box{width:auto;} */
    /* .search-box.data .column-wrap .column.m-style-border{border-bottom:1px solid #c9c9c9!important;} */
    .search-title{font-size:14px; font-weight:900; height:50px;}
    .search-title h4{font-size:18px;}
    .search-box .column-wrap > .column{height:50px; line-height:18px;}
    .search-box .column-wrap > .column .s-title-01{width:110px; /* padding:0 5px; */ text-align:center; height:100%;}
    .form-box{padding:5px 5px; width:calc(100% - 110px);}
    .form-box .sel-type-01, .form-box .ip-type-01, .form-box .date-box, .form-text{font-size:14px!important;}
    .datepicker{font-size:14px!important;}
    input[type="radio"] ~ .label-title,
    input[type="checkbox"] ~ .label-title{font-size:14px;}
    /** 검색창(E) **/


    /** 버튼(S) **/
    .btn-box.type-2{display:block; align-items: baseline; }
    .btn-box.type-2 .fl{float:unset; display:block;}
    .btn-box.type-2 .fr{float:right; margin-top:5px;}
    .table-type-01 tr td .btn-type-02{ font-size:14px;}
    .btn-type-01, .btn-type-02, .btn-type-03{min-width:unset; }
    .btn-down{width:17px; height:22px;}
    /** 버튼(E) **/

    /** 네비게이션(S) **/
    .nav-wrap .nav .nav-step a{font-size:14px;}
    /** 네비게이션(E) **/

    /** 공지사항 테이블(S) **/
    .notice-table table tbody tr td a{font-size:14px!important;}
    /** 공지사항 테이블(E) **/

    /** 팝업 **/
    .search-pop .search-box{width:100%; margin-right:0; float:unset;}
    /* .search-pop .search-box .column-wrap > .column{border-bottom:0!important;} */
    /* .search-pop .search-box .column-wrap > .column .s-title-01{height:auto;} */
    .search-pop .btn-search-pop{height:40px!important; float:right; margin-top:20px; font-size:14px;}

    /** 탭 **/
    .tab-btn-wrap{display:flex; }
    .tab-btn-wrap .tab-button{width:100%; padding:0 5px;}


}


@media screen and (max-width: 340px){
    .wrap{min-width:340px;}
    .popup{min-width:340px;}
    .search-pop .btn-search-pop{width:100%!important; float:unset;}

}





/***** 프린트(S) *****/

@media print {

    .print-area {
        width: 21cm;
        min-height: 29.7cm;
        /* padding: 2cm;*/
        margin: 1cm auto;
        border-radius: 5px;
        background: white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        padding: 1.5cm 1cm;
        height: 256mm;

    }
}

/** 송품장 **/
.pd-2cm-1cm{padding:1cm 1cm;}
.print_table{width:100%; margin-top:20px;}
.print_table *{letter-spacing: 0px!important;}
.print_table table{width:100%; table-layout:fixed;}
.print_table tr{ height:27px; }
.print_table tr th{padding:0 5px; border:1px solid #404040; line-height:16px; font-weight:bold; font-weight:900!important; font-size:12px;}
.print_table tr td{padding:0 5px; border:1px solid #404040; font-size:12px;}
.print_table.no-border th,
.print_table.no-border td{border:0; font-size:14px!important;}
.print_table td{padding:5px 5px;}
.print_table td .print-td-tit{margin-bottom:5px; font-size:12px; font-weight:bold;}
.print_table td .print-td-text{font-size:12px; line-height:18px;}
.print-size{max-width:1000px; height:90%;}
.pb_in{position:relative;}
.title-box.print{position:relative; height:70px; line-height:68px!important;}
.title-box.print .qr-img{position:absolute;  right:0; top:0; display:inline-block; width:66px; height:57px; overflow:hidden; font-size:0; vertical-align:middle; margin-left:10px; border:1px solid #c9c9c9;}
.pb_in .qr-img img{width:100%;}
.print-size .pop-cont{height:calc(100% - 61px); }
.print-wrap .print-size{width:100%; overflow:hidden;}
.print-wrap .pop-cont{width:100%; overflow:auto;}
.print-wrap .pop-cont .print-area{width:941px;}

/** QR출력 **/
.print-area .qr-content > .column-wrap{padding:0px; border:0!important;}
.print-area .qr-content > .column-wrap > .column{padding:5px;}
.print-area .qr-content .qr-item.column-wrap{padding:10px; }
.print-area .qr-content .qr-item.column-wrap.col3_7 .column.cola{height:70px; }
/***** 프린트(E) *****/










.header-box,
.footer-box{width:100%; height:80px; display:flex; align-items: center; justify-content: center; border:1px solid #c9c9c9; font-size:20px; background:#ffffff;}