@charset "utf-8";

/*** Sub Common ***/
#sub_visual {position: relative;height: 450px; display: flex; align-items: center; justify-content:  center; padding: 75px 0;}
#sub_visual .inner {max-width: 1440px; width: calc(100% - 40px); margin: 0 auto;}
#sub_visual .inner h4 {font-size: 1.25em; font-weight: 700; color: #fff; text-align: center; line-height: 1;}
#sub_visual .inner h2 {font-size: 3.4375em; font-weight: 700; color: #fff; text-align: center; line-height: 1; margin-top: 27px;}

.tnb_wrap {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 11;text-align: center;}
.tnb_wrap .tnb {max-width: 1440px; margin: 0 auto; width: 100%; background-color: #eff2f6;}
.tnb > li {border-right: 1px solid #aaa;}
.tnb > li:nth-child(4) {border-right: 0;}
.tnb .home {width: 75px; height: 75px; border: none;}
.tnb .home a {width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.tnb .tnb_dep {width: 290px; position: relative;}
.tnb .tnb_dep > a {width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; padding-left: 30px; position: relative; font-size: 1.125em; color:#111}
.tnb .tnb_dep > a::after {content: ""; width: 9px; height: 16px; background: url(../../images/sub/tnb_arr.jpg) no-repeat center center; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: 0.3s;}
.tnb .tnb_dep > .siteul {position: absolute; left: -1px; top: 75px; border: 1px solid #ddd; background-color: #fff; width: calc(100% + 2px); padding: 15px 0; display: none;}
.tnb .tnb_dep > .siteul li a {line-height: 2.25; transition: all 0.2s; padding-left: 30px; text-align: left;}
.tnb .tnb_dep2 div {height: 100%;}
.tnb .tnb_dep2 ul {height: 100%; display: flex; flex-flow: row wrap; align-items: center; padding-left: 30px;}
.tnb .tnb_dep2 ul li {margin-right: 30px;}
.tnb .tnb_dep2 ul li:last-child {margin-right: 0;}
.tnb .tnb_dep2 ul li a {transition: all 0.3s;}
.tnb .tnb_dep2 ul li a:hover {color:#06c3fe}

.tnb .tnb_dep > a.on::after  {transform: translateY(-50%) rotate(90deg);}
.tnb .tnb_dep ul li.current a,
.tnb .tnb_dep ul li a:hover {color: #06c3fe;}
.tnb .tnb_dep2 ul li.current a,
.tnb .tnb_dep2 ul li a:hover {color:#06c3fe}

/* SUB 공통 */
#sub_cont {padding: 100px 0 150px;}
.page_name {font-size: 2.8125em; font-weight: 700; color: #111; text-align: center; line-height: 1; margin-bottom: 80px;}
.page_name::before {content: ""; display: block; width: 40px; height: 6px; margin: 0 auto 20px; background: url(../../images/sub/sub_tit_icon.png) no-repeat center center;}
article .inner,
.bo_inner {max-width: 1440px; width: calc(100% - 40px); margin: 0 auto;}
.s_tit {font-size: 2.1875em; font-weight: 700; line-height: 1; color: #000; text-align: center; margin-bottom: 40px;}
.more_btn {width: 130px; height: 45px; border: 2px solid #ddd; border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 30px auto 0;  font-size: 0.875em; line-height: 1; color: #aaa; text-align: center; font-weight: 700; transition: all 0.3s;}
a:hover .more_btn {color: #fff; background-color: #06c3fe; border-color: #06c3fe;}

/* s1_1 */
.s1_1 .arti01 .img_wrap {position: relative; z-index: 1;}
.s1_1 .arti01 .txt_wrap {max-width: 1140px; width: 90%; margin: -100px auto 0; background-color: #fff; border-radius: 10px; position: relative; z-index: 2; padding-top: 68px;}
.s1_1 .arti01 .txt_wrap h4 {font-size: 2.1875em; font-weight: 700; line-height: 1.428572; color: #111; text-align: center;}
.s1_1 .arti01 .txt_wrap h4 span {position: relative; z-index: 2;}
.s1_1 .arti01 .txt_wrap h4 span::before {content: ""; display: block; width: 10px; height: 10px; background-color: #06c3fe; border-radius: 50%; position: absolute; z-index: -1; top: 11px; left: -1px;}
.s1_1 .arti01 .txt_wrap h4 span:nth-child(n+2):before {left: -3px;}
.s1_1 .arti01 .txt_wrap p {font-size: 1.25em; line-height: 1.75; text-align: center; margin-top: 30px;}
.s1_1 .arti01 .txt_wrap p::before {content: ""; display: block; width: 35px; height: 1px; background-color: #111; margin: 0px auto 25px;}

/* s1_2 */
.s1_2 .arti01 ul li {max-width: 198px; width: 13.75%; margin-right: 3.5%; margin-top: 53px;}
.s1_2 .arti01 ul li:nth-child(-n+6) {margin-top: 0;}
.s1_2 .arti01 ul li:nth-child(6n) {margin-right: 0;}
.s1_2 .arti01 ul li .img_wrap {border-radius: 10px; border: 1px solid #ddd; padding: 25px 0;}
.s1_2 .arti01 ul li p {font-size: 1.25em; line-height: 1.75; text-align: center; margin-top: 10px;}

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

/* s2 공용 */
.s2 .item_ul {margin-top: 55px;}
.s2 .item_ul:nth-of-type(1) {margin-top: 0;}
.s2 .item_ul.ul_2 li {max-width: 695px; width: 48.264%; margin-right: 3.472%;}
.s2 .item_ul.ul_3 li {max-width: 446px; width: 30.973%; margin-right: 3.5405%;}
.s2 .item_ul.ul_4 li {max-width: 322px; width: 22.4%; margin-right: 3.46666%; margin-top: 30px;}
.s2 .item_ul.ul_4 li:nth-child(-n+4) {margin-top: 0px;}
.s2 .item_ul.ul_4 li:nth-child(4n) {margin-right: 0;}
.s2 .item_ul li:last-child {margin-right: 0;}
.s2 .item_ul li .logo {margin-bottom: 15px; }
.s2 .item_ul li .logo img {margin: 0 auto; width: auto; display: block;}
.s2 .item_ul li a .img_wrap {border-radius: 10px; overflow: hidden; }
.s2 .item_ul li a .img_wrap img {transition: all 0.4s;}
.s2 .item_ul li a:hover .img_wrap img {transform: scale(1.15);}

/* s2_1 */
.s2_1 .arti01 ul {border: 1px solid #ddd; border-radius: 10px; flex-flow: column wrap; height: 190px; padding: 40px 60px;}
.s2_1 .arti01 ul li {padding-left: 15px; position: relative; font-size: 1.25em; line-height: 1.75; width: 50%;}
.s2_1 .arti01 ul li::before {content: ""; display: block; width: 3px; height: 3px; background-color: #060c2d; position: absolute; left: 0; top: 0.8em;}
.s2_1 .arti02 {margin-top: 80px;}
.s2_1 .arti02 .inner {background: url(../../images/sub/s2_4_dot.jpg) no-repeat top left; padding-top: 80px;}

/* s2_2 */
.s2_2 .arti01 ul {border: 1px solid #ddd; border-radius: 10px; padding: 40px 60px;}
.s2_2 .arti01 ul li {padding-left: 15px; position: relative; font-size: 1.25em; line-height: 1.75; width: 25%;}
.s2_2 .arti01 ul li::before {content: ""; display: block; width: 3px; height: 3px; background-color: #060c2d; position: absolute; left: 0; top: 0.8em;}
.s2_2 .arti02 {margin-top: 80px;}
.s2_2 .arti02 .inner {background: url(../../images/sub/s2_4_dot.jpg) no-repeat top left; padding-top: 80px;}
.s2_2 .arti02 .item_ul:nth-child(1) .logo {margin-bottom: 6px;}
.s2_2 .arti02 .item_ul.ul_2 {justify-content: center;}
.s2_2 .arti03 {margin-top: 80px;}
.s2_2 .arti03 .inner {background: url(../../images/sub/s2_4_dot.jpg) no-repeat top left; padding-top: 80px;}

/* s2_3 */
.s2_3 .arti01 .img_wrap {margin-bottom: 12px;}
.s2_3 .arti01 ul {justify-content: space-between;}
.s2_3 .arti01 ul li {position: relative; border: 1px solid #ddd; border-radius: 10px; padding: 60px 60px; height: 300px;}
.s2_3 .arti01 ul li h4 {font-size: 1.75em; line-height: 1; font-weight: 700; color: #111;}
.s2_3 .arti01 ul li p {font-size: 1.25em; line-height: 1.75; margin-top: 30px; position: relative; z-index: 2;}
.s2_3 .arti01 ul li p::before {content: ""; display: block; width: 23px; height: 1px; background-color: #060c2d; margin-bottom: 15px;}
.s2_3 .arti01 ul li .icon {position: absolute; bottom: 40px; right: 40px; z-index: 1;}
.s2_3 .arti01 h5 {font-size: 1.25em; line-height: 1.75; font-weight: 400; color: #666; text-align: center; background-color: #eff2f6; padding: 22.5px 20px; border-radius: 10px; margin-top: 30px;}

/* s2_4 */
.s2_4 .arti01 ul {justify-content: space-between;}
.s2_4 .arti01 ul li.li01 {max-width: 446px; width: 31%;}
.s2_4 .arti01 ul li.li02 {max-width: 943px; width: 65.5%;}
.s2_4 .arti01 ul li .logo {width: 100%;  margin-bottom: 20px;}
.s2_4 .arti01 ul li .logo img {max-width: 80%; width: auto; margin: 0 auto; display: block;}
.s2_4 .arti01 ul li .logo img {margin: 0 auto; width: auto; display: block;}
.s2_4 .arti01 ul li a .img_wrap {border-radius: 10px; overflow: hidden; }
.s2_4 .arti01 ul li a .img_wrap img {transition: all 0.4s;}
.s2_4 .arti01 ul li a:hover .img_wrap img {transform: scale(1.15);}
.s2_4 .arti02 {margin-top: 80px;}
.s2_4 .arti02 .inner {background: url(../../images/sub/s2_4_dot.jpg) no-repeat top left; padding-top: 80px;}