/******************************************************
*
* 공통 CSS
*
******************************************************/
* {margin:0; padding:0; border:0; font-size:16px; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}

address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none; color:inherit;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%; height:100%;}
/* input 기본 스타일 초기화 */
input[type=text] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	box-sizing:border-box;
	border-radius:0;
	box-shadow:none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

input::placeholder {color:#999; font-size:14px;}
/* input type number 에서 화살표 제거 */
input[type=checkbox] {
	 -webkit-appearance:checkbox;
       -moz-appearance:checkbox;
            appearance:checkbox;
	width:14px; height:14px;
}
input[type=radio] {
	 -webkit-appearance:radio;
       -moz-appearance:radio;
            appearance:radio;
	width:14px; height:14px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	box-sizing:border-box;
	border-radius:0;
	box-shadow:none;
}
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}
select::-ms-expand {display:none}
.wrap {width:100%; position: relative; min-width:1500px; margin: auto;}
.inner {width:1150px; margin: auto;} 

/**** 공통 CSS END ****/



/************************************************************
*
* include top CSS
*
************************************************************/
.popup {width:712px; position:absolute; top:20px; left:20px; background-color:#fff; z-index:999; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.popup .popup_inner {width:100%; position:relative; height:800px; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; border-bottom:0;}
.popup .popup_inner .pop_header {width:100%;}
.popup .popup_inner .pop_content {width:100%; padding:20px;}
.popup .popup_inner .pop_content .pop_chk_box {width:100%; padding-bottom:25px;}
.popup .popup_inner .pop_content .pop_chk_box table {width:100%; table-layout: fixed; border:1px solid #d0d0d0;}
.popup .popup_inner .pop_content .pop_chk_box table tr th {padding:15px; background-color:#F3F9FF; border-bottom:1px solid #d0d0d0; width:160px; font-size:16px; color:#000; font-weight:400; letter-spacing:-0.05em; text-align:left;} 
.popup .popup_inner .pop_content .pop_chk_box table tr td {padding:15px; background-color:#fff; border-bottom:1px solid #d0d0d0; width:508px;} 
.popup .popup_inner .pop_content .pop_chk_box table tr td label {font-size:16px; color:#000; font-weight:400; letter-spacing:-0.05em; float:left; line-height:13px; margin-right:20px; cursor: pointer;}
.popup .popup_inner .pop_content .pop_chk_box table tr td label:last-child {margin-right:0;}
.popup .popup_inner .pop_content .pop_chk_box table tr td label:nth-child(n + 6){margin-top:15px;}
.popup .popup_inner .pop_content .pop_chk_box table tr td input {-ms-appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; background-image:url("../img/main/radio_off.png"); background-repeat:no-repeat; width:15px; height:15px; float:left; margin-right:5px;}
.popup .popup_inner .pop_chk_box table tr td input:checked { background-image:url("../img/main/radio_on.png"); background-repeat:no-repeat;}

.popup .popup_inner .pop_content .pop_chk_box table tr td div {width:100%; overflow: hidden;}
.popup .popup_inner .pop_content .pop_chk_box table tr td div label:nth-child(4n) {margin-right:0;}
.popup .popup_inner .pop_content .pop_chk_box table tr td div label:nth-child(n + 5) {margin-top:15px;}

.popup .popup_inner .pop_content .pop_chk_box table tr td span {font-size:14px; color:#888; font-weight:400; letter-spacing:-0.05em; line-height:13px; display: block; float:left;}
.popup .popup_inner .pop_content .pop_chk_box table tr td font {font-size:14px; color:#888; font-weight:400; letter-spacing:-0.05em; line-height:13px; display: block; margin-top:15px;}

.popup .popup_inner .pop_content img.pop_line {display: block;}

.popup .popup_inner .pop_content .pop_form_box {width:100%; padding-top:25px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header {width:100%;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox1 {width:100%; height:160px; background-image:url("../img/main/popup_img2.jpg"); background-repeat: no-repeat; background-color:#3E85DD; text-align: center; padding-top:22px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox1 p {font-family:"NanumSquare",sans-serif; font-size:28px; color:#fff; font-weight:600; letter-spacing:-0.05em; line-height:50px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox1 span {font-family:"NanumSquare",sans-serif; font-size:28px; color:#3E85DD; font-weight:600; letter-spacing:-0.05em; line-height:30px; background-color:#fff; display:inline-block; zoom:1; *display:inline; padding-right:6px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox1 span b {font-family:"NanumSquare",sans-serif; font-size:28px; font-weight:600; font-style: italic;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox1 font { font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.05em; line-height:40px; display:block; margin-top:3px;}

.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 {width:100%; background-color:#3274C7; padding:15px 0px; text-align: center;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 span {display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.025em; margin-right:30px; background-image:url("../img/main/pop_icon1.png"); background-repeat: no-repeat; background-position:left top 2px; line-height:17px; padding-left:24px; padding-bottom:2px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 font {display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.025em; margin-right:30px; background-image:url("../img/main/pop_icon2.png"); background-repeat: no-repeat; background-position:left top 2px; line-height:17px; padding-left:24px; padding-bottom:2px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 a {display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.075em; position:relative; background-image:url("../img/main/youtube.png"); background-repeat: no-repeat; background-position:left top 2px; line-height:17px; padding-left:74px; padding-bottom:2px; transition:all 0.2s;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 a::after {content:""; width:168px; height:1px; background-color:#fff; position:absolute; bottom:-2px; right:0; transition:all 0.2s;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 a:hover {color:rgba(255,255,255,0.7);}
.popup .popup_inner .pop_content .pop_form_box .pop_form_header .pfTopBox2 a:hover::after {background-color:rgba(255,255,255,0.7);}

.popup .popup_inner .pop_content .pop_form_box .pop_form_cont {width:100%; padding:27px; border:1px solid #E0E0E0; background-color:#f8f8f8;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_input {width:100%;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_input input {width:100%; height:56px; border:1px solid #ccc; border-radius:20px; margin-bottom:20px; padding:0px 20px; font-size:16px; color:#212121; font-weight:400; letter-spacing:-0.05em;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_input input::placeholder {font-size:16px; color:#555; letter-spacing:-0.05em;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_input input::-moz-placeholder {font-size:16px; color:#555; letter-spacing:-0.05em;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_input input:-ms-input-placeholder {font-size:16px; color:#555; letter-spacing:-0.05em;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_input input::-webkit-input-placeholder {font-size:16px; color:#555; letter-spacing:-0.05em;}

.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_chk_box {width:100%; border-top:1px solid #ccc; padding:17px 0px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_chk_box label {font-size:16px; color:#555; font-weight:400; letter-spacing:-0.05em; line-height:15px; display: block; cursor: pointer;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_chk_box input {-ms-appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; background-image:url("../img/main/chk_off.jpg"); background-repeat:no-repeat; width:17px; height:17px; float:left; margin-right:5px; margin-top:-1px;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont .pf_chk_box input:checked { background-image:url("../img/main/chk_on.jpg"); background-repeat:no-repeat;}

.popup .popup_inner .pop_content .pop_form_box .pop_form_cont input[type=submit] {width:100%; height:56px; background-color:#EC864A; border-radius:20px; padding:0px 20px; font-size:20px; color:#fff; font-weight:400; letter-spacing:-0.05em; transition:all 0.2s; cursor: pointer;}
.popup .popup_inner .pop_content .pop_form_box .pop_form_cont input[type=submit]:hover {background-color:#e05806;}

.popup .popupBtBox {width:100%; background-color:#333; padding:10px 20px; text-align:right;}
.popup .popupBtBox p {font-size:17px; color:#fff; font-weight:400; letter-spacing:-0.025em; cursor: pointer; transition:all 0.2s;}
.popup .popupBtBox p:hover {opacity:0.7;}



.header {width:100%; }
.header .hInner {position: relative;}
.header .hInner .logo {font-family:"NanumSquare",sans-serif; font-size:30px; color:#222121; font-weight:600; float:left; height:80px; padding-top:23px;}
.header .hInner ul.gnb {float:left; overflow: hidden; margin-left:112px;}
.header .hInner ul.gnb li {float:left; padding:21px 0px; margin-right:64px;}
.header .hInner ul.gnb li div {width:100%; padding:8px; font-family:"NanumSquare",sans-serif; font-size:17px; color:#000; font-weight:600; letter-spacing:-0.05em; transition:0.3s; }
.header .hInner ul.gnb li:last-child {margin-right:0;}
.header .hInner ul.gnb li div:hover {color:#3d85dd; transition:0.3s;}
.header .hInner ul.gnb li.active div {border-bottom:3px solid #3d85dd;}

.header .hInner .sns {float:right; height:80px; padding-top:23px;}
.header .hInner .sns div {display:inline-block; zoom:1; *display:inline; vertical-align: middle;  margin-left:15px; width:34px; height:31px; transition:0.3s;}
.header .hInner .sns div.sns1 {background-image:url("../img/common/sns01.png"); background-repeat:no-repeat; background-position:center center;}
.header .hInner .sns div.sns2 {background-image:url("../img/common/sns02.png"); background-repeat:no-repeat; background-position:center center;}
.header .hInner .sns div.sns3 {background-image:url("../img/common/sns03.png"); background-repeat:no-repeat; background-position:center center;}
.header .hInner .sns div.sns4 {background-image:url("../img/common/sns04.png"); background-repeat:no-repeat; background-position:center center;}

.header .hInner .sns div.sns1:hover {background-image:url("../img/common/sns01_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}
.header .hInner .sns div.sns2:hover {background-image:url("../img/common/sns02_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}
.header .hInner .sns div.sns3:hover {background-image:url("../img/common/sns03_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}
.header .hInner .sns div.sns4:hover {background-image:url("../img/common/sns04_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}





.visual {width:100%; position:relative; overflow: hidden;}
.visual img.visualImg {width:100%; min-width:1920px; display: block; margin: auto;}
.visual .visBg {width:50%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5); z-index:1;}
.visInfoBox {width:1150px; margin: auto; position:relative;}
.visInfoBox .visual_info_p {width:100%; position:absolute; top:0; left:0; z-index:2;}
.visInfoBox .visual_info_p .visual_position {width:100%; position:relative; padding-top:360px;}
.visInfoBox .visual_info_p .visual_position .visTxtBox {width:100%; position:absolute; top:82px; opacity:0;}
.visInfoBox .visual_info_p .visual_position .visTxtBox.active {opacity:1; top:132px; transition:1s;}
.visInfoBox .visual_info_p .visual_position .visTxtBox p {font-size:30px; color:#000; font-weight:600; font-family:"NanumSquare",sans-serif; letter-spacing:-0.06em;}
.visInfoBox .visual_info_p .visual_position .visTxtBox span {font-size:60px; color:#000; font-weight:400; font-family:"NanumSquare",sans-serif; letter-spacing:-0.12em; display:block;}
.visInfoBox .visual_info_p .visual_position .visTxtBox span font {font-size:60px; font-weight:600; font-family:"NanumSquare",sans-serif;}
.visInfoBox .visual_info_p .visual_position .visTxtBox span b {font-size:60px; font-style:italic; font-weight:400; font-family:"NanumSquare",sans-serif;}

.visInfoBox .visual_info_p .visual_position .v_slide_box {width:575px; position:relative; padding-right:75px;}
.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw {width:100%;}
.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide {width:100%; position:relative; height:200px;}
.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox {position:absolute; top:0; width:250px; height:200px; opacity:0;}

.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox1.pSlide {left:-50px; transition:0.8s; opacity:0;}
.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox2.pSlide {left:200px; transition:0.8s; opacity:0; transition-delay:0.3s;}

.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox1.nSlide {left:50px; transition:0.8s; opacity:0;}
.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox2.nSlide {left:300px; transition:0.8s; opacity:0; transition-delay:0.3s;}

.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox1.show {left:0; transition:0.8s; transition-delay:0.7s; opacity:1;}
.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox2.show {left:250px; transition:0.8s; transition-delay:1s; opacity:1;}


.visInfoBox .visual_info_p .visual_position .v_slide_box .vsIconSw .swiper-slide .vsIconBox p {font-family:"NanumSquare",sans-serif; font-size:22px; color:#000; font-weight:600; letter-spacing:-0.06em; line-height:32px; padding-top:15px;}


.visInfoBox .visual_info_p .visual_position .v_slide_box img.vNextArrow {position:absolute; top:60px; right:0; opacity:0; transition:0.5s; cursor:pointer;}
.visInfoBox .visual_info_p .visual_position .v_slide_box img.vNextArrow.active {opacity:1; transition:0.8s; transition-delay:1.5s;}
.visInfoBox .visual_info_p .visual_position .v_slide_box ul.vsPage {width:100%; overflow: hidden; padding-top:30px;  transition:0.5s; opacity:0;}
.visInfoBox .visual_info_p .visual_position .v_slide_box ul.vsPage.active {opacity:1; transition:0.8s; transition-delay:1.5s;}
.visInfoBox .visual_info_p .visual_position .v_slide_box ul.vsPage li {width:15px; height:15px; background-color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; float:left; margin-right:18px; transition-delay:0.3s; cursor: pointer;}
.visInfoBox .visual_info_p .visual_position .v_slide_box ul.vsPage li.active {background-color:#4085DD; transition-delay:0.3s;}
/**** include top END ****/




/************************************************************
*
* contents CSS
*
************************************************************/
.main_cntent {width:100%; overflow-x: hidden;}

.mediaSection {position:relative; overflow: hidden; padding:100px 0px;}
.mediaSection .msTxtBox {width:412px; height:413px; float:left; position:relative;}
.mediaSection .msTxtBox p {font-family:"NanumSquare",sans-serif; font-size:50px; color:#000; font-weight:600; letter-spacing:-0.05em; line-height:60px; position:absolute; top:0; left:0; opacity:0;}
.mediaSection .msTxtBox p span {font-family:"NanumSquare",sans-serif; font-size:50px; color:#3d85dd;}

.mediaSection .msTxtBox font {font-size:17px; color:#000; font-weight:400; letter-spacing:-0.06em; line-height:25px; position:absolute; top:140px; left:0; opacity:0;}

.mediaSection .msTxtBox div {width:320px; height:50px; background-color:#3d85dd; text-align: center; padding-top:11px; font-size:17px; color:#fff; letter-spacing:-0.06em; font-weight:300; -wekibt-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; position:absolute; top:270px; left:0; opacity:0;}

.mediaSection.active .msTxtBox p {top:40px; opacity:1; transition:0.6s;}
.mediaSection.active .msTxtBox font {top:180px; opacity:1; transition:0.6s; transition-delay:0.4s;}
.mediaSection.active .msTxtBox div {top:310px; opacity:1; transition:0.6s; transition-delay:0.8s;}


.mediaSection .msMediaBox {width:738px; height:413px; float:right; position:relative; opacity:0;}
.mediaSection .msMediaBox iframe {position:relative; z-index:1;}
.mediaSection .msMediaBox img {position:absolute; top:0; left:0; z-index:2;}

.mediaSection .msMediaBox .play {width:61px; height:61px; position:absolute; top:50%; left:50%; margin-top:-30.5px; margin-left:-30.5px; background-image:url("../img/main/play.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s; cursor: pointer; z-index:3;}
.mediaSection .msMediaBox .play:hover {background-image:url("../img/main/play_hover.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}

.mediaSection.active .msMediaBox {opacity:1; transition:1s; transition-delay:1.5s;}



.openEvent {width:100%; height:680px; overflow: hidden;}
.openEvent img.oeBgImg {min-width:1920px; width:100%; display:block; margin: auto; position:relative; z-index: 1;}
.openEvent .oeInner {width:1200px; margin: auto; padding:0px 25px; position:relative; z-index: 2;}
.openEvent .oeInner p {font-family:"NanumSquare",sans-serif; font-size:60px; font-weight:400; letter-spacing:-0.05em; color:#000; position:absolute; top:60px; left:0; text-align: center; width:100%; line-height:58px; opacity:0;}
.openEvent .oeInner p.active {top:110px; opacity:1; transition:0.8s;}
.openEvent .oeInner p span {font-family:"NanumSquare",sans-serif; font-size:60px; font-weight:600;}
.openEvent .oeInner p font {font-family:"NanumSquare",sans-serif; font-size:40px; font-weight:600; color:#3d85dd;}


.openEvent .oeInner .oeListBox {width:1150px; height:265px; padding:10px 0px; position:absolute; top:265px; left:50%; margin-left:-575px;}   
.openEvent .oeInner .oeListBox .oeListPosition {width:100%; height:100%; position:relative;}
.openEvent .oeInner .oeListBox .oeListPosition div {width:256px; height:245px; background:rgba(255,255,255,0.8); float:left; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; border-radius:25px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); position:absolute; top:0; opacity:0;}

.openEvent .oeInner .oeListBox .oeListPosition div.olBox01 {left:-50px;}
.openEvent .oeInner .oeListBox .oeListPosition div.olBox02 {left:248px;}
.openEvent .oeInner .oeListBox .oeListPosition div.olBox03 {left:546px;}
.openEvent .oeInner .oeListBox .oeListPosition div.olBox04 {left:844px;}

.openEvent .oeInner .oeListBox .oeListPosition div.olBox01.active {left:234px; opacity:1; transition:0.8s; transition-delay:0.8s;}
/*.openEvent .oeInner .oeListBox .oeListPosition div.olBox01.active {left:0px; opacity:1; transition:0.8s; transition-delay:0.8s;}*/
.openEvent .oeInner .oeListBox .oeListPosition div.olBox02.active {left:298px; opacity:1; transition:0.8s; transition-delay:1.1s;}
.openEvent .oeInner .oeListBox .oeListPosition div.olBox03.active {left:596px; opacity:1; transition:0.8s; transition-delay:1.4s;}
.openEvent .oeInner .oeListBox .oeListPosition div.olBox04.active {left:894px; opacity:1; transition:0.8s; transition-delay:1.7s;}


.openEvent .oeInner .oeListBox .oeListPosition div img {display:block; margin: auto; margin-top:46px; margin-bottom:20px;}
/*.openEvent .oeInner .oeListBox .oeListPosition div b {font-family:"NanumSquare",sans-serif; font-size:21px; color:#000; font-weight:400; line-height:30px; text-align: center; display: block; }*/
.openEvent .oeInner .oeListBox .oeListPosition div b {font-family:"NanumSquare",sans-serif; font-size:30px; color:#000; font-weight:400; line-height:46px; text-align: center; display: block; }


.openEvent .oeInner strong {position:absolute; top:535px; right:25px; font-size:17px; color:#333; font-weight:400; letter-spacing:-0.05em; opacity:0;}
.openEvent .oeInner strong.active {opacity:1; transition:0.8s; transition-delay:2.2s;}



.m_review_box {width:100%; background-color:#F7F8FA;}
.m_review_box .mr_inner {position:relative; padding:110px 0px;}
.m_review_box .mr_inner p {font-family:"NanumSquare",sans-serif; font-size:50px; color:#000; font-weight:600; letter-spacing:-0.05em; padding-bottom:70px; opacity:0;}
.m_review_box .mr_inner p span {font-family:"NanumSquare",sans-serif; font-size:50px; color:#11a5aa;}

.m_review_box.active .mr_inner p {opacity:1; transition:0.8s;}


.m_review_box .mr_inner .m_review_list {width:100%; height:410px; position:relative; padding-right:100px; }
.m_review_box .mr_inner .m_review_list .mr_l_box {width:326px; height:410px; float:left; border:1px solid #ccc; background-color:#fff; position:absolute; top:50px; opacity:0;}

.m_review_box .mr_inner .m_review_list .mr_l_box01 {left:0;}
.m_review_box .mr_inner .m_review_list .mr_l_box02 {left:362px;}
.m_review_box .mr_inner .m_review_list .mr_l_box03 {left:724px;}


.m_review_box.active .mr_inner .m_review_list .mr_l_box01 {top:0; opacity:1; transition:0.8s; transition-delay:0.8s;}
.m_review_box.active .mr_inner .m_review_list .mr_l_box02 {top:0; opacity:1; transition:0.8s; transition-delay:1.1s;}
.m_review_box.active .mr_inner .m_review_list .mr_l_box03 {top:0; opacity:1; transition:0.8s; transition-delay:1.4s;}


.m_review_box .mr_inner .m_review_list .mr_l_box .mr_l_img {width:324px; height:212px; display:flex; justify-content: center; text-align: center; align-items: center; border-bottom:1px solid #ccc;}
.m_review_box .mr_inner .m_review_list .mr_l_box .mr_l_img img {width:auto; height:auto; max-height:100%; max-width:100%; transition:0.5s;}

.m_review_box .mr_inner .m_review_list .mr_l_box .mr_l_txt {width:100%; padding:15px;}
.m_review_box .mr_inner .m_review_list .mr_l_box .mr_l_txt span {font-size:21px; color:#000; font-weight:400; letter-spacing:-0.05em; display: block; padding-bottom:15px; width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.m_review_box .mr_inner .m_review_list .mr_l_box .mr_l_txt font {font-size:17px; color:#000; font-weight:300; letter-spacing:-0.05em; display: block;  white-space: nowrap; white-space: normal; line-height: 1.45; height: 4.35em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.m_review_box .mr_inner .m_review_list .mr_l_box .mr_l_txt b {font-size:17px; color:#888; font-weight:300; letter-spacing:-0.06em; display: block; padding-top:18px;}

.m_review_box .mr_inner .m_review_list .mr_l_box:hover .mr_l_img img {opacity:0.5; transition:0.5s;}
.m_review_box .mr_inner .m_review_list .mr_l_box:hover .mr_l_txt span {color:#11a5aa; transition:0.5s;}


.m_review_box .mr_inner .m_review_list .mrMore {position:absolute; top:50%; right:0; margin-top:-30px; width:60px; height:60px; background-image:url("../img/main/moreBtn.png"); background-position:center center; background-repeat: no-repeat; transition:0.5s; opacity:0;}

.m_review_box.active .mr_inner .m_review_list .mrMore {opacity:1; transition:0.8s; transition-delay:2.0s;}
.m_review_box .mr_inner .m_review_list .mrMore:hover {background-image:url("../img/main/moreBtn_hover.png"); background-position:center center;  background-repeat: no-repeat; transition:0.5s;}


.m_location {overflow:hidden; padding:100px 0px;}
.m_location .ml_txt {width:410px; height:450px; float:left; position:relative;}
.m_location .ml_txt p.mlTit {font-family:"NanumSquare",sans-serif; font-size:50px; color:#000; font-weight:600; letter-spacing:-0.05em; position:absolute; left:0; top:-35px; opacity:0;}

.m_location .ml_txt.active p.mlTit {top:15px; opacity:1; transition:0.8s;}

.m_location .ml_txt span {font-size:25px; color:#000; font-weight:400; letter-spacing:-0.05em; line-height:32px; display: block; padding-bottom:30px; position:absolute; left:0; top:68px; opacity:0;}

.m_location .ml_txt.active span {top:118px; opacity:1; transition:0.8s; transition-delay:0.3s;}

.m_location .ml_txt .telTxt {width:100%; overflow: hidden; position:absolute; left:0; opacity:0;}
.m_location .ml_txt .telTxt img {float:left; margin-top:5px;}
.m_location .ml_txt .telTxt p {font-size:25px; color:#3d85dd; font-weight:400; float:left; margin-left:15px;}

.m_location .ml_txt .telTxt1 {top:164px;}
.m_location .ml_txt .telTxt2 {top:208px;}

.m_location .ml_txt.active .telTxt1 {opacity:1; top:214px; transition:0.8s; transition-delay:0.6s;}
.m_location .ml_txt.active .telTxt2 {opacity:1; top:258px; transition:0.8s; transition-delay:0.9s;}



.m_location .ml_txt .cTimeBox {width:100%; position:absolute; top:324px; left:0; opacity:0;}
.m_location .ml_txt.active .cTimeBox {opacity:1; transition:0.8s; transition-delay:1.5s;}

.m_location .ml_txt .cTimeBox div {width:100%; position:relative; padding-left:72px;}
.m_location .ml_txt .cTimeBox div font {position:absolute; top:0; left:0; font-size:17px; color:#000; font-weight:300; letter-spacing:-0.05em;}
.m_location .ml_txt .cTimeBox div b {font-size:17px; color:#000; font-weight:300; letter-spacing:-0.05em;}


.m_location .ml_map {width:740px; height:450px; float:right; background-color:#eee; overflow: hidden; opacity:0;}
.m_location .ml_map.active {transition:0.8s; transition-delay:1.8s; opacity:1;}
/**** contents END ****/



/************************************************************
*
* footer CSS
*
************************************************************/
.footer {width:100%; padding:45px 0px; border-top:1px solid #ccc; position:relative;}
.footer .copyright {position:relative;}
.footer .copyright p {font-size:15px; color:#505050; font-weight:400; letter-spacing:-0.025em; line-height:23px;}
.footer .copyright span {font-size:15px; color:#505050; font-weight:400; letter-spacing:-0.025em; line-height:23px; display: block; margin-top:15px;}

.footer .copyright .btLogo {font-family:"NanumSquare",sans-serif; font-size:30px; color:#222121; font-weight:600; position:absolute; right:0; top:2px;}
.footer .copyright .btSns {width:230px; overflow: hidden; position:absolute; right:0; top:50px; text-align:right;}

.footer .copyright .btSns div {display:inline-block; zoom:1; *display:inline; vertical-align: middle;  margin-left:20px; width:34px; height:31px; transition:0.3s;}
.footer .copyright .btSns div.btSns1 {background-image:url("../img/common/sns01.png"); background-repeat:no-repeat; background-position:center center;}
.footer .copyright .btSns div.btSns2 {background-image:url("../img/common/sns02.png"); background-repeat:no-repeat; background-position:center center;}
.footer .copyright .btSns div.btSns3 {background-image:url("../img/common/sns03.png"); background-repeat:no-repeat; background-position:center center;}
.footer .copyright .btSns div.btSns4 {background-image:url("../img/common/sns04.png"); background-repeat:no-repeat; background-position:center center;}


.footer .copyright .btSns div.btSns1:hover {background-image:url("../img/common/sns01_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}
.footer .copyright .btSns div.btSns2:hover {background-image:url("../img/common/sns02_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}
.footer .copyright .btSns div.btSns3:hover {background-image:url("../img/common/sns03_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}
.footer .copyright .btSns div.btSns4:hover {background-image:url("../img/common/sns04_h.png"); background-repeat:no-repeat; background-position:center center; transition:0.3s;}


.topBtn {width:65px; height:65px; background-image:url("../img/main/topBtn.png"); background-repeat: no-repeat; background-position:center center; transition:0.3s; cursor: pointer; border:1px solid #e0e0e0; position:absolute; right:30px; bottom:30px;}
.topBtn:hover {background-image:url("../img/main/topBtn_hover.png"); background-repeat: no-repeat; background-position:center center; transition:0.3s; border:1px solid #3D85DD;}

/**** footer END ****/