@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;table-layout: fixed;}
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:1630px;min-width:1784px; width:100%; height:100%; background:#EDF0F7;}
html:has( .popup-wrap.windowtype),
body:has( .popup-wrap.windowtype){ min-width: auto;}
body {color:#242020;font-family: 'Noto Sans KR', sans-serif; font-weight: normal; font-size:14px; line-height: 20px; letter-spacing: -0.02em; 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]{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;}

hr.hr1{ width: 100%; margin: 10px 0 20px 0; border-top: 1px dashed #ccc;}

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

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

.bg-color0 {background-color: #fff;}
.bg-color1 {background-color: #f8f8f8;}
.bg-color2 {background-color: #fffaea;}

.hidden {position: absolute; top: -9999px; left: -9999em;}
.blind {overflow: hidden; text-indent: -999rem; font-size: 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;}

.normal {font-weight: normal !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;}

.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;}
.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w26 {width: 26px !important;}
.w100 {width: 100px !important;}
.w120 {width: 120px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w1118 {width: 1118px !important;}

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

.h10 {height: 10px !important;}
.h20 {height: 20px !important;}

.mg0 {margin: 0 !important;}
.mg10 {margin: 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;}
.mgt8 {margin-top: 8px !important;}
.mgt9 {margin-top: 9px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt11 {margin-top: 11px !important;}
.mgt12 {margin-top: 12px !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;}
.mgt35 {margin-top: 35px !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;}
.mgl25 {margin-left: 25px !important;}
.mgl30 {margin-left: 30px !important;}
.mgl40 {margin-left: 40px !important;}
.mgl50 {margin-left: 50px !important;}
.mgl100 {margin-left: 100px !important;}

.mgr0 {margin-right: 0 !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;}
.mgr50 {margin-right: 50px !important;}
.mgr100 {margin-right: 100px !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;}
.mgb30 {margin-bottom: 30px !important;}

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

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

.pdl0 {padding-left: 0px !important;}
.pdl10 {padding-left: 10px !important;}
.pdl15 {padding-left: 15px !important;}

.pdr0 {padding-right: 0px !important;}
.pdr5 {padding-right: 5px !important;}
.pdr7 {padding-right: 7px !important;}
.pdr10 {padding-right: 10px !important;}

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

.bd0 { border: 0 !important;}
.bdt1 { border-top: 1px solid #ccc;}

.pd0 {padding: 0px !important}
.pd5 {padding: 5px !important}
.pd8 {padding: 8px !important}
.pd10 {padding: 10px !important}
.pd20 {padding: 20px !important}
.pd30 {padding: 30px !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%;
 text-align: left;	white-space: normal; 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-flexCC {display: flex !important; justify-content: center; align-items: center;}
.dis-flex {display: flex !important;}

.fs-itl{ font-style: italic !important;}

/*************************************************login*************************************************/
/**************************************************login**************************************************/
.loginHtml, .loginHtml body {background-color: #fff; min-width: 100%; }
#wrap-login {width: 100%; height: 100%; display: flex; position: relative; align-items: stretch; justify-content: space-between; flex-direction: column;}
#wrap-login .login-inner {display: flex; align-items: stretch; flex-direction: column; justify-content: space-between; flex: 1;}
#wrap-login .header{ width:100%; height: auto; margin:20px auto; display:block; position:absolute; top: 0; left: 0; z-index: 2;}
#wrap-login .header .logo{ text-align: center; display: flex; align-items: center; justify-content: center;}
#wrap-login .header .logo img {}
#wrap-login .header .logo p{ font-weight: 700; font-size: 24px; line-height: 28px; color: #ea7c1e; padding: 0 0 0 40px; margin: 0 0 0 40px; border-left: 1px solid #cccccc60;}
#wrap-login  #container {width: 100%; flex: 1; border-left: 0 none;}
#wrap-login .inner-contain {width:100%; position:relative; height: 100%; min-height: 274px; 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: 340px; background-color: #ffffff; box-sizing: border-box; position: relative; margin: 0 auto; z-index: 1; position: absolute; top: 50%; left: 50%; margin-top: -127px; margin-left: -170px; border-radius: 20px;  transition: all 0.5s;}
#wrap-login .login-wrap .info-bx{text-align: center; padding: 20px;}
#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: 400; color: #666; border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 10px; 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: 10px 0; background-color: #666; color: #ffffff; border-radius: 12px; 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;}
#wrap-login #footer .textbox {margin-bottom: 0;}
#wrap-login .textbox .txt1 {font-size: 20px; line-height: 25px; color: #333;}
#wrap-login .textbox .txt2 {font-size: 21px; line-height: 26px; 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 {margin-top: 4px;}
#wrap-login .login-wrap .info-bx .chkFindbox .fl {}
#wrap-login .login-wrap .info-bx .chkFindbox .fr {font-weight: 400;}

#wrap-login .login-wrap .info-bx .btn-login + .chkFindbox {margin-top: 9px;}
#wrap-login .login-wrap .info-bx .chkFindbox + .btn-login {margin-top: 25px;}

#wrap-login .app-down{ display: none;}

#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;*/ width: 100%;}
#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 .langselbox {border: 1px solid #dbdbdb; border-radius: 10px; height: 50px;}
#wrap-login .langselbox .lang-selList,
#wrap-login .langselbox .lang-sel,
#wrap-login .langselbox .lang {height: 100%;}
#wrap-login .langselbox .lang {padding: 8px 25px 8px 15px; text-align: left; white-space: nowrap; display: flex; align-items: center; justify-content: flex-start;}
#wrap-login .langselbox .lang-list {top: 48px; border-radius: 10px; left: -1px; right: -1px; max-height: 220px; overflow: auto;}
#wrap-login .langselbox .lang-list .lang {line-height: 20px; padding-top: 12px; padding-bottom: 12px;}

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


html.loginHtml, html.loginHtml body,
html.loginHtml #wrap-login.login-new #header,
html.loginHtml #wrap-login.login-new #footer {min-width: 100% !important;}
html.loginHtml #wrap-login.login-new #footer,
html.loginHtml #wrap-login.login-new .header .logo {flex-wrap: wrap;}
html.loginHtml #wrap-login.login-new #footer{ height: auto; background-color: #08080A; border: 0; position: absolute; bottom: 0; left: 0; z-index: 2;}

#wrap-login.login-new .lmk__swiper {height: 100%; overflow: hidden;}
#wrap-login.login-new .lmk__swiper .swiper-pagination {max-width: 100%; left: 50%; transform: translateX(-50%); bottom: 210px;}
#wrap-login.login-new .lmk__swiper .swiper-pagination-bullet {background-color: #fff; opacity: .2; margin: 0 4px;}
#wrap-login.login-new .lmk__swiper .swiper-pagination-bullet-active {opacity: 1;}

#wrap-login.login-new .visual::before,
#wrap-login.login-new .visual::after {content: none;}
#wrap-login.login-new .bg-area {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
#wrap-login.login-new .bg-area img,
#wrap-login.login-new .bg-area video {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover;}
#wrap-login.login-new .bg-area .main-kv-video-mobile,
#wrap-login.login-new .bg-area .main-kv-video-tablet {opacity: 0;}
#wrap-login.login-new .bg-area .poster {opacity: 1; z-index: 10; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-color: #000;}
#wrap-login.login-new .bg-area .poster img {width: 100%; height: 100%; object-fit: cover;}
#wrap-login.login-new .bg-area .swiper-slide.swiper-slide-active .poster.is-hide{opacity:0}

#wrap-login.login-new .login-wrap {margin: 0; width: 80%; max-width: 920px; left: 50%; top: auto; bottom: 90px; border-radius: 100px; transform: translate(-50%, 0); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; background-color: transparent;}
/*#wrap-login.login-new .login-wrap::before {content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); border-radius: 60px; position: absolute; top: 0; left: 0; margin-top: 38px;}*/
#wrap-login.login-new .login-wrap .info-bx {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: 5px 15px; position: relative; z-index: 1; width: 100%; background-color: #fff; border-radius: 100px;}
#wrap-login.login-new .langbox-area {width: 140px; padding: 0; margin: 5px;}
#wrap-login.login-new .langselbox {border-radius: 25px; background-color: #fff;}
#wrap-login.login-new .langselbox .lang-sel .lang {border-radius: 25px;}
#wrap-login.login-new .langselbox .lang-selList.open .lang-list {top: auto; bottom: 50px; border-radius: 25px;}

#wrap-login.login-new .login-wrap .info-bx .select1{ margin: 5px; border-radius: 25px;}
#wrap-login.login-new .login-wrap .info-bx .input {width: calc(50% - 160px); min-width: 160px; margin: 5px; border-radius: 25px; padding-right: 5px;}
#wrap-login.login-new .login-wrap .info-bx .input[type="password"] {min-width: 210px;}
#wrap-login.login-new .login-wrap .info-bx .btn-login {width: 140px; height: 50px; border-radius: 25px; margin: 5px; line-height: 20px; padding: 5px; display: inline-flex; justify-content: center; align-items: center;}
#wrap-login.login-new .login-wrap .chkFindbox {display: flex; justify-content: center; align-items: center; margin: 10px 0 5px 0;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box{ position: relative; display: inline-flex; align-items: center; margin-right: 10px;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box .check::before{ display: none;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box .check input[type='checkbox']{ width: 0; height: 0; opacity: 0; position: absolute; top: 0; left: 0;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box .check input[type='checkbox'] + label {padding-left: 0; color: #fff; cursor: pointer; font-size: 14px; line-height: 20px; vertical-align: top; min-height: 20px;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box .check input[type='checkbox'] + label::before{ width: 18px; height: 18px; background-image: url("../../front/images/chk-box_n.png"); background-repeat: no-repeat; background-position: 0 0; content: ''; padding: 0; margin-top: -9px; display: inline-block; position: absolute; top: 50%; left: 0;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box .check input[type='checkbox']:hover + label::before{ background-position: -40px 0;}
#wrap-login.login-new .login-wrap .chkFindbox .chk-box .check input[type='checkbox']:checked + label::before{ background-position: 0 -20px;}
#wrap-login.login-new .login-wrap .chkFindbox.flrbox .select1{ color: #000;}
#wrap-login.login-new .login-wrap .chkFindbox.flrbox .select1 + .fl{margin-left: 40px;}
#wrap-login.login-new .login-wrap .chkFindbox.flrbox .fl + .fr {margin-left: 30px;}
#wrap-login.login-new .login-wrap .chkFindbox .link {color: #fff;}
#wrap-login.login-new .login-wrap .chkFindbox .link + .link{margin-left: 30px;}
#wrap-login.login-new .login-wrap .chkFindbox .link.location{ background: url(../images/common/ico-location.png) no-repeat left center; padding-left: 22px;}

#wrap-login.login-new .login-wrap .info-form {display: flex; flex: 1; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
#wrap-login.login-new .login-wrap .info-form .input {width: calc(50% - 85px);}

html.loginHtml #wrap-login.login-new .header .logo img {width: auto; height: 47px;}
html.loginHtml #wrap-login.login-new .header .logo p {font-size: 18px; line-height: 18px; height: 80px; display: inline-flex; justify-content: flex-start; align-items: center;}
html.loginHtml #wrap-login.login-new .header .logo p img{ width: auto; height: 33px;}

#wrap-login.login-new .bg-area .main-kv-video-mobile,
#wrap-login.login-new .bg-area .main-kv-video-pc{opacity:0}
#wrap-login.login-new .bg-area .main-kv-video-tablet{opacity:1}

#wrap-login.login-new .login-wrap {width: 96%;}
#wrap-login.login-new .login-wrap .info-bx {flex-direction: column;}
#wrap-login.login-new .langselbox {height: 38px;}
#wrap-login.login-new .langselbox .lang-selList.open .lang-list {bottom: 38px;}
#wrap-login.login-new .login-wrap .info-bx .select1{ width: 120px; height: 38px;}
#wrap-login.login-new .login-wrap .info-bx .input {width: calc(50% - 150px); padding-left: 20px; padding-right: 20px; height: 38px;}
#wrap-login.login-new .login-wrap .info-bx .input:focus{ background-color: #f1efef;}
#wrap-login.login-new .login-wrap .info-bx .input::placeholder{ color: #ccc;}
#wrap-login.login-new .login-wrap .info-bx .btn-login {height: 38px; padding: 5px 10px; font-size: 15px;}

#wrap-login.login-new .login-wrap .info-bx .flrbox {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
#wrap-login.login-new .login-wrap .info-bx .flrbox .fl,
#wrap-login.login-new .login-wrap .info-bx .flrbox .fr {float: none;}
#wrap-login.login-new .login-wrap .info-bx .flrbox .fl + .fr { margin-left: 10px;}

#wrap-login.login-new .login-wrap .info-bx {padding: 5px 10px;}
#wrap-login.login-new .langbox-area {position: absolute;}
#wrap-login.login-new .langbox-area {left: 10px; top: -48px;}
#wrap-login.login-new .login-wrap .chkFindbox * {color: #fff;}
#wrap-login.login-new .login-wrap .chkFindbox .check{ display: flex; align-items: center;}
#wrap-login.login-new .login-wrap .info-form {width: 100%;}

#footer {font-family:'HankookTire', sans-serif; width: 100%; padding: 10px 20px; border-top: 1px solid #ddd; background-color: #fff; display: flex; justify-content: space-between; align-items: center;}
#footer * {font-size: 12px; color: #fff; line-height: 16px; font-weight: 500;}
#footer .footer-info {display: none}
#footer .inner {text-align: left;}
#footer .logo-hk { width: 141px; height: 29px;}
#footer .logo-hk img{ width: auto; height: 29px;}
#footer .textbox { margin-left: 20px; display: block; text-align: left;}
#footer .textbox p { color: #fff;}
#footer .logo-hk,
#footer .textbox {display: inline-block; vertical-align: middle;}
#footer .select1 {width: 112px; background-image: url(../images/common/ico-sel.png); border-color: transparent;}
#footer .right {display: flex; justify-content: flex-end; align-items: center;}
#footer .right .btn {padding: 4px 10px; margin: 0 10px; line-height: 16px; border-radius: 3px;}
#footer .right .btn + .select1 {margin-left: 12px;}
#footer .right .btn.location{ background: url(../images/common/ico-location.png) no-repeat 10px center; padding-left: 30px;}
#footer .right .sns{ margin: 0 15px 0 0; display: flex; align-items: center;}
#footer .right .sns .item{ width: 30px;}
#footer .right .sns .item + .item{ margin-left: 20px;}
#footer .right .sns .sns{ width: 30px; height: 30px; background-color: #404345; display: flex; align-items: center; justify-content: center; border-radius: 15px;}
#footer .right .sns .sns .ico{ width: 100%; height: 100%;}

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

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

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

.hFull{ height: 100% !important;}

.ico[class*="ico-"]{ background: no-repeat center center;}
.ico.ico-page-tit{ background-image: url(../images/common/ico-page-tit.png);}
.ico.ico-building{ background-image: url(../images/common/ico-building.png);}
.ico.ico-sns-f{ background-image: url(../images/common/ico-sns-f.png);}
.ico.ico-sns-y{ background-image: url(../images/common/ico-sns-y.png);}
.ico.ico-sns-i{ background-image: url(../images/common/ico-sns-i.png);}
.ico.ico-sns-in{ background-image: url(../images/common/ico-sns-in.png);}
.ico.ico-sns-t{ background-image: url(../images/common/ico-sns-t.png);}
.ico.ico-sns-x{ background-image: url(../images/common/ico-sns-x.png);}
.ico.ico-tit-order{ width: 19px; height: 24px; background-image: url(../images/common/ico-tit-order.png);}
.ico.ico-tit-claims{ width: 26px; height: 27px; background-image: url(../images/common/ico-tit-claims.png);}
.ico.ico-tit-returns{ width: 28px; height: 27px; background-image: url(../images/common/ico-tit-returns.png);}
.ico.ico-tit-warrantyReturn{ width: 33px; height: 29px; background-image: url(../images/common/ico-tit-warrantyReturn.png);}
.ico.ico-tit-finance{ width: 20px; height: 28px; background-image: url(../images/common/ico-tit-finance.png);}
.ico.ico-tit-report{ width: 28px; height: 28px; background-image: url(../images/common/ico-tit-report.png);}
.ico.ico-tit-myPage{ width: 26px; height: 26px; background-image: url(../images/common/ico-tit-myPage.png);}

.scroll-y{ height: 100%; overflow-y: auto;}
.scroll-y::-webkit-scrollbar {width: 4px; height: 4px;}
.scroll-y::-webkit-scrollbar-track {background-color: #eee;}
.scroll-y::-webkit-scrollbar-thumb {background-color: #888; border-radius: 4px;}

#wrap{ min-height: 860px; width: 100%; height: 100%; display: flex; flex-direction: column;}

#header{ width: 100%; height: 99px; display: flex; flex-direction: column;}
#header .heaer-head{ display: flex; justify-content: space-between; align-items: center;}
#header .logo-box{ margin-left: 24px;}
#header .logo-box .logo{ width: 230px; height: 24px; background: url(../images/common/logo.jpg) no-repeat center center; text-indent: -9999px; display: inline-block;}
#header .copy-box{ margin: 0 33px 0 0; display: flex; align-items: center;}
#header .copy-box .ico{ width: 40px; height: 40px; background-color: #f36f20; border-radius: 16px;}
#header .copy-box .ico + .txt{ margin-left: 10px;}
#header .copy-box .txt{ font-weight: 400; font-size: 16px; color: #777; line-height: 1;}
#header .util-box .list{ display: flex;}
#header .util-box .item{ height: 55px; border-left: 1px solid #ddd;}
#header .util-box .link{ width: 70px; height: 100%; background: no-repeat center center; position: relative;}
#header .util-box .link:hover{ background-color: #f1f1f1;}
#header .util-box .count{ height: 15px; background-color: #ea7c1e; font-weight: 300; font-size: 11px; color: #fff; line-height: 15px; padding: 0 6px; margin: -20px 0 0 0px; display: inline-block; border-radius: 8px; position: absolute; top: 50%; left: 50%;}
#header .util-box .item.alarm .link{ background-image: url(../images/common/ico-notify.png);}
#header .util-box .item.community .link{ background-image: url(../images/common/ico-talk.png);}
#header .util-box .item.notice .link{ background-image: url(../images/common/ico-notice.png);}
#header .util-box .item.logout .link{ background-image: url(../images/common/ico-logout.png);}
#header .util-box .item.available .link{ background-image: url(../images/common/ico-available.png);}

#gnb{ width: 100%; height: 44px; background-color: #000; position: relative; z-index: 9;}
#gnb .depth1-ul{ width: 100%; display: flex; justify-content: center; position: relative;}
#gnb .depth1-ul::before{ width: 100%; background-color: #fff; content: ''; box-shadow: 0 3px 5px 1px #ccc; position: absolute; top: 40px; left: 0; bottom: 0;}
#gnb .depth1-li{ display: flex; flex-direction: column; position: relative;}
#gnb .depth1-li:first-child .depth2-ul{ border-left: 1px solid #ccc;}
#gnb .depth1-link{ height: 40px; padding: 0 80px; display: flex; align-items: center; justify-content: center;}
#gnb .depth1-link .txt{ font-weight: 600; font-size: 17px; color: #fff; line-height: 1;}
#gnb .depth2-ul{ width: 100%; padding: 0; margin-top: -9999px; display: flex; flex-direction: column; flex: 1; border-right: 1px solid #ccc; transform: translateY(-9999px);}
#gnb .depth2-li{ padding: 0 10px; display: flex; flex-direction: column; position: relative;}
#gnb .depth2-li +  .depth2-li::before{ height: 1px; background-color: #f1f1f1; content: ''; position: absolute; top: 0; left: 10px; right: 10px;}
#gnb .depth2-link{ width: 100%; height: 45px; padding: 0 10px; display: flex; align-items: center; box-sizing: border-box;}
#gnb .depth2-link .txt{ font-weight: 400; font-size: 14px; color: #222;}
#gnb .depth3-ul{ max-width: 215px; background-color: #f1f1f1; padding: 10px 15px; margin: 0 0 10px 0; border-radius: 10px; box-sizing: border-box;}
#gnb .depth3-li + .depth3-li{ margin-top: 2px;}
#gnb .depth3-link{ padding-left: 13px; position: relative;}
#gnb .depth3-link::before{ width: 4px; height: 1px; background-color: #333; content: ''; position: absolute; top: 10px; left: 5px;}
#gnb .depth3-link .txt{ font-weight: 300; font-size: 14px; color: #444; line-height: 15px; padding: 2px 0;}
#gnb .txt{ word-break: keep-all;}
#gnb .depth3-link:hover .txt{ color: #000;}
#gnb .depth1-li:hover .depth1-link .txt{ color: #ea7c1e;}
#gnb .depth2-li:hover .depth2-link .txt{ color: #ea7c1e;}
#gnb .depth1-ul:hover .depth2-ul{ margin: 0; transform: none;}


/*history tab : 플러그인*/
#historyTab { width: 100%; background-color: #f0f0f0; padding: 0; margin: 10px 0; overflow: hidden;}
#historyTab #mainTabs { text-align: left; padding: 5px 26px;}
#historyTab .fc-tab {padding: 0; background: transparent;}
#historyTab .fc-tab > li {min-width: auto; width: 186px; height: 30px; background: #777; margin-right: 3px; color: #fff; padding: 0 20px; display: flex; justify-content: space-between; white-space: nowrap; border-radius: 15px; cursor: pointer; align-items: center;}
#historyTab .fc-tab > li > span.title{font-size: 13px; font-weight: 500; padding-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.01em; word-spacing: -0.06em;}
#historyTab .fc-tab > li[data-tab-id="0"] { min-width: auto; width: auto; background-color: #333 !important; padding-left: 42px; justify-content: center;}
#historyTab .fc-tab > li[data-tab-id="0"] .title::before {content: ''; display: block; width: 16px; height: 17px; background: url(../images/common/ico-lnb-home.png) center center no-repeat; background-size: contain; position: absolute; left: 22px; top: 50%; margin-top: -9px;}

#historyTab .fc-tab > li .fc-tab-left-control .fas { margin: 2px;}
#historyTab .fc-tab > li .fc-tab-left-control [ref="pin"] {margin-bottom: 6px;}
#historyTab .fc-tab > li .fc-tab-left-control [ref="pin"]:not(.fa-rotate-180) {margin-bottom: 1px;}

#historyTab .fc-tab > li .fc-tab-right-control { padding: 0; display: inline-flex;}
#historyTab .fc-tab > li .fc-tab-right-control .fas{ display: inherit;}
#historyTab .fc-tab > li .fc-tab-right-control [class*="fa"]:before {width: 19px; height: 19px; background-position: center center; background-repeat: no-repeat;}
#historyTab .fc-tab > li .fc-tab-right-control .fa-expand:before {content: ''; background-image: url(../images/common/ico-zoom.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-redo-alt:before {content: ''; background-image: url(../images/common/ico-refresh.png);}
#historyTab .fc-tab > li .fc-tab-right-control .fa-times:before {content: ''; background-image: url(../images/common/ico-del2.png);}

#historyTab .fc-tab > li:hover {background: #999;}
#historyTab .fc-tab > li.selected {background-color: #ec6608;}

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

#contents{ width: 100%; padding: 0 26px; display: flex; flex: 1; position: relative;}
#contents:has( #cart){ padding-right: 93px;}
#contents:has( .apStatus-box){ background-color: #f0f0f0;}
#contents:has( .apStatus-box.type2){ background-color: #fff;}
/* #contents.type-cart{ padding-right: 550px;} */
#contents.type-cart #page{ width: 100%;}

#fiter{ width: 38px; margin: 0 12px 0 13px;}

#page{ padding-bottom: 20px; display: flex; flex-direction: column; flex: 1;}
#page > .page-head{ height: 50px; display: flex; justify-content: space-between;}
#page > .page-head .tit{ display: flex; align-items: center;}
#page > .page-head .tit .ico + .txt{ margin-left: 10px;}
#page > .page-head .tit .txt{ font-weight: 400; font-size: 20px; color: #333; line-height: 1;}
#page > .page-body{ display: flex; flex-direction: column; flex: 1;}
#page > .page-body > .flex-sb{ height: 100%;}

#cart{ background-color: #f6f6f6; padding: 9px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 32px; position: fixed; top: 147px; right: 11px;}
#cart .cart-box + .cart-box{ margin-top: 11px;}
#cart .btn-cart{ width: 45px; height: 45px; background: no-repeat center center #666; border-radius: 23px;}
#cart .btn-cart.ico1{ background-image: url(../images/common/ico-cart.png);}
#cart .btn-cart.ico2{ background-image: url(../images/common/ico-cart2.png);}

#myCart{ width: auto; background-color: #fff; padding: 0 0 20px 0; position: fixed; top: auto; left: calc(100% - 24px - 500px); right: 24px; bottom: auto; z-index: 4;}
#myCart .myCart-btn{ width: 30px; height: 30px; background-color: #444; text-indent: -9999px; display: inline-block; border-radius: 15px; position: absolute; top: 100px; left: -15px; z-index: 1;}
#myCart .myCart-btn::before{ width: 8px; height: 8px; content: ''; position: absolute; top: 50%; left: 50%; transform: rotate(45deg);}
#myCart .myCart-btn.myCart-open::before{ margin: -5px 0 0 -3px; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
#myCart .myCart-btn.myCart-close{ display: none;}
#myCart .myCart-btn.myCart-close::before{ margin: -5px 0 0 -6px; border-right: 2px solid #fff; border-top: 2px solid #fff;}
#myCart .myCart-btn:hover{ background-color: #000;}
#myCart .con-tit-box{ height: 100%;}
#myCart .con-border-box .box-head{ background-color: #ccc; padding: 5px 10px; margin: 0;}
#myCart .con-border-box .box-head .btn-del{ width: 26px; height: 26px; background: url(../../front/images/ico/ico-del2.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
#myCart .con-border-box .box-head .btn-del:hover{ background-image: url(../../front/images/ico/ico-del2-ov3.png);}
#myCart .con-border-box .box-tit .column-group .column:nth-child(3),
#myCart .con-border-box .box-tit .column-group .column:nth-child(4),
#myCart .con-border-box .box-tit .column-group .column:nth-child(5),
#myCart .con-border-box .box-tit .column-group .column:nth-child(7),
#myCart .con-border-box .box-body .column-group .column:nth-child(1)::before,
#myCart .con-border-box .box-body .column-group .column:nth-child(3),
#myCart .con-border-box .box-body .column-group .column:nth-child(4),
#myCart .con-border-box .box-body .column-group .column:nth-child(5),
#myCart .con-border-box .box-body .column-group .column:nth-child(7){ display: none;}
#myCart .con-border-box .box-body .column-group .column{ padding: 5px 10px;}
#myCart .con-border-box .box-body .column-group .column .miniHide{ display: none;}
#myCart .con-border-box .box-body .btn-del{ width: 26px; height: 26px; background: url(../../front/images/ico/ico-del2.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
#myCart .con-border-box .box-body .btn-del:hover{ background-image: url(../../front/images/ico/ico-del2-ov.png);}
#myCart .con-border-box .box-foot + .box-foot{ margin-top: 5px;}
#myCart .con-border-box .box-foot .info-total-count{ padding: 10px; margin: 0 10px;}
#myCart .con-border-box .box-foot .info-total-count .dl-row + .dl-row{ margin-left: 15px;}

.info-form-agree{ padding: 0 10px; display: flex; flex-direction: column;}
.info-form-agree .tit{ padding-left: 0;}
.info-form-agree .tit .txt{ color: #000;}
.info-form-agree .txt-desc{ font-size: 12px; line-height: 16px; margin: 10px 0 5px 0;}
#myCart .con-border-box .box-foot .btn-box .btn-l{ width: 100%; border-radius: 0;}
#myCart .con-border-box .box-foot.myCart-full{ display: none;}
#myCart.active .myCart-btn.myCart-open{ display: none;}
#myCart.active .myCart-btn.myCart-close{ display: inline-block;}
#myCart.active .con-border-box .box-tit .column-group .column:nth-child(3),
#myCart.active .con-border-box .box-tit .column-group .column:nth-child(4),
#myCart.active .con-border-box .box-tit .column-group .column:nth-child(5),
#myCart.active .con-border-box .box-tit .column-group .column:nth-child(7),
#myCart.active .con-border-box .box-body .column-group .column:nth-child(3),
#myCart.active .con-border-box .box-body .column-group .column:nth-child(4),
#myCart.active .con-border-box .box-body .column-group .column:nth-child(5),
#myCart.active .con-border-box .box-body .column-group .column:nth-child(7){ display: flex;}
#myCart.active .con-border-box .box-tit .column-group .column:nth-child(1),
#myCart.active .con-border-box .box-body .column-group .column:nth-child(1){ padding: 5px;}
#myCart.active .con-border-box .box-tit .column-group .column:nth-child(2),
#myCart.active .con-border-box .box-body .column-group .column:nth-child(2){ padding-left: 10px;}
#myCart.active .con-border-box .box-tit .column-group .column,
#myCart.active .con-border-box .box-body .column-group .column{ padding: 5px 40px;}
#myCart.active .con-border-box .box-body .column-group .column .miniHide{ display: flex;}
#myCart.active .con-border-box .box-foot.myCart-mini{ display: none;}
#myCart.active .con-border-box .box-foot.myCart-full{ display: block;}
#myCart .con-border-box .box-tit,
#myCart.active .con-border-box .box-tit{ padding-top: 7px;}
#myCart .con-border-box .box-body,
#myCart.active .con-border-box .box-body{ margin-top: 0;}
#myCart .con-border-box .box-tit .column-group .column,
#myCart.active .con-border-box .box-tit .column-group .column{ padding: 0 10px;}
#myCart.active .column-group .column .flex-row > *[class*="txt-ellipsis-"]{ width: auto;}

#myCart .con-border-box.cartType2 + .con-border-box.cartType2{ margin-top: 20px; position: relative;}
#myCart .con-border-box.cartType2 + .con-border-box.cartType2::before{ width: 100%; content: ''; border-top: 1px dashed #ccc; position: absolute; top: -15px; left: 0;}
#myCart .con-border-box.cartType2 .box-head{ background-color: #e6e6e6;}
#myCart .con-border-box.cartType2 .box-tit{ padding-top: 7px; padding-bottom: 7px;}
#myCart .con-border-box.cartType2 .box-tit .column-group .column{ padding: 0 10px;}
#myCart .con-border-box.cartType2 .box-tit .column-group .column:nth-child(4),
#myCart .con-border-box.cartType2 .box-tit .column-group .column:nth-child(6),
#myCart .con-border-box.cartType2 .box-body .column-group .column:nth-child(4),
#myCart .con-border-box.cartType2 .box-body .column-group .column:nth-child(6){ display: none;}
#myCart .con-border-box.cartType2 .box-tit .column-group .column:nth-child(5),
#myCart .con-border-box.cartType2 .box-tit .column-group .column:nth-child(7),
#myCart .con-border-box.cartType2 .box-body .column-group .column:nth-child(5),
#myCart .con-border-box.cartType2 .box-body .column-group .column:nth-child(7){ display: flex;}
#myCart .con-border-box.cartType2 .box-body{ margin-top: 0;}
#myCart.active .con-border-box.cartType2 .box-tit .column-group .column:nth-child(4),
#myCart.active .con-border-box.cartType2 .box-tit .column-group .column:nth-child(6),
#myCart.active .con-border-box.cartType2 .box-body .column-group .column:nth-child(4),
#myCart.active .con-border-box.cartType2 .box-body .column-group .column:nth-child(6){ display: flex;}

#myCart .con-border-box.cartType3 > .box-tit .column-group .column:nth-child(4),
#myCart .con-border-box.cartType3 > .box-tit .column-group .column:nth-child(5),
#myCart .con-border-box.cartType3 > .box-body .column-group .column:nth-child(4),
#myCart .con-border-box.cartType3 > .box-body .column-group .column:nth-child(5){ display: flex;}

#myCart .con-border-box.cartType4 > .box-tit .column-group .column:nth-child(3),
#myCart .con-border-box.cartType4 > .box-tit .column-group .column:nth-child(4),
#myCart .con-border-box.cartType4 > .box-body .column-group .column:nth-child(3),
#myCart .con-border-box.cartType4 > .box-body .column-group .column:nth-child(4){ display: flex;}

#myCart .con-border-box.cartType5 > .box-tit .column-group .column:nth-child(4),
#myCart .con-border-box.cartType5 > .box-tit .column-group .column:nth-child(5),
#myCart .con-border-box.cartType5 > .box-body .column-group .column:nth-child(4),
#myCart .con-border-box.cartType5 > .box-body .column-group .column:nth-child(5){ display: flex;}
#myCart .con-border-box.cartType5 > .box-body .column-group .column:nth-child(2) input{ display: none;}
#myCart.active .con-border-box.cartType5 > .box-body .column-group .column:nth-child(2) input{ display: block;}

#myCart .con-border-box.cartType6 > .box-tit .column-group .column:nth-child(3),
#myCart .con-border-box.cartType6 > .box-tit .column-group .column:nth-child(4),
#myCart .con-border-box.cartType6 > .box-tit .column-group .column:nth-child(5),
#myCart .con-border-box.cartType6 > .box-body .column-group .column:nth-child(3),
#myCart .con-border-box.cartType6 > .box-body .column-group .column:nth-child(4),
#myCart .con-border-box.cartType6 > .box-body .column-group .column:nth-child(5){ display: flex;}

#myCart .con-border-box.cartType7 > .box-tit .column-group .column:nth-child(3),
#myCart .con-border-box.cartType7 > .box-tit .column-group .column:nth-child(5),
#myCart .con-border-box.cartType7 > .box-body .column-group .column:nth-child(3),
#myCart .con-border-box.cartType7 > .box-body .column-group .column:nth-child(5){ display: flex;}

#footer{ width: 100%; height: 75px; background-color: transparent; padding: 0 85px 0 25px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #cccccc52;}
#footer .logo{ width: 141px; height: 29px; background: url(../images/common/logo-foot.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
#footer .logo + .copy{ margin-left: 20px;}
#footer .copy{ font-weight: 400; font-size: 12px; color: #666; line-height: 1;}
#footer .service{ display: flex;}
#footer .service .link{ font-weight: 400; font-size: 12px; color: #333; line-height: 1;}
#footer .service .link + .link{ margin-left: 40px;}

/*툴팁 : 메인, 마이페이지 사용중(다른곳 사용시 참고 : tooltipShow함수)*/
.tooltip-wrap {display: none; position: absolute; z-index: 12;}
.tooltip-wrap .textbox {max-width: 400px; border: 1px solid #ddd; background-color: #fff; padding: 10px; position: relative;     box-shadow: 3px 0px 4px rgba(0,0,0,0.1); border-radius: 5px;}