/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }
/* Common **********************************************************************/ 
html,body {width:100%;scroll-behavior:smooth; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Noto Sans KR';color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1400px; margin: 0 auto; overflow: hidden;}
.inner{width: 1200px; margin: 0 auto; max-width:100%;}

/* header */
#header{height: 100px;}
#header .inner{display: flex; align-items:center; justify-content:space-between; height: 100%;}
#header h1 a{vertical-align: sub;}

/* gnb */
#header ul.gnb_wrap{display: flex;}
#header ul.gnb_wrap li.menu{position: relative;z-index: 1000;}
#header ul.gnb_wrap li.menu > a{font-size: 18px; color: #222; font-weight: 500;padding: 40px 35px	;}
#header ul.gnb_wrap li.menu ul{display: none;position: absolute; left: 50%; transform:translateX(-50%);top: 64px;}
#header ul.gnb_wrap li.menu ul li{width: 200px; height: 55px;background: rgba(0,0,0,.5);margin-bottom: 1px;}
#header ul.gnb_wrap li.menu ul li a{display: block;color: #fff;font-size: 16px; line-height: 55px;text-align: center;}
#header ul.gnb_wrap li.menu ul.on::before{content:'';position: absolute;left: 50%; transform:translateX(-50%);top: -2px; display: block; width: 40px; height: 2px;background: #f18175;}

/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .txt_box{position: absolute; right: 360px; bottom: 180px;}
#visual_wrap .txt_box p{position: relative; z-index: 100;color: #fff;font-size: 60px; font-weight: 700;text-align: right;padding-bottom: 30px;}
#visual_wrap .txt_box p::before{content:'';position: absolute;z-index: -1; top: -20px; left: 62px; display: block; width: 50px; height: 50px; background: rgba(241,129,117,.5); border-radius:50%;}
#visual_wrap .txt_box span{display: block;color: #fff;font-size: 18px; font-weight: 400; line-height: 30px;text-align: right;}
#visual_wrap .visual_items{position: absolute; right: 435px; bottom: 100px;}
#visual_wrap .visual_items .visual_num{position: absolute; right: -25px; bottom: 0px;z-index: 100;width: 75px;}
#visual_wrap .visual_items .visual_num span.current{color: #fff;font-size: 17px;font-family: 'Noto Sans KR';}
#visual_wrap .visual_items .visual_num span.total{color: rgba(255,255,255,.5);font-size: 16px;font-family: 'Noto Sans KR';}
#visual_wrap .visual_items .visual_num em{color: rgba(255,255,255,.5);font-size: 17px;padding: 0 11px;font-family: 'Noto Sans KR';}
#visual_wrap .visual_items .swiper-button-prev{background: url(/assets/images/main/vis_prev.png)center no-repeat;width: 12px; height: 22px;left: -73px;top: 2px;background-size: cover;}
#visual_wrap .visual_items .swiper-button-next{background: url(/assets/images/main/vis_next.png)center no-repeat;width: 12px; height: 22px;left:34px;top: 2px;background-size: cover;}
#visual_wrap .visual_items .btn_pause{display: block;background: url(/assets/images/main/vis_pause.png)center no-repeat;width: 10px; height: 20px;position: absolute;top: -19px;left:62px;background-size: cover;}

/* section01 */
#section01{padding: 60px 0;}
#section01 .box_wrap{display: flex; gap:40px;}
#section01 .box_wrap .box{position: relative;	width: calc((100% - 80px) / 3); background: #f5f5f5;height: 175px;padding: 40px;}
#section01 .box_wrap .box a{display: flex; justify-content:space-between;}
#section01 .box_wrap .box p{font-size: 24px; color: #222; font-weight: 700;}
#section01 .box_wrap .box button.more_btn{position: absolute;left: 40px; bottom: 40px;}
#section01 .box_wrap .box:hover .icon img{position: relative;animation:iconAni .5s ease forwards;}
@-webkit-keyframes iconAni {
  0% {top: 0;}
  100% {top: -10px;}
}

/* section02 */
#section02{line-height: 1;padding-bottom: 60px;}
#section02 .inner{display: flex; gap:40px;}
#section02 .sec02_con h5{font-size: 40px; color: #222; font-weight: 700;margin-bottom: 30px;}
#section02 .sec02_con{position: relative;}
#section02 .sec02_con a.more_btn{position: absolute; top: 10px; left: 160px;}
#section02 .con01{position: relative; width: 760px;}
#section02 .con01 .box{width: 100%; height: 350px; border:1px solid #ddd; border-radius:10px;padding: 38px;}
#section02 .con01 .tab-menu-wrap{display: flex;position: absolute; right: 0; top: 0;}
#section02 .con01 .tab-menu-wrap a{display: block;text-align: center; color: #666; font-size: 18px; font-weight: 500; line-height: 35px; border-radius:50px; width: 100px; height: 35px; }
#section02 .con01 .tab-menu-wrap a.on{background: #f18175;color: #fff;}
#section02 .con01 .box .box_top{display: flex;gap:30px; align-items:center;padding-bottom: 30px; border-bottom:1px dashed #ddd;}
#section02 .con01 .box .box_top .date{width: 90px; height: 90px; border-radius:50%; background: #f18175;} 
#section02 .con01 .box .box_top .date p{color: #fff;font-size: 24px; font-weight: 700;padding: 15px 0 10px;text-align: center;}
#section02 .con01 .box .box_top .date em{display: block;color: #fff;font-size: 15px; font-weight: 700;text-align: center;}
#section02 .con01 .box .box_top .txt{width: calc(100% - 120px);}
#section02 .con01 .box .box_top .txt strong{display: block;font-size: 18px; color: #222; font-weight: 500;margin-bottom: 8px;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section02 .con01 .box .box_top .txt span{font-size: 15px; color: #666; height: 53px;font-weight: 400; line-height: 26px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 .con01 .box .box_bot{padding-top: 30px;}
#section02 .con01 .box .box_bot ul li{position: relative;padding-left: 30px;}
#section02 .con01 .box .box_bot ul li::before{content:'';position: absolute; top: 50%; transform:translateY(-50%);left: 0; display: inline-block; width: 4px; height: 4px; border-radius:50%; background: #f8c0ba;}
#section02 .con01 .box .box_bot ul li:not(:last-child){margin-bottom: 22px;}
#section02 .con01 .box .box_bot ul li a{display: flex; justify-content:space-between;}
#section02 .con01 .box .box_bot ul li p{font-size: 15px; color: #222; font-weight: 500;width: calc(100% - 130px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section02 .con01 .box .box_bot ul li em{font-size: 15px; color: #666;font-weight: 400;}

#section02 .con02 a.more_btn{position: absolute; top: 10px; left: 130px;}
#section02 .con02{ position: relative;width: calc(100% - 800px); }
#section02 .con02 .box{width: 100%;height: 350px; border:1px solid #ddd; border-radius:10px;padding: 38px;}
#section02 .con02 .box ul li p{font-size: 18px;color: #222;font-weight: 500; text-align: center;margin-top: 30px;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section02 .con02 .box li a{display: block; width: 320px;}
#section02 .con02 .box li .img_wrap{position:relative; width:100%; padding-bottom:60.313%;}
#section02 .con02 .box li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
/* #section02 .con02 .slick-prev{position: absolute; top: -100px; right: 0px;background: url(/assets/images/main/sec02_prev.png)center no-repeat; width: 34px; height: 34px; background-size: cover;text-indent: -9999px;}
#section02 .con02 .slick-next{position: absolute; top: -100px; right: -40px; background: url(/assets/images/main/sec02_next.png)center no-repeat; width: 34px; height: 34px; background-size: cover;text-indent: -9999px;} */
#section02 .con02 .slick-dots{position: absolute; left: 50%; transform:translateX(-50%); bottom: -40px;display: flex; gap:10px;}
#section02 .con02 .slick-dots li{width: 10px; height: 10px; border-radius:50%; background: #ddd;text-indent: -9999px;transition:.3s;}
#section02 .con02 .slick-dots li.slick-active{width: 20px; border-radius:50px; background: #f18175;}

/* footer */
#footer{line-height: 1; background: #222; padding: 40px 0;}
#footer .inner{display: flex; justify-content:space-between;}
#footer address p{color: #fff; font-size: 15px; line-height: 30px; display: flex; justify-content: space-between;}
#footer address p.copy{color: #aaa;padding-top: 10px;}

/* ===sub====================================================================================== */
#sub_visual_wrap{position: relative;}
#sub_visual_wrap .sub_txt_wrap{position: absolute; left: 50%; transform:translateX(-50%);top: 105px;}
#sub_visual_wrap .sub_txt_wrap h2{color: #fff;font-size: 40px; font-weight: 600;text-align: center;}
#sub_visual_wrap .sub_txt_wrap ul{display: flex;gap:40px;justify-content:center;}
#sub_visual_wrap .sub_txt_wrap ul li{position: relative;color: #fff; font-size: 18px; font-weight: 400;}
#sub_visual_wrap .sub_txt_wrap ul li:not(:last-child)::after{position: absolute; top: 50%; transform:translateY(-50%); right: -20px;content:''; display: inline-block; width: 4px; height: 4px; border-radius:50%; background: #fff; }

#sub_contents{padding: 100px 0;}
#sub_contents .contop h3{text-align: center; padding-bottom: 100px;font-size: 40px; color: #222; font-weight: 700; display: none;}
#sub_contents.inner_none .inner {width: 100%;}

.sub_tab_menu{width: 100%;height: 70px;background: rgba(255,255,255,0.3); position: absolute; top: 430px;left: 0;}
.sub_tab_menu .inner{display: flex; justify-content: center}
.sub_tab_menu .inner h3{position: relative;flex:1;height: 70px;}
.sub_tab_menu .inner h3 a{ display: block;width: 100%;height: 100%;color: #fff;font-weight: 500;font-size: 20px ;text-align: center;line-height: 70px;border-left: 1px solid #bcbabb;}
.sub_tab_menu .inner h3:last-child a{border-right: 1px solid #bcbabb;}
.sub_tab_menu .inner h3.on a{color: #000;background: #f18175;font-size: 23px;}

/* 공통 */
h5.h5_tit {position: relative; font-size: 28px; color: #222; margin-bottom:50px; text-align:center;}
h5.h5_tit::before {position: absolute; content: ""; width: 35px; height: 3px; top: -20px; left: 50%; transform: translateX(-50%);  background:#f18175; border-radius:2px;}

h6.h6_tit {position:relative; margin-bottom:40px; padding-left:40px; font-size:26px; color:#222; word-break:keep-all;  }
h6.h6_tit::before {position:absolute; content:''; background: url('/assets/images/sub/tit_icon.png')center no-repeat; width:26px; height:26px; left:0; top:9px;
     background-size: contain;}

/* sub0101 */
.sub0101_wrap .con01 {display:flex; align-items:center;}
.sub0101_wrap .con01 .txt_wrap {color:#222; padding-left:80px;}
.sub0101_wrap .con01 .txt_wrap strong {font-size:28px; margin-bottom:60px; display:block; position:relative}
.sub0101_wrap .con01 .txt_wrap strong span::before {content:""; background: #f1817552; position: absolute; bottom: 4px; left: 10px; width: 70%; height: 16px; z-index:-1;}
/* .sub0101_wrap .con01 .txt_wrap strong span { color:#5449ff;} */
.sub0101_wrap .con01 .txt_wrap strong b { color:#f18175;}
.sub0101_wrap .con01 .txt_wrap strong::before {content: ""; position: absolute; bottom: -30px; left: 0; width: 100%; height: 2px; background: #eee;}
.sub0101_wrap .con01 .txt_wrap strong::after {content: "";  position: absolute; bottom: -30px; left: 0; width: 70px; height: 2px; background: #f18175;}
.sub0101_wrap .con01 .txt_wrap p {font-size:17px; line-height:1.7; margin-bottom:20px; word-break:keep-all}
.sub0101_wrap .con01 .txt_wrap em {display:block; font-size:18px; font-weight:700; margin-top:30px;}

/* sub0102 */
.sub0102_wrap .con01 {margin-bottom:100px;}
.sub0102_wrap .con01 ul {display:flex; justify-content:center; gap:150px; background:#f5f5f5; padding:120px;}
.sub0102_wrap .con01 ul li {text-align:center;}
.sub0102_wrap .con01 ul li p {font-size:19px; margin-top:20px; font-weight:700; color:#555;}

.sub0102_wrap .con02 {margin-bottom:100px;}
.sub0102_wrap .con02 .con_box {display: flex; }
.sub0102_wrap .con02 strong {font-size: 40px; line-height: 1; width: 25%; color:#f18175;}
.sub0102_wrap .con02 ul{width: 75%;}
.sub0102_wrap .con02 ul li{position: relative;  padding-left: 100px; font-size: 17px; color: #666; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ddd;}
.sub0102_wrap .con02 ul li:last-child{margin-bottom: 0; border: 0; padding-bottom: 0;}
.sub0102_wrap .con02 ul li span {position: absolute; left: 0; font-size: 18px; color: #222; font-weight:500;} 
.sub0102_wrap .con02 ul li p{display: block; position: relative; padding-left: 15px;}
.sub0102_wrap .con02 ul li p:before{position: absolute; content: ''; width: 3px; height: 3px; background: #222; border-radius:50% ; left: 0; top: 11px;}

.sub0102_wrap .con03 {margin-bottom:100px;}
.sub0102_wrap .con03 img {display:block; margin:0 auto;}

.inner_yes {width: 1200px; margin: 0 auto; max-width:100%;}

/* sub0301 */
.sub0301_wrap .con01 {background: url(/assets/images/sub/sub0301_img01.jpg)no-repeat; width: 1200px; height: 360px; position: relative;}
.sub0301_wrap .con01 .txt_wrap {width: 1000px;padding:60px;background: #fff; opacity:0.8; margin: 0 auto;  position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.sub0301_wrap .con01 .txt_wrap li {display: flex; align-items: center; margin-bottom: 20px; }
.sub0301_wrap .con01 .txt_wrap li:last-child {margin-bottom: 0;}
.sub0301_wrap .con01 .txt_wrap li p {font-size: 20px; color: #222; padding-left: 20px;}
.sub0301_wrap .con01 .txt_wrap li > h6.h6_tit {margin-bottom:0; width:140px;}

/* sub0302 */
.sub0302_wrap .con01 {display:flex; gap:40px;}
.sub0302_wrap .con01 a {display:flex; justify-content: space-between; align-items: center; width:calc(50% - 20px); padding:25px 40px;
border-left:3px solid #f18175; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub0302_wrap .con01 a p {font-size:18px; color:#f18175; font-weight:500;}