/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:11px;font-family: "Pretendard", dotum, sans-serif;background:#fff; color: #1c1c1c; word-break:keep-all; word-wrap:break-word}

div ul{font-size: 0}
div ul li{font-size: 11px;  vertical-align: top; justify-content:center; align-items:center; flex-direction: column}
dl,dt,dd{display: block}
dt{font-weight: 700 }
ol{padding: 0 !important; margin: 0 !important; position: relative !important} 





/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd { top: 0; width: 100%; z-index: 9999;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_top{background: url("/img/top_bgm.png") top left no-repeat; background-size: cover; height: 38px; text-align: right; align-content: center}
.hd_top a{font-size: 1.063em; color: #fff;  }
.hd_top a + a{margin-left: 20px}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:auto;zoom:1; align-content: center; background: #fff; text-align: center; padding-top: 20px}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper img{width: 80%;}

#hd_wrapper ol{float: inherit; height: 50px; align-content: center}
#hd_wrapper ol a{font-size: 1.250em; font-weight: 600; text-align: right}
#hd_wrapper ol a + a{margin-left: 20px}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper { }
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}



/* 하단 레이아웃 */
#ft {background:#162c39;margin:0 auto;text-align:center; padding: 40px 0}
.fBox01 ul li{display:block; width: 100%; color: #fff; text-align: left}
.fBox01 ul li:nth-child(2){width: 100%; margin: 30px 0}
.fBox01 ul li:nth-child(3){width: 100%}
.fBox01 ul li:nth-child(1) img{width: 80%;}

.fBox01a{margin-top: 30px}
.fBox01a dt{font-size: 1.250em}
.fBox01a dl{ margin-top: 15px; padding-left: 25px; position: relative; font-size: 1.063em}
.fBox01a dl img{position: absolute; left: 0; width: 15px !important}

.fBox01b dt{margin-bottom: 7px}
.fBox01b dt span{border-bottom: #fff 2px solid}
.fBox01b a{display: block}
.fBox01b a + a{margin-top: 5px;}
.fBox01b + .fBox01b{margin-top: 40px}

.mobile{display: block !important}
.web{display: none !important}

.inner{width: 96%; position: relative; margin: 0 auto; }
.inner2{width: 96%; position: relative; margin: 0 auto}

.fwB{font-weight: 700}
.txtCenter{text-align: center}

.co01{color: #0095d0}
.coW{color: #fff}

.hidden{display:none;}

.subBox{padding: 60px 0}

.mb100{margin-bottom: 50px}

table{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 100%;}
table tr th{height: 50px; padding: 15px 0; font-weight: 700; font-size: 1.250em; text-align: center}
table tr td{height: 50px; padding: 15px 0; font-size: 1.250em; text-align: center}

.mainImg{ height: 140vw}
.mainImg .flex-direction-nav{display: none}

.box01 tr th{color: #fff; width: 28%}
.box01 tr th:nth-child(2){background: #0095d0}
.box01 tr th:nth-child(3){background: #0074a2; border-left: #fff 2px solid; border-right: #fff 2px solid}
.box01 tr th:nth-child(4){background: #0095d0}
.box01 tr th:nth-child(1){font-weight: 400; background: #e2f7ff; color: #0095d0; border-bottom: #fff 1px solid; width: 16%}
.box01 tr td{border-bottom: #dddddd 1px solid}
.box01 tr td:nth-child(3){background: #f7f7f7}

.box01 tr td:nth-child(1){font-weight: 400; background: #e2f7ff; color: #0095d0; border-bottom: #fff 1px solid}

.box02{background: #effaff; padding-top: 40px; position: relative; margin-bottom: 40px}
.box02r{position: relative; left: 0%;margin-left: 2%; top: 30px}
.box02r img{position: relative; width: 80%}
.box02r img:nth-child(2){margin-left: 80%; margin-top: -50vw; z-index: 999; width: 20% }

.box02a dt{margin-top: 30px; font-size: 3.125em; font-weight: 600}
.box02a dt span{font-size: 0.624em}
.box02a dl{font-size: 1.250em; margin-top: 40px; margin-bottom: 60px; line-height: 1.6}

.box02b ul li{display: inline-block; width: calc((100% - 4%) / 3); height: 35vw; position: relative; background: #03c987; border-radius: 10px; padding-left: 10px; padding-top: 15vw; vertical-align: top; }
.box02b ul li + li{margin-left: 2%}
.box02b ul li img{position: absolute; top:15px; right: 15px; width: 25px}
.box02b ul li dt{color: #ffff; font-size: 3.125em}
.box02b ul li dl{font-size: 1.125em; position: absolute; left: 10px; bottom: 10px}
.box02b ul li:nth-child(2){background: #0095d0; padding-top: 12vw}
.box02b ul li:nth-child(2) dt{font-size: 1.937em}

.box02b ul li:nth-child(3){background: #fff;}
.box02b ul li:nth-child(3) dt{font-size: 2.625em; color: #0095d0}

.box02c{margin-top: 80px; background: url("/img/tab_bg01.png") top center no-repeat; width: 100%; height: 65px; align-content: center; text-align: center;  line-height: 1; background-size: cover}
.box02c dl{background: url("/img/icon04.png")  92% 55%  no-repeat; font-size: 1.875em; font-weight: 700; color: #ffff; height: 65px; width: 100%; padding-right: 30px; align-content: center; padding-top: 5px; background-size: auto 10px}
.box02c dl.active{background: url("/img/icon05.png")  92% 55%  no-repeat; background-size: auto 10px}

.box02d{padding: 0px 0 50px; margin-top: -30px  }

.box02e tr th{font-weight: 400; background: #e2f7ff; color: #0095d0; border-bottom: #fff 1px solid; width: 20%}
.box02e tr td{width: 80%; background: #f7f7f7; text-align: left; padding-left: 10px; line-height: 1.6}
.box02e tr:nth-child(2n) td{background: #fff}

.box03{background: #f6f6f6; text-align: left}
.box03r{ margin-left: 2%; }
.box03r img{width: 80%}
.box03r img:nth-child(2){margin-left: 80%; margin-top: -60vw }

.box03a dt{margin-top: 90px;}
.box03a dl{font-size: 1.250em;}

.box03c{display: inline-flex}

.box04b ul li:nth-child(2) dt{font-size: 1.562em}
.box04r img:nth-child(2){margin-top: -70vw;  }


.set{margin-bottom: 30px}
.set button{background:url("/img/icon07.png")  95% center  no-repeat #f7fbff; height: 114px; align-content: center; padding-left: 20px; border: none; border-radius: 5px; width: 100%; text-align: left; border-left: 10px #0095d0 solid; position: relative; padding-right: 50px; background-size: 30px}
.set .active{background: url("/img/icon06.png")  95% center  no-repeat #0095d0; color: #fff; background-size: 30px}
.set .faq_title{font-size: 1.875em; font-weight: 600; }
.set .ans{margin-top: 10px}
.set .answer_box{background: #f7f7f7; border-radius: 5px; font-size: 1.250em; padding: 20px; line-height: 1.6; letter-spacing: -0.01em}

.box06{background: #0095d0}
.box06a{width: 100%; margin: 0 auto; background: #fff;  border-radius: 50px; height: 70px; border: #fff 1px solid}
.box06a li{display: inline-block; width: 50%; height: 68px; border-radius: 50px;  text-align: center; font-weight: 700; cursor:pointer}
.box06a li span{font-size: 1.825em;display: block; height: 68px; align-content: center}
.box06a li:hover{background: #03c987; color: #fff; border-radius: 50px}
.box06a li.active{background: #03c987; color: #fff; border-radius: 50px}

.box06b{background: #fff; padding: 40px 10px; margin-top: 30px; text-align: center}
.box06b button{background: #03c987; color: #fff; font-weight: 700; width: 40%; height: 52px; border: none; border-radius: 3px; font-size: 1.875em}
.box06b button.btn1{background: #fff; border: #03c987 1px solid; color: #03c987}
.box06b button + button{margin-left: 15px}

.box06c{margin-bottom: 30px; text-align: left}
.box06c ul li{display: inline-block; height: 60px; align-content: center}
.box06c ul li span{display: inline-block; width: 40px; height: 40px; text-align: center; align-content: center;font-size: 2.125em; font-weight: 700; color: #03c987; background: #ededed; border-radius: 50%}
.box06c ul li span.on{color: #fff; background: #03c987;}
.box06c ul li dl{display: inline-block; font-size: 1.875em; font-weight: 700; margin-left: 7px}
.box06c ul li:nth-child(2){width: 40px; text-align: center}
.box06c ul li:nth-child(2) img{width: 15px}

.box06d{border-top: #1c1c1c 1px solid; margin-bottom: 25px}
.box06d tr th{text-align: left; font-size: 1.125em; font-weight: 600; border-bottom: #dddddd 1px solid; width: 30%;}
.box06d tr th span{font-size: 0.875em; font-weight: 400}
.box06d tr td{text-align: left; font-size: 1.125em; font-weight: 500;  padding: 10px 0; border-bottom: #dddddd 1px solid}
.box06d tr td input[type="text"]{background: #f7f7f7; padding: 0 20px; height: 44px; width: 100%; font-size: 1.000em; border: none}
.box06d tr td input[type="text"]::placeholder{color: #999999}
.box06d tr td input[type="checkbox"]{width: 19px; height: 19px; margin-right: 5px}
.box06d tr td span{display:block; padding-right: 0px; margin-bottom: 5px}
.box06d tr td span.mb1{margin-bottom: 5px}
.box06d tr td select{width:100%; font-size: 1.000em; padding: 0 20px; height: 44px; border: #999999 1px solid}
.box06d tr td .w1{width: 20%}
.box06d tr td .w1 + .w1{margin-left: 15px}
.box06d tr td textarea{width: 100%; height: 160px}