@charset "utf-8";



@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: '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: 'nanumg1';


    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: 15.5px;
     letter-spacing: -0.1px;
    color: #000;
    font-weight: bold;
}


@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");

}



body {margin:0; padding:0; letter-spacing:1px; font-family: 'ONE-Mobile-Regular', sans-serif;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0; font-family: 'ONE-Mobile-Regular', sans-serif;}

h1, h2, h3, h4, h5, h6, p, a, span {margin:0; font-family: 'ONE-Mobile-Regular', sans-serif;}

input, button {outline:none; font-family: 'ONE-Mobile-Regular', sans-serif;}

textarea, select { font-family: 'ONE-Mobile-Regular', sans-serif;}

input {box-shadow:none !important; font-family: 'ONE-Mobile-Regular', sans-serif;}

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

a {text-decoration:none; color:#000;letter-spacing: -0.05px;}

ul {margin:0; padding:0;}

ul li {list-style:none; font-family: 'ONE-Mobile-Regular', sans-serif;}



/* header */

#hd {width:100%; height:auto; border-top:2px solid #e60020; }



#hd .hd_box {width:1240px; height:87px; margin:0 auto; position:relative; display:table;}

#hd .hd_box a.hd_logo {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:228px; height:55px;}

#hd .hd_mid {display:table-cell; vertical-align:middle;}

#hd .hd_mid ul li {float:left; margin-right:10px;}

#hd .hd_mid ul li:last-child {margin-right:0;}

#hd .hd_mid01 li {border:2px solid #ffd4cf; border-radius:16px; padding:10px 15px;}

#hd .hd_mid01 li a {line-height:19px;font-weight: 600;font-size:13.9px;}

#hd .hd_mid01 li img {vertical-align:middle; margin-right:6px;}

#hd .hd_mid02 {float:right;}

#hd .hd_mid02 li {border:2px solid #e0e0e0; border-radius:16px; padding:10px 15px;font-weight: 600;font-size:13.9px;color: #2c2c2c;}

#hd .hd_mid02 li img {vertical-align:middle; margin-right:6px;}



#hd .hd_menu {width:100%; height:64px; background:#164299;}

#hd .hd_menu ul {width:1240px; height:100%; margin:0 auto;}

#hd .hd_menu ul li {float:left; margin-left:44px; margin-right:38px; position:relative; line-height:66px; display: list-item;}

#hd .hd_menu ul li:last-child {margin-right:0;}

#hd .hd_menu ul li::after {content:""; width:6px; height:6px; border-radius:50%; background:#4b70ba; position:absolute; left:-42px; top:50%; transform:translate(0,-50%);}

#hd .hd_menu ul li a {color:#fff; font-size:20.5px; line-height:1.9;font-weight: 600;}

#hd .hd_menu ul li a span {font-size:17px;}

#hd .hd_menu ul li.hd_huga {}

#hd .hd_menu ul li.hd_huga a {display:inline-block; background:#002268; line-height:62px; padding:0 36px;}



/* footer */

#ft {width:100%; height:auto; margin-top:40px; letter-spacing:-1px;}

#ft .ft_top {width:100%; height:54px; background:#2289d7;}

#ft .ft_top_box {width:1240px; height:100%; margin:0 auto; text-align:center;}

#ft .ft_top_box ul li {display:inline-block; margin-left:27px; margin-right:27px; line-height:54px; position:relative;}

#ft .ft_top_box ul li::after {content:""; width:4px; height:4px; border-radius:50%; background:#6fb2e5; position:absolute; right:-27px; top:50%; transform:translate(0,-50%);}

#ft .ft_top_box ul li:first-child {margin-left:0;}

#ft .ft_top_box ul li:last-child {margin-right:0;}

#ft .ft_top_box ul li:last-child::after {display:none;}

#ft .ft_top_box ul li a {font-size:15px; color:#fff; font-family: 'Pretendard-Regular', sans-serif;}

#ft .ft_btm {width:100%; height:auto; background:#eef7ff;}

#ft .ft_btm_box {width:1240px; height:100%; margin:0 auto;}

#ft .ft_btm_con {display:table; padding:30px 0;}

#ft .ft_btm_con .ft_img {display:table-cell; vertical-align:middle;}

#ft .ft_btm_con .ft_img img {margin-right:65px;}

#ft .ft_btm_con .ft_txt {display:table-cell; vertical-align:middle; letter-spacing:0;}

#ft .ft_btm_con .ft_txt p {line-height:23px; color:#526583; font-size:14px;font-family: 'Pretendard-Regular', sans-serif;}

#ft .ft_btm_con .ft_txt span {line-height:23px; color:#526583; font-weight:500;font-size:14px;font-family: 'Pretendard-Regular', sans-serif;}



/* main */

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

#main .main_bn {height:431px; margin:0 auto; background:url('../img/img/main_bn.jpg') no-repeat center;}

#main .main_bn_con {width:1240px; height:100%; margin:0 auto; display:table;}

#main .main_txt {display:table-cell; vertical-align:middle; width:62%}

#main .main_txt p {font-family: 'WavvePADO-Regular'; color:#01eaff; font-size:23.5px; line-height:0.7;}

#main .main_txt h2 {font-family: 'ONE-Mobile-Title'; color:#fff; font-size:52.5px; margin-top:18px; line-height:1; letter-spacing:0.6px;font-weight:500;}

#main .main_txt > span {display:inline-block; font-family: 'ONE-Mobile-Title'; color:#fff; font-size:13px; margin-top:18px; line-height:1; letter-spacing:1px;}

#main .main_pp {display:table-cell; vertical-align:middle;}

#main .main_pp img {}

#main .main_sch {margin-top:34px; position:relative;}

#main .main_sch button.sch_select {width:140px; height:60px; border:2px solid #fff; position:relative; color:#000; font-weight:600;float:left; margin-right:9px; text-align:left; padding-left:13px;}

#main .main_sch button.sch_select span {position:relative; z-index:1; font-family: 'NanumSquareNeo'; font-size:15px; display:inline-block; width:100%;}

#main .main_sch button.sch_select::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;}

#main .main_sch button.sch_select span img {position:absolute; right:11px; top:50%; transform:translate(0,-50%);}

#main .main_sch ul {display:none; position:absolute; top:60px; left:0; z-index:1;}

#main .main_sch ul li {text-align:center; width:140px; height:40px; line-height:40px; background:black; display: list-item;}

#main .main_sch ul li button {color:#fff;}

#main .main_sch .sch_txt_box {position:relative; overflow:hidden; border-radius:0 10px 0 0; display:inline-block; width:290px; height:60px;}

#main .main_sch .sch_txt_box input.sch_txt {/*width:215px; height:54px;*/width:234px; height:60px; border:2px solid #fff; padding-left:15px;position:relative; background:none; z-index:1; color:#000;font-weight:600;

font-family: 'NanumSquareNeo'; font-size:15px;}

#main .main_sch .sch_txt_box input.sch_txt::placeholder {color:#000;}

#main .main_sch .sch_txt_box input.sch_txt::-webkit-input-placeholder{color:#000;}

#main .main_sch .sch_txt_box input.sch_txt:-ms-input-placeholder{color:#000;}

#main .main_sch .sch_txt_box button.sch_submit {position:absolute; right:0; top:0; z-index:1;}

#main .main_sch .sch_txt_box > span {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;}



#main .sunbak {width:100%; height:auto;}

#main .sb_box {width:100%; height:auto; padding:40px 0;}

#main .sb_box.even {background:#eff3fa}

#main .sb_box_con {width:1240px; height:100%; margin:0 auto; position:relative;}

#main .sb_box_con .sb_more {position:absolute; right:113px; top:0; width:80px; height:35px; border:2px solid #c6e2f2; border-radius:8px; text-align:center; line-height:36px; font-size:14.5px;font-weight: 500;

 font-family: 'NanumSquareNeoBold'; background:#fff;}

#main .sb_box_con .sb_more img {vertical-align:middle; margin-left:5px;}

#main .sb_box_con .sb_write {position:absolute; right:0; top:0; width:102px; height:39px; background:#3f80ea; color:#fff; text-align:center; line-height:38px; font-size:14.5px;font-weight: 500;

border-radius:8px; font-family: 'NanumSquareNeoBold';}

#main .sb_box_con .sb_write img {vertical-align:middle; margin-right:5px;}

#main .sb_box_con h5 {font-size:32px; line-height:1;  font-family: 'ONE-Mobile-Title'; font-weight:500;}

#main .sb_box_con h5 span {font-family: 'ONE-Mobile-Title'; font-size:23px; }

#main .sb_box_con ul {display:table; width:100%; height:auto;}

#main .sb_box_con ul li {width:128px; height:auto; margin-right:11px; float:left; margin-top:20px;}

#main .sb_box_con ul li:nth-child(9n+0) {margin-right:0;}

#main .sb_box_con ul li a {}

#main .sb_box_con ul li a img {width:100%; height:97px; border:1px solid #d8d8d8;}

#main .sb_box_con ul li a span {display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:14px; font-size:14px; 

line-height:1; font-family: 'NanumSquareNeo';}

#main .sb_box_con ul li.noData { 
    width: 100%;
    text-align: center;
    height: 200px;
    line-height: 200px;
}



#main .huga {border-top:14px solid #eff3fa;}

#main .hu_con {width:1240px; height:auto; margin:40px auto; display:table;}

#main .huga_box {width:582px; height:auto; float:left; margin-right:76px; position:relative;}

#main .huga_box:last-child {margin-right:0;}

#main .huga_box h5 {font-size:25px; line-height:1; padding-bottom:18px; border-bottom:3px solid #d8e7fe; position:relative;font-family: 'ONE-Mobile-Title';font-weight: 100;}

#main .huga_box h5::after {content:""; width:177px; height:3px; background:#2c73e5; position:absolute; left:0; bottom:-3px;}

#main .huga_box a.hu_more {position:absolute; right:110px; top:-5px; width:80px; height:35px; border:2px solid #c6e2f2; border-radius:8px; text-align:center; line-height:35px; font-size:14.5px;

 font-family: 'NanumSquareNeoBold';}

#main .huga_box a.hu_more img {vertical-align:middle; margin-left:5px;}

#main .huga_box button.hu_write {position:absolute; right:0; top:-5px; width:102px; height:39px; background:#3f80ea; color:#fff; text-align:center; line-height:38px; font-size:14.5px;

border-radius:8px; font-family: 'NanumSquareNeoBold';}

#main .huga_box button.hu_write img {vertical-align:middle; margin-right:5px;}



#main .huga_box table {border-collapse:collapse; width:100%;}

#main .huga_box table tr td {border-bottom:1px solid #ededed; padding:8px 0 9px;}

#main .huga_box table tr td.hu_ct {text-align:left;}

#main .huga_box table tr td.hu_ct span {display:inline-block; font-size:13px; line-height:28px; padding:0 17px; background:#d8e6ff; border-radius:50px; color:#0051bd; text-align:center;}

#main .huga_box table tr td.hu_tit {font-size:15px; line-height:1; padding-left:10px; width:35%;}

#main .huga_box table tr td.hu_tit span {display:inline-block; width:245px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#main .huga_box table tr td.hu_tel {font-size:14px; width:25%; text-align:center; }

#main .huga_box table tr td.hu_buy {font-size:14px; width:20%; text-align:center; color:#f81310;}

#main .huga_box table tr td.hu_date {font-size:12px; width:17%; text-align:right;}

#main .huga_box.huga_02 table tr td.hu_tit {width:55%;}

#main .huga_box.huga_02 table tr td.hu_tit span {width:345px;}



#main .btm_bn {width:1240px; height:auto; margin:0 auto;}






#m_hd { display: none;}
.m_search_box { display: none; }
.m_footer { display: none; }
.m_footer_bottom { display: none; }
.m_footer_banner { display: none; }


@media screen and (max-width: 800px) {
    #hd { display: none; }
    .pc_search_box { display: none; }
    .pc_footer { display: none; }
    .pc_footer_banner { display: none; }


    #m_hd { display: block;}
    .m_search_box { display: block; }
    .m_footer { display: block; }
    .m_footer_bottom { display: block; }
    .m_footer_banner { display: block; }

    body {margin:0;padding:17vw 0 23vw 0;font-size:0.75em;background:#fff;font-family:'ONE-Mobile-Regular'; position:relative; }
}