@charset "utf-8";



/********************************** Fonts S ************************************/
    @font-face{
        font-family:'SpoqaHanSansNeo';
        font-style:normal;
        font-weight:400;
        src:url('/font/SpoqaHanSansNeo.eot');
        src:url('/font/SpoqaHanSansNeo-Regular.eot') format('embedded-opentype'),
             url('/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
             url('/font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
    }
    @font-face{
        font-family:'SpoqaHanSansNeo';
        font-style:normal;
        font-weight:700;
        src:url('/font/SpoqaHanSansNeo-Bold.eot');
        src:url('/font/SpoqaHanSansNeo-Bold.eot') format('embedded-opentype'),
             url('/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
             url('/font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
    }

    @font-face{
        font-family:'HGGGothicssi';
        font-style:normal;
        font-weight:100;
        src:url('/font/HGGGothicssi00g.eot');
        src:url('/font/HGGGothicssi00g.eot') format('embedded-opentype'),
             url('/font/HGGGothicssi00g.woff') format('woff'),
             url('/font/HGGGothicssi00g.ttf') format('truetype');
    }

    @font-face{
        font-family:'HGGGothicssi';
        font-style:normal;
        font-weight:200;
        src:url('/font/HGGGothicssi20g.eot');
        src:url('/font/HGGGothicssi20g.eot') format('embedded-opentype'),
             url('/font/HGGGothicssi20g.woff') format('woff'),
             url('/font/HGGGothicssi20g.ttf') format('truetype');
    }

    @font-face{
        font-family:'HGGGothicssi';
        font-style:normal;
        font-weight:400;
        src:url('/font/HGGGothicssi40g.eot');
        src:url('/font/HGGGothicssi40g.eot') format('embedded-opentype'),
             url('/font/HGGGothicssi40g.woff') format('woff'),
             url('/font/HGGGothicssi40g.ttf') format('truetype');
    }

    @font-face{
        font-family:'HGGGothicssi';
        font-style:normal;
        font-weight:600;
        src:url('/font/HGGGothicssi60g.eot');
        src:url('/font/HGGGothicssi60g.eot') format('embedded-opentype'),
             url('/font/HGGGothicssi60g.woff') format('woff'),
             url('/font/HGGGothicssi60g.ttf') format('truetype');
    }

    @font-face{
        font-family:'HGGGothicssi';
        font-style:normal;
        font-weight:800;
        src:url('/font/HGGGothicssi80g.eot');
        src:url('/font/HGGGothicssi80g.eot') format('embedded-opentype'),
             url('/font/HGGGothicssi80g.woff') format('woff'),
             url('/font/HGGGothicssi80g.ttf') format('truetype');
    }

    @font-face{
        font-family:'HGGGothicssi';
        font-style:normal;
        font-weight:900;
        src:url('/font/HGGGothicssi99g.eot');
        src:url('/font/HGGGothicssi99g.eot') format('embedded-opentype'),
             url('/font/HGGGothicssi99g.woff') format('woff'),
             url('/font/HGGGothicssi99g.ttf') format('truetype');
    }
/********************************** Fonts E ************************************/



/********************************** Initial S ************************************/
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;-webkit-print-color-adjust:exact}
    body{word-break:break-all}
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
    nav ul, ul, ol, li{list-style:outside none none}
    blockquote, q{quotes:none}
    blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
    a:link, a:visited, a:hover, a:active{text-decoration:none}
    hr{display:none}
    em, address, i{font-style:normal}
    img{border:0 none;vertical-align:top}
    fieldset{border:0 none}
    input, select{margin:0;padding:0;vertical-align:middle}
    input[type="submit"], input[type="reset"], input[type="button"]{border:0}
    button{margin:0;padding:0;border:0 none;cursor:pointer;background-color:transparent;}
    textarea{margin:0;padding:0}
    table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
    caption, legend{overflow:hidden;width:100%;height:0;line-height:normal;font-size:medium;opacity:0;word-break:break-all}
    fieldset, legend{position:relative;top:0;left:0}
    *:focus{outline:none;}
    *{scrollbar-width:none ! important;-ms-overflow-style:none ! important;}
    ::-webkit-scrollbar{display:none ! important;}
/********************************** Initial E ************************************/



/********************************** SlickSlider S ************************************/
    .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
    .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
    .slick-list:focus{outline:none;}
    .slick-list.dragging{cursor:pointer;cursor:hand;}
    .slick-slider .slick-track,
    .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
    .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
    .slick-track:before,
    .slick-track:after{display:table;content:'';}
    .slick-track:after{clear:both;}
    .slick-loading .slick-track{visibility:hidden;}
    .slick-slide{display:none;float:left;height:100%;min-height:1px;}
    *[dir='rtl'] .slick-slide{float:right;}
    .slick-slide img{display:block;}
    .slick-slide.slick-loading img{display:none;}
    .slick-slide.dragging img{pointer-events:none;}
    .slick-initialized .slick-slide{display:block;}
    .slick-loading .slick-slide{visibility:hidden;}
    .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
    .slick-arrow.slick-hidden{display:none;}
/********************************** SlickSlider E ************************************/



/********************************** Common S ************************************/
    *{box-sizing:border-box;}
    html,body{width:100%;height:100%;margin:0;padding:0;background-color:#fff;}
    html{font-size:10px;}
    body{font-family:'SpoqaHanSansNeo', 'malgun', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;font-size:1.4rem;color:#6e7780;line-height:1.5}
    a{color:#6e7780;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
    a:hover{text-decoration:none}
    img{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
    textarea{appearance:none;-webkit-appearance:none;display:inline-block;padding:1rem;border:0.1rem solid #ddd;background:#fff;line-height:1.5;font-family:'SpoqaHanSansNeo', 'Apple SD Gothic Neo', 'malgun', '돋움', Dotum, Verdana, Arial, sans-serif;font-size:1.4rem;color:#6e7780;box-sizing:border-box;}
    input, select, button{font-family:'SpoqaHanSansNeo', 'Apple SD Gothic Neo', 'malgun', '돋움', Dotum, Verdana, Arial, sans-serif;box-sizing:border-box;cursor:pointer}
    /*select{appearance:none;-webkit-appearance:none}*/
    input{border-radius:0;appearance:none;-webkit-border-radius:0;-webkit-appearance:none}
    input[type="text"], input[type="password"], input[type="date"], input[type="time"], input[type="tel"], input[type="number"]{}
    input[type="radio"], input[type="checkbox"], button, label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
    input[type="date"]::-ms-clear{display:none}
    input[type="date"]::-ms-reveal{display:none}
    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus{}
    input[readonly="readonly"]{}
    input[disabled="disabled"]{}
    input::placeholder{}
    input::-webkit-input-placeholder{}
    input::-moz-input-placeholder{}
    input::-ms-input-placeholder{}
    textarea::placeholder{}
    textarea::-webkit-input-placeholder{}
    textarea::-moz-input-placeholder{}
    textarea::-ms-input-placeholder{}
 
	/*다국어 폰트 초기화*/
	.language *,
	.language ~ *,
	.language ~ popuparea *{font-family:'SpoqaHanSansNeo', 'malgun', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif !important;} 
	
	/*IOS 12버전 이하 스크롤 오류 패치*/
	.ios.osVer10 #contents.sec,
	.ios.osVer11 #contents.sec,
	.ios.osVer12 #contents.sec{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;position:inherit;padding-left:0;padding-right:0;padding-bottom:0 !important}
	.ios.osVer10 #contents .sec,
	.ios.osVer11 #contents .sec,
	.ios.osVer12 #contents .sec{overflow-y:visible;overflow-x:visible;-webkit-overflow-scrolling:inherit;max-height:none;height:auto;}
		
    .big_font{font-size:11px;}
    
    

    .scroll_x{-webkit-overflow-scrolling:touch;overflow-x:scroll;overflow-y:hidden}
    .scroll_y{-webkit-overflow-scrolling:touch;overflow-y:scroll;overflow-x:hidden}
    .blind{display:inline-block;overflow:hidden;width:0.1rem;height:0.1rem;margin:-0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);border:0;font-size:0.1rem;line-height:0;text-shadow:none;color:transparent;position:absolute}
    .hidden{display:none;}
    .i_block{display:inline-block !important;}
    .fix{position:fixed;-webkit-transform:translateZ(0)}
    .posr{position:relative}
    .clear:after{content:"";display:block;clear:both}
    .fl{float:left !important}
    .fr{float:right !important}
    .wid_full{width:100% !important}
    .wid_half{width:50% !important}
    .half:after{content:"";display:block;clear:both}
    .half > li, .half > div{display:block;float:left;width:50%;box-sizing:border-box}
    .by_table{display:table;table-layout:fixed;border-collapse:collapse}
    .by_table:after{display:none}
    .by_table > li, .by_table > div{display:table-cell;float:none;margin-right:0;margin-left:0;box-sizing:border-box}
    .mg_ini{margin:0 !important}
    .mgt0{margin-top:0 !important}
    .mgt_auto{margin-top:2.4rem !important}
    .mgr0{margin-right:0 !important}
    .mgb0{margin-bottom:0 !important}
    .mgl0{margin-left:0 !important}
    .pd_ini{padding:0 !important}
    .pdt0{padding-top:0 !important}
    .pdr0{padding-right:0 !important}
    .pdb0{padding-bottom:0 !important}
    .pdl0{padding-left:0 !important}
    .bd0{border:0 !important}
    .bdtn{border-top:none !important}
    .pd_box{padding:2rem !important}
    .pdb_s{padding-bottom:0.8rem !important}
    .bshd0{box-shadow:unset !important;}

    /* 간격 */
    .mgt_s{margin-top:1.2rem !important;} /**/
    .mgt_s2{margin-top:1.6rem !important;} /**/
    .mgt_m{margin-top:2.4rem !important;} /* 기본 간격 */
    .mgt_l{margin-top:4.8rem !important;} /* 단과 단 간격 */
    .mgt_xl{margin-top:6rem !important;}
    .mgt-6{margin-top:-0.6rem !important}
    .mgt-52{margin-top:-5.2rem !important}
    .mgt-42{margin-top:-4.2rem !important}
    .mgt-12{margin-top:-1.2rem !important}
    .mgb_l{margin-bottom:4.8rem !important;}
    .mgb_m{margin-bottom:2.4rem !important;}
    .mgb_s{margin-bottom:1.2rem !important;} 
    .mgside_s{margin:0 0.3rem !important;}/* Tobe 2021-09-30 jhy */

    .pdl_l{padding-left:4.8rem !important;}
    .gap_hor_lowerst{}
    .gap_hor_lower{}
    .gap_hor{margin-left:0;}
    .gap_hor_taller{}
    .gap_hor_tallerst{}

    /* 여백 */
    .mgh_sm{height:1.2rem;float:none;flex:none;clear:both;}
    .mgh_sm2{height:0.8rem;float:none;flex:none;clear:both;}
    .mgh_md{height:2.4rem;float:none;flex:none;clear:both;}
    .mgh_lg{height:4.8rem;float:none;flex:none;clear:both;}

    /* minus margin */
    .minus_mgb_s{margin-bottom:-1.2rem}
    .minus_mgb_m{margin-bottom:-2.4rem}
    .minus_mgb_l{margin-bottom:-4.8rem}
    .ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .text_line{text-decoration:underline}

    .fz_smaller{}
    .fz_small{}
    .fz_large{}
    .fz_larger{}
    a.anchor_ty{}
    .txt_indent{padding-left:1.6rem;text-indent:-1.6rem}

    /* color */
    .bgA_100{background:#ffffff !important} /* 흰색 */
    .bgA_200{background:#f0f6ff !important} /* 연블루 */
    .bgA_300{background:#0565f0 !important} /* 진한블루 */
    .bgA_400{background:#1d2d47 !important} /* 다크블루*/
    .bgB_100{background:#f5f7fa !important} /* 연그레이 */
    .bgB_100_full{background:#f5f7fa !important;padding:2rem ! important;} /* 연그레이 */
    /*.bgB_100_full:after{display:block;content:'';position:absolute;left:0;bottom:0;width:100%;height:60%;background:#f5f7fa;z-index:-1;}*/
    
    /*배경*/
    .bg_full{height:auto !important;min-height:100% !important} 

    .txt_colorA_100{color:#515961 !important;} /* gray 계열 */
    .txt_colorA_200{color:#212529 !important;}
    .txt_colorA_300{color:#8c959f !important;}
    .txt_colorA_400{color:#a9b0b8 !important;}
    .txt_colorA_500{color:#e3e5e6 !important;}
    .txt_colorB_100{color:#0565f0 !important;} /* blue 계열 */
    .txt_colorB_200{color:#a3caff !important;}
    .txt_colorB_300{color:#175ec7 !important;}
    .txt_colorC_100{color:#e5493a !important;} /* red 계열 */
    .txt_colorD_100{color:#00a684 !important;}
    .txt_colorE_100{color:#ffffff !important;} /* white 계열 */

    .lineA_100{margin:1.6rem 0;border-top: 0.1rem solid;border-color:#e1e3e6 !important} /* box */
    .lineB_100{margin:4.8rem -2rem;border-top: 0.8rem solid;border-color:#f5f7fa !important} /* section */
	.lineB_100.ty2{border-color:#f2f5f7 !important} /* section */

    /* border */
    .bdtA_100{border-top: 0.1rem solid #8c959f}

    .align_l{text-align:left !important}
    .align_l th,
    .align_l td{text-align:left !important}
    .align_c{text-align:center !important}
    .align_r{text-align:right !important}

    /* font */
    .fw_100 {font-weight:normal !important;}
    .fw_200 {font-weight:bold;color:#6e7780}

    /* 화면모듈화 디폴트 코드에만 사용하는 기본설정 스타일 */
    .default_checkbox{appearance:checkbox;-webkit-appearance:checkbox}
    .default_radio{appearance:radio;-webkit-appearance:radio}
/********************************** Common E ************************************/



/********************************** main S ************************************/
/********************************** main E ************************************/



/********************************** Moodule S ************************************/
/********************************** Moodule E ************************************/



/********************************** contents S ************************************/
/********************************** contents E ************************************/



/********************************** main S ************************************/
/********************************** main E ************************************/



@media (min-width:374px) and (max-width:376px) {
    @media (min-height:727px) and (max-height:729px) {
        .big_font .slide_btm_sheet .btm_wrap{height:35vh;min-height:24rem;}
    } 
}

@media all and (max-width:359px) {
	html{font-size:8px;}
    .big_font{font-size:9px;}
}

@media print {	
	html, body {width:100%;}
}