/*Content CSS*/
#right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#right-side-open span{display:inline-block;width:20px; height:20px;font-size:20px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#right-side {background-color:#fff;position:fixed; z-index:99; top:0;right:-400px;max-width:320px; width:100%; height:100%; color:#FFF; padding:50px 20px 30px 20px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto; border-left:1px solid #dae1e6;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#ef4123; color:#fff; font-weight:bold; line-height:3.5em; border-radius:0; margin-top:10px; padding:2px 0 4px 0; font-size:15px; font-weight: 400; }
#right-side .side_gnb .call i {position: relative; top: 4px; font-size: 20px;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}
.right-side-on #wrapper { left:-300px; }
.right-side-on #header { left:-300px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center;  list-style : none;}
.quick_menu li{display:inline-block; margin-left:-3px; width:50%; border-right:1px solid #ddd; }
.quick_menu li:last-child { border:0}
.quick_menu li a{display:block; box-sizing:border-box; color:#333; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:16px}
.quick_menu li a:hover{color:#333;backface-visibility:hidden}
.quick_menu li a.on{color:#333;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto; }

.side_gnb{position:relative;width:100%; margin-top:10px;}
.side_gnb p{color:#666; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:0px solid #555;  }
.side_gnb .menu-list>li>a{display:block;position:relative;color:#000;font-size:16px; padding:15px 15px; border-top:1px solid rgba(0,0,0,.05); text-decoration:none; letter-spacing: -0.5px; font-weight:500; line-height: 1.5;}
.side_gnb .menu-list>li>a i{display:none;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #ccc;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#f5f5f5;}
.side_gnb .depth-2>li>a{display:block;font-size:14px; line-height:24px;padding: 12px 15px;border-bottom:1px solid #fff; color:#000; letter-spacing: -.5px; font-weight: 300;}

.m_divice_btn {margin-top:20px; }
.m_divice_btn a{font-size:13px; color:#fff !important;  }
.m_divice_btn .btn_area{padding:12px; width:48%; display: inline-block; text-align:center; border:1px solid #0c101d; border-radius: 0; background: #0c101d; }
.m_divice_btn .btn_area.active{background-color:#ef4123;  border:1px solid #ef4123; margin-left:2%;}
/* .m_divice_btn .btn_area.active a {color:#fff;} */

.language_btn ul {display: flex; margin-bottom: 20px;}
.language_btn li {display: flex; align-items: center;}
.language_btn li a {font-size: 15px;   font-weight: 700; color:#000; text-transform: uppercase; transition: color .3s ease;
border-bottom: 1px solid transparent;}
.language_btn li.active a {border-bottom-color: #000; }
.language_btn li + li {margin-left:20px;}
/* .language_btn li::after {content: ''; display: block; width: 1px; height: 12px; background: rgba(0, 0, 0, 0.3); margin:0 14px; position: relative; top:1px;
transition: background-color .3s ease;}
.language_btn li:last-child::after {display: none; } */

#right-side .call_btn {display: flex; align-items: center; font-size: 32px; font-weight: 700; color:#ef4123; letter-spacing: -.32px; font-family: 'Poppins', sans-serif;
transition: color .3s; justify-content: space-between; margin: 15px 0;}
#right-side .call_btn span {display: flex; align-items: center; justify-content: center; width: 70px; height: 30px; background-color: #ef4123; flex-shrink: 0;
font-size: 14px; font-weight: 800; color:#fff; font-family: 'NanumSquare'; transition: background-color .3s;  }
#right-side .call_btn i {position: relative; top:0; margin-left: 5px; }
#right-side .call_btn:hover {color:#432918;}
#right-side .call_btn:hover span {background-color:#432918;}

#right-side .select_lang {display: flex;}
#right-side .select_lang li a {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; transition: opacity .3s;}
#right-side .select_lang li a img {max-width: 100%;}
#right-side .select_lang li a:hover {opacity: .5;}
#right-side .select_lang li:first-child {margin-right: 8px;}

/**/
#open-button{position:fixed; top:21px; z-index: 100;right:20px; width:27px; height:25px;  cursor:pointer;display:block;  overflow: hidden;}
#open-button .menu_slider_btn { position: absolute; width: 27px; display: flex; flex-wrap:wrap;  cursor: pointer; transition: all .3s;}
#open-button .menu_slider_btn span { display: block;  width: 100%; height: 2px; background: #000; transition: all .2s ease; }
#open-button .menu_slider_btn span:nth-child(n+2) {margin-top: 5px; }

#open-button .navicon-line {height:2px;border-radius:1px;background:#000; transition: all .3s; opacity: 0; overflow: hidden;
transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;margin:0;padding:0;background-color:#000;}
#open-button .nl1 {top: 10px;right: 0; width:25px; transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
#open-button .nl2 {top: 10px; right: 0; width:25px;}
#open-button .nl3 {top: 26px;right: 10px; opacity: 0;}
#open-button.on>div>div{opacity: 1; }
#open-button.on .nl3 {opacity: 0;}

.scrolled #open-button .menu_slider_btn span {background-color: #000; }
/* #open-button.sub { background-image: url("../img/menu_btn.png");} */
#open-button.on .menu_slider_btn { opacity: 0; }

#q_banner_wrap ul {display: flex; justify-content: space-between; margin-top: 20px;}
#q_banner_wrap ul li {width: 45px;}
#q_banner_wrap ul li a {position: relative; z-index: 1; }
#q_banner_wrap ul li a .icon {display: flex; align-items: center; justify-content: center;  border-radius: 7px; overflow: hidden; box-shadow: 0 0 12.2px 0.8px rgba(25, 4, 0, 0.1); }
#q_banner_wrap ul li a .txt_box { display: none;}



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

}

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

}