@charset "utf-8";

/* global
-----------------------------------------------*/
body{min-width:1200px; font-size:16px; font-family:'Noto Sans Korean', sans-serif; word-break:keep-all; color:#333; background:#fff}
body::-webkit-scrollbar {width:8px; height:8px; background-color:#373b44}
body::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.15); background-color:#373b44}
body::-webkit-scrollbar-thumb {background-color:#da2744}
a{color:#333; text-decoration:none}

/* wrap
-----------------------------------------------*/
.wrap{position:relative; margin-left:auto; margin-right:auto; width:1200px}

/* header
-----------------------------------------------*/
.header{}
.header > .wrap{position:relative; display:flex; height:90px; align-items:center}
.header .logo{margin-right:2em}
.header__menu{display:flex; margin-left:auto}
.header__menu-item{position:relative}
.header__menu-item + .header__menu-item{margin-left:1.5em}
.header__menu-link{font-size:.875rem; color:#666 !important}
.header__lang{position:relative; margin-left:1em; border-radius:1.25em; border:1px solid #ddd; font-size:.875rem; transition:border 300ms; cursor:pointer}
.header__lang:hover{border-color:#aaa}
.header__lang:hover .header__lang-current:after{transform:rotate(180deg)}
.header__lang-current{position:relative; display:block; padding:.65em 2em .65em 1em}
.header__lang-current:before{content:''; position:absolute; bottom:-5px; left:0; right:0; height:15px}
.header__lang-current:after{content:''; position:absolute; top:50%; right:13px; margin-top:-4px; width:9px; height:7px; background:url('/assets/images/common/ico_lang_arrow.png') right no-repeat; transition:transform 300ms}
.header__lang-list{z-index:150; display:none; position:absolute; top:110%; left:0; width:100%; background:#fff; border-radius:10px; border:1px solid #ddd}
.header__lang-link{display:block; padding:5px 1em;}
.header__lang-link:hover{color:#da2744; font-weight:700}

.gnb{margin-left:auto; margin-right:auto;}
.gnb-list{display:flex}
.gnb-item{}
.gnb-item + .gnb-item{padding-left:4.5em}
.gnb-link{position:relative; display:flex; height:90px; align-items:center; font-size:1.125rem; font-weight:700; color:#333 !important}
.gnb-link:after{content:''; position:absolute; bottom:0; left:0; right:0; height:0px; background:#da2744; transition:height 300ms}
.gnb-link.is-active:after,
.gnb-item:hover .gnb-link:after{height:3px}
.gnb-item:hover > .gnb-depth{display:block;}
.gnb-bg{z-index:1; display:none; position:absolute; left:0; right:0; top:90px; height:100px; background:#fff; box-shadow:0 5px 5px 0 rgba(0,0,0,.07); border-top:1px solid #ddd}
.gnb-depth{z-index:100; display:none; position:absolute; left:0; top:100%; width:100%}
.gnb-depth-list{display:flex; padding-left:225px; min-width:100%; max-width:1000px}
.gnb-depth-list .gnb-depth-item{white-space:nowrap;}
.gnb-depth-item + .gnb-depth-item{margin-left:2em}
.gnb-depth-link{display:flex; align-items:center; height:100px; font-size:14px; color:#333 !important}
.gnb-link.is-active,
.gnb-depth-link:hover{color:#da2744 !important}


/* footer
-----------------------------------------------*/
.footer{padding:1.5em 0; border-top:1px solid #ddd}
.footer__menu{display:flex; margin-left:-70px}
.footer__menu-item{position:relative; margin-right:2em}
.footer__menu-item:after{content:''; position:absolute; right:-1.15em; top:7px; bottom:4px; width:1px; background:#aaa}
.footer__menu-item:last-child:after{display:none}
.footer__menu-link{color:#333 !important}
.footer__site{z-index:50; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.footer__site select{padding:10px 2em 10px 5px; width:200px; border:0; border-bottom:1px solid #333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/assets/images/common/ico_select_arrow.png') 95% center no-repeat}
.footer__site select::-ms-expand{display:none}
.footer__info{opacity:.5; margin-left:-70px}
.footer__info .copyright{text-transform:uppercase}

/* style
-----------------------------------------------*/
.btn{display:inline-block; padding:.5em 1em; background:#da2744; color:#fff}
.btn--big{padding:.75em 1em; font-size:1.125rem}
.btn > span{color:#fff}
.btn > .icon{margin-left:1em}


.icon{display:inline-block}
.icon.ham{width:14px; height:12px; background:url('/assets/images/common/ico_ham.png') 0 0 no-repeat}

/* sub
-----------------------------------------------*/
.sub__visual{height:200px; background:url('/assets/images/sub/sub_top_visual.jpg') center no-repeat}
.sub__visual h2{display:flex; align-items:center; justify-content:center; margin:0 auto; width:1200px; height:100%; color:#fff; font-size:1.875rem; font-weight:700}
.container.sub{padding:4em 0}