@charset "utf-8";

/* 공용 */
[data-aos=fade-down] {transform: translate3d(0,-30px,0);}
[data-aos=fade-up] {transform: translate3d(0,30px,0);}
article .inner {max-width: 1440px; width: calc(100% - 40px); margin: 0 auto;}
.mt80 {margin-top: 80px;}

.brochure_down {font-weight: 700; font-size: 1.125em; line-height: 1; color: #fff; align-items: center; justify-content: space-between; width: 230px; height: 55px; background-color: #c70b18; padding: 0 35px; border-radius: 3px; margin: 80px auto 0;}

/* sv */
.sv_sec {width: 100%; height: 400px; position: relative; margin: 0 auto; background: no-repeat center center; padding: 118px 0 35px; display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: center; overflow: hidden;}
.sv_sec.sv01{background-image: url(../../images/sub/sub_vis01.jpg);}
.sv_sec.sv02{background-image: url(../../images/sub/sub_vis02.jpg);}
.sv_sec.sv03{background-image: url(../../images/sub/sub_vis03.jpg);}
.sv_sec.sv04{background-image: url(../../images/sub/sub_vis04.jpg);}
.sv_sec.sv05{background-image: url(../../images/sub/sub_vis05.jpg);}
.sv_sec .tit_box {max-width: 1440px; width: 100%; margin: 0 auto; display: flex; flex-flow: column wrap; justify-content: flex-end;}
.sv_sec .tit_box h2 {align-self: flex-end; font-size: 3.4375em; font-weight: 700; line-height: 1; color: #fff; position: relative;}
.sv_sec .tit_box h2::before {content: ""; display: block; width: 20px; height: 12px; background: url(../../images/sub/tit.png) no-repeat center center; position: relative; top: 4px; left: -16px;}
.sv_sec .tit_box p {align-self: flex-end; font-size: 1.25em; line-height: 1; color: #fff; margin-top: 30px;}
.sv_sec .tit_box ul {align-self: flex-start; align-items: center; margin-top: 60px;}
.sv_sec .tit_box ul li {margin-right: 30px; line-height: 0;}
.sv_sec .tit_box ul .txt_li {font-size: 1.125em; font-weight: 400; line-height: 1; color: #fff;}

.sub_cont {min-height: 411px; padding: 95px 0 150px;}
.sub_cont .page_tit {max-width: 1440px; width: calc(100% - 40px); margin: 0 auto; border-bottom: 1px solid #ddd;  font-size: 3.125em; font-weight: 700; line-height: 1; color: #111; text-align: center; padding-bottom: 35px; margin-bottom: 80px;}

.tnb {max-width: 1440px; width: calc(100% - 40px); margin:0 auto; border-radius: 5px; overflow: hidden;}
.tnb li {flex: 1; border-right: 1px solid #ddd;}
.tnb li:last-child {border-right: 0;}
.tnb li a {height: 70px; display: flex; align-items: center; justify-content: center; font-size: 1.125em; line-height: 1; background-color: #f6f6f6; transition: all 0.3s;}
.tnb li:hover a,
.tnb li.current a {background-color: #e5222a; color: #fff; font-weight: 500;}

/* s1_1 */
.s1_1 .img_wrap {border-radius: 5px; overflow: hidden; box-shadow: 6px 10px 17px 0px rgba(0, 0, 0, 0.15);}
.s1_1 p {font-size: 1.125em; text-align: center; line-height: 1.833334; margin-top: 60px;}
.s1_1 .arti02 {margin-top: 120px;}
.s1_1 .arti02 .box_wrap {justify-content: space-between;}
.s1_1 .arti02 .box_wrap .box {max-width: 330px; width: 22.92%; position: relative; border-radius: 5px; overflow: hidden;}
.s1_1 .arti02 .box_wrap .box:nth-child(n+5) {margin-top: 2.7734%;}
.s1_1 .arti02 .box_wrap .box img {width: 100%;}
.s1_1 .arti02 .box_wrap .box::before {content: ""; width: 100%; height: 100%; display: block; width: 100%; height: 100%; border: 0px solid #ddd;  border-radius: 5px; position: absolute; top: 0; left: 0;  transition: all 0.3s; box-sizing: border-box;}
.s1_1 .arti02 .box_wrap .box:hover::before {border-width: 10px; border-color: #f6f6f6;}

/* s2_1 */
.s2_1 .history {border-top: 1px solid #000;}
.s2_1 .history .box {padding: 55px 40px 62px; border-bottom: 1px solid #ddd;}
.s2_1 .history .box h4 {font-size: 2.5em; font-weight: 700; line-height: 1; color: #111; width: 195px;}
.s2_1 .history .box ul {width: calc(100% - 195px); margin-top: -7px;}
.s2_1 .history .box ul li {display: flex; flex-flow: row wrap;}
.s2_1 .history .box ul li p {font-size: 1.125em; font-weight: 400; line-height: 2.11112; color: #666;}
.s2_1 .history .box ul li p.date {width: 60px;}
.s2_1 .history .box ul li p.cont {width: calc(100% - 60px); position: relative; padding-left: 18px;}
.s2_1 .history .box ul li p.cont::before {content: ""; display: block; width: 3px; height: 3px; background-color: #666; position: absolute; top: 17.5px; left: 0;}

/* s3,s4 공용 */
.item_ul {align-items: flex-start; justify-content: flex-start;}
.item_ul li {max-width: 330px; width: 23%; margin-right: 2.66667%; margin-top: 2.666667%;}
.item_ul li:nth-child(4n) {margin-right: 0;}
.item_ul li:nth-child(-n+4) {margin-top: 0;}
.item_ul li .img_wrap {position: relative; padding: 10px 0; border-radius: 6px; overflow: hidden;}
.s3_6 .item_ul li .img_wrap,
.s4_1 .item_ul li .img_wrap,
.s4_2 .item_ul li .img_wrap {padding: 0;}
.s3_6 .item_ul li .img_wrap img,
.s4_1 .item_ul li .img_wrap img,
.s4_2 .item_ul li .img_wrap img {width: 100%; max-width: none; max-height: none;}
.item_ul li.img_b .img_wrap {padding: 20px 0 0;}
.item_ul li .img_wrap::before {content: ""; width: 100%; height: 100%; display: block; width: 100%; height: 100%; border: 1px solid #ddd;  border-radius: 5px; position: absolute; top: 0; left: 0;  transition: all 0.3s; box-sizing: border-box;}
.item_ul li.hit .img_wrap::after {content: ""; display: block; width: 89px; height: 63px; background: url(../../images/sub/s3_hit.png) no-repeat center center; position: absolute; top: 0px; left: 16px; transition: all 0.3s;}
.item_ul li .img_wrap img {max-width: calc(100% - 20px); width: auto; max-height: calc(100% - 20px); height: auto; display: block; margin: 0 auto;}
.item_ul li p {font-size: 1.125em; line-height: 1.66667; text-align: center; transition: all 0.3s; margin-top: 21px;}

.item_ul li a:hover .img_wrap::before {border-width: 10px; border-color: #f6f6f6;}
.item_ul li a:hover .img_wrap::after {top: 10px;}
.item_ul li a:hover p {font-weight: 700; color: #111;}

.pop_wrap {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 101110; background: rgba(0,0,0,0.6);}
.pop_wrap .pop_view {display: none; max-width: 1240px; width: 90%; max-height: 826px; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 60px 90px 50px 100px; background-color: #fff; border-radius: 5px;}
.pop_wrap .pop_view .view_wrap {width: 100%; height: 100%; max-width: 100%; max-height: 100%; overflow-y: auto; background-color: #fff; justify-content: space-between; overflow-x: hidden;}
.pop_wrap .pop_view .left_bx {max-width: 330px; width: 31.43%;}
.pop_wrap .pop_view .left_bx .owl_box {width: 100%;}
.pop_wrap .pop_view .left_bx .owl_box .item {border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.pop_wrap .pop_view .left_bx .owl_box .owl-dots {margin-top: 20px; display: flex; flex-flow: row wrap; justify-content: center;}
.pop_wrap .pop_view .left_bx .owl_box .owl-dots .owl-dot {display: block; width: 10px; height: 10px; border-radius: 50px; margin-right: 10px; background-color: #ddd; transition: all 0.2s;}
.pop_wrap .pop_view .left_bx .owl_box .owl-dots .owl-dot:last-child {margin-right: 0;}
.pop_wrap .pop_view .left_bx .owl_box .owl-dots .owl-dot span {display: none; margin: 0; padding: 0;}
.pop_wrap .pop_view .left_bx .owl_box .owl-dots .owl-dot.active {background-color: #e5222a;}
.pop_wrap .pop_view .left_bx .new {display: block; margin: 11px auto -15px;;}
.pop_wrap .pop_view .left_bx .img_wrap {margin-top: 38px;}
.pop_wrap .pop_view .rgt_bx {max-width: 675px; width: 64.5%;}
.pop_wrap .pop_view .rgt_bx .view_cate {width: 100px; height: 30px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 3px; background-color: #e5222a; font-size: 1em; font-weight: 500; color: #fff; line-height: 1;}
.s3_2.pop_wrap .pop_view .rgt_bx .view_cate {background-color: #004f9e;}
.s3_3.pop_wrap .pop_view .rgt_bx .view_cate {background-color: #08348b;}
.s3_4.pop_wrap .pop_view .rgt_bx .view_cate {background-color: #f6ab00;}
.s3_5.pop_wrap .pop_view .rgt_bx .view_cate {background-color: #f4d704; color: #ee3625;}
.s3_6.pop_wrap .pop_view .rgt_bx .view_cate {background-color: #e26812;}
.s4.pop_wrap .pop_view .rgt_bx .view_cate {background-color: #f5f5f5; color: #333;}
.pop_wrap .pop_view .rgt_bx .view_tit {font-size: 3.4375em; font-weight: 700; line-height: 1; color: #111; margin-top: 8px; white-space: nowrap;}
.pop_wrap .pop_view .rgt_bx .view_tit span {font-size: 0.545455em;}
.pop_wrap .pop_view .rgt_bx .view_tit sup {font-size: 0.545455em; position: relative; top: -10px;}

.pop_wrap .pop_view .rgt_bx ul {margin-top: 27px;}
.pop_wrap .pop_view .rgt_bx ul li {font-size: 1.125em; line-height: 1.833334; padding-left: 13px; position: relative;}
.pop_wrap .pop_view .rgt_bx ul li::before {content: ""; display: block; width: 3px; height: 3px; background-color: #666; position: absolute; top: 15px; left: 0;}
.pop_wrap .pop_view .rgt_bx ul li span {color: #f5483b;}
.pop_wrap .pop_view .rgt_bx .label {justify-content: flex-start; align-items: center; margin-top: 36px;}
.pop_wrap .pop_view .rgt_bx .label img {display: block; margin-right: 50px;}
.pop_wrap .pop_view .rgt_bx .label img:nth-child(n + 2) {margin-right: 25px;}
.pop_wrap .pop_view .rgt_bx .label img:last-child {margin-right: 0;}
.pop_wrap .pop_view .rgt_bx .view_stit {font-size: 1.25em; font-weight: 700; color: #111; line-height: 1; margin-top: 40px;}
.pop_wrap .pop_view .rgt_bx .male {max-width: 347px; margin: 20px auto 0;}
.pop_wrap .pop_view .rgt_bx .txt_img {margin-top: 50px;}
.pop_wrap .pop_view .rgt_bx .img_flex_bx  {justify-content: space-between; margin-top: 44px;}
.pop_wrap .pop_view .rgt_bx .img_flex_bx.mt25 {margin-top: 25px;}
.pop_wrap .pop_view .rgt_bx .img_flex_bx .w100 {display: block; width: 100%; margin-top: 20px;}
.pop_wrap .pop_view .rgt_bx .img_flex_bx .w100.mb25 {margin-bottom: 25px; margin-top: 0;}
.pop_wrap .pop_view .rgt_bx .txt_tit {font-size: 1.25em; line-height: 1.65; font-weight: 700; color: #08348b; margin-top: 30px;}
.pop_wrap .pop_view .rgt_bx .txt_tit.green {color: #6bb52a;}
.pop_wrap .pop_view .rgt_bx .p01 {font-size: 1.125em; line-height: 1.833334;}
.pop_wrap .pop_view .rgt_bx .p01 span {color: #333; font-weight: 500;}
.pop_wrap .pop_view .rgt_bx .img_good {margin-top: 30px;}
.pop_wrap .pop_view .rgt_bx .h4_tit {font-size: 1.25em; line-height: 1; color: #111; margin-bottom: 20px;}
.pop_wrap .pop_view .rgt_bx .table_box {margin-top: 30px;}
.pop_wrap .pop_view .rgt_bx .table_box.mt50 {margin-top: 50px;}
.pop_wrap .pop_view .rgt_bx .table_box .tb_tit {font-size: 1.125em; font-weight: 700; line-height: 1; color: #08348b; margin-bottom: 25px;}
.pop_wrap .pop_view .rgt_bx .table_box .tb_tit.green {color: #6bb52a;}
.pop_wrap .pop_view .rgt_bx .table_box .tb_tit span {color: #111;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(1) {width: 19%;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(2) {width: 8%;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(3) {width: 12%;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(4) {width: 10%;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(5) {width: 9%;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(6) {width: 13%;}
.pop_wrap .pop_view .rgt_bx table col:nth-child(7) {width: 13%;}
.pop_wrap .pop_view .rgt_bx table thead tr th {font-size: 1em; font-weight: 500; line-height: 1.5; color: #111; background-color: #f6f6f6; border-right: 1px solid #ddd; text-align: center; padding: 3px 0;}
.pop_wrap .pop_view .rgt_bx table thead tr:first-child th:last-child {border-right: 0;}
.pop_wrap .pop_view .rgt_bx table thead tr:nth-child(2) th {border-top: 1px solid #ddd;}
.pop_wrap .pop_view .rgt_bx table tbody tr {border-bottom: 1px solid #ddd;}
.pop_wrap .pop_view .rgt_bx table tbody tr:first-child th {border-top: 1px solid #ddd;}
.pop_wrap .pop_view .rgt_bx table tbody tr th {font-size: 1em; font-weight: 500; line-height: 1.5; color: #111; background-color: #f6f6f6; border-right: 1px solid #ddd; text-align: center; padding: 3px 0;}
.pop_wrap .pop_view .rgt_bx table tbody tr td {font-size: 1em; line-height: 1.5; text-align: center; border-right: 1px solid #ddd; padding: 3px 0;}
.pop_wrap .pop_view .rgt_bx table tbody tr td:last-child {border-right: 0;}
.pop_wrap .pop_view .rgt_bx .table_txt {display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; margin-top: 8px;}
.pop_wrap .pop_view .rgt_bx .table_txt img {display: block; margin-top: 3px;}
.pop_wrap .pop_view > a {position: absolute; top: 20px; right: 20px;}

.s1_1.pop_wrap .pop_view {height: auto; max-height: 90%; padding: 100px;}
.s1_1.pop_wrap .pop_view img {max-width: 100%; max-height: 100%;}

/* s5_1 */
.s5_1 .map_bx {width: 100%; height: 400px; overflow: hidden; margin-bottom: 40px;}
.s5_1 .map_bx .root_daum_roughmap {width: 100%; height: 100%;}
.s5_1 .map_bx .root_daum_roughmap .wrap_map {height: 100%;}
.s5_1 .txt_wrap {width: calc(100% - 122px);}
.s5_1 .txt_bx {font-size: 1.125em; line-height: 1.66667;}
.s5_1 .txt_bx h4 {font-weight: 500; color: #333; width: 120px;}
.s5_1 .btn_wrap {width: 122px; }
.s5_1 .btn_wrap a {width: 50%; height: 60px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.s5_1 .btn_wrap a:nth-child(n+2) {border-left: 0;}
.s5_1 .btn_wrap a img {transition: .3s;}
.s5_1 .btn_wrap a:hover img {    transform: rotate(15deg);}