@charset "utf-8";

@font-face {

    font-family: 'nanumg';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");

     font-size: 18.5px;
     letter-spacing: -0.1px;
    color: #000;
}


@font-face {

    font-family: 'ONE-Mobile-Title';

    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'ONE-Mobile-Regular';

    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Pretendard-Regular';

    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'WavvePADO-Regular';

    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'NanumSquareNeoLight';

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");

}



@font-face {

    font-family: 'NanumSquareNeo';

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");

}



@font-face {

    font-family: 'NanumSquareNeoBold';

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");

}



@font-face {

    font-family: 'NanumSquareNeoExtraBold';

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");

}



@font-face {

    font-family: 'NanumSquareNeoHeavy';

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");

}



@font-face {

    font-family: 'NanumSquareNeoVariable';

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);

    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");

}



/* 초기화 */

html {overflow-y:scroll;height:100%;min-width:320px}



body{

 -ms-overflow-style: none;

 }

 

::-webkit-scrollbar {

  display: none;

}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}

h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'ONE-Mobile-Regular'}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

label, input, button, select, img {vertical-align:middle}

input, button {margin:0;padding:0;font-size:1em;font-family:'ONE-Mobile-Regular'}

button {cursor:pointer; background:none; border:0;}

input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}

textarea, select {font-size:1em;font-family:'ONE-Mobile-Regular'}

textarea {border-radius:0;-webkit-appearance:none;font-family:'ONE-Mobile-Regular'}

select {margin:0;background:none;font-family:'ONE-Mobile-Regular'}

p {margin:0;padding:0;word-break:break-all}

hr {display:none}

pre {overflow-x:scroll;font-size:1.1em}

a {color:#000;text-decoration:none}

ul,li,dl,dt,dd {padding:0;margin:0}

ul {list-style:none}



*,:after,:before {

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

}



/* 스크롤이 안보이게 하는 css */

.no_scroll {

  /* IE and Edge */

  -ms-overflow-style: none;

  /* Firefox */

  scrollbar-width: none;

}

/* Chrome, Safari,Opera */

.no_scroll::-webkit-scrollbar {display: none !important; }



/* header */

#m_hd {width:100%; height:17vw; border-top:0.6vw solid #00459a; background:#fff; position:fixed; top:0; padding:0 4vw; z-index:10;}

#m_hd .m_hd_box {width:100%; height:100%; display:table;}

#m_hd .m_hd_box .m_hd_logo {display:table-cell; vertical-align:middle;}

#m_hd .m_hd_box .m_hd_menu {display:table-cell; vertical-align:middle; text-align:right;}

#m_hd .m_hd_box .m_hd_logo a img {width:47.9vw; height:auto;}

#m_hd .m_hd_box .m_hd_menu button img {width:24.2vw; height:auto;}



#m_menu {position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.6); z-index:100;}

#m_menu .m_menu_box {width:100%; height:auto; background:#fff; position:absolute; left:0; top:0; padding:4vw 0; text-align:right;}

#m_menu .m_menu_box button {font-size:4vw; margin-right:4vw; background:#1332a0; color:#fff; border-radius:4px; padding:1.5vw 2.5vw; margin-bottom:5vw;}

#m_menu .m_menu_box ul {text-align:left;}

#m_menu .m_menu_box ul li {padding:3.2vw 4.2vw; border-bottom:1px solid #ededed;}

#m_menu .m_menu_box ul li a {font-size:5vw;}



/* footer */

#m_ft_01 {width:100%; height:auto; position:fixed; bottom:0; left:0;}

#m_ft_01 ul li {width:calc(100% / 4); float:left; height:23vw; display:table;}

#m_ft_01 ul li a {display:table-cell; vertical-align:middle; text-align:center;}

#m_ft_01 ul li a img {}

#m_ft_01 ul li a span {display:block; color:#fff; font-size:3.75vw; line-height:1; margin-top:3vw;}

#m_ft_01 ul li.ft_01_left {background:#1d45a4;}

#m_ft_01 ul li.ft_01_right {background:#3e61b2;}

#m_ft_01 .ft_tel img {width:8.9vw;}

#m_ft_01 .ft_map img {width:7.5vw;}

#m_ft_01 .ft_join img {width:8.1vw;}

#m_ft_01 .ft_login img {width:7.6vw;}



#m_ft_02 {width:100%; height:auto; padding:6.25vw 3.9063vw; background:#1a1a1a; margin-top:4.7vw;}

#m_ft_02 .ft_02_box {}

#m_ft_02 .ft_02_box ul li {color:#828282; font-size:3.4375vw; line-height:1; margin-bottom:2.3438vw;font-family: 'nanumg';letter-spacing: -0.1px;}

#m_ft_02 .ft_02_box ul li:last-child {margin-bottom:0;}



/* main */

#m_main {width:100%; height:auto;}

#m_main .m_main_bn {width:100%; height:auto;}

#m_main .m_main_bn img {width:100%;}



#m_main .m_main_menu {width:100%; height:auto; padding:4vw 4vw;}

/*
    #m_main .m_main_menu ul.m_menu01 {display:table;}
    #m_main .m_main_menu ul.m_menu01 li {float:left; display:table; height:12.8vw; padding:0 2.9vw; background:#2269f7; border-radius:10px; margin-right:1.5vw; position:relative;}
    #m_main .m_main_menu ul.m_menu01 li a span {display:block; font-size:2.5vw; position:absolute; left:50%; transform:translate(-50%, 0); white-space:nowrap;}
*/

#m_main .m_main_menu ul.m_menu01 {display:flex; justify-content: space-between;}

#m_main .m_main_menu ul.m_menu01 li {display:table; height:12.8vw; padding:0 0vw; background:#fff; border-radius:10px; font-size:2.5vw;position:relative;}

#m_main .m_main_menu ul.m_menu01 li:last-child {margin-right:10;}

#m_main .m_main_menu ul.m_menu01 li a {color:#fff; text-align:center; display:table-cell; vertical-align:middle; font-size:3.5vw; line-height:1;}

#m_main .m_main_menu ul.m_menu01 li a span { display:block; font-size:2.5vw; margin-top: 5px;}



/*
    #m_main .m_main_menu ul.m_menu02 {display:table; margin-top:2vw;}
    #m_main .m_main_menu ul.m_menu02 li {float:left; display:table; height:12.8vw; padding:0 0vw; background:#1332a0; border-radius:10px; margin-right:1.5vw;}
*/
#m_main .m_main_menu ul.m_menu02 {display:flex; margin-top:1vw;     justify-content: space-between;}

#m_main .m_main_menu ul.m_menu02 li {float:left; display:table; height:12.8vw; padding:0 0vw; background:#fff; border-radius:10px;}

#m_main .m_main_menu ul.m_menu02 li:last-child {margin-right:0;}

#m_main .m_main_menu ul.m_menu02 li a {color:#fff; text-align:center; display:table-cell; vertical-align:middle; font-size:3.4vw; line-height:1;}



#m_main .m_sch {width:100%; height:auto; padding:0 4vw; margin-bottom:4vw;}

#m_main .m_sch .m_main_sch {display:table; width:100%;}

#m_main .m_sch .m_main_sch button.m_sch_select {width:25.4vw; height:10vw; border:0.4vw solid #c1d9ef; border-radius:1.5vw; float:left; font-size:3.9vw; color:#3f3e3e; font-family: 'Pretendard-Regular';}

#m_main .m_sch .m_main_sch button.m_sch_select img {width:2.3vw; margin-left:4vw;}

#m_main .m_sch .m_main_sch .m_sch_txt_box {display:inline-block; width:64.5vw; height:10vw; position:relative; margin-left:2vw; font-family: 'Pretendard-Regular';}

#m_main .m_sch .m_main_sch .m_sch_txt_box input {width:100%; height:100%; border:0.4vw solid #c1d9ef; border-radius:1.5vw; font-size:3.5vw; padding-left:2.5vw; padding-right:20vw;}

#m_main .m_sch .m_main_sch .m_sch_txt_box input::placeholder {color:#848484;}

#m_main .m_sch .m_main_sch .m_sch_txt_box input::-webkit-input-placeholder{color:#848484;}

#m_main .m_sch .m_main_sch .m_sch_txt_box input:-ms-input-placeholder{color:#848484;}

#m_main .m_sch .m_main_sch .m_sch_txt_box button {position:absolute; right:0; top:0; width:17.5vw; height:100%; border-radius:1.5vw; background:#23367d; color:#fff; font-family: 'ONE-Mobile-Title';

font-size:3.5vw;}

#m_main .m_sch .m_main_sch .m_sch_txt_box button img {width:3.6vw; margin-right:1vw;}

#m_main .m_sch .m_main_sch_popup {display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.6); z-index:10;}

#m_main .m_sch .m_main_sch_popup button.sch_popup_close {width:100%; color:#fff; background:#1332a0; border-radius:5px; padding:3vw 0; font-size:3.5vw;}

#m_main .m_sch .m_main_sch_popup div {/*display:table;*/ width:50%; height:70vw; padding:4vw; background:#fff; border-radius:10px; 
position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; overflow-y:scroll;}

#m_main .m_sch .m_main_sch_popup ul li {font-size:4vw; border-bottom:1px dashed #ededed; padding:4vw 2vw;}

#m_main .m_sch .m_main_sch_popup ul li:last-child {border-bottom:0;}



#m_main .m_board {width:100%; height:auto; padding:0 4vw;}

#m_main .m_board .b_bo_tit {width:100%; height:13.2vw; position:relative; background:#e7edf8; border-radius:3vw 3vw 0 0; padding:0 4.5vw; overflow:hidden;}

#m_main .m_board .b_bo_tit h5 {font-size:5.8vw; line-height:13.2vw; font-family: 'ONE-Mobile-Title';}

#m_main .m_board .b_bo_tit h5 a img {width:5.5vw; height:auto; vertical-align:middle; margin-left:2vw;}

#m_main .m_board .b_bo_tit button {position:absolute; right:0; top:0; width:24.4vw; height:100%; display:inline-block; background:#c2d6fc; text-align:center; 

line-height:13.2vw; font-size:3.8vw; color:#23367d; font-family: 'NanumSquareNeo'; font-weight:600;}

#m_main .m_board .b_bo_tit button img {width:3.5vw; margin-right:1vw;}

#m_main .m_board .b_bo_con {display:table; margin-bottom:3.8vw;}

#m_main .m_board .b_bo_con ul li {width:44.3vw; height:auto; float:left; margin-right:3.4vw; margin-top:3.8vw; text-align:center;}

#m_main .m_board .b_bo_con ul li:nth-child(2n+0) {margin-right:0;}

#m_main .m_board .b_bo_con ul li a img {width:100%; height:95px; }

#m_main .m_board .b_bo_con ul li a span {font-family: 'Pretendard-Regular'; font-size:4vw; line-height:1; display:inline-block; width:100%; overflow:hidden;

text-overflow:ellipsis; white-space:nowrap; margin-top:3.3vw;}



#m_main .m_line {width:100%; height:3.4vw; background:#e9f3ff; border-top:0.3vw solid #d9e5f6; border-bottom:0.3vw solid #d9e5f6;}



#m_main .m_huga {width:100%; height:auto; padding:0 4vw; margin-top:0.5vw;}

#m_main .m_huga .m_huga_box h5 {border-bottom:0.8vw solid #d8e7ff; line-height:1; font-size:5.3vw; margin-top:6.5vw; margin-bottom:2.5vw; padding-bottom:3.5vw; position:relative;}

#m_main .m_huga .m_huga_box h5::after {content:""; height:0.8vw; background:#2c73e5; position:absolute; left:0; bottom:-0.8vw;}

#m_main .m_huga .m_huga_box h5 a img {width:5.5vw; float:right;}

#m_main .m_huga .m_huga01 h5::after {width:35.6vw;}

#m_main .m_huga .m_huga02 h5::after {width:48.3vw;}

#m_main .m_huga .m_huga_box table {border-collapse:collapse; width:100%; height:auto;}

#m_main .m_huga .m_huga_box table tr td {border-bottom:0.5vw solid #ededed; padding:1.5vw 0; font-family: 'Pretendard-Regular';}

#m_main .m_huga .m_huga_box table tr td.td_cate {width:25%;}

#m_main .m_huga .m_huga_box table tr td.td_cate span {display:inline-block; font-size:4vw; line-height:7.4vw; padding:0 3vw; background:#d8e6ff; border-radius:50px; color:#0051bd; text-align:center;}

#m_main .m_huga .m_huga_box table tr td.td_tit {font-size:4vw; line-height:1;}

#m_main .m_huga .m_huga_box table tr td.td_tit span {display:inline-block; width:40vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#m_main .m_huga .m_huga_box table tr td.td_buy {width:30%; text-align:center; font-size:3.9vw; color:#f81310;}

#m_main .m_huga .m_huga_box table tr td.td_date {width:30%; text-align:right; font-size:3.9vw; color:#474747;}



#m_main .m_btm_bn {width:100%; height:auto; padding:0 4vw; margin-top:6vw;}

#m_main .m_btm_bn img {width:100%;}