@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul, li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

img, button{vertical-align: middle;border:none;padding:0;margin:0}

body,input,textarea,select,button,table, div, p{
    font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕','san-serif';
    font-size:18px;
    color:#555;
    line-height:140%;
    letter-spacing:0.01em;
}
a:link,a:visited,a:active,a:hover {
    color:#555;
    font-size:18px;
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕','san-serif';
    text-decoration:none;
}
a:hover{color:#54a2dd}
button{cursor:pointer}
strong{font-weight:bolder}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('../fonts/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div, input {box-sizing:border-box}
.blind, hr, legend {display:none}

.ver-top{vertical-align:top !important}
.al-center{text-align:center} .al-left{text-align:left} .al-right{text-align:right}
.p-l{position:relative}

.t-red{color:rgb(228, 50, 50)}
.ver-m-2{vertical-align:-2px !important} .ver-m-3{vertical-align:-3px !important}

.btn-s-prev {display:block;position:absolute;left:0;top:50%;width:58px;height:58px;border-radius:100%;margin-top:-29px;border:1px solid #cdcdcd;background:#FFF url(/asset/images/ico_swiper_prev.png) no-repeat 50% 50%;z-index:10}
.btn-s-next {display:block;position:absolute;right:0;top:50%;width:58px;height:58px;border-radius:100%;margin-top:-29px;border:1px solid #cdcdcd;background:#FFF url(/asset/images/ico_swiper_next.png) no-repeat 50% 50%;z-index:10}
button.btn-comm, a.btn-comm{display:inline-block;height:40px;background:#515151;color:#fff;font-size:16px;padding:0 35px;text-align:center;line-height:40px;letter-spacing:-0.05em;cursor:pointer}
button.btn-comm:hover, a.btn-comm:hover{background:#333333}
a.btn-bl, .btn-bl{background:#233a94} a.btn-bl:hover, .btn-bl:hover{background:#0f2887} 
a.btn-gy, .btn-gy{background:#888}a.btn-gy:hover, .btn-gy:hover{background:#555}
a.btn-sky, .btn-sky{background:#59A7F2}a.btn-sky:hover, .btn-sky:hover{background:#3e99f0}
a.btn-pk, .btn-pk{background:#f25980}a.btn-gy:hover, .btn-pk:hover{background:#f6406e}


a.btn-k:hover, .btn-k:hover{background:#6e6e6e} 

.btn-big-size {display:inline-block;height:50px;color:#fff;font-size:18px;padding:0 25px;text-align:center;line-height:50px;letter-spacing:-0.05em;cursor:pointer;min-width:150px;box-sizing:border-box}
a.btn-s-size, span.btn-s-size {display:inline-block;height:32px;color:#fff;font-size:15px;padding:0 15px;text-align:center;line-height:32px;letter-spacing:-0.05em;cursor:pointer;box-sizing:border-box}
span.btn-s-size{cursor:auto}
a.btn-s-size .fa-ico{vertical-align:1px}
.btn-delete{background:transparent;padding:3px;margin-left:5px} .btn-delete .fa-ico{vertical-align:2px}


.btn-main-size {display:inline-block;height:40px;color:#fff;font-size:16px;padding:0 25px;text-align:center;line-height:35px;letter-spacing:-0.05em;cursor:pointer;min-width:120px;box-sizing:border-box; border:1px solid #99b5df;}


.btn_comm{display:inline-block;height:40px;background:#747474;color:#fff;font-size:16px;padding:0 35px;text-align:center;line-height:40px;letter-spacing:-0.05em;cursor:pointer}
.btn_comm_b{display:inline-block;height:80px;background:#747474;color:#fff;font-size:20px;padding:0 15px;text-align:center;line-height:80px;letter-spacing:-0.05em;cursor:pointer}
a.btn_comm{color:#fff}
.btn_comm_bl{background:#0f8ad4 !important}
.btn_comm_bl2{background:#00529c !important} .btn_comm_bl2:hover{background:#014685 !important}
.btn_comm_sky{background:#59a7fe !important}
.btn_comm_gr{background:#72b216 !important}
.btn_comm_gr2{background:#30a094 !important}
.btn_comm_mi{background:#2ac3da !important}
.btn_comm_ye{background:#ffa320 !important}
.btn_comm_pk{background:#fe5980 !important}
.btn_comm_red{background:#ea5049 !important}
.btn_comm_gy{background:#888 !important}
.btn_comm_gk{background:#666 !important}
.btn_comm_ma{background:#de00ff !important}
.btn_comm_pu{background:#9a6cee !important}
.btn-small{height:38px;padding:0 15px;line-height:38px}




.btn_comm_s{display:inline-block;height:60px;background:#747474;color:#fff;font-size:20px;padding:0 35px;text-align:center;line-height:60px;letter-spacing:-0.05em;cursor:pointer;}
a.btn_comm_s{color:#fff;font-size:20px}
.btn_comm_t{display:inline-block;height:25px;background:#747474;color:#fff;font-size:11px;padding:0 8px;text-align:center;line-height:23px;letter-spacing:-0.05em;cursor:pointer;}
a.btn_comm_t{color:#fff;font-size:11px}
.btn_comm_m{display:inline-block;height:20px;background:#747474;color:#fff;font-size:11px;padding:0 7px;text-align:center;line-height:18px;letter-spacing:-0.05em;cursor:pointer;}
a.btn_comm_m{color:#fff;font-size:11px}
.btn_comm_join{display:inline-block;height:38px;background:#747474;color:#fff;font-size:13px;padding:0 12px;text-align:center;line-height:38px;letter-spacing:-0.05em;cursor:pointer;vertical-align:top}
a.btn_comm_join{color:#fff;font-size:13px}
.ico_comm_t{display:inline-block;height:32px;background:#747474;color:#fff;font-size:12px;padding:0 8px;text-align:center;line-height:32px;letter-spacing:-0.05em}


.mt0{margin-top:0 !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important}.mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt40{margin-top:40px !important} .mt50{margin-top:50px !important} .mt60{margin-top:60px !important} .mt70{margin-top:70px !important} .mt80{margin-top:80px !important}
.mb0{margin-bottom:0 !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important}
.ml10{margin-left:10px !important} .ml20{margin-left:20px !important}
.mr10{margin-right:10px !important} .mr20{margin-right:20px !important}
.w100p{width:100%} .w5p{width:5%} .w10p{width:10%} .w45p{width:45%}.w50p{width:50%}.w55p{width:55%} .w60p{width:60%} .w65p{width:65%} .w70p{width:70%}  .w75p{width:75%} .w80p{width:80%} 
.w60{width:60px}
.m-w500{max-width:500px} .m-w600{max-width:600px}

input[type='text'], input[type='file'] {height:38px; border:1px solid #d0d0d0; background:#FFF; text-indent:4px; padding:5px;box-sizing:border-box}
textarea{border:1px solid #d0d0d0; background:#FFF; padding:10px;box-sizing:border-box}
select{height:38px;border:1px solid #d0d0d0; background:#FFF; box-sizing:border-box}


.btn-menu {display:none}
.btn-menu span {display:none}
.header-w{position:absolute;top:0;left:0;width:100%;background:transparent;height:81px;z-index:1000}
.header{position:relative;height:80px;background:transparent;border-bottom:1px solid rgba(255,255,255,0.3);transition:background-color .2s ease-in }
.header .con{position:relative;height:80px;max-width:1400px;min-width:1080px;padding:0 180px 0 220px;margin:0 auto;z-index:2}
.header h1{position:absolute;left:0;top:10px;width:220px;height:50px;box-sizing:border-box;}
.header h1 .logo-k{display:none}
.header .gnb-menu-w{width:100%;display:flex;justify-content:center;}
.header .gnb-menu-w:after{content:"";display:table;clear:both}
.header .gnb-menu-li{position:relative;box-sizing:border-box}
.header .gnb-menu-li .gnb-menu-link{display:block;padding:0 35px;height:80px;padding-top:27px;box-sizing:border-box;text-align:center;color:#FFF;font-size:24px;letter-spacing:-0.05em}
.header .gnb-menu-li .gnb-menu-link:hover{color:#54aacd}
.header li .gnb-layer{width:100%;overflow:hidden;transition:height .4s ease, background-color .4s ease;background-color:transparent;height:0;box-sizing:border-box}
.header li:last-child .gnb-layer{}
.header li .gnb-layer.alt{width:150px}
.header li .gnb-layer .gnb-layer-link{text-align:center;width:100%}
.header li .gnb-layer .gnb-layer-link:first-child{padding-top:10px}
.header li .gnb-layer .gnb-layer-link a{display:inline-block;padding:6px 5px 6px;color:#626262 !important;text-align:center;font-size:18px;box-sizing:border-box}
.header li .gnb-layer .gnb-layer-link a:hover{color:#2f94e0 !important;border-bottom:1px solid #2f94e0;padding-bottom:5px}
.header .btn-online{position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;width:180px;height:79px;color:#FFF;font-size:18px;background:#54a2dd}
.header .btn-online:hover{background:#9d45d0}
.header .btn-online img{vertical-align:-10px}
.mask{display:none;transition:display .2s ease-in;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index:100}
.menu-bg{position:absolute;top:80px;width:100%;z-index:1;height:0;transition:height .4s ease, background-color .4s ease;background-color:transparent}



/* icon */
.dot_comm{display:block;background:url(/images/ico_dot.gif) no-repeat 2px 12px ;padding-left:12px;font-size:18px;line-height:1.5em}
.dot_comm_w{display:block;background:url(/images/ico_dot_w.gif) no-repeat 0 8px;padding-left:7px;font-size:18px;line-height:1.5em}
.company_name_txt{font-size:15px;font-weight:500}
.dot_1st{display:block;background:url(/asset/images/ico_dot1.gif) no-repeat 2px 6px ;padding-left:25px;font-size:18px;line-height:1.5em;color:#19a0ad;font-weight:600;margin-bottom:4px;margin-top:20px}
.dot_2nd{display:block;background:url(/asset/images/ico_dot2.gif) no-repeat 8px 12px ;padding-left:22px;font-size:18px;line-height:1.5em; font-weight:600;margin-top:10px}
.dot_3rd{display:block;background:url(/asset/images/ico_dot.gif) no-repeat 10px 12px ;padding-left:20px;font-size:18px;line-height:1.5em}
.dot_4th{display:block;background:url() no-repeat 10px 12px ;padding-left:20px;font-size:15px;line-height:1.5em}
.fa-ico {display:inline-block; font:normal 14px/1 'FontAwesome'; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:top}
.txt-type-num  {margin:30px 0 30px 30px}
.txt-type-num li {list-style-type: decimal;margin-bottom:10px;font-size:18px}

.txt_line{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;color:#333;line-height:150%}
.txt_comm{margin-bottom:15px;color:#666; line-height:140%}


@media screen and (max-width:1280px){
    .header .gnb-menu-li .gnb-menu-link{padding:27px 20px 0;font-size:20px}
	}
@media screen and (max-width:930px){
    .header-w{top:0;}
	}
@media screen and (max-width:410px){
    .header-w{top:0;}
    }
.sticky{top:0}
.menu-open .header-w{ }
.menu-open .header, .sticky .header{background-color:#FFF}
.menu-open .header .gnb-menu-li .gnb-menu-link, .sticky .header .gnb-menu-li .gnb-menu-link{color:#152a5d}
.menu-open .header .gnb-menu-li:hover .gnb-menu-link, .sticky .header .gnb-menu-li:hover .gnb-menu-link{color:#152a5d}
.menu-open .header, .sticky .header {border-bottom:1px solid #cecece}
.menu-open .header li .gnb-layer{height:165px; padding-top:17px}
.menu-open .header h1 .logo-k, .sticky .header h1 .logo-k{display:block}
.menu-open .header h1 .logo-w, .sticky .header h1 .logo-w{display:none}
.menu-open .menu-bg{height:165px;background-color:#FFF}
.menu-out .header-w{ }
.menu-out .header li .gnb-layer{height:0}
  
.footer {background:#222;}
.footer .con {position:relative;max-width:1400px;margin:0 auto;padding:30px 10px 50px 10px;font-size:15px;color:#999999;line-height:1.8em;font-weight:300}
.footer .con .gap:after {content:' | ';margin:0 5px}
.footer .con span{margin:0 12px 0 0}
.footer .con .logo_f{position:absolute;bottom:25px;right:10px}
.footer .con .btn-private{position:absolute;right:0;top:25px;text-align:center;margin-bottom:15px;color:#00f0ff;border:1px solid #000;font-size:12px;padding:5px 15px;line-height:1em}
.footer .con .btn-private button{width:150px;height:35px;background:#0056b0;display:inline-block;text-align:center;padding:0 10px;color:#FFF;font-size:16px;}
.footer .con .btn-private button:hover{background:#0056b0}

.btn-top{display:none;position:fixed;right:20px;bottom:40px;width:40px;height:40px;background:url(/asset/images/btn_top.png) no-repeat center 0;}
.btn-top span{display:none} 

 
.container {padding-top:0px; width:100%;box-sizing:border-box;background:#fff;padding-bottom:45px}
.container .side-menu-w{width:250px;background:#f2f5f7;margin-top:-75px;z-index:1}
.container .contents{position:relative;max-width:1400px;width:100%;background:#FFF;height:auto;min-height:450px;margin:0 auto}
.container .contents .inner{padding:50px}
.tit-h1 {font-family:'GmarketSansMedium';color:#000;font-size:48px;text-align:center;line-height:1em;margin:50px 0}
.contents-tit {font-size:36px;color:#353536;font-weight:700;letter-spacing:-0.05em;line-height:1.1em}
.content-inner{margin-top:60px}
.tit_h3 {font-size:18px;line-height:18px;font-weight:500;margin-bottom:10px;color:#000;position:relative; padding-left:5px }

.tab-submenu{display:flex;}
.tab-submenu li{width:50%;}
.tab-submenu li a{display:block;text-align:center;background:#ffffff;border-bottom:1px solid #ddd;border-left:1px solid #ddd;height:74px;font-size:22px;color:#000;padding-top:27px;box-sizing:border-box}
.tab-submenu li a.selected, .tab-submenu li a.selected:hover {background:#fff;border-bottom:1px solid #ddd;border-top:7px solid #1f4da3;padding-top:20px;color:#2d416a;font-weight:500}
.tab-submenu li a:hover{color:#2856ac;font-weight:500}
.tab-submenu-1 li{width:100%}
.tab-submenu-3 li{width:33.33%} 
.tab-submenu li:last-child {border-right:1px solid #ddd}

.sub-visual-w{position:absolute;top:0;width:100%;}
.sub-visual-w .con{position:relative;height:100%}
.sub-visual-w .sub-copy{position:absolute;height:100%;width:100%;display:table-cell;vertical-align:middle;padding-top:185px;box-sizing:border-box;z-index:1}
.sub-visual-w h1{width:100%;font-size:50px;font-weight:400;font-family:'GmarketSansMedium';color:#FFF;text-align:center;line-height:1.1em;position:relative;opacity:0;transition:all 0.5s;overflow:hidden;position:relative}
.sub-visual-w h1.active2{opacity: 1.0;}
.sub-visual-w h1.active2 .item{animation: text-active-animation .5s cubic-bezier(.5, 0, .5, 1) both;}
.sub-visual-w h1 .item{position:relative}
.sub-visual-w p{font-size:30px;font-family:'GmarketSansLight';color:#FFF;width:100%;font-weight:200;margin-top:15px;text-align:center;line-height:1.1em}
.sub-visual{width:100%;height:100%; ;background-size: 110%;transition: all 3s;}
.sub-visual.active{width:100%;height:100%;transition: all 3s;  background-size: 100%;}
.sub-visual-01{background-image:url('');background-repeat: no-repeat;background-position: 50% 0}

/*슬라이딩배너
@media screen and (min-width:960px){
.site_link_bn_ta{display:none}
.site_link_bn_mo{display:none}
.site_link {border-top:1px solid #e1e1e1;margin-top:70px}
.site_link .con{position:relative; width:1400px; height:78px;margin:0 auto; overflow:hidden;padding:15px 0; padding-right:70px;box-sizing:border-box}
.site_link .site_link_bn { float:left; width:1300px !important}
.site_link .site_link_bn > ul > li { float:left; padding-right:6px;}
.site_link .site_link_bn > ul > li img { width:160px; height:50px; border:1px solid #cecece}
.site_link .btn_field {position:absolute; right:0; top:30px; width:61px; overflow:hidden;height:39px;}
.site_link .btn_field > span.btn_prev { float:left;}
.site_link .btn_field > span.btn_pause {float:left;}
.site_link .btn_field > span.btn_next {float:left;}
}
슬라이딩배너*/

@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0);top:30px;}
	to {opacity:1.0;filter:Alpha(opacity=100);top:0;}
}

 
  
@media screen and (max-width:1280px){
    .ta-hide{display:none}
	}
    
@media screen and (max-width:1080px){
    .header .gnb-menu-w{display:none}
    .header .btn-online{display:none}
    .header h1{left:15px}
    .header .con{min-width:auto;padding:0}
    .btn-menu{position:absolute;top:27px;right:27px;display:block;width:40px;height:29px;background:url('/asset/images/btn_side_menu_w.png') no-repeat 0 0;z-index:10}
    .sticky .btn-menu{background:url('/asset/images/btn_side_menu.png') no-repeat 0 0}
    .container .side-menu-w{display:none}  

    .footer .con{padding:25px 30px 40px 30px}
    .footer .con .f-logo{display:none}
    .footer .con .logo_f{position:relative;margin-top:15px;text-align:center;bottom:auto;right:auto}
    .footer .con .logo_f a{display:inline-block;margin-bottom:10px}

    .side-w {padding:30px 10px 25px;border-bottom:1px solid #bebebe;min-height:90px}
    .side-w .side-logo{display:none}
    .side-w .side-logo img{width:140px}
    .side-w .btn-side-online{position:absolute;left:20px;top:25px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8a8a8;background:#f4f4f4;font-size:14px;color:#000;height:40px;box-sizing:border-box;text-align:center;padding:0 10px;letter-spacing:-0.05em}
    .side-w .btn-side-online img {width:19px;margin-right:5px;vertical-align:-3px}
    .side-w .side-close{position:absolute;right:15px;top:30px;display:block;width:30px;height:30px;background:url('/asset/images/btn_side_close.png') no-repeat 0 0;background-size:30px}
    .side-w .side-close span{display:none}
} 
 
@media screen and (max-width:780px){
    .mo-hide{display:none}
    .mw100{width:100px !important}.mw120{width:120px !important}.mw130{width:130px !important}.mw150{width:150px !important}.mw200{width:200px !important}
    .mw100p{width:100% !important} .mw50p{width:50% !important} .mw45p{width:45% !important}  .mw42p{width:42% !important} .mw32p{width:32% !important}.mw33p{width:33% !important}.mw34p{width:34% !important}
    .header{height:60px;}
    .header .con{border-bottom:1px solid #e1e1e1;height:60px;}
    .header h1{top:5px}
    .header h1 .logo-w{display:block;width:120px}
    .header h1 .
{display:none;width:120px}

    .container{padding-bottom:0;padding-top:350px} 
    .container .contents .inner{padding:30px 15px}

    .sub-visual-w{height:350px}
    .sub-visual-w .sub-copy{padding-top:190px}
    .sub-visual-w h1{font-size:35px}
    .sub-visual-w p{font-size:18px}
    .sub-visual-w .sub-visual{background-size:auto 100%}
    .sub-visual{background-size:150%}
    .sub-visual.active{background-size:130%}
    .contents-tit{text-align:center;font-size:24px;padding:25px 10px 5px 10px}
    .btn-menu{background:url('/asset/images/btn_side_menu_w.png') no-repeat 3px 3px;background-size:30px;top:18px;right:15px}
    .content-inner{margin-top:25px}
    .sticky .btn-menu{background-size:30px}

    .mo_scroll_w{overflow-x:auto;-webkit-overflow-scrolling: touch;}
    .mo_scroll_w .con{min-width:750px}

    .navi{display:none}

    .footer .con{padding:35px 20px 30px 20px;font-size:13px;min-height:180px;box-sizing:border-box}
    .footer .con .btn-private{top:auto;right:auto;position:relative;margin-bottom:15px;display:block;width:100px;height:25px;line-height:25px}
    .footer .con span{margin-top:5px}
    .footer .con .logo_f{position:relative;text-align:center;top:auto;bottom:auto;margin-top:20px;}
    .footer .con .logo_f img{max-width:100%}

    .tab-submenu li a{font-size:18px;height:68px;padding-top:22px}
    .tab-submenu li a.selected, .tab-submenu li a.selected:hover{padding-top:15px}

	a.btn-s-size, span.btn-s-size {display:inline-block;height:32px;color:#fff;font-size:12px;padding:0 15px;text-align:center;line-height:32px;letter-spacing:-0.05em;cursor:pointer;box-sizing:border-box}
}
@media screen and (max-width:480px){
   .container{padding-top:350px}
    .sub-visual-w{height:350px} */
    .sub-visual-w .sub-copy{padding-top:220px}
    .sub-visual-w h1{font-size:28px;letter-spacing:-0.05em}
    .sub-visual-w p{font-size:16px;letter-spacing:-0.05em}
}
@media screen and (max-width:410px){
    .sub-visual{background-position:50% 100px;background-size:150%}
    .sub-visual.active{background-position:50% 100px;background-size:130%}
}


.dot-list {margin-bottom:5px;padding-left:15px;text-indent:-9px}
.dv_table2{width:100%;border-top:1px solid #333333;margin-top:5px}
.dv_table2 th{border-bottom:1px solid #e1e1e1;padding:10px 0px 10px 17px;font-weight:normal;text-align:left;background:#f7f7f7 url(/images/ico_dot02.gif) no-repeat 12px 49%;font-size:16px}
.dv_table2 td{border-bottom:1px solid #e1e1e1;background:#fff;padding:10px 0px 10px 10px;font-size:16px}
.dv_table2 td a{font-size:16px}
.dv_table2 tr .gubun{height:3px;background:#24b4e9;}
.dv_table2 td .gubun{height:3px;background:#24b4e9;}
.dv_table2 th .req{color:#e92424;vertical-align:-4px;margin-right:3px}
.dv_table2 th .req-n{display:inline-block;width:4px;margin-right:3px}

.bbs_list_table{border-top:2px solid #575757}
.bbs_list_table th{background:#f2f2f2; border-bottom:1px solid #b1b1b1;padding:15px 0;color:#585757;font-size:16px;font-weight:500;vertical-align:middle;}
.bbs_list_table .mwidth{width:140px}
.bbs_list_table td{text-align:center;color:#666; border-bottom:1px solid #b1b1b1;padding:15px 5px;vertical-align:middle;font-size:16px;line-height:1.8em}
.bbs_list_table th.t-l{text-align:left;padding-left:30px} 
.bbs_list_table td.t-l{text-align:left;padding-left:30px}
.bbs_list_table td.t-form{text-align:left;padding:5px 5px 5px 10px}
.bbs_list_table td.con{position:relative;text-align:left;color:#666;padding-left:8px; font-size:16px; background:url(/asset/images/ico_faq_q.gif) no-repeat 30px 50%;padding-left:15px; padding-right:15px; height:35px; }
.bbs_list_table td.reply{padding-left:28px;background:url(/asset/images/ico_faq_q.gif) no-repeat 0 10px}
.bbs_list_table td.answer{background:#f9f9f9 url(/asset/images/ico_faq_a.gif) no-repeat 30px 18px; padding:25px 30px 25px 75px; height:auto ; line-height:1.7em}
.bbs_list_table .faq_aw{position:absolute; right:40px; top:50px; margin-top:-30px}
.bbs_list_table .faq_aw_up{position:absolute; right:40px; top:50px; margin-top:-30px}
.bbs_list_table .faq_link{cursor:pointer;display:block;padding-bottom:2px}

.pass_form{text-align:center;margin-top:40px;}
.bbs_btn{text-align:center;margin:20px 0}
.bbs_btn .del{border:0; height:20px;padding:0;margin:0;line-height:0;}


.table-line td, .table-line th{border-right:1px solid #b1b1b1}
.table-line td:last-child, .table-line th:last-child{border-right:none}
.table-sub-txt {position:absolute;right:0;top:0}

.paging{text-align:center;margin-top:52px;height:27px;;vertical-align:top;padding-top:7px;position:relative}
.paging a{display:inline-block;vertical-align:middle}
.paging a.btn_num{width:32px;height:32px;border:1px solid #efefef;text-align:center;color:#999999;font-size:14px;line-height:32px;margin:0 1px}
.paging a.btn_num .fa-ico{display:inline-block;margin-top:9px}
.paging a.on, .paging a:hover{border:1px solid #333;background:#666;color:#FFF;font-weight:600}
.paging a.btn_paging {border:none;padding-top:0;width:28px;height:27px;background:url(/images/btn_paging.gif) no-repeat;text-indent:-10000px}
.paging a.btn_first {background-position:0  0}
.paging a.btn_first:hover {background-position:-28px  0;border:0}
.paging a.btn_prev {background-position:-56px  0}
.paging a.btn_prev:hover {background-position:-84px  0;border:0}
.paging a.btn_next {background-position:-112px  0}
.paging a.btn_next:hover {background-position:-140px  0;border:0}
.paging a.btn_end {background-position:-168px 0}
.paging a.btn_end:hover {background-position:-196px 0;border:0}
.paging .btn_write{position:absolute;right:0;}.paging .btn_write img{border:0;}.paging .btn_write:hover{border:0;}

.fa-ico {font:normal 14px/1 'FontAwesome'; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}

/* table type */
.table_type_a{border-top:2px solid #555;border-bottom:1px solid #dddddd; color:#616161}
.table_type_a th{background:#f8f8f8;vertical-align: middle;font-size:18px;color:#000;padding:15px 0;font-size:18px;border-right:1px solid #dedede}
.table_type_a th:last-child {border-right:none}
.table_type_a th.th2 {background:#d8e6f1;height:45px;border-bottom:1px solid #85c7df; vertical-align: middle;font-size:13px;font-weight:bolder;}
.table_type_a td{border-top:1px solid #e4e4e4;padding:15px 0; text-align:center;font-size:18px;border-right:1px solid #dedede;line-height:1.8em;vertical-align:top}
.table_type_a td:last-child {border-right:none}
.table_type_a td.t_left{text-align:left; padding-left:10px}
.table_type_b{border-top:2px solid #6b6b6b;}
.table_type_b th{vertical-align: middle;text-align:left;font-size:13px;padding:14px 0 14px 20px;font-weight:bolder;border-bottom:1px solid #cccccc;}
.table_type_b td{border-top:1px solid #e4e4e4;font-size:13px;padding:14px 0 14px 38px;border-bottom:1px solid #eeeeee}


@media screen and (min-width:780px) {  

    .bbs_list{border-top:2px solid #333333}
    .bbs_list li {clear:both;padding:5px;border-bottom:1px solid #dedede;overflow:hidden}
    .bbs_list li.th{background:#f9f9f9;padding:0 5px}
    .bbs_list li.th p{font-size:15px;color:#333}
    .bbs_list li p{float:left;text-align:left;padding:12px 0;font-size:15px}
    .bbs_list li h6{float:left;text-align:left;padding:12px 0;font-size:15px}
    .bbs_list li h6 a{color:#333;font-weight:normal;font-size:15px;}
    .bbs_list li h6 a:hover{color:#1b799b}
    .bbs_list li .bbs_subject {font-weight:normal}
    .bbs_list li .bbs_writer {width:10%}
    .bbs_list li .bbs_date {width:10%}
    .bbs_list li .bbs_clint {width:25%}
    .bbs_list li .bbs_date2 {width:15%;font-size:15px}
    .bbs_list li .bbs_state {width:10%}
    .bbs_list li .newstar-name{width:14%}
    .bbs_list li .nickname{width:14%}
    .bbs_list li .message{width:60%}
    .bbs_list li .newstar-date{width:12%}

    .bbs_write_table  .security_w{margin:5px 0 0 10px}
    .bbs_write_table  .sec_img{float:left;width:150px;height:50px;border:1px solid #d1d1d1}
    .bbs_write_table  .sec_btn{float:left;width:78px;margin-left:17px}
    .bbs_write_table  .sec_btn .btn_speaker{display:inline-block;background:url(/images/ico_speaker.gif) no-repeat;width:76px;height:19px;padding-left:26px;color:#7c7c7c}
    .bbs_write_table  .sec_btn .btn_reflash{display:inline-block;background:url(/images/ico_reflash.gif) no-repeat;width:76px;height:19px;padding-left:26px;color:#7c7c7c;margin-top:8px}
    .bbs_write_table  .sec_input{float:left;width:190px;margin-left:15px;overflow:hidden}
    .bbs_write_table  .sec_input input{height:50px;width:186px;border:1px solid #d1d1d1;}

    .reply_register {position:relative}
    .reply_register .register dl{height:112px;overflow:hidden;}
    .reply_register .register dt{padding-left:5px; margin-top:5px;float:left;width:80px}
    .reply_register .register dd{margin-top:5px;float:left;width:200px}
    .reply_register .register dd input{border:1px solid #e5e5e5;width:180px;height:18px;padding:1px 2px}
    .reply_register .register dd textarea{border:1px solid #e5e5e5;width:660px;height:56px}
    .reply_register .btn_register{position:absolute;bottom:2px;right:5px}
    .reply_register .btn_register button{width:70px; height:62px;padding:0}

    .bbs_write_table th{text-align:left;background:#f4f4f4; border-bottom:1px solid #d1d1d1; padding-left:10px;color:#333;font-size:13px;font-weight:400;vertical-align:middle}
    .bbs_write_table td{text-align:left;color:#666; border-bottom:1px solid #d1d1d1;padding:12px 10px;}
    .bbs_write_table .td_pw br,.bbs_write_table .td_email br{display:none}
    .bbs_write_table .td_email input{width:300px !important}
    .bbs_write_table td input{height:24px}

    .bbs_gallery ul{padding-bottom:30px;margin:0 auto;overflow:hidden;display:flex ;max-width:1400px;gap:20px}
    .bbs_gallery ul li{width:calc(25% - 15px);margin:0 0 30px}
    .bbs_gallery ul li .gallery_list{position:relative;border:1px solid #d1d1d1;height:100%;;max-width:400px;margin:0 auto;text-align="left"}
	.bbs_gallery ul li .gallery_list span{position:absolute;bottom:10px;left:10px;color:#888888;font-size:14px}
    .bbs_gallery ul li .p-txt{padding:15px 15px 40px;position:relative;height:100%;text-align:left}
	.bbs_gallery ul li .date{}
    .bbs_gallery ul li .gallery_list_btn {text-align:center; width:100%}
    .bbs_gallery ul li .p_img {position:relative;max-height:225px;height:auto;overflow:hidden;padding:0}
    .bbs_gallery ul li .p_img img{width:100%;height:auto}
    .bbs_gallery ul li .ico_play {display:block;position:absolute;left:50%;top:50%;margin-left:-23px;margin-top:-23px} .bbs_gallery ul li .ico_play .fa-ico{color:#FFF;font-size:50px !important;}

    .bbs_movie {width:100%}
    .bbs_movie  li{ padding:0; margin:10px 0;border:1px solid #ececec;overflow:hidden;}
    .bbs_movie  li .img{float:left;width:30%;overflow:hidden;text-align:center}
    .bbs_movie  li .img img{width:100%;max-width:270px}
    .bbs_movie  li dl{position:relative;float:left;width:65%;margin-left:3%;padding:15px 0}
    .bbs_movie  li dl dt{font-size:18px;margin-top:10px;}
    .bbs_movie  li dl dt a{font-size:18px}
    .bbs_movie  li dl dd{margin-top:10px; }
    .bbs_movie  li dl dd.con_txt {height:65px;color:#777; margin-top:15px}
    .bbs_movie  li dl dd.bbs_movie_btn{ }

    .faq_tit {border-top:2px solid #000;border-bottom:1px solid #cacaca;display:flex;padding:10px 0;background:#f6f6f6}
    .faq_tit span {display:block;font-size:16px;font-weight:500;color:#000}
    .faq_tit span:nth-child(1) {width:100px;text-align:center}
    .faq_tit span:nth-child(2) {flex:1 auto;text-align:center}
    .faq_tit span:nth-child(3) {width:120px;text-align:center}
    .faq_list .question{display:flex;border-bottom:1px solid #cacaca;padding:20px 0;cursor:pointer}
    .faq_list .question .num {width:100px;text-align:center}
    .faq_list .question .faq_date {width:120px;text-align:center}
    .faq_list .question .con {position:relative;flex:1 ;padding-left:45px}
    .faq_list .question .con:after {display:block;content:'Q';position:absolute;left:0;top:-2px;background:#2856ac;width:32px;height:32px;color:#FFF;text-align:center;box-sizing:border-box;padding-top:3px}
    .faq_list .answer{position:relative;display:none;background:#f7f7f7;border-bottom:1px solid #cacaca;padding:30px 50px 40px 145px;line-height:1.2em}
    .faq_list .answer:after{display:block;content:'A';position:absolute;left:100px;top:28px;background:#d9346a;width:32px;height:32px;color:#FFF;text-align:center;box-sizing:border-box;padding-top:3px}

    .bbs_search{border:1px solid #e3e3e3; background:#f6f6f6;padding:10px 0 10px 0;margin:35px 0 0 0;}
    .bbs_search .con{margin:0 auto; width:320px; display:block }
    .bbs_search .alt{float:left;}.bbs_search select{padding:1px 2px 2px 2px;height:25px;border:1px solid #b3b3b3;font-size:13px;vertical-align:top}
    .bbs_search .search{float:left;	border-left:none;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;border-right:1px solid #b3b3b3;height:25px;width:182px;padding:1px 5px 4px 5px;font-size:13px;}
    .bbs_search .btn_search{position:relative;float:left;background:url(/asset/images/btn_search.gif) no-repeat ;width:24px;height:25px;text-indent:-10000px;border:0;top:auto;right:auto}

    .bbs_posting{position:relative;border-top:2px solid #333;margin-top:20px;}
    .bbs_posting .h4_tit{color:#464646;font-size:18px;line-height:130%;border-bottom:1px solid #e0e0e0; padding:12px 120px 13px 10px}
    .bbs_posting .file{background:#f8f8f8 url(/asset/images/ico_file.gif) no-repeat 12px 13px;padding:11px 0 10px 38px;color:#666;font-size:13px;letter-spacing:0}
	.bbs_posting .file a{font-size:13px}
    .bbs_posting .h4_date{padding:5px 0;background:url(/asset/images/ico_writer.gif) no-repeat  0 3px;padding-left:5px;color:#666666;font-size:12px;letter-spacing:0}
    .bbs_posting .h4_date span{margin-left:5px}
    .bbs_posting .h4_date .writer{color:#333}
	.bbs_posting .h4_date .date{position:absolute;right:10px;top:14px}
    .bbs_posting .bbs_view{position:relative; font-size:12px;color:#7e7e7e;line-height:150%;border-bottom:1px solid #dadada;margin:0 auto;}
    .bbs_posting .bbs_view .btn_sns{position:absolute;right:5px;bottom:17px;text-align:right}
    .bbs_posting .bbs_view .bbs_con{padding:20px 0px 35px 0px;position:relative;margin:0 auto;}
    .bbs_posting .bbs_view .bbs_con table{max-width:100%}
    .bbs_posting .bbs_view .bbs_con img{height:auto;width:auto; max-width:100%;display:block;margin:0 auto}
    .bbs_posting .bbs_view .bbs_view_mentor{padding-bottom:50px}

 

    .paging{text-align:center;margin-top:30px;height:42px;;vertical-align:top;padding-top:7px;position:relative}
    .paging a{display:inline-block;vertical-align:middle;border:1px solid #e1e1e1}
    .paging a.btn_num{width:32px;height:32px;border:1px solid #e1e1e1;text-align:center;color:#888;font-size:13px;line-height:32px;margin:0 2px}
    .paging a.on, .paging a:hover{border:1px solid #333;background:#666;color:#FFF}
    .paging a>span {display:none}
    .paging a .fa-ico{margin-top:7px;font-size:17px}
    .paging .btn_write{position:absolute;right:0;}.paging .btn_write img{border:0;}.paging .btn_write:hover{border:0;}

}

@media screen and (max-width:780px) {
    .dv_table2 th{padding:10px 0px 10px 7px;font-size:15px;letter-spacing:-0.05em}

    .bbs_list{border-top:2px solid #333333}
    .bbs_list li {clear:both;position:relative;padding:0 5px;border-bottom:1px solid #dedede;overflow:hidden}
    .bbs_list li.th{display:none}
    .bbs_list li.th p{font-size:15px}
    .bbs_list li p{float:left;padding:6px 0 12px 0;text-align:left}
    .bbs_list li h6{text-align:left;padding:12px 0 6px 0;padding-right:70px !important;width:auto}
    .bbs_list li h6 a{color:#333;font-weight:normal;font-size:15px;}
    .bbs_list li h6 a:hover{color:#1b799b}
    .bbs_list li .bbs_subject { font-weight:normal;padding-right:25px}
    .bbs_list li .bbs_num{display:none}
    .bbs_list li .bbs_writer {display:none;margin-right:10px}
    .bbs_list li .bbs_date {display:inline-block;margin-right:10px;font-size:14px}
    .bbs_list li .bbs_date2 {display:inline-block;margin-right:10px;font-size:14px}
    .bbs_list li .bbs_clint {display:inline-block;margin-right:10px;font-size:14px}
    .bbs_list li .bbs_state {position:absolute;display:inline-block;top:10px;right:10px}
    .bbs_list li .newstar-name{width:auto;float:none;display:inline-block;margin-right:10px;margin-top:7px;padding:0;font-size:13px}
    .bbs_list li .nickname{width:auto;float:none;display:inline-block;margin-right:7px;margin-top:7px;padding:0;font-size:13px}
    .bbs_list li .nickname:before{float:none;display:inline-block;content:'| ';margin-right:7px;font-size:12px;vertical-align:2px;padding:0}
    .bbs_list li .message{width:100%;display:block;margin:2px 0;padding:0}
    .bbs_list li .newstar-date{position:absolute;right:5px;top:5px;width:auto;display:inline-block;margin:5px 0 7px;font-size:11px;color:#888;padding:0}

    .mo-flex{display:flex} .mo-flex input{margin-right:5px} .mo-flex span{margin-right:5px} .mo-flex input:last-child{margin-right:0}
    .mo_width {width:700px}
    .mo_scroll {overflow-x:scroll;-webkit-overflow-scrolling:touch}

    .bbs_write_table  .security_w{margin:5px 0 0 10px}
    .bbs_write_table  .sec_img{float:left;width:150px;height:50px;border:1px solid #d1d1d1}
    .bbs_write_table  .sec_btn{float:left;width:78px;margin-left:17px}
    .bbs_write_table  .sec_btn .btn_speaker{display:inline-block;background:url(/images/ico_speaker.gif) no-repeat;width:76px;height:19px;padding-left:26px;color:#7c7c7c}
    .bbs_write_table  .sec_btn .btn_reflash{display:inline-block;background:url(/images/ico_reflash.gif) no-repeat;width:76px;height:19px;padding-left:26px;color:#7c7c7c;margin-top:8px}
    .bbs_write_table  .sec_input{float:left;width:190px;margin-left:15px;overflow:hidden}
    .bbs_write_table  .sec_input input{height:50px;width:186px;border:1px solid #d1d1d1;}





    .bbs_gallery ul{margin:0 auto;overflow:hidden;display:flex;max-width:1000px;flex-wrap:wrap;gap:0}
    .bbs_gallery ul li{width:calc(50% - 8px);margin:0 4px 30px}
	 .bbs_gallery ul li .gallery_list{position:relative;border:1px solid #d1d1d1;height:100%;;max-width:400px;margin:0 auto;}
	.bbs_gallery ul li .gallery_list span{position:absolute;bottom:10px;left:10px;color:#888888;font-size:13px}
    .bbs_gallery ul li .p-txt{padding:10px 10px 40px;position:relative;text-align:left;font-size:15px}
    .bbs_gallery ul li .p-txt a{font-size:15px}
	.bbs_gallery ul li .date{}
    .bbs_gallery ul li .gallery_list_btn {text-align:center; width:100%}
    .bbs_gallery ul li .p_img {position:relative;max-height:225px;height:auto;overflow:hidden;padding:0}
    .bbs_gallery ul li .p_img img{width:100%;height:auto}
    .bbs_gallery ul li .ico_play {display:block;position:absolute;left:50%;top:50%;margin-left:-23px;margin-top:-23px} .bbs_gallery ul li .ico_play .fa-ico{color:#FFF;font-size:50px !important;}

    .reply_register{border:none;hheight:120px;position:relative;margin-top:10px; padding-right:83px}
    .reply_register .register dl{height:112px;overflow:hidden}
    .reply_register .register dt{padding-left:5px; margin-top:5px}
    .reply_register .register dd{margin-top:5px}
    .reply_register .register dd input{border:1px solid #e5e5e5;width:180px;height:18px;padding:1px 2px}
    .reply_register .register dd textarea{border:1px solid #e5e5e5;width:100%;height:56px}
    .reply_register .btn_register{position:absolute;bottom:2px;right:0}
    .reply_register .btn_register button{width:70px; height:62px;padding:0}

    .faq_tit {border-top:2px solid #000;border-bottom:1px solid #cacaca;display:flex;padding:10px 0;background:#f6f6f6}
    .faq_tit span {display:block;font-size:12px;font-weight:500;color:#000}
    .faq_tit span:nth-child(1) {width:40px;text-align:center}
    .faq_tit span:nth-child(2) {flex:1 auto;text-align:center}
    .faq_tit span:nth-child(3) {width:60px;text-align:center;display:none}
    .faq_list .question{display:flex;border-bottom:1px solid #cacaca;padding:20px 0;cursor:pointer;font-size:13px}
    .faq_list .question .num {width:40px;text-align:center}
    .faq_list .question .faq_date {width:60px;text-align:center;display:none}
    .faq_list .question .con {position:relative;flex:1 ;padding-left:30px}
    .faq_list .question .con:after {display:block;content:'Q';position:absolute;left:0;top:-2px;background:#2856ac;width:25px;height:25px;color:#FFF;text-align:center;box-sizing:border-box;padding-top:3px;font-size:12px}
    .faq_list .answer{position:relative;display:none;background:#f7f7f7;border-bottom:1px solid #cacaca;padding:30px 50px 40px 70px;line-height:1.2em}
    .faq_list .answer:after{display:block;content:'A';position:absolute;left:40px;top:28px;background:#d9346a;width:25px;height:25px;color:#FFF;text-align:center;box-sizing:border-box;padding-top:3px;font-size:12px}


    .bbs_search{position:relative;border:1px solid #e3e3e3; background:#f6f6f6;padding:22px 35px 0 110px ;height:46px;margin:40px 10px 0 10px}
    .bbs_search legend{display:none;}
    .bbs_search .con{margin:0 auto;text-align:center;}
    .bbs_search .alt{position:absolute;top:22px;left:10px;width:95px;}.bbs_search select{width:100%;height:25px}
    .bbs_search .search{border:1px solid #b3b3b3;height:25px;padding:3px 5px;width:98%;}
    .bbs_search .btn_search{position:absolute;top:22px;right:10px;background:url(/asset/images/btn_search.gif) no-repeat ;border-left:1px solid #b3b3b3; width:25px;height:25px;text-indent:-10000px}

    .bbs_posting{position:relative;border-top:2px solid #1b799b;margin-top:20px;}
    .bbs_posting .h4_tit{color:#464646;font-size:15px;line-height:130%;border-bottom:1px solid #e0e0e0; padding:12px 10px 5px 10px}
    .bbs_posting .file{background:#f8f8f8 url(/images/ico_file.gif) no-repeat 12px 13px;padding:11px 0 10px 38px;color:#666;font-size:12px;letter-spacing:0}
    .bbs_posting .h4_date{padding:5px 0;background:url(/images/ico_writer.gif) no-repeat  0 3px;padding-left:5px;color:#666666;font-size:12px;letter-spacing:0}
    .bbs_posting .h4_date span{margin-left:5px}
    .bbs_posting .h4_date .writer{color:#333}
    .bbs_posting .bbs_view{position:relative; font-size:12px;color:#7e7e7e;line-height:150%;border-bottom:1px solid #dadada;margin:0 auto;}
    .bbs_posting .bbs_view .btn_sns{position:absolute;right:5px;bottom:17px;text-align:right}
    .bbs_posting .bbs_view .bbs_con{padding:20px 0px 35px 0px;position:relative;margin:0 auto;}
    .bbs_posting .bbs_view .bbs_con table{max-width:100%}
    .bbs_posting .bbs_view .bbs_con img{height:auto;width:auto; max-width:100%;display:block;margin:0 auto}
    .bbs_posting .bbs_view .bbs_view_mentor{padding-bottom:50px}

	.bbs_list_table td.con{position:relative;text-align:left;color:#666;padding-left:8px; font-size:16px; background:url(/images/ico_faq_q.gif) no-repeat 10px 50%;padding-left:15px; padding-right:15px; height:35px; }
	.bbs_list_table td.answer{background:#f9f9f9 url(/images/ico_faq_a.gif) no-repeat 10px 25px; padding:25px 30px 25px 55px; height:auto ; line-height:1.7em}
	.bbs_list_table .faq_aw{position:absolute; right:12px; top:50px; margin-top:-30px}
	.bbs_list_table .mwidth{width:80px}
    .bbs_list_table th.t-l{padding-left:12px}
    .bbs_list_table td.t-l{padding-left:15px}
    .bbs_list_table td .t-tel{display:flex;justify-content:space-between;}
    .bbs_list_table td .t-email{display:flex;justify-content:space-between;flex-wrap:wrap}
    .bbs_list_table td .t-email select {margin-top:7px}
    .bbs_list_table td .gap-mail{display:inline-block;width:5%;text-align:center;font-size:13px;margin-top:5px}

    .paging{text-align:center;margin-top:52px;height:27px;;vertical-align:top;padding-top:7px;position:relative}
    .paging a{display:inline-block;vertical-align:middle;border:1px solid #e1e1e1;}
    .paging a.btn_num{width:24px;height:24px;border:1px solid #e1e1e1;text-align:center;color:#888;font-size:12px;line-height:24px;margin:0 1px}
	.paging a img {width:24px;height:24px}
    .paging a.on, .paging a:hover{border:1px solid #333;background:#666;color:#FFF}
    .paging a>span {display:none}
    .paging a .fa-ico{margin-top:7px;font-size:17px}
    .paging .btn_write{position:absolute;right:0;}.paging .btn_write img{border:0;}.paging .btn_write:hover{border:0;}
}
  

.popup_wrap{position:absolute;top:100px;left:30px;border:1px solid #000000;min-width:400px;background:#FFF;z-index:100000 }
.popup_wrap h3{display:none;}
.popup_wrap .close_btn{width:100%;height:25px;background:#000000;font-size:11px;color:#FFF;position:relative;text-align:left;padding-top:5px}
.popup_wrap .close_btn img{position:absolute;top:7px;right:7px;}
.popup_wrap .close_btn input{vertical-align:middle}
.popup_wrap2{display:none}

@media screen and (max-width:768px) {
	.popup_wrap{position:fixed;top:0 !important;left:0 !important; margin-left:0 !important; border:0px solid #000000;width:100% !important;height:100% !important;background:rgba(0,0,0,0.7);z-index:100000 }
	.popup_wrap .con {position:relative;width:100%;height:100%}
	.popup_wrap > div{position:absolute;top:80px !important;left:50% !important; margin-left:-150px !important; border:0px solid #000000;width:300px !important;height:auto !important;background:#FFF;z-index:100000 }
	.popup_wrap h3{display:none;}
	.popup_wrap img {width:100%}
	.popup_wrap .close_btn{width:100%;height:25px;background:#000000;font-size:11px;color:#FFF;position:relative;text-align:left;padding-top:5px}
	.popup_wrap .close_btn img{position:absolute;top:7px;right:7px; width:15px !important}
	.popup_wrap .close_btn input{vertical-align:middle}
} 


/* 공통헤더 */
.header-integrate {width:100%;box-sizing:border-box;height:auto;background:#152a5d;padding:0 150px 8px 25px;z-index:1000}
.header-integrate .hi-logo {position:absolute;top:8px;left:25px}
.header-integrate .partner-logo {padding-top:8px;}
.header-integrate .partner-logo img {margin-right:30px}
.header-integrate .gnb-menu {position:absolute;top:13px;right:15px}
.header-integrate .gnb-menu a{color:#fff;margin:0 5px;font-size:14px}
.header-integrate .gnb-menu span{color:#fff;margin-right:10px;font-size:12px}
.header-integrate .gnb-menu span em{color:#fcd2d2}


.btn-total-join{background:#289125;width:115px;height:30px;color:#FFF;text-align:center;font-size:14px;vertical-align:3px;margin-right:5px}
.pop-wrapper {background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;;justify-content:center;align-items:center;z-index:100001;}
.pop-wrapper .inner{width:100%;max-width:700px;position:relative;background:#FFF}
.pop-wrapper h1 {background:#1291bf;font-size:30px;text-align:center;width:100%;height:78px;color:#FFF;display:flex;display:flex;;justify-content:center;align-items:center}
.pop-wrapper .btn-pop-close{position:absolute;right:18px;top:18px;background:transparent}
.pop-wrapper .pop-container{padding:20px 20px 35px 20px }
.pop-wrapper .con-txt{font-size:18px;line-height:1.5em;color:#222}
.pop-wrapper .con-txt span{color:#ff0000}
.pop-wrapper textarea{border:1px solid #b2b2b2;background:#fafafa;padding:15px;width:100%;font-size:14px;color:#555;height:200px}
.pop-wrapper .tit{font-size:22px;margin-top:30px;margin-bottom:10px;color:#000}
.pop-wrapper .label-txt{font-size:13px}
.pop-wrapper .label-txt input{vertical-align:-2px}
.pop-wrapper .btn-popup-join {text-align:center;margin-top:25px}
.pop-wrapper .btn-popup-join button {background:#00529c;width:200px;height:60px;text-align:center;display:inline-block;color:#FFF;font-size:20px}

@media screen and (min-width:720px) and (max-width:1200px){
	.header-integrate { }
	.header-integrate .hi-logo{position:relative;width:100%;text-align:center;top:0;left:0;padding-top:10px}
	.header-integrate .partner-logo{;padding-bottom:10px}
	.header-integrate .partner-logo img {margin-right:30px}
	.header-integrate .gnb-menu a{color:#fff;margin:0 5px;font-size:13px}
}
@media screen and (max-width:720px) {
	.header-integrate{height:auto;padding:0 90px 10px 20px}
	.header-integrate .hi-logo{position:relative;width:100%;text-align:center;top:0;left:0;padding-top:10px}
	.header-integrate .hi-logo img {height:25px;margin-top:4px}
	.header-integrate .partner-logo img{height:25px;margin-right:10px}
	.header-integrate .gnb-menu{top:8px}
	.header-integrate .gnb-menu span{display:none}
	.header-integrate .gnb-menu a {font-size:11px;;margin:0 3px}

	.pop-wrapper{align-items:start;overflow-y:auto}
	.pop-wrapper h1 {font-size:24px;text-align:left;justify-content:start;padding-left:20px;box-sizing:border-box}
	.pop-wrapper .con-txt{font-size:16px}
	.btn-total-join{height:24px;font-size:12px;width:80px;vertical-align:0}
}
@media screen and (max-width:520px) {
	.header-integrate .partner-logo{}
}

.img-location img{max-width:100%}
.location-info {display:flex;padding:45px 0;border-bottom:1px solid #c0c0c0}
.location-info .item {width:25%;text-align:center}
.location-info .item span{display:block}
.location-info .item .tit {font-size:18px;font-family:'GmarketSansMedium';color:#000;margin-top:15px}
.location-info .item .txt {font-size:18px;color:#494949;margin-top:15px}

@media screen and (max-width:500px) { 
    .location-info{flex-wrap:wrap}
	.location-info .item {width:50%;margin-bottom:35px}
}

.traffic-info{display:flex;margin-top:50px;}
.traffic-info > div {width:50%}
.traffic-info h3 {font-size:18px;font-weight:500;color:#000}
.traffic-info h3 img {margin-right:20px}
.traffic-info .traffic-sub{margin:0 0 20px 100px}
.traffic-info .traffic-list{margin-left:95px}
.traffic-info .traffic-list li{padding-left:20px;background:url(/asset/images/ico_dot_gy.png) no-repeat 7px 8px;margin-bottom:12px;color:#494949;font-size:18px}
.traffic-info .traffic-list li .alt{display:inline-block;padding-left:38px;margin-top:8px}
.traffic-info .traffic-list li .tit-bus{display:inline-block;text-align:center;font-size:18px;padding:0 25px;height:29px;line-height:27px;box-sizing:border-box;margin-right:10px;vertical-align:-2px}
.traffic-info .traffic-list li .tit-bus1{border:1px solid #000;color:#000;}
.traffic-info .traffic-list li .tit-bus2{border:1px solid #7084f1;color:#7084f1;}
.traffic-info .traffic-list li .tit-bus3{border:1px solid #51b333;color:#51b333;}
.traffic-info .traffic-list li .tit-bus4{border:1px solid #f95d5d;color:#f95d5d;}
@media screen and (max-width:1200px) { 
    .traffic-info {flex-wrap:wrap}
    .traffic-info > div {width:100%;margin-bottom:45px}
    .traffic-info .traffic-list{}
}
@media screen and (max-width:780px) { 
    .traffic-info {flex-wrap:wrap}
    .traffic-info > div {width:100%;margin-bottom:45px}
    .traffic-info h3 img{width:40px;margin-right:10px}
    .traffic-info .traffic-sub{margin:0 0 20px 50px}
    .traffic-info .traffic-list{margin-left:40px;margin-top:15px}
    .traffic-info .traffic-list li{font-size:15px}
}
@media screen and (max-width:460px) { 
    .traffic-info .traffic-list li .alt{padding-left:0}
    .traffic-info .traffic-list li .tit-bus{padding:0 15px}
}

.tab-comm{overflow:hidden;text-align:center;margin:0 0 50px 0}
.tab-comm li{display:inline-block;width:200px;height:50px;}
.tab-comm li a{display:block;width:198px;height:48px;border-bottom:1px solid #dddddd;color:#454545;line-height:38px;text-align:center;font-size:20px}
.tab-comm li a:hover{border-bottom:1px solid #2856ac; color:#214b9a}
.tab-comm li.select a{border-bottom:1px solid #2856ac;color:#214b9a}

.tab-3depth {display:flex;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;margin-bottom:60px}
/* .tab-3depth li{width:14.28%;height:50px;border-right:1px solid #c0c0c0;} */
.tab-3depth li{width:16.6666%;height:50px;border-right:1px solid #c0c0c0;}
.tab-3depth li a{display:flex;width:100%;height:50px;border-bottom:1px solid #c0c0c0;background:#fff;color:#000;align-items:center;justify-content:center;font-size:16px;box-sizing:border-box;cursor:pointer}
.tab-3depth li.selected a,.tab-3depth li a:hover{border-bottom:1px solid #152a5d;background:#152a5d;color:#FFF}

@media screen and (max-width:780px) { 
	.tab-comm li{width:120px;}
	.tab-comm li a{width:118px;} 
    .tab-3depth {flex-wrap:wrap}
    .tab-3depth li{width:33.33%;box-sizing:border-box}
	}

.tit-info {display:inline-block;font-size:26px;margin-bottom:20px;color:#000;padding:0;font-family:'GmarketSansBold';padding-bottom:3px;border-bottom:0px solid #000}
.use-time{text-align:center;margin-top:30px}
.use-time img{max-width:100%}
.use-time > div{font-size:18px;margin-top:20px}
.img-notice{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;background:url(/asset/images/img_reservation_02.jpg) no-repeat 50% 50%;width:100%;height:300px;}
.img-notice .tit{color:#FFF;text-align:center;font-size:50px;width:100%}
.img-notice .sub{font-size:24px;text-align:center;color:#FFF;width:100%}
.reservation-notice {display:flex;flex-wrap:wrap;margin-top:60px}
.reservation-notice li{display:flex;width:50%;padding:0 30px 0 40px;margin-bottom:45px;box-sizing:border-box}
.reservation-notice li .img{}
.reservation-notice li .txt{flex:1 auto;margin-left:15px;}
.reservation-notice li .txt span{display:block;color:#828282;font-size:16px;margin-top:15px;line-height:1.6em}
.reservation-notice li .txt span em{color:#ff0000;vertical-align:-2px}
.img-step {text-align:center;margin:30px 0 120px}
.img-step img{max-width:100%}
.reservation-step{margin:0 auto;max-width:1100px}
.reservation-step .item{display:flex;border-bottom:1px solid #cfcfcf;margin-top:80px}
.reservation-step .item .img{max-width:500px;width:45%;text-align:center;display:flex;justify-content:center;align-items:end;}
.reservation-step .item .img img{border:1px solid #cfcfcf;border-bottom:none;}
.reservation-step .item .txt{margin-left:30px;font-size:24px;color:#494949;font-weight:700;flex:1;padding-bottom:30px}
.reservation-step .item .txt .txt1{display:block;font-size:18px;color:#494949;margin:15px 0 25px;font-weight:500}
.reservation-step .item .txt .txt2{display:block;color:#828282;font-size:16px;margin-top:5px;line-height:1.6em;font-weight:500}
.reservation-step .item .txt .txt2 span{color:#ff0000;vertical-align:-2px}
.reservation-step .item .txt .txt2 .ico-tip{width:36px;height:21px;line-height:21px;vertical-align:0;margin-right:5px;background:#ff5400;text-align:center;color:#FFF;font-size:12px;padding:3px 7px;box-sizing:border-box}
.reservation-step .item .txt em{display:block;width:50px;height:50px;background:#2856ac;color:#FFF;font-size:24px;font-family:'GmarketSansBold';text-align:center;line-height:55px;margin-bottom:15px;border-radius:100%}

@media screen and (max-width:780px) { 
    .img-notice{height:auto;background-size:auto 100%;padding:50px 0}
    .img-notice .tit{font-size:30px}
    .img-notice .sub{font-size:18px}
    .reservation-notice li{width:100%;padding:0 20px}
    .img-step{margin:20px 0 80px}
    .reservation-step .item{display:block}
    .reservation-step .item .img{width:100%;max-width:100%;margin-bottom:40px}
    .reservation-step .item .img img{border-bottom:1px solid #cfcfcf}
    .reservation-step .item .txt{width:100%}
	}


.studio-info-txt{font-size:20px;color:#000;line-height:1.4em;font-weight:300}
.studio-info-txt span{color:#000;font-weight:500;font-size:30px;}
.studio-info-img {margin-top:35px}
.studio-info-img img{width:100%;max-width:1300px}
.studio-info-list {position:relative;display:flex;margin:30px 0 50px 0;height:415px;}
.studio-info-list .img-photo{width:620px;}
.studio-info-list .info-txt{display:flex;align-items:center;flex-wrap:wrap;margin-left:55px;flex:1 auto;}
.studio-info-list .info-txt > div {width:100%;font-size:22px;letter-spacing:-0.05em}
.studio-info-list .info-txt span {width:100%;font-size:28px;letter-spacing:-0.05em ;color:#000 ;font-weight:500}
.studio-info-list .info-txt .btn-studio-info{display:inline-block;text-align:center;width:auto;height:65px;line-height:66px;padding:0 25px;margin-top:20px;color:#FFF;font-size:20px;font-family:'GmarketSansBold';background:#0052a6;letter-spacing:0}
.studio-info-list .info-txt .btn-studio-info:hover{background:#0037a6}
.studio-info-list .info-txt .btn-studio-info img {margin-right:5px}
.studio-info-2 .img-photo {position:absolute;right:0;}
.studio-info-2 .info-txt {margin-left:0;margin-right:55px;}


.sense-info-txt{font-size:24px;color:#000;line-height:1.4em;font-weight:300}
.sense-info-txt span{color:#000;font-weight:500;font-size:30px;}
.sense-info-img {margin-top:0px}
.sense-info-img img{width:100%;max-width:1300px}
.sense-info-list {position:relative;display:flex;margin:30px 0 50px 0;}
.sense-info-list .img-photo{width:500px;}
.sense-info-list2 {position:relative;display:flex;margin:20px 0 20px 100px;}
.sense-info-list2 .img-photo{width:500px;}
.sense-info-list2 .img-photo img{width:400px}

.sense-info-list3 {position:relative;display:flex;margin:20px 0px 20px 0px;}
.sense-info-list3 .img-photo{width:150px;}

.gallery-w{mmax-width:1100px;margin:0 auto}
.gallery-photo{position:relative;} 

.gallery-inner {position:relative;mmax-width:1000px;margin:0 auto;margin-top:35px}
.gallery-photo .swiper-button-prev{position:absolute;left:50px;bottom:32px;top:auto}
.gallery-photo .swiper-button-next{position:absolute;right:50px;bottom:32px;top:auto}
.gallery-img-large{max-width:1000px;margin:0 auto}
.gallery-img-large img{width:100%}

.gallery-img-thum {max-width: 700px;margin:0 auto;margin-top:20px;}
.gallery-img-thum .swiper-slide {overflow:hidden}
.gallery-img-thum .swiper-slide img{width:100%;opacity:0.5}
.gallery-img-thum .swiper-slide-active img{;opacity:1}

.btn-vr-view{text-align:center;margin:80px 0 60px}
.btn-vr-view a{display:inline-block;text-align:center;width:200px;height:65px;line-height:66px;color:#FFF;font-size:20px;font-family:'GmarketSansBold';background:#0052a6}
.btn-vr-view a:hover{background:#0037a6}

.gallery-list li{padding-left:20px;background:url(/asset/images/ico_dot_gy.png) no-repeat 7px 8px;margin-bottom:12px;color:#494949;font-size:18px;letter-spacing:-0.05em}

.table-flex{display:flex;border-bottom:1px solid #dedede ;margin-top:30px}
.table-flex .item{width:50%;border-right:1px solid #dedede;box-sizing:border-box}
.table-flex .item .tit{background:#f8f8f8;text-align:center;padding:15px 10px;box-sizing:border-box;font-weight:500;color:#000;border-top:2px solid #000;border-bottom:1px solid #dedede}
.table-flex .item .con{text-align:center;line-height:1.8em;padding:15px 10px}
.table-flex .item:last-child{border-right:none}

.table-flex2{display:flex;border-bottom:1px solid #dedede ;margin-top:30px}
.table-flex2 .item{width:50%;border-right:1px solid #dedede;box-sizing:border-box}
.table-flex2 .item .tit{background:#f8f8f8;text-align:center;padding:15px 10px;box-sizing:border-box;font-weight:500;color:#000;border-top:2px solid #000;border-bottom:1px solid #dedede}
.table-flex2 .item .con{height:100px;text-align:center;line-height:1.8em;padding:15px 10px;border-bottom:1px solid #dedede}
.table-flex2 .item:last-child{border-right:none}

@media screen and (max-width:1200px) { 
    .studio-info-list {height:260px}
    .studio-info-list .img-photo{width:380px}
    .studio-info-list .img-photo img{max-width:100%}
    .studio-info-list .info-txt > div{font-size:24px}
    .studio-info-2 .info-txt > div{width:50%;}


	.sense-info-list {height:260px}
    .sense-info-list .img-photo{width:380px;padding-right:20px}
    .sense-info-list .img-photo img{max-width:100%}
	.sense-info-list2 {position:relative;display:flex;margin:20px 0 20px 50px;}
	.sense-info-list2 {height:260px}
	.sense-info-list2 .img-photo{width:450px}
    .sense-info-list2 .img-photo img{max-width:100%}

    .sense-info-list .info-txt > div{font-size:24px}

    .sense-info-2 .info-txt > div{width:50%;}
}   
@media screen and (max-width:780px) { 
    .studio-info-txt{font-size:25px}
    .studio-info-list {display:block;margin:30px 0 50px 0;height:auto}
    .studio-info-list .img-photo{width:auto;text-align:center;padding:0 30px}
    .studio-info-list .img-photo img{max-width:100%}
    .studio-info-list .info-txt{display:block; ;margin-left:0;text-align:center}
    .studio-info-list .info-txt > div {width:100%;font-size:20px;letter-spacing:-0.1em;margin-top:15px}
    .studio-info-list .info-txt .btn-studio-info{width:auto;height:58px;line-height:58px;padding:0 20px;margin-top:20px;font-size:18px;} 
    .studio-info-2 .info-txt {margin-left:0;margin-right:0;}
    .studio-info-2 .img-photo {position:relative;right:auto;}

	.sense-info-txt{font-size:25px}
    .sense-info-list {display:block;margin:30px 0 50px 0;height:auto}
    .sense-info-list .img-photo{width:auto;text-align:center;padding:0px 30px 30px 30px}
    .sense-info-list .img-photo img{max-width:100%}

	.sense-info-list2 {display:block;margin:30px 0 50px 0;height:auto}
	.sense-info-list2 .img-photo{width:auto;text-align:center;padding:0 30px;margin-bottom:30px}
    .sense-info-list2 .img-photo img{max-width:100%}

    .sense-info-list .info-txt{display:block; ;margin-left:0;text-align:center}
    .sense-info-list .info-txt > div {width:100%;font-size:20px;letter-spacing:-0.1em;margin-top:15px}
    .sense-info-list .info-txt .btn-studio-info{width:auto;height:58px;line-height:58px;padding:0 20px;margin-top:20px;font-size:18px;} 
    .sense-info-2 .info-txt {margin-left:0;margin-right:0;}
    .sense-info-2 .img-photo {position:relative;right:auto;}

    .gallery-inner{margin:0 10px;}
    .gallery-inner .swiper-button-prev{display:none}
    .gallery-inner .swiper-button-next{display:none}
    .gallery-photo .swiper-button-prev{position:absolute;left:10px;bottom:0;top:auto}
    .gallery-photo .swiper-button-next{position:absolute;right:10px;bottom:0;top:auto}
    .gallery-img-thum{margin:12px 60px 30px 60px !important;} 
    .gallery-photo .swiper-button-next, .gallery-photo .swiper-button-prev{width:4% !important;height:12% !important;background-size:100% !important}

    .table-flex{display:flex;flex-wrap:wrap;border-bottom:none}
    .table-flex .item{width:100%;border-right:none;margin-bottom:15px;border-bottom:1px solid #dedede} 
}



.vr-w{position:relative;max-width:1200px;margin:0 auto}
.vr-w img{max-width:100%}
.ico-spot{position:absolute;width:8.33%;}
.ico-spot > a {position:relative;display:block}
.ico-spot img{width:100%;cursor:pointer}
.ico-spot span{opacity:0;transition:all .5s;;position:absolute;left:50%;top:-50px;transform: translateX(-50%);border:5px solid #3198c4;width:145px;height:55px;padding:10px 5px;text-align:center;color:#2856ac;font-size:18px;border-radius:30px;box-sizing:border-box;background:#FFF;}
.spot-view span {opacity:1;transition:all .5s;}
.spot-1{left:32%;bottom:18%}
.spot-2{left:45%;bottom:27%}
.spot-3{left:22%;bottom:43%}
.spot-4{left:47%;bottom:48%}
.spot-5{left:65%;bottom:49%}
.spot-6{left:61%;bottom:33%}
.spot-7{left:49%;bottom:64%}
.spot-8{left:37%;bottom:62%}

.mo_scroll_info{position:relative;display:none;background:#f4f4f4 ;text-align:center;height:55px;line-height:1.3em;font-size:12px;color:#666;font-weight:600;padding-top:10px;margin-bottom:10px;box-sizing:border-box;margin-top:15px}
.mo_scroll_info .mo_scroll_l{position:absolute;left:10px;top:25px;;width:7px;height:12px}
.mo_scroll_info .mo_scroll_r{position:absolute;right:10px;top:25px;width:7px;height:12px}
@media screen and (max-width:780px) { 
    .mo_scroll_info{display: block;}
}



.t_fff{color:#FFF}.t_bs{color:#62ffee}.t_red{color:#d84141}.t_bl{color:#2d64a7 }.t_gr{color:#666}.t_gr2{color:#8b8b8b} .t_sky{color:#2693ff !important}
.t_10{font-size:10px !important}.t_11{font-size:11px !important}.t_12{font-size:12px !important}.t_13{font-size:13px !important;line-height:1.4em}.t_14{font-size:14px !important; line-height:1.4em}.t_15{font-size:15px !important;line-height:1.4em}.t_16{font-size:16px !important;line-height:1.4em}.t_18{font-size:18px !important;}.t_20{font-size:20px !important;}.t_24{font-size:24px;line-height:1.4em}


/* 테이블 */
.dv_table3{width:100%;border-top:2px solid #000}
.dv_table3 th{padding:10px 10px;border-bottom:1px solid #cacaca;background:#f6f6f6;font-weight:normal;text-align:center;font-size:18px;vertical-align:middle}
.dv_table3 td{padding:10px 0;border-bottom:1px solid #cacaca;background:#fff;text-align:left;line-height:160%;font-size:18px}
.dv_table3 td input{border:1px solid #dadada; height:23px;}
.dv_table3 td.al_left{padding-left:20px !important}

.dv_table4{width:100%;border-top:2px solid #000}
.dv_table4 th{padding:10px 0;padding-left:20px;border-bottom:1px solid #cacaca;background:#f6f6f6;font-weight:normal;text-align:left;vertical-align:middle}
.dv_table4 td{padding:10px 0;border-bottom:1px solid #cacaca;background:#fff;text-align:center;line-height:160%;padding-left:20px !important}
.dv_table4 td input{border:1px solid #dadada; height:23px;}

/* 카테고리와 브레드크럼 */
.main_tit_wrap {position:relative;max-width:1400px;margin:0 auto;height:170px;padding-top:1px}
.main_tit {margin-top:110px;height:45px;font-size:50px;color:#000;font-family: 'GmarketSansBold';line-height:1em;color:#204d97;}
.main_tit div { font-size:50px;color:#000;font-family: 'GmarketSansBold';line-height:1em;color:#000;}
.con_tit{margin-top:20px;line-height:1em;font-size:40px;font-weight:300;color:#000 }
.con_tit div{line-height:1em;font-size:40px;font-weight:300;color:#000}

.sub_nav{position:absolute; right:0;bottom:35px;}
.sub_nav .con{text-align:right;margin:0 auto}
.sub_nav .home{display:inline-block;width:30px;height:20px;background:url(/asset/images/ico_home2.png) no-repeat 50% 50%;}.sub_nav .home span{display:none}
.sub_nav .nav{display:inline-block; padding:1px 0 0 30px;font-size:16px;line-height:1em; box-sizing:border-box;color:#000;background:url(/asset/images/ico_navi_aw.jpg) no-repeat 10px 5px;}
.sub_nav .nav:last-child{color:#2856ac;font-weight:700}

/* 타이틀 */
.title-box {
  width: 100%;
  padding: 12px 25px;
  margin-bottom:25px;
  border-radius: 30px;
  background: linear-gradient(to right, #1fa8c4, #55c3a3);
  color: #ffffff;
  font-weight: 600;
  font-size:20px;
  font-family: 'Noto Sans KR', sans-serif;
  text-align: left;
  box-sizing: border-box; /* 패딩 포함 크기 계산 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* 서브비쥬얼 */
.sub_con_visual{position:relative;height:270px;overflow:hidden; margin-top:80px}
.sub_con_visual.vs1 {background-image:url(/asset/images/sub_visual_01.jpg)}
.sub_con_visual.vs2 {background-image:url(/asset/images/sub_visual_02.jpg)}
.sub_con_visual.vs3 {background-image:url(/asset/images/sub_visual_03.jpg)}
.sub_con_visual.vs4 {background-image:url(/asset/images/sub_visual_04.jpg)}
.sub_con_visual.vs5 {background-image:url(/asset/images/sub_visual_05.jpg)}

.visual-bg {background:#3389c1; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0;margin-top:0px}
.visual-bg2 {background:#152a5d; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0;margin-top:0px}

/* 본문 */
.kmvno-info-img { text-align: center; margin-top:40px}
.kmvno-info-img img{max-width:1300px; }

.brand_list {display:flex;clear:both;margin:30px 0 20px;overflow:hidden;gap:16px;flex-wrap:wrap}
.brand_list li{width:calc(25% - 12px) ; margin-bottom:20px;text-align:center}
.brand_list li:nth-child(4n){margin-right:0}
.brand_list li span{display:block;text-align:center}
.brand_list li .prod_list_img{padding: 20px 0;display:block;width:100%;border:1px solid #e1e1e1;overflow:hidden;box-sizing:border-box}.brand_list li .prod_list_img img{width:202px}
.brand_list li .prod_list_tit{margin-top:10px;font-size:18px;overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 5.2em;} .brand_list li .prod_list_tit a{color:#333}
.brand_list li .prod_list_make{margin-top:10px;font-size:18px;color:#767676;overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 2.6em;}

.brand_detail_w{overflow:hidden}
.brand_detail_img{float:left;width:350px}
.brand_detail_img span{display:block;width:348px;height:150px;border:1px solid #dddddd}
.brand_detail_img span img{width:348px;height:150x}



/* 태블릿 */
@media screen and (max-width:980px) { 
.kmvno-info-img {margin-top:40px}
.kmvno-info-img img{width:100%}
 
.brand_list {margin:20px 0 20px 0;overflow:hidden;gap:20px}
.brand_list li{width:calc(33% - 11px);margin-bottom:15px;text-align:center} 
.brand_list li span{display:block;text-align:center}
.brand_list li .prod_list_img{ margin:0;overflow:hidden}.brand_list li .prod_list_img img{width:100%; height:auto;}
.brand_list li .prod_list_tit{font-size:14px;} .brand_list li .prod_list_tit a{color:#333}
.brand_list li .prod_list_make{margin-top:10px;font-size:13px;color:#767676}



.bbs_search{overflow:hidden}

.brand_detail_w{overflow:hidden}
.brand_detail_img{float:left;width:260px}
.brand_detail_img span{display:block;width:100%; border:1px solid #dddddd}


.sub_con_visual{position:relative;background:url(/images/2021/sub_visual_01.jpg) no-repeat 50% 0;height:237px;overflow:hidden}
.sub_con_visual.vs1 {background-image:url(/asset/images/sub_visual_01.jpg)}
.sub_con_visual.vs2 {background-image:url(/asset/images/sub_visual_02.jpg)}
.sub_con_visual.vs3 {background-image:url(/asset/images/sub_visual_03.jpg)}
.sub_con_visual.vs4 {background-image:url(/asset/images/sub_visual_04.jpg)}
.sub_con_visual.vs5 {background-image:url(/asset/images/sub_visual_05.jpg)}
.visual-bg {background:#3389c1; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0;}
.visual-bg2 {background:#152a5d; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0;}

}  

/* 모바일 */
@media screen and (max-width:780px) { 
.kmvno-info-img {margin-top:40px}
.kmvno-info-img img{width:100%}

.brand_list {overflow:hidden;gap:16px}
.brand_list li{width:calc(50% - 8px); text-align:center;overflow:hidden} 
.brand_list li>div{margin:0 10px}
.brand_list li span{display:block;text-align:center}
.brand_list li .prod_list_img{ margin:0;overflow:hidden}.brand_list li .prod_list_img img{width:100%;height:auto;}
.brand_list li .prod_tit_w {padding:5px 0}
.brand_list li .prod_list_tit{font-size:14px;overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 5.2em;} .brand_list li .prod_list_tit a{color:#333}
.brand_list li .prod_list_make{margin-top:10px;font-size:13px;color:#767676;overflow : hidden; text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 2.6em;}
	.bbs_search{overflow:hidden}

}

/* chatGPT   */
@media (max-width: 780px) {
  /* 서브비쥬얼 섹션 숨김 또는 최소화 */
  .sub_con_visual {
    display: none;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

    .tab-submenu {
    display: none;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 상단 여백(비주얼 공간) 제거 */
  .container {
    padding-top: 0 !important;
  }
}

/* chatGPT 회색바탕에 동그라미숫자   */
.checklist-box {background-color: #f3f3f3;border-radius: 10px;padding: 15px 20px;width: 100%;max-width: 1250px;box-sizing: border-box;margin: 20px auto;margin-left:0px;}
.checklist {list-style: none;margin: 0;padding: 0;}
.checklist li {display: flex;align-items: center;gap: 10px;font-size: 16px;color: #333;margin-bottom: 8px;}
.checklist li:last-child {margin-bottom: 0;}
.checklist .num {background-color: #f47a28;color: #fff;font-weight: 600;border-radius: 50%;width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;font-size: 15px;flex-shrink: 0;
}

/* ✅ 반응형 대응 */
@media (max-width: 768px) {.checklist-box { padding: 12px 15px; }
  .checklist li {font-size: 14px;line-height: 1.4; }
  .checklist .num { width: 24px;height: 24px;font-size: 13px;}
}

/* ✅ 반응형 대응 */
@media (max-width: 768px) {.checklist-box { padding: 12px 15px; }
  .checklist li {font-size: 14px;line-height: 1.4; }
  .checklist .num { width: 24px;height: 24px;font-size: 13px;}
}


/* KMVNO 알뜰폰카드  */
.checklist-box2 {background-color: #f3f3f3;border-radius: 10px;padding: 15px 20px;width: 100%;max-width: 1250px;box-sizing: border-box;margin: 10px auto 0;margin-left:0px; }
.checklist2 {list-style: none;margin: 0;padding: 0;}

}
@media screen and (max-width:1200px) { 
    .checklist-box2 {background-color: #f3f3f3;border-radius: 10px;padding: 15px 0px;width: 100%;max-width: 1250px;box-sizing: border-box;margin: 10px auto 0;margin-left:0px; }
	.checklist2 {list-style: none;margin: 0;padding: 0;}

@media screen and (max-width:780px) { 
    .img-notice{height:auto;background-size:auto 100%;padding:50px 0}
    .img-notice .tit{font-size:30px}
    .img-notice .sub{font-size:18px}
    .reservation-notice li{width:100%;padding:0 20px}
    .img-step{margin:20px 0 80px}
    .reservation-step .item{display:block}
    .reservation-step .item .img{width:100%;max-width:100%;margin-bottom:40px}
    .reservation-step .item .img img{border-bottom:1px solid #cfcfcf}
    .reservation-step .item .txt{width:100%}
	}



/* 회원사 고객센터  */
.checklist-box3 {background-color: #f3f3f3;border-radius: 10px;padding: 15px 20px;width: 100%;max-width: 1250px;box-sizing: border-box;margin: 20px auto;margin-left:0px;}
.checklist2 {list-style: none;margin: 0;padding: 0;}

}






/* chatGPT 예약시 시간선택  */
/* ===== 색/치수 토큰 ===== */
:root{
  --tp-primary: #1fa8c4;     /* 선택(파란 바탕) */
  --tp-border:  #dcdcdc;
  --tp-text:    #333;
  --tp-bg:      #ffffff;
  --tp-soft:    #f5f6f7;
  --tp-radius:  12px;
  --tp-shadow:  0 10px 24px rgba(0,0,0,.12);
}

/* 스크린리더 전용 텍스트 */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* 래퍼 */
.tp{ position:relative; max-width:360px; width:100%; }

/* 입력 필드 */
.tp-field{ position:relative; }
.tp-input{
  width:100%; height:44px; padding:0 40px 0 14px;
  border:1px solid var(--tp-border); border-radius:8px;
  box-sizing:border-box; color:var(--tp-text);
  background:#fff; cursor:pointer;
}
.tp-input::placeholder{ color:#9aa3aa; }

/* 아이콘(간단한 ▾) – 필요하면 이미지로 교체 가능 */
.tp-ico{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:0; height:0; border-left:6px solid transparent;
  border-right:6px solid transparent; border-top:7px solid #999;
  pointer-events:none;
}

/* 레이어 – input/레이어 중 하나에 포커스가 있으면 보이게 */
.tp-layer{
  position:absolute; left:0; top:100%; margin-top:8px;
  width:100%; min-width:260px; max-width:420px;
  background:var(--tp-bg); border:1px solid var(--tp-border);
  border-radius:var(--tp-radius); box-shadow:var(--tp-shadow);
  padding:14px; box-sizing:border-box; z-index:50;

  opacity:0; transform:translateY(8px); pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.tp:focus-within .tp-layer{ opacity:1; transform:translateY(0); pointer-events:auto; }

/* 섹션(시 / 분) */
.tp-section{ display:flex; align-items:flex-start; gap:12px; }
.tp-section + .tp-section{ margin-top:12px; border-top:1px dashed #e6e6e6; padding-top:12px; }

.tp-title{
  width:36px; flex:0 0 36px; text-align:center;
  font-size:13px; color:#6b6f74; line-height:28px;
}

/* 그리드 – 반응형 auto-fit */
.tp-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(56px, 1fr));
  gap:8px; width:100%;
}

/* 버튼(시간/분) */
.tp-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 10px; border-radius:8px; width:100%;
  background:var(--tp-soft); color:var(--tp-text); border:1px solid #e6e9ec;
  font-size:15px; line-height:1; cursor:pointer;
  transition:background .12s ease, color .12s ease, border-color .12s ease, transform .06s ease;
}
.tp-btn:hover,
.tp-btn:focus{ outline:none; border-color:#c8d2d9; background:#eef2f4; }
.tp-btn:active{ transform:translateY(1px); }

/* 선택됨 – 파란 바탕 */
.tp-btn.is-selected{ background:var(--tp-primary); color:#fff; border-color:var(--tp-primary); }

/* 반응형 */
@media (max-width: 780px){
  .tp{ max-width:100%; }
  .tp-layer{ width:100vw; left:50%; transform:translate(-50%, 8px); }
  .tp:focus-within .tp-layer{ transform:translate(-50%, 0); }
  .tp-grid{ grid-template-columns:repeat(auto-fit, minmax(48px, 1fr)); gap:6px; }
  .tp-btn{ height:34px; font-size:14px; }
}