html, body {height:auto;overflow-x:hidden}
.contaner { width:700px;margin: 0 auto; padding: 130px 0 0; }
.header_area { position: fixed; top:0; left:50%;z-index:10;transform: translateX(-50%); width:100%; max-width: 700px; background: #fff; padding: 10px 40px; display: flex; justify-content: space-between; }
.header_area .kakao_area a { display: block; background-image: url('/livingevent/image/kakao_ico.png'); background-position: bottom 11px center; padding: 50px 10px 0; font-size: 16px; font-weight: 400; background-size: 63px; background-repeat: no-repeat; }

.main_area {}
.main_area .underline {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.main_area .title_area { text-align: center; font-size: 42px; font-weight: 700; color: #0F3268;}
.main_area .title_area .sub_tit {font-size:37px}
.main_area .title_area .sub_tit .top_txt {display:block;font-size:0.7em;color:#007AFF}
.main_area .link_area {display:block;margin:25px auto 18px auto;text-align:center;font-weight:700;word-break:break-all}
/* .main_area .link_area .sub_tit { font-weight: 500; color: #585858; } */
/* .main_area .link_area a {white-space: nowrap;  display: block;  overflow: hidden;  text-overflow: ellipsis; } */
.main_area .link_area .blue { color: #388CE8;  }
.main_area .icon_cursor {width:42px;height:42px;/* margin:0 auto */}
.main_area .icon_cursor img {max-width:100%;transform:rotate(-25deg)}
.main_area .flex_area { margin: 5px 0 0; display: flex; align-items: center; justify-content: center;}
.main_area .btn_link .link {display:inline-block;padding:10px 20px;font-size:18px;line-height:1;font-weight:400;color:rgba(255,255,255,0.7);border-radius:4px;background-color:#003876}
.main_area .btn_link .underline {color:#fff}
.main_area .star_area { text-align: center; font-size: 23px; font-weight: 500; color: #00704A; }
.main_area .star_area .s_txt {display:block;font-size:0.7em;opacity:0.6}
.main_area .star_area .star_logo { display: inline-block; width: 30px; height: 50px; vertical-align: middle;background-image: url('/livingevent/image/Coffee.png'); background-repeat: no-repeat; background-position: center;}
.main_area .targer_day { width: 83%; font-size: 20px; font-weight: 400; margin: 55px auto 0;  padding: 30px 0; border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5; }
.main_area .targer_day li { margin: 0 0 16px; color: #212121}
.main_area .targer_day li:last-child {margin-bottom:0}
.main_area .targer_day .bold { font-weight: 700; display: inline-block; width: 100px; margin-right: 20px; border-right:1px solid #c5c5c5  }
.main_area .bg_area {  margin:35px 0 40px; }
.main_area .bg_area img {max-width:100%}
.main_area .sbj { font-size:20px;line-height:1.6; font-weight: 400; padding: 0 60px; margin: 0 0 70px; color: #333333 }
.main_area .sbj .blue { color: #006BE0; }

@media screen and (max-width:1280px){
/* 	.main_area .title_area { font-size: 38px; } */
/* 	.main_area .title_area .sub_tit {} */
/* 	.main_area .link_area { font-size: 18px; } */
/* 	.main_area .btn_link {font-size:1.1em} */
/* 	.main_area .star_area { font-size: 28px; } */
/* 	.main_area .targer_day { font-size: 18px; } */
/* 	.main_area .sbj {} */
	
}
@media screen and (max-width:909px){
	.contaner {padding-top:73px}
	.header_area { width: 94%; padding: 10px 3% }
	.header_area .logo {width:130px}
	.header_area .logo img {max-width:100%}
	.header_area .kakao_area a {padding-top:42px;font-size:15px;background-size:56px}
	.wrap, .sbj { width: 94%; padding: 10px 3% !important }
	
/* 	.main_area .title_area { font-size: 34px; } */
	.main_area .title_area .sub_tit {font-size:30px}
	.main_area .link_area {margin:15px auto 10px auto}
	.main_area .btn_link .link {padding:8px 20px;font-size:15px}
	.main_area .icon_cursor {width:37px;height:37px}
	.main_area .star_area {font-size:21px}
	.main_area .star_area .s_txt {font-size:0.75em}
/* 	.main_area .star_area { font-size: 24px; } */
	.main_area .targer_day {margin-top:48px}
	.main_area .sbj {width:83%;margin:0 auto 45px auto;font-size:17px}
	.main_area .bg_area {margin:14px 0}
	
}
@media screen and (max-width:767px){
	.contaner {width:560px;padding-top:58px;word-break: auto-phrase; }
	.header_area {padding-bottom:0}
	.header_area .kakao_area a {font-size: 15px; padding: 40px 0 0; background-size: 50px; }
	.header_area .logo.img-box img { height: 25px; }
	
/* 	.main_area .title_area { font-size: 28px; } */
	.main_area .title_area .sub_tit {font-size:26px}
	.main_area .link_area {margin:18px auto 10px auto}
	.main_area .btn_link .link {font-size:14px}
	.main_area .icon_cursor {width:33px;height:33px}
/* 	.main_area .star_area { font-size: 20px; } */
	.main_area .star_area {font-size:19px}
	.main_area .star_area .star_logo { width: 20px; height:40px; background-size: contain; }
	.main_area .star_area .s_txt {font-size:0.8em}
	.main_area .targer_day {margin:45px auto 0; padding: 20px 0}
	.main_area .targer_day li {margin-bottom:14px}
	.main_area .bg_area {margin:5px 0}
	.main_area .sbj {margin-bottom:20px;font-size:14px}
}
@media screen and (max-width:560px){
	.contaner {width:480px}
	.header_area {background-color:transparent}
/* 	.main_area .title_area .sub_tit {font-size:1.1em} */
/* 	.main_area .link_area {margin:28px auto 38px auto} */
/* 	.main_area .star_area .s_txt {font-size:0.85em} */
/* 	.main_area .targer_day {margin-top:35px} */
/* 	.main_area .btn_link {font-size:0.9em} */
	.main_area .title_area .sub_tit {font-size:22px}
	.main_area .star_area {font-size:17px}
	.main_area .link_area {margin:15px auto 10px auto}
	.main_area .sbj {width:90%;margin-bottom:25px}
	
}
@media screen and (max-width:480px){
	.contaner {width:auto;padding-top:65px}
	.wrap, .sbj {margin:0 auto;padding:0 !important}
/* 	.main_area .title_area {font-size:21px} */
/* 	.main_area .link_area {font-size:14px} */
/* 	.main_area .star_area {font-size:17px} */
	.main_area .targer_day {width:auto}
	.main_area .targer_day .bold { display: block; border: none; }
/* 	.main_area .star_area .star_logo { display: block;  margin: 0 auto;} */
	.main_area .sbj {width:auto;margin:0 3% 20px 3%}
}

/* footer 시작 */
#footer{width: 100%; background-color: #0b1937; padding: 0 0 30px;}

.footer-top{ background: #060c2a; /*border-bottom: 1px solid var(--black-30);*/ }
.footer-top .logo-wrap{width: calc(100% - 224px); overflow-x: auto;}
.footer-top .logo-wrap::-webkit-scrollbar{display: none;}
.footer-top .logo-wrap .logo-item:not(:last-child){margin-right: 40px;}

.footer_top_wrap { max-width: 1344px; box-sizing: border-box; margin: 0 auto; display: flex; flex-wrap: wrap; }
.footer_top_wrap .site-select { flex:1; }
.footer-bottom {  }
.footer-bottom .footer-menu { margin: 30px 0; }
.footer-bottom .footer-menu > ul > li > a {font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.8px; color: #fff; padding: 6px 0; }
.footer-bottom .footer-menu > ul > li:first-child > a { margin-right: 20px; color: #ec2284; }
.footer-bottom address, .footer-bottom .copy{font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.8px; color: #696b77;}
.footer-bottom address{margin-bottom: 10px;  color: #fff;}
.footer-bottom address span:not(:last-child){margin-right: 20px;}
.footer-bottom address span em{font-weight: 600; margin-right: 6px;}
.footer-bottom address span:not(:first-child) em{font-weight: 700; line-height: 19px; letter-spacing: normal;}

@media screen and (max-width:767px){
    .footer-top .select{width: 100%; border-radius: 0; height: auto; padding: 0;}
    .footer-top .select .selected{height: 60px;}
    #footer .select .selected .selected-value{padding: 0 20px;}
    #footer .select{ background-image: url(/image/common/m-footer-select.svg); background-position: right center; width: 100vw;}
    .footer_top_wrap .site-select { flex: 0 1 50%; }
    .footer-menu{ margin: 0 0 20px !important; padding: 0 0 0 5%; }
    .footer-menu ul li{}
    .footer-bottom { padding: 20px 0 0 !important; }
    .footer-bottom address, .footer-bottom .copy{font-size: 14px; line-height: 18px; letter-spacing: -0.4px;  padding: 0 0 0 5%;}
    .footer-bottom address{margin-bottom: 20px;}
    .footer-bottom address span:first-child{display: flex; flex-direction: column; margin-bottom: 6px;}
    .footer-bottom address span:not(:first-child) em{line-height: 18px; letter-spacing: -0.4px;}
    .footer-bottom address span:first-child em{margin-bottom: 6px;}
    .footer-bottom .copy em{display: block;}
}
/* footer 끝 */



/* 공통 기본 스타일  - 폰트 reset 등 */

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('../font/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('../font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('../font/Pretendard-Regular.woff') format('woff');
}

body {line-height: 1.5; color: #131313; font-family: 'Pretendard', 'sans-serif'; font-size: 16px; min-width: 280px; transition: 0.3s ease-in-out;}
.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.wrapper {position: relative; z-index: 1; min-height: 100%;}
#real_contents {width: 100%;}
.container {position: relative; max-width: 1600px; margin: 0 auto;}
/* select 기본 화살표 없애기 */
select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}

/* 기본 */
.dis_bl {display:block !important}
.dis_inb {display:inline-block !important}
.dis_in {display:inline !important}
.flex {display:flex !important}
.inflex {display:inline-flex !important}
.fwrap {flex-wrap:wrap}
.ag_t {align-items:flex-start}
.ag_c {align-items:center}
.ag_b {align-items:flex-end}
.jc_b {justify-content:space-between}
.jc_c {justify-content:center}

/* 폰트색상, 굵기, 정렬, 스크롤영역 및 스크롤바 */
.s_txt {font-size:0.86em}
.c_black {color:var(--colorFontBlack) !important}
.c_gray {color:var(--colorFontGray) !important}
.c_dnavy {color:var(--colorFontNavy) !important}
.c_navy {color:var(--colorNavy) !important}
.c_blue {color:var(--colorBlue) !important}
.c_green {color:var(--colorGreen) !important}
.c_red {color:var(--colorRed) !important}
.fw700 {font-weight:700 !important}
.fw500 {font-weight:500 !important}
.fw400 {font-weight:400 !important}
.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.sup, .sub {font-size:11px}
.scroll_y {height:331px;overflow-y:auto}
.custom_bar::-webkit-scrollbar {width:6px;height:6px}
.custom_bar::-webkit-scrollbar-track {background-color:var(--colorBgGray);border-radius:6px}
.custom_bar::-webkit-scrollbar-thumb {background-color:var(--colorNavy);border-radius:6px}
.custom_bar::-webkit-scrollbar-thumb:hover {background-color:var(--colorBlue)}
i.icon {vertical-align:middle;transform:translateY(-1px)}
.g-bg { background: #fafafa; }
.area-box { max-width: 1344px; margin: 0 auto; }
/* 간격 */
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}

.inline{display: inline-block;}
.block{display: block;}
.flex {display: flex;}
.relative {position: relative;}

.flex-wrap {display: flex; flex-wrap: wrap;}
.jc-between{justify-content: space-between;}
.jc-center{justify-content: center;}
.jc-end{justify-content: flex-end;}
.ai-center{align-items: center;}
.ai-start{align-items: flex-start;}
.as-start{align-self: flex-start !important;}
.as-center{align-self: center !important;}
.fd-column{flex-direction: column;}
.p0{padding: 0 !important;}
.m0{margin: 0 !important;}
.flex-w{flex-wrap: wrap;}

.tl{text-align: left !important;}
.tr{text-align: right !important;}
.tc{text-align: center !important;}

.t-red{color: var(--red-light); font-weight: 700;}
.t-white{color: #FFF}
.t-white:hover{color: #FFF}
.t-blu{color: var(--blue-100) !important; font-weight: 700;}
.t-refus{color:var(--red-text) !important;}

.slider {position: relative; width: 100%; height: 100%; overflow: hidden;}
.vertical {position: relative; width: 100%; height: 100%; overflow: hidden;}
.slider .swiper-button-prev,
.slider .swiper-button-next{color: #fff;}
.swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.inter{font-family: 'Inter';}

/* 컬러 */
:root{
    --blue-100:#255ce9;
    --blue-80:#0d70f0;
    --blue-60:#4295ff;
    --blue-50:#52acff;
    --blue-40:#b5f2ff;
    --blue-30:#daf4ff;
    --blue-10:#f0fcfe;
    --blue-5:#f4f9ff;
    --blue-logo:#3825ae;
    --green-100:#00846c;
    --green-80:#0c9a81;
    --green-60:#26e8ad;
    --green-40:#98ffdc;
    --green-20:#bbf9e6;
    --purple:#4d22ec;
    --red:#e9084f;
    --red-light:#ff2d6f;
    --red-text:#DF0245;
    --pink:#ff81eb;
    --pinkinchon:#d12176;
    --pink-light-1:#ffd8f7;
    --pink-light-2:#ffe5fa;
    --yellow:#fff94d;
    --yellow-light:#fdff9f;
    --char-blue:#0d7cff;
    --char-green:#54f092;
    --char-pink:#f97de2;
    --char-yellow:#FBFF3A;
    --char-orange:#ffb300;
    --char-black:#252525;

    /* font컬러 적용 가능범위 웹접근성 AA이상 */
    --black-100:#0b0b0c;
    --black-90:#383840;
    --black-80:#55585d;
    --black-70:#73777d;

    /* font사이즈 20이상 시 사용가능 */
    --black-60:#8D8D96;
    --black-50:#afb2b6;

    /* border컬러 적용 가능범위 */
    --black-40:#d1d3d6;
    --black-30:#e4e5e7;
    --black-20:#ecedee;
    --black-10:#f7f7f8;
}

/*-------------------------------------------------------------------
	파일정의 : 초기화 스타일
	작성날짜 : 2022-09-28 saysoft
	분류순서 : Reset > Fonts
	속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ## Reset
-------------------------------------------------------------------*/

html { min-width: 360px;}
/* body, input, textarea, select, button, table {font-family: "GothicA1";} */
body, input, textarea, select, button, table {font-family: "Pretendard";}
img, fieldset {border: 0 none;}
button {border: 0;}

* { margin:0; padding:0}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding:0; border:0; background:transparent; }
main,footer,nav,aside,header { display:block;word-break: break-all;}

body{ font-family: "Pretendard"; }

table{border-spacing:0; border-collapse:collapse;}
address, em{font-style:normal;}
ol, ul,li{list-style:none; }
input{border: none;}

/* li,dt,dd{ line-height:20px} */

fieldset{/*display:inline; */border:none;}
input{font-family:'GothicA1'}
input, textarea, select{vertical-align:middle; font-family:inherit; font-size:16px; line-height:20px; letter-spacing:-0.8px; -webkit-border-radius:0; color:var(--black-100)}
textarea{color:#6d6767;}
caption{ position: relative!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }

/* Skip To Content */
#skipNav {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:0px; font-size:0px}
#skipNav a {display:block; text-align:center; width: 100%; line-height:0px;	font-size:0px}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active {position:absolute; left:0px; top:1000px; padding: 8px 0; display:block; box-sizing:border-box;height:36px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff}

/* link */
a{color:inherit;text-decoration:none;}

/* text hidden */
.IR { font: 0px/0 Arial;  height: 0; left: -9999px !important; position: absolute !important; top: -9999px !important;}
.blind{position:absolute; top:-1000px; left:-1000px; width:0; height:0; line-height:0; overflow:hidden; }

/* img alpha */
.alpha {opacity:.6;filter:alpha(opacity=60)}

/* dotline */
.dashed {border-top:1px dashed #CCC}
.dotline {border-top:1px dotted #CCC}
.solid {border-top:1px solid #CCC}

/* 새창 */
a.open-popup {position:relative; padding:0 17px 0 0; background:url('/a1/img/common/iconOpen.gif') no-repeat  75px -32px;}

/*줄바꿈*/
.br {display:block !important;}

/*이미지 없음*/
.errorLogo {background:#eee url('/error/img/noimg_logo.png') no-repeat center}

/*들여쓰기*/
.indent {margin:0 0 40px 20px; clear:both; overflow:hidden; color:#666}

/* display style */
.diB {display:block}
.diIn {display:inline}
.diInB {display:inline-block}
.diNone {display:none}
.Tcell {display:table-cell}

/*heading*/

/*width box*/
.Row {clear:both; content:""; margin:15px 0 0; overflow:hidden}
.area {box-sizing:border-box; margin-top:20px}

/*depth*/

/*line tpye*/
ul.Inline li, ol.Inline li, dl.Inline dt, dl.Inline dd {float:left; padding-right:20px}
dl.Inline dt {font-weight:bold}

/*style-type*/
ul.Type-dec, ol.Type-dec{list-style-type: decimal; padding-left:20px}
ul.Type-zero, ol.Type-roman{list-style-type: upper-roman; padding-left:20px}
ul.Type-alpha, ol.Type-alpha{list-style-type: upper-alpha; padding-left:20px}
ul.Type-circle, ol.Type-circle{list-style-type: circle; padding-left:10px}

/*Borderline*/
.Bt {border-top:0 !important}
.Bl {border-left:0 !important}
.Br {border-right:0 !important}
.Bb {border-bottom:0 !important}

.bcW{border-color: #fff !important; }

/*Box*/
.Box {background:#fff; border:1px solid #dfdddd;}

/*Box color*/
.Box-Blue {background:#d9edf7; border:1px solid #bce8f1; color:#31708f; }
.Box-Cyan {background:#c2eae4; border:1px solid #a0d5cd; color:#0c8a78}
.Box-Gray {background:#fafafa; border:1px solid #e6e6e6; color:#666}
.Box-Green {background:#dff0d8; border:1px solid #d6e9c6; color:#3c763d}
.Box-Red {background:#f2dede; border:1px solid #ebccd1; color:#a94442}
.Box-Yellow {background:#fcf8e3; border:1px solid #faebcc; color:#8a6d3b}

.Box, .Box-Blue, .Box-Cyan, .Box-Gray, .Box-Green, .Box-Red, .Box-Yellow  {padding:10px 15px 10px; border-radius:4px; box-sizing:border-box}

/*Box size*/
.w100 {width:100% !important}
.w95 {width:95% !important}
.w90 {width:90% !important}
.w85 {width:85% !important}
.w80 {width:80% !important}
.w75 {width:75% !important}
.w70 {width:70% !important}
.w65 {width:65% !important}
.w60 {width:60% !important}
.w55 {width:55% !important}
.w50 {width:50% !important}
.w45 {width:45% !important}
.w40 {width:40% !important}
.w35 {width:35% !important}
.w30 {width:30% !important}
.w25 {width:25% !important}
.w20 {width:20% !important}
.w15 {width:15% !important}
.w10 {width:10% !important}
.w5 {width:5% !important}
.w33 {width: 33.333% !important}

/*Text style*/

/*검정,회색,흰색 계열*/
.cDark0 {color:#000 !important}
.cDark3 {color:#333 !important}
.cDark6 {color:#666 !important}
.cDark9 {color:#999 !important}
.cDarkc {color:#ccc !important}
.cWhite {color:#fff !important}

/*color txt*/
.cBlue {color:#255ce9 !important}
.cCyan {color:#078b78 !important}
.cGreen {color:#32991c !important}
.cOrange {color:#ff6600 !important}
.cRed {color:#e20101 !important}
.cGold {color:#cda858 !important}

/*size*/
.Fs45 {font-size:45px !important}
.Fs40 {font-size:40px !important}
.Fs37 {font-size:37px !important}
.Fs35 {font-size:35px !important}
.Fs32 {font-size:32px !important}
.Fs30 {font-size:30px !important}
.Fs28 {font-size:28px !important}
.Fs26 {font-size:26px !important}
.Fs25 {font-size:25px !important}
.Fs24 {font-size:24px !important}
.Fs22 {font-size:22px !important}
.Fs21 {font-size:21px !important}
.Fs20 {font-size:20px !important}
.Fs18 {font-size:18px !important}
.Fs16 {font-size:16px !important}
.Fs15 {font-size:15px !important}
.Fs14 {font-size:14px !important}
.Fs12 {font-size:12px !important}
.Fs13 {font-size:13px !important}
.Fs11 {font-size:11px !important}
.Fs10 {font-size:10px !important}

/*type*/
.FboldN {font-weight:normal}
.FboldB {font-weight:bold}
.Fbold6 {font-weight:600}
.Fbold5 {font-weight:500}
.FtypeI {font-style:italic}
.Un-line {text-decoration: underline;}
.Md-line {text-decoration:line-through;}

/*align style*/

/*align*/
.TxtC {text-align:center !important;}
.TxtL {text-align:left !important;}
.TxtR {text-align:right !important;}

/*float,both*/
.Fl{float:left !important;}
.Fr{float:right !important;}
.Clear{clear:both !important; overflow:hidden}

/*vertical-align*/
.VaT {vertical-align:top}
.VaM {vertical-align:middle}
.VaB {vertical-align:bottom}

.VaT1 {vertical-align:1px}
.VaT2 {vertical-align:2px}
.VaT3 {vertical-align:3px}
.VaT4 {vertical-align:4px}
.VaT5 {vertical-align:5px}
.VaT6 {vertical-align:6px}
.VaT7 {vertical-align:7px}
.VaT8 {vertical-align:8px}
.VaT9 {vertical-align:9px}
.VaT10 {vertical-align:10px}

.VaB1 {vertical-align:-1px}
.VaB2 {vertical-align:-2px}
.VaB3 {vertical-align:-3px}
.VaB4 {vertical-align:-4px}
.VaB5 {vertical-align:-5px}
.VaB6 {vertical-align:-6px}
.VaB7 {vertical-align:-7px}
.VaB8 {vertical-align:-8px}
.VaB9 {vertical-align:-9px}
.VaB10 {vertical-align:-10px}

/* margin */
.ma0{margin:0 !important;}

/* margin Top */
.mt0{margin-top:0px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt85{margin-top:85px !important;}
.mt100{margin-top:100px !important;}

/* margin Left */
.ml0{margin-left:0px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}

/* margin Right */
.mr0{margin-right:0px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr8{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

/* margin Bottom */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb7{margin-bottom:7px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb85{margin-bottom:85px !important;}
.mb100{margin-bottom:100px !important;}

/* padding */
.pa {padding:0}

/* padding Top */
.pt0 {padding-top:0 !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}

/* padding Left */
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}

/* padding Right */
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}

/* padding Bottom */
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}

.jqcloud{font-family: "GothicA1" !important;}
.h120{height: 120px !important;}


label.hidden {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; white-space: nowrap;}



.site-select {
    width: 300px; /* 필요에 따라 조정 */
    position: relative;
}

.site-select select {
    width: 100%;
    padding: 15px; /* 높이를 더 높이기 위해 패딩 증가 */
    font-size: 16px;
    border-left: 1px solid rgba(255,255,255,0.1); /* 테두리 색상 */ border-top: none; border-bottom: none;
    border-right: 1px solid rgba(255,255,255,0.1);
    appearance: none; /* 기본 드롭다운 화살표 제거 */
    background-color: #060c2a; /* 배경색 */
    color: #ffffff; /* 텍스트 색상 흰색 */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZD0iTTggN2w0LTQtMS0xLTMgMy0zLTMtMSAxIDQgNCA0LTF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+'); /* 화살표 아이콘 */
    background-repeat: no-repeat;
    background-position: right 10px center; /* 화살표 위치 */
    background-size: 12px; /* 화살표 크기 */
    box-sizing: border-box;
    cursor: pointer;
    height: auto; /* 높이를 padding에 맞추기 위해 auto로 설정 */
    line-height: normal; /* 텍스트가 중앙에 오도록 설정 */
}

.site-select select:focus {
    border-color: #444; /* 포커스 시 테두리 색상 */
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* 포커스 시 그림자 효과 */
}

@media screen and (max-width:767px){
	.site-select select { font-size: 14px; }
	.footer_top_wrap .site-select select {border-left:0}
}