@charset "utf-8";

/* 인사말 se01c */
.greetings_se01c{margin-top:100px;}
.greetings_se01c .top{margin-left:60px;padding-right:480px;}
.greetings_se01c .top span{color:#d32936;font-size:15px;line-height: 1.36;letter-spacing: -0.03em;}
.greetings_se01c .top strong{display: block;font-size:42px;color:#363636; font-family: 'GmarketSans'; font-weight:bold;margin:20px 0 35px;letter-spacing: -0.05em; line-height: 1.2;}
.greetings_se01c .top strong em {display: inline-block; position: relative; font-family: 'GmarketSans'; font-weight: bold; z-index: 1;}
.greetings_se01c .top strong em:before {content: ""; display: block; position: absolute; left: -5px; bottom: 0; width: calc(100% + 10px); height: 27px; background-color: #fbe9eb; z-index: -1;}
.greetings_se01c .top p {font-family: 'GmarketSans'; font-weight: normal; font-size: 24px; color: #363636; margin-top: 0; margin-bottom: 40px;}
.greetings_se01c .bottom{background: #f9f9f9;padding:55px 550px 95px 60px;position: relative;}
.greetings_se01c .bottom .inner p{margin-top:0;margin-bottom:20px;color:#2f3033;}
.greetings_se01c .bottom .inner p:last-child{margin-bottom:0;}
.greetings_se01c .bottom .pic_box{position: absolute;right:55px;top:-260px;width:420px;}
.greetings_se01c .bottom .pic_box .img img{width:100%;border-radius: 20px;}
.greetings_se01c .bottom .pic_box .name{position: absolute; left: -50px; bottom: -50px; width: 100%; background-color: #d32936; color:#fff;padding:40px 45px; border-radius: 0 50px 0 0; overflow: hidden; box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}
.greetings_se01c .bottom .pic_box .name:before {content: ""; display: block; position: absolute; right: 0; bottom: -30px; width: 155px; height: 150px; background: url(/pcms/dist/img/c01/greetings_se01c_bg.png) no-repeat;}
.greetings_se01c .bottom .pic_box .name em{font-size:14px;display: block;margin-bottom:5px;}
.greetings_se01c .bottom .pic_box .name em b {font-size: 15px;}
.greetings_se01c .bottom .pic_box .name strong{font-family: 'GmarketSans'; font-size:24px;font-weight:bold;}
.greetings_se01c .bottom .pic_box .name strong span{font-size:20px;}

@media(max-width:1220px){
.greetings_se01c .top{margin-left:0;padding-right:0;}
.greetings_se01c .bottom{padding:40px;}
.greetings_se01c .bottom .pic_box{position: relative;right:auto;top:auto;margin:0 auto 70px;}
}
@media (max-width:767px) {
	.greetings_se01c .top strong {font-size: 25px;}
	.greetings_se01c .top strong em {font-size: 32px;}
	.greetings_se01c .top strong em:before {height: 20px;}
	.greetings_se01c .top p {font-size: 18px;}
	.greetings_se01c .bottom .pic_box .name {left: -20px; bottom: -20px; padding: 30px;}
}
@media(max-width:500px){
.greetings_se01c .bottom{padding:40px 25px;}
.greetings_se01c .bottom .pic_box{width:100%;}
}

/* 연혁 se02d */
.history_top{display: flex; position: relative; padding: 25px 25px 40px 70px; margin-bottom:35px;margin-top: 150px; background-color: #f7f3f2; border-radius: 50px 50px 0 0; z-index: 1;}
.history_top:before {content: ""; display: inline-block; position: absolute; right: 17px; bottom: -25px; width: 196px; height: 190px; background: url(/pcms/dist/img/c01/se02d_mark.png) no-repeat; z-index: -1;}
.history_top .top-img {width: 100%; max-width: 420px; flex-shrink: 0;}
.history_top .top-img img {display: inline-block; position: absolute; top: -130px; border-radius: 0 0 50px 0; box-shadow: 10px 5px 10px rgba(172,143,143,0.4);}
.history_top .top-text {padding-left: 5%;}
.history_top .top-text strong{position: absolute; top: -45px; font-size:24px;font-family: 'GmarketSans';font-weight:bold;color:#d32936;}
.history_top .top-text p{font-size:16px;}

.history_se02d .head_box {position: relative;width: 196px; min-height: 196px;margin: 0 auto 30px;background: url(/pcms/dist/img/c01/histroy_se2d_top.png) no-repeat;display: table;}
.history_se02d .head_box:after{content: "";position: absolute;left:50.1%;bottom:-35px;width:1px;height:53px;background: #d32936;margin-left:-0.5px;}
.history_se02d .head_box >div{display: table-cell;padding-top: 50px; vertical-align: middle;text-align:center;}
.history_se02d .head_box strong {position: relative; display:inline-block;vertical-align: middle;font-weight:bold;font-size: 20px;line-height: 100px;width:100px;height:100px;border:1px solid #d32936;background: #d32936;border-radius: 100%;color:#fff;}
.history_se02d .head_box strong:before {content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 59px; height: 59px; background: url(/pcms/dist/img/c01/histroy_se2d_top2.png) no-repeat;}
.history_se02d .head_box b {display: block; padding: 15px 0 30px; font-family: 'GmarketSans'; font-size: 35px; color: #282828;}
.history_se02d .body_box {position:relative; padding:0 0 85px;}
.history_se02d .body_box:before {display:block;position:absolute;top:0;left:50%;bottom:0;content:'';width:1px;height:auto;background:#ddd;}
.history_se02d .foot_box{text-align: center;}
.history_se02d .foot_box strong {display:inline-block;vertical-align: middle;font-weight:bold;font-size: 24px;line-height: 100px;width:250px;height:100px;border:1px solid #917136;background: #917136;color:#fff;}

.history_se02d .body_box .item {position:relative;margin-top:-82px;}
.history_se02d .body_box .item:first-child{margin-top:0;}
.history_se02d .body_box .item:before {display:block;position:absolute;top: 0;left:50%;content:'';width: 25px;height: 25px;margin-left: -12.5px;background:url(/pcms/dist/img/c01/histroy_se2d_bul.png) no-repeat;z-index: 1;}
.history_se02d .body_box .item:first-child:before{background:url(/pcms/dist/img/c01/histroy_se2d_topbul.png);}
.history_se02d .body_box .item:after {display:block; clear:both; visibility:hidden; content:'';}
.history_se02d .body_box .item .item_box {position:relative; width:50%;}
.history_se02d .body_box .item .item_box.item_left {float:left; padding-right:85px; text-align:right;}
.history_se02d .body_box .item .item_box.item_right {float:right;padding-left: 85px;}
.history_se02d .body_box .item .item_box p {position:relative; margin:0}
.history_se02d .body_box .item .item_box p:before {display:block;position:absolute;top: 11px;left: -74px;content:'';width: 41px;height:1px;background: #ddd;}
.history_se02d .body_box .item:first-child .item_box p:before{background: #d32936;}

.history_se02d .body_box .item .item_box.item_left p:before {left:auto;right: -74px;}
.history_se02d .body_box .item .item_box p span {display:block;margin: 0 0 20px;font-size:24px;font-weight:700;color: #d32936;line-height: 1;}
.history_se02d .body_box .item .item_box .timelist {}
.history_se02d .body_box .item .item_box .timelist li {position:relative;margin: 0 0 15px;padding:0 0 0 70px;color:#5d5d5d;}
.history_se02d .body_box .item .item_box .timelist li b {position:absolute;left:0;top:0;font-weight: bold;color: #252527;font-size:15px;}
.history_se02d .body_box .item .item_box.item_left .timelist li {padding:0 70px 0 0 ;}
.history_se02d .body_box .item .item_box.item_left .timelist li b {left:auto; right:0;}

@media (max-width:1199px) {
	.history_top {display: block; padding-top: 150px; margin-top: 50px;}
	.history_top .top-text {padding-left: 0;}
	.history_top .top-text strong {position: static; top: auto;}
}
@media only screen and (max-width:767px){
		.history_top {padding: 0 25px 40px;}
		.history_top .top-img {max-width: 100%; text-align: center;}
		.history_top .top-img img {position: relative; top: -30px;}
    .history_se02d .body_box {padding:0;}
    .history_se02d .body_box:before{bottom:-30px;}
    .history_se02d .body_box .item:before{display:none;}
    .history_se02d .body_box .item:not(:first-child) {margin-top: 30px;}
    .history_se02d .body_box .item .item_box {width:100%; margin:0 0 50px 0; background:#fff;}
    .history_se02d .body_box .item .item_box.item_left,
    .history_se02d .body_box .item .item_box.item_right {float:none; padding:20px 0; text-align:left;}
    .history_se02d .body_box .item .item_box p {text-align:center;}
    .history_se02d .body_box .item .item_box p:before,
    .history_se02d .body_box .item .item_box.item_left p:before {display:none;}
    .history_se02d .body_box .item .item_box.item_left .timelist li {padding:0 0 0 55px;}
    .history_se02d .body_box .item .item_box.item_left .timelist li b {left:0; right:auto;}
    .history_se02d .body_box .item .item_box .timelist {padding: 20px 20px 10px;border:1px solid #ddd;}
    .history_se02d .body_box .item .item_box .history_img{margin-top:20px;text-align: center;}
}

/* 찾아오시는길 se04b */
.location_se04b .map_box .map{width:100%;height:420px;border:1px solid #ddd;}
.location_se04b .map_box .map_info{display: flex; justify-content: space-between; align-items: center; position: relative;padding:40px; border: 1px solid #ddd; border-top: none;}
.location_se04b .map_box .map_info .map_info_left {display: flex; align-items: center;}
.location_se04b .map_box .map_info .map_info_right {flex-shrink: 0;}
.location_se04b .map_box .map_info .map_title{display: inline-block;}
.location_se04b .map_box .map_info .map_lst{display: inline-block;padding-left:45px;}
.location_se04b .map_box .map_info .map_lst ul li{position: relative;padding-left:82px;font-size:15px;}
.location_se04b .map_box .map_info .map_lst ul li+li{margin-top:10px;}
.location_se04b .map_box .map_info .map_lst ul li b{position: absolute;left:0;top:0;font-weight:bold;padding-left:25px;letter-spacing: -0.075em;}
.location_se04b .map_box .map_info .map_lst ul li b::before{content: "";position: absolute;left:0;top:0;width:20px;height:20px;display: inline-block;background: url(/pcms/dist/img/c01/se04b_icon.png) no-repeat;}
.location_se04b .map_box .map_info .map_lst ul li.address b::before{background-position: 0 0;}
.location_se04b .map_box .map_info .map_lst ul li.phone b::before{background-position: -30px 0;}

.location_se04b .map_box .map_info .map_button {display: flex; width: 350px; justify-content: center;}
.location_se04b .map_box .map_info .map_button a {display: inline-flex; align-items: center; width: 170px; padding-left: 20px; padding-right: 60px;}
.location_se04b .map_box .map_info .map_button a .icon {display: inline-block; width: 23px; height: 23px; margin-right: 10px;}
.location_se04b .map_box .map_info .map_button a.find_button .icon {background: url(/pcms/dist/img/c01/se04a_icon01.png) no-repeat;}
.location_se04b .map_box .map_info .map_button a.rough_button .icon {background: url(/pcms/dist/img/c01/se04a_icon02.png) no-repeat;}
.location_se04b .map_box .map_info .map_button a.find_button {background-color: #d32936; color: #fff;}
.location_se04b .map_box .map_info .map_button a.find_button:hover,
.location_se04b .map_box .map_info .map_button a.find_button:focus {background-color: #fff; color: #d32936;}
.location_se04b .map_box .map_info .map_button a.find_button:hover .icon,
.location_se04b .map_box .map_info .map_button a.find_button:focus .icon {background-image: url(/pcms/dist/img/c01/se04a_icon01_02.png);}
.location_se04b .map_box .map_info .map_button a.find_button .ir-arrow,
.location_se04b .map_box .map_info .map_button a.find_button .ir-arrow {background-position: -165px -236px;}
.location_se04b .map_box .map_info .map_button a.find_button:hover .ir-arrow,
.location_se04b .map_box .map_info .map_button a.find_button:focus .ir-arrow {background-position: -180px -253px;}
.location_se04b .map_box .map_info .map_button a.rough_button:hover .icon,
.location_se04b .map_box .map_info .map_button a.rough_button:focus .icon {background-image: url(/pcms/dist/img/c01/se04a_icon02_02.png);}

@media (max-width:1240px) {
	.location_se04b .map_box .map_info {display: block;}
	.location_se04b .map_box .map_info .map_info_right {margin-top: 40px;}
}
@media (max-width:767px) {
	.location_se04b .map_box .map_info .map_info_left {display: block;}
	.location_se04b .map_box .map_info .map_lst {display: block; padding-left: 0; margin-top: 30px;}
}
@media (max-width:520px) {
	.location_se04b .map_box .map_info .map_button {display: block; width: auto; text-align: center;}
	.location_se04b .map_box .map_info .map_button a {width: 200px;}
	.location_se04b .map_box .map_info .map_button a.rough_button {margin-top: 10px;}
}

/* se13a 이미지 탑박스 */
.se13a_imgbox {position: relative; min-height:330px;}
.se13a_imgbox:before {content:""; position: absolute; left:25px; bottom:0; width:80%; height:213px; background:url(/pcms/dist/img/c01/se13_top_bg.png)no-repeat;z-index: 0;background-size:100% 100%;}
.se13a_imgbox .imgb {position: relative; width:90%; padding-bottom: 30px; overflow: hidden; background-size:100% 100%;}
.se13a_imgbox .imgb img {display: block; width:100%; z-index: 1;border-radius: 0 40px 0 0;}
.se13a_imgbox .txtb {position: absolute; right: 0; bottom: 0; width:390px; padding:50px 140px 50px 40px; color:#fff; background:#966436; border-radius: 40px 0 0 0; z-index:2;}
.se13a_imgbox .txtb:before {content:""; position: absolute; right:0; bottom:30px; width:147px; height:143px; background:url(/pcms/dist/img/c01/se13a_mark.png) no-repeat; z-index:-1;}
.se13a_imgbox .txtb em {display:inline-block; padding-bottom: 15px; font-size:15px; font-weight: normal;}
.se13a_imgbox .txtb strong {display:block;font-weight: bold; font-size:30px; font-family: 'GmarketSans'; line-height: 1.4;}
.se13a_imgbox .txtb .btn_box {margin-top:20px; overflow: hidden;}
.se13a_imgbox .txtb .btn_box a {position: relative; display: block; float: left; padding: 5px 18px 5px 50px; margin-right: 3px; background: #182c3f; border: 1px solid #182c3f; color: #fff;}
.se13a_imgbox .txtb .btn_box a.vr:after,
.se13a_imgbox .txtb .btn_box a.info:after {content:""; position: absolute; left:20px; top:50%; transform: translateY(-50%); width: 21px; height:19px; background:url(/pcms/dist/img/c01/se13a_top_ir.png); background-position: 0 0;}
.se13a_imgbox .txtb .btn_box a:hover,
.se13a_imgbox .txtb .btn_box a:active,
.se13a_imgbox .txtb .btn_box a:focus {background:#fff; border:1px solid #182c3f; color:#182c3f;}
.se13a_imgbox .txtb .btn_box a.vr:hover:after,
.se13a_imgbox .txtb .btn_box a.vr:active:after,
.se13a_imgbox .txtb .btn_box a.vr:focus:after,
.se13a_imgbox .txtb .btn_box a.info:hover:after,
.se13a_imgbox .txtb .btn_box a.info:active:after,
.se13a_imgbox .txtb .btn_box a.info:focus:after{background-position: -22px 0;}

/* se13a 주의사항 */
.se13a_notice_box {padding:35px; border:1px solid #e4e4e4; overflow: hidden;}
.se13a_notice_box .item {float:left; display:table; width:calc(50% - 30px); min-height:76px; margin:15px;}
.se13a_notice_box .item .text {display: table-cell; padding-left:15px; vertical-align: middle; color:#666666;}
.se13a_notice_box .item .ir {display:table-cell; width:76px; height:76px; background: url(/pcms/dist/img/c01/se13_ir.png)no-repeat;}
.se13a_notice_box .item .ir.ir01 {background-position: 0 0;}
.se13a_notice_box .item .ir.ir02 {background-position: -76px 0;}
.se13a_notice_box .item .ir.ir03 {background-position: -152px 0;}
.se13a_notice_box .item .ir.ir04 {background-position: -228px 0;}
.se13a_notice_box .item .ir.ir05 {background-position: -304px 0;}
.se13a_notice_box .item .ir.ir06 {background-position: -380px 0;}
.se13a_notice_box .item .ir.ir07 {background-position: -456px 0;}
.se13a_notice_box .item .ir.ir08 {background-position: -532px 0;}
.se13a_notice_box .item .ir.ir09 {background-position: -608px 0;}

@media(max-width:767px){
   .se13a_notice_box .item {float:none; width:100%; min-height:auto; margin:0;}
   .se13a_imgbox:before {display:none;}
   .se13a_imgbox .imgb {width:100%; height:auto; padding-bottom: 0;}
   .se13a_imgbox .txtb {position: relative; width: 100%; margin-top:-1px; padding:30px; border-radius: 0 0 0 40px; }
   .se13a_notice_box .item + .item {margin-top:20px;}
}
@media(max-width:460px){
   .se13a_imgbox {min-height:auto;}
   .se13a_notice_box .item {display:block;}
   .se13a_notice_box .item .ir {display:block; margin:0 auto;}
   .se13a_notice_box .item .text {display:block; padding-left:0; text-align: center;}
   .se13a_imgbox .imgb img {display:none;}
   .se13a_imgbox .txtb {border-radius: 0;}
   .se13a_imgbox .txtb strong {font-size:30px;}
   .se13a_imgbox .txtb .btn_box a {width:100%; margin:3px 0; padding:10px 18px 10px 50px;}
}

.se13a_waring_box{padding:20px;}
.se13a_waring_box .inner{position: relative;display: table;width:100%;table-layout: fixed;padding-left:150px;}
.se13a_waring_box .inner .icon{position: absolute;left:50px;top:0;width:48px;height:41px;background:url(/pcms/dist/img/c01/se13a_waring.png) no-repeat;}
.se13a_waring_box .inner .text{display: table-cell;vertical-align: middle;width:100%;}
.se13a_waring_box .inner .text p{margin:0;color:#767676;font-size:15px;letter-spacing: -0.075em;}

@media(max-width:767px){
    .se13a_waring_box .inner{padding-left:0;display: block;}
    .se13a_waring_box .inner .icon{position: relative;left:auto;margin:0 auto 20px;}
}

/* 전시해설 se14a */
.se14a_topbox {position: relative;min-height:280px; margin:70px 0 0 0; padding: 70px; border-radius: 15px; border: 1px solid #d7d4d4; background:url(/pcms/dist/img/c01/se14a_topbox_bg01.png)no-repeat left bottom; z-index:0;}
/* .se14a_topbox:before {content:""; position: absolute; left:0; bottom: 0; width:141px; height:89px; background:url(/pcms/dist/img/c01/se14a_topbox_bg01.png)no-repeat; z-index:-1;} */
.se14a_topbox:after {content:""; position: absolute; left:342px; top:0; width:202px; height:101px; background:url(/pcms/dist/img/c01/se14a_topbox_bg02.png)no-repeat; z-index:-1;}
.se14a_topbox .top_img {position: absolute; right: 50px; top: -35px; width: 404px; height: 276px; z-index: 1; box-shadow: 0 10px 20px rgba(0,0,0,0.25);}
.se14a_topbox .top_img img {width:100%;height:100%;}
.se14a_topbox .txtb {padding-right: 480px; overflow: hidden; color:#fff; z-index:2;}
.se14a_topbox .txtb em {display:block; margin-bottom: 6px; font-size:15px; font-weight: normal; color: #d32936;}
.se14a_topbox .txtb strong {display:inline-block;position: relative; font-weight: bold; font-size:32px; font-family: 'GmarketSans'; color: #3a3a3a; z-index: 1;}
.se14a_topbox .txtb strong:before {content: ""; display: inline-block; position: absolute; left: -5px; bottom: 5px; width: calc(100% + 10px); height: 18px; background-color: #fae8e9; z-index: -1;}
.se14a_topbox .txtb .txt {margin-top:20px; font-size:15px;}
@media(max-width:1190px){
    .se14a_topbox .top_img {position: relative; right: auto; top: auto; width: 100%; height: 276px; z-index: 1; box-shadow:none; background: transparent;}
    .se14a_topbox .top_img img {width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .se14a_topbox .top_img:after {display:none;}
    .se14a_topbox .txtb {padding-left: 0; padding-right: 0; margin: 50px 0 0 0;}
    .se14a_topbox:before {left:auto;}
}
@media (max-width:767px) {
    .se14a_topbox {padding: 40px; overflow: hidden;}
    .se14a_topbox:after {left: auto; right: -40px;}
}
@media(max-width:540px){
    .se14a_topbox {padding: 40px 25px;}
    .se14a_topbox .top_img{position: static; height:auto;}
    .se14a_topbox .top_img img {position: static; transform: none;}
    .se14a_topbox .txtb {margin-top:30px;}
    .se14a_topbox .txtb strong {font-size:24px;}
}