@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.1em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
body.on{touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  /* 이외의 브라우저 */
  overscroll-behavior: none; scroll-behavior: smooth;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }
.inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}
.m-inner {	width:1720px;	position:relative;	margin-left:auto;	margin-right:auto;}
.w-inner {	width:100%; padding: 0 86px;	position:relative;	margin-left:auto;	margin-right:auto;}


/* 반응형 해상도 */
@media all and (max-width:1720px) {	
	.m-inner {width:94%;}
	.w-inner{padding: 0 20px;}
}
@media all and (max-width:1400px){
	.s-inner {width:94%;}
}
@media all and (max-width:1280px) {	
	.inner {width:94%;}
}
@media all and (max-width:768px){
	.w-inner{padding: 0 15px;}
}

/* EVENT BANNER */
#ev_bn{position: fixed; top: 0; left: 0; width: 100%; background-color: #000000; height: 65px; z-index: 21; transition: .4s;}
#ev_bn.scroll{top: -65px;}
#ev_bn .inner{height: 100%;}
#ev_bn .inner .box{height: 100%;}
#ev_bn .inner .cont{height: 65px;}
#ev_bn .inner .cont a{font-family: 'Raleway', 'Pretendard', sans-serif; font-size: 16px; color:#fff; font-weight: 600; text-align: center; display: flex; justify-content: center; align-items: center; height: 100%;}
#ev_bn .inner .close{position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
#ev_bn .inner .close span{color: #fff; font-size: 22px; font-weight: 300; cursor: pointer;}

/* header */
#header{position: fixed; z-index: 22; top: 65px; left: 0; width: 100%; height: 80px; border-bottom: 1px solid #eee; background-color: #fff; transition: .4s;}
#header.scroll{top: 0; height: 70px;}
#header .inner{height: 100%;}
#header .inner .left_cont{display: flex; align-items: center; height: 100%;}
#header .inner .left_cont #logo{margin-right: 60px;}
#header .inner .left_cont #logo a{background: url(/images/common/logo.webp) no-repeat center center / contain; width: 126px; height: 18px; display: block;}
#header .inner .left_cont .pc_menu{}
#header .inner .left_cont .pc_menu > ul{display: flex; align-items: center; gap:32px;}
#header .inner .left_cont .pc_menu > ul > li{position: relative;}
#header .inner .left_cont .pc_menu > ul > li > div{}
#header .inner .left_cont .pc_menu > ul > li > div > span{}
#header .inner .left_cont .pc_menu > ul > li > div > span > a{font-size: 17px; color: #222222; font-weight: 600; line-height: 80px;}
#header .inner .left_cont .pc_menu > ul > li:hover > div > span > a{color: #3069e0;}
#header .inner .left_cont .pc_menu > ul > li > ul{display: none; position: absolute; width: 170px; background-color: #fff; border-radius: 5px; left: 50%; transform: translateX(-50%); text-align: center; padding: 10px 0; margin-top: -15px; box-shadow: rgba(50, 55, 65, 0.15) 0px 12px 28px 0px, rgba(50, 55, 65, 0.08) 0px 8px 12px 0px, rgba(50, 55, 65, 0.04) 0px 0px 0px 1px, rgba(50, 55, 65, 0.25) 0px 0px 1px 0px;}
#header .inner .left_cont .pc_menu > ul > li > ul > li{}
#header .inner .left_cont .pc_menu > ul > li > ul > li > a{font-size: 16px; color:#666666; font-weight: 500; display: block; padding: 10px 0;}
#header .inner .left_cont .pc_menu > ul > li > ul > li:hover > a{color: #3069e0; font-weight: 600;}
#header .inner .right_cont{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap:20px; align-items: center;}
#header .inner .right_cont .c_btn{}
#header .inner .right_cont .c_btn .btn{}
#header .inner .right_cont .c_btn .btn img{max-width: 38px;}
#header .inner .right_cont .menuToggle{display: none;}

@media all and (max-width:1024px){
	#ev_bn{height: 45px;}
	#ev_bn.scroll{top: -45px;}
	#ev_bn .inner .cont{height: 45px;}
	#ev_bn .inner .cont a{font-size: 15px;}
	#header{height: 60px; top: 45px;}
	#header.scroll{height: 50px;}
	#header .inner .left_cont #logo a{width: 112px;}
	#header .inner .left_cont .pc_menu{display: none;}
	#header .inner .right_cont{gap:15px;}
	#header .inner .right_cont .c_btn .btn{display: none;}
	#header .inner .right_cont .menuToggle{display: block; width: 24px; height: 24px; background: url(/images/common/menuToggle.svg) no-repeat center center / 100%; cursor: pointer;}
	#header .inner .right_cont .menuToggle.on{background: url(/images/common/close.svg) no-repeat center center / 100%;}
}
@media all and (max-width:500px){
	#ev_bn .inner .cont a{font-size: 14px;}
}

/* mo_gnb */
.mo_gnb{display: none;}
@media all and (max-width:1024px){
	.mo_gnb{display: block; position: fixed; top: -100%; width: 100%; background-color: #fff; height: 100%; left: 0; z-index: -90; transition: .4s; overflow-y: auto; padding-bottom: 200px; transition: .4s;}
	.mo_gnb.on{top: 105px; z-index: 20;}
	.mo_gnb.on.scroll{top: 50px;}
	.mo_gnb > ul{padding: 30px 20px;}
	.mo_gnb > ul > li{}
	.mo_gnb > ul > li > div{background: url(/images/common/arrowDown.svg) no-repeat right center; cursor: pointer;}
	.mo_gnb > ul > li.active > div{background: 0; cursor: pointer;}
	.mo_gnb > ul > li.active > div > span > a {pointer-events: auto;}
	.mo_gnb > ul > li.gnb_dp1 + li.gnb_dp1 > div > span > a{ padding-top: 15px; border-top: 1px solid #eee;}
	.mo_gnb > ul > li > div > span{}
	.mo_gnb > ul > li > div > span > a{font-size: 20px; color:#000; font-weight: 600; display: block; width: 100%; padding-bottom: 15px; pointer-events: none;}
	.mo_gnb > ul > li.on > div > span > a{color:#3069e0;}
	.mo_gnb > ul > li > ul{display: none; background-color: #f4f6fa; padding: 20px;}
	.mo_gnb > ul > li > ul > li{}
	.mo_gnb > ul > li > ul > li > a{font-size: 16px; font-weight: 500; color: #444; display: block; width: 100%;}
	.mo_gnb > ul > li > ul > li + li{margin-top: 15px;}
	.mo_gnb .btn_box{display: flex; position: fixed; bottom: 30px; width: calc(100% - 40px); left: 50%; transform: translateX(-50%); gap:6px; z-index: -90; transition: .5s; opacity: 0;}
	.mo_gnb.on .btn_box{display: flex; z-index: 20; opacity: 1;}
	.mo_gnb .btn_box li{width: 100%;}
	.mo_gnb .btn_box li a{display: block; background-color: #3069e0; color:#fff; font-size: 16px; padding: 0px 20px; line-height: 52px; border-radius: 5px; font-weight: 600; box-shadow: 1px 4px 12px rgba(0,0,0,0.1); text-align: center;}
	.mo_gnb .btn_box li:nth-child(2){}
	.mo_gnb .btn_box li:nth-child(2) a{border:1px solid #3069e0; color:#3069e0; background: #fff;}
}




/* f_bn */
#f_bn{background-color: #3069e0; height: 90px; clear: both}
#f_bn .inner{display: flex; align-items: center; justify-content: space-between; height: 100%;}
#f_bn .inner .txt{font-size: 20px; font-weight: 500; color:#fff;}
#f_bn .inner .s_btn{}

@media all and (max-width:1024px){
	#f_bn .inner .txt{font-size: 19px;}
}
@media all and (max-width:768px){
	#f_bn{height: auto; padding: 70px 0;}
	#f_bn .inner{flex-direction: column; gap:30px;}
	#f_bn .inner .txt{font-size: 25px; word-break: keep-all; text-align: center;}
}
@media all and (max-width:500px){
	#f_bn{padding: 50px 0;}
	#f_bn .inner{gap:25px;}
}


/* footer */
#footer{padding-bottom: 70px; background-color: #fff;}
#footer .inner{}
#footer .inner .top{padding: 60px 0 30px;}
#footer .inner .top .cert{display: flex; align-items: center; gap:20px;}
#footer .inner .top .cert li{display: flex; align-items: center; gap:10px;}
#footer .inner .top .cert li img{max-width:100%;}
#footer .inner .top .cert li p{font-size: 14px; font-weight: 600; color:#444444;}
#footer .inner .bottom{border-top: 1px solid #e3e3e3; padding-top: 40px; display: flex; justify-content: space-between;}
#footer .inner .bottom .l_cont{}
#footer .inner .bottom .l_cont .list{display: flex; gap:10px; margin-top: 20px;}
#footer .inner .bottom .l_cont .list li{}
#footer .inner .bottom .l_cont .list li a{font-size: 14px; color: #666; font-weight: 500;}
#footer .inner .bottom .l_cont .tel{}
#footer .inner .bottom .l_cont .tel h4{font-size: 16px; font-weight: 600; color:#222222; margin-bottom: 10px;}
#footer .inner .bottom .l_cont .tel h2{font-size: 24px; color:#222222; margin-bottom: 10px;}
#footer .inner .bottom .l_cont .tel p{font-size: 16px; font-weight: 500; color:#666666; line-height: 1.5em;}
#footer .inner .bottom .l_cont .tel p span{color:#666;}
#footer .inner .bottom .l_cont .info{margin-top: 40px;}
#footer .inner .bottom .l_cont .info span{font-size: 14px; color:#666; font-weight: 500; display: inline-block; line-height: 1em; margin-bottom: 10px;}
#footer .inner .bottom .l_cont .info span + span{margin-left: 7px; padding-left: 7px; border-left: 1px solid #a5a5a5;}
#footer .inner .bottom .f_logo{display: flex; align-items: center; gap:10px; margin-top: 30px;}
#footer .inner .bottom .f_logo img{max-height: 17px;}
#footer .inner .bottom .f_logo img.webtro{max-height: 16px;}
#footer .inner .bottom .f_logo span{color: #777; font-weight: 200;}
#footer .inner .bottom .r_cont{}
#footer .inner .bottom .r_cont > ul{display: flex; gap:30px}
#footer .inner .bottom .r_cont > ul > li{}
#footer .inner .bottom .r_cont > ul > li > div{margin-bottom: 25px;}
#footer .inner .bottom .r_cont > ul > li > div > span{}
#footer .inner .bottom .r_cont > ul > li > div > span > a{font-size: 16px; font-weight: 600; color:#222222;}
#footer .inner .bottom .r_cont > ul > li > ul{}
#footer .inner .bottom .r_cont > ul > li > ul > li{}
#footer .inner .bottom .r_cont > ul > li > ul > li + li{ margin-top: 12px;}
#footer .inner .bottom .r_cont > ul > li > ul > li > a{font-size: 14px; font-weight: 500; color:#666666;}

@media all and (max-width:1280px){
	#footer .inner .top .cert{gap:15px;}
}
@media all and (max-width:1024px){
	#footer{padding-bottom: 60px;}
	#footer .inner{display: flex; flex-direction: row-reverse;}
	#footer .inner > div{width: 50%;}
	#footer .inner .top .cert{flex-direction: column; align-items: flex-end; gap:10px;}
	#footer .inner .top .cert li{gap:8px;}
	#footer .inner .top .cert li img{max-height: 22px;}
	#footer .inner .top .cert > li:nth-child(1){order: 5;}
	#footer .inner .top .cert > li:nth-child(1) img{max-width: 48px; max-height: 100%;}
	#footer .inner .bottom .r_cont{display: none;}
	#footer .inner .bottom .l_cont .tel h4{font-size: 15px;}
	#footer .inner .bottom .l_cont .tel h2{font-size: 22px; margin-bottom: 8px;}
	#footer .inner .bottom .l_cont .tel p{font-size: 15px;}
	#footer .inner .bottom .l_cont .info{margin-top: 30px;}
	#footer .inner .bottom .l_cont .info span{font-weight: 400; color: #222;}
}
@media all and (max-width:768px){
	#footer{padding-bottom: 50px;}
	#footer .inner{flex-direction: column-reverse;}
	#footer .inner > div{width: 100%; text-align: center;}
	#footer .inner .top{padding: 30px 0 0;}
	#footer .inner .top .cert{align-items: flex-start; flex-wrap: wrap; gap:30px 20px; flex-direction: row; justify-content: center;}
	#footer .inner .top .cert li{width: calc(100px); justify-content: center; gap:12px; flex-direction: column;}
	#footer .inner .top .cert li img{max-height: 44px;}
/*
	#footer .inner .top .cert > li:nth-child(1){order: 5; width:100%; align-self: center;}
	#footer .inner .top .cert > li:nth-child(1) img{max-width: 40px; max-height: 100%;}
*/
	#footer .inner .top .cert li p{font-size: 13px; word-break: keep-all; font-weight: 300;}
	#footer .inner .bottom .l_cont{width: 100%;}
	#footer .inner .bottom .l_cont .list{justify-content: center;border-bottom: 1px solid #eee; padding-bottom: 25px; margin-top: 15px;}
	#footer .inner .bottom .l_cont .tel{border-bottom: 1px solid #eee; padding-bottom: 30px;}
	#footer .inner .bottom .l_cont .info{}
	#footer .inner .bottom .f_logo{justify-content: center;}
}
@media all and (max-width:500px){
/*	#footer .inner .top .cert li p{font-size: 10px;}*/
}

/* QUICK BTN */
#quick_btn{position: fixed; bottom: 30px; right: 30px; z-index: 10; display: flex; flex-direction: column; gap:10px;}
#quick_btn li{position: relative;}
#quick_btn li a{}
#quick_btn li a .icon{}
#quick_btn li a .icon img{max-width:48px; box-shadow: 0px 5px 27px rgba(0,0,0,0.16); border-radius: 100%;}
#quick_btn li a p{font-size: 16px; color: #3069e0; font-weight: 700; background-color: #fff; padding: 10px 15px; border-radius: 16px; position: absolute; top: 50%; transform: translateY(-50%); width: 166px; left: -176px; box-shadow: 0px 5px 27px rgba(0,0,0,0.09);}

@media all and (max-width:1024px){
	#quick_btn{bottom: 15px; right: 10px; gap:8px;}
	#quick_btn li a p{display: none;}
	#quick_btn li a .icon img{max-width: 44px;}
}

.mediweb-pop {display:none; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:9998;position:fixed; left:0; top:0;}
.mediweb-pop .close {position:absolute; right:0; top:0; background:#222; padding:10px 15px; font-family:'Jost'; font-weight:600; color:#FFF; font-size:1.5em}
.mediweb-pop .close:hover {background:#c11111}
.mediweb-pop .in-pop { width:90%; max-width:700px; height:65%;  background:#FFF;  overflow:hidden;
							position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); }
.mediweb-pop .in-pop .popCont {padding:3em; height:100%; overflow-y:scroll ; }

.mediweb-pop .title {margin-bottom:30px ;text-align:center}
.mediweb-pop .title dt {font-size:2.8rem; color:#222; font-weight:600}
.mediweb-pop .title dd {margin-top:10px; font-size:1.6rem; color:#686868}

@media screen and (max-width:480px){
	.mediweb-pop .in-pop .popCont {padding:2em}
}

/* 개인정보취급방침 private.php*/
.privacy_box {border:1px solid #e8e8e8; background:#f9f9f9;  padding:15px; font-size: 1.5rem;}
.privacy_box p{line-height: 1.5em; word-break: keep-all;}
.privacy_policy {margin:30px 0; color:#686868; font-weight:300;}
.privacy_policy h4 {font-size:1.8rem; font-weight:500; color:#000; margin-bottom:15px; padding-bottom:6px; border-bottom:1px solid #e8e8e8;}
.privacy_policy p {font-size:1.5rem; line-height:1.6; margin-bottom:10px}
.privacy_policy p.bottom00 {margin-bottom:0;}
.privacy_policy ul.bottom26 {margin-bottom:26px;}
.privacy_policy ul li {line-height:1.5em; font-size: 1.5rem;}
.privacy_txt02 {text-indent:10px;}
.privacy_txt03 {color:#000; font-weight:400}

/*개인정보처리방침방침*/

#privacy { padding: 5% 4%; background:#f8f8f8; overflow: hidden;  font-size: 1.6rem;}
#privacy h3 { margin: 5% 0 1.5%; font-size: 1.33em; color:#000; font-weight: 500;  }
#privacy h4 { margin: 5% 0 1.5%; font-size: 1.33em; color:#000; font-weight: 500;  }
#privacy h3:first-child { margin-top: 0; }
#privacy h4:first-child { margin-top: 0; }
#privacy p{line-height: 1.6em;}
#privacy dl{line-height: 1.6em;}