@charset "utf-8";
/*------------------------------------------------------------------------------
 * Front for Main Front Page

 * CSS    : front.css
 * Date   : 2016.11.04 updated
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
 *  Main page
------------------------------------------------------------------------------*/

/* Top Area
------------------------------------------------------------------------------*/

/* Middle Area
------------------------------------------------------------------------------*/

.ms-slide {background-size:200% !important;}
.section_show {position:relative; width:100%; margin:20px auto 40px auto; padding:0px 0 0 0;}
.section_show > .title {display:block; margin:0px 20px 0px 20px; padding:0px 0 15px 0; color:#FFFFFF; font-size:18px; font-weight:400;}
.section_show ul {z-index:1; position:relative; width:auto; margin:0px 20px 0px 20px; padding:0px 0px 0 0px; border-bottom:1px solid #666666;}
.section_show ul > li {float:none; width:auto; height:auto; margin:0 0px 20px 0px;}
.section_show ul > li.last {float:none; width:auto; height:auto; margin:0 0px 20px 0px;}
.section_show ul > li .shows {width:100%;}
.section_show ul > li .shows a.poster {display:block; position:relative; width:100%; padding:0px;}
.section_show ul > li .shows a.poster > img {width:100%; max-width:100%; border:#222222 1px solid; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.section_show ul > li .shows a.poster > img:hover {border:#d3364a 1px solid;}
.section_show ul > li .shows a.poster > .dday {position:absolute; top:-2px; right:10px; padding:10px 7px 7px 7px; background:#d3364a; background:rgba(211,54,74,0.9); color:#FFFFFF; font-family:Arial; font-size:18px; font-weight:400;}
.section_show ul > li .shows a.title  {display:block; width:auto; padding:10px 0px 0px 10px; color:#ebebeb; font-family:'NanumBarunGothic'; font-size:14px; line-height:150%;}
.section_show ul > li .shows a.title:hover {color:#d3364a;}
.section_show ul > li .shows a.datetime  {display:block; width:auto; padding:5px 0px 0px 10px; color:#999999; font-size:11px;}
.section_show .btnShow_more {z-index:9999; position:relative; display:block; width:140px; height:18px; margin:-2px auto 0 auto; padding:15px 10px 15px 10px; color:#999999; font-size:14px; background-color:#000000 !important; border-top:1px solid #000000; border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #666666; text-align:center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.section_show .btnShow_more:hover {height:18px; margin:-2px auto 0 auto; padding:25px 10px 15px 10px; color:#d3364a;}
.section_m1 {clear:both; position:relative; width:auto; margin:10px 20px 0px 20px; padding:10px 0px 20px 0px; border:#333333 1px solid;}
.section_m1 > .notice {position:relative; width:100%; height:100%; margin:0 auto; background:transparent; overflow:hidden;}
.section_m1 > .notice > a.nt_notice {float:none; display:block; width:auto; margin:15px 0 0px 0px; padding:5px 20px 0px 20px; background:transparent; color:#EBEBEB; font-size:18px; font-weight:400;}
.section_m1 > .notice > ul {width:auto; margin:0px 20px 0 20px; overflow:hidden;}
.section_m1 > .notice > ul > li {color:#FFFFFF; font-size:12px;}
.section_m1 > .notice > ul > li > a {display:block; width:auto; padding:22px 0px 0px 0px; color:#EBEBEB; font-size:13px; font-weight:400;}
.section_m1 > .notice > ul > li > a:hover {color:#d3364a;}
.section_m1 > .notice > ul > li > span {display:block; width:auto; padding:10px 0px 15px 0px; color:#EBEBEB; font-size:11px; font-weight:400;}
.section_m1 > .notice > ul > li > span.bar {display:none; width:auto; padding:0px 5px 0px 5px; color:#999999; font-size:11px; vertical-align:0px;}
.sec_notice {margin-bottom: 30px;}

.section_m2 {position:relative; width:100%; height:auto; margin:0px auto 0px auto; padding:0px 0 0 0; background:url('/ko/common/img/bg/bg_main_bottom.jpg') center -100px no-repeat;}
.section_m2 .instagram {position:relative; width:100%; margin:0px auto 0px auto; padding:20px 0 40px 0; text-align:center;overflow: auto;}
.section_m2 .instagram:after {clear:both; content:''; display:block;}
.section_m2 .instagram > .title {display:block; margin:40px auto 10px auto; padding:0px 0 0px 0px; text-align:center;}
.section_m2 .instagram > .title > img {width:300px; max-width:200px;}
.section_m2 .instagram > a.desc {float:auto; display:inline-block; margin:10px auto 0px auto; padding:10px 15px 10px 15px; background:none; border:1px solid #999999; color:#CCCCCC; font-size:11px; font-weight:400; text-align:right; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.section_m2 .instagram > a.desc:hover {background:#FFFFFF; border:1px solid #EBEBEB; color:#333333;}
.section_m2 .instagram > .web {display:none; width:100%; height:100%;}
.section_m2 .instagram > .web > iframe {border:none; overflow:hidden; width:100% !important; height:156px; margin:0 auto;}
.section_m2 .instagram > .mobile {display:block; width:100%; height:100%; text-align:center;}
.section_m2 .instagram > .mobile > iframe {display:inline-mobile; border:none; overflow:hidden; width:200px; height:200px; margin:0 auto;}
.section_m2 .instagram ul {list-style:none; width:auto; margin:0px auto 0 auto; text-align:center;}
.section_m2 .instagram ul:after {clear:both; content:''; display:block;}
.section_m2 .instagram ul li {float:none; display:inline-block; position:relative; width:150px; height:150px; margin:0px 6px 12px 6px; overflow:hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.section_m2 .instagram ul li:last-child {margin:0px 6px 12px 6px;}
.section_m2 .instagram ul li a {display:block; position:relative; width:150px; height:150px; margin:0px; padding:0px;}
.section_m2 .instagram ul li a img {z-index:1; opacity:0.5; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.section_m2 .instagram ul li a:hover img {z-index:1; opacity:1;}
.section_m2 .instagram ul li a p.caption {z-index:9999; display:block; float:left; position:absolute; top:150px; left:0px; right:0px; bottom:0px; width:130px; height:130px; margin:0px; padding:10px; overflow:hidden; background:rgba(208,56,73,0); color:#FFFFFF; font-size:11px; font-weight:400; letter-spacing:0px; line-height:120%; text-align:left; white-space:normal; word-break:break-all; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.section_m2 .instagram ul li a:hover p.caption {top:0px; background:rgba(208,56,73,0.8);}
.section_location {clear:both; position:relative; width:100%; height:186px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
.section_location .locationMap {display:none; position:relative; width:100%; margin:0px auto 0px auto; padding:120px 0 120px 0; text-align:center;}
.section_location .locationMapDaum {position:relative; width:100%; margin:0px auto 0px auto; padding:0px 0 0px 0; text-align:center;}


#instaPics {width:100%; height:160px; margin:0 auto; overflow:hidden;}
.insta-box {display:inline-block; position:relative; width:150px; height:150px; margin:5px; border:0px solid #ddd;}
.image-layer {overflow:hidden; width:100%; height:100%;}
.image-layer img {max-width:100%;}
.caption-layer {display:none; position:absolute; top:0; width:100%; height:150px; padding:0px; background:rgba(211,54,74,0.85); box-sizing:border-box; font-size:11px; line-height:130%; color:#FFFFFF; overflow:hidden;}
.caption-layer > p {width:130px; height:100px; padding:10px; overflow:hidden;}
.insta-likes {float:right; position:absolute; bottom:7px; right:10px;}

	/* 2018-05-09 �˾�â */
	#pop_2020 { position:fixed; width:100%; height:100%; top:0px; left:0px; margin:0px auto 20px auto; z-index:9999; background: rgba(0,0,0,0.75); overflow-y: auto;}
	#pop_2020 > .popup {display:block; position:relative; width:auto; height:auto; top:60px; left:auto; margin:0px 20px; border:0; z-index:9997; transition: 500ms all ease;}
	#pop_2020 > .popup > a.applyDec { display: inline-block; width: 100%; height: auto; /* max-width: 500px; max-height: 500px; */}
	#pop_2020 > .popup > a.applyDec2 { display: inline-block; height: auto;  /* max-width: 500px; max-height: 500px; */}
	/*220610 9�� ������� ��ư 2�� �߰� �˾� ����*/
	#pop_2020 > .popup > p.applyDec3 { position: relative; display: inline-block; width: 100%; height: auto; /* max-width: 500px; max-height: 500px; */}
	#pop_2020 > .popup > p.applyDec3 .btn_left {position: absolute; display: inline-block; left: 0;  bottom: 0;  width: 48%; height: 20%;}
	#pop_2020 > .popup > p.applyDec3 .btn_right {position: absolute; display: inline-block; right: 0;  bottom: 0;  width: 48%; height: 20%;}

	#pop_2020 > .popup > a > img {width:100%; max-width:100%;}
	#pop_2020 > .popup > .applyDec3 > img {width:100%; max-width:100%;}
	#pop_2020 > .popup > a.closeBtn {display:block; z-index:99999; position:absolute; top:-35px; right:-16px; width:180px; height:40px; padding:0; font-weight: 500;}
	#pop_2020 > .popup > a.closeBtn2 {display:block; z-index:99999; position:absolute; top:-40px; right:0px; width:30px; height:30px; padding:0;}

	#pop_2020 > .popup.row-1 {left: 0%;transform: translate(0, 0);}
	#pop_2020 > .popup.row-2 {top: 124px; left: 0%;transform: translate(0, 0);}

@media all and (min-width:360px) {
	.ms-slide {background-size:200% !important;}
	.section_location {clear:both; position:relative; width:100%; height:209px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:375px) {
	.ms-slide {background-size:200% !important;}
  .section_location {clear:both; position:relative; width:100%; height:218px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:400px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:47.5%; height:240px; margin:0 5% 80px 0;}
	.section_show ul > li.half {float:left; width:47.5%; height:240px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:47.5%; height:240px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:233px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:414px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:48.2%; height:260px; margin:0 3.6% 80px 0;}
	.section_show ul > li.half {float:left; width:48.2%; height:260px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:48.2%; height:260px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:233px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:480px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:48.2%; height:280px; margin:0 3.6% 80px 0;}
	.section_show ul > li.half {float:left; width:48.2%; height:280px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:48.2%; height:280px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:270px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:568px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:48.2%; height:320px; margin:0 3.6% 80px 0;}
	.section_show ul > li.half {float:left; width:48.2%; height:320px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:48.2%; height:320px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:320px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:640px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:48.2%; height:360px; margin:0 3.6% 80px 0;}
	.section_show ul > li.half {float:left; width:48.2%; height:360px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:48.2%; height:360px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:400px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}
}

@media all and (min-width:667px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:48.2%; height:380px; margin:0 3.6% 80px 0;}
	.section_show ul > li.half {float:left; width:48.2%; height:380px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:48.2%; height:380px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:400px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m375_x3.jpg') center top no-repeat; background-size: 100%;}

	/* 2018-05-09 �˾�â */
	#pop_2020 { position:fixed; width:100%; height:100%; top:0px; left:0px; margin:0px; z-index:9999; background:rgba(0,0,0,0.75);}
	#pop_2020 > .popup {display:block; position:absolute; width:500px; height: auto; top:300px; left:50%; margin:0px 0px 0px -250px; border:1px solid #FFFFFF; z-index:9997;}
	#pop_2020 > .popup > a.closeBtn {display:block; z-index:99999; position:absolute; top:-60px; right:50px; width:120px; height:40px; padding:0; line-height:40px; font-weight: 500;}
	#pop_2020 > .popup > a.closeBtn2 {display:block; z-index:99999; position:absolute; top:-60px; right:0px; width:40px; height:40px; padding:0;}

	/* 260403 추가 */
	#pop_2020 > .popup.row-1 {top:100px; left:50%;transform: translate(0%, 0);}
	#pop_2020 > .popup.row-2 {top: 50%; left: 50%;transform: translate(0%, 0);}
}

@media all and (min-width:736px) {
	.ms-slide {background-size:200% !important;}
	.section_show ul > li {float:left; width:48.2%; height:420px; margin:0 3.6% 80px 0;}
	.section_show ul > li.half {float:left; width:48.2%; height:420px; margin:0 0px 80px 0;}
	.section_show ul > li.last {float:left; width:48.2%; height:420px; margin:0 0px 80px 0;}
	.section_location {clear:both; position:relative; width:100%; height:450px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_m736_x3.jpg') center top no-repeat; background-size: 100%;}

	/* 2018-05-09 �˾�â */
	#pop_2020 { position:fixed; width:100%; height:100%; top:0px; left:0px; margin:0px; z-index:9999; background:rgba(0,0,0,0.75);}
	#pop_2020 > .popup {display:block; position:absolute; width:500px; height:auto; top:170px; left:50%; margin:0px 0px 0px -250px; border:1px solid #FFFFFF; z-index:9997;}
	#pop_2020 > .popup > a.closeBtn {display:block; z-index:99999; position:absolute; top:-60px; right:50px; width:120px; height:40px; padding:0; line-height:40px;}
	#pop_2020 > .popup > a.closeBtn2 {display:block; z-index:99999; position:absolute; top:-60px; right:0px; width:40px; height:40px; padding:0;}	
}
@media all and (min-width:768px) {
	.ms-slide {background-size:auto !important;}
	.section_show {position:relative; width:960px; margin:-200px auto 40px auto; padding:0px 0 0 0;}
	.section_show > .title {display:block; margin:0px auto 0px auto; padding:0px 0 20px 0; color:#FFFFFF; font-size:24px; font-weight:100;}
	.section_show ul {z-index:1; position:relative; width:960px; margin:0px auto 0px auto; padding:0px 0 0 0; border-bottom:1px solid #666666;}
	.section_show ul > li {float:left; width:225px; height:340px; margin:0 20px 80px 0;}
	.section_show ul > li.half {float:left; width:225px; height:340px; margin:0 20px 80px 0;}
	.section_show ul > li.last {float:left; width:225px; height:340px; margin:0 0px 80px 0;}
	.section_show ul > li .shows {width:100%;}
	.section_show ul > li .shows a.poster {display:block; position:relative; width:100%; padding:0px;}
	.section_show ul > li .shows a.poster > img {width:100%; max-width:100%; border:#222222 1px solid; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.section_show ul > li .shows a.poster > img:hover {border:#d3364a 1px solid;}
	.section_show ul > li .shows a.poster > .dday {position:absolute; top:-2px; right:10px; padding:10px 7px 7px 7px; background:#d3364a; background:rgba(211,54,74,0.9); color:#FFFFFF; font-family:Arial; font-size:18px; font-weight:400;}
	.section_show ul > li .shows a.title  {display:block; width:auto; padding:20px 0px 0px 0px; color:#ebebeb; font-family:'NanumBarunGothic'; font-size:16px; line-height:150%;}
	.section_show ul > li .shows a.title:hover {color:#d3364a;}
	.section_show ul > li .shows a.datetime  {display:block; width:auto; padding:10px 0px 0px 0px; color:#999999; font-size:13px;}
	.section_show .btnShow_more {z-index:999; position:relative; display:block; width:140px; height:18px; margin:-2px auto 0 auto; padding:15px 10px 15px 10px; color:#999999; font-size:14px; background-color:#000000 !important; border-top:1px solid #000000; border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #666666; text-align:center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.section_show .btnShow_more:hover {height:18px; margin:-2px auto 0 auto; padding:25px 10px 15px 10px; color:#d3364a;}

    .section_m1 {clear:both; position:relative; width:100%; margin:10px auto 0px auto; padding:20px 0px 20px 0px; border-top:#333333 1px solid;  border-right:#333333 0px solid; border-bottom:#333333 1px solid; border-left:#333333 0px solid;}
	.section_m1 > .notice {position:relative; width:960px; height:100%; margin:0 auto; background:transparent; overflow:hidden;}
	.section_m1 > .notice > a.nt_notice {float:left; display:block; width:120px; margin:15px 0 15px 0px; padding:4px 10px 7px 0px; background:transparent; color:#EBEBEB; font-size:24px; font-weight:100;}
	.section_m1 > .notice > ul {width:auto; margin:0px 0 0 110px; overflow:hidden;}
	.section_m1 > .notice > ul > li {color:#FFFFFF; font-size:12px;}
	.section_m1 > .notice > ul > li > a {display:inline-block; width:auto; padding:22px 15px 15px 15px; color:#EBEBEB; font-size:18px; font-weight:100;}
	.section_m1 > .notice > ul > li > a:hover {color:#d3364a;}
	.section_m1 > .notice > ul > li > span {display:inline-block; width:auto; padding:22px 15px 15px 15px; color:#EBEBEB; font-size:18px; font-weight:100;}
	.section_m1 > .notice > ul > li > span.bar {display:inline-block; width:auto; padding:0px 5px 0px 5px; color:#999999; font-size:14px; vertical-align:0px;}
	.sec_notice {margin-bottom: 00px;}

	.section_m2 {position:relative; width:100%; height:440px; margin:0px auto 0px auto; padding:0px 0 0 0; background:url('/ko/common/img/bg/bg_main_bottom.jpg') center -100px no-repeat;}
	.section_m2 .instagram {position:relative; width:966px; margin:0px auto 0px auto; padding:40px 0 40px 0; text-align:left;}
	.section_m2 .instagram:after {clear:both; content:''; display:block;}
	.section_m2 .instagram > .title {display:block; margin:40px auto 10px auto; padding:0px 0 0px 4px; text-align:left;}
	.section_m2 .instagram > .title > img {width:300px; max-width:100%;}
	.section_m2 .instagram > a.desc {float:right; display:inline-block; margin:20px 4px 0px 0px; padding:10px 20px 10px 20px; background:none; border:1px solid #999999; color:#CCCCCC; font-size:12px; font-weight:400; text-align:right; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.section_m2 .instagram > a.desc:hover {background:#FFFFFF; border:1px solid #EBEBEB; color:#333333;}
	.section_m2 .instagram > .web {display:block; width:100%; height:100%;}
	.section_m2 .instagram > .web > iframe {border:none; overflow:hidden; width:100% !important; height:156px; margin:0 auto;}
	.section_m2 .instagram > .mobile {display:none; width:100%; height:100%; text-align:center;}
	.section_m2 .instagram > .mobile > iframe {display:inline-mobile; border:none; overflow:hidden; width:200px; height:200px; margin:0 auto;}
	.section_m2 .instagram ul {list-style:none; width:960px; margin:0px auto 0 auto; text-align:center;}
	.section_m2 .instagram ul:after {clear:both; content:''; display:block;}
	.section_m2 .instagram ul li {float:left; display:inline-block; position:relative; width:150px; height:150px; margin:0px 12px 0 0; overflow:hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.section_m2 .instagram ul li:last-child {margin:0px 0px 0 0;}
	.section_m2 .instagram ul li a {display:block; position:relative; width:150px; height:150px; margin:0px; padding:0px;}
	.section_m2 .instagram ul li a img {z-index:1; opacity:0.5; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.section_m2 .instagram ul li a:hover img {z-index:1; opacity:1;}
	.section_m2 .instagram ul li a p.caption {z-index:9999; display:block; float:left; position:absolute; top:150px; left:0px; right:0px; bottom:0px; width:130px; height:130px; margin:0px; padding:10px; overflow:hidden; background:rgba(208,56,73,0); color:#FFFFFF; font-size:11px; font-weight:400; letter-spacing:0px; line-height:120%; text-align:left; white-space:normal; word-break:break-all; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.section_m2 .instagram ul li a:hover p.caption {top:0px; background:rgba(208,56,73,0.8);}

	.section_location {clear:both; position:relative; width:100%; height:600px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#000000 url('/ko/common/img/bg/bg_locationmap_main_230327.jpg') center top no-repeat;}
	.section_location .locationMap {display:block; position:relative; width:960px; margin:0px auto 0px auto; padding:120px 0 120px 0; text-align:center;}
	.section_location .locationMapDaum {position:relative; width:100%; margin:0px auto 0px auto; padding:0px 0 0px 0; text-align:center;}

	/* 2018-05-09 �˾�â */
	#pop_2020 { position:fixed; width:100%; height:100%; top:0px; left:0px; margin:0px; z-index:10000; background:rgba(0,0,0,0.75); border:0px solid #000000;}
	#pop_2020 > .popup {display:block; position:absolute; width:500px; /* 2���� ��� width:1003px; /* 3���� ��� width:1506px;*/ height:500px; top:100px; left:50%; /*margin:0px 0px 0px -250px;*/ margin:0px 0px 0px 0px; z-index:9997; border:0; /*transform: translate(-25%, 0);*/ transform: translate(-50%, 0);}
	#pop_2020 > .popup > a.applyDec { display: inline-block; max-width: 500px; max-height: 500px;}
	
	/*220610 9�� ������� ��ư 2�� �߰� �˾� ����*/
	#pop_2020 > .popup > p.applyDec3 {position: relative; display: inline-block; max-width: 500px; max-height: 500px;}
	#pop_2020 > .popup > p.applyDec3 .btn_left {position: absolute; display: inline-block; left: 0;  bottom: 0;   width: 48%; height: 20%; }
	#pop_2020 > .popup > p.applyDec3 .btn_right {position: absolute; display: inline-block; right: 0;  bottom: 0;   width: 48%; height: 20%; }
	
	#pop_2020 > .popup > a.closeBtn {display:block; z-index:99999; position:absolute; top:-50px; right:50px; width:125px; height:40px; padding:0; color:#CCCCCC; font-weight:400; text-align:right; line-height:40px;}
	#pop_2020 > .popup > a.closeBtn2 {display:block; z-index:99999; position:absolute; top:-50px; right:0px; width:40px; height:40px; padding:0; color:#CCCCCC; font-weight:400; text-align:right;}
	#pop_2020 > .popup > a.closeBtn2 > img {margin-left:0px;}
	
	/* 260403 추가 */
	#pop_2020 > .popup.row-1 {left: 50%;transform: translate(-50%, 0);}
	#pop_2020 > .popup.row-2 {top: 50%; left: 50%;transform: translate(-50%, 0);}
}

@media all and (min-width:1024px) {
	/* 260403 추가 */
	#pop_2020 > .popup.row-1 {left: 50%;transform: translate(-100%, 0);}
	#pop_2020 > .popup.row-2 {top: 100px; left: 50%;transform: translate(5%, 0);}
}

/* ���ô� �� */
.addressArea {clear:both; position:relative; width:auto; margin:130px auto 10px auto; padding:180px 0px 30px 0px; border-top:#333333 0px solid;}
.addressArea .addressBox {margin:0 auto 0 auto; text-align:center;}
.addressArea .addressBox > p.name {display:none; margin:0px auto 0px auto; color:#FFFFFF; font-size:21px; font-weight:400;}
.addressArea .addressBox > p.address {margin:20px 30px 0px 30px; color:#FFFFFF; font-size:13px;}
.addressArea .addressBox > p.phone {margin:5px auto 0px auto; color:#FFFFFF; font-size:13px;}
.addressArea .addressLink {margin:20px auto 30px auto; text-align:center;}
.addressArea .addressLink a i.fas {margin-right:5px;}
.addressArea .addressLink .btnLocationMap {display:inline-block; margin:0 5px 10px 30px; padding:8px 17px 8px 17px; border:#CCCCCC 1px solid; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.addressArea .addressLink .btnLocationMap:hover {border:#EBEBEB 1px solid;}
.addressArea .addressLink .btnLocationInfo {display:inline-block; margin:0 30px 10px 5px; padding:8px 17px 8px 17px; border:#CCCCCC 1px solid; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.addressArea .addressLink .btnLocationInfo:hover {border:#EBEBEB 1px solid;}
.addressArea .addressLink .btnParkingLot {display:inline-block; margin:0 5px 10px 5px; padding:8px 17px 8px 17px; border:#CCCCCC 1px solid; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.addressArea .addressLink .btnParkingLot:hover {border:#EBEBEB 1px solid;}
.addressArea .addressLink .btnRestaurent {display:inline-block; margin:0 5px 10px 5px; padding:8px 17px 8px 17px; border:#CCCCCC 1px solid; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.addressArea .addressLink .btnRestaurent:hover {border:#EBEBEB 1px solid;}
.addressArea .addressLink .btnCafe {display:inline-block; margin:0 5px 0 5px; padding:8px 17px 8px 17px; border:#CCCCCC 1px solid; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.addressArea .addressLink .btnCafe:hover {border:#EBEBEB 1px solid;}

.addressArea .locationDesc {position:relative; display:none; list-style:none; width:auto; margin:0px 20px 0 20px; padding:20px 20px 0px 20px; background:rgba(0,0,0,0.5); border:#666666 1px solid;}
.addressArea .locationDesc li {margin:0 0 20px 0; font-size:12px; line-height:180%;}
.addressArea .locationDesc li > strong {display:block; margin:0 0 10px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:700;}
.addressArea .locationDesc li > p {white-space:normal;}
.addressArea .locationDesc li.metro {float:none; width:auto; color:#FFFFFF;}

.addressArea .locationDesc li.metro .icoWalk {display:inline-block; margin:20px 0 0px 0; padding:10px 22px; background:rgba(255,255,255,0); border:1px solid #999999; border-radius:0px; color:#999999; font-size:13px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.addressArea .locationDesc li.metro .icoWalk:hover {border:1px solid #CCCCCC; color:#CCCCCC;}
.addressArea .locationDesc li.metro .icoWalk > i {margin-right:10px; font-size:18px; vertical-align:-3px;}

.addressArea .locationDesc li.bus {float:none; width:auto; color:#FFFFFF;}
.addressArea .locationDesc li.bus .busBlue {display:inline-block; width:10px; height:10px; margin:0px 5px 0px 5px; color:#5295d9; background-color:#5295d9; text-indent:-9999em;}
.addressArea .locationDesc li.bus .busRed {display:inline-block; width:10px; height:10px; margin:0px 5px 0px 5px; color:#D03849; background-color:#D03849; text-indent:-9999em;}
.addressArea .locationDesc li.bus .busGreen {display:inline-block; width:10px; height:10px; margin:0px 5px 0px 5px; color:#79d065; background-color:#79d065; text-indent:-9999em; vertical-align:-6px;}
.addressArea .locationDesc li.float {position:absolute; top:10px; right:10px; width:40px; height:40px;}
.addressArea .locationDesc li.float .btnPopupClose {display:inline-block; width:40px; height:40px; background:url('/ko/common/img/common/common_close.png') 0px 0px no-repeat;}

@media all and (min-width:768px) {
	/* ���ô� �� */
	.addressArea {clear:both; position:relative; width:auto; margin:440px auto 0px auto; padding:40px 0px 20px 0px; border-top:#333333 0px solid;}
	.addressArea .addressBox {margin:0 auto 0 auto; text-align:center;}
	.addressArea .addressBox > p.name {display:none; margin:0px auto 0px auto; color:#FFFFFF; font-size:28px; font-weight:300; letter-spacing:-2px;}
	.addressArea .addressBox > p.address {margin:20px auto 0px auto; color:#FFFFFF; font-size:15px; font-weight:400; letter-spacing:-1px;}
	.addressArea .addressBox > p.phone {margin:10px auto 0px auto; color:#FFFFFF; font-size:15px; font-weight:400; letter-spacing:-1px;}
	.addressArea .addressLink {margin:30px auto 30px auto; text-align:center;}
	.addressArea .addressLink a i.fas {margin-right:5px;}
	.addressArea .addressLink .btnLocationMap {display:inline-block; margin:0 5px 0 5px; padding:15px 20px 15px 20px; border:#999999 2px solid; color:#999999; font-size:18px; font-weight:400; letter-space:-1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.addressArea .addressLink .btnLocationMap:hover {border:#FFFFFF 2px solid; color:#FFFFFF; }
	.addressArea .addressLink .btnLocationInfo {display:inline-block; margin:0 5px 0 5px; padding:15px 20px 15px 20px; border:#999999 2px solid; color:#999999; font-size:18px; font-weight:400; letter-space:-1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.addressArea .addressLink .btnLocationInfo:hover {border:#FFFFFF 2px solid; color:#FFFFFF; }
	.addressArea .addressLink .btnParkingLot {display:inline-block; margin:0 5px 0 5px; padding:15px 20px 15px 20px; border:#999999 2px solid; color:#999999; font-size:18px; font-weight:400; letter-space:-1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.addressArea .addressLink .btnParkingLot:hover {border:#FFFFFF 2px solid; color:#FFFFFF; }
	.addressArea .addressLink .btnRestaurent {display:inline-block; margin:0 5px 0 5px; padding:15px 20px 15px 20px; border:#999999 2px solid; color:#999999; font-size:18px; font-weight:400; letter-space:-1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.addressArea .addressLink .btnRestaurent:hover {border:#FFFFFF 2px solid; color:#FFFFFF; }
	.addressArea .addressLink .btnCafe {display:inline-block; margin:0 5px 0 5px; padding:15px 20px 15px 20px; border:#999999 2px solid; color:#999999; font-size:18px; font-weight:400; letter-space:-1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.addressArea .addressLink .btnCafe:hover {border:#FFFFFF 2px solid; color:#FFFFFF; }
	
	.addressArea .locationDesc {position:relative; display:none; list-style:none; width:auto; margin:0px auto 0 auto; padding:40px; background:rgba(0,0,0,0.5); border:#666666 1px solid;}
	.addressArea .locationDesc li {font-size:14px; line-height:180%;}
	.addressArea .locationDesc li > strong {display:block; margin:0 0 20px 0; font-size:18px; font-weight:700;}
	.addressArea .locationDesc li.metro {float:left; width:380px; color:#FFFFFF;}

	.addressArea .locationDesc li.metro .icoWalk {display:inline-block; margin:20px 0 0px 0; padding:10px 22px; background:rgba(255,255,255,0); border:1px solid #999999; border-radius:0px; color:#999999; font-size:15px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
	.addressArea .locationDesc li.metro .icoWalk:hover {border:1px solid #CCCCCC; color:#CCCCCC;}
	.addressArea .locationDesc li.metro .icoWalk > i {margin-right:10px; font-size:28px; vertical-align:-6px;}

	.addressArea .locationDesc li.bus {float:left; width:480px; color:#FFFFFF;}
	.addressArea .locationDesc li.bus .busBlue {display:inline-block; width:10px; height:10px; margin:0px 5px 0px 5px; color:#5295d9; background-color:#5295d9; text-indent:-9999em;}
	.addressArea .locationDesc li.bus .busRed {display:inline-block; width:10px; height:10px; margin:0px 5px 0px 5px; color:#D03849; background-color:#D03849; text-indent:-9999em;}
	.addressArea .locationDesc li.bus .busGreen {display:inline-block; width:10px; height:10px; margin:0px 5px 0px 5px; color:#79d065; background-color:#79d065; text-indent:-9999em; vertical-align:-6px;}
	.addressArea .locationDesc li.float {position:absolute; top:20px; right:20px; width:40px; height:40px;}
	.addressArea .locationDesc li.float .btnPopupClose {display:inline-block; width:40px; height:40px; background:url('/ko/common/img/common/common_close.png') 0px 0px no-repeat;}
	
}


/*------------------------------------------------------------------------------
 * Responsive Media Query
------------------------------------------------------------------------------*/
@media all and (min-width:320px) {

}

@media all and (min-width:360px) {

}

@media all and (min-width:375px) {

}

@media all and (min-width:400px) {

}

@media all and (min-width:414px) {

}

@media all and (min-width:480px) {

}

@media all and (min-width:568px) {

}

@media all and (min-width:640px) {

}

@media all and (min-width:667px) {

}

@media all and (min-width:736px) {

}

@media all and (min-width:768px) {

}

.oldie #containerTop .visualSection .slideshow  {position:absolute; width:2560px; height:auto; margin:0; background:#000000; top:0; left:0;}