@charset "utf-8";

/* @import url('../fonts/font.css'); */
@import url('jquery.mCustomScrollbar.css');
@import url('jquery-ui.css');
@import url('jquery.timepicker.css');

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align: baseline;box-sizing:border-box;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
/* applet,basefont,center,dir,font,strike{display:none} XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}
/*추후 editer기능에서 순서기능 필요한곳, 표현할곳 있으면 추가 S*/
.editer-box li,
.bbsDetail-area table li {list-style: unset;}
/*추후 editer기능에서 순서기능 필요한곳, 표현할곳 있으면 추가 E*/
table{width:100%;border-spacing:0;border-collapse: separate;}
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}
address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;}
a:hover, a:active {text-decoration: none;}
p{margin-block-start: 0; margin-block-end: 0;}

/* Common Setting */
html{}
html,body{min-width:1550px; min-height: 750px; width:100%; height:100%;background:#fff;}
body {color:#333333; font-family: 'arial', sans-serif; font-weight: normal; font-size:14px; line-height: 20px; letter-spacing: 0; word-spacing: 0;} 
body *{ font-family: Arial, sans-serif;}
[class*="ag-theme"],
[class*="ag-theme"] * { font-family: 'agGridBalham';}
div{outline:0} /* Script TabIndex Click Focusing Line Remove */

.windowPopupHtml,
.windowPopupHtml body {min-width: 100%;}

:not(:root):fullscreen::backdrop {background: #fff;}

img {vertical-align:middle;}
span {display: inline-block;}
table {}
em {font-style: normal;}

h1,h2,h3,h4,h5,h6 {font-weight: bold; margin-block-start: 0; margin-block-end: 0;}
strong, b {font-weight: bold;}

button {cursor: pointer; background-color: transparent;}
button[disabled], button[readonly] {opacity: .2; cursor: text; outline: 0 none;}

input[disabled], input[readonly]{color:#999; cursor: text; outline: 0 none;}

:focus, :active {outline: 0 none;}

input:focus::-webkit-input-placeholder {color: transparent;} 
input:focus::-moz-placeholder {color: transparent;} 
input:focus:-ms-input-placeholder {color: transparent;} 
input:focus::-ms-input-placeholder {color: transparent;}

::placeholder {color:#ccc; color: #737373; font-weight: 100;}
::-webkit-input-placeholder {color:#ccc; color: #737373; font-weight: 100;}
::-moz-placeholder {color:#ccc; color: #737373; font-weight: 100;}
:-ms-input-placeholder {color:#ccc; color: #737373; font-weight: 100;}
::-ms-input-placeholder {color:#ccc; color: #737373; font-weight: 100;}

.rtime-search-area .search-box .input::placeholder {color:#787878; font-weight: 400;}
.rtime-search-area .search-box .input::-webkit-input-placeholder {color:#787878; font-weight: 400;}
.rtime-search-area .search-box .input::-moz-placeholder {color:#787878; font-weight: 400;}
.rtime-search-area .search-box .input:-ms-input-placeholder {color:#787878; font-weight: 400;}
.rtime-search-area .search-box .input::-ms-input-placeholder {color:#787878; font-weight: 400;}

.color1 {color: #ec6608 !important;}
.color2 {color: #0276b2 !important;}
.color3 {color: #f36f20 !important;}
.color4 {color: #db2424 !important;}

.hidden {position: absolute; top: -9999px; left: -9999em;}
/*.blind {position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: none; clip: rect(0, 0, 0, 0);}*/

.ff-NSKR {font-family: 'Noto Sans KR', sans-serif;}

.td-ul {text-decoration: underline !important;}

.tt-u {text-transform: uppercase !important;}
.tt-n {text-transform: none !important;}

.bold {font-weight: bold !important;}
.bold2 {font-weight: 400 !important; text-shadow: 0 0 0 #595959;}

.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}

.fl {width: auto; float: left !important;}
.fr {width: auto; float: right !important;}
.clear {clear: both !important;}
.flrbox::after {content: ''; display: block; clear: both;}

.va-t {vertical-align: top !important;}
.va-m {vertical-align: middle !important;}
.va-b {vertical-align: bottom !important;}

.w10p {width: 10% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w26p {width: 26% !important;}
.w28p {width: 28% !important;}
.w30p {width: 30% !important;}
.w32p {width: 32% !important;}
.w33p {width: 33% !important;}
.w34p {width: 34% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w72p {width: 72% !important;}
.w74p {width: 74% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w90p {width: 90% !important;}
.full,
.w100p {width: 100% !important;}

.w58 {width: 58px;}
.w68 {width: 68px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w565 {width: 565px;}
.w1118 {width: 1118px;}

.h242{ height: 242px;}
.h266{ height: 266px;}
.h288{ height: 288px;}
.h299{ height: 299px;}

.pd0 {padding: 0px !important;}
.pd10 {padding: 10px !important;}

.mg0{ margin: 0 !important;}

.mgt0 {margin-top: 0px !important;}
.mgt3 {margin-top: 3px !important;}
.mgt4 {margin-top: 4px !important;}
.mgt5 {margin-top: 5px !important;}
.mgt7 {margin-top: 7px !important;}
.mgt9 {margin-top: 9px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt11 {margin-top: 11px !important;}
.mgt14 {margin-top: 14px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt16 {margin-top: 16px !important;}
.mgt19 {margin-top: 19px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt-8 {margin-top: -8px !important;}
.mgt-110 {margin-top: -110px !important;}

.mgb5 {margin-bottom: 5px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb20 {margin-bottom: 20px !important;}

.mgl0 {margin-left: 0px !important;}
.mgl3 {margin-left: 3px !important;}
.mgl4 {margin-left: 4px !important;}
.mgl8 {margin-left: 8px !important;}
.mgl9 {margin-left: 9px !important;}
.mgl20 {margin-left: 20px !important;}

.mgr4 {margin-right: 4px !important;}
.mgr8 {margin-right: 8px !important;}
.mgr25 {margin-right: 25px !important;}

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

.mgtb8 {margin-top: 8px !important; margin-bottom: 8px !important;}

.pdl0 {padding-left: 0px !important;}
.pdl15 {padding-left: 15px !important;}
.pdl20 {padding-left: 20px !important;}

.pdr0 {padding-right: 0px !important;}

.pdt0 {padding-top: 0px !important;}
.pdt12 {padding-top: 12px !important;}
.pdt16 {padding-top: 16px !important;}

.pdb0 {padding-bottom: 0px !important;}
.pdb14 {padding-bottom: 14px !important;}

.pdrl0 {padding-right: 0 !important; padding-left: 0 !important;}

.pdtype1 {padding: 29px 42px 26px !important;}
.pdtype2 {padding: 39px 42px 49px !important;}
.pdtype3 {padding: 29px 33px 28px !important;}

.position-r {position: relative !important;}
.position-a {position: absolute !important;}

.ellipsis1 {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.ellipsis2 {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;
	white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.dis-t {display: table !important;}
.dis-tc {display: table-cell !important; vertical-align: middle !important;}
.dis-ib {display: inline-block !important;}
.dis-flexCC {display: flex !important; justify-content: center; align-items: center;}
.dis-flexLR {display: flex !important; justify-content: space-between; align-items: center;}
.dis-cont{ display: contents !important;}

/*************************************************layout*************************************************/
.btn-topmove {/* display: none; */ width: 44px; height: 44px; padding-top: 24px; border-radius: 22px; text-align: center;
	background: #f36f20 url(../images/common/ico-top-w.png) center 10px no-repeat; box-shadow: 0 0 9px 0 rgba(127,126,126,0.41); z-index: 3;
	position: fixed; right: 10px;
	bottom: -100px; opacity: 0; transition: 1s;
	background-size: 14px auto;
}
.btn-topmove > span {font-family: 'HankookTire', sans-serif; font-size: 10px; font-weight: 500; line-height: 15px; color: #fff; letter-spacing: 0.05em; padding-left: 2px;}
.btn-topmove.show {bottom: 10px; opacity: 1;}
.btn-topmove:hover {background-color: #c14800;}

#wrap { display: flex; flex-direction: column; width: 100%; min-height: 100%; padding-top: 62px; position: relative;}
.inner {width: 100%; height: 100%; margin: 0 auto;}

/*header*/
#header { width: 100%; flex: 0 0 62px; position: absolute; top: 0; z-index: 1; background-color: #fff;}
#header::before {content: ''; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; top: 62px;}
#header [class*="btn-"]:not(.btn-onoff,.btn-gnbClose) {position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 2px;}
#header [class*="btn-"]:not(.btn-logo, .btn-gnbClose, .btn-onoff) { width: 60px; height: 62px; background-position: center center; background-repeat: no-repeat; font-weight: 700; font-size: 10px; color: #888; text-align: center; line-height: 14px; padding: 30px 0 0 0; border-right: 1px solid #ddd; position: relative;}
#header [class*="btn-"].btn-auth {width: auto; min-width: 78px; padding-left: 6px; padding-right: 6px;}
#header [class*="btn-"]:not(.btn-logo, .btn-gnbClose, .btn-onoff)::before{ width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; content: ''; margin: 0 0 0 -12px; position: absolute; top: 12px; left: 50%;}
#header [class*="btn-"]:not(.btn-logo, .btn-gnb, .btn-onoff):hover {background-color: rgba(0,0,0,0.05);}
#header [class*="btn-"] span {}
#header [class*="btn-"] .num {position: absolute; right: 5px; }
#header .btn-gnb {background: url(../images/common/ico-gnbBtn.png) center center no-repeat; background-color: rgba(0,0,0,0.05);}
#header .btn-gnb:hover {background-color: rgba(0,0,0,0.15);}
#header .logo {width: 300px; height: 34px; background: url(../images/common/logo.png) center center no-repeat; flex: 0 0 300px;}
#header .logo .btn-logo {display: block; text-indent: -999rem; width: 100%; height: 100%;}
#header .right > *:first-child {border-left: 1px solid #ddd;}
#header .btn-admin { width: 50px; height: 62px; color: #333; font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: -0.5px;}
#header .btn-admin:hover {background-color: #ffdcc4;}
#header .btn-admin span {position: relative;}
#header .btn-admin span::before { display: block; width: 15px; height: 15px; background: url(../images/common/ico-setting.png) center center no-repeat; position: absolute; left: 0; top: 2px;}
#header .btn-admin2 { width: 50px; height: 62px; color: #333; font-size: 12px; line-height: 18px; font-weight: 500; letter-spacing: -0.5px;}
#header .btn-admin2:hover {background-color: #ffdcc4;}
#header .btn-admin2 span {position: relative;}
#header .btn-admin2 span::before { display: block; width: 15px; height: 15px; background: url(../images/common/ico-setting.png) center center no-repeat; position: absolute; left: 0; top: 2px;}
#header .admin-box { height: 100%; position: relative;}
#header .admin-box .info-box {display: none; position: absolute; z-index: 10; min-width: 220px; left: -1px; margin-top: 6px; background-color: #fff; border: 1px solid #939393; border-radius: 4px;}
#header .admin-box .info-box::before {content: ""; position: absolute; z-index: 11; top: -8px; left: 0; width: 100%; height: 8px; background: url(../images/common/ico-arrow.png) no-repeat 16px bottom;}
#header .admin-box .info-box .info {border-bottom: 1px solid #939393; overflow: hidden;}
#header .admin-box .info-box .info:nth-child(1) {border-radius: 4px 4px 0 0;}
#header .admin-box .info-box .info:nth-child(2) {border-radius: 0 0 4px 4px;}
#header .admin-box .info-box .info .link {display: flex; flex-direction: row; align-items: center; width: 100%; padding: 8px 16px 10px; font-size: 13px; font-weight: 500; color: #808080; text-align: left;}
#header .admin-box .info-box .info .link:hover {background-color: #f5f5f5;}
#header .admin-box .info-box .info .link::before {content: ""; width: 18px; height: 18px; margin-right: 16px; display: inline-block; background-repeat: no-repeat; background-position: center center;}
#header .admin-box .info-box .info:nth-child(1) .link::before {background-image: url(../images/common/ico-user1.png);}
#header .admin-box .info-box .info:nth-child(2) .link::before {background-image: url(../images/common/ico-user2.png);}
#header .admin-box .info-box .info:last-child {border-bottom: none;}
#header .admin-box:hover .info-box {display: block;}
#header .admin-box:hover .btn-admin,
#header .admin-box:hover .btn-admin2 {background-color: rgba(0,0,0,0.05);}

#header .btn-admin::before {background-image: url(../images/common/ico-admin.png);}
#header .btn-admin2::before {background-image: url(../images/common/ico-admin2.png); width: 30px !important; height: 30px !important; margin-left: -15px !important; margin-top: -4px !important;}
#header .btn-search::before {background-image: url(../images/common/ico-search.png);}
#header .btn-mail::before {background-image: url(../images/common/ico-mail.png);}
#header .btn-noti::before {background-image: url(../images/common/ico-noti.png);}
#header .btn-mypage::before {background-image: url(../images/common/ico-mypage.png);}
#header .btn-logout::before {background-image: url(../images/common/ico-logout.png);}
#header .btn-library::before {background-image: url(../images/common/ico-library.png);}
#header .btn-upload::before {background-image: url(../images/common/ico-upload.png);}
#header .btn-auth::before {background-image: url(../images/common/ico-authenticator.png);}
/* #header .inputbox {display: none; width: 370px; height: 70px; border: 1px solid #ccc; background-color: #fff; border-radius: 2px; align-items: center; justify-content: center;}
#header .inputbox .ico {width: 20px; height: 20px; background: url(../images/common/ico-search.png) center center no-repeat;}
#header .inputbox .input {width: calc(84% - 104px); height: 100%; margin: 0 20px;}
#header .inputbox .btn {width: 44px; height: 44px; border-radius: 20px; background-color: #666; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; line-height: 21px; padding-bottom: 2px;} */
#header .btn-gnbClose {text-indent: -999rem; display: none; width: 40px; height: 62px; background: url(../images/common/ico-gnbCloseBtn.png) center center no-repeat; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff; position: absolute; top: -62px; left: 19px;}
#header .gnbbox .inner{ padding: 0 20px;}
#header #gnb {width: auto; margin: 0 auto; display: none; justify-content: space-between; align-items: stretch;}
#header #gnb li{ position: relative;}
#header #gnb li a {font-size: 14px; line-height: 14px; color: #808080; font-weight: 600; letter-spacing: -0.03em; word-spacing: -0.04em;}
#header #gnb > li:hover > a,
#header #gnb li a:hover {color: #ec6608;}
#header #gnb > li { width: 250px; position: relative; flex: 1; border-right: 1px solid #ddd; padding-top: 62px;}
#header #gnb > li:first-child::before {content: ''; display: block; width: 1px; height: auto; position: absolute; left: -1px; top: 0; bottom: 0; background-color: #ddd;}
#header #gnb > li > a {width: 100%; font-size: 17px; line-height: 22px; color: #333; text-align: center; position: absolute; top: 0; height: 62px; display: flex; align-items: center; justify-content: center; padding: 0 6px;}
#header #gnb > li > ul {height: 0; overflow: hidden;}
#header #gnb > li > ul > li {padding: 10px 0;}
#header #gnb > li > ul > li > .favoriteCk{ top: 10px;}
#header #gnb > li > ul > li > a {color: #333;}
#header #gnb > li > ul > li > ul {margin-top: 5px;}
#header #gnb > li > ul > li > ul > li > a {padding-left: 14px; position: relative; font-weight: 300;}
#header #gnb > li > ul > li > ul > li > a::before {content: ''; display: block; width: 2px; height: 2px; border-radius: 2px; background-color: #808080; position: absolute; left: 6px; top: 6px;}
#header #gnb li.has-depth > a {pointer-events: none;}
#header #gnb li.soon a {color: #ccc !important; pointer-events: none;}
#header .gnbbox .close-layer{ background-color: #f8f8f8; text-align: right; display: none; border-top: 1px solid #ddd;}
#header .gnbbox .close-layer [class*="btn-SCALE"]{ width: auto; height: 40px; font-weight: 700; font-size: 13px; color: #666; padding: 0; border: 0; vertical-align: top;}
#header .gnbbox .close-layer [class*="btn-SCALE"]:hover{ background-color: transparent; color: #e65e10;}
#header .gnbbox .close-layer [class*="btn-SCALE"]:hover::before,
#header .gnbbox .close-layer [class*="btn-SCALE"]:hover::after{ border-color: #e65e10;}
#header .gnbbox .close-layer .btn-SCALE-IN{ width: 40px; text-indent: -9999px; display: inline-block; position: relative;}
#header .gnbbox .close-layer .btn-SCALE-IN::before{ width: 10px; height: 10px; content: ''; border-bottom: 1px solid #666; border-left: 1px solid #666; position: absolute; top: 50%; left: 26px; transform: translateY(-50%) rotate(45deg);}
#header .gnbbox .close-layer .btn-SCALE-IN::after{ width: 10px; height: 10px; content: ''; border-bottom: 1px solid #666; border-left: 1px solid #666; position: absolute; top: 50%; left: 20px; transform: translateY(-50%) rotate(45deg);}
#header .inputbox .btn:hover {background-color: #444;}
#header .gnbbox .close-layer .btn-SCALE-OUT{ width: 40px; text-indent: -9999px; display: inline-block; position: relative;}
#header .gnbbox .close-layer .btn-SCALE-OUT::before{ width: 10px; height: 10px; content: ''; border-top: 1px solid #666; border-right: 1px solid #666; position: absolute; top: 50%; left: 22px; transform: translateY(-50%) rotate(45deg);}
#header .gnbbox .close-layer .btn-SCALE-OUT::after{ width: 10px; height: 10px; content: ''; border-top: 1px solid #666; border-right: 1px solid #666; position: absolute; top: 50%; left: 16px; transform: translateY(-50%) rotate(45deg);}
#header .inputbox .btn:hover {background-color: #444;}
#header .inner {height: 100%; padding: 0 0 0 20px; display: flex; justify-content: space-between; align-items: flex-start; position: relative;}
#header .inner > div {display: flex; align-items: center;}
#header .inner .left {justify-content: flex-start; /*width: 301px;*/ height: 62px; position: relative; padding-left: 47px;}
#header .inner .left .btn-gnb {width: 40px; height: 40px; text-indent: -9999px; position: absolute; left: -5px; border-right: 0 none;}
#header .inner .center {justify-content: space-between; flex: 1; padding-left: 15px;}
#header .inner .center > .link {display: inline-flex; padding: 5px 10px;}
#header .inner .right {justify-content: flex-end; height: 62px;}
#header .inner .right .btn-search {width: 50px; height: 62px; border-right: 1px solid #ddd;}
#header .inner .right .btn-search:hover{ border: 0; border-right: 1px solid #ddd;}
#header .inner .right .btn-admin + .searchbox {margin-left: 10px;}
#header .inner .right .searchbox { height: 62px; position: relative;}
#header .inner .right .btn-noti .num{ height: 12px; background-color: #ec6608; font-size: 9px; color: #fff; text-align: center; text-indent: 0; line-height: 12px; padding: 0 3px; margin: 0 2px 0 0; display: inline-block; border-radius: 6px; /*top: 15px; right: 25%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%);*/ top: 12px; left: 50%; right: auto; margin-left: 0px;}
#header .inner .right .inputbox {position: absolute; right: 0; top: 48px;}

#header .searchbox.open .btn-search {background-color: #ffefe4;}
#header .searchbox.open .inputbox {display: flex;}

#header.open {height: auto; z-index: 10; border-bottom: 1px solid #ddd;}
#header.open::after{ width: 100%; height: 1px; background-color: #ddd; content: ''; position: absolute; top: 124px; left: 0;}
#header.open #gnb{ display: flex;}
#header.open .btn-gnb {display: none;}
#header.open .btn-gnbClose {display: block;}
#header.open #gnb > li > ul {padding: 22px 15px; height: auto;}
#header.open .gnbbox .close-layer{display: block;}

#gnb .favoriteCk{ position: absolute; top: 0; right: 0;}

.favoriteCk{ position: relative;}
.favoriteCk input{ position: absolute; top: 0; left: -9999px;}
.favoriteCk label{ width: 20px; height: 20px; background: url(../../common_sms/images/common/ico-favoChk.png) no-repeat 0 0; text-indent: -9999px; display: inline-block;}
.favoriteCk label:hover{ background-position: -20px 0;}
.favoriteCk input:checked + label{ background-position: 0px -21px;}


#header .searchbox {position: relative; width: 100%;}
#header .searchbox .search {width: 640px; margin-left: -320px; text-align: left; background-color: transparent; border: 1px solid transparent; position: absolute; top: 0; left: 122px; left: 50%; padding: 0 18px; z-index: 4;}
#header .searchbox .search .inputbox {height: 61px; font-size: 0; text-align: left; padding-top: 8px; margin: 0 8px; border-bottom: 1px solid #fff; border-bottom: 1px solid transparent;}
#header .searchbox .search .inputbox .ico,
#header .searchbox .search .inputbox .input,
#header .searchbox .search .inputbox .btn {vertical-align: middle; height: 44px;}
#header .searchbox .search .inputbox .ico {text-indent: -999rem; width: 20px; background: url(../../common_sms/images/common/ico-header-search.png) center center no-repeat; margin-right: 16px;}
#header .searchbox .search .inputbox .input {width: calc(100% - 91px); font-size: 15px; padding-left: 8px; font-weight: 300; background-color: transparent; border-color: transparent;}
#header .searchbox .search .inputbox .btn {width: 44px; text-align: center; background-color: #ccc; border-radius: 19px; padding: 2px 0 0 1px; margin-left: 10px;}
#header .searchbox .search .inputbox .btn > span {font-size: 16px; color: #fff; font-weight: 500; line-height: 34px; margin-top: 4px;}
#header .searchbox .search .resultbox {display: none;}
#header .searchbox .search .resultbox .onoffbox {overflow: hidden; padding: 21px 0 23px; display: block; border-bottom: 1px solid #ccc; margin: 0 9px;}
#header .searchbox .search .resultbox .onoffbox .txt1 {float: left; font-size: 16px; color: #666; font-weight: bold; letter-spacing: -0.03em; word-spacing: -0.03em;}
#header .searchbox .search .resultbox .onoffbox .txt2 {font-size: 10px; line-height: 15px; color: #fff; font-weight: bold;}
#header .searchbox .search .resultbox .list {padding: 11px 0;}
#header .searchbox .search .resultbox .list li {position: relative;}
#header .searchbox .search .resultbox .list .link {display: block; padding: 5px 23px 4px 8px;}
#header .searchbox .search .resultbox .list .link:hover {background-color: #eee;}
#header .searchbox .search .resultbox .list .link .txt1,
#header .searchbox .search .resultbox .list .link .txt2 {vertical-align: middle;}
#header .searchbox .search .resultbox .list .link .txt1 {font-size: 14px; color: #333; width: calc(100% - 44px);}
#header .searchbox .search .resultbox .list .link .txt2 {font-size: 12px; color: #999; text-align: center; font-weight: 300; width: 43px;}
#header .searchbox .search .resultbox .list .btn-del {position: absolute; top: 6px; right: 4px;}
#header .searchbox .search .resultbox .list .btn-del {text-indent: -999rem; width: 20px; height: 20px; background-image: url(../images/common/ico-del1.png); background-position: center center; background-repeat: no-repeat; border: 0;}
#header .searchbox .search .resultbox .list .btn-del:hover {background-color: #eee;}
#header .searchbox .search .inputbox .input:hover {background-color: rgba(0,0,0,0.05);}
#header .searchbox.open .search .inputbox .input:hover {background-color: transparent;}
#header .searchbox.open .search {background-color: #fff; border-color: #ccc; height: auto;}
#header .searchbox.open .search .inputbox {height: 63px; border-color: #666;}
#header .searchbox .search .inputbox .btn:hover,
#header .searchbox.open .search .inputbox .btn {background-color: #666;}
#header .searchbox.open .search .resultbox {display: block; padding-bottom: 11px;}



/* history tab : table(플러그인)*/
#historyTab {position: relative; padding: 0 127px 0 166px; display: flex; /*flex: 1;*/ flex-direction: column; border-top: 1px solid #ddd;}
#historyTab::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 32px; background-color: #f0f0f0;}
#historyTab .fc-tab {position: static; width: 100%; height: 32px; display: flex; align-items: flex-end; text-align: left; margin: 0 auto; padding: 1px 0 0; background-color: transparent;}
#historyTab .fc-tab::before {content: ""; position: absolute; left: 0; top: 32px; width: 100%; height: 1px; background-color: #ddd;}
#historyTab .fc-tab li {position: relative; vertical-align: bottom; width: 140px; display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; cursor: pointer; height: 32px; font-size: 14px; font-weight: 500; color: #333; font-weight: bold; text-align: left; letter-spacing: -0.01em; word-spacing: -0.06em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0; border-bottom: none; background-color: #dedede; padding: 0 3px; margin-right: 4px;}
#historyTab .fc-tab li[data-tab-id="MAIN_PORTLET"] {padding: 0 10px;}
#historyTab .fc-tab li:hover {background-color: #c6c4c5;}
#historyTab .fc-tab li.selected {color: #fff; background-color: #7d7d7d  !important;}
#historyTab .fc-tab li.selected:hover {background-color: #292929  !important;}
#historyTab .fc-tab li > span.title {font-size: 14px;}
#historyTab .fc-tab > li.moving {overflow: hidden; text-overflow: ellipsis; position: absolute; user-select: none; color: #606060; background: #fff; z-index: 1; border: 2px dotted #606060; font-size: 12px; padding: 0 4px 0 4px;}
#historyTab .fc-tab li.more{ min-width: auto; width: 62px; background-color: #9b9b9b; text-align: center; margin: 0; flex: none; justify-content: center; border: 0;}
#historyTab .fc-tab li.more:hover{ background-color: #7a7978;}
#historyTab .fc-tab li.more span{ width: 5px; height: 5px; background-color: #fff; text-indent: -9999px; display: inline-block; border-radius: 50%; position: absolute;}
#historyTab .fc-tab li.more span::before{ width: 5px; height: 5px; background-color: #fff; content: ''; border-radius: 50%; position: absolute; top: 0; left: -8px;}
#historyTab .fc-tab li.more span::after{ width: 5px; height: 5px; background-color: #fff; content: ''; border-radius: 50%; position: absolute; top: 0; left: 8px;}
#historyTab .fc-tab li.type-ds.selected{ background-color: #f5bf1e !important; color: #333;}
#historyTab .fc-tab li.type-ds.selected:hover{ background-color: #dda722 !important;}

#historyTab #mainTabs {display: flex; height: 41px; align-items: flex-end; text-align: left;}
#historyTab table {width: auto !important; max-width: 100%;}
#historyTab table td {/*font-family: 'Noto Sans KR', sans-serif; font-family:'HankookTire', sans-serif;*/}
#historyTab table td {position: relative; vertical-align: bottom; width: 250px; padding-right: 4px;}
#historyTab table td .w2ui-tab {position: relative; display: flex; flex-direction: row; align-items: center; cursor: pointer; height: 32px; font-size: 14px; font-weight: 500; color: #fff; font-weight: bold; text-align: left; letter-spacing: -0.01em; word-spacing: -0.06em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 2px 2px 0 0; border: 1px solid #ddd; border-bottom: none; background-color: #f36f20; padding: 0 82px 0 15px;}
#historyTab table td .w2ui-tab::before {content: ''; display: block; width: auto; height: 4px; background-color: transparent; position: absolute; top: 0; left: 0; right: 0;}
#historyTab table td .w2ui-tab:hover {background-color: #e65e10;}
#historyTab table td.fc-active .w2ui-tab {color: #333; background-color: #fff !important; padding-left: 19px;}
#historyTab table td.fc-active .w2ui-tab:hover {background-color: rgba(0,0,0,0.01);}
#historyTab table td.fc-active .w2ui-tab::before {background-color: #333;}
#historyTab table td.fc-active .w2ui-tab-close {background-image: url(../images/common/ico-dels.png);}
#historyTab table td.fc-active .w2ui-tab-close:hover {background-color: rgba(0,0,0,.2);}

#historyTab table td .w2ui-tab-zoom,
#historyTab table td .w2ui-tab-close,
#historyTab table td .w2ui-tab-refresh {text-indent: -999rem; cursor: pointer; width: 22px; height: 22px; position: absolute; top: 50%; margin-top: -11px; z-index: 1; border-radius: 2px;}
#historyTab table td .w2ui-tab-close {right: 13px; background: url(../images/common/ico-dels-w.png) center center no-repeat;}
#historyTab table td .w2ui-tab-zoom {right: 36px; background: url(../images/common/ico-zoom-w.png) center center no-repeat;}
#historyTab table td .w2ui-tab-refresh {right: 60px; background: url(../images/common/ico-refresh-w.png) center center no-repeat;}
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab-refresh {background-image: url(../images/common/ico-refresh-w.png);}
#historyTab table td .w2ui-tab-zoom:hover,
#historyTab table td .w2ui-tab-close:hover,
#historyTab table td .w2ui-tab-refresh:hover {background-color: rgba(0,0,0,.2);}
#historyTab table td.fc-active .w2ui-tab-close:hover,
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab-close:hover,
#historyTab table td.fc-active .w2ui-tab-zoom:hover {background-color: rgba(0,0,0,.1);}

#historyTab table td.fc-active .w2ui-tab-refresh {background-image: url(../images/common/ico-refresh.png);}
#historyTab table td.fc-active .w2ui-tab-zoom {background-image: url(../images/common/ico-zoom.png);}

#historyTab table td.last-tab {text-align: left; padding-left: 11px;}
#historyTab table td .btn-tab-blank,
#historyTab table td .btn-tab-close {text-indent: -999rem; cursor: pointer; width: 41px; height: 41px; background: url(../images/common/bg-btnTab-off.png) center center no-repeat; display: inline-flex; justify-content: center; align-items: center; margin: 0 4px 4px 0;}
#historyTab table td .btn-tab-blank::before,
#historyTab table td .btn-tab-close::before {content: ''; display: block; width: 15px; height: 15px; background-position: center center; background-repeat: no-repeat;}
#historyTab table td .btn-tab-blank::before {background-image: url(../images/common/btn-tabBlank.png);}
#historyTab table td .btn-tab-close::before {background-image: url(../images/common/btn-tabClose.png);}
#historyTab table td .btn-tab-blank:hover,
#historyTab table td .btn-tab-close:hover {background-image: url(../images/common/bg-btnTab-on.png);}

#historyTab .fc-tab > li .fc-tab-left-control [class*="fa"]::before,
#historyTab .fc-tab > li .fc-tab-right-control [class*="fa"]::before {content: ''; width: 19px; height: 19px; background-position: center center; background-repeat: no-repeat;}

#historyTab .fc-tab > li .fc-tab-left-control {display: inline-flex;}
#historyTab .fc-tab > li .fc-tab-right-control {display: inline-flex; margin-left: auto;}

#historyTab .fc-tab > li .fc-tab-left-control .fa-bars {margin: 0 !important;}
#historyTab .fc-tab > li .fc-tab-left-control .fa-thumbtack.fa-rotate-180::before {transform: rotate(180deg);}

#historyTab .fc-tab > li .fc-tab-left-control .fa-thumbtack::before {width: 12px; height: 12px; background-image: url(../images/common/ico-t-fixing-w.png);}
#historyTab .fc-tab > li .fc-tab-left-control .fa-bars::before {background-image: url(../images/common/ico-t-bar-w.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-expand::before {background-image: url(../images/common/ico-t-zoom-w.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-redo-alt::before {background-image: url(../images/common/ico-t-refresh-w.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-times::before {background-image: url(../images/common/ico-dels-w.png);}

#historyTab .fc-tab > li.selected .fc-tab-left-control .fa-thumbtack::before {background-image: url(../images/common/ico-t-fixing-w.png);}
#historyTab .fc-tab > li.selected .fc-tab-right-control .fa-expand::before {background-image: url(../images/common/ico-t-zoom-w.png);}
#historyTab .fc-tab > li.selected .fc-tab-right-control .fa-redo-alt::before {background-image: url(../images/common/ico-t-refresh-w.png);}
#historyTab .fc-tab > li.selected .fc-tab-right-control .fa-times::before {background-image: url(../images/common/ico-dels-w.png);}

#historyTab .fc-tab > li .fc-tab-left-control .fa-thumbtack::before,
#historyTab .fc-tab > li.type-ds.selected .fc-tab-left-control .fa-thumbtack::before {width: 12px; height: 12px; background-image: url(../images/common/ico-t-fixing.png); display: inline-block;}
#historyTab .fc-tab > li .fc-tab-left-control .fa-bars::before,
#historyTab .fc-tab > li.type-ds.selected .fc-tab-left-control .fa-bars::before {background-image: url(../images/common/ico-t-bar.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-expand::before,
#historyTab .fc-tab > li.type-ds.selected .fc-tab-right-control .fa-expand::before {background-image: url(../images/common/ico-t-zoom-b.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-redo-alt::before,
#historyTab .fc-tab > li.type-ds.selected .fc-tab-right-control .fa-redo-alt::before {background-image: url(../images/common/ico-t-refresh-b.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-times::before,
#historyTab .fc-tab > li.type-ds.selected .fc-tab-right-control .fa-times::before {background-image: url(../images/common/ico-dels-b.png);}
#historyTab .fc-tab > li .fc-tab-left-control .fa-bars::before,
#historyTab .fc-tab > li.type-ds.selected .fc-tab-left-control .fa-bars::before { width: 20px; height: 20px; background-image: url(../images/common/ico-hand.png);}

/*#historyTab .fc-tab > li:hover .fc-tab-left-control .fa-thumbtack {display: inherit !important;}*/
#historyTab .fc-tab > li:hover .fc-tab-left-control .fa-thumbtack[style*="display"][style*="none"]{display: block !important;}
#historyTab .fc-tab > li .fc-tab-right-control i {margin-right: 4px;}
#historyTab .fc-tab > li .fc-tab-right-control {padding-right: 0;}
/*#historyTab .fc-tab > li:hover .fc-tab-left-control .fa-thumbtack,*/
#historyTab .fc-tab > li .fc-tab-right-control i[ref=expand]{ display: none !important;}

.fc-tab-content,
.fc-tab-content-item {flex: 1; flex-direction: column; height: 100%;}

/*iframe 높이 대응*/
.cont-lc-area .lc-rightbox:has( .fc-tab-content-item > .page-cont > iframe[height="100%"]) {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.cont-lc-area .lc-rightbox:has( .fc-tab-content-item > .page-cont > iframe[height="100%"]) > .fc-tab-content {display: flex;
    justify-content: flex-start; flex-direction: column; align-items: stretch;}
.cont-lc-area .lc-rightbox:has( .fc-tab-content-item > .page-cont > iframe[height="100%"]) > .fc-tab-content > .fc-tab-content-item:not([style*="display"][style*="none"]) {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.cont-lc-area .lc-rightbox:has( .fc-tab-content-item > .page-cont > iframe[height="100%"]) > .fc-tab-content > .fc-tab-content-item:not([style*="display"][style*="none"]) > .page-cont {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; flex: 1;}


/*content*/
#contents {display: flex; flex-direction: column; flex: 1; width: 100%; min-height: 500px; position: relative; margin-top: 20px; padding: 0 20px 15px 20px;}

/*footer*/
#footer {width: 100%; min-width: 1412px; padding: 21px 23px 25px; border-top: 1px solid #ddd; margin-top: auto;}
#footer .inner {text-align: left; display: flex; align-items: center; justify-content: flex-start;}
#footer .logo-hk {text-indent: -999rem; width: 153px; height: 33px; background: url(../images/common/logo-hankook-foot.png) center center no-repeat;}
#footer .textbox {display: block; text-align: left; padding-left: 30px; margin-bottom: 5px;}
#footer .textbox p {/*font-family:'HankookTire', sans-serif;*/ font-size: 12px; line-height: 18px; color: #666;}


/**************************************************login**************************************************/
.loginHtml, .loginHtml body {background-color: #fff; min-width: 100%; }
#wrap-login {width: 100%; height: 100%; display: table; position: relative; /*font-family: 'Noto Sans KR', sans-serif; font-family:'HankookTire', sans-serif;*/
    display: flex; align-items: stretch; justify-content: space-between;
}
#wrap-login .login-inner {display: table-cell; vertical-align: middle;
    display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; width: 100%; height: 100%;
}
#wrap-login .header{position:relative;display:block;width:100%;height: auto;margin:18px auto;}
#wrap-login .header .logo{display: block; text-align: center;}
#wrap-login .header .logo img {max-width: 80%;}
#wrap-login #container {width: 100%; height: 755px; border-left: 0 none;
	height: auto; flex: 1;
}
#wrap-login .inner-contain {width:100%; position:relative; height: 100%; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
	padding: 20px;
}
#wrap-login .visual{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; width: auto; height: auto;}
#wrap-login .visual .bg-area{width: 100%;height: 100%;background-image:url("../images/login/bg_login2.png");background-repeat:no-repeat;background-position:center center; background-size: cover;}
#wrap-login .visual .bg-area .bg{}
#wrap-login .visual .left,
#wrap-login .visual .right {position:absolute;z-index:1;width: 4.35%;height: calc(100% + 2px);}
#wrap-login .visual .left{top:-1px;left:0;}
#wrap-login .visual .right{right:0;bottom:-1px;}
#wrap-login .visual::before,
#wrap-login .visual::after {content: ''; display: block; position: absolute; top:-1px; bottom: -1px; background-color: #fff; width: 1.65%; z-index: 2;}
#wrap-login .visual::before {left: 0;}
#wrap-login .visual::after {right: 0;}
#wrap-login .login-wrap{display: block; width: 500px; max-width: calc(80% - 10px); background-color: #ffffff; box-sizing: border-box; position: relative; margin: 0 auto; z-index: 1; transition: 0.5s; /*position: absolute; top: 50%; left: 50%; margin-top: -284px; margin-top: -212px; margin-left: -250px;*/}
#wrap-login .login-wrap .info-bx{text-align: center; padding: 35px 43px 34px 44px;}
#wrap-login .login-wrap .info-bx .sct-bx{margin-bottom:10px;}
#wrap-login .login-wrap .info-bx .sct-bx select{padding:0 0 0 29px;height:38px;line-height:38px;width:100%;box-sizing:border-box;font-size:13px;background-color: #efefef;color:#a8a8a8;border:1px solid #a5a5a5;}
#wrap-login .login-wrap .info-bx .input {padding: 0 29px; letter-spacing: 0.02em; width: 100%; height: 50px; margin: 0 0 15px 0; font-size: 14px; font-weight: 500; color: #666; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 3px; text-shadow: 0.5px 0 0 #666;}
#wrap-login .login-wrap .info-bx .input:hover,
#wrap-login .login-wrap .info-bx .input:focus {border-color: #000;}
#wrap-login .login-wrap .info-bx .input::placeholder {color: #999;}
#wrap-login .login-wrap .info-bx .input::-webkit-input-placeholder {color: #999;}
#wrap-login .login-wrap .info-bx .input::-moz-placeholder {color: #999;}
#wrap-login .login-wrap .info-bx .input:-ms-input-placeholder{color: #999;}
#wrap-login .login-wrap .info-bx .input::-ms-input-placeholder{color: #999;}
#wrap-login .login-wrap .info-bx .chk-box{display:block; text-align: left;}
#wrap-login .login-wrap .info-bx .chk-box .check {display: block;}
#wrap-login .login-wrap .info-bx .chk-box .check input[type='checkbox'] + label {font-size: 14px; color: #666; text-shadow: 0.5px 0 0 #666; padding-left: 23px;}
#wrap-login .login-wrap .info-bx .btn-login{display: block; width: 100%; font-size: 18px; line-height: 35px; padding: 20px 0; background-color: #333; color: #ffffff; border-radius: 3px; letter-spacing: 0.03em;}
#wrap-login .login-wrap .info-bx .btn-login:hover {background-color: #000;}
#wrap-login .login-wrap .info-bx .btn-login:disabled{background-color:#9e9e9e;}
#wrap-login .footer{padding:12px 2.2%;text-align:center;background-color:#fff;font-size:13px; position: relative;
    display: flex; align-items: center; justify-content: center; gap: 4px; flex-direction: column;
}
#wrap-login .login-wrap .info-bx .btn-login + div {margin-top: 10px;}
#wrap-login .login-wrap .info-bx .btn-login + div h6 ~ .select2 {margin-top: 5px;}
#wrap-login .footer .logo {}
#wrap-login .footer .logo img {}
#wrap-login .footer .copyright{display:block;color:#666666;font-size:12px;letter-spacing: -0.008em;font-weight: 500;}
#wrap-login .footer .info-cs {display: block; font-size: 12px; color: #666; position: absolute; right: 2.2%; top: 22px;}
#wrap-login .footer .info-cs span {font-weight: bold; letter-spacing: -0.005em;}
#wrap-login .footer .info-cs span + span {margin-left: 7px;}
#wrap-login .footer .info-cs .txt1 {background: url(../images/login/icon-CS.png) 0 5px no-repeat; padding-left: 16px; letter-spacing: 0;}
#wrap-login .footer .info-cs .txt2 {}
#wrap-login .footer .btn-ix {height: auto; border-color: transparent; font-weight: 600;}
#wrap-login .footer .footer-inner {display: flex; justify-content: center; align-items: center; gap: 10px;}
#wrap-login .footer .footer-inner .btn-ix {font-weight: normal;}

#wrap-login .textbox {text-align: left; margin-bottom: 8px;}
#wrap-login .textbox .txt1 {font-size: 20px; color: #333;}
#wrap-login .textbox .txt2 {font-size: 24px; color: #666;}
#wrap-login .textbox .txt2 strong {font-weight: bold;}
#wrap-login .textbox .txt2 span {font-weight: normal;}
#wrap-login .textbox .txt1 + .txt2 {margin-top: 9px;}

#wrap-login .login-wrap .info-bx .link {font-size: 14px; color: #666; font-weight: 500;}
#wrap-login .login-wrap .info-bx .link:hover {color: #f36f20;}

#wrap-login .login-wrap .info-bx .chkFindbox {padding-bottom: 18px; margin-top: 4px;}
#wrap-login .login-wrap .info-bx .chkFindbox .fl {}
#wrap-login .login-wrap .info-bx .chkFindbox .fr {}

#wrap-login .langselbox .lang {display: block; padding: 7px 26px 11px 16px; text-align: left; white-space: nowrap;}
#wrap-login .langselbox .lang:hover {background-color: rgba(0,0,0,0.05);}
#wrap-login .langselbox .lang img,
#wrap-login .langselbox .lang span {display: inline-block; vertical-align: middle;}
#wrap-login .langselbox .lang img {width: 18px; height: auto; margin-top: 1px;}
#wrap-login .langselbox .lang span {max-width: calc(100% - 22px); padding-left: 9px; text-align: center; /*font-family: 'HankookTire', sans-serif;*/ font-size: 14px; color: #333; font-weight: 500;}
#wrap-login .langselbox .lang-selList {position: relative; display: inline-block; width: auto; min-width: 164px;}
#wrap-login .langselbox .lang-sel {}
#wrap-login .langselbox .lang-sel .lang {position: relative;}
#wrap-login .langselbox .lang-sel .lang::after {content: ''; display: block; width: 8px; height: 7px; background: url(../images/login/ico-lang-arrow.png) center center no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -4px; transform: rotate(180deg);}
#wrap-login .langselbox .lang-list {display: none; position: absolute; top: 39px; left: 0; right: 0; border: 1px solid #ddd; background-color: #fff; z-index: 3; overflow-x: hidden; overflow-y: auto;}
#wrap-login .langselbox .lang-list .lang {padding-top: 6px; padding-bottom: 8px;}
#wrap-login .langselbox .lang-list .lang img {}
#wrap-login .langselbox .lang-selList.open .lang-list {display: block;}
#wrap-login .langselbox .lang-selList.open .lang-sel .lang::after {transform: rotate(0deg);}

#wrap-login .langbox-area.gray .lang-sel .lang {background-color: rgba(0,0,0,0.05);}
#wrap-login .langbox-area.gray .lang-list {z-index: 4;}

#wrap-login .langbox-area {text-align: right; padding: 10px 0;}

#wrap-login .langbox-area.beforetype .langselbox .lang-selList {display: block;}

#wrap-login .langbox-area[style="display: none;"] + input {margin-top: 12px !important;}

#wrap-login .ico-adminSet {text-indent: -999rem; width: 44px; height: 30px; background: url(../images/common/ico-adminSet.png) center center no-repeat;}
#wrap-login .textbox .ico-adminSet {display: inline-block; vertical-align: bottom; margin-left: 10px;}

.adminHtml #wrap-login .login-wrap .info-bx .chk-box .check input[type='checkbox'] + label {padding-left: 4px;}

/*tootltip*/
.tooltip-wrap.hide {display: none !important;}
[ttname="gnbOpenTooltip"], [ttname="gnbCloseTooltip"] {display: none !important;}
/*툴팁 : 메인, 마이페이지 사용중(다른곳 사용시 참고 : tooltipShow함수)*/

.addInfo-selbox .label::before{ margin-top: 0; top: 8px;}

/*********************************************media*********************************************/
@media screen and (max-width: 1480px) {}

/*quick*/
.quick-area .btn-sh1 {text-indent: -999rem; width: 15px; height: 15px; background: transparent url(../../common_sms/images/common/ico-arrowTB1.png) center center no-repeat; border-radius: 15px; transform: rotate(180deg);}
.quick-area .btn-sh1:hover {background-color: #fff;}
.quick-area .btn-sh1.on {transform: rotate(0deg);}

.quicklinkbox {position: relative; border: 1px solid #ddd; border-radius: 3px; width: 126px; background-color: #fff;}
.quicklinkbox .quicklink-title {background-color: #e5e5e5; padding: 5px 25px 6px 7px; position: relative;}
.quicklinkbox .quicklink-title .title {font-size: 12px; color: #333; font-weight: 500; word-spacing: -0.03em; letter-spacing: -0.01em; padding-left: 28px; background: url(../../common_sms/images/common/ico-quicklink.png) 0 0 no-repeat;}
.quicklinkbox .quicklink-list {padding: 10px 8px 10px 13px;}
.quicklinkbox .quicklink-list .list {font-size: 0; position: relative;}
.quicklinkbox .quicklink-list .ico,
.quicklinkbox .quicklink-list .link {vertical-align: middle;}
.quicklinkbox .quicklink-list .ico {width: 25px; height: 25px;}
.quicklinkbox .quicklink-list .ico img {width: 100%; height: 100%;}
.quicklinkbox .quicklink-list .btn-del3 {margin-top: 7px;}
.quicklinkbox .quicklink-list .link {max-width: calc(100% - 25px); font-size: 12px; color: #666; line-height: 15px; letter-spacing: -0.01em; word-spacing: -0.08em; word-break: break-word; padding: 8px 0 8px 12px;}
.quicklinkbox .quicklink-list .new {position: relative;}
.quicklinkbox .quicklink-list .new::after {content: ''; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #ec6608; position: absolute; top: 5px; right: -11px;}
.quicklinkbox .quicklink-list .list.list-HTG .new::after {right: 2px;}
.quicklinkbox .quicklink-list .link:hover {color: #f77b30;}
.quicklinkbox .quicklink-list .link:hover img {opacity: .7;}
.quicklinkbox .btn-sh1 {position: absolute; right: 7px; top: 50%; margin-top: -7px;}
.quicklinkbox .btn-hide {z-index: 1; position: absolute; right: -10px; bottom: -14px;}

.quickmenubox {border: 1px solid #ddd; border-radius: 3px; margin-bottom: 0; background-color: #fff;}
.quickmenubox .quickmenu-title {background-color: #e5e5e5; padding: 5px 25px 6px 7px; position: relative;}
.quickmenubox .quickmenu-title .title {font-size: 12px; color: #333; font-weight: 500; text-align: center; word-spacing: -0.03em; letter-spacing: -0.01em;}
.quickmenubox .quickmenu-list {}
.quickmenubox .quickmenu-list .list {position: relative;}
.quickmenubox .quickmenu-list .list + .list::after {content: ''; display: block; height: 1px; background-color: #ccc; position: absolute; top: 0; left: 5px; right: 5px;}
.quickmenubox .quickmenu-list .link {display: block; text-align: center; padding: 9px 0 8px;}
.quickmenubox .quickmenu-list .ico,
.quickmenubox .quickmenu-list .text {vertical-align: baseline;}
.quickmenubox .quickmenu-list .ico {width: 36px; height: 36px; margin-bottom: 3px; border-radius: 36px; background-color: #ececec; background-position: center center; background-repeat: no-repeat;}
.quickmenubox .quickmenu-list .ico.ico-qm1 {background-image: url(../../common_sms/images/common/ico-qLink1.png);}
.quickmenubox .quickmenu-list .ico.ico-qm2 {background-image: url(../../common_sms/images/common/ico-qLink2.png);}
.quickmenubox .quickmenu-list .ico.ico-qm3 {background-image: url(../../common_sms/images/common/ico-qLink3.png);}
.quickmenubox .quickmenu-list .ico.ico-qm4 {background-image: url(../../common_sms/images/common/ico-qLink4.png);}
.quickmenubox .quickmenu-list .text {font-size: 12px; color: #333; line-height: 14px; font-weight: 500;}
.quickmenubox .quickmenu-list .link:hover {background-color: #ececec;}
.quickmenubox .btn-sh1 {position: absolute; right: 7px; top: 50%; margin-top: -7px;}
.quickmenubox .btn-top {display: block; border-top: 1px solid #ddd; text-align: center; font-size: 12px; font-weight: 500; padding: 7px 0; background-color: #eee;}
.quickmenubox .btn-top::after {content: ''; display: inline-block; width: 16px; height: 18px; margin-left: 10px; background: url(../../common_sms/images/common/ico-top.png) center center no-repeat; vertical-align: middle;}
.quickmenubox .btn-top:hover {background-color: #ccc;}
.quickmenubox .btn-hide {display: none;}

.quickbannerbox {border: 1px solid #ddd; border-radius: 3px; margin-bottom: 17px; background-color: #fff;}
.quickbannerbox .quickbanner {}
.quickbannerbox .quickbanner .link {display: block;}
.quickbannerbox .quickbanner .link img {max-width: 100%;}
.quickbannerbox .slick-slider.quickbanner-slider .slick-arrow {width: 17px; height: 17px; border: 1px solid #f9b796; background-color: transparent; top: auto; bottom: 12px;}
.quickbannerbox .slick-slider.quickbanner-slider .slick-prev {left: 50%; margin-left: -20px; padding-right: 0;}
.quickbannerbox .slick-slider.quickbanner-slider .slick-next {right: 50%; margin-right: -20px; padding-left: 0;}
.quickbannerbox .slick-slider.quickbanner-slider .slick-arrow::before {width: 5px; height: 7px; background-image: url(../../common_sms/images/common/ico-quickBanner-arrow.png); background-position: center center; margin-top: -3px;}
.quickbannerbox .slick-slider.quickbanner-slider .slick-arrow:hover {background-color: rgba(0,0,0,0.5);}
.quickbannerbox .slick-slider.quickbanner-slider .slick-arrow:hover::before {background-position: center center;}
.quickbannerbox .btn-hide {display: none;}

.quickbtnbox {border: 1px solid #ddd; border-radius: 3px; background-color: #fff;}
.quickbtnbox .quickbtn {padding: 13px 5px 9px; text-align: center; display: block;}
.quickbtnbox .quickbtn:hover {background-color: #eee;}
.quickbtnbox .quickbtn .ico {text-align: center;}
.quickbtnbox .quickbtn .ico img {max-width: 55px; max-height: 56px;}
.quickbtnbox .quickbtn .txt {font-size: 12px; line-height: 17px; color: #f36f20;}

.quick-area,
.quick-left,
.quick-right {position: fixed; /*top: 215px;*/ z-index: 2; transition: 0.5s;}
.quick-left {left: 50%; margin-left: -776px;}
.quick-right {right: 50%; margin-right: -711px;}
.quick-right .inbox {width: 87px; position: relative;}
.quick-right .inbox .btn-hide {z-index: 1; position: absolute; right: -10px; top: -14px;}

.quick-area {width: auto; top: 62px; left: 20px; right: 20px; z-index: 9;}
.quick-area .quick-left,
.quick-area .quick-right {position: absolute; margin: 0;}
.quick-area .quick-left {left: 0;}
.quick-area .quick-right {right: 0;}

.quick-area.bottomtype {/*top: 50%; margin-top: -17%;*/ top : 30px}
.quick-area .btn-hide {text-indent: -999rem; width: 25px; height: 25px; display: none; border-radius: 25px; background-image: url(../../common_sms/images/common/ico-ql-hide.png); background-position: 0 0; background-repeat: no-repeat; box-shadow: 0 0 5px 0 rgba(249,92,23,0.3);}
.quick-area .quick-left:hover .btn-hide { }
.quick-area .btn-hide:hover {background-position: -25px 0;}

.quick-area.hide {display: none;}