@charset "utf-8";
@font-face {
    font-family: 'SeoulHangang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#sub_page{padding-top: 60px; padding-bottom: 80px;}
#sub_page.pb0{padding-bottom: 0;}

.td-u{text-decoration: underline;}

.f14{font-size: 14px; font-size: 0.875rem;}
.f16{font-size: 16px;font-size: 1rem;}
.f18{font-size: 18px;font-size: 1.125rem;}
.f20{font-size: 20px;font-size: 1.250rem;}
.f24{font-size: 24px !important;font-size: 1.500rem !important;}
.f26{font-size: 26px;font-size: 1.625rem; letter-spacing:-.067em;}
.f38{font-size: 38px;font-size: 2.375rem;}

.bg-yellow{background: #ffc10e}
.bg-orange{background: #ef4023}
.bg-orange2{background: #f6841f}

.color-white{color: #fff !important}
.color-orange{color: #ef4023}
.color-orange2{color: #f6841f}
.color-yellow{color: #ffc10e}
.color-grey{color: #666}
.color-red{color:#e11818}
.color-blue{color:#0f5ad1}
.color-green{color:#1faa43}
.color-sky{color: #00a0db}

.img-align{font-size:0;}
.img-align .caption{
	display:inline-block;
	text-align:center;
	color:#333;
	font-weight:400;
}
.img-align .caption img{
	margin-bottom:15px;
}
.img-align .caption p{font-size:18px;}

.ui-datepicker{z-index:999 !important;}

.link-st1{color: #172e82}
.link-st1:hover{text-decoration: underline;}
.art_page .top .in{position: relative; display:flex; margin-bottom: 60px;}
.art_page .top .in > *{float: left; border-radius:5px}
.art_page .top .img{width: 78%; background: url('') center center no-repeat; background-size:cover; position: relative;}
.art_page .top .img{}
.art_page .top .nav{width: 20%; border:2px solid #333; font-size: 1.125em; background: #fbfbfb;margin-left: 2%; padding: 0 20px; font-weight: 700;}
.art_page .top .nav > li{border-top: 1px dotted #aaa; padding: 35px 5px}
.art_page .top .nav > li:first-child{border-top: 0;}
.art_page .top .nav a{display: block; position: relative; background: url('../img/02art/ico-arrow.gif') right center no-repeat; line-height: 35px; border-radius:100px; padding-right: 3em; word-break:keep-all}
.art_page .top .nav .pencil{padding-left: 0; padding-right: 0;}
.art_page .top .nav .pencil a{background: #fff; line-height: 91px; border:2px solid #ef4023; padding: 0 30px}
.art_page .top .nav .pencil a:after{width: 60px; height: 60px; background: #ef4023 url('../img/02art/ico-pencil.png') center center no-repeat; border-radius:50%;content: ''; position: absolute;right: 20px;top:50%;margin-top: -30px;}
.art_page .top .etc{position: absolute;right: 0;bottom: 0; background: rgba(0,0,0,.5); color: #fff; padding: 20px 23px 20px 30px; border-radius:3px;line-height: 1;}
.art_page .top .etc > *{display: inline-block;vertical-align: middle;}
.art_page .top .etc button{width:9px;height: 13px;background: url('') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px}
.art_page .top .etc .prev{background-image: url('../img/02art/prev.png')}
.art_page .top .etc .controls{background-image: url('../img/02art/stop.png'); margin: 0 10px;}
.art_page .top .etc .controls.play{background-image: url('../img/main/play_w.png')}
.art_page .top .etc .next{background-image: url('../img/02art/next.png')}
.art_page .top .count{display: inline-block; margin-left: 30px; letter-spacing: 0; font-style: italic; font-weight: 500;}

.tit-st1{display: table;width: 100%; font-size: 1.875em; line-height: 1.35; color: #222; margin-bottom: 2.333em}
.tit-st1 > *{display: table-cell;vertical-align: top;}
.tit-st1 .t{width: 456px;padding-right: 30px; font-size: 1.333em; font-weight: 700;    letter-spacing: -0.1em}
.tit-st2{font-size: 40px; font-size: 2.500rem;; font-weight: 700; color: #000; line-height: 1.15; margin-bottom: 1em;}
.tit-orange{position: relative;text-align: left; color: #231f20; font-size: 1.375em; padding-left: 1.182em; line-height: 1.15; font-weight: 700; letter-spacing: -0.03em; margin-bottom: 1em;}
.tit-orange:before{position: absolute;left: 0;top:.47em;width: 0.727em;height: 3px; background: #ef4023;content: ''}
.tit-orange .ab{position: absolute;right: 0;bottom: 0; font-weight: 400; color: #999; font-size: 16px; font-size: 1rem;}
.tit-orange.w{color: #fff}
.tit-big{font-size: 1.875em; line-height: 1.35;}

.art1{text-align: center;}
.art1 ul{border-top: 2px solid #323232; padding-top: 30px; display:flex; flex-wrap:wrap; letter-spacing: -.07em; line-height: 1.15;}
.art1 li{width: 20%; position: relative; padding: 0 1em}
.art1 li:before{position: absolute;left: 0;top:50%;width: 1px; height: 174px; margin-top: -87px; content: ''; border-left: 1px dashed #aaa;}
.art1 li:first-child:before{border:0}
.art1.li4 li{width: 25%}
.art1.li6 li{width: 16.6666666667%}
.art1 .t{display: block; font-size: 1.125em;}
.art1 .ico{margin: 40px 0 35px;}
.art1 .ico img{display: block;margin: 0 auto;}
.art1 .txt > *{display: block; margin-top: 3px;}
.art1 .txt > *:first-child{margin-top: 0;}
.art1 .txt .big{font-size: 1.500em}

.art_page .group{margin-top: 87px;}

.tbl-st1{word-break: break-word; position: relative;}
.tbl-st1:before{position: absolute;left: 0;top:0;width: 1px;height: 100%; content: ''; background: #fff}
.tbl-st1 table{table-layout:fixed; width: 100%; border-top: 2px solid #333;}
.tbl-st1 th,.tbl-st1 .th{background: #fbfbfb;font-weight: 700;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; font-size:1.125em}
.tbl-st1 td{background: #fff;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6}
.tbl-st1 th,.tbl-st1 td{padding: 1em;text-align: center}
.tbl-st1 li{margin-top: .3em;}
.tbl-st1 li:first-child{margin-top: 0;}
.tbl-st1 th .small{ font-size: 15px;font-size: .938rem;font-weight: 400;letter-spacing: -0.07em; white-space: normal;}

.tbl-st2{border-top: 2px solid #333; color: #333}
.tbl-st2 .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.tbl-st2 .item > *{display: table-cell;vertical-align: middle;}
.tbl-st2 .t{width: 300px; padding: 20px; font-weight: 700; font-size: 1.125em;background: #fbfbfb; text-align: center;    word-break: keep-all;}
.tbl-st2 .cont{padding: 20px; border-left: 1px solid #ddd;}

.tbl-st3{border-top: 2px solid #333; color: #333}
.tbl-st3 .half{position: relative;  display: flex;
    flex-wrap: wrap;}
.tbl-st3 .half:before{position: absolute;left: 50%;top:0;width: 1px;height: 100%;content: '';background: #ddd;z-index: 1}
.tbl-st3 .half .item{float: left; width: 50%}
.tbl-st3 .item{border-bottom: 1px solid #ddd; position: relative; padding-left: 180px;  }
.tbl-st3 .t{position: absolute;left: 0;top:0;width: 10em; height: 100%;padding: 20px; font-weight: 700; font-size: 1.125em;background: #fbfbfb; text-align: center; border-right: 1px solid #ddd;}
.tbl-st3 .cont{padding: 20px;}

.wid20p{width:20%;}
.wid30p{width:30%;}
.wid40p{width:40%;}
.wid50p{width:50%;}
.wid60p{width:60%;}
.wid70p{width:70%;}
.wid80p{width:80%;}

.art3{border-top: 2px solid #333; padding-top: 3.125em; position: relative; display: table; width: 100%}
.art3 > *{display: table-cell;vertical-align: top;}
.art3 .caution{width: 300px; text-align: center;}
.art3 .ico{width: 150px;height: 150px; line-height: 150px; border-radius:50%; color: #ef4023; font-weight: 700; border:1px solid #ef4023; font-size: 5.625em; margin: 0 auto; display: block;}

.bbs-catuion{border:5px solid #e3e3e3; padding: 50px 50px 50px 0; position: relative; display: table; width: 100%; margin-bottom: 50px;}
.bbs-catuion > *{display: table-cell;vertical-align: middle;}
.bbs-catuion .caution{width: 300px; text-align: center;}
.bbs-catuion .ico{width: 150px;height: 150px; line-height: 150px; border-radius:50%; color: #ef4023; font-weight: 700; border:1px solid #ef4023; font-size: 5.625em; margin: 0 auto; display: block;}

.bbs-catuion.leave{padding: 1.5em}
.bbs-catuion.leave .caution{width: 150px}
.bbs-catuion.leave .caution .ico{    width: 100px;
height: 100px;
line-height: 100px;font-size: 5em;}
.bbs-catuion.leave{display: block;}
.bbs-catuion.leave > *{display: block; width: 100% !important}
.bbs-catuion.leave .caution{margin-bottom: 1.5em;}
.bbs-catuion.leave .caution .ico{display: block;margin: 0 auto;     width: 1.5em;
height: 1.5em;
line-height: 1.5em;
font-size: 3em;}
    
.bul-dash > dd,.bul-dash > li,.bul-dash.b{position: relative;padding-left: .7em;margin-top: .3em;}
.bul-dash > dd:before,.bul-dash > li:before,.bul-dash.b:before{position: absolute;left: 0;top:0;content: '-'}
.bul-dash > li:first-child{margin-top: 0 !important;}

.bul-dot > li,.bul-dot > dd{position: relative;padding-left: 1em;margin-top: 1em;}
.bul-dot > li:before,.bul-dot > dd:before{position: absolute;left: 0;top:.7em;width: 5px;height: 5px;;content: '';background: #929292; border-radius:50%}
.bul-dot > li:first-child{margin-top: 0 !important;}
.bul-dot.black > li:before,.bul-dot.black > dd:before{background: #333}
.bul-dot.white > li:before,.bul-dot.white > dd:before{background: #fff}

.bul-dot.b{position: relative;padding-left: 1em;}
.bul-dot.b:before{position: absolute;left: 0;top:.7em;width: 5px;height: 5px;;content: '';background: #929292; border-radius:50%}

.bul-mark > li,.bul-mark.b{position: relative;padding-left: 1.27em; display: block;}
.bul-mark > li:before,.bul-mark.b:before{position: absolute;left: 0;top:0;content: '※'}
.bul-mark > li{margin-top: .3em;}
.bul-mark > li:first-child{margin-top: 0;}

.bul-caution{display: block; position: relative; padding-left: 1.8em; color: #000}
.bul-caution:before{position: absolute;left: 0;top:50%; width: 23px;height: 23px; background: #000;content: '!'; margin-top: -11.5px; font-weight: 700; border-radius:50%; color: #fff;text-align: center;}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;}
.bul-decimal > li:first-child{margin-top: 0 !important;}

.bul-stars > li{position: relative;padding-left: .67em;margin-top: .3em;}
.bul-stars > li:before{position: absolute;left: 0;top:0;content: '*'}
.bul-stars > li:first-child{margin-top: 0 !important;}

.bul-stars.b{position: relative;padding-left: .67em;margin-top: .3em;}
.bul-stars.b:before{position: absolute;left: 0;top:0;content: '*'}


.box_com{border:5px solid #e1e1e1; padding: 20px 30px; color: #666; margin-top: 60px; line-height: 1; position: relative;}
.box_com .ico-tel{display: inline-block; background: url('../img/common/ico-tel.png') left center no-repeat; padding-left: 1.438em; color: #333; margin-left: 1.3em; min-height: 1.125em; background-size:.938em}
.box_com .write{display: inline-block; background: url('../img/common/write.gif') left center no-repeat; padding: 30px 0 30px 87px;}
.box_com .link{border:1px solid #000; border-radius:100px; padding: 11px 1.3em 13px;display: inline-block; margin-left: 70px;}
.box_com.ico{padding: 20px 50px}
.box_com .in{position: relative;}
.box_com .edit{position: absolute;right: 0;bottom:0}


.tabs-st1{margin-bottom: 50px;border: 1px solid #ddd;text-align: center;border-right: 0;border-bottom: 0; color: #888}
.tabs-st1 > li{float: left;width: 20%;position: relative;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; background: #f8f8f8}
.tabs-st1 > li.active{background: #ef4023;color: #fff;}
.tabs-st1 > li.active a{position: relative;}
.tabs-st1 > li.active a:before{position: absolute;left: -1px;top:-1px;right:-1px;bottom:-1px;border:1px solid #ef4023}
.tabs-st1.li1 > li{width: 100%}
.tabs-st1.li2 > li{width: 50%}
.tabs-st1.li3 > li{width: 33.3333333333%}
.tabs-st1.li4 > li{width: 25%}
.tabs-st1.li5 > li{width: 20%}
.tabs-st1.li6 > li{width: 16.6666666667%}
.tabs-st1.li7 > li{width: 14.2857142857%}
.tabs-st1.li8 > li{width: 12.5%}
.tabs-st1 a{display: table;width: 100%;height:3.333em}
.tabs-st1 a > span{display: table-cell;vertical-align: middle;}
.tabs-st4{text-align: center;margin-bottom: 3em;color:#999}
.tabs-st4 li {display: inline-block;position: relative;font-size: 18px;font-size: 1.125rem;position: relative;margin: 0 0.5em 1.5em .5em;line-height: 1}
.tabs-st4 li a{display: block;z-index: 1;position: relative;}
.tabs-st4 .active{font-weight: 700;color:#000}
.tabs-st4 .active:after{left: 0; bottom: -0.833em;width: 100%;height:3px;background: #222;content: '';position: absolute;content: ''}

.group_w-st1 .group{margin-top: 4.375em;}

.group_w-st1 .btn{margin-bottom: 20px;}

.ico-tel-st1{background: url('../img/05community/ico-tel.gif') left center no-repeat; padding-left: 2em; font-size: 1.875em; font-weight: 300;}

.mypage_top{padding-left: 175px; background: url('../img/mypage/ico.gif') 40px center no-repeat;}

.service_page .top{background: url('../img/05community/service.gif') 50px top no-repeat; padding-left: 330px; margin-bottom: 70px;}
.service_page .top .bul-mark{color: #666; margin: 1.429em 0 1.786em;}

.cont-st1{display: table;width: 100%; border-top: 1px dashed #ccc; padding: 70px 0}
.cont-st1 > *{display: table-cell; vertical-align: top;}
.cont-st1 .t{width: 330px; color: #000; font-weight: 700;}
.cont-st1 .big{font-size: 1.125em; display: block; margin-bottom: 1em; line-height: 1.15; font-weight: 700}
.cont-st1 .small{margin-top: 1.5em; font-size: 0.875em;}
.cont-st1 .bul-mark{color: #666}
.cont-st1 .bul-dot2 > li{margin-top: 5px;}
.cont-st1 .sect{margin-top: 1.5em;}
.cont-st1 .sect:first-child{margin-top: 0;}
.service_page .bul-mark{margin-top: 1.429em;}
.service_page .bul-dot dd{margin-left: 4em;}

.alliance .info .sect{border:1px solid #ddd; border-radius:5px; padding: 20px; text-align: center; margin-top: 10px;}
.alliance .info .sect:first-child{margin-top: 0;}
.alliance .info .sect .in{display: table; width: 100%;}
.alliance .info .in  > *{display: table-cell; vertical-align: middle;}
.alliance .info .logo{width: 27%}
.alliance .info .logo img{display: block;margin: 0 auto;}
.alliance .info .tit{width: 10.3em; padding-right: 3em;}
.alliance .info .loc{text-align: left;  background: url('../img/05community/ico-loc.gif') left center no-repeat; padding-left: 1.8em; width: 23em}
.alliance .info .count{text-align: left;background: url('../img/05community/ico-count.gif') left center no-repeat; padding-left:1.8em}

.art2 .mt{margin-top: 1em;}

.sindorim_w .imgs{color: #fff;font-size: 1.125em; text-align: center;margin: 0 0 -2% -2%;}
.sindorim_w .imgs > li{float: left; width: 23%;margin: 0 0 2% 2%; position: relative;}
.sindorim_w .imgs .txt{position: absolute;left: 0;bottom: 24px;width: 100%;  line-height: 1.15;}
.sindorim_w .imgs .txt > *{display: block;}
.sindorim_w .imgs .area{font-size: 1.667em;margin-top: 0.39em; font-weight: 100;}
.sindorim_w .imgs sup{font-size: .5em;}
.sindorim_w .imgs img{display: block; width: 100%}
.sindorim_w.c .imgs > li{width: 350px}

.sindorim_w.c2 .img_top img{display: block; margin: 0 auto;}

.sindorim_w .bot{margin-top: 80px; position: relative; padding-right: 470px;}
.sindorim_w.c2 .bot{padding-right: 0;}
.sindorim_w .tbl-st2 .t{width: 10em}
.sindorim_w .mt_w li{margin-top: .3em;}
.sindorim_w .mt_w li:first-child{margin-top: 0;}
.sindorim_w .bot .logo{position: absolute;right: 0;top:0;width: 367px;padding: 100px 0;border:1px solid #ddd;box-shadow: 0 7px 0px #202020;border-radius:5px}
.sindorim_w.c .bot .logo{padding: 70px 0}
.sindorim_w .bot .logo img{display: block; margin: 0 auto;}
.sindorim_w .ex{max-width:510px;border:1px solid #ccc; text-align: center; margin-top: 1.5em;}
.sindorim_w .ex > li{padding: 0.938em; border-top: 1px solid #ccc; position: relative;}
.sindorim_w .ex > li:first-child{border-top: 0;}
.sindorim_w .half > *{float: left; width: 50%}
.sindorim_w .half:before{position: absolute;left: 50%;top:0;width: 1px;height: 100%;content: '';background: #ccc}

/* 문화철도959 20230222 */
.sindorim959{}
.sindorim959 .img_w{width: 78%; display: flex; flex-wrap: wrap; margin: 0 -5px -10px;}
.sindorim959 .img_w .item{position: relative;width: calc(25% - 10px);margin: 0 5px 10px;border-radius: 10px;overflow: hidden;}
.sindorim959 .img_w .item img{width: 100%;height: 100%;object-fit: cover;}
.sindorim959 .img_w .item .txt{display: block;text-align: center; width: 100%; position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);color: #fff;text-shadow: 0 0 8px rgba(0, 0, 0, .5);}
.sindorim959 .art1 >ul >li{width: 25%;}
/* .sindorim959 .art1 .imgmap{display: flex; margin-top: 50px; margin-bottom: -20px;}
.sindorim959 .art1 .imgmap >*{display: block; width: 50%; margin-bottom: 20px;} */
.sindorim959 .art1 .imgmap{margin-top: 50px;}
.sindorim959 .art1 .imgmap >*{display: block; width: 100%; margin-bottom: 20px;}

.edu_w .top{background: url('') center center no-repeat; background-size:cover;position: relative;padding-bottom: 33%; border-radius:5px}
.edu_w .group{margin-top: 70px;}

.edu_w .ico-tel{background: url('../img/common/ico-tel.png') left center no-repeat; padding-left: 23px;}
.edu_w .img img{display: block;margin: 0 auto;}
.edu_w .bul-dot > li{margin-top: .5em;}

.edu4{margin-left: -3%;}
.edu4 > li{float: left; width: 30.3333333333%;margin-left: 3%; border-top: 1px solid #ccc; padding: 50px 100px 0 0; background: url('') right 50px no-repeat}
.edu4 .t{display: block;font-size: 1.375em; color: #111; margin-bottom: 1.3em;}
.edu4 .i1{background-image: url('../img/03edu/i1.png')}
.edu4 .i2{background-image: url('../img/03edu/i2.png')}
.edu4 .i3{background-image: url('../img/03edu/i3.png')}

.edu_w .small{color: #666; display: inline-block; margin-top: .7em;}
.edu_w .tbl-st1 .bul-dot{text-align: left;}
.edu_w .download > li{float: left;}
.edu_w .download .btn-download{margin-top: 1.67em;}

.btn-download{display: block;text-align: center;}
.btn-download span{display: inline-block; background: url('../img/common/btn-download.gif') right center no-repeat; padding-right: 3.3em; font-size: 1.125em; font-weight: 700;}

.edu5{margin-left: -1%;}
.edu5 > li{float: left; width: 15.6666666667%;margin-left: 1%;}
.edu_w .tbl-st2 .t{width: 10em}
.edu5 img{display: block;width: 100%}

.art_group .top{font-size:17px; line-height:1.6; word-break:keep-all;}
.art_group .top > ul{margin-left: -2%;text-align: center;font-size: 1.25em;display:flex;flex-wrap:wrap}
.art_group .top > ul > li{float: left; width: 18%;margin-left: 2%;border:1px solid #ff7f61; padding: 50px 1em 80px;border-radius:5px}
.art_group .top .t{display: block; background: url('../img/04culture/pm.gif') center top no-repeat; padding-top: 4em; margin-bottom: 2em;}
.art_group .top .cont{font-size: 1.1em; line-height: 1.35;}

.art_history_w{background: url('../img/04culture/bg1.jpg') center center no-repeat; background-size:cover; color: #fff; padding: 6.250em 0; margin-top: 6.250em;}
.tabs-history{text-align: center;font-weight: 700;font-size: 0; margin-bottom: 50px; margin-bottom: 3.125rem;}
.tabs-history > li{display: inline-block;font-size: 20px; font-size: 1.25rem; margin: 0 1.5em;letter-spacing: 0; position: relative; padding-bottom: 1.5em;}
.tabs-history a{display: block}
.tabs-history .active{color: #f4b90f}
.tabs-history .active:after{position: absolute;left: 50%;bottom: 0; width: 12px;height: 7px; background: url('../img/04culture/arrow_on.png') center center no-repeat;content: ''}
.art_history_w .tit{text-align: center; margin-bottom: 5em;}
.art_history_w .tit strong{font-size: 3.750em; line-height: 1;display: inline-block;vertical-align: middle; margin: 0 100px; word-break:keep-all}
.art_history_w .tit button{width: 45px;height: 45px;border-radius:50%;background: rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1);display: inline-block;vertical-align: middle;background: url('') center center no-repeat;}
.art_history_w .tit button.prev{background-image: url('../img/04culture/prev.png')}
.art_history_w .tit button.next{background-image: url('../img/04culture/next.png')}

.art_history .s_w{padding: 0 2.500em;position: relative;}
.art_history .s_w:before{width: 100%;height: 1px;content: ''; background: rgba(255,255,255,.2); left: 0;top:5px;content: ''; position: absolute;}
.art_history .item{position: relative;}
.art_history .year:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 10px;
    height: 10px;
    background: #ffc10e;
    border-radius: 50%;
}
.art_history .in{padding: 0 10px}
.art_history .year{font-size: 1.875em; line-height: 1; margin-bottom: 1em;display: block; position: relative;  padding-top: 3.125rem;}
.art_history .t{display: block;margin-bottom: .3em;}

.tabs-st2{font-size: 1.875em; font-weight: 700; letter-spacing: -0.07em; color: #bbb7ab;line-height: 1; margin-bottom: 2.233em;}
.tabs-st2 li{float: left; margin-left: 1em; padding-left: 1em; position: relative;}
.tabs-st2 li:first-child{padding-left: 0; margin-left: 0;}
.tabs-st2 li:before{position: absolute;left: 0;top:50%;width: 1px;height: 14px;border-left: 1px dashed #ccc; content: ''; margin-top: -14px;}
.tabs-st2 li:first-child:before{border:0}
.tabs-st2 a{display: block; padding-bottom: 13px}
.tabs-st2 .active a{border-bottom: 3px solid #ef4023; color: #ef4023;position: relative;}
.tabs-st2 .active a:after{position: absolute;left: 50%;bottom: -18px; width: 12px;height:7px;background: url('../img/common/tabs-active.gif') center center no-repeat; content: '';margin-left: -6px;}

.tit-st3{font-size: 3.750em; color: #222;font-weight: 700; letter-spacing: -0.07em; margin-bottom: 0.5em;line-height: 1.3;}
.btn-more{font-size: 16px;font-weight: 500; line-height: 1.15;border:2px solid #faa31a; padding: .7em 1.25em; border-radius:5px; letter-spacing: 0; display: inline-block;}
.btn-more span{padding-right: 30px; background: url('../img/common/ico-plus.gif') right center no-repeat}
.tit-st3 .btn-more{margin-left: 30px; vertical-align: middle;}

.art_txt{color: #222; line-height: 1.67; margin-bottom:80px; word-break:keep-all}
/* .art_txt > *{padding-left: 44px;} */
.art_txt .big{position: relative; font-size: 1.875em;margin-bottom: 1.833em; line-height: 1.5;}
.art_txt .txt{position: relative; padding-left: 44px;}
.art_txt .txt:before{left: 0;top:0;width: 7px;height: 100%;content: '';background: rgb(250,162,26);
background: linear-gradient(0deg, rgba(250,162,26,1) 0%, rgba(239,68,35,1) 100%); position: absolute;}

.art_txt .n-pd{padding-right: 11.8em; margin-top: 15px;}

.art_slide{position: relative; margin-bottom: 60px;}
.art_slide .big_w{float: left; width: 80%}
.art_slide .big_w .in{position: relative;border-radius:5px;overflow: hidden; padding-bottom: 55%; background: #000}
/* .art_slide .big_w .item:focus:after{position: absolute;left: 0;top:0;right: 0;bottom: 0; border:1px solid #000; margin: auto; content: ''} */
.art_slide .big_w img{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    margin: auto;}
.art_slide .thumb{float: right; width: 18%; margin-top: -1%;}
.art_slide .thumb .in{position: relative;border-radius:5px;overflow: hidden; padding-bottom: 75%; margin: 5% 0; background: url('') center center no-repeat; background-size:cover; display: block; width: 100%; height: 100%}
.art_slide .thumb .in:before{position: absolute;left: 25px;bottom: 25px;width: 21px;height: 30px;background: url('../img/04culture/play.png') center center no-repeat; content: ''}
.art_slide .thumb img{position: absolute;left: 0;top:0;width: 100%;height: 100%}
.art_slide .thumb .slick-current .in:after{border:3px solid #f8951b; position: absolute;left: 0;top:0;right: 0;bottom:0; margin: auto; border-radius:5px; content: ''}
.art_slide img{display: block;}

.tabs-art{font-weight: 700; letter-spacing: -0.07em; color: #000;line-height: 1; margin-bottom: 2.233em; text-align: center; font-size: 0; margin-bottom: 60px;}
.tabs-art li{ margin-left: 30px; padding-left: 30px; position: relative; display: inline-block; font-size: 18px;;font-size: 1.125rem;}
.tabs-art li:first-child{padding-left: 0; margin-left: 0;}
.tabs-art li:before{position: absolute;left: 0;top:50%;width: 1px;height: 14px;border-left: 1px dashed #ccc; content: ''; margin-top: -7px;}
.tabs-art li:first-child:before{border:0}
.tabs-art a{display: block; position: relative;}
.tabs-art .active a{color: #ef4023}
.tabs-art .active a:after{position: absolute;left: 50%;bottom: -1em; width: 12px;height:7px;background: url('../img/common/tabs-active.gif') center center no-repeat; content: '';margin-left: -6px;}
.art_h_w .imgs{margin: 0 0 50px -3%;}
.art_h_w .imgs > li{width: 17%;margin-left: 3%;float: left;}
.art_h_w .item{position: relative;border-bottom: 1px dotted #ccc; padding:20px 0 20px 225px;}
.art_h_w .date{position: absolute;left: 0;top:20px; width: 173px;text-align: center;}
.art_h_w .group{display: none;}

.art_com .top{position: relative; margin-bottom: 100px;}
.art_com .top .bg{background: url('') center center no-repeat; background-size:cover;position: relative;padding-bottom: 30%; border-radius:5px; z-index: 1}
.art_com .top:after{width: 100%;height: 100%;left: 40px; top:40px;background: url('../img/04culture/after.gif') right bottom no-repeat; content: ''; position: absolute;}
.art_com h3.tit-st3{font-size:3.125em;}

.art_com .mg-year{color: #666; font-size: 0.875em; margin: 1em 0 0 3em;}

.art_seoul{background: url('../img/04culture/seoul.gif') right bottom no-repeat}
/* .art_rainbow{background: url('../img/04culture/rainbow.gif') right bottom no-repeat} */
.img_rainbow{display:block; margin:0 auto;}

.art_seoul_area{margin-bottom: 50px; position: relative}
.art_seoul_area .origin{background: url('../img/04culture/seoul.gif') right bottom no-repeat; padding-right: 20rem;}
.art_seoul_area .art_txt,.art_seoul_area .big{margin-bottom: 0}
.art_seoul_area .add-seoul{font-size: 1.25rem; margin-top: 50px;}
.add-seoul .tit{font-size: 2.18rem; font-weight: 700; line-height: 1.18; margin-bottom: 25px;}
.add-seoul .txt{letter-spacing: 0;}
.add-seoul .mt{margin-top: 1rem}
.art_seoul_area > *{position: relative; z-index: 1}
.art_seoul_area .m2{display: block}

.art_com .imgs{margin: 80px 0 0 -1%;}
.art_com .imgs > li{float: left; width: 49%;margin-left: 1%; border-radius:5px; overflow: hidden;}
.art_com .imgs.li3 > li{width: 32.3333333333%}
.art_com .imgs img{display: block;}

.art_com .imgs.prj{margin: 0 0 40px -1%;}
.art_com .imgs.prj > li:nth-child(3), .art_com .imgs.prj > li:nth-child(4){margin-top: 1%;}
.art_com .imgs.prj + .prjTb:not(:last-child){margin-bottom: 50px;}

.rainbow1{margin-top: 1em;}
.rainbow1 th{width: 12.5%}
.rainbow2 .small{margin-top:.3em; font-size: 0.875em; display: block; color: #666}

.prjTb .rainbow2 .small{color: #999; margin: 1em 0 0 0;}

.art_com .tbl-st2 .t{width: 10em}

.intro_guro .half_w{position: relative;}
.intro_guro .half_w:before{position: absolute;width: 435px; height: 221px; content: ''; background: url('../img/06intro/bg.gif') center center no-repeat; right: -200px;top:50%; margin-top: -130px;}
.intro_guro .half_w > li{float: left; width: 50%}
.intro_guro .half_w > li .tit-st3{word-break:keep-all}
.intro_guro .half_w .circle_w{margin: 60px 0;text-align: center; color: #fff;font-weight: 700;}
.intro_guro .half_w .circle_w > li{float: left; width: 7.409em;height: 7.409em;border-radius:50%;font-size: 1.375em;line-height:7.409em;}
.intro_guro .half_w .circle_w .c2{margin: 0 -20px;}
.intro_guro .half_w .sect .t,.intro_guro .half_w .sect .txt{position: relative;z-index: 1}

.intro_guro .half_w .r2{padding: 60px 0; margin: 60px 0; border:1px dotted #aaa; border-left: 0; border-right: 0;;}
.intro_guro .half_w .etc{margin-top: 40px;}
.intro_guro .half_w .t{font-size: 1.375em; margin-bottom: 1.7em}
.intro_guro .half_w .ico{padding-left: 3.636em}
.intro_guro .half_w .r1 .ico{background: url('../img/06intro/ico1.gif') left top no-repeat}
.intro_guro .half_w .r2 .ico{background: url('../img/06intro/ico2.gif') left top no-repeat}
.intro_guro .half_w .r3 .ico{background: url('../img/06intro/ico3.gif') left top no-repeat}
.intro_guro .half_w .big{font-size: 1.636em;margin-left: .7em;}
.intro_guro .half_w .t strong{display: inline-block;vertical-align: middle;}
.intro_guro .r .etc > li{background: #f0f0f0; padding: 10px; display: table;width: 100%; margin-top: 7px;}
.intro_guro .r .etc > li > *{display: table-cell;vertical-align: middle;}
.intro_guro .r .etc > li strong{width: 130px;padding: 0 10px}

.vision_w{background: url('../img/06intro/vision.jpg') center center no-repeat; padding: 100px 0;margin: 100px 0; color: #fff}
.vision_w .big{font-size: 60px; line-height: 1.15; font-weight: 700; text-align: center;}
.vision_w .big span{display: inline-block; position: relative; padding: 0 1.3em}
.vision_w .big span:before,.vision_w .big span:after{font-size: 2em; line-height: 1; position: absolute;top:0}
.vision_w .big span:before{content: '“'; left: 0}
.vision_w .big span:after{content: '”';right: 0;}
.vision_w .mid{text-align: center;font-weight: 700; margin: 50px 0; font-size: 1.375em; line-height: 1.15;}
.vision{display:flex; flex-wrap:wrap; margin-left: -2%;}
.vision > li{border:1px solid rgb(255,193,14,.3); padding: 50px 40px; border-radius:10px; width: 23%;margin-left: 2%; height: 510px}
.vision .t{line-height: 1.15; background: url('') left top no-repeat; padding-top: 75px; font-size: 36px; font-weight:700; color: #ffc10e; margin-bottom: 50px;}
.vision .ico1{background-image: url('../img/06intro/v1.png')}
.vision .ico2{background-image: url('../img/06intro/v2.png')}
.vision .ico3{background-image: url('../img/06intro/v3.png')}
.vision .ico4{background-image: url('../img/06intro/v4.png')}

.intro_history{position: relative; padding-bottom: 6.250em;   word-break: keep-all;}
.intro_history:before{position: absolute;left: 50%;width: 1px;height: 100%;content: ''; background: #aaa}
.intro_history .t{width: 9.375em;height: 9.375em;border-radius:50%;background: rgb(250,162,26);
background: linear-gradient(0deg, rgba(250,162,26,1) 0%, rgba(239,68,35,1) 100%);margin: 0 auto;display: table; text-align: center; color: #fff;position: relative;z-index: 1;line-height: 1.15; margin-bottom: 50px;}
.intro_history .t .in{display: table-cell; vertical-align: middle; font-size: 1.625em; font-weight: 500; line-height: 1;}
.intro_history .ab{position: absolute;left: 50%;margin: 1em 0 0 -8em; color: #dbdbdb;font-weight: 700; font-size: 2.500em;letter-spacing: 0;}
.intro_history .item{width: 50%; position: relative;}
.intro_history .year:before{position: absolute;content: ''; width: 45px;height: 1px;background: #f04d22;top:17px}
.intro_history .item:before{position: absolute; width: 8px; height: 8px; background: #f04d22;content: ''; border-radius:50%; z-index: 1; top: 14px;}
.intro_history .item:after{position: absolute; width: 34px; height: 34px; background: #fff;border:1px solid #f04d22;content: '';top:0; border-radius:50%}
.intro_history .right{float: right; padding-left: 65px;}
.intro_history .left{float: left; padding-right: 65px; text-align: right;}
.intro_history .year{font-size: 2.250em; line-height: 1.15; margin-bottom: .7em; display: block;}
.intro_history .sect{position: relative; margin-top: 1em;}
.intro_history .sect:first-child{margin-top: 0;}
.intro_history .month{position: absolute; top:0}
.intro_history .right .sect{ padding-left: 3.125em;}
.intro_history .left .sect{ padding-right: 3.125em;}
.intro_history .right .month{left: 0}
.intro_history .left .month{right: 0}
.intro_history .right .year:before{left: 0}
.intro_history .right:before{left: -3px;}
.intro_history .right:after{left: -17px}
.intro_history .left .year:before{right: 0}
.intro_history .left:before{right: -3px;}
.intro_history .left:after{right: -17px}
.intro_history .h2017{margin-top: 150px;}
.intro_history .h2016{margin-top: 291px;}
.intro_history .h2007{margin-top: 187px;}

.ci .box{background: url('../img/06intro/ck.gif') center center repeat; border:1px solid #ddd;text-align: center; border-radius:10px; padding: 30px}
.ci .box ul{margin: 0 auto}
.ci .box li{display: inline-block; vertical-align: middle;}
.ci .top .box{padding: 100px 0}
.ci .top .box li{margin: 0 50px;}
.ci .top .download_w{margin:50px 0 0; text-align: center; font-size: 0;}
.ci .top .download_w li{display: inline-block; font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #111; margin-left: 50px; padding-left: 50px; position: relative;}
.ci .top .download_w li:first-child{padding-left: 0;margin-left: 0;}
.ci .top .download_w li:before{background: #ccc;content: '';width: 2px;height: 1em; position: absolute;left: 0;top:50%;margin-top: -.5em;}
.ci .top .download_w li:first-child:before{background: none}
.ci .top .download_w a{display: block; padding-right: 3.333em; background: url('../img/06intro/ico-down.gif') right center no-repeat}

.tit-st4{font-size: 2.250em; font-weight: 700; color: #111; margin-bottom: 1.944em; text-align: center;line-height: 1.15;}

.ci .group{margin-top: 80px;}

.ci .mid > li{display: table; width: 100%;border-top: 1px dotted #ccc; padding-top: 50px; margin-top: 50px;}
.ci .mid > li > *{display: table-cell;vertical-align: top;}
.ci .mid  .t{font-weight: 700; width: 180px; font-size: 1.375em; font-weight: 700;}
.ci .mid > li:first-child{border-top: 0; padding-top: 0;margin-top: 0;}
.ci .sig .ex{text-align: center}
.ci .sig .sect{margin-top: 50px;}

.ci .box.c2{padding: 70px 0}
.ci .box.c2 li{margin: 0 15px;}

.ci .box.c3{padding: 70px 0}
.ci .box.c3 li{margin: 0;}

/* 2024-09-05 */
.ci .desc-box .box{border-radius: 10px 10px 0 0;}
.ci .desc-box .desc{background: #f7f7f7; border: 1px solid #e5e4e4; border-top: 0; border-radius: 0 0 10px 10px; display: flex; padding: 30px 60px;}
.ci .desc-box .desc p{font-size: 22px; font-weight: 700; white-space: nowrap; margin-right: 50px;}
.ci .desc-box .desc .txt{width: 100%; flex: 1;}



.organ_top{text-align: center;position: relative;}
.organ_top:before{position: absolute;left: 50%;width: 1px;height: 80.5%;background: #d8d3c4;content: ''}
.organ_top .ceo{width: 327px;
    margin: 0 auto;
    padding: 30px 0;
    line-height: 1.35; color: #fff; font-size: 1.25em; border-radius:100px;background: rgb(250,162,26);
background: linear-gradient(110deg, rgba(250,162,26,1) 0%, rgba(239,68,35,1) 100%); position: relative;z-index: 1}
.organ_top .ceo strong{font-size: 1.800em;}
.o1{padding-top: 33px;text-align: center;font-size: 0; position: relative;; margin-top: 30px;    display: inline-block;}
.o1:before{position: absolute;    left: 17%;
    top: 5px;
    width: 66%;content: ''; background: #d8d3c4; height: 1px;}
.o2:before{position: absolute;left: 10%;top:5px;width: 83%;content: ''; background: #d8d3c4; height: 1px}
.o1 > li{width: 257px; display: inline-block; font-size: 18px; font-size: 1.125rem; margin: 0 50px; font-weight: 700; position: relative; vertical-align: top;}
.o1 > li:before{width: 10px;height: 10px;background: #faa31a;position: absolute;left: 50%;top: -33px;content: '';left:50%;margin-left: -5px;border-radius:50%;z-index: 1}
.o1 > li:after{width: 1px;    height: 24px;
    top: -24px;content: '';background:#d8d3c4; left: 50%;position: absolute;}
.o2 > li:after{width: 1px;    height: 24px;
    top: -24px;content: '';background:#d8d3c4; left: 50%;position: absolute;}
.o1 .st2{background: #fff; position: relative; border:3px solid #232323; border-radius:100px;margin-top: 16px; margin-top: 1rem;height: 76px;}
.o1 .st2:first-child{margin-top: 0;}

.o2{padding-top: 33px;text-align: center;margin-left: -3%; font-size: 1.125em; margin-top: 30px;color: #666; position: relative;}
.o2 > li{width: 13.6666666667%; float: left;;font-weight: 700; position: relative; vertical-align: top; margin-left: 3%; background: #fff; position: relative; border:1px solid #ccc; border-radius:100px;height: 70px;display: table;}
.o2 > li:before{width: 10px;height: 10px;background: #faa31a;position: absolute;left: 50%;top: -33px;content: '';left:50%;margin-left: -5px;border-radius:50%;z-index: 1}
.o2 > li > span{display: table-cell;vertical-align: middle;}

.organ .top{position: relative; margin-bottom: 80px;}
.organ .state{    position: absolute;
	top:30px;
    left: 50%;
    display: inline-block;
    padding-right: 70px;
    text-align: right;
    margin-left: -28em; background: url('../img/06intro/state.gif') right top no-repeat; min-height: 3.375em;}
.organ .state > strong{display: block;
    font-size: 1.125em;}
.organ .state > span{    display: block;
    font-size: 14px;}
.organ .group{margin-top: 80px;}

.tbl-half_w{display: flex; justify-content:space-between; flex-wrap:wrap}
.tbl-half_w > *{width:48.5%}
.tbl-half_w table{table-layout:fixed}
.tbl-half_w .th4{width:50%}

/* 아이프레임 임시처리 */
/* .location_page .map{position: relative; padding-bottom: 26%;}
.location_page .map iframe{width: 100%; height: 100%; position: absolute; display: block;}
.location_page .box_w{position: absolute;left: 0;bottom: -120px; width: 100%;} */

.location_page .map{position: relative}
.location_page .box_w{position: static;left: 0;width: 100%;}


.location_page .box{padding: 40px; border-radius:5px; width: 420px; background: #fff; z-index: 1;    box-shadow: 0px 7px 0px #222;}

.location_page .box .tit{font-size: 36px; line-height: 1.15; font-weight: 700; color: #111; margin-bottom: .87em; letter-spacing: -0.07em;}
.location_page .box dt{font-size: 1.375em;font-weight: 700; margin-top: 30px;}
.location_page .box dd{margin-top: .5em;}
.location_page .box dt:first-child{margin-top: 0;}

.location_page .link{text-align: center; font-size: 0; margin: 60px 0 35px;}
.location_page .link li{display: inline-block; font-size: 18px; font-size: 1.125rem; font-weight: 700; color: #333; margin-left: 50px; padding-left: 50px; position: relative;}
.location_page .link li:first-child{padding-left: 0;margin-left: 0;}
.location_page .link li:before{background: #ccc;content: '';width: 2px;height: 1em; position: absolute;left: 0;top:50%;margin-top: -.5em;}
.location_page .link li:first-child:before{background: none}
.location_page .link a{display: block; padding-right: 2.611em; background: url('') right center no-repeat}
.location_page .link .naver{background-image: url('../img/06intro/naver.gif')}
.location_page .link .daum{background-image: url('../img/06intro/daum.gif')}

.loc_ex{margin-top: 100px;}

.loc_way{word-break:keep-all}
.loc_way .bus,.loc_group#tab3 .g2{border:1px dashed #aaa; border-left: 0; border-right: 0; padding: 70px 0;margin: 70px 0;}
.loc_way .t{display: inline-block;font-size: 1.375em; font-weight: 700; padding-right: 2.727em; background: url('') right center no-repeat}
.loc_way .subway .t{background-image: url('../img/06intro/ico-subway.gif')}
.loc_way .bus .t{background-image: url('../img/06intro/ico-bus.gif')}
.loc_way .car .t{background-image: url('../img/06intro/ico-car.gif')}
.loc_way .sect ul{margin-top: 30px;}
.loc_way .com li{margin-top: .7em;}
.loc_way .com.mt_w > li{margin-top: 1.5em;}
.loc_way .com li:first-child,.loc_way .com.mt_w > li:first-child{margin-top: 0;}
.loc_way .car li{margin-top: 2.4em;}
.loc_way .car li:first-child{margin-top: 0;}
.loc_way .arrw{display: inline-block; width: 5px;height: 9px;vertical-align: middle; background: url('../img/06intro/ico-arrow.gif') center center no-repeat; margin: 0 1em 0 1.25em; margin-top: -3px;}
.loc_way .sect ul.mt{margin-top: .5em;}

.loc_group#tab2 .top{padding-left: 7.938em; background: url('../img/06intro/park.gif') left top no-repeat; min-height: 5.625em}
.loc_group#tab2 .top li{margin-top: .3em;}
.loc_group#tab2 .top li:first-child{margin-top: 0;}
.loc_group#tab2 .group{margin-top: 60px;}
.loc_group#tab2 .small{margin-top: 30px;}

.loc_group#tab3 .top{margin-bottom: 70px; line-height: 1.67;}
.loc_group#tab3 .t{display: inline-block;font-size: 1.375em; font-weight: 700; padding-right: 3em; background: url('') right center no-repeat; line-height: 1.955em;}
.loc_group#tab3 .g1 .t{background-image: url('../img/06intro/ico-t1.gif')}
.loc_group#tab3 .g2 .t{background-image: url('../img/06intro/ico-t2.gif')}
.loc_group#tab3 .g3 .t{background-image: url('../img/06intro/ico-t3.gif')}
.loc_group#tab3.dis ul{margin-top: 2.5em;}

.loc_group{display: none;}

.rule_page{line-height: 1.8;}
.rule_page .box{background: #f1f1f1; padding: 1em; border:1px solid #ccc}
.rule_page .right{margin-bottom: 3em;}
.rule_page .group{margin-top: 50px;}
.rule_page .group ul{margin-top: .7em;}
.rule_page .tbl-st1{margin: .7em 0 1.5em;}

.rule_page .tit-big{margin-bottom: 1em;}
.rule_page h5 { margin-bottom:1em; font-size: 1.125em; color: #111 }

.agree_box h5 { padding-top:20px; margin-bottom:10px; text-align:center; }
.agree_box p { margin-bottom:10px; }
.agree_box strong { display:block; }
.agree_box ul { margin-bottom:10px; }
.agree_box ul li { padding-left:16px; }
.agree_box ul li ul {}
.agree_box ul li ul li { padding-left:14px; }
.agree_box span.deps1 { margin-left:-16px; }
.agree_box span.deps2 { margin-left:-14px; }
.agree_box dl { margin-bottom:10px; }

.pop-newsletter li{margin-top: 10px;}
.pop-newsletter li:first-child{margin-top: 0;}
.pop-newsletter input{width: 100%; height: 3em; padding: 0 10px}

.reservation_info .group{margin-top: 70px; padding-top: 70px; border-top: 1px dashed #ccc;}
.reservation_info .group:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.reservation_info .small{font-size: 14px;}
.reservation_info .r1 .small{margin-top: 1.429em}
.reservation_info .r2 > ul{margin-left: -2%; display:flex; flex-wrap:wrap}
.reservation_info .r2 > ul > li{float: left; width: 23%;margin-left: 2%; background: #f2f2f2; padding: 20px; border-radius:10px}
.reservation_info .r2 .ico img{display: block;margin: 0 auto;}
.reservation_info .r2 .sect{margin-top: 50px;}
.reservation_info .r2 dt{font-weight: 700; font-size: 1.125em; margin-bottom: .7em;}
.reservation_info .r2 dd{margin-top: .3em;}
.reservation_info .r3 .box{text-align: center; background: #f2f2f2; padding: 50px; border-radius:10px}
.reservation_info .r3 li{float: left; width: 50%}
.reservation_info .r3 dl{display: inline-block; text-align: left; padding-left: 101px; background: url('') left center no-repeat}
.reservation_info .r3 .credit{background-image: url('../img/01perform/ico-credit.png')}
.reservation_info .r3 .count{background-image: url('../img/01perform/ico-count.png')}
.reservation_info .r3 dt{font-weight: 700; font-size: 1.125em; margin-bottom: .7em;}
.reservation_info .c1 .sect{margin-top: 1.875em;}

.etiq_w .top{font-size: 1.875em; text-align: center; line-height: 1.15; color: #111; margin-bottom: 2.4em;}
.etiq_w .top .t{font-size: 1.333em;}
.etiq_w .top .txt{margin-top: .5em}

.etiq{border-top: 1px solid #333;}
.etiq .item{display: table; width: 100%; padding: 67px 0 50px; border-top: 1px dashed #ccc;}
.etiq .item:first-child{margin-top: 0;}
.etiq .item > *{display: table-cell;vertical-align: top;}
.etiq .item .ico{width: 24%; }
.etiq .item .ico img{display: block;margin: 0 auto; max-width:87%}

.guro_info > li{max-width:48.5%}
.guro_info .l{float: left;}
.guro_info .r{float: right;}

.seat .group{margin-top: 200px;}
.seat .group:first-child{margin-top: 0;}
.seat .img img{display: block;margin: 0 auto;}
.seat .box_com{margin-top: 130px;}

.seat .tab_cont{display: none;}

.step_rent .steps{margin-left: -5%;}
.step_rent .steps > li{float: left; width: 20%;margin: 0 0 20px 5%; border:1px solid #ddd;border-radius:100px; display: table; height: 76px; position: relative;}
.step_rent .steps > li:before{position: absolute;left: -10%;top:0; background: url('../img/common/arrow_step.gif') center center no-repeat; width: 7px;height: 12px; top:50%;margin-top: -6px; content: '';    transform: translateX(-50%)}
.step_rent .steps > li .in{display: table-cell;vertical-align: middle; position: relative; padding-left: 93px;}
.step_rent .steps > li .no{position: absolute;left: 0;top:0; text-align: center; width: 93px;text-align: center; padding-top: 20px; line-height: 1; font-size: 14px;}
.step_rent .steps > li .no > *{display: block;}
.step_rent .steps > li .no strong{font-size: 25px;}
.step_rent .steps .txt{font-weight: 700; font-size: 1.125em;}
.step_rent .steps .s1:before,.step_rent .steps .s5:before,.step_rent .steps .s9:before{background: none}

.step_rent .steps2{margin-top: 67px; border-top: 2px solid #333;}
.step_rent .steps2 .item{padding: 50px 0; border-bottom:1px dashed #ccc}
.step_rent .steps2 .item > *{display: table-cell;vertical-align: top;}
.step_rent .steps2 .item .l{width: 353px}
.step_rent .steps2 .item .l > *{display: inline-block; vertical-align: top;}
.step_rent .steps2 .item .l .small{margin-right: 30px; font-size: 14px;;}
.step_rent .steps2 .item .l .t{font-size: 1.3em; line-height: 1.35}
.step_rent .steps2 .bul-dash{margin-top: .3em;}

.box_jointype{    background: #f1f1f1;
    padding: 1.5em;
    text-align: center;
    margin-bottom: 3em; font-size: 1.125em;}
.box_jointype .t{    display: block;
    font-size: 1.3em;
    margin-bottom: .67em; color: #000}

.rule_page_new{border:1px solid #ccc; padding: 80px}
.rule_page_new .small{font-size: 14px; color: #666; margin-bottom: 20px;}
.rule_page_new .mid{text-align: center; margin-bottom:80px;}
.rule_page_new .mid dd{margin-top: 20px;}
.ethics_page .circle_w{font-size: 1.125em; max-width:815px; margin: 0 auto;}
.ethics_page .item{display: table; width: 100%;border-top: 1px dashed #ccc; padding: 30px 0}
.ethics_page .item:first-child{border-top: 0; padding-top: 0;}
.ethics_page .item:last-child{padding-bottom: 0;}
.ethics_page .item > *{display: table-cell; vertical-align: middle;}
.ethics_page .item .l{width: 140px}
.ethics_page .circle{display: table;width: 110px; height: 110px;text-align: center; color: #fff; font-family: 'SeoulHangang';background: rgb(240,74,34);
background: linear-gradient(117deg, rgba(240,74,34,1) 0%, rgba(250,142,26,1) 100%); border-radius:50%; line-height: 1.15}
.ethics_page .circle .in{display: table-cell;vertical-align: middle;font-size: 30px;}

.rule_rel .group{padding: 60px 0; border-top: 1px dashed #ccc}
.rule_rel .group:first-child{padding-top: 0; border-top: 0;}
.rule_rel .group:last-child{padding-bottom: 0;}
.rule_rel .cont{display: table; width: 100%}
.rule_rel .cont > *{display: table-cell; vertical-align: middle;}
.rule_rel .cont .l{width: 207px}
.rule_rel .down{border:2px solid #ccc; border-radius:5px; padding: 5px 10px; display: inline-block; margin-left: 10px;}
.rule_rel .down span{padding-right: 30px; background: url('../img/common/ico-down.gif') right center no-repeat}

.greeting .img{float: left; width: 33%}
.greeting .cont{float: right; width: 60%}

.greeting .tit{font-size: 40px; font-weight: 700; line-height: 1.15; color: #000; padding-bottom: 1.167em; margin-bottom: 1.167em; position: relative; letter-spacing: -0.03em; word-break:keep-all}
.greeting .tit:after{position: absolute;left: 0;bottom: 0; width: 70px; height: 7px; content: ''; background: linear-gradient(117deg, rgba(240,74,34,1) 0%, rgba(250,142,26,1) 100%);}
.greeting .txt{line-height: 1.8;}

.cal_t .date option{font-size: 16px; font-size: 1rem;}
.art_page .top .img .s,.art_page .top .img .slick-slide,.art_page .top .img .s div{height: 100%}
.art_page .top .img .bg{background: url('') center center no-repeat; background-size:cover; border-radius:5px}

.intro_c_w .tab_cont{display: none;}
.intro_c_w .group{margin-top: 80px;}
.intro_c_w .group:first-child{margin-top: 0;}

.p-info {
	display: flex;
	
}
.p-info > div {
	flex-grow: 1
}
.p-info .i-img {
	display: flex;
	max-width: 220px;
	justify-content: center;
	align-items: center;
}

.p-info .i-img  img {
	height: 107px;
}

.payment-inf	h4 {
    display: block;
    height: 21px;
    padding-left: 32px;
    margin: 30px auto 15px auto;
    color: #222;
    font-size: 18px;
    background: url(../img/common/h4_bullet.gif) 0 50% no-repeat;
}

.paymnt {
	display: flex;
}

.paymnt > div{
	display: flex;
	flex-grow: 1;
	border : 1px solid #ccc;
	justify-content: center;
	align-items: center;
	padding: 30px 10px;
	margin: 0 10px;
}

.paymnt > div > div {
	flex-grow: 1;
	max-width: 180px;
}
.payment-inf .a1{width: 30%}

.edu_w .imgs{margin-left: -2%;}
.edu_w .imgs > li{float: left; width: 31.333333333%; margin-left: 2%;}
.edu_w .imgs img{display: block; width: 100%}

.notice_program{margin-bottom: 50px;}
.notice_program .t{font-size: 1.750rem; color: #000; font-weight: 700; padding-left: 0.714em; position: relative; display: block; margin-bottom: .7em; line-height: 1.15;}
.notice_program .t:before{position: absolute;left: 0;top:0; width: 0.214em; height: 0.821em; content: '' ;background: #000}
.notice_program .box{border:1px solid #ee6626; padding: 40px; color:#333}
.notice_program .t2{font-size: 1.500em; font-weight: 500; margin-bottom: 1.5em; display: block;}
.notice_program .dev > li{float: right; width: 48%}
.notice_program .dev > li:first-child{float: left;}
.notice_program .t3{padding-left: 1em; font-size: 1.25em; display: block; margin-bottom: .87em; background: url() left center no-repeat}
.notice_program .t3.ico1{background-image: url('../img/01perform/ico1.png')}
.notice_program .t3.ico2{background-image: url('../img/01perform/ico2.png')}
.notice_program .bul-decimal > li{margin-top: 10px;}

.box_com .rent ul{margin: 18px 0 0;}
.box_com .rent li{display: inline-block; position: relative; padding-right: 10px; margin: 0 10px 10px 0;}
.box_com .rent li:last-child{margin-right: 0; padding-right: 0;}
.box_com .rent li:before{position: absolute; right: 0; top:50%; margin-top: -5px; width: 1px; height: 10px; background: #777; content: ''}
.box_com .rent li:last-child:before{background: none}
.box_com .rent .ico-tel{margin-left: 10px;}
.box_com .rent > strong{display: block; color: #000; font-weight: 500; font-size: 1.125rem;}

.imgs_border{border:1px solid #ddd; border-radius:5px 5px 0 0; border-bottom: 0}
.imgs_border .imgs{padding: 20px; margin-bottom: 0 !important;}

.group_com_w .group{margin-top: 70px;}
.group_com_w .group:First-child{margin-top: 0;}

.art-GxS .sect{margin-top: 50px;}
.art-GxS .sect:first-child{margin-top: 0;}
.art-GxS .txt{font-size: 1.25rem; color: #666; word-break:keep-all}

.art-gs_img{margin-left: -10px;}
.art-gs_img > li{float: left; width:calc(25% - 10px); margin-left: 10px;}
.art-gs_img img{display: block;}

.dot-t{display: flex}
.dot-t .t{color: #333; font-weight: 500; width:1.563em}
.dot-t .c{flex:1; width:clac(100% - 1.563em)}
.dot-t li{margin-top: 5px;}
.dot-t li:first-child{margin-top: 0;}