@charset "utf-8";
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

 body {width:100%; min-width:320px; max-width:640px; height:auto; margin:0 auto; padding:0; background:#fff; letter-spacing:-1px; font-family: 'NanumSquareNeo', sans-serif}
 html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
 h1, h2, h3, h4, h5, h6, p, a, span {font-family:'NanumSquareNeo',sans-serif; margin:0;}
 input, button {font-family:'NanumSquareNeo',sans-serif; outline:none;}
 textarea, select {font-family:'NanumSquareNeo',sans-serif;}
 select {font-family:'NanumSquareNeo',sans-serif; outline:none;}
 input {box-shadow:none !important;}
 button {background:none; border:0; cursor:pointer; padding:0;}
 a {text-decoration:none; color:#000;}
 ul {margin:0; padding:0;}
 ul li {list-style:none;}
 header {background:#fff;}
 div#contents {/*background:#f3f8fb;*/ padding-top:129px; padding-bottom:300px;}
 footer {background:#fff;}
 
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

 /* header */
#hd {display:flex; flex-direction:column; width:100%; max-width:640px; position:fixed; z-index:100;}
#hd .hd_top {background:#3576d2; height:129px; padding:0 20px; position:relative;}
#hd .hd_top a {float:left; margin-right:30px; position:absolute; top:50%; transform:translate(0,-50%);}
#hd .hd_top a img {width:255px; height:auto;}
#hd .hd_top .hd_search {border:2px solid #fff; background:none; border-radius:5px; color:#fff; width:250px; height:54px; font-size:1.2rem; 
position:absolute; top:50%; right:85px; transform:translate(0,-50%); padding-left:15px; font-weight:100;}
#hd .hd_top .hd_search::placeholder {color:#fff;}
#hd .hd_top .hd_search::-webkit-input-placeholder{color:#fff;}
#hd .hd_top .hd_search:-ms-input-placeholder{color:#fff;}
#hd .hd_top .hd_submit {cursor:pointer; position:absolute; top:50%; right:20px; transform:translate(0,-50%);}
 
 .hd_list {width:100%; background:#fff; display:inline-block; padding:0 20px; /*border-bottom:1px solid #d2d3cf;*/ white-space:nowrap; overflow-x:auto;}
 .hd_list::-webkit-scrollbar {height:8px;}
 .hd_list::-webkit-scrollbar-thumb {border-radius:50px; background:#000;}
 .hd_list::-webkit-scrollbar-track {border-radius:50px; background:#dfdfdf;}
 .hd_list li {/*float:left; width:calc(100% / 5);*/ display:inline-block; list-style:none; text-align:center; font-size:1.5rem; padding:25px 0; margin-right:70px;}
 .hd_list li:last-child {margin-right:0;}
 .hd_list li.on {border-bottom:5px solid #ff5d31; padding-bottom:20px;}
 .hd_list li a {text-align:center;}
 .hd_list li a span {display:block; }

 .hd_list li a.on {
    border-bottom:5px solid #ff5d31; 
    padding-bottom:35px;
 }
 /*
 .hd_list::-webkit-scrollbar {}
 */
 #contents .main_bn img {width:100%;}
 #contents .main_bn .swiper-slide img {width:100%; height:320px;}
 .con_box {background:#fff;}
 .nav {width:160px; height:50px; background:#282828; border-radius:50px; position:absolute; right:25px; bottom:35px; z-index:1;}
 .nav .swiper-button-next {width:15px; height:24px; background:url('/img/main_next_btn.png')no-repeat; top:50%; transform:translate(0,-50%); margin-top:0;}
 .nav .swiper-button-prev {width:15px; height:24px; background:url('/img/main_prev_btn.png')no-repeat; top:50%; transform:translate(0,-50%); margin-top:0;}
 .nav .swiper-button-next::after {opacity:0;}
 .nav .swiper-button-prev::after {opacity:0;}
 .nav .main_nav {color:#9f9f9f; top:50%; bottom:unset; transform:translate(0,-50%); line-height:1; font-size:1.25rem;}
 .nav .main_nav .swiper-pagination-current {color:#fff;}
 .con2 {padding:40px 20px 0px;}
 .con2 .co2_tit {margin-bottom:26px}
 .con2 h5 {font-size:2rem; line-height:1; display:inline-block;}
 .con2 .radio_list {float:right; margin-bottom:0px;font-size:15px;letter-spacing: 0.5px;} 
 .con2 .radio_list li {float:left; margin-bottom:10px;}
 .con2 .radio_list li input[type="radio"]:checked + label {color:#064096; margin-bottom:10px;margin-left:3px;font-weight:600; letter-spacing: 0.5px;height: 40px;font-size:15px;line-height: 15px;}
 .con2_list ul li {width:100%; height:auto; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; margin-bottom:10px; cursor:pointer;}
 .con2_list ul li:last-child {margin-bottom:0;}
 .con2_list ul li .img {width:35%; float:left; display:flex;}
 .con2_list ul li .img img {width:100%; height:180px;}
 .con2_list ul li .txt {width:calc(100% - 35%); margin-left:35%; padding:0 14px;} 
 .con2_list ul li .txt p strong {font-size:1.4rem;font-weight:600;letter-spacing: -0.2px;}
 .con2_list ul li .txt p span {display:inline-block; float:right;}
 .con2_list ul li .txt p.txt_top {border-bottom:1px solid #e5e5e5; line-height:1; padding:20px 0; display:inline-block; font-size:1.2rem;font-weight:500;width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .con2_list ul li .txt .mid {display:table; width:100%; height:115px; position:relative;}
 .con2_list ul li .txt .mid span.disBox {color:#356ab3; position:absolute; right:0; bottom:10px;}
 .con2_list ul li .txt .mid span.disBox img {vertical-align:middle; margin-right:10px;}
 .con2_list ul li .txt .mid span.disBox02 {font-size:1.3rem; font-weight:100; position:absolute; left:0; bottom:10px;}
 .con2_list ul li .txt p.txt_btm {/*display:table-cell; vertical-align:middle;*/ font-size:1.3rem; line-height:1.8rem; font-weight:100; }
 
 .uv {padding:60px 20px 0; background:#fff;}
 .uv h5 {font-size:2rem; }
 
 /* bookmark css 추가 시작 */
 .bk {padding:60px 20px 0; background:#fff;}
 .bk .bk_box {padding-bottom:50px}
 .bk .bk_box h5 {font-size:2rem; line-height:1; display:inline-block; margin-bottom:30px;}
 .bk_list ul li {width:100%; height:auto; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; margin-bottom:25px;}
 .bk_list ul li:last-child {margin-bottom:0;}
 .bk_list ul li .img {width:35%; float:left; display:flex; position:relative;}
 .bk_list ul li .img img {width:100%; height:180px;}
 .bk_list ul li .img .bk_btn {position:absolute; right:15px; bottom:15px;}
 .bk_list ul li .img .bk_btn img {width:50px; height:50px;}
 .bk_list ul li .txt {width:calc(100% - 35%); margin-left:35%; padding:0 20px;} 
 .bk_list ul li .txt p strong {font-size:1.5rem;}
 .bk_list ul li .txt p span {display:inline-block; float:right;}
 .bk_list ul li .txt p.txt_top {border-bottom:1px solid #e5e5e5; line-height:1; padding:20px 0;}
 .bk_list ul li .txt .mid {display:table; width:100%; height:115px;}
 .bk_list ul li .txt p.txt_btm {display:table-cell; vertical-align:middle; font-size:1.3rem; font-weight:100; }
 /* bookmark css 추가 끝 */
 
 /* 정보 팝업 추가 시작 */
 #info {display:none; position:fixed; top:0; background:#fff; max-width:640px; width:100%; height:100vh; z-index:100;}
 #info .info_tit {text-align:center; position:relative; border-bottom:1px solid #e5e5e5; height:120px;}
 #info .info_tit h5 {font-size:2.25rem; line-height:120px;}
 #info .info_tit button {width:40px; height:40px; position:absolute; right:20px; top:50%; transform:translate(0,-50%);}
 #info .info_top {display:table; padding:40px 20px; border-bottom:1px solid #e5e5e5;}
 #info .info_top img {display:table-cell; vertical-align:middle; width:130px; height:130px;}
 #info .info_top p {word-break:keep-all; display:table-cell; vertical-align:middle; padding-left:25px; font-size:1.375rem; line-height:2rem;}
 #info .info_btm {}
 #info .info_btm ul li {padding:0 20px; border-bottom:1px solid #e5e5e5; font-size:1.375rem; line-height:95px; position:relative;}
 #info .info_btm ul li.ver p {text-align:right;}
 #info .info_btm ul li.ver strong {} 
 #info .info_btm ul li.ver span {float:left;}
 #info .info_btm ul li.link img {position:absolute; top:50%; right:20px; transform:translate(0,-50%);}
  /* 정보 팝업 추가 끝 */
 
 #ft {position:fixed; bottom:0; /*height:142px; */max-width:640px; z-index:200; border-top:4px solid #f5f5f5;}  
 #ft .ft_box {background:#f5f5f5; width:100%; height:128px;}
 #ft .ft_box ul {display:table; width:100%;}
 #ft .ft_box ul li {width:calc(100% / 5); float:left; text-align:center;}
 #ft .ft_box ul li img {width:100%;}
 #ft .ft_logo {width:100%; height:auto;}
 #ft .ft_logo ul {display:table;}
 #ft .ft_logo ul li {float:left; width:calc(100% / 3);}
 #ft .ft_logo ul li img {width:100%;}
 
 .ft_wing {position:fixed; bottom:30%; width:115px; height:115px; margin-left:20px; z-index:100;}
 .ft_wing img {width:100%;}
 
 @media all and (max-width:639px) {
  #hd .hd_top {height:20.1878vw; padding:0 3.1299vw;}
  #hd .hd_top a img {width:39.9061vw; height:auto;}
  #hd .hd_top a {margin-right:4.6875vw;}
  #hd .hd_top .hd_search {width:39.1236vw; height:8.4375vw; right:11.7371vw; font-size:3.4429vw; padding-left:2.3474vw;}
  #hd .hd_top .hd_submit {right:3.1299vw}
  #hd .hd_top .hd_submit img {width:7.0313vw;}
  .hd_list {padding:0 3.1299vw;}
  .hd_list::-webkit-scrollbar {height:1.252vw;}
 .hd_list li {font-size:1.3rem; margin-right:4.3897vw; margin-left:4.3897vw;padding:3.9124vw 0;}
 .hd_list li a img {width:10.2375vw;}
 .hd_list li a span {font-size:3.9999vw;line-height:1.4rem;letter-spacing: -0.1px;}

 .hd_list li a.on {
    font-size:3.9999vw;
    font-weight:600;
    color:#ff3000;
   letter-spacing: -0.1px;
 }
/* .hd_list li a.onn {
    border-bottom:0.7825vw solid #ff5d31; 
    padding-bottom:5.4773vw;
 }*/
 
 div#contents {padding-top:20.1563vw;  padding-bottom:46.9484vw;}
 #contents .main_bn .swiper-slide img {width:100%; height:47.9266vw;}
 
 
 .nav {width:25.0391vw; height:7.8247vw; right:5.9124vw; bottom:6.8773vw;}
 .nav .swiper-button-next {width:2.3474vw; height:3.7559vw; background:url('/img/main_next_btn.png')no-repeat; background-size:cover;}
 .nav .swiper-button-prev {width:2.3474vw; height:3.7559vw; background:url('/img/main_prev_btn.png')no-repeat; background-size:cover;}
 .nav .main_nav {font-size:3.6299vw;letter-spacing: -0.1px;}
 .nav .main_nav .swiper-pagination-current {color:#fff;font-weight:600;}
 
 .con2 {padding:3.3897vw 2.3vw;}
 .con2 h5 {font-size:1.4rem; margin-top:5px;display:inline-block;letter-spacing: -0.1px;}
 .con2 .radio_list {margin-top:1.5649vw;} 
 .con2_list ul li .img img {height:28.169vw;}
 .con2_list ul li .txt p.txt_top {padding:2.1299vw 0;font-weight:600;}
 .con2_list ul li .txt .mid {height:14.4319vw}
 .con2_list ul li .txt .mid span.disBox {font-size:3.1299vw; bottom:1.5649vw}
 .con2_list ul li .txt .mid span.disBox img {width:3.1299vw; margin-right:1.5649vw;}
 .con2_list ul li .txt .mid span.disBox02 {font-size:3.6vw; bottom:1.5649vw; line-height:4.6vw;}
 .con2_list ul li .txt p strong {font-size:4.1vw;}
 .con2_list ul li .txt .mid span.disBox {color:#356ab3; position:absolute; right:0; bottom:10px;}
 .con2_list ul li .txt .mid span.disBox img {vertical-align:middle; margin-right:10px;}
 .con2_list ul li .txt .mid span.disBox02 {font-size:3.6vw; font-weight:100; position:absolute; left:0; margin-top:5px;line-height:0.3rem;letter-spacing: -0.1px;color: #4a4a4a;}
 .con2_list ul li .txt p.txt_btm {/*display:table-cell; vertical-align:middle;*/ font-size:3.6vw; line-height:1rem; font-weight:100;margin-bottom:5px;color: #4a4a4a;letter-spacing: -0.4px;}

 #ft {/*height:37.8717vw;*/}
 #ft .ft_box {height:20.0313vw}
 .ft_wing {width:17.9969vw; height:17.9969vw;}
 
 /* bkkomark 추가 시작 */
 .bk_list ul li .img img {height:28.169vw;}
 .bk_list ul li .txt p.txt_top {padding:3.1299vw 0;}
 .bk_list ul li .txt .mid {height:14.4319vw}
 .bk_list ul li .txt p strong {font-size:4.3818vw;}
 .bk_list ul li .txt p.txt_btm {font-size:3.1299vw;}
 .bk_list ul li .img .bk_btn {position:absolute; right:2.3474vw; bottom:2.3474vw;}
 .bk_list ul li .img .bk_btn img {width:7.8247vw; height:7.8247vw;}
 /* bkkomark 추가 끝 */
 
 /* 정보 팝업 추가 시작 */
 #info .info_tit {height:18.7793vw;}
 #info .info_tit h5 {font-size:5.4773vw; line-height:18.7793vw;}
 #info .info_tit button {width:6.2598vw; height:6.2598vw; right:3.1299vw;}
 #info .info_tit button img {width:100%;}
 #info .info_top {padding:6.2598vw 3.1299vw;}
 #info .info_top img {width:20.3443vw; height:20.3443vw;}
 #info .info_top p {padding-left:3.9124vw; font-size:3.4429vw; line-height:4.6948vw;}
 #info .info_btm {}
 #info .info_btm ul li {padding:0 3.1299vw; font-size:3.4429vw; line-height:14.867vw;}
 #info .info_btm ul li.link img {right:3.1299vw; width:2.8169vw;}
  /* 정보 팝업 추가 끝 */
 
 }