@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face { font-family: 'NanumGothic', 'arial', 'Malgun Gothic'; }
*/

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;}
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:'NanumGothic', 'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋfont-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.logo {float:left;padding: 30px 30px;}

.main-example .DAYS {display:none !important;}
.timgtimg {float: left; margin-right:30px; padding:32px 0;}
.timgtimg2 {float: left; margin-left:30px; padding:28px 0;}

.innder {width:100%; display: table-cell;vertical-align: middle;}
.innders {width:1200px; margin:0 auto;}

.top_banner {position:fixed; z-index:9999; width:100%; height:120px; background:url(../img/top_banner.jpg) no-repeat center;top: 0;}

.top_fix {position:fixed; z-index:9999; width:100%; height:100px; background:#ffd000;box-shadow: 0px 10px 15px rgba(0,0,0,0.3);}


.bottomul{
    display: none;
}
#top_link_div{
    width: 1024px !important;
}
#top_link_ul > li:nth-child(1) > div:nth-child(2) a{
    display: none;
}
.glo_ul > li:nth-child(6),.glo_ul > li:nth-child(7){
    display: none;
}
.glo_ul > li:nth-child(1){
    float: left;
}
.glo_ul > li:nth-child(1) > div a > img{
    content: url(/images/global/top_logo.png);
}

.glo_ul > li:nth-child(2),.glo_ul > li:nth-child(3),.glo_ul > li:nth-child(4),.glo_ul > li:nth-child(5){
    float: right;
}
#top_link_ul_div{
    overflow: auto!important;
}
.top_link{
    font-size: 1.5em !important;
    font-weight: 400 !important;
}
.top_link:hover{
    color: #74b36c !important;
    border-bottom: solid 1px #74b36c;
    font-size: 1.5em !important;
    font-weight: 400 !important;
     -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.event_con1{
    margin-top: 50px;
}


.sec00 {display: table; width:100%; height:1660px; text-align:center; margin-top:270px; background:url(../img/sec00_bg1d.jpg) no-repeat bottom;}
.sec00a {display: table; width:100%; height:1660px; text-align:center; margin-top:270px; background:url(../img/sec00_bg2d.jpg) no-repeat bottom;}

.sec00vd {position: absolute; left:50%; width:634px; height:414px; margin-top:580px; margin-left:-317px; background:url(../img/hfl_vd.png) no-repeat center;}
.sec00vd video {width:600px; height:380px; margin:17px 0;}


.sec01 {display: table; width:100%; height:930px; text-align:center;background:url(../img/secbg_01.jpg) no-repeat bottom;}
.sec01 .innder {vertical-align: top;}

.sec02 {display: table; width:100%; height:679px; text-align:center; background:url(../img/secbg_02.jpg) no-repeat bottom; background-size:cover;}

.sec03 {display: table; width:100%; height:570px; text-align:center; background:#f1f1f1;}
.sec03 .innder {vertical-align: center;}
.sec03a { background:#fff;}
.sec03 table {width:1200px; margin:0 auto;}
.sec03 table th {width:510px;}
.sec03 table th img {cursor: pointer;}
.sec03 table td {text-align:left;}
.sec03 table td.left {padding-left:50px;}
.sec03 table td.right {padding-right:50px;}
.sec03 table td a {margin-top:30px;display:inline-block;cursor: pointer;}

.sec04 {display: table; width:100%; height:810px; text-align:center; background:url(../img/secbg_04.jpg) no-repeat top;}
.sec04 .innder {vertical-align: bottom;}
.sec04 .innder img {padding-bottom:45px;}

.sec05 {display: table; width:100%; height:833px; text-align:center; background:url(../img/secbg_05.jpg) no-repeat center;}
.sec05 .innder {vertical-align: top;}
.sec05 .innder img {padding-top:80px;}

.sec06 {display: table; width:100%; height:670px; text-align:center; background:#fff;}
.sec06 .slidebox {width:100%;position: absolute; padding:85px 150px; min-width:1200px;}
.sec06 .slidebox .swiper-slide {height:510px;}
.sec06 .slidebox .swiper-slide .boxs {width:96%; height:490px; border:1px solid #eee; background:#fff; margin-left:5px; margin-top:5px;box-shadow: 3px 3px 7px rgba(0,0,0,0.3); padding:20px;overflow: hidden;}
.sec06 .slidebox .swiper-slide .boxs p {text-align:left; font-size:13px; line-height:18px; margin-top:10px; font-weight:600;overflow: hidden; height:160px;}
.sec06 .slidebox .swiper-slide .boxs p span {color:#00376b;}
.sec06 .slidebox .swiper-slide .boxs .ptbox {width:100%; height:230px;}
.sec06 .slidebox .swiper-slide .boxs .ptbox img {width:100%; height:230px;}
.sec06 .slidebox .swiper-slide .boxs .btbox {width:100%;}
.sec06 .slidebox .swiper-slide .boxs .btbox img {width:100%;}
.sec06 .swiper-button-next {right:50px;}
.sec06 .swiper-button-prev {left:50px;}

.sec07 {display: table; text-align:center; width:100%; height:833px;  background:url(../img/secbg_07.jpg) no-repeat center;}
.sec07 .innder {vertical-align: bottom;}
.sec07 .innder img {padding-bottom:10px;}

.sec08 {display: table; text-align:center;width:100%; height:auto; padding:60px 0 40px; background:#218648;}
.sec08 ul {display:inline-block; text-align:center;}
.sec08 ul li {float:left; margin:0 10px; color:#fff; font-size:14px; font-weight:600; line-height:30px;}
.sec08 .satit {position: absolute; left:50px; margin-top:-100px;}
.sec08 .saadd {position: absolute; left:50%; margin-top:-110px; margin-left:40px;}



.sec09 {display: table; text-align:center; width:100%; height:600px; background:url(../img/secbg_09.jpg) no-repeat center;}



ul.sec08_ul {width:100%; padding:30px 0;}
ul.sec08_ul li {float:left; width:25%; padding:15px 1%; cursor: pointer;}
ul.sec08_ul li img {width:100%;}
ul.sec08_ul li p {color:#fff; font-size:16px; letter-spacing:-1px; padding:10px 0 0px; font-weight:600;}






.sec99 {display: table; text-align:center;width:100%; height:600px; background:#f1f1f1;}
.sec99 p {margin-top:50px;}
.sec99 p a {margin: 0 20px;}

.bottom_area {width:100%; height:200px; background:#333333; color:#999999; font-size:12px; line-height:18px; letter-spacing:-1px;clear: both;}
.bottom_area p.copy {padding:44px 0;float: left;}
.bottom_area p.copy span {color:#999; display:inline-block; margin-bottom:10px;}

.bottom_area ul.bottomul {float: right; margin-top:45px; text-align:right;}
.bottom_area ul.bottomul li {}
.bottom_area ul.bottomul li:first-child {margin-bottom:28px;}
.bottom_area ul.bottomul li span.privbtn {display:inline-block; background:#111111; color:#fff; padding:4px 10px;    cursor: pointer;}
.bottom_area ul.bottomul li p.copy2 {color:#999999; font-size:12px; line-height:18px; letter-spacing:-1px;}

.quick_phone {position:fixed; right:30px; bottom:30px; z-index:99999; width:240px; height:412px; background:url(../img/phone_bg.png) no-repeat; padding: 70px 36px;}
.quick_phone label {font-size:11px; letter-spacing:-1px;}
.quick_phone span.agreebtn {font-size:11px;letter-spacing:-1px; font-weight:700;cursor: pointer;}
.quick_phone span.qp_bnt {display:block; cursor: pointer; background:#fec71d; color:#333; font-size:16px; font-weight:600; text-align:center; height:38px; line-height:36px; letter-spacing:-1px;}
.quick_phone .tminput {border:1px solid #fff; background:#fff; padding:5px; font-size:12px;}

.quick_phone_add {display:none; position:fixed; right:30px; bottom:30px; z-index:999999; width:480px; height:500px; background:#4b2378;}
.quick_phone_add p.qpatit1 {padding:25px 30px 5px; font-size:18px; font-weight:600; color:#fff; letter-spacing:-1px; line-height:22px;}
.quick_phone_add p.qpatit2 {padding:0px 30px 20px 30px; font-size:16px; color:#fff; letter-spacing:-1px;line-height:22px;}
.quick_phone_add .qpa_box {width:460px; height:395px; background:#fff; margin: 0 auto;}
.quick_phone_add .qpa_box p.qpatit3 {margin:0 20px 10px; padding:20px 0 5px; font-size:16px; letter-spacing:-1px; border-bottom:2px solid #4b2378;}
.quick_phone_add .qpa_box p.qpatit4 {padding:15px 0; font-size:16px; letter-spacing:-1px; font-size:14px; color:#333; text-align:center;}
.quick_phone_add .qpa_box ul.qpa_ul1 {padding:0 20px;}
.quick_phone_add .qpa_box ul.qpa_ul1 li {float:left; padding-right:27px;}
.quick_phone_add .qpa_box ul.qpa_ul1 li:last-child {padding:0;}
.quick_phone_add .qpa_box ul.qpa_ul2 {padding:0 20px; height:50px;}
.quick_phone_add .qpa_box ul.qpa_ul2 li {float:left; width:135px; padding-bottom:7px;}

.quick_phone_add .qpa_box ul.qpa_ul3 {padding:0 20px; height:45px;}
.quick_phone_add .qpa_box ul.qpa_ul3 li {float:left; width:100px; padding-bottom:7px;}


.quick_phone_add .qpa_box label {font-size:13px;}
.quick_phone span.qp_bnt2 {display:inline-block; cursor: pointer; background:#4b2378; color:#fff; font-size:18px; font-weight:600; text-align:center; width:200px; height:42px; line-height:40px;}

.agreepop_bnk {display:none; background:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; left:0; top:0; z-index:999999; cursor: pointer;}
.agreepop_bnk .agreepop_area {width:700px; height:460px; background:#fff; border:10px solid #4b2378;position: absolute;left: 50%; top: 50%; margin:-230px 0 0 -350px; padding:30px; font-size:14px;}
.agreepop_bnk .agreepop_area p {font-size:20px; padding-bottom:20px;}
.agreepop_bnk .agreepop_area textarea {width:100%; height:330px; border:1px solid #ddd; padding:20px; line-height:18px; font-size:12px;}


.ytpop {position:fixed; z-index:999999; width:100%; height:100%; top:0; left:0; display:none;}
.ytpop #player {width:1020px; height:583px;position:fixed; z-index:9999; top:50%; left:50%; margin:-290px 0 0 -510px; border:10px solid #fec71d; background:#fff;}
#ytpop_bk {position:fixed; z-index:999; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.85);cursor: pointer;}

.videoid_bd {width:510px; height:338px; background:url(../img/ytbbg.png) no-repeat center;padding: 24px;}

.countdowntm {
        text-align: center;
        font-size: 65px;
        letter-spacing: -1px;
        font-weight: 300;
        margin: 0 auto;
        color: #A5A5A5;
        padding: 0 0 10px 0;
    }
.main-example{
    background-color: #2F2F2F;
    padding: 20px 0;
}
.main-example > p{
    font-size:35px;
    font-weight:700;
    margin: 0 auto;
    text-align:center;
    color:#A5A5A5;
    padding: 10px 0 0 0;
}

.bottomfix {position:fixed; z-index:999; bottom:0; left:50%; margin-left:-291px; width:582px; height:78px;}