@charset "UTF-8";
@import url('font.css');
@import url('default.css?v=1.0.4');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;700&display=swap');




/*
=====================
1: Base Setting
2: Common Setting
	2-1: Basic
	2-2: Layout
3: Main
4: Contents
=====================
*/


/* 1: Base Setting
=========================================================================================== */
.hidden {display:none;}
.blind {visibility:hidden;}


.cursor {cursor:pointer;}
.non-cursor {cursor:default;}

.ta-r {text-align:right !important;}
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}

.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

.clearfix {}
.clearfix:after {content:""; clear:both; display:block;}
.fl-l {float:left;}
.fl-r {float:right;}


.blind {display:none;}
.clear {clear:both; height:0;}

.c-black {color:#000 !important;}
.c-red {color:#bf0000 !important;}
.c-blue {color: #2e709e !important;}
.c-gray {color:#8f8d8d !important;}
.c-white {color:#fff !important;}
.c-line {text-decoration:line-through;}

.agreeBox {padding:20px 40px;background:#fff;border:1px solid #dbdbdb; }
.agreeBox h3 { padding:10px 0; font-weight: bold; font-size:18px;}
.agreeBox h4 { padding:20px 0; font-weight: bold; color: #000;}
.agreeBox p  { padding:10px 0;}

.hide-m {
   display: none;
}
.view-m {
   display: block;
}

iframe[name='google_conversion_frame'] {border:0; width:0; height:0; padding:0; margin:0; position:absolute; z-index:-1; visibility:hidden;}

.t-dot-solo {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}


 /* 2: Common Setting
=========================================================================================== */

/* 2-1: Basic
=========================== */
html {width:100%;}
body {width:100%; height:100vh;font-family: 'Noto Sans', sans-serif; color:#FFF;background-color:#141414; display: flex;justify-content: center;}

/*간격*/
.pr-mb1 {margin-bottom: 10px !important;}
.pr-mb2 {margin-bottom: 20px !important;}
.pr-mb3 {margin-bottom: 30px !important;}
.pr-mb4 {margin-bottom: 40px !important;}


/*버튼*/
.btn-bot {margin-top:40px;}
.btn-bot .btn-pk {min-width:110px;}

.btn-line {padding-top: 50px; border-top: 1px solid #ddd; text-align: center; font-size: 0;}
.mbtn_n2 .btn-pk {width: 200px; margin-left: 20px;}
.mbtn_n2 .btn-pk:first-child {margin-left: 0;}

.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; padding:8px 10px;
	color:#555; font-size:14px; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #428fa1;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk.bdrs {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.btn-pk.b {min-width:160px; padding:10px 40px; font-size:18px; border-width: 2px;}
.btn-pk.b2 {min-width:160px; padding:15px 40px; font-size:18px; border-width: 2px;}
.btn-pk.n {min-width:100px; padding:10px 15px; font-size:16px; }
.btn-pk.nb {min-width:100px; padding:10px 15px; font-size:14px; font-weight: 700;}
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; }


.btn-pk.white {color: #fff; border-color: #fff; }
.btn-pk.white:hover {background-color: rgba(255,255,255,.3);}
.btn-pk.gray {color: #fff; border-color: #9a9899; background-color: #9a9899;}
.btn-pk.red {color: #fff; border-color: #bf0000 ; background-color: #bf0000 ;}
.btn-pk.black.rv,
.btn-pk.black:hover {background-color: #0059b0; border-color: #0059b0; color: #fff;}
.btn-pk.black.active {background-color: #0059b0; border-color: #0059b0; color: #fff;}

input.btn-pk {color: #fff; border: 0; height: auto; min-width:200px; font-size: 21px; padding: 15px 30px; cursor:pointer;}



/*탭*/
.tab {}
.tab ul {font-size: 0;}
.tab li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tab li {float: left;}

.tab.ty1 {border-bottom: 1px solid #d5d5d5;}
.tab.ty1 ul {border-left: 1px solid #d5d5d5;}
.tab.ty1 li {border: 1px solid #d5d5d5; border-left: 0; margin-bottom: -1px; text-align: center;}
.tab.ty1 li a {display: block; padding: 10px; min-width:110px; font-size: 16px; line-height: 1.2; color: #555555;}
.tab.ty1 li.on {border-bottom-color: #fff;}
.tab.ty1 li.on a {color: #8d3d1d;}


/*IR 기법 아이콘 세트*/
.i-aft{position: relative;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;}
.i-aft:after{content:""; position: absolute; left: 0;top: 50%;display: inline-block;overflow: hidden;width: 0;height: 0;content: '';text-align: left;text-indent: -9999px; background-repeat: no-repeat;*display: inline;*zoom: 1;}
.i-set{display: inline-block;overflow: hidden;text-align: left;vertical-align: middle;text-indent: -9999px;line-height: 0; background-repeat: no-repeat;*display: inline;*zoom: 1;}


.i-aft.i_m1_1 {padding-top: 60px;}
.i-aft.i_m1_1:after {left: 50%; top: 0; margin-left: -16.5px; width: 33px; height: 47px; background-position: -10px -10px;}


.i-set.i_cart {width: 28px; height: 25px; background-image: url(../images/ico_cart.png);}
.i-set.i_scroll {width: 38px; height: 65px; background-image: url(../images/ico_scroll.png);}


.main .i-set.i_cart {background-image: url(../images/ico_cart_w.png);}



/* 2-2: Layout
=========================== */
#wrap {word-break:keep-all; word-wrap:break-word;width:100%;max-width:720px;margin:0 auto;font-size:15pt;font-weight:300;position:relative;height:100%;}


#header {z-index:552; position:fixed; left: 50%; transform: translateX(-50%);top: 0; width: 100%;max-width:720px;}
#header .logo {float: left; display: inline-block; vertical-align: top; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .logo a {display: block;}
#header .logo a img {vertical-align: top; margin-top: 32px;margin-left:50px;}


#header .btn_gnb {display: block;}
.btn_gnb {
	z-index:1000;
	position: absolute;
	right:0; top:0;
	width: 50px;
	height: 70px;
	cursor: pointer; font-size: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-right:10px;
}
.btn_gnb_admin {
	height: 50px;
}
.btn_gnb span {
	width: 30px;
	height: 3px;
	background-color: #bf9949;
}
.btn_gnb span:after,
.btn_gnb span:before {
	content: "";
	position: absolute; left: 0;
	width: 100%;
	height: 100%;
	background-color: #bf9949;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn_gnb.on span {background: transparent;}
.btn_gnb span:after {-webkit-transform: translateY(-9px);}
.btn_gnb span:before { -webkit-transform: translateY(9px);}

.btn_gnb.on span:after {transform:rotate(45deg);margin:0;background-color: #845710;}
.btn_gnb.on span:before {transform:rotate(-45deg);margin:0;background-color: #845710;}

#header .gnbbox {display: none; margin-left: 0; width:60%;margin-left:40%;height:100%;background: linear-gradient(to right, #794b06, #ffe086);z-index:999;position:relative;}
#header .gnb {display: block; text-align:right;margin-top: 0;height:100%;background-image:url('/images/menu_logo.png');background-size:70%;background-repeat:no-repeat;background-position:calc(100% - 30px) calc(100% - 30px);}

#header .gnb .menu {padding-top:80px;margin-right:20px;margin-left:20px;font-size:0.9em;font-weight:700;/*font-family: 'Cormorant Garamond', serif;font-style:italic;*/}
#header .gnb .menu li {line-height:1.3;padding-bottom:15px;border-bottom:solid 1px #845710;padding-top:15px;}
#header .gnb .menu li img {margin-top:-7px;}

#header .gnb .menu li a {color:#3f2700;cursor:pointer;}
#header .gnb .menu li a:hover {color:#3f2700;}

#header.ovr {height:100%;}

#header.pop {background: linear-gradient(to right, #ffe086, #794b06);height:60px;}
#header.pop .headbox {display: flex;justify-content: center;align-items: center;width:100%;height:100%;}
#header.pop .headbox .prev_btn {position:absolute;left:10px;}
#header.pop .headbox .prev_btn img {width:50%;}
#header.pop .headbox .close_btn {position:absolute;right:20px;text-align:right;}
#header.pop .headbox .close_btn img {width:50%;}
#header.pop .headbox p {color:#000;font-weight:700;font-size:1.1em;}

#header.admin {background: linear-gradient(to right, #ffe086, #794b06);height:50px;}
#header.admin .headbox {display: flex;justify-content: center;align-items: center;width:100%;height:100%;}
#header.admin .headbox .prev_btn {position:absolute;left:10px;}
#header.admin .headbox .prev_btn img {width:50%;}
#header.admin .headbox p {color:#000;font-weight:700;font-size:1.1em;}

/*footer*/
#footer {position:fixed;z-index:100;width:100%;height:60px;left: 50%; transform: translateX(-50%);overflow:hidden;max-width:720px;background: linear-gradient(to right, #ffe086, #794b06);text-align:center;bottom:0;}

#footer .footbox {display: flex;justify-content: center;align-items: center;width:100%;height:100%;}
#footer .footbox .left_coin {position:absolute;left:0;}
#footer .footbox .left_coin img {width:60%;}
#footer .footbox .right_share {position:absolute;right:0;height:100%;border-left:solid 1px #4e3207;display:flex;align-items:center;text-align:center;padding-left:15px;}
#footer .footbox .right_share img {width:60%;}
#footer .footbox p {color:#000;font-weight:700;font-size:1.1em;}

#footer_sub {position:relative;width:100%;overflow:hidden;max-width:720px;margin-top:60px;}

#footer_sub .footbox {font-size:0.6em;padding:15px;border-top:solid 1px #3b3b3b;text-align:center;}


.scroll_top {display: none;}



/*타이틀*/
.hd_tit1 {margin-bottom: 35px; text-align: center; color: #555;}
.h_tit2 {margin-bottom: 15px; font-weight: 700; font-size: 24px; color: #0f0f0f; }

.inp i {position: absolute;color: #895c15;margin-top:22px;left:81%;font-size:1em;}


.inp_radiotx {font-size: 0;width:30%;}
.inp_radiotx .inp_radio {position: static; border-radius:5px ;}
.inp_radiotx .inp_radio:last-child {float:right;}
.inp_radiotx .inp_radio input + span {position: relative;  padding: 9px; width:30px;height:30px;text-align: center; border: 1px solid #FFF; border-radius:5px ;color:#FFF;font-size:20pt;}
.inp_radiotx .inp_radio input:checked + span {z-index: 1; background-color: #FFF; color: #000;}
.inp_radiotx .inp_radio input + span:before,
.inp_radiotx .inp_radio input + span:after {content:none;}





/* 3: Main
=========================================================================================== */


#container.main {background-color:#000;width:100%;height:100vh;overflow:hidden;line-height:1.5;background-image:url('/images/swing_bg.jpg');background-repeat:no-repeat;background-size:100% auto;}
#container.pop {padding-top:60px;}
#container.adv {padding-top:60px;height:100%;background-color:#000;}

/* 4: Contents
=========================================================================================== */

.appl_ready_bg {background-image:url('/images/swing_bg.jpg');background-repeat:no-repeat;background-size:100% auto;padding:7%;padding-top:23%;}
.appl_ready_bg .apply_02 {margin-top:40px;}

.a_inner {width:96%;margin:0 auto;}
.c_inner {width:90%;margin:0 auto;}
.m_inner {width:90%;margin:0 auto;}

.input_form {margin-top:10px;}
.input_form  p {font-size:0.8em;font-weight:700;margin-bottom:8px;}
.input_form .text_a input[type='text'],  .text_a input[type='password'], input[type='number'] {padding:5px;padding-left:10px;border-radius:7px;font-size:0.8em;height:45px;width:100%;border:none;background-color:#e5d3a0;}
.input_form .text_a input::placeholder {color:#98854f;font-size:0.8em;font-weight:700;}
.input_form .save_id {margin-top:10px;}

.input_form .text_b input[type='text'],  .text_b input[type='password'] {padding:5px;padding-left:10px;border-radius:7px;font-size:0.8em;height:45px;width:100%;border:none;background-color:#cecece;color:#6b6b6b;}
.input_form .text_b input::placeholder {color:#6b6b6b;font-size:0.8em;font-weight:700;}

.input_form .text_c input[type='text'],  .text_c input[type='password'] {padding:5px;padding-left:10px;border-radius:7px;font-size:0.8em;height:45px;width:100%;border:none;background-color:#FFF;color:#6b6b6b;}
.input_form .text_c input::placeholder {color:#6b6b6b;font-size:0.8em;font-weight:700;}

.apply_form {margin-top:20px;font-size:0.9em;}
.apply_form .apl_sec p {font-size:0.8em;font-weight:700;margin-bottom:8px;color:#ffe086;}

.apply_form .apl_sec input[type='number'] {padding:5px;padding-right:10px;border-radius:7px;font-size:1em;height:45px;width:80px;border:none;background-color:#FFF;color:#000;text-align:right;}
.apply_form .apl_sec input::placeholder {color:#6b6b6b;font-size:0.8em;font-weight:700;}

.apl_inp span {font-weight:600;}
.apl_inp em {font-size:0.8em;margin-left:5px;}


.apl_txt {font-size:0.8em;text-align:center;}

.form_btn {border-radius:7px;font-size:1em;font-weight:700;color:#000;height:35px;display: flex;justify-content: center;align-items: center;width:100%;height:45px;background:linear-gradient(to left, #ffe086, #794b06);}
.form_btn2 {border-radius:7px;font-size:1em;font-weight:700;color:#000;height:35px;display: flex;justify-content: center;align-items: center;width:100%;height:45px;background:linear-gradient(to right, #e0e0e0, #747474);}

.find_btn {text-align:center;margin-top:30px;font-size:0.7em;}
.find_btn a {border-bottom:solid 1px #FFF;}
.privacy {background-color:#FFF;border-radius:7px;height:10vh;white-space:pre-wrap;padding:10px;font-size:0.6em;margin-top:20px;color:#5b5b5b;overflow-y:scroll;font-weight:400;}

.login_logo {width:55%;margin:0 auto;margin-top:7vh;margin-bottom:5vh;}
.find_icon {position:relative;width:75%;margin:0 auto;margin-top:7vh;margin-bottom:5vh;text-align:center;font-size:0.7em;}
.find_icon .icon {position:relative;width:30%;margin:0 auto;margin-bottom:10px;} 
.set_icon {text-align:center;color:#ffe494;font-size:0.825em;margin-top:4vh;margin-bottom:4vh;font-weight:500;}

.m_line {height:1px;width:100%;background-color:#313131;}

.mypage_top {background:linear-gradient(to left, #794b06, #ffe086);padding:15px 30px 30px 30px;}
.mypage_top ul {width:50%;}
.mypage_top li {display: flex;color:#000;font-size:0.8em;font-weight:700;margin-top:10px;align-items:center;}
.mypage_top li img {width:20px;height:20px;margin-right:10px;}

.url_box {margin-left:10px;font-size:0.5em;margin-top:10px;}
.url_box .copy_btn {width:60px;height:auto;margin-top:10px;}

.mypage_box {margin-top:5%;padding-bottom:10%;font-weight:600;}
.mypage_box li {height:36px;padding-top:23px;border-bottom:solid 0.5px #8f7428;}
.mypage_box li.inner {height:36px;padding-top:15px;border-bottom:solid 0.5px #8f7428;}
.mypage_box li.bottom {height:36px;padding-top:23px;padding-bottom:23px;border-bottom:solid 0.5px #8f7428;}
.mypage_box li.sz_up {height:70px;}
.mypage_box li .lt {float:left;font-size:0.7em;padding-top:2px;position:absolute;}
.mypage_box li .rt {float:right;font-size:0.7em;text-align:right;}
.mypage_box li .rt.sz_up {line-height:0.6;margin-top:36px;}
.mypage_box li .rt img {width:60%;}
.mypage_box li .rt span {font-size:1.9em;}

.mypage_box li span.title {font-size:1.3em;margin-right:10px;}
.mypage_box li span.solid {border:solid 1px #ffe086;padding:3px 10px;border-radius:5px;color:#ffe086;font-size:2.2em;font-weight:500;}
.mypage_box li span.unit {font-size:0.5em;}

.rt_btns {margin-top:10px;width:170px;}
.rt_btns .butn {border:solid 1px #ffe086;padding:5px;border-radius:5px;font-size:0.8em;font-weight:500;color:#ffe086;}
.rt_btns .butn.on {background-color:#ffe086;color:#000;}


.agree {margin-top:10px;}

.cert_img {width:95%;margin:0 auto;margin-top:20px;text-align:center;position:relative;}
.location .loca_icon {position:absolute;z-index:500;transform: translate(-50%, -100%);width:30px;height:auto;top:73%;left:63%;}
.blk {height:30px;}

.cert_img div {
	position: absolute;
	color: #000; 
	font-weight:600;
	transform: translate(-50%, -100%);
}

.sect_01 {
	top: 38.95%; /* 원하는 위치 퍼센트로 설정 */
	left: 77%;
	text-align:right;
}
.sect_01 span {font-size:1.4em;font-weight:700;}

.sect_02 {
	top: 48%; /* 원하는 위치 퍼센트로 설정 */
	left: 35%;
	text-align:left;
}

.sect_03 {
	top: 60%; /* 원하는 위치 퍼센트로 설정 */
	left: 50%;
	text-align:center;
}

.sect_04 {
	top: 70%; /* 원하는 위치 퍼센트로 설정 */
	left: 23%;
}

.sect_05 {
	top: 70%; /* 원하는 위치 퍼센트로 설정 */
	left: 76%;
}


.las_tit {display:inline-block;width:100%;text-align:center;font-weight:700;height:100px;}
.las_tit .tis {display:block;color:#ffe086;font-size:0.9em;margin-bottom:25px;overflow:hidden;}
.las_tit .tis_txt_desc {font-size:0.7em;}

.las_tit .tis_txt {border-radius:7px;font-size:1.3em;font-weight:700;color:#000;height:35px;display: flex;justify-content: center;align-items: center;width:100%;height:45px;background:#f6d67e;}


#slider {
    position: relative;
    width: 100%;
    height: 100vh;
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 100%;
}

.slide {
    min-width: 100%;
    height: 100%;
	box-sizing:border-box;
}



#slider .slides .item {position:relative;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;}
#slider .slides .item .inner {width:100%;height:auto;display: flex;justify-content: center;align-items: center;padding:0 2.5%;transition: padding-top 0.3s;}
#slider .slides .item .inner img {
  width: auto; /* 가로 크기 고정 */
  height: auto; /* 세로 크기 고정 */
  max-width: 100%; /* 이미지가 부모 요소를 넘어가지 않도록 */
  max-height: 100%; /* 이미지가 부모 요소를 넘어가지 않도록 */
  object-fit: cover;
  z-index:50;
}

#slider .sld_01 {background-image:url('/images/swing_01_bg.jpg');background-size:cover;background-repeat:no-repeat;}
#slider .sld_01 .item .inner {padding:10% 10% 0 10%;}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
	border-radius:50%;
    cursor: pointer;
    z-index: 10;
	width:48px;
	height:48px;
	font-size:3em;
	display: flex;
    align-items: center;
    justify-content: center;
	font-weight: bold;
    transition: background-color 0.3s;
}

.nav-btn img {width:50%;}

.nav-btn.left {
    left: 10px;
}

.nav-btn.right {
    right: 10px;
}

.nav-btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
}


.m_logo {position:absolute;width:56%;margin:20px 20px;}


/* Modal container */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	color:#000;
}

/* Modal content */
.modal-content {
    background-color: #fefefe;
    padding: 10px;
    border: 1px solid #888;
    width: 65%; /* Could be more or less, depending on screen size */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    border-radius: 15px;
	text-align:center;
	line-height:3vh;
}

.modal-content .tit {text-align:center;font-weight:500;margin-top:30px;margin-bottom:20px;font-size:1.0em;line-height:1.3;}
.modal-content .modalTitle {text-align:center;width:100%;font-weight:500;margin-top:-20px;margin-bottom:20px;font-size:1.3em;line-height:1.3;}
.modal-content .modalDesc {margin-top:20px;}
.modal-content .md_line {width:10%;margin:0 auto;height:1px;background-color:#000;margin-bottom:0px;}
.modal-content p {font-size:1.0em;color:#616161;line-height:1.1;}

.modal-content .modalBtn {width:80%;height:30px;margin:0 auto;background:linear-gradient(to left, #ffe086, #794b06);border-radius:7px;padding:8px 0 7px 0;text-align:center;font-weight:700;color:#000;margin-top:20px;margin-bottom:10px;font-size:0.8em;
 line-height: 30px;}
.modal-content .modalBtn_cancel {width:80%;height:30px;margin:0 auto;background:linear-gradient(to left, #e0e0e0, #747474);border-radius:7px;padding:8px 0 7px 0;text-align:center;font-weight:700;color:#000;margin-top:20px;margin-bottom:15px;font-size:0.8em;
line-height: 30px;}

.modal-content .modalCloseBtn {
	display: flex;
	justify-content:flex-end;
}
.modal-content .modalBtn a {display:block;width:100%;}
.modal-content .etc_btn {font-size:0.8em;margin-bottom:15px;}

.modal-content .link_tit {font-size:1em;font-weight:700;margin-top:5px;text-align:left;}
.modal-content .total_num {text-align:left;font-size:0.725em;}
.modal-content .p_line {width:100%;margin:0 auto;height:1px;background-color:#CCC;margin-bottom:10px;}

.modal-content .user_list {text-align:left;font-size:0.725em;font-weight:500;margin-top:10px;height:350px;overflow-y:scroll;}
.modal-content .user_list li {margin-bottom:10px;}
.modal-content .user_list td {
	color:#000;
	text-align:center;
	padding:5px;
}

.modal-content .modalBtn_lt {width:40%;margin-right:5px;display:inline-block;background:linear-gradient(to left, #ffe086, #794b06);border-radius:7px;padding:8px 0 7px 0;text-align:center;font-weight:700;color:#000;margin-top:40px;margin-bottom:15px;font-size:0.9em;}
.modal-content .modalBtn_lt a {display:block;width:100%;}

.modal-content .modalBtn_rt {width:40%;margin-left:5px;display:inline-block;background:linear-gradient(to right, #e0e0e0, #747474);border-radius:7px;padding:8px 0 7px 0;text-align:center;font-weight:700;color:#000;margin-top:40px;margin-bottom:15px;font-size:0.9em;}

.modal-content .close {
    color: #000;
    float: right;
    font-size: 35px;
    font-weight: 100;
    padding: 5px;
}




/* Close button */
.close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: 100;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/**********기본 게시판*********/

/*board 기본형*/

/*테이블*/
.tbl_scroll {
	overflow-y:scroll;
	height:68%;
}
.tbl_basic_header table {
	margin-top:-40px;font-size: 0.65em;border-top:solid 0px #f8d87e;
}
.tbl_basic_header td {height: 54px; text-align: center;}
.tbl_basic_header td.check {text-align: left;padding-left: 10px;}
.tbl_basic {
}

.tbl_scroll2 {
	overflow-y:scroll;
	height:62%;
}
.tbl_basic_header2 table {
	margin-top:-10px;font-size: 0.7em;border-top:solid 0px #f8d87e;
}
.tbl_basic_header2 td {height: 54px; text-align: left;padding-left: 10px;}

.tbl_basic {
}
.tbl_basic table {font-size: 0.7em;border-top:solid 0.5px #f8d87e;margin-bottom:20px;}
.tbl_basic table thead {}
.tbl_basic table tbody {}
.tbl_basic td {height: 54px; text-align: left;}
.tbl_basic th {font-weight: normal; text-align: left; color: #333;}
.tbl_basic tr {border-bottom: solid 0.5px #f8d87e;}


.ml5p {margin-left: 5%;}

.cert_top_box_empty {margin-top:10px;margin-bottom:20px;font-size:0.8em;overflow:hidden;line-height: 4vh;}

.cert_top_box {margin-top:25px;margin-bottom:20px;font-size:0.8em;overflow:hidden;line-height: 4vh;}
.cert_top_box .lt_tit {float:left;font-weight:700;color:#f8d87e;padding-right:20px;margin-top:3px;}
.cert_top_box .rt_val {float:right;margin-top:-5px;}
.cert_top_box .rt_val  span {font-size:1.4em;}

.tbl_basic table.list {table-layout:fixed;}
.tbl_basic table.list th {background-color: #f7f7f7; text-align: center; border-left: solid 0.5px #f8d87e;}
.tbl_basic table.list td {text-align: center; border-left: solid 0.5px #f8d87e;}
.tbl_basic table.list td.check {text-align: left; padding-left:10px;}
.tbl_basic table.list td.subject {text-align: left; }
.tbl_basic table.list td.subject a {overflow:hidden; display: block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl_basic table.list td.subject a:hover {text-decoration: underline;}
.tbl_basic table.list th:first-child,
.tbl_basic table.list td:first-child {border-left: 0;}
.tbl_basic table.list.no-line th,
.tbl_basic table.list.no-line td {border-left: 0;}


.tbl_basic table.line th,
.tbl_basic table.line td {border:solid 1px #c79543;padding:0 10px;background-color:#1f1f1f;}

.tbl_basic table.list td .btn {padding:3px 10px;background:linear-gradient(to left, #ffe086, #794b06);border-radius:5px;color:#000;font-size:0.8em;font-weight:700;}
.tbl_basic table.list td .btn_small_solid {border:solid 1px #ffe086;padding:3px 10px;border-radius:5px;color:#ffe086;font-size:0.8em;font-weight:500;}
.tbl_basic table.list td .btn_wait_solid {border:solid 1px #aaa;padding:3px 10px;border-radius:5px;color:#aaa;font-size:0.8em;font-weight:500;}

.tbl_basic table.list td .btn_cancel {padding:3px 10px;background:linear-gradient(to right, #e0e0e0, #747474);border-radius:5px;color:#000;font-size:0.8em;font-weight:700;}
.tbl_basic table.list td .btn_view {padding:3px 10px;background:linear-gradient(to right, #e0e0e0, #747474);border-radius:5px;color:#000;font-size:0.8em;font-weight:700;opacity:0.5}

.tbl_basic table.list td .btn_str {padding:3px 10px;background:linear-gradient(to left, #ffe086, #794b06);border-radius:5px;color:#000;font-size:1.0em;font-weight:700;}
.tbl_basic table.list td .btn_solid {border:solid 1px #ffe086;padding:3px 10px;border-radius:5px;color:#ffe086;font-size:1.0em;font-weight:500;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.tbl_basic td .inp_addr > div:first-child .inp_txt {margin-left: 2%;}

.tbl_basic table.view {}
.tbl_basic table.view th {width: 120px; padding-left: 30px; background-color: #f7f7f7;}
.tbl_basic table.view td {color: #333;}


.tbl_basic table.write {}
.tbl_basic table.write th {font-weight: 400; padding:5px 0 5px 15px;background-color: #f7f7f7;}
.tbl_basic table.write td {border-left: 1px solid #ccc; padding:5px 0 5px 10px;}


.tbl_basic col.wid1 {width: 215px;}
.tbl_basic col.th1 {width: 100px;}
.wid1{width:30% !important;}
.wid2{width:40% !important;}
.wid3{width:20% !important;}
.wid4{width:10% !important;}

.appl{width:85%;margin:0 auto;}

.inp_addr .disabled {background-color:#eee;}
.tbl_inp {margin-top: 20px;}

.i_emp {color: #ff405b; font-weight: 700;}




col.name {width: 85px;}
col.name2 {width: 154px;}
col.name3 {width: 238px;}
col.birth {width: 154px;}
col.gen {width: 135px;}
col.phone {width: 155px;}
col.area {width: 158px;}
col.number {width: 155px;}
col.image {width: 180px;}

col.num {width: 100px;}
col.period {width: 200px;}
col.file {width: 100px;}
col.day {width: 150px;}
col.cout {width: 120px;}


col.trq {width: 80px;}

col.th1 {width: 12%;}
col.th2 {width: 38%;}


/*갤러리2*/

.ms-t1 {clear:both;}
.gallery-list2 {
    margin-left: -20px;
    margin-right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gallery-list__item2 {
	padding: 0 15px;
    margin-bottom: 50px;
    width: 25%;
	box-sizing: border-box;
}
.gallery-list__wrap2 {
	display: block;
}
.gallery-list2 .img_bx {
    position: relative;
    overflow: hidden;
    padding-bottom: 75%;
}
.gallery-list2 .img_bx:before {
    z-index: 2;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.gallery-list2 .img_bx > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 1000%;
    min-height: 1000%;
    max-width: none;
    max-height: none;
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1);
}
.gallery-list2 .txt_bx {
    padding: 15px 0;
}
.gallery-list2 .txt_bx .tit {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: block;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:center;
}

.gallery-list2 .txt_bx .tit span {
	font-size:12px;
	font-weight:normal;
	color:#
}
.gallery-list2 .txt_bx .desc {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
	font-size: 14px; color: #7c7c7c;
}

.app_cont {line-height:28px;}
.tbl_agree {margin-top:30px;text-align:center;}

.t_info {display: inline-block; vertical-align: middle; margin-left: 10px;}


.tblscroll {overflow-x:auto;}
.tblscroll table {table-layout:fixed; width: auto; min-width:100%;}


.lst_collection {margin-top:20px;}
.lst_collection ul {font-size: 0; width: 103%;}
.lst_collection li {position: relative; display: inline-block; vertical-align: top; width: 30%; margin-right: 2.7%;margin-bottom:1%;}
.lst_collection .img {position: relative; height: 0; padding-bottom: 68%;}
.lst_collection .img span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.lst_collection .time {
	position: absolute; right: 10px; top: 10px; font-size: 15px; color: #fff; padding: 5px 10px; background-color: rgba(0,0,0,.7); 
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
	opacity:1;
}
.lst_collection .bg {
	opacity:0; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px; background-color: rgba(0,0,0,.3); font-size: 18px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.lst_collection .txt {font-size:12pt;font-variation-settings: 'wght' 350;}

.lst_collection li:hover .bg {opacity:1;}
.lst_collection li:hover .time {opacity:0;}
.lst_blank {text-align:center;padding:100px 0 150px 0;}

.jejus {display:none;}

.fz {display:none;}
.mo {display:block;}

.add_box {width:85%;margin:0 auto;margin-top:30%;}
.add_box .ab_top {margin-bottom:10%;}
.add_box .ab_graph {margin-top:5%;margin-bottom:10%;}

.add_box .ab_cont .ab_tit {width:70%;margin:0 auto;margin-bottom:10%;}
.add_box .ab_cont .ab_table table {font-size:13pt;}
.add_box .ab_cont .ab_table table  th {color:#ffd3ac;height:50px;}
.add_box .ab_cont .ab_table table  td span {color:#acacac ;}
.add_box .ab_cont  p {margin-top:5%;font-size:13pt;}

@media only screen and (max-device-width : 350px) {
	.tbl_basic_header td.check {padding-left:3px;}
	.tbl_basic table.list td.check {padding-left:3px;}
}

@media only screen and (min-device-width : 690px) {

	#container.main {background:url('/images/swing_bg_fz.jpg');}

	.nav-btn {/*top:40%;*/}
    
	#slider .slides .item .inner {width:100%;height:auto;/*margin-top:-20%;*/}
	.m_logo {width:30%;}
	
	#slider .sld_01 {background-image:url('/images/swing_01_bg_fz.jpg');background-size:100% 100%;}
	#slider .sld_01 .item .inner {padding-left:26%;padding-right:26%;}

	.inp i {left:85%;}

	#header .gnbbox {width:30%;margin-left:70%;}
	#header .gnb {background-size:65%;}

	.hide-m {
	   display: block;
	}
	.view-m {
	   display: none;
	}
	
	.fz {display:block;}
	.mo {display:none;}

	.jejus {display:block;position:absolute;z-index:30;width:40%;height:500px;left:60%;top:40%;background-image:url('/images/jejus.png');background-repeat:no-repeat;background-size:100% auto;}

	.appl_ready_bg {background-image:url('/images/swing_bg_fz.jpg');background-size:100%;padding:5%;padding-top:15%;}
	.appl_ready_bg .apply_01 {width:45%;display:inline-block;}
	.appl_ready_bg .apply_02 {width:45%;display:inline-block;margin-left:7%;}
	
	.add_box .ab_cont .ab_table table {font-size:11pt;}
	.add_box .ab_cont p {font-size:11pt;margin-top:2%;}
	.add_box {width:90%;margin-top:20%;}
	.add_box .ab_top {margin-bottom:6%;}
	.add_box .ab_cont .ab_tit {width:80%;margin-bottom:5%;}
	.add_box .ab_graph {position:absolute;width:60%;margin-top:5%;}
	.add_box .ab_cont {position:relative;width:38%;float:right;margin-top:14%;}
}


.menu0 {
	width:28px;
	height:28px;
	filter: invert(43%) sepia(15%) saturate(2602%) hue-rotate(4deg) brightness(89%) contrast(80%);
}

.accountName {
	width:20px;
	height:20px;
	filter: invert(43%) sepia(15%) saturate(2602%) hue-rotate(4deg) brightness(89%) contrast(80%);
}


.half_form {margin-top:40px;font-size:0.9em;}
.half_form .apl_sec p {font-size:0.8em;font-weight:700;margin-bottom:8px;color:#ffe086;}
.half_form .apl_sec .inp {padding-bottom:10px;}

.half_form .apl_sec input[type='text'] {padding:5px;padding-right:10px;border-radius:7px;font-size:1em;height:45px;width:43%;border:none;background-color:#FFF;color:#000;text-align:center;}
.half_form .apl_sec input::placeholder {color:#6b6b6b;font-size:0.8em;font-weight:700;}
.half_form .apl_sec select {padding:5px;padding-right:10px;border-radius:7px;font-size:1em;height:45px;width:16%;border:none;background-color:#FFF;color:#000;text-align:center;}


.half_form .apl_sec input:disabled {background-color:#000;color:#FFF;}

.half_form .apl_sec input.ip01 {width:50%;}
.half_form .apl_sec input.ip02 {width:36%;}

.half_form .apl_sec input.const01 {width:48%;margin-bottom:4px;}
.half_form .apl_sec input.const02 {width:48%;margin-bottom:4px;}
.half_form .apl_sec input.const03 {width:48%;margin-bottom:10px;}
.half_form .apl_sec input.const04 {width:48%;margin-bottom:10px;}




.mypage_top input[type='text'] {padding:5px;border-radius:7px;font-size:1em;height:35px;width:100%;border:none;background-color:#FFF;color:#000;text-align:left;}
.mypage_top li img.modify {width:25px;height:25px;margin-left:7px;margin-right:0px;}



#header .gnb .menu li a.disabled {color:#3f270059;cursor:pointer;}

.copy {width:18px;height:auto;margin-top:-4px;}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 10px;
}
.grid li.menu {border:solid 1px #ffe086;padding:3px 10px;border-radius:5px;color:#ffe086;font-size:0.9em;font-weight:500;}
.grid li.disabled {border:solid 1px gray;color:gray;}
.grid li.disabled .title {color:gray;}
.grid li.disabled .right {text-align:right;}
.grid li div {color:#fff;font-size:0.9em;display: block;}
.grid li div.title {color:#ffe086;font-size:1.0em;margin-bottom:10px;}
.grid li span.bold {font-size:1.1em;}
.grid li span.small {font-size:0.7em;}
.grid li span.left {width:49%;float: left;margin-left:0px;}
.grid li span.right {width:49%;float: right;margin-right:0px;text-align:right;}

.bank_info {margin-top:10px;}
.bank_info span {font-weight:300;}
.bank_info span.bold {font-weight:600;}
.bank_info span.newline {display: block;}

div .bg {
	width:100%;
	height:100%;
	background:#000000aa;
	position : absolute;
	top : 0;
	z-index : 9999;
	overflow-y:hidden;
}
div .underPop {
	width:100%;
	background:#fff;
	position : absolute;
	bottom : 0;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	overflow-y:hidden;
}

div.underPop span {display: block;padding:25px 20px 15px 15px;color:#444;font-size:1.0em;font-weight:700;}
div.underPop .grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-template-rows: repeat(auto-fill, minmax(54px, 1fr));
	gap: 10px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
div.underPop .grid li img, div.select img, div.bank_info img {margin-top:-4px;margin-right:7px;}

input.select::placeholder {color:gray;font-size:0.8em;font-weight:700;}

div.select {
	padding:5px;padding-left:10px;border-radius:7px;
	font-size:0.65em;font-weight:700;
	height:40px;
	border:none;
	background:url('/images/common/drop-down-arrow-16.png') no-repeat right 10px center;
	background-color:#FFF;
	color:gray;
	line-height:3.0;
}

div.bank{border-radius:7px;height:40px;border:none;background-color:#FFF;color:#000;text-align:left;}
select.bank{width:100%;font-size:0.75em;border:none;
    background:url('/images/common/drop-down-arrow-16.png') no-repeat right 10px center;
}]




div.closeDiv {
    width:100%;
}
div.closeDiv a {
    color: #000;
    position:absolute;
    text-align: right;
    font-size: 28px;
    font-weight: 100;
    top: 0px;
    right: 0px;
	padding:15px 15px 8px 20px;
}


.desc1 {height:52px;line-height:62px;}

.cert_top_box_adm {margin-top:0px;margin-bottom:10px;font-size:0.8em;overflow:hidden;line-height: 4vh;}

.cert_top_box_adm .lt_val {padding-top:5px;padding-bottom:5px;border:solid 1px #ffe086;border-radius:5px;text-align:center;width:48%;float:right;color:#f8d87e;}
.cert_top_box_adm .lt_val  span {font-size:1.4em;}

.cert_top_box_adm .rt_val {padding-top:5px;padding-bottom:5px;border:solid 1px #fff;border-radius:5px;text-align:center;width:48%;float:left;}
.cert_top_box_adm .rt_val  span {font-size:1.4em;}

.cert_top_box_adm .lt_select {background:linear-gradient(to left, #ffe086, #794b06);border:none;color:#000;font-weight:700;}
.cert_top_box_adm .rt_select {background:linear-gradient(to left, #e0e0e0, #747474);border:none;color:#000;font-weight:700;}


@media only screen and (min-device-width : 350px) and (max-device-width : 690px) {
	.tbl_scroll_adm {overflow-y:scroll; height:83%;}
	.modal-content .modalTitle {font-size:1.0em;}
	div.underPop .grid li {border:solid 1px #aaa;padding:15px 12px 15px 15px;border-radius:5px;color:#444;font-size:0.75em;font-weight:500;}
	div.underPop .gridDiv {
		height:460px;
		overflow-y:auto;
	}
	div .underPop {
		height:600px;
	}

	.apl_sec table .solid_gold {width:50%;}
	.apl_sec table .solid {width:50%;}
}

@media only screen and (max-device-width : 350px) {
	.tbl_scroll_adm {overflow-y:scroll; height:83%;}
	.modal-content .modalTitle {
		font-size:1.0em;
		margin-top:5px;
	}
	.modal-content .close {
		font-size:1.3em;
	}
	div.underPop .grid li {border:solid 1px #aaa;padding:15px 12px 15px 15px;border-radius:5px;color:#444;font-size:0.71em;font-weight:500;}
	div.underPop .gridDiv {
		height:460px;
		overflow-y:auto;
	}
	div .underPop {
		height:600px;
	}
}

@media only screen and (min-device-width : 690px) {
	.tbl_scroll_adm {overflow-y:scroll; height:82%;}
	div.underPop .grid li {border:solid 1px #aaa;padding:15px 12px 15px 15px;border-radius:5px;color:#444;font-size:0.8em;font-weight:500;}
	div.underPop .gridDiv {
		height:460px;
		overflow-y:auto;
	}
	div .underPop {
		height:460px;
	}

	.apl_sec table .solid_gold {width:50%;}
	.apl_sec table .solid {width:50%;}
}


.form_btn_50 {border-radius:7px;font-size:1em;font-weight:700;color:#000;height:35px;display: flex;justify-content: center;align-items: center;width:100%;height:45px;background:linear-gradient(to left, #ffe086, #794b06);}

.select_small .admin {margin-top:-10px;border-radius:7px;font-size:1em;height:37px;width:100px;border:none;background-color:#FFF;color:#000;text-align:center;}
.select_small .admin select {
	height:37px;width:100px;
	border:none;
	background:url('/images/common/drop-down-arrow-16.png') no-repeat right 10px center;
}

.select_small .system {margin-top:-10px;border-radius:7px;font-size:1em;height:37px;width:120px;border:none;background-color:#FFF;color:#000;text-align:center;}
.select_small .system select {
	height:37px;width:120px;
	border:none;
	background:url('/images/common/drop-down-arrow-16.png') no-repeat right 10px center;
}

.btn_search {
	z-index:1001;
	position: absolute;
	right:0; top:0;
	width: 50px;
	height: 50px;
	cursor: pointer; font-size: 0;
	background:url('/images/common/icon-search.png') no-repeat;
	background-position: center center;
	background-size: 28px;
}

.layout_search {
	z-index:1001;
	position: absolute;
	right:0; top:0;
	height: 50px;
	cursor: pointer; font-size: 0;
	display: flex;
	justify-content: right;
	margin-right:5px;
}

.layout_search input {
	margin: 0 auto;
	border-radius:7px;
	width:250px;
	height:40px;
	border:none;background-color:#FFF;color:#000;text-align:left;
	margin-top:5px;
	padding-right:40px;
}
.layout_search input::placeholder {color:gray;font-weight:700;}


.apl_sec table .now {color:#ffe086;}
.apl_sec table .pre {}
.apl_sec table .margin {margin-top:5px;margin-bottom:5px;}
.apl_sec table .right {text-align:right;}
.apl_sec table .bold {font-weight:600;}
.apl_sec table .desc {font-size:0.8em;font-weight:500;}
.apl_sec table .unit {font-size:0.8em;font-weight:500;}
.apl_sec table .solid_gold {font-weight:600;text-align:center;display:inline-block;width:70%;border:solid 1px #ffe086;padding:3px 10px;border-radius:5px;color:#ffe086;}
.apl_sec table .solid {text-align:center;display:inline-block;width:70%;border:solid 1px #fff;padding:3px 10px;border-radius:5px;color:#fff;font-weight:500;}

input[type='number'].half {
	width:55%;
}
.btn_auth_code {border-radius:7px;font-size:1em;color:#000;display: inline-block;justify-content: center;align-items: center;width:40%;height:45px;background:linear-gradient(to left, #ffe086, #794b06);}
.btn_auth_code  p {text-align:center;font-size:0.8em;font-weight:600;line-height:2.7}


.btn_auth_code2 {border-radius:7px;font-size:1em;color:#000;display: inline-block;justify-content: center;align-items: center;width:40%;height:45px;background:linear-gradient(to right, #e0e0e0, #747474);}
.btn_auth_code2  p {text-align:center;font-size:0.8em;font-weight:600;line-height:2.7}