@charset "UTF-8";

/* 폰트 */
@import url("./font.css");


/* reset */
html,body, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,pre
q, s, dl, dt, dd, ol, ul, li,
fieldset, form, input, table,tr, th ,td, div, span, a { margin:0; padding:0; border:0; line-height:1.5; box-sizing:border-box;}
img, fieldset{border:0 none; vertical-align:top}
legend, caption, .skip{display:none;}
body {
	font-size:16px;
	line-height:1.5;
	color:#1d1d1d;
	font-family:'Pretendard', 'Malgun gothic',"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	position:relative;
	font-weight:300;
}
strong { font-weight: 500; }
em { font-style: normal; }
dfn { font-style: normal; }
cite { font-style: normal; }
sup { font-size: .92em; }
sub { font-size: .92em; }
address { font-style: normal; }
del { text-decoration: line-through; }
ol, ul, li { list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:none;}
a { color:#333; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active {text-decoration:underline; }
button {cursor:pointer;vertical-align:middle;}
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}


/* skip Navi */
#accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link{color:#333;}
#accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}


/* header */
#header {position:fixed;top:0; left:0;width:100%; z-index:99;text-align:center;background:#fff;transition:all .3s ease;border-bottom:1px solid #dddddd;}
#header .header_in {position:relative;margin:0 auto; height:99px; z-index:99;}
#header .logo {position:absolute;left:100px;display:block;width:194px;vertical-align:top;padding:28px 0 0;z-index:101;}
#header .logo a{display:block;font-size:0;width:194px;height:45px;background:url('../images/common/logo.png') no-repeat 0 0;}

#gnb{padding:0 0 0 62px;display:inline-block;vertical-align:top;}
#gnb .menu:after{content:"";display:block;clear:both;}
#gnb .menu{display: flex;}
#gnb .menu > li{position:relative;display:inline-block;height:100%;vertical-align:top;display: flex;flex-direction: column;}
#gnb .menu > li > a{position:relative;display:block;width:209px;height:99px;line-height:99px;font-size:24px;color:#1d1d1d; font-weight:500;}
#gnb .menu > li > a:hover{text-decoration:none;}
#gnb .menu > li > a:before {content: "";display: block;position: absolute;z-index: 1;width: 0;height: 0;border: solid #f05323;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;-webkit-transition-property: width, height, opacity;transition-property: width, height, opacity;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-timing-function: ease;height: 100%;bottom: 0;left: 0;border-width: 0 0 2px 0;}
#gnb .menu > li > a:hover:before {width: 100%;opacity: 1;}
#gnb .menu > li.on > a{color:#f05323;}
#gnb .submenu{display:none;width:100%;z-index:10;text-align:center;padding:30px 0 0;position:relative;}
#gnb .submenu:before{content:'';display:block;width:1px;position:absolute;left:0;background:#ddd;height:300px;top:42px;}
#gnb .menu > li:first-child .submenu:before{display:none;}
#gnb .submenu li{vertical-align:top;}
#gnb .submenu li a{position:relative;display:inline-block;block;font-size:18px;line-height:1.5;color:#1d1d1d;letter-spacing:-0.04em;padding:10px 0;}
#gnb .submenu li a:before {content: "";display: block;position: absolute;z-index: 1;width: 0;height: 0;border: solid #f05323;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;-webkit-transition-property: width, height, opacity;transition-property: width, height, opacity;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-timing-function: ease;height: 100%;bottom: 7px;left: 0;border-width: 0 0 2px 0;}
#gnb .submenu li a:hover:before {width: 100%;opacity: 1;}
#gnb .submenu li a:hover,#gnb .submenu > li > a:focus{text-decoration:none;}
#gnb .submenu > li li a:hover{text-decoration:underline;}
#header .mask{display:none;position:absolute;left:0;top:99px;z-index:10;width:100%;height:409px;z-index:-1;background:#fff;border-top:1px solid #dddddd;box-shadow: inset 0px 4px 10px #00000010}

#header .util{position:absolute;right:100px;top:37px;width:250px;z-index:101;text-align:right;display:flex;justify-content: flex-end;gap:5px;}
#header .util .btn_login{display:inline-block;font-size:0;width:24px;height:26px;background:url('../images/common/btn_login.png') no-repeat 50% 50%;box-sizing:border-box;margin-right:8px;}
#header .util .btn_logout{display:inline-block;font-size:0;width:24px;height:26px;background:url('../images/common/btn_logout.png') no-repeat 50% 50%;box-sizing:border-box;margin-right:8px;}
#header .util .btn_sitemap{display:inline-block;font-size:0;width:24px;height:26px;background:url('../images/common/btn_menu.png') no-repeat 50% 50%;box-sizing:border-box;}
#header .util .btn_close{display:inline-block;font-size:0;width:24px;height:26px;background:url('../images/common/btn_close.png') no-repeat 50% 50%;box-sizing:border-box;}
#header .util a:hover{text-decoration:none;}
#header .mask{display:none}
.open-menu #header .mask{display:block;position:fixed;left:0;top:0;background:#000;width:100%;height:100%;z-index:50;opacity:0.4;transition:all 0.5s ease 0.3s;z-index:20;}

#header .util .dropdown_list{height: 0px;padding: 0px;transition: height 300ms;position:absolute;right: -20px;top: calc(100% + 13px);width: 68px;border-radius: 6px;background-color: rgba(255, 255, 255, .85);text-align: center;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);box-shadow: 0 0 0 1px #ddd inset;overflow: hidden;transform: translate(-50%, 0);transition: height .3s, padding .3s;transform-origin: top;}
#header .util .dropdown_list button{width: calc(100% - 2px);font-size: 14px;margin: 0 auto;padding: .75em 1em;border: 0;background-color: rgba(0, 0, 0, 0);font-size: inherit;transition: background-color .2s;white-space: nowrap;cursor: pointer;opacity: .5;}
#header .util .dropdown_list button.active {opacity: 1}
#header .util .dropdown_list button:hover,#header .util .dropdown_list button:focus {background-color:#f6f6f6}
#header .util .dropdown_list.on{padding: 6px 0;height: 97px;}


#m_lnb{display:none;}
.pc-menu #m_lnb{display:none;overflow-y:auto; position:fixed; top:0;left:0;width:100%; height:540px; z-index:1000;background:#fff;padding:0 100px;text-align:left;box-sizing: border-box;}
.pc-menu #m_lnb .submenu{display:flex;flex-direction: column; padding:136px 0 0;width:1600px;margin:0 auto;gap:45px;}
.pc-menu #m_lnb .submenu a{color:#1d1d1d;}
.pc-menu #m_lnb .submenu > li{display:flex;align-items: center;}
.pc-menu #m_lnb .submenu > li > span{width:180px;color:#f05323;}
.pc-menu #m_lnb .submenu > li > span > a{display:inline-block;font-size:24px;font-weight:500;}
.pc-menu #m_lnb .submenu > li > ul{display:flex !important;width:calc(100% - 220px);}
.pc-menu #m_lnb .submenu > li > ul > li{width:180px;}
.pc-menu #m_lnb .submenu > li > ul > li > a{font-size:18px;font-weight:400;}

.mo-menu #m_lnb {overflow-y:auto; position:fixed; top:0;left:auto; right:-1200px;width:460px; height:calc(100%); z-index:1000;background:#fff;padding-bottom:50px;text-align:right;}
.mo-menu #m_lnb h2{display:none;}
.mo-menu #m_lnb .submenu{width:160px;padding:70px 0 0;text-align:left;height:calc(100%);background:#f05323}
.mo-menu #m_lnb .submenu > li{margin:0;padding:0;}
.mo-menu #m_lnb .submenu > li > span > a{position:relative;font-size:16px;text-align:center;height:50px;line-height:50px;display:block;color:#fff;}
.mo-menu #m_lnb .submenu > li > a:hover{text-decoration:none;}
.mo-menu #m_lnb .submenu > li > span > a.active{color:#b2442a;background:#fff;text-decoration:none;font-weight:500;}
.mo-menu #m_lnb .submenu > li:first-child > ul{display:block;}
.mo-menu #m_lnb .submenu > li > ul{display:none;position:absolute;left:160px;top:70px;height:calc(100% - 80px);width:calc(100% - 160px);background:#fff;padding:0 20px;}
.mo-menu #m_lnb .submenu > li > ul > li > a{position:relative;font-size:14px;font-weight:400;text-align:left;height:50px;line-height:48px;display:block;color:#1d1d1d;border-bottom:2px solid #f05323;padding:0 36px 0 0;}
.mo-menu #m_lnb .submenu > li > ul > li > a:before{content:'';display:block;width:10px;height:15px;position:absolute;right:0;top:16px;background: url('../images/common/bg_lnb_3.png') no-repeat 0 50%;}
.mo-menu #m_lnb .submenu > li > ul > li > a:hover{color:#b2442a;text-decoration:none;}
.mo-menu #m_lnb .submenu > li > ul > li > a.active{border-bottom:2px solid #f05323;color:#b2442a;}
.mo-menu #m_lnb .submenu > li > ul > li.more > a:before{width:14px;height:14px;right:0;background: url('../images/common/bg_lnb_2.png') no-repeat 0 50%;}
.mo-menu #m_lnb .submenu > li > ul > li.more > a.active:before{width:14px;height:14px;right:0;background: url('../images/common/bg_lnb_1.png') no-repeat 0 50%;}
.mo-menu #m_lnb .submenu > li > ul ul{display:none;background:#f6f6f6;padding:12px 20px;}
.mo-menu #m_lnb .submenu > li > ul ul a{position:relative;font-size:14px;text-align:left;line-height:19px;display:block;color:#333;padding:5px 0 5px 15px;text-indent: -15px;}
.mo-menu #m_lnb .submenu > li > ul ul a:before{content:'';display:inline-block;width:5px;height:5px;background:#bdbdbd;margin-right:10px;vertical-align:2px;border-radius:100%;}
.mo-menu #m_lnb .submenu > li > ul ul a:hover{color:#b2442a;}
.mo-menu #m_lnb .submenu > li > ul ul a:hover:before{background:#f05323;}
.mo-menu.open-menu #header .util {right:18px;top:20px;}
.mo-menu.open-menu #header #m_lnb .util .btn_language{display:none;}

.layout{position:relative;width:1400px;margin:0 auto;}


/* quick_menu */
#quick_menu{position: fixed;top: 50%;right: -190px;margin-top: -35px;width:240px;height:300px;z-index:98;padding-left:50px;transition:all .5s ease}
#quick_menu .btn{position:absolute;left:0;top:0;width:50px;height:180px;}
#quick_menu button{position:absolute;left:-65px;top:65px;width:180px;height:50px;line-height:47px;background:#006975;transform: rotate(-270deg);border:none;color:#fff;font-size:14px;font-weight:600;text-align:center;border-radius:0 0 19px 19px;letter-spacing:2px;padding-right:20px}
#quick_menu .btn:after{content:'';display:block;position:absolute;left:21px;bottom:24px;width:10px;height:8px;background: url('../images/common/arrow_quick.png') 0 0 no-repeat;}
#quick_menu:hover{right:0;}
#quick_menu:hover .btn:after{transform: rotate(-180deg);}
#quick_menu ul{width:190px;background:#edf1f5;border-radius:0 0 0 18px;height:330px;padding:0 0 0 31px;display:flex;flex-direction: column;justify-content: center;}
#quick_menu ul li a{height:38px;line-height:38px;display:flex;gap:13px;font-size:16px;color:#1d1d1d;}
#quick_menu ul li a:before{content:'';display:block;width:29px;height:38px;}
#quick_menu ul li:nth-child(1) a:before{background: url('../images/main/ico_quick_01.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(2) a:before{background: url('../images/main/ico_quick_02.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(3) a:before{background: url('../images/main/ico_quick_03.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(4) a:before{background: url('../images/main/ico_quick_04.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(5) a:before{background: url('../images/main/ico_quick_08.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(6) a:before{background: url('../images/main/ico_quick_05.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(7) a:before{background: url('../images/main/ico_quick_06.png') 50% 50% no-repeat;}
#quick_menu ul li:nth-child(8) a:before{background: url('../images/main/ico_quick_07.png') 50% 50% no-repeat;}


/* footer */
#footer{position:relative;width:100%;background:#27272c;z-index:97;}
#footer .link_go{position:relative;border-bottom:1px solid #48484c;}
#footer .menu{display:flex;;width:1400px;margin:0 auto;}
#footer .menu > li{width:25%;display:flex;border-right:1px solid #3e3e3e;padding:77px 0 76px 51px;flex-direction: column;}
#footer .menu > li:first-child{border-left:1px solid #3e3e3e;}
#footer .menu ul{display:flex;flex-direction: column;gap:20px;margin-top:30px;}
#footer .menu a{font-size:24px;color:#fff;font-weight:500;}
#footer .menu ul a{font-size:18px;color:#fff;font-weight:300;}

#footer .btn_top{position: absolute;width:60px;right:-110px;top:-86px;}
#footer .btn_top a{width:60px;height:60px;background:#cccccc url("../images/common/btn_top.png") no-repeat 50% 50%;font-size:0;display:block;border-radius:100%;}

#footer .logo{font-size:20px;color:#fff;opacity:0.6;margin:56px 0 24px;}
#footer .address{color:#999999;line-height:1.71;font-size:14px;}
#footer .address span{margin-right:27px;display:inline-block;vertical-align:top;}
#footer .address span strong{color:#fff;margin-right:9px;}
#footer .address span a{color:#757575;}
#footer .copy{color:#757575;font-size:14px;padding:7px 0 56px;}



/* btn_support */
.btn_support{position: fixed;top: 84%;right: 0;margin-top: -151px;width:50px;height:102px;z-index:98;border-radius:19px 0 0 19px;background:#f05323;}
.btn_support a{display:block;width:50px;height:111px;color:#fff;padding: 16px 0 0 18px;letter-spacing: 10px;line-height: 1.1;font-weight: 500;}
.btn_support a:hover{text-decoration:none;}

.btn_support1{position: fixed;top: 96%;right: 0;margin-top: -151px;width:50px;height:102px;z-index:98;border-radius:19px 0 0 19px;background:#483a35;}
.btn_support1 a{display:block;width:50px;height:111px;color:#fff;padding: 16px 0 0 18px;letter-spacing: 10px;line-height: 1.1;font-weight: 500;}
.btn_support1 a:hover{text-decoration:none;}

@media screen and (max-width:1910px) {
	#header .header_in {width:100%;box-sizing:border-box;padding:0 50px;}
	#header .logo {left:50px;}
	#header .util{right:50px;}
}
@media screen and (max-width:1735px) {
	#footer .btn_top{right: 50px;top: auto;bottom: 50px;}
}
@media screen and (max-width:1650px) {
	#gnb .menu > li > a{padding:0 10px 0;}
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1500px) {
	.layout{width:calc(100% - 100px);padding: 0 50px;}
	#footer .menu{width:calc(100% - 100px);padding:0 50px;}
}
@media screen and (max-width:1480px) {
	#header .util .btn_popup{display:none;}
	#gnb{padding: 0 0 0 183px;}
	#gnb .menu > li > a{padding:0 8px 0;}
}
@media screen and (max-width:1400px) {
	#gnb{display:none;}
}
@media screen and (max-width:1325px) {
	#header .util .btn_popup{display:none;}
	#gnb .menu{text-align: right;}
	#gnb .menu > li > a{font-size:18px;}
}
@media screen and (max-width:1200px) {
	.layout{width:100%;}

	#footer .menu{width:100%;}
	#header .header_in {width:100%;box-sizing:border-box;padding:0 50px;}
	#header .logo {left:50px;}

	.btn_top{right:50px;}
}
@media screen and (max-width:1100px) {
	#gnb .menu > li a{padding: 26px 30px 0;}
	#header .header_in {padding:0 20px;height:71px;}
	#header .logo {left:20px;padding-top:19px;}
	#header .logo a{background-size: 150px;width:150px;}
	#header .util{right:20px;top: 21px;}
	.btn_payment{display:none;}
}
@media screen and (max-width:980px) {
	.layout{padding: 0 20px;}

	#footer .menu{display:none;}
	#footer .logo{position: relative;top: auto;margin-top: 30px;left:0;}
	#footer .address{padding:0;margin:30px 0 0;}
	#footer .copy{padding:8px 0 54.5px 0;}

	.btn_top{display:none;}
}
@media screen and (max-width:460px) {
	.mo-menu #m_lnb{width:100%;}
	
	.btn_support1{margin-top: -140px;}
}
@media screen and (max-width:430px) {
	#header .logo{padding-top: 22px;}
	#header .logo a{background-size: 100%;width: 120px;}
}f
@media screen and (max-width:395px) {
	#footer address{font-size: 12px;}
	#footer address em{display:inline-block;}
	#footer address span{display:inline-block;}
}
@media screen and (max-width:331px) {
	#footer .logo{width:100%;background-size:100%;}
}
@media screen and (max-width:286px) {
	#footer address span{display:block;}
	#footer address span a{margin-right:0;}
}