@charset "utf-8";

/******************공통*******************/
#hd, #wrapper, #ft{min-width:auto;}
*{box-sizing:border-box;word-break: keep-all; font-weight: 300}
a {color: inherit;text-decoration: none;}
.con-flex{display:flex;align-items:center;}
.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}
.con-flex-center{display:flex;align-items:center;justify-content:center;}
.videoWrapper {position: relative;width:100%;height: 100%;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.br-m{display:none;}
.swiper{width:100%;height:100%;}
button{border:none;background:none;cursor:pointer;outline:none;}
.sct_admin {display: none}
.wh-area{color:#fff !important;}
:root{
    /*색상*/
    --bk:#151515;
    --main:#006DCB;
    --light:#f8fbfd;
    --dark:#004784;
    --gray-f8f:#F8F8F8;
    --gray-e7e:#E7E7E7;
    --gray-d:#ddd;
    --gray-a:#aaa;
    --gray-8:#888;
    --gray-85:#858585;
    --gray-939:#939598;
    --gray-525:#525252;
    --gray-d0d:#D0D0D0;
    --sys-red:#E81E1E;
    --sys-blue:#008FF8;
    --bg-light:#f5f5f5;
   
    /*폰트 사이즈*/
    --font60:60px; /*서브페이지타이틀*/
    --font55:55px; /*서브페이지 > 컨텐츠 타이틀*/
    --font45:45px;
    --font32:32px;
    --font25:25px;
    --font22:22px;
    --font20:20px;
    --font18:18px;
    --font16:16px;
    --font15:15px;
    --font14:14px;
    --font12:12px;

    /*폰트스타일*/
    --eng:'Montserrat';
    --kor:'SUIT';

    /*간격*/
    --gap-lg:100px;
    --gap-sub:80px;
    --gap-md:40px; 
    --gap-tit:30px;/*타이틀 - 컨텐츠 간격*/  

    
}

.inner{width:1300px;margin:0 auto;}
#header .inner{height:100%;}
#container_wr{width:100%;margin:0 auto;}
#container{width:100%;float:none;clear:both;margin:0;}
#container:not(:has(.mainpage)){margin-top:84px;}
body.no-scr{overflow:hidden;touch-action: none;position:fixed;width:100%;}
.alignC{text-align: center !important;}
.alignL{text-align: left !important;}
.alignR{text-align: right !important;}
.bg-df{background:var(--bg-light);}
.fontUpper{text-transform: uppercase;}
.fontBold{font-weight: 700;}
.fontSemiBold{font-weight: 600;}
.fontMedium{font-weight: 500;}


/******************헤더*******************/
#header{display:flex;align-items:center;position:fixed;top:0;left:0;z-index:90;width:100%;height:84px;transition:.2s;transform: translateY(0%);}
#header .hd-in{width:100%;height:100%;border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
#header .hd-spot {display: flex; align-items: center;}
#header .hd_login{position:static;top:auto;right:auto;}
#header .hd-gnb{height:100%;}
#header .hd-gnb ul{gap:60px;}
#header .hd-gnb a{font-size:var(--font18);font-weight: 600;color:var(--bk);font-family: var(--eng1);line-height:84px; cursor: pointer}
#header h1 img{width:74px;}
#header .hd_login a {color: var(--gray-8); font-size: var(--font14)}
#header.scr-down{transform: translateY(-100%);}
#header.scr-up{background:#fff;}
#header.hd-none{transform: translateY(-100%);}

#header .ham-btn{position:relative;width:22px;height:17px;}
#header .ham-btn span{display:block;position:absolute;left:0;width:100%;height:2px;background:var(--bk);transition:.4s;}
#header .ham-btn span:nth-child(1){top:0;transform: translateY(0);}
#header .ham-btn span:nth-child(2){top:50%;transform: translateY(0);}
#header .ham-btn span:nth-child(3){top:100%;transform: translateY(0);}
/* #header .ham-btn.active span:nth-child(1){transform: rotate(45deg) translateY(5px) translateX(10px);}
#header .ham-btn.active span:nth-child(2){visibility: hidden;transition:0s;}
#header .ham-btn.active span:nth-child(3){transform: rotate(-45deg) translateY(-2px) translateX(7px);} */

#header .mo-menu{display:flex;flex-direction: column;align-items: center;justify-content: space-between;width:calc(100% - 60px);height:100dvh;position:fixed;top:0;left:100%;z-index:990;background:#fff;transition:.4s;}
#header .mo-menu-con{width:100%;}
#header .mo-menu .hd-top{width:100%;height:64px;padding:0 20px;font-size:16px;font-weight: 600;color:var(--main);border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
#header .mo-menu .hd-top .tologin{gap:6px;}
#header .mo-menu .hd-top .tologin a{display:flex;width:67px;height:27px;align-items: center;justify-content: center;border-radius: 999px;color:var(--main);border:1px solid var(--main);font-size:13px;}
#header .mo-menu.active{left:60px;}
#header .mo-menu.active + .mo-menu-dim{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:980;background:rgba(0, 0, 0, 0.7);transition:.4s;}
#header.wh .hd-gnb a,
#header.wh .hd_login a{color:#fff;}
#header.wh h1 img:not(.submenu-mo h1 img){filter:brightness(0) invert(1);}
#header.wh .ham-btn span{background:#fff;}
#header.wh .hd-in {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}


#header.hover-hd{background:#fff;}
#header.hover-hd .hd-gnb a,
#header.hover-hd .hd_login a{color:var(--bk) !important;}
#header.hover-hd h1 img{filter:brightness(1) invert(0) !important;}
#header.hover-hd .hd-gnb a:hover{color:var(--sub01) !important;text-decoration: underline;}
#header.hover-hd .ham-btn span{background:var(--bk) !important;}

#header .hd-gnb-mo{width:100%;padding:20px 0;}
#header .hd-gnb-mo .dep1>a{display:flex;position:relative;width:100%;padding:16px 20px;font-family:var(--eng1);font-size:18px;font-weight: 600;color:var(--main);align-items: center;justify-content: space-between;}
#header .hd-gnb-mo .dep1:not(.no-dep2)>a::after{content:'';display:inline-block;width:24px;height:24px;background:url(../img/common/ico_accor_cl.svg) no-repeat center center / contain;}
#header .hd-gnb-mo .dep1:not(.no-dep2)>a.active::after{transform: rotate(180deg);}
#header .hd-gnb-mo .dep2{padding:20px;background:var(--gray-f8f);display:none;}
#header .hd-gnb-mo .dep2 li:not(:last-child){margin-bottom:20px;}
#header .hd-gnb-mo .dep2 a{display:block;width:100%;font-family: var(--kor);font-size:16px;font-weight: 400;color:var(--gray-8);}
#header .hd-gnb-mo{height:calc(100dvh - 125px);overflow-y: auto;}
#header .hd-bt{width:100%;padding:20px;background:#fff;}
#header .hd-bt a{font-size:15px;color:var(--gray-8);}
#header .hd-bt a.login-btn::after{content:'';display:inline-block;width:18px;height:18px;margin-left:3px;background:url(../img/common/ico_login.svg) no-repeat center center / contain;vertical-align: bottom;}
#header .hd-bt a.logout-btn::after{content:'';display:inline-block;width:18px;height:18px;margin-left:3px;background:url(../img/common/ico_logout.svg) no-repeat center center / contain;vertical-align: bottom;}

#header .submenu-pc {display:none;position:absolute;top:100%;left:0;width:100%; padding:40px 0;background:#fff; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0px 16px 20px 0px rgba(19, 70, 77, 0.08);border-top:1px solid #c1c1c1}
#header .submenu-pc .inner{align-items: stretch;flex-wrap: wrap;}
#header .submenu-pc .submenu-bx{padding:0 70px 0 0;}
#header .submenu-pc .submenu-bx:first-child{padding-left:0;}
/* #header .submenu-pc .submenu-bx:not(:last-child){border-right: 1px solid rgba(0, 0, 0, 0.10);} */
#header .submenu-pc .submenu-bx p{font-size:var(--font18);font-weight: 700;}
#header .submenu-pc .submenu-bx ul{margin-top:30px;}
#header .submenu-pc .submenu-bx p a{font-size:inherit;font-weight:inherit;}
#header .submenu-pc .submenu-bx ul li{margin-bottom:16px;font-size:15px;font-weight: 400;color:var(--gray-a);}
#header .submenu-pc .submenu-bx ul li:last-child{margin-bottom:0;}
#header .submenu-pc .mo-submenu-bx>li{padding:10px 0;}
#header .submenu-pc .submenu-bx ul li a:hover{color:var(--sub01);font-weight:500;text-decoration: underline;}
#header .submenu-pc .submenu-bx.no-left{padding-left:0;}


#header .submenu-mo{position:fixed;top:0;left:100%;width:100%;height:100dvh;background:#fff;z-index:100;flex-direction: column;transition:.4s;}
#header .submenu-mo .con-top{width:100%;height:60px;padding:0 20px;border-bottom:1px solid #eee;}
#header .submenu-mo .con-wrap{padding:30px 0;width:100%;height:calc(100dvh - 144px);overflow-y: auto;}
#header .submenu-mo .mo-menu-bx h3{padding:16px;font-size:20px;font-weight: 700;}
/* #header .submenu-mo .mo-menu-bx .mo-submenu-bx{background:var(--gray-f8f);} */
#header .submenu-mo .mo-menu-bx ul li{font-size:16px;font-weight: 400;color:var(--gray-8);}
#header .submenu-mo .mo-menu-bx ul li:last-child{margin-bottom:0;}
#header .submenu-mo .mo-menu-bx ul li a{font-size:inherit;font-weight:inherit;}
#header .submenu-mo .mo-menu-bx ul li a:hover{color:var(--sub01);font-weight:500;text-decoration: underline;}
#header .submenu-mo .mo-menu-group{display:none;padding:20px 16px;background:var(--gray-f8f);}
#header .submenu-mo .mo-submenu-title{padding:10px 0;font-weight:600;}
#header .submenu-mo .mo-submenu-title a{display:block;width:100%;font-size:inherit;font-weight:inherit;}
#header .submenu-mo .mo-submenu-list{display:none;padding:0 16px;}
#header .submenu-mo .mo-submenu-list li{list-style: disc;padding:6px 0;color:#777;}
#header .submenu-mo .mo-menu-bx h3 a{display:block;width:100%;font-size:inherit;font-weight:inherit;}
#header .mo-menu-title,
#header .submenu-mo .mo-submenu-title{position:relative;}
#header .mo-menu-bx:has(.mo-menu-group) .mo-menu-title::after,
#header .submenu-mo .mo-submenu-bx:has(.mo-submenu-list) .mo-submenu-title::after{content:'';display:inline-block;position:absolute;top:50%;right:10px;transform:translateY(-50%) rotate(180deg);width:24px;height:24px;background:url(../img/common/ico_accor_arr.svg) no-repeat center center / 17px;}
#header .mo-menu-title::after{right:16px;}
#header .active .mo-menu-title::after, 
#header .submenu-mo .mo-submenu-bx.active:has(.mo-submenu-list) .mo-submenu-title::after{transform:translateY(-50%) rotate(0deg);}
#header .submenu-mo .con-bt{width:100%;padding:30px 16px;background:var(--bk);}
#header .submenu-mo .con-bt ul{gap:15px;}
#header .submenu-mo .mo-menu-bx.active .mo-menu-group{display:block;}
#header .submenu-mo .mo-submenu-bx.active .mo-submenu-list{display:block;}
#header .submenu-mo.ham-on{left:0;}



.submenu-pc .inner:has(.car-menu) {display: flex;flex-wrap: nowrap;gap: 80px;}
.submenu-col {display: flex;flex-direction: column; gap: 12px; min-width: 220px; }
.submenu-col .submenu-bx p a {white-space: nowrap;}
#header .submenu-pc .submenu-col .submenu-bx:not(:last-child){margin-bottom:10px;}

/******************푸터*******************/
#top_btn{display:none;right:30px;bottom:30px;background:none;border:none;}
#top_btn img{width:60px;}
#top_btn:hover{background:none;}
#top_btn.in-ft{position:static !important;right:auto !important;bottom:auto !important;}
/* #footer{padding:0 80px;} */
#footer{position:relative;z-index:2;background:var(--bk);color:#fff;}
#footer .ft-top{padding:80px 0;}
#footer .ft-top .inner{align-items:stretch;}

#footer .ft-layout{position:relative;}
#footer .ft-bt{margin-top:50px;align-items: flex-end;}
#footer .ft_copy{font-size:var(--font16);font-weight: 400;color:#fff;}
#footer .ft_copy span{font-size:11px;vertical-align: baseline;}
#footer #ft_link{gap:40px;}
#footer #ft_link a{font-size:var(--font16);font-weight: 600;color:#fff;}
#footer .ft-top h1{margin-bottom:48px;}
#footer .ft-top h1 img{width:81px;}
#footer .ft-bx:not(:last-child){margin-bottom:55px;}
#footer .ft-bx strong{display:inline-block;font-size:var(--font18);font-weight:500;margin-bottom:15px;color:#fff;}
#footer .ft-bx strong a {font-weight:500;}
#footer .ft-bx .ft_info li{font-size:var(--font14);font-weight:400;color:#fff;margin-bottom:10px;}
#footer .ft-bx .ft_info li:last-child{margin-bottom:0;}
/* body:not(:has(.mainpage, .service-com, .business-com,.what-com, .refer-com, .contact-com)) #footer{margin-top:var(--gap-sub)} */
#footer .ft-sns{position:absolute;bottom:0;right:0;width: 148px;}
#footer .ft-sns ul{gap:26px;}
#footer .ft-sns ul li {flex-shrink: 0}
#footer .ft-sns ul img{height:17px;}
#footer .copyright{padding:12px 0 50px;border-top:1px solid #212121;font-size:var(--font14);color:#fff;}
#footer .copyright .menu {gap: 20px}
#footer .copyright .menu a {cursor: pointer}
#footer .copyright .menu strong {font-weight: 700}

#quick-btn{position:fixed;bottom:92px;right:5px;width:56px;height:56px;background:var(--bk);border-radius: 24px;display:flex;align-items: center;justify-content: center;z-index:9999;}
#quick-btn{background-image:url(../img/common/quick.svg);background-size: 70%;background-repeat: no-repeat;background-position: center center;}
#quick-btn>img{width:70%;margin:auto;}
#quick-menu{position:fixed;bottom:-150%;right:0;width:400px;padding:30px 40px;background:#fff;z-index:99999999;border-radius: 3px;background:#FFF;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);transition: .5s;}
#quick-menu .con-top{margin-bottom:20px;}
#quick-menu .menu-con ul li{position:relative;padding:15px 0;border-bottom: 1px solid #E6E6E6;}
#quick-menu .menu-con ul li:last-child{border-bottom: none;}
#quick-menu .menu-con ul li .con-txt{width:calc(100% - 120px);gap:5px;}
#quick-menu .menu-con ul li .con-txt p{margin-bottom:5px;font-size:var(--font20);font-weight: 700;}
#quick-menu .menu-con ul li .con-txt span{font-size:var(--font14);font-weight: 400;color:#999;}
#quick-menu .menu-con .ico{width:56px;height:56px;background-color:#f5f5f5;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
#quick-menu .menu-con ul li>a>.con-flex{width:100%;gap:20px;}
#quick-menu .menu-con ul li::after{content:'';display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;background:url(../img/common/ico_quick_arr.svg) no-repeat center center / 24px;}
#quick-menu.on{bottom:10px;}

#quick-menu .menu-con li:nth-child(1) .ico{background-image:url(../img/common/ico_quick_1.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
#quick-menu .menu-con li:nth-child(2) .ico{background-image:url(../img/common/ico_quick_2.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
#quick-menu .menu-con li:nth-child(3) .ico{background-image:url(../img/common/ico_quick_3.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
#quick-menu .menu-con li:nth-child(4) .ico{background-image:url(../img/common/ico_quick_4.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
#quick-menu .menu-con li:nth-child(5) .ico{background-image:url(../img/common/ico_quick_5.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
#quick-menu .menu-con li:nth-child(6) .ico{background-image:url(../img/common/ico_quick_6.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}
#quick-menu .menu-con li:nth-child(7) .ico{background-image:url(../img/common/ico_quick_7.svg);background-size: 24px;background-repeat: no-repeat;background-position: center center;}

#top-btn{position:fixed;bottom:220px;left:auto;right:10px;z-index:999;display:flex;width:45px;height:45px; border-radius: 50px;background-color:#fff;color:#000;align-items: center;justify-content: center;color:#000;cursor: pointer; text-indent: -9999px}
#top-btn{background-image:url(../img/common/top_arrow.svg);background-size:17px;background-repeat: no-repeat;background-position: center center;}

#call-btn{position:fixed;bottom:153px;left:auto;right:5px;z-index:999;display:flex;width:56px;height:56px; border-radius: 24px;background-color:#000;color:#fff;align-items: center;justify-content: center;color:#000;cursor: pointer; text-indent: -9999px}
#call-btn{background-image:url(../img/common/tell.svg);background-size:60%;background-repeat: no-repeat;background-position: center center;}

/* 버튼 */ 
a.btn,.btn {display: inline-flex; align-items: center; justify-content: center; height:50px; padding:0 40px; text-align:center;font-weight:bold;border:1px solid var(--gray-d); font-size:var(--font16); /*border-radius: 3px;*/
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}
a.btn.bk,.btn.bk {background: var(--bk); border-color: var(--bk); color:#fff}

.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {border:1px solid var(--bk);background:var(--bk);color:#fff;cursor:pointer;/*border-radius: 3px;*/}
.btn_submit:hover {background:var(--bk)}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;/*border-radius: 3px;*/background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-flex; align-items: center; justify-content: center; background:var(--gray-939); border-color:var(--gray-939); color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-flex; align-items: center; justify-content: center;background:var(--gray-939); border-color:var(--gray-939); color:#fff;text-decoration:none;vertical-align:middle}
a.btn_frmline, 
button.btn_frmline {
    display:inline-flex; align-items: center; justify-content: center; 
    height: 30px; border:1px solid var(--bk); background: #fff; 
    color:var(--bk); text-decoration:none; padding: 0 var(--gap-md); /*border-radius: 3px;*/
    padding: 0 10px; font-size: 14px; border-color: var(--gray-a); /* 우편번호검색버튼 등 */
}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-flex; align-items: center; justify-content: center; color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
a.btn_b02,.btn_b02 {display:inline-flex; align-items: center; justify-content: center; background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b03, .btn_b03 {display:inline-flex;align-items: center; justify-content: center; background:#fff;border:1px solid var(--gray-d); color:var(--gray-525);text-decoration:none;vertical-align:middle}
a.btn_b04, .btn_b04 {display:inline-flex;align-items: center; justify-content: center; background:#fff;border:1px solid var(--gray-d); color:var(--gray-525);text-decoration:none;vertical-align:middle}
a.btn_admin,.btn_admin {display:inline-flex;align-items: center; justify-content: center; color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background:none repeat scroll 0 0 #617D46;border:0 none;color:#FFFFFF;height:28px;line-height:2.2em;padding:0 15px;vertical-align:middle}


/*게시판*/
#bo_list{width:100%;margin:auto;}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border:1px solid var(--sub01) !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
input[type="checkbox"], input[type="radio"] {
    position: absolute;
    display: none;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled] {
    cursor: not-allowed;
}

input[type="radio"] + label {
    position: relative;
    padding-left: 30px;
    margin-right: 0px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
}

input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    margin: 0;
    margin-right: 0px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    height: 22px;
}


input[type="radio"] + label:hover:before,
input[type="checkbox"] + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

input[type="radio"] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 23px;
    height: 23px;
    content: '';
    border: 1px solid #ddd;
    background-color: #fff;
}

input[type="checkbox"] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    content: '';
    border: 1px solid var(--gray-a);
    border-radius: 3px;
    background-color: #fff;
}


input[type="radio"] + label:after,
input[type="checkbox"] + label:after {
    position: absolute;
    display: none;
    content: '';
}

input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label {
    cursor: not-allowed;
}

input[type="radio"][disabled] + label:hover,
input[type="radio"][disabled] + label:before,
input[type="radio"][disabled] + label:after,
input[type="checkbox"][disabled] + label:hover,
input[type="checkbox"][disabled] + label:before,
input[type="checkbox"][disabled] + label:after {
    cursor: not-allowed;
}

input[type="radio"][disabled] + label:hover:before,
input[type="checkbox"][disabled] + label:hover:before {
    animation-name: none;
}

input[type="radio"][disabled] + label:before,
input[type="checkbox"][disabled] + label:before {
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
    animation-name: none;
}

input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
    display: block;
}

input[type="radio"] + label:before {
    border-radius: 50%;
}

input[type="radio"] + label:after {
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #25282B;
}

input[type="radio"]:checked + label:before {
}

input[type="radio"]:checked[disabled] + label:before {
}

input[type="radio"]:checked[disabled] + label:after {
}

input[type="checkbox"] + label:before {

}

input[type="checkbox"] + label:after {
    top: 3px;
    left: 8px;
    box-sizing: border-box;
    width: 6px;
    height: 11px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}


input[type="checkbox"]:checked + label:before {
    border:1px solid var(--bk);
    background: var(--bk);
}

input[type="radio"]:checked + label:before {
    border:1px solid #25282B;
    background: #fff;
}


input[type="checkbox"]:checked[disabled] + label:before {
    border:1px solid #ddd;
    background: #fff;
}

input[type=text], input[type=tel], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number] {border:1px solid #ddd; height:47px; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
input[type=file] .fa {top:0}

.select {
    position: relative;
    padding-left: 15px; padding-right: 15px;
    border:1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #25282B;
    margin: 0px;
    height:47px;
}
.select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: rotate(45deg);
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border-right: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
}
.select:focus {outline: none; border-color: #25282B}
.select:hover {outline: none;border-color: #25282B}

.input {height:47px; border:1px solid #ddd; border-radius: 3px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.input:disabled {color:#999; opacity: 0.6}

.input_tiny {height:35px !important; border:1px solid #ddd; border-radius: 6px !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box; font-size: 13px !important;}
.input_tiny:disabled {color:#999; opacity: 0.6}

textarea {border:1px solid #ddd !important; border-radius: 3px !important; padding: 15px; width: 100%; resize: none; box-shadow: none !important; box-sizing: border-box;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-transition: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:1px solid #09244B !important;
}

input[type=text],input[type=password], textarea,select {
-webkit-transition: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

@media screen and (max-width:1200px){
    input[type=text], input[type=tel], input[type=password], input[type=date], input[type=time], input[type=email], input[type=number], .select {height: 40px}
    a.btn, .btn {height: 46px}
}    
@media screen and (max-width:1000px){
    #bo_list{width:100%;}
}

@media screen and (max-width:768px){
    #footer .ft-top h1 img {width: 60px}
    #footer .copyright .inner {flex-direction: column; align-items: flex-start;}
    #footer .copyright .menu {margin-top: 20px}
    #footer .ft-sns {position: relative; margin-top: 20px}
}

@media screen and (max-width:500px){
    #header .hd_login {display: none}
    #as.sub-com .menu-dep2-tab li:nth-child(4),
    #notice.sub-com .menu-dep2-tab li:nth-child(4),
    #faq.sub-com .menu-dep2-tab li:nth-child(4),
    #cs_guide.sub-com .menu-dep2-tab li:nth-child(4) {display: none}
}