@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:207px; padding-bottom:242px; }
 */
 div#contents {/*background:#f3f8fb;*/ padding-top:129px; padding-bottom:242px;}
 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 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.on {border-bottom:5px solid #ff5d31; padding-bottom:20px;}
 .hd_list li a {color:#898989;} 
 .hd_list li.on a {color:#ff5d31;}
 
 .hd_list::-webkit-scrollbar {margin-top:10px;}
 */
 .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:20px;
 }
 /* mian */
 .main_bn {display:flex; min-height:85px;}
 .slide_tit {position:absolute; top:0; width:100%; height:100px; background:rgba(0,0,0,0.8); display:table; padding:0 20px; z-index:100;}
 .slide_tit > a {color:#fff; display:table-cell; vertical-align:middle; font-size:1.25rem;line-height:1.39;}
 .slide_tit > a > img {width:20px; height:20px; margin-right:20px; vertical-align:middle;}
 .slide_tit ul {display:table-cell; vertical-align:middle; width:35%;}
 .slide_tit ul li {display:inline-block; margin-right:20px;}
 .slide_tit ul li:last-child {margin-right:0;}
 .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;}
 .main_bn img {width:100%;}
 .swiper-slide img {width:100%; height:470px;}
 .con_box {/*padding:30px 25px; background:#fff; margin-bottom:23px; border-top:1px solid #eef4f9; border-bottom:1px solid #eef4f9;*/}
 .con_box_s {padding:30px 25px;}
 .con_box h5 {font-size:2rem; color:#0041c3; line-height:1.5; font-weight:normal; border-bottom:4px solid #ebebeb; padding-bottom:15px;}
 .con_box h5 img {margin-right:15px; vertical-align:top;}
 .con01 > p {font-size:1.5rem; font-weight:300; padding-top:15px; margin-bottom:40px;}
 .con01 > iframe {margin-top:40px;}
 .con02 {position:relative;}
 .con02 > a {position:absolute; right:25px; top:12px;margin-top:5px;}
 .con02 table {border-collapse:collapse;}
 .con02 table tr th {width:25%; text-align:left; border-bottom:1px solid #ebebeb; font-size:1.25rem; word-break:keep-all; line-height:2rem;}
 .con02 table tr td {width:75%; padding:20px 0; border-bottom:1px solid #ebebeb; font-size:1.25rem; word-break:keep-all; line-height:2rem;}
 .con03 {}
 .con03 .slide_img {overflow-x:auto; margin-top:20px; white-space:nowrap;}
 .con03 .slide_img ul {width:685px; display:table; padding-bottom:20px;}
 .con03 .slide_img ul li {display:inline-block; margin-right:10px; text-align:center;}
 .con03 .slide_img ul li:last-child {margin-right:0;}
 .con03 .slide_img ul li img {width:125px; height:83px;}
 .con03 .slide_img ul li p {font-weight:500; font-size:1.25rem;}
 .con03 .slide_img ul li span {font-weight:100; font-size:1.25rem; display:block;} 
 .con04 {margin-bottom:0;}  
 .con04 tr th {/*width:30%;*/ width:190px; border-bottom:1px solid #ebebeb}
 .con04 tr th img {width:100%;}
 .con04 tr td {padding:30px 0 30px 20px; border-bottom:1px solid #ebebeb} 
 .con04 tr td > p {font-size:1.5rem; overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-bottom:20px;}
 .con04 tr td > a {font-weight:100; font-size:1.5rem; line-height:2rem; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;} 
 .con04 tr td .con4_txt {position:relative;}
 .con04 tr td .con4_txt p {width:50%; font-size:1.5rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} 
 .con04 tr td .con4_txt span {display:inline-block; font-size:1.5rem; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
 
 
 .con05 {margin-bottom:0;}  
 .con05 tr th {/*width:30%;*/ width:190px; border-bottom:1px solid #ebebeb}
 .con05 tr th img {width:190px;}
 .con05 tr td {padding:30px 0 30px 20px; border-bottom:1px solid #ebebeb} 
 .con05 tr td > p {width:100%; font-size:1.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-bottom:20px;}
 .con05 tr td > a {font-weight:100; font-size:1.5rem; line-height:2rem; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;} 
 .con05 tr td .con5_txt {position:relative;}
 .con05 tr td .con5_txt p {width:50%; font-size:1.5rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} 
 .con05 tr td .con5_txt span {display:inline-block; font-size:1.5rem; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
 
 .uv {padding:60px 20px 0; background:#fff;}
 .uv h5 {font-size:2rem; }
 
 /* bookmark css 추가 시작 */
 .bk {padding:20px 10px 0; background:#fff;}
 .bk .bk_box {padding-bottom:40px}
 .bk .bk_box h5 {font-size:1.3rem; line-height:1; display:inline-block; margin-bottom:15px;letter-spacing: -0.3px;font-weight: 600;}
 .bk_list ul li {width:100%; height:auto; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; margin-bottom:20px;}
 .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 10px;} 
 .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;}
 #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:242px;*/ max-width:640px; z-index:200; border-top:4px solid #f5f5f5;}  
 #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 .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_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:1rem; margin-right:9.3897vw;}
  .hd_list li a img {width:10.9375vw;}
  .hd_list li a span {font-size:3.7559vw;}
  /*
  .hd_list li {font-size:3.7559vw; padding:3.9063vw 0; margin-right:6.1299vw;}
  .hd_list li.on {padding-bottom:3.125vw; border-bottom:0.7825vw solid #ff5d31;}
  div#contents {padding-top:31.9859vw; padding-bottom:37.8717vw;}
 */
 .nav {width:25.0391vw; height:7.8247vw; right:3.9124vw; bottom:7.1773vw;}
 .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;}
 .nav .main_nav .swiper-pagination-current {color:#fff;}
 
 div#contents {padding-top:20.1563vw;  padding-bottom:37.8717vw;}
 .main_bn {min-height:14.867vw;}
 .slide_tit {padding:0 3.1299vw; height:14.867vw;}
 .slide_tit > a {font-size:4.9559vw}
 .slide_tit > a > img {width:5.0948vw; height:5.0948vw; margin-right:3.3299vw;}
 .slide_tit ul li {margin-right:3.1299vw;}
 .slide_tit ul li img {width:6.5552vw;}
 .swiper-slide img {height:73.5524vw;}
 .con_box_s {padding:4.6948vw 3.9124vw;}
 .con_box h5 img {margin-right:1.3474vw;}
 .con01 > p {font-size:4.0559vw; padding-top:4.3474vw; margin-bottom:6.2598vw;}
 .con02 > a {right:3.1299vw; top:1.8779vw;}
 .con02 > a > img {width:23.4742vw; height:8.9202vw;}
 .con02 table tr th {font-size:3.5299vw; line-height:4.3818vw;letter-spacing: 0px;}
 .con02 table tr td {font-size:3.8299vw; line-height:5.3208vw;letter-spacing: -0.2px;color: #515151;}
 
 .con03 .slide_img ul li img {width:24.5618vw; height:16.989vw;}
 .con03 .slide_img ul li p {font-size:3.8299vw;letter-spacing: -0.2px;line-height:6.6208vw;}
 .con03 .slide_img ul li span {font-size:3.8299vw;letter-spacing: -0.2px;line-height:5.3208vw;color: #2152ab;} 
 
 .con04 tr th {width:19.734vw;}
 .con04 tr td > p {font-size:4.3299vw; margin-bottom:4.1299vw;letter-spacing: -0.5px;}
 .con04 tr td > a {font-size:3.9299vw; line-height:6.2254vw;letter-spacing: -0.4px;color: #5b5b5b;}
 .con04 tr td .con4_txt p {font-size:3.8299vw;color: #5b5b5b;letter-spacing: -0.3px;}
 .con04 tr td .con4_txt span {font-size:3.6299vw;color: #5b5b5b;letter-spacing: -0.1px;}
 
 
 .con05 tr th {width:33.734vw;}
 .con05 tr th img {width:29.734vw;}
 .con05 tr td > p {font-size:4.3299vw; margin-bottom:4.1299vw;letter-spacing: -0.5px;}
 .con05 tr td > a {font-size:3.9299vw; line-height:6.2254vw;letter-spacing: -0.4px;color: #5b5b5b;}
 .con05 tr td .con5_txt p {font-size:3.8299vw;color: #5b5b5b;letter-spacing: -0.3px;}
 .con05 tr td .con5_txt span {font-size:3.6299vw;color: #5b5b5b;letter-spacing: -0.1px;}
 
 .con_box h5 {font-size:5.1948vw;font-weight: 600;letter-spacing: -0.1px;}
 .con_box h5 img {width:6.4948vw; height:7.0078vw;}
 #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:30.169vw;}
 .bk_list ul li .txt p.txt_top {padding:2.2vw 0;}
 .bk_list ul li .txt .mid {height:18.9319vw}
 .bk_list ul li .txt p strong {font-size:3.9818vw;letter-spacing: -0.4px;line-height:6.2254vw;}
 .bk_list ul li .txt p.txt_btm {font-size:3.8299vw;letter-spacing: -0.6px;color: #5b5b5b;line-height:5.2254vw;margin-top:2.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.9773vw; 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.9429vw;line-height:5.5vw;letter-spacing: -0.3px;}
 #info .info_btm {}
 #info .info_btm ul li {padding:0 3.1299vw; font-size:3.9429vw; line-height:14.867vw;letter-spacing: -0.3px;}
 #info .info_btm ul li.link img {right:3.1299vw; width:2.8169vw;}
  /* 정보 팝업 추가 끝 */
 }