@charset "utf-8";

/* 비주얼 */
.visual_wrap {position: relative}
.visual {overflow: hidden; position: relative; z-index: 1; max-height: 780px;}
.visual .slick-slide {float: left}
.visual .slick-track {overflow: hidden}

/* */
.visual.web {display: block}
.visual.mobile {display: none}
.visual_web {display: block; height: 780px;}
.visual_web img {width: 100%}
.visual_m {display: none}
.visual_m img {width: 100%}
.visual.mobile div img {width: 100%}
.visual_cont {position: absolute; top: 35%; left: 20%; z-index: 2; max-width: 1155px; color: #fff;}
.visual_cont strong {display: inline-block; margin: 0 0 25px; font-size: 50px; font-weight: 500; line-height: 64px}
.visual_cont p {color: #fff;}

/* VISUAL TEXT ANIMATION */
.slick-slide .visual_cont .text1 {font-size: 36px; font-family: "NotoKrL", sans-serif; line-height: 130%;}
.slick-slide .visual_cont .text2 {font-size: 65px; font-family: "NotoKrM", sans-serif;}
.slick-slide .visual_cont .text3 {font-size: 19px; font-family: "NotoKrL", sans-serif;}
.visual .slick-arrow {display: none !important; overflow: hidden; position: absolute; top: 50%; z-index: 10000; width: 30px; height: 57px; margin-top: -28px; text-indent: -9999px; cursor: pointer; }
.visual .slick-dots {position: absolute; top: 50%; right: 80px; z-index: 1000; width: 26px; /* margin-top: -61px; */}
.visual .slick-dots li {display: block}
.visual .slick-dots a {display: inline-block; overflow: hidden; width: 26px; height: 26px; margin: 1px 0; font-family: 'Gotham', sans-serif; font-size: 16px; background: url(../../resources/img/dots_off.png) no-repeat center; text-align: center; cursor: pointer; text-indent: -9999px;}
.visual .slick-dots li.slick-active a {width: 26px; background: url(../../resources/img/dots_on.png) no-repeat center;}
.visual_btn {position: absolute; top: 50%; right: 87px; z-index: 1; /* margin-top: -90px; */}
.btn_play {display: block; width: 10px; height: 13px; background: url(../../resources/img/visual_pause_icon.png) no-repeat center; text-indent: -9999px; cursor: pointer}
.btn_play.on {background: url(../../resources/img/visual_play_icon.png) no-repeat center}

/* 움직이는 텍스트 (scroll 버튼) */
.more_btn {display: block; position: absolute; bottom: 30px; left: 50%; z-index: 9; margin-left: -55px; color: #fff; font-family: 'Gotham', sans-serif; font-size: 13px; width: 80px; text-align: center;}
.more_btn .more_btn_img {display: block; width: 80px; text-align: center}
.more_btn .more_btn_img img {margin-top: 14px}
.floating {animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite}
@keyframes floating {
	0% {transform: translateY(0%)}
	50% {transform: translateY(10%)}
	100% {transform: translateY(0%)}
}
@-webkit-keyframes floating {
	0% {-webkit-transform: translateY(0%)}
	50% {-webkit-transform: translateY(10%)}
	100% {-webkit-transform: translateY(0%)}
}

/* section */
section {}
section .sub_box {position: relative; width: 1160px; margin: 0 auto; text-align: left;}
section .sub_tit {display: inline-block; margin-top: 100px; font-size: 35px; line-height: 42px; letter-spacing: 0; color: #fff; text-transform: uppercase; font-family: "NotoKrB", sans-serif;}
section .tit {font-size: 20px; margin-top: 20px; font-weight: 300; color: #fff; font-family: "NotoKrL", sans-serif;}
section .text {font-size: 15px; font-weight: 100; color: #fff; margin-top: 15px; padding-top: 20px; border-top: 1px solid #31a188; font-family: 'nanum-square-r', sans-serif; font-weight: 100; line-height: 160%;}

/* section1 */
.section1 {padding: 0}

/* section2 */
.section2 {width: 100%;}
.section2 .title_area {height: 308px; background: url(../../resources/img/section2_bg_1.jpg) no-repeat center center}
.section2 .walk_area {width: 100%; margin: 0 auto; background: url(../../resources/img/section2_bg_2.jpg) no-repeat center center; height: 570px;}
.section2 .walk_area:after {display: block; clear: both; content: ''}
.section2 .walk_area ul {padding-top: 230px;}
.section2 .walk_area ul li {position: relative; float: left; width: 33.3%; color: #fff; text-align: center; height: 115px}
.section2 .walk_area ul li:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 115px; background-color: rgba(255, 255, 255, 0.35);}
.section2 .walk_area ul li:nth-last-child(1):after {content: ''; background: none}
.section2 .walk_area ul li span {display: inline-block; font-family: 'Gotham', sans-serif; font-size: 70px}
.section2 .walk_area ul li span.unit {position: relative; top: -15px; left: -5px; font-size: 30px; font-weight: 400}
.section2 .walk_area ul li p.br_txt {font-size: 16px; font-weight: 300; color: #fff; line-height: 28px; letter-spacing: -0.9px; font-family: "NotoKrL", sans-serif;}

/* section3 */
.section3 {min-height: 780px; background: url(../../resources/img/section3_bg.jpg) no-repeat center top}
.thesis_slider {position: relative; width: 100%; font-family: "NotoKrR", sans-serif; height: auto; overflow: hidden; padding-top: 85px; margin-top: -60px; margin: 0 auto; text-align: center;}
.thesis_slider div {display: inline-block; position: relative; margin: 30px 1.5% 0; width: 20%; padding: 0 30px; background: #fff; color: #747474; text-align: left; vertical-align: top;  height: 385px;}
.thesis_slider div .title {display: inline-block; overflow: hidden; font-size: 17px; color: #239e82; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; margin-bottom: 30px; position: relative; width: auto; left: 0; line-height: 60px; height: 60px; padding-left: 72px; font-family: "NotoKrM", sans-serif; margin-top: 35px;}
.thesis_slider div .title:before {content: ''; position: absolute; bottom: 0px; left: 0; height: 60px; width: 60px; border-radius: 100px; background-color: #f1f1f1}
.thesis_slider div .title.icon_typing:before {background: #f1f1f1 url(../../resources/img/icon_typing.png) no-repeat center center;}
.thesis_slider div .title.icon_voice:before {background: #f1f1f1 url(../../resources/img/icon_voice.png) no-repeat center center;}
.thesis_slider div .title.icon_heart:before {background: #f1f1f1 url(../../resources/img/icon_heart.png) no-repeat center center;}
.thesis_slider div .text_tit {font-size: 22px; color: #444; line-height: 28px; height: 55px; overflow: hidden; font-family: "NotoKrB", sans-serif; letter-spacing: -0.5px}
.thesis_slider div .text_box {position: absolute; top: 0; right: 0; background-color: #3e3e3e; width: 40px; height: 120px; text-align: center; display: flex; justify-content: center;}
.thesis_slider div .text_box p {color: #fff; font-size: 15px; writing-mode: vertical-lr; width: 20px; height: 120px; line-height: 120%; display: table-cell; vertical-align: middle;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.thesis_slider div .text_box p {display: inline-block; letter-spacing: -5px}}
.thesis_slider div p {overflow: hidden; font-size: 15px; font-family: "NotoKrL", sans-serif; color: #747474}
.thesis_slider div p.text_date {margin-top: 25px;}
.thesis_slider div a {display: block; width: 100%; margin: 35px 0; padding: 12px 0; background: #f1f1f1; text-align: center; color: #666; font-size: 16px; line-height: 1; transition: all 0.3s}
.thesis_slider div:hover {background: #239e82; color: #fff; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;}
.thesis_slider div:hover .title {color: #fff !important}
.thesis_slider div:hover a {color: #239e82; background: #fff}
.thesis_slider div:hover p.count span {font-weight: bold; color: #fff}
.thesis_slider div:hover .title:after {background: #fff;}
.thesis_slider div:hover .title:before {content: ''; background-color: #fff;}
.thesis_slider div:hover .text_tit {color: #fff;}
.thesis_slider div:hover p {color: #fff}
.thesis_slider div {position: relative;}
.thesis_slider div .service_none {display: block; width: 100%;}
.thesis_slider div .service_none .info_txt {padding-top: 50px;text-align: center; font-size: 22px; color: #444; line-height: 28px; font-family: "NotoKrB", sans-serif; letter-spacing: -0.5px; word-break: keep-all;}
.thesis_slider div:hover .info_txt {color: #fff !important}


/* section4 */
.section4 {background: #f1f1f1; padding-bottom: 100px;}
.section4 .sub_tit, .section4 .tit {color: #444;}
.section_both {max-width: 1160px; margin: 0 auto; text-align: left; margin-top: 60px; font-size: 0; line-height: 0;}
.section_both:after {display: block; clear: both; content: ''}
.section_both .fl {position: relative; display: inline-block; max-width: 570px; vertical-align: top; background-color: #fff; height: 570px; overflow: hidden; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-duration: 1s; -webkit-animation-duration: 1s; transition-delay: 0.2s}
.section_both .fr {position: relative; display: inline-block; max-width: 590px; vertical-align: top; height: 570px; overflow: hidden;}

/* animate */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.story_slide {width: 570px; overflow: hidden; position: relative;}
.story_slide .story_img {width: 570px; height: 400px;}
.story_slide .slick-slide {display: block; position: relative; float: left; max-width: 570px;}
.story_slide .slick-arrow {display: block !important; position: absolute; top: 490px; text-indent: -9999px; width: 16px; height: 30px;}
.story_slide .slick-prev {left: 40px; background: url(../../resources/img/arrowL.png) no-repeat 50% 50%; z-index: 999}
.story_slide .slick-next {left: 80px; background: url(../../resources/img/arrowR.png) no-repeat 50% 50%;}
.story_slide .story_text {padding: 37px 0px 37px 35px;}
.story_slide .story_text .txtL {display: inline-block; width: 90px; vertical-align: top}
.story_slide .story_text .txtR {display: inline-block; max-width: 400px; vertical-align: top;}
.story_slide .story_text .story_tit {font-size: 15px; color: #239e82; font-family: "NotoKrL", sans-serif; line-height: 28px;}
.story_slide .story_text .story_txt {font-size: 22px; color: #444; font-family: "NotoKrM", sans-serif; margin-bottom: 25px; line-height: 28px; letter-spacing: -0.5px; height: 54px; overflow: hidden;}
.story_slide .story_text .story_txt.none {margin-top: 50px; text-align: center;}
.story_slide .story_text .story_date {font-size: 15px; color: #747474; font-family: "NotoKrL", sans-serif; line-height: 100%;}

.notice {font-size: 0; line-height: 0;}
.notice .notice_box {display: inline-block; vertical-align: top;}
.notice .notice_box a {background: #fff; width: 270px; height: 270px; display: inline-block; margin-left: 20px; margin-bottom: 30px; padding: 40px 30px;}
.notice .notice_box .notice_h1 {font-size: 15px; color: #239e82; font-family: "NotoKrL", sans-serif; margin-bottom: 20px; line-height: 100%;}
.notice .notice_box .notice_tit {font-size: 22px; color: #444; font-family: "NotoKrM", sans-serif; margin-bottom: 20px; line-height: 28px; letter-spacing: -0.5px; height: 54px; overflow: hidden;}
.notice .notice_box .notice_txt {font-size: 15px; color: #747474; font-family: "NotoKrL", sans-serif; line-height: 22px; margin-bottom: 25px;}
.notice .notice_box .notice_date {font-size: 15px; color: #747474; font-family: "NotoKrL", sans-serif; line-height: 100%;}
.notice .notice_box .notice_tit.none {margin-top: 70px; word-break: keep-all; text-align: center;}

.notice .notice_box a:hover {background: #239e82; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;}
.notice .notice_box a:hover .notice_h1,
.notice .notice_box a:hover .notice_tit,
.notice .notice_box a:hover .notice_txt,
.notice .notice_box a:hover .notice_date {color: #fff}

.link_area {max-width: 1160px; background-color: #239e82; margin: 0 auto; text-align: center; margin-top: 60px; height: 170px;}
.link_area ul {font-size: 0; line-height: 0; margin: 0 auto; text-align: left; display: inline-block; *display: inline; zoom: 1; width: 100%; margin-left: 45px;}
.link_area ul li {line-height: 170px; height: 170px; position: relative; display: inline-block; float: left; z-index:1; width: 275px; background-color: #239e82}
.link_area ul li a {line-height: 170px; height: 170px; position: relative; display: inline-block; color: #fff; font-size: 18px; font-family: "NotoKrM", sans-serif; padding-left: 120px;}
.link_area ul li a:before {content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 100px; width: 100px; border-radius: 100px;}
.link_area ul li a:hover:before {-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;}
.link_area .m_div:nth-child(1) li:nth-child(1) a:before {content: ''; position: absolute; background: #18876e url(../../resources/img/icon_1.png) no-repeat center center;}
.link_area .m_div:nth-child(1) li:nth-child(2) a:before {content: ''; position: absolute; background: #18876e url(../../resources/img/icon_2.png) no-repeat center center;}
.link_area .m_div:nth-child(2) li:nth-child(1) a:before {content: ''; position: absolute; background: #18876e url(../../resources/img/icon_3.png) no-repeat center center;}
.link_area .m_div:nth-child(2) li:nth-child(2) a:before {content: ''; position: absolute; background: #18876e url(../../resources/img/icon_4.png) no-repeat center center;}
.link_area .m_div:nth-child(1) li:nth-child(1) a:hover:before {content: '';  background: #fff url(../../resources/img/icon_1_on.png) no-repeat center center;}
.link_area .m_div:nth-child(1) li:nth-child(2) a:hover:before {content: '';  background: #fff url(../../resources/img/icon_2_on.png) no-repeat center center;}
.link_area .m_div:nth-child(2) li:nth-child(1) a:hover:before {content: '';  background: #fff url(../../resources/img/icon_3_on.png) no-repeat center center;}
.link_area .m_div:nth-child(2) li:nth-child(2) a:hover:before {content: '';  background: #fff url(../../resources/img/icon_4_on.png) no-repeat center center;}

/* popup */

#book_pop {width:720px;height:600px;background-color:#fff}
#book_pop.on {height:630px}
#book_pop2 {width:720px;height:600px;background-color:#fff}
#book_pop2.on {height:630px}

.modal_box {display:none;position:fixed;z-index:1100}
.modal_box2 {display:none;position:fixed;z-index:1200}

/* 가운데 고정 */

/* .modal_box {display:none;position:fixed;top:50%;left:50%;margin:-315px 0 0 -360px;z-index:1100} */
.modal_overlay {opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:#000 !important}

.modal_header {margin:0 0 30px;height:70px;background-color:#239e82}
.pop_logo {position:absolute;top:25px;left:28px;width:129px;height:20px;background:url(../../resources/img/common/pop_logo.png) no-repeat 0 0}
.pop_close {position:absolute;top:23px;right:32px;width:24px;height:24px;background:url(../../resources/img/common/pop_close.png) no-repeat 0 0;font-size:0}

.modal_body {padding:10px 34px;text-align:left}
.modal_body p.tit {display:block;display:-webkit-box;overflow:hidden;height:27px;margin:0 0 20px;font-size:22px;font-weight:700;color:#555;text-align:center;line-height:29px;letter-spacing:-2.2px;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.modal_body .txt {display:-webkit-box;overflow:hidden;height:45px;margin:0 0 33px;font-family:'NotoKrL';font-size:16px;font-weight:500;color:#666;text-align:center;line-height:24px;letter-spacing:-1.0px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.bn_wrap {margin-top:32px;font-size:0;text-align:center}
.bn {display:inline-block;overflow:hidden;margin:0;vertical-align:top}
.bn_big {width:170px;font-size:16px;font-weight:normal;text-align:center}

.bn_bk {background-color:#0d9173;color:#fff}
.bn_bk a {display:block;padding:12px 0;font-family:'NotoKrL';color:#fff}

.one_close {position:absolute;bottom:0;left:20px;width:100%;padding:15px 0;/* background:#333; */font-size:12px;color:#666}
.one_close a {color:#666;text-decoration:none}

.modal_box input[type="checkbox"] {-webkit-appearance: none;appearance: none;margin:0;border:0;background:none;border-radius:0;outline:none;padding:0 !important;}
.modal_box .check-m {position: absolute; top: 4px; left: 0; z-index: -1; display: inline-block; margin: 0; vertical-align: middle; width: 18px; height: 18px;}
.modal_box .check-m + label {position: relative; display: block; float: left; padding-left: 25px;cursor:pointer;}
.modal_box .check-m + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; background: url(../img/common/img_common.png) no-repeat 0px 0;}
.modal_box .check-m:checked + label:before {background: url(../img/common/img_common.png) no-repeat 0px -30px;}

/* */

.pop_visual_wrap {position:relative}
.pop_visual {/* overflow:hidden; */position:relative;z-index:1;width:100%;max-width:652px;margin:0 auto}

.pop_visual .slick-slide {float:left}
.pop_visual .slick-track {overflow:hidden}

.pop_visual_item {display:block;width:100%;height:0;padding-bottom:38.34%;background-size:contain !important}
.pop_visual_item img {width:100%}

.pop_visual .slick-arrow {display:none;overflow:hidden;position:absolute;top:50%;z-index:10000;width:24px;height:45px;margin-top:-22.5px;/* background-color:rgba(0,0,0,0.2); */text-indent:-9999px;cursor:pointer}
.pop_visual .slick-prev {left:-15px;background:transparent url(../../resources/img/common/pop_prev.png)}
.pop_visual .slick-next {right:-15px;background:transparent url(../../resources/img/common/pop_next.png)}

.pop_visual .slick-dots {display:block;width:100%;position:absolute;bottom:-50px;z-index:1000;text-align:center}
.pop_visual .slick-dots li {display:inline}
.pop_visual .slick-dots a {display:inline-block;overflow:hidden;width:15px;height:15px;margin:0 5px;font-size:14px;font-weight:600;background-color:#d0d0d0;color:#807d7a;text-align:center;text-indent:-9999px;border-radius:50%;cursor:pointer}
.pop_visual .slick-dots li.slick-active a {background-color:#239e82;font-size:14px}

/* .pop_visual .visual_btn {position:absolute;top:50%;right:91px;z-index:1;margin-top:86px}
.pop_visual .btn_play {display:block;width:10px;height:14px;background:transparent url(/img/common/img_common.png);background-position:-200px -33px;text-indent:-9999px;cursor:pointer}
.pop_visual .btn_play.on {background-position:-217px -33px} */


/* ========= 모바일 ========= */

@media (max-width: 1300px) {

	/* common */
	.tablet_br {display: block}
	.m_div {display: block;}

	/* 비주얼 */
	.visual_cont {left: 40px; max-width: 640px; top: 40%; color: #fff;}
	.visual_cont strong {margin: 0 20px 0 0; font-size: 42px; line-height: 58px}
	.visual_cont .text1 {font-size: 20px; line-height: 120%;}
	.visual_cont .text2 {font-size: 45px;}
	.visual_cont .text3 {display: none;}
	.visual .slick-dots {top: 48%; right: 20px; margin-top: 0}
	.visual .slick-dots li {display: inline}
	.visual_btn {display: none}

	/* section */
	section .sub_box {width: 100%; margin-top: 0; padding: 0 20px}
	section .sub_tit {margin: 80px 0 20px 0}
	section .tit {margin: 0 20px 0 0; font-size: 14px; }
	section .more {top: 43px; right: 20px; margin: 0 !important}

	/* section2 */
	.section2 {height: auto; padding: 0; background-size: cover}
	.section2 .sub_box {margin: 0}
	.section2 .walk_area {width: 100%; margin: 0 auto; padding: 10px 0 40px}
	.section2 .walk_area ul {padding-top: 100px;}
	.section2 .walk_area ul li {padding: 0px 0 30px; height: 135px;}
	.section2 .walk_area ul li span {font-size: 55px}
	.section2 .walk_area ul li span.unit {top: -7px; font-size: 20px; margin-left: 10px;}
	.section2 .walk_area ul li p.br_txt {font-size: 14px; line-height: 24px}

	/* section3 */
	.section3 {min-height: 1100px; background-size: cover;}
	.thesis_slider {padding-top: 60px;}
	.thesis_slider div {display: inline-block; margin: 30px 2% 2%; width: 45%; padding: 35px 35px 35px;}

	/* section4 */
	.section4 {padding-bottom: 50px;}
	.section4 .section_both {width: 100%; display: block; max-width: initial; margin: 0 auto; text-align: center; padding: 0 20px;}
	.section4 .section_both {margin-top: 40px;}
	.section4 .section_both .fl {float: none; width: 100%; display: block; max-width: initial; margin: 0 auto; text-align: center;}
	.section4 .section_both .fr {float: none; width: 100%; display: block; max-width: initial; margin: 30px 0 0; height: 100%;}
	.section4 .section_both strong {font-size: 20px}
	.section4 .section_both p {font-size: 14px}

	.story_slide {max-width: initial; width: 100%;}
	.story_slide .slick-slide {width: 100%; display: block; max-width: initial;}
	.story_slide .story_img {width: 100%;;}
	.story_slide .story_img img {width: 100%;}
	.story_slide .story_text {padding: 37px 0px 37px 25px; text-align: left;}
	.story_slide .slick-prev {left: 25px}
	.story_slide .slick-next {left: 63px;}

	.notice {display: table; border-collapse: separate; border-spacing: 14px 7px; margin-left: -28px; margin-right: -28px;}
	.notice .notice_box a {height: 100%; margin-left: 0; padding: 40px 30px; text-align: left; width: 1200px; display: table-cell;}
	.notice .notice_box .notice_tit {margin-bottom: 15px;}
	.notice .notice_box .notice_tit.none {margin: 68px 0 44px; line-height: 100%;}

	.link_area {margin: 50px 20px; height: 100%; background: none; max-width: initial;}
	.link_area ul {margin-left: 0;}
	.link_area ul li {width: 50%; padding-left: 5%;}
	.link_area ul li a {width: 100%; padding-left: 140px;}
	.link_area ul li:before {left: 25px;}

} /* 1300 end */

@media (max-width: 760px) {

	#book_pop {width:320px;height:auto}
	#book_pop2 {width:320px;height:auto}
	#book_pop.on {height:auto}
	#book_pop2.on {height:auto}

	.modal_box {top:10% !important;left:50% !important;margin:0 0 0 -155px}
	.modal_box2 {top:50% !important;left:50% !important;margin:0 0 0 -155px}

	.modal_header {height:50px;margin:0 0 15px}

	.pop_logo {top:16px;left:18px}
	.pop_close {top:14px;right:22px}

	#book_pop .modal_body {padding:10px 15px 25px}
	#book_pop.on .modal_body {padding:10px 15px 70px}

	#book_pop2 .modal_body {padding:10px 15px 25px}
	#book_pop2.on .modal_body {padding:10px 15px 70px}

	.modal_body p.tit {height:24px;margin:0 0 12px;font-size:18px;line-height:24px}
	.modal_body .txt {height:36px;margin:0 0 20px;font-size:12px;line-height:19px}

	.pop_visual {width:100%;max-width:282px}
	.pop_visual_item {padding-bottom:47.52%}

	.bn_wrap {margin-top:25px}
	.bn_big {width:110px;font-size:14px}
	.bn_bk a {padding:8px 0}

} /* 760 end */

@media (max-width: 640px) {

	.btn_top .inner a {width: 55px; height: 55px; background-size: 40% 40%;}

	.visual_web {display: none}
	.visual_m {display: block; overflow: hidden; line-height: 0; font-size: 0;}
	.visual_cont {top: 60%; width: 75%; word-wrap: break-word; word-break: keep-all;}
	.visual_cont strong {font-size: 27px; line-height: 36px}
	.visual_cont p {font-size: 22px}
	.slick-slide .visual_cont .text1 {font-size: 18px;}
	.slick-slide .visual_cont .text2 {font-size: 45px;}
	.more_btn {display: none}
	.m_br {display: block}
	.tablet_br {display: inline}

	section {padding: 10px 0}
	section .sub_tit {margin: 40px 0 10px; font-size: 25px; letter-spacing: -0.5px; line-height: 30px;}
	section .tit {letter-spacing: -1px;}
	section .more {font-size: 13.5px}

	/* section2 */
	.section2 .walk_area {padding: 10px 0 40px}
	.section2 .walk_area ul li {float: none; width: 100%; margin: 0 auto; text-align: center;}
	.section2 .walk_area ul li:after {top: 115px; left: 50%; transform: translateX(-50%); width: 160px; height: 1px; background-color: rgba(255, 255, 255, 0.35);}
	.section2 .title_area {height: 140px;}
	.section2 .text {display: none;}
	.section2 .sub_box {text-align: center}

	/* section3 */
	.section3 {min-height: 1600px; padding-right: 20px;}
	.thesis_slider {padding-top: 30px;}
	.thesis_slider div {margin: 30px 20px 2%; width: 100%; padding: 35px 30px 35px;}
	.thesis_slider div .title {font-size: 14px; line-height: 50px; height: 50px; padding-left: 60px; margin-bottom: 20px;}
	.thesis_slider div .title:before {width: 50px; height: 50px;}
	.thesis_slider div .text_tit {font-size: 18px; line-height: 24px; height: 50px;}
	.thesis_slider div .service_none .info_txt {font-size: 18px; line-height: 24px;}
	.thesis_slider div p.text_date {font-size: 13px; margin-top: 15px;}
	.thesis_slider div p {font-size: 13px;}
	.thesis_slider div a {margin: 25px auto 0; font-size: 13px;}

	/* section4 */
	.section4 {padding-bottom: 30px;}
	.section4 .mov a {width: 100%; height: auto; margin: 0 auto}
	.section4 .latest_list ul li a {font-size: 14px}
	.section4 .latest_list .title {width: 70%}
	.section4 .latest_list .date {font-size: 14px}
	.section4 .section_both .fr {margin: 20px 0 0;}

	.story_slide .story_text .txtR {max-width: initial; width: 70%}
	.story_slide .story_text .story_tit {font-size: 13px; font-family: "NotoKrR", sans-serif}
	.story_slide .story_text .story_txt {font-size: 17px; line-height: 21px; height: 45px;}
	.story_slide .story_text {padding: 20px 0px 20px 20px; margin-bottom: 0px;}
	.story_slide .story_text .story_date {font-size: 13px; }
	.story_slide .story_img {height: 300px;}

	.notice .notice_box .notice_date {font-size: 12px; font-family: "NotoKrR", sans-serif;}
	.notice .notice_box .notice_h1 {font-size: 13px; font-family: "NotoKrR", sans-serif; margin-bottom: 10px;}
	.notice .notice_box .notice_tit {font-size: 15px; line-height: 19px; height: 40px; margin-bottom: 10px;}
	.notice .notice_box .notice_txt {font-size: 13px; line-height: 16px; margin-bottom: 10px; letter-spacing: -0.5px; height: 32px; overflow: hidden; }

	.section_both .fl {height: 420px;}
	.section_both .fr {height: 100%;}

	.link_area {margin: 33px 20px;}
	.link_area ul li {height: 110px; line-height: 110px;}
	.link_area ul li a {font-size: 12px; padding-left: 72px; height: 110px; line-height: 110px;}

	.link_area .m_div {overflow: hidden}
	.link_area .m_div:nth-child(1) li:nth-child(1) a:before,
	.link_area .m_div:nth-child(1) li:nth-child(2) a:before,
	.link_area .m_div:nth-child(2) li:nth-child(1) a:before,
	.link_area .m_div:nth-child(2) li:nth-child(2) a:before {background-size: 45% 45%; width: 65px; height: 65px;}

	.notice .notice_box a {padding: 20px;}
	.story_slide .slick-arrow {top: 360px;}
	.notice .notice_box .notice_tit.none {margin: 55px 0 32px;}


} /* 640 end */