@charset "utf-8";

@import url('../fonts/font.css');
@import url('swiper-bundle.min.css');
@import url('jquery.mCustomScrollbar.css');
@import url('jquery-ui.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}
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{font-family: inherit;text-decoration:none;display:inline-block;}
p{margin-block-start: 0; margin-block-end: 0;}

/* Common Setting */
html{}
html,body{min-width:1600px; width:100%;height:100%;background:#fff;}
body {color:#242020;font-family: 'Noto Sans KR', sans-serif; font-weight: normal; font-size:14px; line-height: 20px; letter-spacing: 0; word-spacing: 0;} 
div{outline:0} /* Script TabIndex Click Focusing Line Remove */
img {vertical-align:middle;}
span {display: inline-block;}
table {}
em {font-style: normal;}
input {font-family: inherit;}

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

[disabled] {pointer-events: none;}

button {font-family: inherit; 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: #888; font-weight: normal;}
::-webkit-input-placeholder {color: #888; font-weight: normal;}
::-moz-placeholder {color: #888; font-weight: normal;}
:-ms-input-placeholder {color: #888; font-weight: normal;}
::-ms-input-placeholder {color: #888; font-weight: normal;}

.fc-b {color: #0000FF !important;}
.fc-r {color: #FF0000 !important;}

.color1 {color: #ec6608 !important;}
.color2 {color: #0276b2 !important;}
.color3 {color: #FF0000 !important;}

.hidden {position: absolute !important; top: -9999px !important; left: -9999em !important;}
/*.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;}

.fw-b, .bold {font-weight: bold !important;}

.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-b {vertical-align: bottom !important;}
.va-m {vertical-align: middle !important;}

.full {width: 100% !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;}
.w35p {width: 35% !important;}
.w40p {width: 40% !important;}
.w45p {width: 45% !important;}
.w50p {width: 50% !important;}
.w55p {width: 55% !important;}
.w60p {width: 60% !important;}
.w65p {width: 65% !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;}

.wAuto {width: auto !important;}
.w55 {width: 55px !important;}
.w56 {width: 56px !important;}
.w64 {width: 64px !important;}
.w66 {width: 66px !important;}
.w77 {width: 77px !important;}
.w79 {width: 79px !important;}
.w95 {width: 95px !important;}
.w100 {width: 100px !important;}
.w115 {width: 115px !important;}
.w145 {width: 145px !important;}
.w150 {width: 150px !important;}
.w156 {width: 156px !important;}
.w1118 {width: 1118px !important;}

.mw50 {min-width: 50px;}
.mw150 {min-width: 150px !important;}

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

.pdt10 {padding-top: 10px !important;}

.pdb10 {padding-bottom: 10px !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;}
.mgt30 {margin-top: 30px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt-8 {margin-top: -8px !important;}
.mgt-9 {margin-top: -9px !important;}
.mgt-110 {margin-top: -110px !important;}

.mgl0 {margin-left: 0px !important;}
.mgl5 {margin-left: 5px !important;}
.mgl8 {margin-left: 8px !important;}
.mgl9 {margin-left: 9px !important;}
.mgl10 {margin-left: 10px !important;}
.mgl20 {margin-left: 20px !important;}

.mgr4 {margin-right: 4px !important;}
.mgr5 {margin-right: 5px !important;}
.mgr8 {margin-right: 8px !important;}
.mgr10 {margin-right: 10px !important;}
.mgr20 {margin-right: 20px !important;}
.mgr25 {margin-right: 25px !important;}

.mgb0 {margin-bottom: 0 !important;}
.mgb5 {margin-bottom: 5px !important;}
.mgb10 {margin-bottom: 10px !important;}
.mgb15 {margin-bottom: 15px !important;}
.mgb20 {margin-bottom: 20px !important;}
.mgb25 {margin-bottom: 25px !important;}

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

.mglrAuto {margin-left: auto !important; margin-right: auto !important;}

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

.pdl0 {padding-left: 0px !important;}
.pdl5 {padding-left: 5px !important;}
.pdl15 {padding-left: 15px !important;}

.pdr0 {padding-right: 0px !important;}
.pdr5 {padding-right: 5px !important;}
.pdr30 {padding-right: 30px !important;}

.pdt0 {padding-top: 0px !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;}

.pd5 {padding: 5px !important}
.pd8 {padding: 8px !important}

.pdtype1 {padding: 29px 42px 26px !important;}
.pdtype2 {padding: 39px 42px 49px !important;}
.pdtype3 {padding: 29px 33px 28px !important;}
.pdtype4 {padding: 13px 20px 10px !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-b {display: block !important}
.dis-t {display: table !important;}
.dis-tc {display: table-cell !important; vertical-align: middle !important;}
.dis-ib {display: inline-block !important;}
.dis-if {display: inline-flex !important;}
.dis-f {display: flex !important;}
.dis-flexCC {display: flex !important; justify-content: center; align-items: center;}
td.ta-l > .dis-flexCC {justify-content: flex-start;}
.dis-flexSC {display: flex !important; justify-content: flex-start; align-items: center;}

.ai-center {align-items: center !important;}
.ai-fStart {align-items: flex-start !important;}
.ai-fEnd {align-items: flex-end !important;}
.jc-fStart {justify-content: flex-start !important;}
.jc-fEnd {justify-content: flex-end !important;}
.jc-SB {justify-content: space-between !important;}

.tl-fixed {table-layout: fixed !important;}

.of-h {overflow: hidden !important;}
.of-xh {overflow-x: hidden !important;}
.of-yh {overflow-y: hidden !important;}
.of-auto {overflow: auto !important;}
.of-xauto {overflow-x: auto !important;}
.of-yauto {overflow-y: auto !important;}

.scrollbox {overflow: auto;}
.scrollY {overflow-x: hidden; overflow-y: auto;}
.scrollX {overflow-x: auto; overflow-y: hidden;}

/*************************************************layout*************************************************/

/* html.mainHtml, .mainHtml body {background: #f8f8f8; min-width: 1820px;} */
html.windowPopupHtml, .windowPopupHtml body{min-width: 1200px;}

#wrap {width: 100%; height: 100%;}
.inner {width: 100%; margin: 0 auto; padding: 0 10px}
.lc-rightbox .inner.main-area {padding-left: 0; padding-right: 0;}

.btn-topmove {/* display: none; */ width: 50px; height: 50px; padding-top: 23px; border-radius: 50px; text-align: center;
	background: #666 url(../images/common/ico-top-w.png) center 10px no-repeat; z-index: 3;
	position: fixed; right: 14px;
	bottom: -100px; opacity: 0; transition: 1s;
}
.btn-topmove > span {font-size: 10px; font-weight: 500; line-height: 15px; color: #fff; letter-spacing: 0.05em; padding-left: 2px;}
.btn-topmove.show {bottom: 36px; opacity: 1;}
/*.mainHtml .btn-topmove {margin-right: -682px;}
.mainHtml .btn-topmove.show {bottom: 19px;}*/
.btn-topmove:hover {background-color: #000;}
.mainHtml .btn-topmove {right: 229px;}
.windowPopupHtml .btn-topmove {right: 4px;}
.windowPopupHtml .btn-topmove.show {bottom: 7px;}

/*header*/
.ico-setting {text-indent: -999rem; width: 28px; height: 28px; background: url(../images/common/ico-setting.png);}
.ico-mypage {text-indent: -999rem; width: 18px; height: 20px; background: url(../images/common/ico-mypage.png);}
.ico-noti {text-indent: -999rem; width: 20px; height: 20px; background: url(../images/common/ico-noti.png);}
.ico-logout {text-indent: -999rem; width: 21px; height: 21px; background: url(../images/common/ico-logout.png);}
.ico-favo {text-indent: -999rem; width: 20px; height: 20px; background: url(../images/common/ico-favo.png);}

#header {width: 100%; min-width: 320px; background-color: #fff;}
#header .inner {font-size: 0; height: 100%; position: relative;}
#header .inner::after {content: ''; display: block; clear: both;}
#header .inbox {font-size: 14px; height: 100%; float: left; vertical-align: top; text-align: center;}

#header .header-top {height: 65px; border-bottom: 1px solid #ddd;}

#header .header-top .gnbbtnbox {width: 63px; margin-left: -18px; padding-top: 8px;}
#header .header-top .gnbbtnbox .btn-gnb {text-indent: -999rem; width: 50px; height: 50px; position: relative;}
#header .header-top .gnbbtnbox .btn-gnb:hover {background-color: rgba(0,0,0,0.05);}
#header .header-top .gnbbtnbox .btn-gnb::before,
#header .header-top .gnbbtnbox .btn-gnb::after,
#header .header-top .gnbbtnbox .btn-gnb span {content: ''; display: block; width: 20px; height: 2px; position: absolute; top: 50%; left: 50%; margin-left: -10px; background-color: #7f7f7f; transition: .3s;}
#header .header-top .gnbbtnbox .btn-gnb::before {margin-top: -6px;}
#header .header-top .gnbbtnbox .btn-gnb::after {margin-top: 4px;}
#header .header-top .gnbbtnbox .btn-gnb span {margin-top: -1px;}
#header .header-top .gnbbtnbox .btn-gnb.on::before {margin-top: 0; transform: rotate(45deg);}
#header .header-top .gnbbtnbox .btn-gnb.on::after {margin-top: 0; transform: rotate(-45deg);}
#header .header-top .gnbbtnbox .btn-gnb.on span {opacity: 0;}

/* .mainHtml #header .header-top .gnbbtnbox {padding-right: 6px;} */

#header .header-top .logobox {width: 296px; padding: 6px;}
#header .header-top .logobox .logo {text-indent: -999rem; width: 100%; height: 100%; background-image: url(../images/common/_logo.png); background-position: 10px center; background-repeat: no-repeat;}
/*#header .header-top .logobox .logo:hover {background-color: rgba(0,0,0,0.05);}*/
#header .header-top .logobox {position: relative;}
#header .header-top .logobox::before {content: ''; display: block; width: 1px; height: 24px; background-color: #ddd; position: absolute; top: 50%; margin-top: -10px; left: -1px;}

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

#header .header-top .searchbox .search .inputbox .input:hover {background-color: rgba(0,0,0,0.05);}
#header .header-top .searchbox.open .search .inputbox .input:hover {background-color: transparent;}
#header .header-top .searchbox.open .search {background-color: #fff; border-color: #ccc; height: auto;}
#header .header-top .searchbox.open .search .inputbox {height: 63px; border-color: #666;}
#header .header-top .searchbox .search .inputbox .btn:hover,
#header .header-top .searchbox.open .search .inputbox .btn {background-color: #666;}
#header .header-top .searchbox.open .search .resultbox {display: block; padding-bottom: 11px;}

#header .header-top .btnbox {width: 295px; text-align: right; font-size: 0; padding-top: 6px;}
#header .header-top .btnbox .btn {display: inline-block; text-align: center; padding: 7px 3px 1px;}
#header .header-top .btnbox .btn:hover {background-color: rgba(0,0,0,0.05);}
#header .header-top .btnbox .btn + .btn {margin-left: 2px;}
#header .header-top .btnbox .btn [class^="ico-"] {width: 22px; height: 22px;}
#header .header-top .btnbox .btn .txt,
#header .header-top .btnbox .btn [class^="ico-"] {vertical-align: top;}
#header .header-top .btnbox .btn .ico-setting {width: 42px;}
#header .header-top .btnbox .btn .txt {display: block; font-size: 9px; color: #666; text-transform: uppercase; font-weight: 500; opacity: .7; transform: scale(0.95); margin-top: 2px;}

#gnb {display: none; position: absolute; top: 64px; left: 0; right: 0; z-index: 4; border-top: 1px solid #ddd; background-color: #fff;
	box-shadow: 10px 10px 15px rgba(0,0,0,0.2);}
#gnb::before {content: ''; display: block; width: auto; height: 1px; position: absolute; top: 65px; left: 0; right: 0; background-color: #ddd;}
#gnb .gnb-area {position: relative; width: 80%; margin: 0 auto;}

#gnb .gnb-area li .menubox {padding: 6px 30px 6px 10px; position: relative;}
#gnb .gnb-area li .link {line-height: 17px; font-size: 13px; font-weight: 500; color: #666; letter-spacing: -0.02em; word-spacing: -0.1em; text-align: center; display: flex; align-items: center; justify-content: center;}
#gnb .gnb-area li .menubox:not(:has( + .depth)) .link:hover {color: #000;}

#gnb .gnb-area li .btn-favoChk {text-indent: -999rem; width: 20px; height: 20px; background-image: url(../images/common/ico-favoChk.png); background-position: 0 0; background-repeat: no-repeat;}
#gnb .gnb-area li .btn-favoChk.off {}
#gnb .gnb-area li .btn-favoChk.off:hover {background-position: -20px 0;}
#gnb .gnb-area li .btn-favoChk.on {background-position: -1px -21px;}
#gnb .gnb-area li .btn-favoChk.on:hover {background-position: -21px -21px;}
#gnb .gnb-area li .btn-favoChk {position: absolute; right: 5px; top: 5px;}

#gnb .gnb-area > ul {width: 100%; display: flex; justify-content: center;}
#gnb .gnb-area > ul > li {width: calc(100% / 5); position: relative;}
#gnb .gnb-area > ul > li:first-child > .depth {border-left: 1px solid #ddd;}
#gnb .gnb-area > ul > li:after {content: ""; position: absolute; right: 0; top: 66px; bottom: 0; width: 1px; background-color: #ddd;}
#gnb .gnb-area > ul > li > .menubox {padding: 0;}
#gnb .gnb-area > ul > li > .menubox .link {line-height: 21px; font-size: 16px; font-weight: bold; color: #333; height: 65px;}
#gnb .gnb-area > ul > li:hover > .menubox:not(:has( + .depth)) .link {color: #f36f20;}
#gnb .gnb-area > ul > li .depth {position: relative; display: block; width: 100%;}
#gnb .gnb-area > ul > li > .depth {padding: 20px 4%; height: calc(100% - 65px); background-color: #fff; border-top: 1px solid #ddd;}
#gnb .gnb-area > ul > li .depth .depth {padding: 5px 0 5px 4%; border-top: none;}
#gnb .gnb-area > ul > li .depth .depth .link::before {content: "-"; display: inline-block; margin-right: 4px;}
#gnb .gnb-area > ul > li .depth .depth .menubox {padding: 3px 30px 3px 10px;}
#gnb .gnb-area > ul > li .depth .depth .menubox .link {font-weight: 400;}
#gnb .gnb-area > ul > li:hover > .depth:before {content: ""; position: absolute; z-index: 2; left: -1px; right: 0; top: 0; height: 4px; background-color: #333;}
#gnb .gnb-area > ul > li > .depth li + li {margin-top: 5px;}
#gnb .gnb-area > ul > li > .depth li .link {justify-content: flex-start; text-align: left;}
#gnb .gnb-area > ul > li > .depth li .menubox:not(:has( + .depth)) .link:hover {color: #000;}

#header #gnb.open {display: block;}
#header #gnb.open.gnb-wrap .close-layer {position: absolute; width: 100%; min-height: 1000px; overflow: hidden;}
#header #gnb.open.gnb-wrap .btn-SH {position: absolute; bottom: 0; left: 50%; margin-left: -31px; background-color: #f8f8f8; width: auto; left: 0; right: 0; margin-left: 0; font-size: 13px; color: #666; font-weight: bold; text-indent: 0; text-align: center; border: 0 none; border-top: 1px solid #ddd; border-bottom: 1px solid #d2d2d2; height: 51px; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgb(0, 0, 0, 0.2);}
#header #gnb.open.gnb-wrap .btn-SH::before {position: relative; top: auto; left: auto; margin: 0; display: inline-block; width: 14px; height: 14px; margin-right: 8px; background-image: url(../images/common/ico-gnbClose.png);}
#header #gnb.open.gnb-wrap .btn-SH:hover {color: #f36f21;}

#header #gnb.open.gnb-wrap .btn-SCALE {position: absolute; bottom: 0; right: 52px; margin-left: -31px; background-color: #f8f8f8; width: 50px; margin-left: 0; font-size: 13px; color: #666; font-weight: bold; text-indent: 0; text-align: center; border: 0 none; border-top: 1px solid #ddd; border-bottom: 1px solid #d2d2d2; height: 51px; display: flex; align-items: center;}
#header #gnb.open.gnb-wrap .btn-SCALE:hover {color: #f36f21;}
#header #gnb.open.gnb-wrap .btn-SCALE-OUT {position: absolute; top: 19px; right: 103px; margin: 0; display: inline-block; width: 14px; height: 14px; margin-right: 8px; background-image: url(../images/common/ico-gnbClose.png);transform: rotate(-90deg); text-indent: -999rem;}
#header #gnb.open.gnb-wrap .btn-SCALE-IN {position: absolute; top: 19px; right: 26px; margin: 0; display: inline-block; width: 14px; height: 14px; margin-right: 8px; background-image: url(../images/common/ico-gnbClose.png);transform: rotate(90deg); text-indent: -999rem;}

/*하위있는 메뉴 hover관련 리셋*/
.lnb-area [href="javascript:void(0)"]:not([onclick]),
#gnb [href="javascript:void(0)"]:not([onclick]) {cursor: text;}

/*history tab : table(플러그인)*/
#historyTab {background-color: #e5e5e5; height: 40px; padding: 0 108px 0 146px; width: 100%; overflow: hidden;}
#historyTab #mainTabs {text-align: left; padding-top: 10px;}
#historyTab table {width: auto !important; max-width: 100%;}
#historyTab table td {font-family: 'Noto Sans KR', sans-serif;}
#historyTab table td {position: relative; vertical-align: middle; width: 185px; padding-right: 10px;}
#historyTab table td .w2ui-tab {cursor: pointer; position: relative; display: block; width: 176px; font-size: 13px; font-weight: 500; color: #333; text-align: left; letter-spacing: -0.01em; word-spacing: -0.06em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px ; background-color: #ffffff; padding: 5px 55px 5px 16px;}
#historyTab table td .w2ui-tab.w2ui-tab.active {color: #fff;}
#historyTab table td .w2ui-tab:hover {background-color: #969696;color: #fff;}
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab {color: #f36f21; background-color: #fff; position: relative; padding-left: 34px;}
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab.active {color: #ffffff; background-color: #f39a5c;}
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab::before {content: ''; display: block; width: 14px; height: 14px; background: url(../images/common/ico-home.png) center center no-repeat; position: absolute; left: 13px; top: 50%; margin-top: -7px;}
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab:hover {background-color: #969696;color: #fff;}
#historyTab table td.fc-active .w2ui-tab:hover {color: #fff;}
#historyTab table td .w2ui-tab-zoom,
#historyTab table td .w2ui-tab-close,
#historyTab table td .w2ui-tab-refresh {text-indent: -999rem; cursor: pointer; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; z-index: 1; border-radius: 2px;}
#historyTab table td .w2ui-tab-close {right: 14px; background: url(../images/common/ico-del2-off.png) center center no-repeat;}
#historyTab table td .w2ui-tab-zoom {right: 32px; background: url(../images/common/ico-zoom.png) center center no-repeat;}
#historyTab table td .w2ui-tab-refresh {right: 50px; background: url(../images/common/ico-refresh.png) center center no-repeat;}
#historyTab table td#tabs_mainTabs_tab_home .w2ui-tab-refresh {right: 14px;}
#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);}

/* .mainHtml #historyTab {padding: 0;} */

#historyTab #mainTabs .btn-top-layer {display: block; width:24px; height:24px; background: url(../images/common/ico-gnbBtn.png) center center no-repeat; position: absolute; right: 124px; top: 8px; cursor:hand;}
#historyTab #mainTabs .btn-top-layer:hover {background-color: rgba(0,0,0,.2);}
#historyTab #mainTabs .btn-top-layer.off {display: none;}

/*content*/
#mainTabsContent.content {width: 100% !important; min-width: 100% !important;}

#contents {width: 100%; min-width: 320px; position: relative; padding-top: 14px; font-family: 'Malgun Gothic', '맑은 고딕','arial', dotum, '돋움', sans-serif;}
#contents .cont-lc-area {position: relative;}
#contents .cont-lc-area .lc-rightbox {font-family: 'Noto Sans KR', sans-serif;}

.cont-lc-area {font-size: 0;}
.cont-lc-area .lc-leftbox,
.cont-lc-area .lc-rightbox {font-size: 14px; display: inline-block; vertical-align: top; position: relative; box-sizing: border-box;}
.cont-lc-area .lc-leftbox {width: 270px; border: 1px solid #ddd; background-color: #fff;
	position: absolute; top: 0; bottom: -1px; left: 0;transition: .5s;
}
.cont-lc-area .lc-leftbox .lc-target {width: 270px;}
.cont-lc-area .lc-rightbox {width: 100%; padding-left: 310px; padding-right: 20px; padding-bottom: 20px;}

.cont-lc-area .lc-leftbox {z-index: 1;}

.cont-lc-area.leftHide .lc-leftbox {left: -271px;}
.cont-lc-area.leftHide .lc-leftbox .lc-target {}
.cont-lc-area.leftHide .lc-rightbox {width: 100%; padding-left: 40px;}

.cont-lc-area .btn-lc {position: absolute; top: 16px; right: -22px; width: 21px;}
.cont-lc-area.leftHide .btn-lc {border-left: 1px solid #d9d9d9;}
.cont-lc-area.leftHide .btn-lc::before {transform: rotate(0deg); margin-left: -3px;}
.btn-lc:hover {background-color: #f3f3f3; border-color: #ababab;}

.lnb-area {width: 100%;}
.lnb-area .lnb-tit {position: relative; display: flex; width: 100%; height: 59px; justify-content: start; align-items: center; border-bottom: 1px solid #ccc;}
.lnb-area .lnb-tit .title {font-size: 18px; line-height: 23px; color: #000; font-weight: bold; padding-left: 39px; margin-bottom: 1px; position: relative;}
.lnb-area .lnb-tit .title::before {content: ''; display: block; width: 18px; height: 18px; background: url(../images/common/ico-lnb-tit.png) center center no-repeat; position: absolute; top: 3px; left: 12px;}
.lnb-area .lnb-tit .fixSet-box {position: absolute; right: 13px; top: 16px;}
.lnb-area .lnb-tit .fixSet-box .txt {color: #808080; font-size: 12px; line-height: 13px; font-weight: bold;}
.lnb-area .lnb-tit .btn-onoff {width: 20px; height: 12px;}
.lnb-area .lnb-tit .btn-onoff::after {width: 5.5px; height: 5.5px; top: 3px; left: 3px;}
.lnb-area .lnb-tit .btn-onoff.on::after {left: 12px;}
.lnb-area .lnb-list {}
.lnb-area .lnb-list .list {position: relative;}
.lnb-area .lnb-list .list > ul {display: none;}
.lnb-area .lnb-list .list.on > ul {display: block;}
.lnb-area .lnb-list .link {display: block;font-size: 13px;color: #808080;line-height: 22px;margin-right: 30px;}
.lnb-area .lnb-list .toggle {text-indent: -999rem; width: 20px; height: 20px; position: absolute; top: 0; right: 0;}
.lnb-area .lnb-list .toggle:hover {background-color: rgba(0,0,0,0.05);}
.lnb-area .lnb-list .toggle::before {content: ''; display: block; width: 10px; height: 6px; background: url(../images/common/ico-lnb-arrow.png) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -5px; transform: rotate(180deg);}
.lnb-area .lnb-list .toggle.on::before {background-position: 0 100%; transform: rotate(0deg);}
.lnb-area .lnb-list .del {text-indent: -999rem; width: 20px; height: 20px; position: absolute; top: 0; right: 0;}
.lnb-area .lnb-list .del:hover {background-color: rgba(0,0,0,0.05);}
.lnb-area .lnb-list .del::before {content: ''; display: block; width: 8px; height: 8px; background: url(../images/common/ico-lnb-del.png) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px;}
.lnb-area .lnb-list .list.on > .del::before {background-position: 0 100%;}
.lnb-area .lnb-list .link + .del {}
.lnb-area .lnb-list .dep1-list {}
.lnb-area .lnb-list .dep1-list > .list {border-bottom: 1px solid rgba(204,204,204,.5);padding: 1px 0;}
.lnb-area .lnb-list .dep1-list > .list > .link {font-size: 14px; line-height: 1.2; color: #666; text-shadow: 0 0 0 #666; font-weight: bold; padding-left: 40px; letter-spacing: 0.02em; word-spacing: 0.04em; padding: 11px 0 11px 40px; position: relative; margin-right: 40px; word-break: keep-all;}
.lnb-area .lnb-list .dep1-list > .list > .link::before {content: ''; display: block; width: 20px; height: 20px; background: url(../images/common/ico-lnb.png) 0 0 no-repeat; position: absolute; left: 11px; top: 50%; margin-top: -10px;}
.lnb-area .lnb-list .dep1-list > .list > .link::before {background-position: -150px 0;}
.lnb-area .lnb-list .dep1-list > .list.on > .link::before {background-position: -150px -30px;}
.lnb-area .lnb-list .dep1-list > .list.list-favo > .link::before {background-position: 0 0;}
.lnb-area .lnb-list .dep1-list > .list.on.list-favo > .link::before {background-position: 0 -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(2) > .link::before {background-position: -180px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(2) > .link::before {background-position: -180px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(3) > .link::before {background-position: -30px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(3) > .link::before {background-position: -30px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(4) > .link::before {background-position: -60px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(4) > .link::before {background-position: -60px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(5) > .link::before {background-position: -90px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(5) > .link::before {background-position: -90px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(6) > .link::before {background-position: -150px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(6) > .link::before {background-position: -150px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(7) > .link::before {background-position: -120px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(7) > .link::before {background-position: -120px -30px;}

.lnb-area .lnb-list .dep1-list > .list:nth-of-type(8) > .link::before {background-position: -29px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(8) > .link::before {background-position: -29px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(9) > .link::before {background-position: -60px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(9) > .link::before {background-position: -60px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(10) > .link::before {background-position: -90px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(10) > .link::before {background-position: -90px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(11) > .link::before {background-position: -120px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(11) > .link::before {background-position: -120px -30px;}

.lnb-area .lnb-list .dep1-list > .list.on:not(.list-favo) > .link {color: #040000; text-shadow: 0 0 0 #040000;}
.lnb-area .lnb-list .dep1-list > .list > .toggle {top: 13px; right: 17px;}
.lnb-area .lnb-list .dep1-list > .list.on {padding: 2px 0;}
.lnb-area .lnb-list .dep1-list > .list.on > .link {padding: 8px 0 8px 40px;}
.lnb-area .lnb-list .dep1-list > .list.on > .toggle {top: 11px;}
.lnb-area .lnb-list .dep1-list > .list + .list {}
.lnb-area .lnb-list .dep2-list {padding: 4px 17px 7px 19px;}
.lnb-area .lnb-list .dep2-list > .list {border-top: 1px solid rgba(204,204,204,.3);}
.lnb-area .lnb-list .dep2-list > .list > .link {font-size: 14px; line-height: 1.2; color: rgba(0,0,0,0.8);text-shadow: 0 0 0 rgba(0,0,0,0.8); padding: 8px 0 8px 26px; word-break: keep-all; position: relative;}
.lnb-area .lnb-list .dep2-list > .list > .link::before {content: ''; display: block; background-color: #0a0a0a; width: 3px; height: 3px; border-radius: 3px; position: absolute; left: 20px; top: 16px;}
.lnb-area .lnb-list .dep1-list > .list.list-favo .dep2-list > .list {border-top: 0 none;}
.lnb-area .lnb-list .dep1-list > .list .dep2-list > .list:first-child {margin-top: 5px;}
.lnb-area .lnb-list .dep1-list > .list .dep2-list > .list:first-child > .toggle {top: 7px;}
.lnb-area .lnb-list .dep1-list > .list .dep2-list > .list:last-child {margin-bottom: 8px;}
.lnb-area .lnb-list .dep2-list > .list > .toggle {top: 12px; right: 3px;}
.lnb-area .lnb-list .dep2-list > .list + .list {padding-top: 3px;}
.lnb-area .lnb-list .dep3-list {padding-left: 20px;margin-top: 1px;margin-bottom: 10px;}
.lnb-area .lnb-list .dep3-list > .list {}
.lnb-area .lnb-list .dep3-list > .list > .link {margin-right: 0; padding-left: 11px; position: relative;}
.lnb-area .lnb-list .dep3-list > .list > .link::before {content: ''; display: block; background-color: #808080; width: 2px; height: 2px; border-radius: 2px; position: absolute; left: 6px; top: 9px;}
.lnb-area .lnb-list .dep3-list > .list + .list {}

.lnb-area .lnb-list .dep1-list > .list.list-favo {padding: 8px 0 8px 0;}
.lnb-area .lnb-list .dep1-list > .list.list-favo > .link {padding: 7px 0 7px 40px;}
.lnb-area .lnb-list .dep1-list > .list.list-favo > .toggle {top: 15px}
.lnb-area .lnb-list .list.list-favo .dep2-list {padding-top: 0; padding-bottom: 0;}
.lnb-area .lnb-list .list.list-favo .dep2-list .link {font-size: 14px; color: #666; text-shadow: 0.4px 0 0 #666; font-weight: 500;}
.lnb-area .lnb-list .list.list-favo .dep2-list > .list + .list {margin: 0; padding: 0}
.lnb-area .lnb-list .list.list-favo .dep2-list > .list > .link {word-spacing: -0.1em; padding: 2px 0 2px 26px; position: relative;}
.lnb-area .lnb-list .list.list-favo .dep2-list .link::before {content: ''; display: block; background-color: #808080; width: 3px; height: 3px; border-radius: 3px; position: absolute; left: 20px; top: 10px;}
.lnb-area .lnb-list .list.list-favo .dep2-list > .list > a:not(.link, .toggle) {color: #666;}

.lnb-area .lnb-list .link:not(:has( + .toggle)):hover {color: #f36f21 !important;}

.lnb-area .lnb-list .dep1-list > .list.off.list-favo {display:none;}

/*footer*/
#footer {font-family:'HankookTire', sans-serif; width: 100%; min-width: 320px; padding: 12px 18px; border-top: 1px solid #ddd; background-color: #fff;}
#footer .inner {text-align: left;}
#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-top: 15px;}
#footer .textbox p {font-size: 12px; line-height: 18px; color: #666;}
#footer .logo-hk,
#footer .textbox {display: inline-block; vertical-align: middle; margin: 0;}

/*fix quick*/
[class^="ico-fix-"] {text-indent: -999rem; width: 40px; height: 40px; border-radius: 40px; background-position: center center; background-repeat: no-repeat;}
.ico-fix-itsm {background-image: url(../images/common/ico-fix-itsm.png);}
.ico-fix-qna {background-image: url(../images/common/ico-fix-qna.png);}
.ico-fix-DEM {background-image: url(../images/common/ico-fix-DEM.png);}

.btn-fixSH {font-size: 0; text-indent: -999rem; width: 80px; height: 88px; 
	background: url(../images/common/ico-sh-oo.png) 0 0 no-repeat;
	width: 30px; height: 30px; border-radius: 20px; overflow: hidden; background-image: none; display: flex; justify-content: center; align-items: center;}
.btn-fixSH::before {content: ''; display: block; width: 100%; height: 100%; background: url(../images/common/ico-sh-oo.png) 0 0 no-repeat;
	background-size: 148px auto; background-position: -16px -20px;}
/*.btn-fixSH:hover {background-position: 100% 0;}
.btn-fixSH.on {background-position: 0 100%;}
.btn-fixSH.on:hover {background-position: 100% 100%;}*/
.btn-fixSH:hover::before {background-position: -102px -20px;}
.btn-fixSH.on::before {background-position: -16px -98px;}
.btn-fixSH.on:hover::before {background-position: -101px -98px;}

.fixQuick-box {/*display: none*;*/ position: fixed; right: 1px; bottom: 1px; width: 80px; z-index: 2;}
/*.fixQuick-box .btn-fixSH {z-index: 1; position: relative;}
.fixQuick-box .fix-quick {position: relative}*/
.fixQuick-box .btn-fixSH {position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%);}
.fixQuick-box .fix-quick .fix-menu {width: 88px; padding: 17px 0 28px; text-align: center; position: absolute; bottom: -400px; left: 50%; margin-left: -44px; transition: .5s; opacity: 0;}
.fixQuick-box .fix-quick .fix-menu::before,
.fixQuick-box .fix-quick .fix-menu::after {content: ''; display: block; position: absolute; left: 0; right: 0; background-repeat: no-repeat;}
.fixQuick-box .fix-quick .fix-menu::before {height: 17px; top: 0; background-image: url(../images/common/bg-fixQuick-top.png); background-position: center top;}
.fixQuick-box .fix-quick .fix-menu::after {height: 28px; bottom: 0; background-image: url(../images/common/bg-fixQuick-bottom.png); background-position: center bottom;}
.fixQuick-box .fix-quick .fix-menu ul {padding: 0 9px; background: url(../images/common/bg-fixQuick-middle.png) top center repeat-y; transition: .5s;}
.fixQuick-box .fix-quick .fix-menu li {padding: 9px 0}
.fixQuick-box .fix-quick .fix-menu li + li {border-top: 1px solid #e9e9e9;}
.fixQuick-box .fix-quick .fix-menu li:first-child {padding-top: 0;}
.fixQuick-box .fix-quick .fix-menu li:last-child {padding-bottom: 0;}
.fixQuick-box .fix-quick .fix-menu .btn {text-align: center;}
.fixQuick-box .fix-quick .fix-menu .btn [class^="ico-fix"] {}
.fixQuick-box .fix-quick .fix-menu .btn .ico-fix-itsm {background-color: #f5bf1e; margin-bottom: 1px;}
.fixQuick-box .fix-quick .fix-menu .btn:hover .ico-fix-itsm {background-color: #bc900d;}
.fixQuick-box .fix-quick .fix-menu .btn .ico-fix-qna {background-color: #a1d127; margin-bottom: 2px;}
.fixQuick-box .fix-quick .fix-menu .btn:hover .ico-fix-qna {background-color: #80a819;}
.fixQuick-box .fix-quick .fix-menu .btn .ico-fix-DEM {background-color: #6bbfed; margin-bottom: 6px;}
.fixQuick-box .fix-quick .fix-menu .btn:hover .ico-fix-DEM {background-color: #42a3d8;}
.fixQuick-box .fix-quick .fix-menu .btn .txt {display: block; font-family: '맑은 고딕'; font-size: 10px; color: #666; line-height: 9px; font-weight: bold;}

.fixQuick-box .fix-quick .fix-menu.fixShow {bottom: 71px; opacity: 1; bottom: 34px;}
.fixQuick-box .fix-quick .fix-menu.fixShow ul {height: auto;}


.fixQuick-box {right: -22px;}
.fixQuick-box .btn-fixSH {transition: .2s;}
.fixQuick-box .btn-fixSH.on {margin-left: -25px;}
.fixQuick-box .fix-quick .fix-menu {margin-left: 0; left: auto; right: 22px;}

/*quick*/
.quick-area .quicklink-title {background-color: #e5e5e5; padding: 3px 7px 4px; position: relative;}
.quick-area .quicklink-title .title {font-size: 12px; color: #333; font-weight: 500; word-spacing: -0.03em; letter-spacing: -0.01em;}
.quick-area .quicklink-title .btn-sh1 {position: absolute; top: 50%;}

.quicklinkbox {position: relative; border: 1px solid #d0d0d0; border-radius: 3px; width: 126px; background-color: #fff;}
.quicklinkbox .quicklink-title .title {padding-left: 28px; background: url(../images/common/ico-quicklink.png) 0 1px no-repeat;}
.quicklinkbox .quicklink-list {padding: 10px 8px 10px 13px;}
.quicklinkbox .quicklink-list .list {font-size: 0; position: relative; width: 100%; min-height: 40px; display: flex; justify-content: flex-start; align-items: center;}
.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 .btn-sh1 {right: 7px; margin-top: -8px;}
.quicklinkbox .btn-hide {display: none; z-index: 1; position: absolute; right: -18px; bottom: -19px;}

.quicklinkbox .quicklink-list .list + .list {border-top: 1px solid #ddd;}

.quickmenubox {border: 1px solid #d0d0d0; border-radius: 3px; background-color: #fff;}
.quickmenubox .quicklink-title {text-align: center;}
.quickmenubox .quicklink-title .btn-sh1 {left: 7px; margin-top: -8px;}
.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 {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(../images/common/ico-qLink1.png);}
.quickmenubox .quickmenu-list .ico.ico-qm2 {background-image: url(../images/common/ico-qLink2.png);}
.quickmenubox .quickmenu-list .ico.ico-qm3 {background-image: url(../images/common/ico-qLink3.png);}
.quickmenubox .quickmenu-list .ico.ico-qm4 {background-image: url(../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 .quickmenu-list .link:hover .ico {background-color: #cecece;}
.quickmenubox .quickmenu-list .link:hover .text {color: #f36f20;}*/
.quickmenubox .btn-top {display: none; 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(../images/common/ico-top.png) center center no-repeat; vertical-align: middle;}
.quickmenubox .btn-top:hover {background-color: #ccc;}
.quickmenubox .btn-top.show {display: block;}
.quickmenubox .btn-hide {display: none;}

.quickbannerbox {border: 1px solid #ddd; border-radius: 3px; margin-top: 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(../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; margin-top: 17px; 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 {top: 70px; left: 10px; right: 10px;}
.quick-area .quick-left,
.quick-area .quick-right {position: absolute; margin: 0;}
.quick-area .quick-left {left: 0;}
.quick-area .quick-right {right: 11px;}

.quick-area.bottomtype {/*top: 50%; margin-top: -17%;*/ top : 30px}
.quick-area .btn-hide {text-indent: -999rem; width: 25px; height: 25px; border-radius: 25px; background-image: url(../../common/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 .btn-hide:hover {background-position: -25px 0;}

/*.mainHtml .quick-area {width: 1663px; top: 128px; left: 50%; margin-left: -849px; right: auto;}
.mainHtml .quick-area .quick-left,
.mainHtml .quick-area .quick-right {position: absolute; margin: 0;}
.mainHtml .quick-area .quick-left {left: 0;}
.mainHtml .quick-area .quick-right {right: 0;}

.mainHtml .quicklinkbox .btn-hide {display: block; right: -10px; bottom: -14px;}
.mainHtml .quicklinkbox .quicklink-title {padding: 14px 25px 15px 7px;}*/

/************************************************fullpage************************************************/
.fullHtml {}
.fullHtml, .fullHtml body {min-width: 100%;}
#full-wrap {width: 100%; height: 100%; text-align: center;}
#full-wrap .fp-inbox {}

.errorpage {padding: 0 15px;}
.errorpage .linelink {color: #f36f20; position: relative; text-shadow: 0.4px 0 0 #f36f20;}
.errorpage .linelink::after {content: ''; display: block; width: 100%; height: 1px; background-color: #f36f20;}
.errorpage .error-name {display: inline-flex; align-items: center; width: 100%; justify-content: center;}
.errorpage .error-name::before {content: ''; width: 82px; height: 82px; background: url('../images/common/ico-error1.png'); background-size: 100% auto; display: inline-block;}
.errorpage .error-name .txt {display: inline-block; vertical-align: middle; margin-left: 30px; font-size: 60px; line-height: 70px; color: #333; text-shadow: 0.8px 0 0 #333;}
.errorpage .error-name .ico {display: none;}
.errorpage .error-tit {font-size: 30px; line-height: 40px; color: #333; text-shadow: 0.5px 0 0 #333; text-transform: uppercase; letter-spacing: -0.02em;}
.errorpage .error-txt {font-size: 18px; line-height: 27px; color: #333; text-shadow: 0.4px 0 0 #333;}
.errorpage .error-txt.type1 {color: #5e5e5e;}
.errorpage .error-name + .error-tit {margin-top: 10px;}
.errorpage .error-tit + .error-txt {margin-top: 10px;}

.fullWrap-header {text-align: left; padding: 23px 45px 20px 13px; font-size: 0;}
.fullWrap-header .logo,
.fullWrap-header .title {display: inline-block; vertical-align: middle;} 
.fullWrap-header .logo {text-indent: -999rem; width: 228px; height: 36px; background-image: url(../images/common/logo.png); background-position: center center; background-repeat: no-repeat;}
.fullWrap-header .title {width: calc(100% - 228px); color: #f36f20; font-size: 20px; line-height: 25px; font-weight: bold; text-align: right; letter-spacing: 0.005em; word-spacing: -0.06em; padding-top: 0; margin-top: -4px;}

.fullWrap-header.bbtype {border-bottom: 1px solid #bcbcbc;}

.fullWrap-header.bgGreay {background-color: #666; position: relative; padding: 23px 25px 13px 25px;}
.fullWrap-header.bgGreay .bgG-title {font-size: 20px; color: #fff; text-shadow: 0.5px 0 0 #fff; line-height: 25px; padding-right: 20px; padding-left: 32px; position: relative;}
.fullWrap-header.bgGreay .bgG-title::before {content: ''; display: block; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; box-sizing: border-box; position: absolute; top: 2px; left: 0;}
.fullWrap-header.bgGreay .close {width: 40px; height: 40px; position: absolute; top: 50%; right: 35px; margin-top: -21px;}
.fullWrap-header.bgGreay .close::before,
.fullWrap-header.bgGreay .close::after {content: ''; display: block; background-color: #fff; width: 2px; height: 24px; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -1px;}
.fullWrap-header.bgGreay .close::before {transform: rotate(45deg);}
.fullWrap-header.bgGreay .close::after {transform: rotate(-45deg);}
.fullWrap-header.bgGreay .close:hover {background-color: rgba(0,0,0,0.2);}

.fullWrap-content {}
.fullWrap-content .htmlname-box { text-align: left; font-size: 13px; font-weight: bold; color: #333; padding: 14px 22px 12px; background-color: #fff; border-bottom: 1px solid #bcbcbc;}
.fullWrap-content .htmlname-box.type1 {border-top: 1px solid #bcbcbc;}

/**************************************************login**************************************************/
.loginHtml, .loginHtml body {background-color: #fff; min-width: 100%; }
#wrap-login {width: 100%; height: 100%; display: table; position: relative;}
#wrap-login .login-inner {display: table-cell;}
#wrap-login .header{position:relative;display:block;width:100%;height: auto;margin:36px auto;}
#wrap-login .header .logo{display: block; text-align: center;}
#wrap-login .header .logo img {}
#wrap-login  #container {width: 100%; height: 755px; border-left: 0 none;}
#wrap-login .inner-contain {width:100%; position:relative; height: 100%; box-sizing: border-box;}
#wrap-login .visual{/*position: absolute; top: 0; left: 0; right: 0; bottom: 0;*/width: 100%; height: 100%;}
#wrap-login .visual .bg-area{width: 100%;height: 100%;background-image:url("../images/login/bg_login.jpg");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: 414px; 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: 45%; left: 50%; margin-top: -200px; margin-left: -207px;}
#wrap-login .login-wrap .info-bx{text-align: center; padding: 22px 43px 42px 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; padding-left: 33px;}
#wrap-login .login-wrap .info-bx .btn-login{display: block; width: 100%; font-size: 18px; line-height: 35px; padding: 20px 0; background-color: #666; color: #ffffff; border-radius: 3px; letter-spacing: 0.03em;}
#wrap-login .login-wrap .info-bx .btn-login:hover {background-color: #444;}
#wrap-login .login-wrap .info-bx .btn-login:disabled{background-color:#9e9e9e;}
#wrap-login .footer{padding:20px 2.2%;text-align:center;background-color:#fff;font-size:13px; position: relative;}
#wrap-login .footer .logo {}
#wrap-login .footer .logo img {}
#wrap-login .footer .copyright{display:block;color:#666666;font-size:12px;vertical-align:top; margin-top: 6px; letter-spacing: -0.008em;font-weight: 400;}
#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 .textbox {text-align: left; margin-bottom: 22px; text-align: center;}
#wrap-login .textbox .txt1 {font-size: 18px; color: #333;}
#wrap-login .textbox .txt2 {font-size: 18px; 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: 25px; 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-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;}
#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 {text-align: right; padding: 6px 0;}

#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;}

#wrap-login .mid-tit {margin: 20px 0 10px; font-size: 16px; font-weight: 500;}

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

/* welcome, find password */
.popup.member-wrap .pop-head .side-txt {font-size: 20px;}
.popup.member-wrap.no-head .pop-cont {padding: 50px 48px 32px 42px;}
.popup.member-wrap .pop-foot {padding: 26px 0; margin: 0 35px; border-top: 1px solid #ccc;}
.popup.member-wrap .pop-cont.cp-wrap {padding: 50px 42px 62px 34px;}

.join-title {display: block; height: 36px; line-height: 36px; padding: 2px 0 0 46px; background: url(../images/common/ico-welcome.png) no-repeat left center; font-size: 24px; font-weight: 700; color: #f36f20; text-transform: uppercase; letter-spacing: -0.02em;}
.join-desc {padding-left: 5px; margin: 18px 0 39px; font-size: 15px; color: #333; line-height: 22px;}

.member-form-row {margin-top: 22px; font-size: 0;}
.member-form-tit {display: inline-block; width: 176px; padding: 0 9px; font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: -0.02em;}
.member-form-tit label {display: inline-block; vertical-align: top;}
.member-form-info {display: inline-block; width: calc(100% - 176px);}
.member-form-row.disabled .member-form-tit {color: #ddd;}

/* .popup.member-wrap .pop-cont.cp-wrap .member-form-tit {width: 191px;}
.popup.member-wrap .pop-cont.cp-wrap .member-form-info {width: calc(100% - 191px);} */
.popup.member-wrap .pop-cont .member-form-row.pin .member-form-info {padding-left: 6px;}
.popup.member-wrap .pop-cont.cp-wrap .member-form-row.pin .member-form-info {padding-left: 10px;}
.popup.member-wrap .pop-cont .member-form-row.pin + .member-form-row {margin-top: 46px;}

.popup.member-wrap .input1 {width: 100%; height: 30px; line-height: 25px; padding: 0 12px 2px; font-size: 14px; font-weight: 700; color: #333; border-top: none; border-left: none; border-right: none;}
.popup.member-wrap .input1:-ms-input-placeholder {font-size: 14px; font-weight: 400; color: #999;}
.popup.member-wrap .input1:disabled {border-bottom-color: #eee;}
.popup.member-wrap .input1:disabled::placeholder {color: #ddd;}
.popup.member-wrap .input1:disabled:-ms-input-placeholder {color: #ddd;}
.member-form-info .numloop-box .input {font-size: 14px; font-weight: 700;}
.member-form-info .numloop-box + .btn-ix.type8 {vertical-align: top; margin-top: 3px;}

.member-mid-info {position: relative; padding-left: 23px; margin-top: 48px; font-size: 12px; color: #333; line-height: 18px;}
.member-mid-info:before {content: "※"; position: absolute; left: 10px; top: 0;}

.member-mid-info + .member-form-row {margin-top: 12px;}

.cp-link {margin: 12px 0 7px; font-size: 14px; color: #666;}

.login-wrap .side-txt1 {font-size: 12px;}
.login-wrap .side-txt2 {font-size: 11px; color: #959393;}

.login-foot-info {position: relative; clear: both; padding: 39px 0 0 3px; text-align: left; font-size: 12px; color: #333; line-height: 18px; letter-spacing: -0.02em;}
.login-foot-info:before {content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../images/common/ico-info2.png) no-repeat center center;}
.login-foot-info .s-link {text-decoration: underline;}

/*loading, progressbar*/
.loadingbar {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 200;}
.loadingbar .loadingbarbox {display: table; text-align: center; width: 100%; height: 100%;}
.loadingbar .loadingbar-in {display: table-cell; vertical-align: middle;}
.loadingbar .loadingbar-in img {}
.loadingbar .loadingbar-in p {color: #ed6d00; font-size: 18px; font-weight: bold; margin-top: 16px;}

.progressbar {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.3); z-index: 200;}
.progressbar .progressbarbox {display: table; text-align: center; width: 100%; height: 100%;}
.progressbar .progressbar-in {display: table-cell; vertical-align: middle;}
.pbarbtn .bar,
.progressbar .progressbar-in .bar {width: 350px; height: 14px; margin: 0 auto; padding: 3px 6px; border-radius: 14px; background-color: #ddd; text-align: left;}
.pbarbtn .bar .per,
.progressbar .progressbar-in .per {width: auto; height: 8px; background-color: #ec6608; border-radius: 10px; vertical-align: top; transition: 0.3s;}
.progressbar .progressbar-in p {color: #fff; font-size: 18px; font-weight: bold; margin-top: 32px; font-family: 'HankookTire', sans-serif;}

.position-r > .loadingbar,
.position-r > .progressbar {position: absolute; z-index: 100;}

/*버튼형 progressbar*/
.pbarbtn {position: relative; padding: 15px 5px 0 !important; pointer-events: none;}
.pbarbtn .bar {width: auto; height: 10px; padding: 2px 4px; position: absolute; left: 5px; right: 5px; top: 3px;}
.pbarbtn .bar .per {display: inline-block; height: 6px;}
.pbarbtn [class*=txt] {font-size: 10px !important; line-height: 12px !important;}
.pbarbtn [class*=txt] em {font-size: 11px; font-weight: bold;}
.btn-ix.pbarbtn {background-color: #fff !important; border: 1px solid #cccccc !important;}
.btn-ix.pbarbtn [class*=txt] {color: #808080 !important;}
.btn-ix.pbarbtn [class*=txt] em {color: #ec6608;}

.table-view .fr-toolbar {
	border: 0px solid #CCCCCC !important; 
}

/*before core layout style.css custom*/
html.adminHtml #wrap {width: 100%; height: 100%;}
html.adminHtml .inner {width: 1320px; margin: 0 auto;}

html.adminHtml #header {width: 100%; min-width: 1340px; padding: 0; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 2;
	background-color: transparent;
}
html.adminHtml #header .logobox {width: 100%; height: 114px;}
html.adminHtml #header .logobox .inner {position: relative; padding: 0;}
html.adminHtml #header .logobox .country {font-family: 'HankookTire'; font-weight: bold; line-height: 15px; color: #fff; text-align: center; min-width: 26px; padding: 1px 3px 1px 2px; margin-left: 3px; background-color: #f47d31; box-sizing: border-box;}
html.adminHtml #header .logobox .logo,
html.adminHtml #header .logobox .logo-hk {position: absolute; text-indent: -999rem; display: block; background-position: 0 0; background-repeat: no-repeat;}
html.adminHtml #header .logobox .logo {width: 220px; height: 31px; background-image: url(../images/common/logo.png); top: 49px; top: 44px; left: 0;}
html.adminHtml #header .logobox .logo-hk {display: none; width: 188px; height: 22px; background-image: url(../images/common/logo-top-hk.png); top: 32px; left: 0;    		display: block;
}
html.adminHtml #header .logobox .right {font-size: 0; position: absolute; top: 55px; right: 1px; display: block; white-space: nowrap; top: 15px;}
html.adminHtml #header .logobox .right .link,
html.adminHtml #header .logobox .right .bar {display: inline-block; vertical-align: middle;}
html.adminHtml #header .logobox .right .link {font-size: 13px; color: #fff; font-weight: 300; letter-spacing: -0.02em;}
html.adminHtml #header .logobox .right .link:hover {color: #f37021;}
html.adminHtml #header .logobox .right .bar {width: 10px; height: 7px; margin: 0 14px; position: relative;}
html.adminHtml #header .logobox .right .bar::before {content: ''; display: block; width: 1px; height: 7px; background-color: rgba(255,255,255,.43); position: absolute; top: 0; left: 50%;}

html.adminHtml #header .logobox .right .in-top {margin-bottom: 18px; text-align: right;}
html.adminHtml #header .logobox .right .select {
	cursor: pointer; width: auto; height: 34px; padding: 0 30px 0 9px; border: 1px solid #dcdcdc; box-sizing: border-box; font-weight: 300; letter-spacing: 0.03em; word-spacing: -0.05em; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; background-image: url(../images/common/ico-sel1.png); background-repeat: no-repeat; background-position: right 50%;
	border-color: #ccc9c9; border-radius: 3px; height: 30px; font-size: 13px; background-image: url(../images/common/ico-sel4.png); background-color: #fff;
}
html.adminHtml #header .logobox .right .select:hover,
html.adminHtml #header .logobox .right .select:focus {border-color: #444;}

html.adminHtml #contents {width: 100%; min-width: 1340px; position: relative; padding-top: 0;}
html.adminHtml #contents .content {width: 1320px; margin: 0 auto 27px; margin: 0 auto 90px; margin: 30px auto 90px;}

html.adminHtml #wrap .visual {width: 100%; height: 340px; height: 178px; background-image: url(../images/common/core/visual-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}

html.adminHtml #gnb {overflow: hidden; position: relative; height: 64px; text-align: center;
	-moz-transition: height .3s ease-in; -o-transition: height .3s ease-in; -webkit-transition: height .3s ease-in; transition: height .3s ease-in;
    display: block; top: 114px; box-shadow: none; background-color: transparent; border-top: 0 none;
	top:0;
}
html.adminHtml #gnb.open {}
html.adminHtml #gnb::before {content: ''; display: block; width: 100%; height: 64px; position: absolute; left: 0; top: 0; right: 0; background-color: rgba(44,43,43,.7);}
html.adminHtml #gnb ul {}
html.adminHtml #gnb ul li {}
html.adminHtml #gnb ul li a {letter-spacing: 0;}
html.adminHtml #gnb .gnb1Depth {text-align: center; position: relative; z-index: 1; display: inline-table; table-layout: fixed; width: auto; height: 100%;}
html.adminHtml #gnb .gnb1Depth > li {display: table-cell; vertical-align: top; padding: 0 31px;}
html.adminHtml #gnb .gnb1Depth > li:first-child {padding-left: 0; padding-right: 3px;}
html.adminHtml #gnb .gnb1Depth > li:last-child {padding-left: 3px; padding-right: 0;}
html.adminHtml #gnb .gnb1Depth > li > a {display: block; font-size: 19px; line-height: 24px; padding: 18px 10px 22px 10px; font-weight: 400; color: #fff; letter-spacing: -0.02em; word-spacing: -0.06em; box-sizing: border-box;}
html.adminHtml #gnb:not(.open) .gnb1Depth > li.curr > a,
html.adminHtml #gnb .gnb1Depth > li.hover > a,
html.adminHtml #gnb .gnb1Depth > li > a:hover {color: #f99b59;}
html.adminHtml #gnb .gnb2Depth {text-align: left; padding: 0; z-index: 10;}
html.adminHtml #gnb .gnb2Depth {text-align: left; white-space: nowrap; box-sizing: border-box; padding: 44px 0 12px 12px; min-width: 160px; height: calc(100% - 54px); position: relative; top: -10px; box-sizing: border-box;
}
html.adminHtml #gnb .hover > .gnb2Depth {background-color: #f6f7f5;}
html.adminHtml #gnb .gnb2Depth > li {}
html.adminHtml #gnb .gnb2Depth > li > a {padding: 8px 23px; color: #000; font-size: 16px; font-weight: 300; letter-spacing: -0.05em; width: 100%; box-sizing: border-box;}
html.adminHtml #gnb .gnb2Depth > li > a:hover {color: #f37021;}
html.adminHtml #gnb .gnbbg {background-color: rgba(255,255,255,.85); position: absolute; top: 54px; width: 100%; bottom: 0; height: 0;}
html.adminHtml #gnb.open .gnbbg {height: 238px; height: calc(100% - 54px);}

html.adminHtml #footer {width: 100%; min-width: 1340px; padding: 25px 0 38px; border-top: 1px solid #cbcbcb; display: table; table-layout: fixed; text-align: center; box-sizing: border-box; font-family: 'HankookTire'; font-weight: 500;}
html.adminHtml #footer .inner {text-align: center;}
html.adminHtml #footer .logo-hk {width: 122px; height: 15px; text-indent: -999rem; vertical-align: middle; display: inline-block; background: url(../images/common/logo-foot-hk.png) center center no-repeat;}
html.adminHtml #footer .text {display: inline-block; vertical-align: middle; text-align: left;}
html.adminHtml #footer .logo-hk + .text {margin-left: 14px;}
html.adminHtml #footer p {color: #9c9c9d; font-size: 12px; line-height: 16px; text-shadow: 0 0 0 #9c9c9d;}
html.adminHtml #footer p.copyright {font-family: 'HankookTire';}
html.adminHtml #footer p.txt {letter-spacing: -0.12em; word-spacing: -0.02em;}

/*before core layout admin.css custom*/
html.adminHtml, .adminHtml body {background: #fff;}
html.adminHtml, .adminHtml body,
.adminHtml #header,
.adminHtml #contents,
.adminHtml #contents .content,
.adminHtml #footer {min-width: 1374px;}
.adminHtml #contents .content {width: 1374px;}
.adminHtml #wrap .visual {height: 178px;}
.adminHtml #wrap #contents .content {margin-top: 28px;}
.adminHtml #wrap #footer {background-color: #f0f1f0; border-top: 0 none; padding: 36px 0;}