#sub-container{overflow: hidden;}
#sub-container > *{float:left;width:30%;height:100vh;}
#sub-container > .left-box{/*opacity:0;animation:fadeInLeftBig 2s linear forwards;-webkit-animation:fadeInLeftBig 2s linear forwards;*/position: relative;}
#sub-container > .left-box.bg1{background: url(../images/sub/sub-bg1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub-container > .left-box.bg2{background: url(../images/sub/sub-bg2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub-container > .left-box.bg3{background: url(../images/sub/sub-bg3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub-container > .left-box.bg4{background: url(../images/sub/sub-bg4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub-container > .left-box.bg5{background: url(../images/sub/sub-bg5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub-container > .left-box.bg6{background: url(../images/sub/sub-bg6.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#sub-container > .left-box .box{position:absolute;width:calc(100% - 200px);bottom:150px;left:0;padding:0 100px;/*-webkit-animation:p-fly 4s ease;animation:p-fly 4s ease;*/}
#sub-container > .left-box .box > h3{font-size:60px;font-weight:600;margin-bottom:10px;color:#fff;text-align:left;}/* 20200713 */
#sub-container > .left-box .box > p{font-size:45px;color:#fff;}/* 20200713 */
#sub-container > .right-box{padding:50px;width:calc(70% - 100px);height:calc(100vh - 100px);overflow-y:auto;/*opacity:0;animation:fadeInRightBig 2s linear forwards;-webkit-animation:fadeInRightBig 2s linear forwards;-webkit-animation-delay:1s*/}
#sub-container > .right-box .sub-tit{/*background:url(../images/sub/home-icon.gif) no-repeat top left;padding-left:80px;*/margin-bottom:30px;}/*20200810*/
/*
#sub-container > .right-box .sub-tit.bg2{background:url(../images/sub/home-icon2.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg3{background:url(../images/sub/home-icon3.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg4{background:url(../images/sub/home-icon4.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg5{background:url(../images/sub/home-icon5.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg6{background:url(../images/sub/home-icon6.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg7{background:url(../images/sub/home-icon7.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg8{background:url(../images/sub/home-icon8.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg9{background:url(../images/sub/home-icon9.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg10{background:url(../images/sub/home-icon10.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg11{background:url(../images/sub/home-icon11.gif) no-repeat top left;}
*/
#sub-container > .right-box .sub-tit h3.tit{font-size:28px;color:#000;font-weight:bold; display:inline-block;}
#sub-container > .right-box .sub-tit .location *{font-size:14px;color:#666666;}
#sub-container > .right-box .sub-tit .location b{font-weight:600;}
#sub-container > .right-box .sub-tit .printing{text-align:right;margin-top:30px;}
#sub-container > .right-box .sub-text{padding-left:7px; color:#333;font-size:20px;} /*20200810*/

.sub-tab{text-align:center;}
.sub-tab li{display: inline-block;margin:5px 10px;vertical-align: top;}
.sub-tab li a{display: block;padding:5px;height:45px;border-bottom:5px solid #fff;}
.sub-tab li a.on{border-bottom:5px solid #606f82;}
.gray-box{margin-top:50px;background:#eeeeee;min-height:350px;}
/* 20200713 */
.gallery-list{text-align: left;overflow: hidden;}
.gallery-list li{float: left;margin:0 15px;margin-bottom:20px;vertical-align: top;width: calc(100% / 4 - 30px);position: relative;}
.gallery-list li .img > a{position: relative;top: 0;left: 0;right: 0;bottom: 0;width: 100%;padding-top: 138%;overflow: hidden;}
.gallery-list li .img > a img{width: 100%;/* height: 100% !important; */position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;max-width: 100% !important;}
/* //20200713 */
.gallery-list li .txt-box{text-align:left;margin-top: 5px;}
.gallery-list li .txt-box h5.tit{/* max-width: 165px; */font-size:14px;height: 40px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight:700;color:#333333;}
.gallery-list li .txt-box h5.tit02{/* max-width: 165px; */font-size:20px;height: 60px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight:700;color:#333333;}
.gallery-list li .txt-box p.time{font-size:14px;font-weight:400;color:#666666;}
.gallery-list li .txt-box p.txt{font-size:14px;font-weight:400;color:#333333;}
.popup-box{display: none;position: fixed;top: 0;left: 0;width:100%;height:100%;z-index:999;background:url('../images/m-menu-bg.png') repeat;}
.popup-container{position:absolute;top:50%;left:50%;max-width:680px;width:calc(100% - 40px);background:#fff;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.popup-header{background:#2f529b;display:table;width:calc(100% - 40px);padding:20px;}
.popup-header *{color:#fff;font-size:26px;}
.popup-header > *{display:table-cell;vertical-align:middle;}
.popup-header > i.popup-logo{width:115px;}
.popup-header > p.txt{padding:0 10px;text-align:center;}
.popup-header > p.txt b{font-weight:600;display: inline-block;}
.popup-header > .close-btn{width:28px;}
.popup-txt{max-height:calc(80vh - 120px);padding:20px;overflow: auto;}
.popup-bottom{margin-top:20px;}
.popup-bottom p.txt{text-align:center;font-size:18px;border-top:1px solid #e5e5e5;padding:15px;}
.popup-bottom p.txt span{display: inline-block;font-size:18px;}
.popup-bottom p.txt span.blue-font{color:#214089;font-weight:600;}
.popup-bottom p.txt span img{margin-right:5px;}
.popup-bottom > a{float:left;width:100%;text-align:center;padding:30px 0;line-height:20px;font-size:22px;color:#fff;}
.popup-bottom > a.blue{background:#2f529b;}
.popup-bottom > a.gray{background:#dcdcdc;color:#333333;font-weight:600;}
.popup-bottom.btn2 > a{width:50%;}
.popup-txt .terms-top{padding-top:20px;}
.popup-txt .terms-top > ul{text-align: center;}
.popup-txt .terms-top li{display: inline-block;text-align:center;position: relative;margin:0 25px;margin-bottom:50px;}
.popup-txt .terms-top li + li:before{display:block;content: "";width:50px;height:2px;position:absolute;left:-50px;top:49px;background:url(../images/sub/terms-top-list.gif) no-repeat;z-index:-1;}
.popup-txt .terms-top li > p.txt{width:92px;height:92px;border-radius:92px;border:4px solid #eee;display:table-cell;vertical-align:middle;font-size:10px;color:#999999;background:#fff;}
.popup-txt .terms-top li i{display:block;margin-top:5px;}
.popup-txt .terms-top li i.on-icon{display:none;}
.popup-txt .terms-top li p.tit{position:absolute;bottom:-30px;left:50%;white-space: nowrap;transform:translateX(-50%);-webkit-transform:translateX(-50%);color:#666666;font-size:15px;}
.popup-txt .terms-top li.on > p.txt{border:4px solid #2f529b;}
.popup-txt .terms-top li.on i.on-icon{display:block;}
.popup-txt .terms-top li.on i.off-icon{display:none;}
.popup-txt .terms-top li.on p.tit{color:#2f529b;}
.popup-txt .terms-gray{background:#f5f5f5;padding:20px;text-align:center}
.popup-txt .terms-gray h3{color:#333333;font-size:18px;margin-bottom:10px;font-weight:600;}
.popup-txt .terms-gray p span{display: inline-block;color:#666666;font-size:15px;}
.popup-txt .terms-gray p span b{font-weight:600;font-size:15px;}
.popup-txt h3.terms-tit{margin-top:20px;color:#333333;font-size:18px;font-weight:600;}
.popup-txt h3.terms-tit2{margin-top:20px;color:#333333;font-size:25px;font-weight:600;text-align:center;}
.popup-txt h3.terms-tit2 span.red-font{color:#f60606;font-size:25px;font-weight:600;}
.popup-txt h4.terms-tit{margin:10px 0;color:#2f529b;font-size:16px;font-weight:600;}
.popup-txt .textarea-box {height:110px; overflow-y:scroll; border:1px solid #f5f5f5; padding:20px;}
.popup-txt .checkbox-bg{background-color: #f5f5f5; margin-top: 30px; padding:20px;}
.popup-txt .checkbox-bg .jb-tit input {margin-right:10px;}
.popup-txt .choice-box dl{display: inline-block;margin-right:20px;margin-bottom:10px;}
.popup-txt .choice-box dl *{display: inline-block;}
.popup-txt .choice-box dl dt{color:#333333;font-size:15px;font-weight:600;padding-right:10px;}
.popup-txt .calendar-top{background:#ff705a;padding:20px 40px;text-align:center;}
.popup-txt .calendar-top > div > *{float:left;}
.popup-txt .calendar-top > div > a{width:calc(100% / 7);}
.popup-txt .calendar-top > div > p{width:calc(100% / 7 * 5);font-size:22px;color:#fff;}
.popup-txt .calendar-top > dl{margin-top:10px;}
.popup-txt .calendar-top > dl > dt{width:calc(100% / 7);float:left;font-size:17px;color:#fff;}
.popup-txt .day-box{padding:20px 40px;text-align:center;}
.popup-txt .day-box ul li{width:calc(100% / 7);float:left;height:30px;padding:10px 0;}
.popup-txt .day-box ul li span{display:block;width:30px;height:20px;padding:5px 0;line-height:20px;margin:0 auto;background:#fff;color:#333333;font-size:14px;border-radius:30px;position: relative;}
.popup-txt .day-box ul li span.dot:before{display:block;content: "";width:5px;height:5px;position:absolute;left:50%;bottom:2px;margin-left:-2.5px;background:#e0e0e0;border-radius:5px;}
.popup-txt .day-box ul li span.previous-month{color:#999999;}
.popup-txt .day-box ul li span.next-month{color:#999999;}
.popup-txt .day-box ul li span.yellow{background:#fed63d;}
.popup-txt .day-box ul li span.purple{background:#807dff;color:#fff;}
.popup-txt .calendar-txt h5{display:inline-block;margin-right:20px;margin-bottom:10px;font-size:15px;}
.popup-txt .calendar-txt h5.tit:before{display:inline-block;content:"";width:5px;height:5px;background:#e0e0e0;vertical-align: middle;margin-right:5px;}
.popup-txt .calendar-txt h5.yellow:before{display:inline-block;content:"";width:25px;height:25px;background:#fed63d;vertical-align: middle;margin-right:5px;border-radius:30px;}
.popup-txt .calendar-txt h5.purple:before{display:inline-block;content:"";width:25px;height:25px;background:#807dff;vertical-align: middle;margin-right:5px;border-radius:30px;}
.popup-txt .turn-place dl{display:table;width:calc(100% - 2px);border:1px solid #e5e5e5;}
.popup-txt .turn-place dl + dl{border-top:0;}
.popup-txt .turn-place dl > *{display:table-cell;padding:10px 20px;font-size:15px;vertical-align: middle;}
.popup-txt .turn-place dl > dt.no{color:#333333;width:40px;}
.popup-txt .turn-place dl > dt.tit{color:#666666;padding:10px 0;}
.popup-txt .turn-place dl > dd{color:#333333;text-align:right;width:60px;}
.popup-txt .turn-place dl.unselectable{background:#f6f6f6;}
.popup-txt .turn-place dl.unselectable > dt.no{color:#999999;}
.popup-txt .turn-place dl.unselectable > dt.tit{color:#999999;}
.popup-txt .turn-place dl.unselectable > dd{color:#999999;}
.popup-txt .table-style2 td.mail input{width:20%;}
.popup-txt .table-style2 td.mail select{width:20%;}
.popup-txt .table-style2 td.mail .checkList{display:inline-block;}
.popup-txt h3.terms-tit2 td.mail .checkList{display:inline-block;}
.popup-txt .view-box{margin-top:20px;text-align:center;}
.popup-txt .view-box dl{display:inline-block;}
.popup-txt .view-box dl > *{display:inline-block;vertical-align: top;}
.popup-txt .view-box dl > dt{margin-right:15px;margin-bottom:30px;}
.popup-txt .view-box dl > dd{text-align:left;}
.popup-txt .view-box dl > dt img{width:200px;border:1px solid #e5e5e5;}
.popup-txt .view-box dl > dd h4.tit{color:#333333;font-size:18px;margin-bottom:20px;font-weight:600;}
.popup-txt .view-box dl > dd ul{margin-left:10px;margin-bottom:40px;}
.popup-txt .view-box dl > dd ul li{display:table;margin-bottom:10px;}
.popup-txt .view-box dl > dd ul li > *{display:table-cell;font-size:15px;}
.popup-txt .view-box dl > dd ul li > span{width:70px;color:#000cb1;}
.popup-txt .view-box dl > dd ul li > p{color:#666666;}
.popup-txt .jb-textbox table {table-layout:fixed; width:100%; border-top:1px solid #767676; border-bottom:1px solid #767676; border-collapse: separate;border-spacing: 0; text-align:center; margin: 20px 0;}
.popup-txt .jb-textbox table th {padding: 7px 10px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #767676;vertical-align: middle;line-height: 1.4;text-align: center;font-weight: 600;background: #f4f6f7;}
.popup-txt .jb-textbox table td {padding: 7px 10px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #767676;vertical-align: middle;line-height: 1.4;}
.popup-txt .jb-textbox p {color: #767676; font-size:15px;}

/* 20200805 */
.popup-container2{position:absolute;top:50%;left:50%;max-width:1200px;width:calc(100% - 40px);background:#fff;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.popup-txt .text-box {margin-top:20px; padding:20px;}
.popup-txt .text-box h5{font-weight:bold;}
.popup-txt .text-box p {padding-top:5px;}
.popup-txt .text-box span{font-size:12px;}
.popup-txt .text-box ul{padding-left:15px; padding-top:5px;}
.popup-txt .text-box table th {background-color:#f4f6f7; padding:10px 5px; text-align:center; color:#767676;}
.popup-txt .text-box table td.center {text-align:center;}
.popup-txt .text-box table td {padding:5px; border:1px solid #f4f6f7; color:#767676;}
.popup-txt .text-box p{color:#767676;}
.popup-txt .text-box p + table{margin:10px 0;}
.popup-txt .text-box b{color:#767676;}

.search-book-inp{width:100%;max-width:355px;display:table;margin:0 auto;border-bottom:1px solid #333333;}
.search-book-inp > *{display:table-cell;padding:5px 0;}
.search-book-inp > dt input{border:0;padding-left:10px;width:calc(100% - 10px);}
.search-book-inp > dd {width:30px;text-align:center;}
.search-book-no{max-width:355px;margin:0 auto;margin-top:130px;padding-top:175px;background:url(../images/sub/search-book-no.gif) no-repeat top center;color:#666666;font-size:16px;text-align:center;}
.search-book-no b{font-weight:600;color:#333333;font-size:16px;}
.search-book-container{margin-top:30px;}
.select-box > *{display: inline-block}
.select-box > h3{font-size:18px;color:#333;font-weight:600;margin-right:10px;}
.select-box > select{border:0;border-bottom:1px solid #333333;}

.table-style2.table-border{border-left:1px solid #eee;}
.table-style2.table-border td:last-child{border-right:1px solid #eee;}

.sub-view-info .text h4.red-box{padding-left: 75px;}/*2020-07-30*/
.sub-view-info .text h4.red-box.plp{padding-left: 62px;}
.sub-view-info .text h4.red-box > span{position: absolute;display: inline-block;width: 70px;height: 19px;border: 1px solid #ff0000;color: #ff0000;font-size: 15px;text-align: center;line-height: 19px;left: 0;top: 8px;}/*2020-07-30*/
.sub-view-info .text h4.red-box.plp > span{border: 1px solid #ff0000;color: #ff0000;width: 48px;}
.sub-border-text{margin-top:30px;}
.sub-border-text h3.tit{font-size:20px;font-weight:600;color:#333333;padding:10px;background:#fbfbfb;border:1px solid #eeeeee;text-align:center;margin-bottom:10px;}
.sub-border-text .sub-border-box{border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;}
.sub-border-text .sub-border-box > dl{float:left;width:calc(50% - 1px);border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.sub-border-text .sub-border-box > dl > dt{padding:10px;background:#fbfbfb;border-bottom:1px solid #eeeeee;text-align:center;}
.sub-border-text .sub-border-box > dl > dd{padding:10px;height:100px;}

.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

#sub-container > .right-box .sub-tit .printing{position: relative;}
#sub-container > .right-box .sub-tit .printing form {display:inline-block;}
#sub-container > .right-box .sub-tit .printing > div{height: 18px;display: inline-block;}
#sub-container > .right-box .sub-tit .printing > div a{margin: 0;}
#sub-container > .right-box .sub-tit .printing a{height: 18px;}
#sub-container > .right-box .sub-tit .printing a img{vertical-align: top;}
#sub-container > .right-box .sub-tit .printing a.like-btn {margin-right:10px;}
/* #sub-container > .right-box .sub-tit .printing a.like-btn img{display: none;}
#sub-container > .right-box .sub-tit .printing a.like-btn img:first-child{display: inline-block;}
#sub-container > .right-box .sub-tit .printing a.like-btn:hover img:first-child{display: none;}
#sub-container > .right-box .sub-tit .printing a.like-btn:hover img:last-child{display: inline-block;} */  /* 바꿈 */
#sub-container > .right-box .sub-tit .printing .like-popup{display: none;right: 0;top: 32px;position: absolute;}
#sub-container > .right-box .sub-tit .printing .like-popup p{width: 160px;text-align: left;padding: 12px 15px;background: #fff;border: 1px solid #e5e5e5;position: relative;display: inline-block;font-size: 14px;color: #666;letter-spacing: -1px;border-radius: 9px; text-align:center;}/* 바꿈 */
#sub-container > .right-box .sub-tit .printing .like-popup p:after{position: absolute;content: '';width: 19px;height: 11px;background: url(../images/sub/printing3_pop.png) no-repeat center center;left: 111px;top: -11px;}
#sub-container > .right-box .sub-tit .printing .like-popup p span{display: block;font-size: 18px;color: #ef3232;}
/* #sub-container > .right-box .sub-tit .printing > div:hover .like-popup{display: inline-block;} */

.sub-view-info > div{float: left;}
/* 20200713 */
.sub-view-info .img{position: relative;padding: 40px 0 0 0 !important;width: 311px;text-align: right;}
.sub-view-info .img img{max-width:100% !important;}
.sub-view-info .img:after{display:none;position: absolute;z-index: -1;width: 100%;content: '';background: #f5f5f5;height: 75%;left: 0;top: 0;}
.sub-view-info .img:before{display:none;position: absolute;width: 115px;height: 4px;background: url(../images/sub/sub-view-info_icon.png) no-repeat center center;content: '';right: -58px;top: 30px;}
/* //20200713 */
.sub-view-info .text{width: calc(100% - 430px);padding: 60px 10px 0 40px;min-width: 270px;}
.sub-view-info .text h4{padding-bottom: 20px;position: relative;border-bottom: 1px solid #f5f5f5;font-size: 22px;color: #333;font-weight: bold;}
.sub-view-info .text h4.green-box{padding-left: 48px;}
.sub-view-info .text h4.green-box.plp{padding-left: 90px !important;}/*2020-07-30*/
.sub-view-info .text h4.green-box > span{position: absolute;display: inline-block;width: auto;height: 19px;border: 1px solid #32b16c;color: #32b16c;font-size: 15px;text-align: center;line-height: 19px;left: 0;top: 8px;padding:0 5px;}
.sub-view-info .text h4.green-box.plp > span{border: 1px solid #823de0;color: #823de0;width: auto !important;padding:0 5px;}/*2020-07-30*/
.sub-view-info .text li{margin-top: 20px;}
.sub-view-info .text span{display: block;font-size: 17px;color: #333;font-weight: bold;}
.sub-view-info .text p{letter-spacing: -1px;font-size: 16px;color: #666;position: relative;padding-left: 15px;}
.sub-view-info .text p:after{position: absolute;content: '';left: 0;top: 10px;width: 7px;height: 2px;background: #333;}

.sub-view-info .text .grey-box{margin-top: 20px;padding: 20px;background: #fafafa;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.sub-view-info .text .grey-box li{margin-top: 10px;font-size: 16px;}
.sub-view-info .text .grey-box li:first-child{margin-top: 0;}
.sub-view-info .text .grey-box span{display: inline-block;font-size: 16px;margin-right: 15px;}

.sub-view-text{background: url(../images/sub/sub-view-text_icon.png) no-repeat right bottom;margin-top: 50px;border: 1px solid #e5e5e5;padding: 35px 30px;font-size: 16px;color: #666;}
.sub-view-text p{margin-top: 35px;}
.sub-view-text p:first-child{margin-top: 0;}

.btn-warp{text-align: center;margin-top: 30px;}
.btn-warp.line{border-top: 1px solid #eee;margin-top: 0;padding-top: 20px;}
.btn-warp.tl{text-align: left;}
.btn-warp.tr{text-align: right;}
.btn-warp a{text-align: center;display: inline-block;background: #333;width: 100px;height: 42px;line-height: 42px;font-size: 15px;color: #fff;padding: 0 5px;}
.btn-warp a.fl{float: left;}
.btn-warp a.white{border: 1px solid #ddd;color: #333;background: #fff;}
.btn-warp a.red{border: 1px solid #ff5353;color: #fff;background: #ff5353;}

.sub_slider{border: 1px solid #e5e5e5;position: relative;margin-top: 20px;}
.sub_slider .banner-count{font-size: 15px;position: absolute;right: 58px;top: 9px;color: #fff;}
.sub_slider .banner-pic li a{display: block;}
.sub_slider .banner-pic li a img{width:100%;}/* 20200713 */
.sub_slider #banner-index{color: #fff3a6;}
.sub_slider .bx-controls-direction{position: absolute;right: 20px;top: 12px;}
.sub_slider .bx-controls-direction a{text-indent: -999em;display: inline-block;float: left;width: 8px;height: 15px;}
.sub_slider .bx-controls-direction a.bx-prev{background: url(../images/sub/sub_slider_icon01.png) no-repeat center center;}
.sub_slider .bx-controls-direction a.bx-next{margin-left: 102px;background: url(../images/sub/sub_slider_icon02.png) no-repeat center center;}

.gallery-list li .txt-box p.txt{font-weight: 500;}
.gallery-list li .txt-box .stit{color: #666;font-size: 14px;}

.sub_pagetab{text-align: center;margin: 0 0 50px;}
.sub_pagetab li{display: inline-block;margin: 0 10px;width: 90px;}
.sub_pagetab li a{display: block;position: relative;padding-bottom: 15px;font-size: 16px;color: #333;font-weight: bold;}
.sub_pagetab li a:after{display: none;background: #fff3a6;position: absolute;bottom: 0;left: 0;content: '';height: 5px;width: 100%;}
.sub_pagetab li.on a:after{display: block;}
.sub_pagetab li a:hover:after{display: block;}

.search-area{text-align: center;}
.search-area p{border-bottom: 1px solid #333;max-width: 100%;display: inline-block;}
.search-area select{background: #fff;font-size: 14px;float: left;width: 108px;margin-left: -120px;border: 1px solid #e5e5e5;height: 33px;}
.search-area input{line-height: 30px;float: left;width: 325px;height: 30px;max-width: calc(100% - 27px);border: 0;font-size: 15px;}
.search-area a{float: left;margin-left: 5px;line-height: 30px;display: inline-block;}
.search-area.style2 p{max-width: calc(100% - 120px);margin-left: 120px;}

.imglist-con > div{margin-top: 20px;font-size: 15px;color: #333;}
.imglist-con > div > span{float: left;}
.imglist-con > div > p{float: right;}
.imglist-con > div > p span{font-weight: bold;}
.imglist-con{width: 100%;overflow: hidden;}
.imglist-con > ul{margin-top: 10px;width: calc(100% + 20px);text-align: center;margin-left: -10px;}
.imglist-con > ul > li{margin: 10px;width: 195px;display: inline-block;}
.imglist-con > ul > li > a{display: inline-block;}
.imglist-con > ul > li > a img{max-width: 100%;}

.imglist-con > .gallery-list li .txt-box h5.tit{max-width: 195px;}

#sub-container > .right-box .sub-tit.bg12{background: url(../images/sub/home-icon12.gif) no-repeat top left;}
#sub-container > .right-box .sub-tit.bg13{background: url(../images/sub/home-icon13.gif) no-repeat top left;}

.ilist-con{width: 100%;overflow: hidden;margin-top: 50px;}
.ilist-con.style2{margin-top: 20px;}
.ilist-con.style2 ul{margin-top: 0;}
.ilist-con > p{text-align: center;color: #666;font-size: 15px;}


/* 뉴스레터 수정 */
.ilist-con ul{}
.ilist-con ul > li{margin-bottom:20px; display:inline-block; text-align:left; width:19.7%; padding: 0 30px; box-sizing:border-box;font-size:14px;}
@media screen and (max-width: 768px){
	.ilist-con ul > li{width:49.4%;}
}
/*.ilist-con ul{margin-top: 50px;width: calc(100% + 60px);margin-left: -30px;}
.ilist-con ul > li{position: relative;margin-bottom: 20px;display: inline-block;text-align: left;width: 160px;padding: 0 30px;}
.ilist-con ul > li:after{position: absolute;content: '';width: 1px;height: 185px;left: 0;top: 33px;background: #e5e5e5;}
.ilist-con ul > li:first-child:after{display: none;} */


.ilist-con ul > li .info{margin-top: 8px;display: block;font-size: 14px;color: #1b2fab;}
.ilist-con ul > li p{height: 56px;font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ilist-con ul > li .data, .ilist-con ul > li .form{display: block;margin-top: 15px;font-size: 14px;color: #666;}
.ilist-con ul > li .form{color: #489728;margin-top: 0;}
.ilist-con ul > li > a {display:block;}

.paging{margin-top: 30px;text-align: center;}
.paging a{margin: 0 10px;display: inline-block;}
.paging a.on{font-weight: bold;}
.paging a.img{margin: 0 2px;}

.view-con > .tit{padding: 15px 10px;border-bottom: 1px solid #f5f5f5;margin-bottom: 20px;font-size: 22px;color: #333;}
.view-con > .title{background: #f5f5f5;padding: 10px 20px 50px;}
.view-con > .title p{float: left;font-size: 15px;color: #333;}
.view-con > .title a{float: right;display: inline-block;}
.view-con > .title span{margin-top: 20px;width: 100%;display: block;float: left;text-align: center;}
.view-con > .img{border: 1px solid #f5f5f5;}

.view-table{margin-top: 20px;}
.view-table table{border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.view-table th, .view-table td{height: 15px;padding: 11px 15px;font-size: 15px;color: #666;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.view-table th{vertical-align: middle;text-align: center;color: #000cb1;font-weight: bold;padding: 5px 11px;font-size: 15px;}
.view-table a.fc-blue{color: #0042ff;text-decoration: underline;}

#sub-container > .right-box .sub-tit.nobg{background: none;padding-left: 0;}
.search-title{margin: 70px 0 30px;text-align: center;font-size: 36px;font-weight: bold;color: #333;}
.cant-search{padding-top: 70px;text-align: center;}
.cant-search span{display: block;margin: 45px 0 25px;color: #333;font-size: 22px;font-weight: bold;}
.cant-search p{font-size: 15px;color: #666;line-height: 25px;}
.text-c{text-align: center;}

.search-pobup{margin-top: 20px;text-align: right;}
.search-pobup .btn{display: inline-block;text-align: center;height: 38px;width: 122px;line-height: 38px;border: 1px solid #e5e5e5;}
.search-pobup .btn > span{padding-right: 20px;font-size: 15px;color: #333;display: inline-block;background: url(../images/sub/search-pobup_icon.png) no-repeat right center;}
.search-pobup .btn.on{background: #f9f9f9;border-bottom: 0;}
.search-pobup .sc-pbp-con{display: none;text-align: center;margin-top: -1px;background: #f9f9f9;border: 1px solid #e5e5e5;padding: 20px;}
.sc-pbp-con > div{display: inline-block;text-align: left;}
.sc-pbp-con p, .sc-pbp-con span, .sc-pbp-con input, .sc-pbp-con label, .sc-pbp-con a{display: inline-block;float: left;}
.sc-pbp-con p:first-child{margin-right: 20px;}
.sc-pbp-con .tit{font-weight: bold;margin-right: 10px;line-height: 35px;}
.sc-pbp-con a{width: 97px;margin-left: 19px;height: 35px;line-height: 35px;text-align: center;background: #2f529b;font-size: 15px;color: #fff;}
.sc-pbp-con select{height: 35px;width: 108px;}
.sc-pbp-con input{margin: 10px 5px;}
.sc-pbp-con span.text{width: 20px;text-align: center;line-height: 35px;}
.sc-pbp-con span:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.sc-pbp-con label{line-height: 35px;}

.search-pobup .num{font-size: 15px;color: #666;text-align: center;margin-bottom: -30px;}

.search-tit{margin-top: 35px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.search-tit:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.search-tit a{margin-top: 9px;float: right;font-size: 14px;width: 50px;display: inline-block;text-align: right;color: #666;}
.search-tit > p{float: left;font-size: 14px;color: #666;width: calc(100% - 50px);}
.search-tit > p span{font-size: 20px;color: #333;}
.search-tit.style2 > p{width: calc(100% - 130px);}
.search-tit.style2 a{width: 110px;padding-left: 20px;background: url(../images/sub/search-tit_icon.png) no-repeat left center;}

.search-list dl{float: left;margin-top: 20px;width: 50%; height:250px;}
.search-list dt, .search-list dd{float: left;}
.search-list dt{width: 160px;}
.search-list dt a{display: block;}
.search-list dd{letter-spacing: -1px;padding: 15px 10px 0  30px;width: calc(100% - 300px);}
.search-list dd p{font-weight: 600;font-size: 20px;color: #333;position: relative;height: 100px;}
.search-list dd p > span{display: inline-block;position: absolute;left: 0;top: -20px;width: 37px;height: 18px;line-height: 18px;font-size: 15px;text-align: center;}
.search-list dd p > span.blue{color: #1e3cf0;border: 1px solid #1e3cf0;}
.search-list dd p > span.green{color: #108c30;border: 1px solid #108c30;}
.search-list dd li{font-size: 15px;color: #666;margin-bottom: 6px;}
.search-list dd li span{color: #333;font-weight: bold;}
.search-list dd > span{color: #489728;font-size: 15px;}

.search-textlist li{margin-top: 25px;}
.search-textlist .tit{position: relative;}
.search-textlist .tit a{color: #0042ff;font-size: 18px;max-width: calc(100% - 90px);display: inline-block;text-decoration: underline;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-textlist .tit .data{display: inline-block;color: #666;position: absolute;right: 0;width: 90px;text-align: right;}
.search-textlist .text{font-size: 15px;color: #333;line-height: 25px;}
.search-textlist .form{font-size: 15px;color: #489728;margin-top: 10px;display: block;}

.data-select select{border: 0;padding: 0;margin: 0;font-size: 15px;color: #666;width: 182px;line-height: 30px;border-bottom: 1px solid #333;}

.data-tab{margin-top: 20px;border: 1px solid #eee;}
.data-tab > li{float: left;width: calc(100% / 12);height: 66px;position: relative;}
.data-tab > li a{display: inline-block;lefT: 0;top: 0;width: 100%;line-height: 66px;font-size: 15px;color: #666;position: absolute;text-align: center;}
.data-tab > li.on a{height: 78px;line-height: 78px;color: #fff;background: #585858;}
.data-tab > li.on:after{position: absolute;width: 20px;top: 22px;left: calc(50% - 10px);height: 1px;background: #989898;content: '';}

.mgt40{margin-top: 40px !important;}
.table-style1 th, .table-style1 td{font-size: 15px;color: #333;border-bottom: 1px solid #eee;height: 40px;vertical-align: middle;box-sizing: border-box;}
.table-style1 th{background: #fbfbfb;text-align: center;border-top: 1px solid #eee;}
.table-style1 td{padding: 5px 20px;}

.search-area.style3{text-align: right;}
.search-area.style3 select{margin: 0;}
.data-line{display: inline-block;width: 260px;float: left;}
.search-area.style3 p{max-width: calc(100% - 270px);}
.data-line select, .data-line span{float: left;}
.data-line select{width: 120px;height: 33px;border: 1px solid #e5e5e5;}
.data-line span{text-align: center;width: 20px;line-height: 33px;}

.table-style2{margin-top: 20px;border-top: 1px solid #eee;}
.table-style2 th, .table-style2 td{font-size: 15px;color: #333;border-bottom: 1px solid #eee;border-right: 1px solid #eee;height: 55px;vertical-align: middle;box-sizing: border-box;text-align: center;}
.table-style2 th{background: #fbfbfb;}
.table-style2 th select{background: none;border: 0;margin: 0;padding: 0;padding-right: 30px !important;}
.table-style2 .fc-red{color: #ff0000;display: inline-block;}
.table-style2 td{padding: 5px;}
.table-style2 td:last-child{border-right: 0;}
.table-style2 td.tl{padding: 5px 10px;text-align: left;}
.table-style2 td .info-box{display: inline-block;width: 79px;height: 27px;line-height: 27px;text-align: center;border: 1px solid #eee;}
.table-style2 td .info-box.sm{width: 43px;height: 21px;line-height: 21px;}
.table-style2 td .info-box.bgw{width: 61px;}
.table-style2 td .info-box.red{border: 1px solid #ff0000;color: #ff0000;}
.table-style2 td .info-box.blue{border: 1px solid #00a0e9;color: #00a0e9;}
.table-style2 td .info-box.grey{background: #eee;}
.table-style2 td.fc-red{color: #ff0000;}
.table-style2 td input[type="text"]{border: 1px solid #eee;width: 243px;padding: 0 5px;height: 38px;max-width: 100%;}
.table-style2 td input[type="text"].w85{width: 85px;}
.table-style2 td input[type="text"].w50{width: 50px;}
.table-style2 td.phone input[type="text"]{width: 113px;}
.table-style2 td.mail input{width: 160px;margin: 3px 0;}
.table-style2 td.mail select{border: 1px solid #eee;margin: 3px 5px;background: #fff;height: 38px;width: 160px;}
.table-style2 button{height: 38px;line-height: 38px;color: #666;border: 0;margin: 3px;text-align: center;width: 115px;}
.table-style2 td.ta-con{padding: 0;}
.table-style2 td.ta-con textarea{width: 100%;height: 300px;box-sizing: border-box;border: 0;}
.table-style2 td.rd-con span{display: inline-block;margin-left: 10px;}
.table-style2 td.rd-con span input{margin-right: 5px;}
.table-style2 #dupIdCheck{height: 38px;line-height: 38px;color: #666;margin: 3px;text-align: center;width: 115px; background-color:rgb(239, 239, 239);}

.info-line-box{margin-top: 50px;background: #fbfbfb;border: 1px solid #eee;padding: 20px 15px;}
.info-line-box li{font-size: 16px;color: #666;padding-left: 30px;line-height: 27px;margin-top: 15px;background: url(../images/sub/info-line-box_icon.png) no-repeat left 3px;}
.info-line-box li:first-child{margin-top: 0;}
.info-line-box li > span:first-child{color: #333;font-weight: bold;}
.info-line-box .info-box{display: inline-block;background: #fff;font-size: 14px;width: 63px;height: 25px;line-height: 25px;text-align: center;border: 1px solid #eee;}
.info-line-box .info-box.red{border: 1px solid #ff0000;color: #ff0000;}
.info-line-box .info-box.grey{background: #eee;}

.view-con-style2 > p{float: left;width: 288px;margin-right: 22px;}
.view-con-style2 > div{float: left;margin-top: 10px;width: calc(100% - 310px);}
.view-con-style2 .vcs-text-list{margin-bottom: 40px;}
.view-con-style2 .vcs-text-list > p{line-height: 30px;border-bottom: 1px solid #eee;color: #333;font-size: 20px;font-weight: 600;}
.view-con-style2 .vcs-text-list ul{margin-top: 10px;}
.view-con-style2 .vcs-text-list li{line-height: 23px;margin-top: 5px;padding-left: 45px;}
.view-con-style2 .vcs-text-list li > .tit{font-weight: 600;width: 45px;font-size: 15px;display: inline-block;margin-left: -45px;color: #000cb1;}
.view-con-style2 .vcs-text-list li b{font-size: 18px;color: #333;font-weight: bold;}
.view-con-style2 .two-vcs-tl > div{width: 50%;float: left;}
.view-con-style2 .two-vcs-tl > div > p{color: #ff0000;}
.view-con-style2 .two-vcs-tl > div ul{padding-right: 10px;}
.view-con-style2 .two-vcs-tl .vcs-text-list li{padding-left: 70px;}
.view-con-style2 .two-vcs-tl .vcs-text-list li > .tit{width: 70px;margin-left: -70px;}

.box-tab{text-align: center;}
.box-tab > p{display: inline-block;border: 1px solid #e5e5e5;}
.box-tab a{display: inline-block;float: left;width: 146px;height: 40px;line-height: 40px;color: #333;font-size: 15px;}
.box-tab a.on{background: #2f529b;color: #fff;}
.box-tab a:first-child{border-right: 1px solid #e5e5e5;}

.table-title{margin-top: 20px;}
.table-title p{width: calc(100% - 160px);float: left;}
.table-title a{float: right;text-align: center;display: inline-block;height: 33px;border: 1px solid #eee;width: 144px;line-height: 33px;}
.table-title a span{display: inline-block;padding-right: 25px;font-size: 15px;color: #666;background: url(../images/sub/table-title_icon.png) no-repeat right center;}

.table-tit{margin-top: 25px;font-size: 15px;color: #666;}
.table-tit span{font-size: 20px;color: #333;}

.bigbtn-w{margin-top: 10px;text-align: center;}
.bigbtn-w input{width: 222px;height: 65px;line-height: 65px;text-align: center;background: #2f529b;color: #fff;font-size: 22px;display: inline-block;}

.login-box{margin: 200px auto 0;max-width: 553px;}
.login-box .tit{text-align: center;font-size: 36px;color: #333;}
.login-box .tit span{font-weight: bold;}
.login-box .input-area{margin-top: 90px;}
.login-box .input-area.nomtop{margin-top: 0;}
.login-box .input-area p{position: relative;}
.login-box .input-area p > span{top: -10px;left: 20px;position: absolute;display: inline-block;font-size: 16px;padding: 0 5px;background: #fff;color: #666;}
.login-box .input-area input{width: 100%;border: 1px solid #e5e5e5;padding-left: 22px;font-size: 18px;line-height: 63px;height: 63px;padding-right: calc(5% + 20px);}
.login-box .input-area p:first-child{margin-bottom: 25px;}
.login-box .input-area p.name input{background: url(../images/sub/login-box_icon01.png) no-repeat 95% center;}
.login-box .input-area p.psword input{background: url(../images/sub/login-box_icon02.png) no-repeat 95% center;}
.login-box .input-area p.phone input{background: url(../images/sub/login-box_icon03.png) no-repeat 95% center;}
.login-box .input-area p.id input{background: url(../images/sub/login-box_icon04.png) no-repeat 95% center;}

.login-box .check-area{margin-top: 50px;}
.login-box .check-area a{display: block;height: 65px;line-height: 65px;text-align: center;color: #fff;font-size: 22px;background: #4853e0;}
.login-box .check-area.two{text-align: center;margin-top: 15px;}
.login-box .check-area.two a{margin: 10px;display: inline-block;width: 222px;}
.login-box .check-area.two a.white{background: #fff;color: #666;width: 220px;border: 1px solid #e5e5e5;height: 63px;line-height: 63px;}
.login-box .btn-area{margin-top: 20px;text-align: center;}
.login-box .btn-area a{font-size: 18px;line-height: 18px;color: #666;display: inline-block;margin: 5px;position: relative;}
.login-box .btn-area a:after{position: absolute;content: '';top: 0;height: 18px;width: 1px;left: -5px;background: #666;}
.login-box .btn-area a:first-child:after{display: none;}
.login-box .btn-area a b{font-weight: bold;font-size: 18px;}
.login-box .check-id{text-align: center;margin-top: 90px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 25px 10px 50px;}
.login-box .check-id > span{font-size: 19px;color: #333;}
.login-box .check-id > p{font-size: 18px;color: #666;margin-bottom: 45px;}
.login-box .check-id > p span{color: #f00;}
.login-box .check-id > b{font-size: 30px;font-weight: 600;color: #2374d9;}
.login-box .info{margin: 30px 0 10px;text-align: center;font-size: 16px;color: #666;position: relative;}
.login-box .info.fc-red{color: #f00;}

.login-box #alert-success{color:#0080FF; margin:15px 0;}
.login-box #alert-danger{color:#ff0000; margin:15px 0;}

/* 20200722(비밀번호변경폼)*/
.password-box{margin: 200px auto 0;max-width: 900px;}
.password-box .input-box{border: 1px solid #eee;width: 243px;padding: 0 5px;height: 38px;max-width: 100%;}
.password-box .alert {margin-left:10px; color:#A4A4A4;}
.password-box .bigbtn-w{margin-top:50px;}
.password-box .text-danger{display:inline-block; color:ff0000; margin-left:10px;}
.password-box #alert-success{color:#0080FF; margin-left:10px;}
.password-box #alert-danger{color:#ff0000; margin-left:10px;}

.join-box{overflow-x: hidden;margin-top: 200px;}
.join-box > .tit{text-align: center;font-size: 36px;color: #333;}
.join-tab{margin-top: 50px;text-align: center;}
.join-tab ul{display: inline-block;}
.join-tab ul li{margin: 0 33px 10px;position: relative;display: inline-block;padding: 6px;}
.join-tab ul li:after{position: absolute;content: '';background: url(../images/sub/join-tab_bg.png) no-repeat center center;width: 65px;height: 2px;left: -65px;top: 64px;}
.join-tab ul li:first-child:after{display: none;}
.join-tab ul li > span{color: #666;margin-top: 15px;display: block;font-size: 16px;}
.join-tab ul li > div{position: relative;background: #fff;padding-top: 25px;width: 128px;height: 103px;border-radius: 50%;}
.join-tab ul li > div:after{position: absolute;content: '';z-index: -1;left: -6px;top: -6px;background: #eee;width: calc(100% + 12px);height: calc(100% + 12px);border-radius: 50%;}
.join-tab ul li > div span{display: block;color: #666;font-size: 12px;margin-bottom: 15px;}
.join-tab ul li p > img{display: none;}
.join-tab ul li p > img:first-child{display: inline-block;}
.join-tab ul li.on > span{color: #2f529b;}
.join-tab ul li.on > div:after{background: #2f529b;}
.join-tab ul li.on p > img{display: inline-block;}
.join-tab ul li.on p > img:first-child{display: none;}
/* .join-box .jb-textbox textarea{width: 100%;box-sizing: border-box;height: 155px;border: 1px solid #e5e5e5;} */
.join-box .jb-background{padding:20px 10px; margin-top:40px;}
.join-box .jb-tit{font-weight: 600px; font-size: 18px;color: #333; padding:20px; background-color:#f7f7f7;}
.join-box .jb-tit input{margin-right:10px;}
.join-box .jb-textbox {overflow-y : scroll; min-height:200px; max-height:200px; border: 1px solid #ddd; padding:50px; color:#767676;!important;}
.join-box .jb-textbox h2{color:#767676; font-size:18px;}
.join-box .jb-textbox p{color:#767676; font-size:15px;}
.join-box .jb-textbox h3, h4, h5, li{color:#767676;}
.join-box .jb-textbox label{margin-left: 5px; font-size: 15px;color: #666;}
.join-box .jb-textbox table {table-layout:fixed; width:100%; border-top:1px solid #767676; border-bottom:1px solid #767676; border-collapse: separate;border-spacing: 0; text-align:center; margin: 20px 0;}
.join-box .jb-textbox table th {padding: 7px 10px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #767676;vertical-align: middle;line-height: 1.4;text-align: center;font-weight: 600;background: #f4f6f7;}
.join-box .jb-textbox table td {padding: 7px 10px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #767676;vertical-align: middle;line-height: 1.4;}
.join-box .join-check {margin-top:20px;}
.join-box .chck-line{margin-top: 50px;text-align: center;}
.join-box .chck-line label{margin-left: 5px;}
.join-box .jb-text{margin-top: 10px;color: #333;font-size: 15px;}
.join-box .alert{margin-left:10px; color:#A4A4A4;}
.join-box .input-box{border: 1px solid #eee;width: 243px;padding: 0 5px;height: 38px;max-width: 100%;}
.join-box #alert-success{color:#0080FF; margin-left:10px;}
.join-box #alert-danger{color:#ff0000; margin-left:10px;}
.join-box .text-success{color:#0080FF; margin-left:10px;}
.join-box .text-danger{color:#ff0000; margin-left:10px;}


.join-table-tit{text-align: center;}
.join-table-tit > div{display: inline-block;}
.join-table-tit > div p{float: left;text-align: left;display: inline-block;font-size: 18px;color: #666;margin-top: 25px;}
.join-table-tit > div p:first-child{padding-right: 35px;margin-top: 0;}
.join-table-tit > div p span{display: block;font-size: 36px;color: #333;}
.join-table{border-top: 2px solid #2f529b;}
.join-table th, .join-table td{border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;height: 33px;text-align: left;vertical-align: middle;color: #2f529b;font-size: 18px;padding: 10px 20px;}
.join-table th{color: #333;border-left: 1px solid #e5e5e5;background: #fbfbfb;text-align: center;}

.view-table-con > .tit{margin-bottom: 20px;font-size: 20px;color: #333;font-weight: 600;text-align: center;}
.view-table-con > .text > p{border-top: 1px solid #e5e5e5;background: #fbfbfb;padding: 10px 20px;font-size: 15px;color: #666;}
.view-table-con > .text > p span{color: #333;font-weight: bold; padding:0 5px 0 10px;}
.view-table-con > .text > span{color: #666;border-top: 1px solid #e5e5e5;padding: 10px 20px;display: block;}
.view-table-con > .text > span > a{color: #333;}
.view-table-con > .text > span > a img{margin-right: 10px;}
.view-table-con > .text > div{min-height: 370px;padding: 30px 20px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.view-table-con > .text > div.style2{position: relative;min-height: 200px;}
.view-table-con .text.style2 > div > .btn-warp{position: absolute;right: 0;bottom: 15px;}
.view-table-con .text.style2 > div > .btn-warp a{width: 95px;margin: 5px;}

.btns-list{margin-top: 30px;text-align: center;}
.btns-list > a{display: inline-block;font-size: 14px;color: #999;line-height: 14px;margin: 5px 10px;position: relative;}
.btns-list > a.on{color: #333;}
.btns-list > a:after{position: absolute;content: '';background: #333;width: 1px;height: 14px;top: 0;left: -10px;}
.btns-list > a:first-child:after{display: none;}

.faq-area{margin-top: 15px;}
.faq-area > div, .faq-area dt, .faq-area dd{display: table;width: 100%;}
.faq-area > div{font-size: 15px;color: #333;line-height: 42px;height: 42px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #fbfbfb;text-align: center;}
.faq-area > div > span, .faq-area dt p, .faq-area dd span{display: table-cell;text-align: center;width: 110px;}
.faq-area > div > p, .faq-area dt > div, .faq-area dd p{display: table-cell;vertical-align: middle;}
.faq-area dt{border-bottom: 1px solid #eee;}
.faq-area dt p{padding: 10px 0;}
.faq-area dt p span{border: 1px solid #eee;display: inline-block;width: 80px;height: 27px;line-height: 27px;font-size: 14px;color: #666;}
.faq-area dt div{padding: 10px 0 10px 15px;}
.faq-area dt a{display: block;line-height:29px;padding-right: calc(5% + 35px);background: url(../images/sub/faq-area_icon02.png) no-repeat 95% center;font-size:14px;}
.faq-area dt a.on{background: url(../images/sub/faq-area_icon02_on.png) no-repeat 95% center;}
.faq-area dd{display: none;background: #fbfbfb;}
.faq-area dd span{font-size: 30px;color: #333;}

/*.faq-area dd span:before {content:url(../images/sub/faq-area_icon03.png); padding:0 50px;}
.faq-area dd p{color: #666;padding: 10px 10px 10px 30px;font-size: 16px;background: url(../images/sub/faq-area_icon03.png) no-repeat 15px 10px;} */
.faq-area .faqText {width:110px; float:left; text-align:center; font-size:30px; color:#333;}
.faq-area .faqTextBox {display:table; padding:10px 0 0 15px;font-size:14px;}
.faq-area .faqTextBox > *{font-size:14px !important;}
.faq-area .faqText span {font-size:25px; color:#666; width:80px; height:40px; margin:10px auto; display:block; background:#eee; line-height:40px; border-radius:10px;}

.qaa-tit{font-size: 22px;color: #333;padding: 15px 0;line-height: 33px;}
.qaa-tit > span{margin-right: 10px;display: inline-block;}

.text-conarea{font-size: 15px;color: #666;line-height: 25px;}
.text-conarea > p{margin-top: 40px; padding:0 80px;} /*20200812*/
.text-conarea > p span{color: #a6886e;font-size: 20px;}

.text-list-con{position: relative; margin-left:80px;}
.text-list-con:after{content: '';position: absolute;z-index: -1;height: 100%;width: 1px;top: 0;left: 10px;background: #dcdcdc;}
.text-list-con dl{position: relative;margin-top: 60px;}
.text-list-con dl:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.text-list-con dl:before{position: absolute;content: '';left: 0;top: 0;width: 19px;height: 19px;background: url(../images/sub/text-list-con_icon01.png) no-repeat center center;}
.text-list-con dt, .text-list-con dd{box-sizing: border-box;width: 50%;float: left;}
.text-list-con dt{padding: 0 50px 0 45px;}
.text-list-con dt .tit{margin-top: -5px;font-size: 20px;color: #333;}
.text-list-con dt .tit span{display: block;margin-top: -5px;font-size: 24px;font-weight: bold;}
.text-list-con dt .en-tit{margin-top: -5px;line-height: 25px;color: #a6886e;font-size: 20px;}
.text-list-con dt div{font-size: 15px;color: #666;margin-top: 25px;line-height: 25px;}

.img-harea{margin-top: 25px;position: relative;overflow: hidden;}
.img-harea a{transition-duration: 0.6s;display: inline-block;border: 1px solid #fff;box-sizing: border-box;position: absolute;width: 70%;}
.img-harea a:first-child{position: relative;}
.img-harea a img{width: 100%;}
.img-harea a:nth-child(3){left: 20%;z-index: 2;}
.img-harea a:nth-child(4){left: 30%;z-index: 3;}
.img-harea a:nth-child(2){left: 10%;z-index: 1;}

.sub-slider2{margin-top: 20px;padding-bottom: 30px;position: relative;}
.sub-slider2 .bx-wrapper, .sub-slider2.bx-viewport{height:auto;text-align: center;}/* 20200713 */
.sub-slider2 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider2 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider2 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider2 .bx-pager a.active{background: #000;}
.sub-slider2 .bx-controls-direction{display: inline-block;position:static;height: 7px;left: calc(50% - 38px);bottom: 2px;}/*20200811*/
.sub-slider2 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;}
.sub-slider2 .bx-controls-direction a.bx-prev{margin-right: 67px;background: url(../images/sub/sub-slider2_icon01.png) no-repeat center center;}
.sub-slider2 .bx-controls-direction a.bx-next{background: url(../images/sub/sub-slider2_icon02.png) no-repeat center center;}
.sub-slider2 .bx-viewport{height:290px;!important;}

/* 20200713 */
.sub-slider2-2{margin-top: 30px;padding-bottom: 30px;position: relative;}/*20200810*/
.sub-slider2-2 .bx-wrapper, .sub-slider2-2.bx-viewport{height:auto;text-align: center;}/* 20200713 */
.sub-slider2-2 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider2-2 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider2-2 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider2-2 .bx-pager a.active{background: #000;}
.sub-slider2-2 .bx-controls-direction{display: inline-block;position: absolute;height: 7px;left: calc(50% - 38px);bottom: 2px;}
.sub-slider2-2 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;}
.sub-slider2-2 .bx-controls-direction a.bx-prev{margin-right: 102px;background: url(../images/sub/sub-slider2_icon01.png) no-repeat center center;}
.sub-slider2-2 .bx-controls-direction a.bx-next{background: url(../images/sub/sub-slider2_icon02.png) no-repeat center center;}
.sub-slider2-2 .bx-viewport{height:290px;!important;}
/* //20200713 */
/* 20200716 */
/* .sub-slider4{margin-top: 20px;padding-bottom: 30px;position: relative;}
.sub-slider4 .bx-wrapper, .sub-slider2-2.bx-viewport{height:auto;text-align: center;}20200713
.sub-slider4 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider4 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider4 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider4 .bx-pager a.active{background: #000;}
.sub-slider4 .bx-controls{display: inline-block;position: relative;padding:0 50px;margin-top: 20px;}
.sub-slider4 .bx-controls-direction{display: inline-block;position:static;height: 7px;left: calc(50% - 38px);bottom: 2px;}
.sub-slider4 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;position: absolute;top:50%;margin-top:-3.5px;}
.sub-slider4 .bx-controls-direction a.bx-prev{margin-right: 102px;background: url(../images/sub/sub-slider2_icon01.png) no-repeat center center;}
.sub-slider4 .bx-controls-direction a.bx-next{background: url(../images/sub/sub-slider2_icon02.png) no-repeat center center;}
.sub-slider4 .bx-viewport{height:290px;!important;} */
/* 20200814 */
.sub-slider4{margin-top: 30px;padding-bottom: 30px;position: relative;}
.sub-slider4 .bx-wrapper, .sub-slider4.bx-viewport{height:auto;text-align: center;}
.sub-slider4 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider4 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider4 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider4 .bx-pager a.active{background: #000;}
.sub-slider4 .bx-controls-direction{display: inline-block;position: absolute;height: 7px;left: calc(50% - 38px);bottom: 2px;}
.sub-slider4 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;}
.sub-slider4 .bx-controls-direction a.bx-prev{margin-right: 102px;background: url(../images/sub/sub-slider2_icon01.png) no-repeat center center;}
.sub-slider4 .bx-controls-direction a.bx-next{background: url(../images/sub/sub-slider2_icon02.png) no-repeat center center;}
.sub-slider4 .bx-viewport{height:290px;!important;}
/* //20200716 */
/* 20200811 */
.sub-slider5{margin-top: 20px;padding-bottom: 30px;position: relative;max-width: 423px;width:100%;}
.sub-slider5 .bx-wrapper, .sub-slider2-2.bx-viewport{height:auto;text-align: center;}/* 20200713 */
.sub-slider5 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider5 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider5 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider5 .bx-pager a.active{background: #000;}
.sub-slider5 .bx-controls-direction{display: inline-block;position: absolute;height: 7px;left: calc(50% - 53px);bottom: 2px;}
.sub-slider5 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;}
.sub-slider5 .bx-controls-direction a.bx-prev{margin-right: 102px;background: url(http://hua.t-project.co.kr/design/theme/urban/images/sub/sub-slider2_icon01.png) no-repeat center center;}
.sub-slider5 .bx-controls-direction a.bx-next{background: url(http://hua.t-project.co.kr/design/theme/urban/images/sub/sub-slider2_icon02.png) no-repeat center center;}
.sub-slider5 .bx-viewport{height:290px;!important;}
/* //20200811 */

.addlist-text p{margin-top: 25px;font-size: 24px;color: #333;font-weight: bold;}
.addlist-text p.style2{font-size: 18px;}
.addlist-text > ul{margin-top: 10px;}
.addlist-text > ul > li{font-size: 16px;color: #333;position: relative;padding-left: 15px;}
.addlist-text > ul > li.noline{padding: 0;}
.addlist-text > ul > li.noline:after{display: none;}
.addlist-text > ul > li:after{position: absolute;content: '';width: 7px;height: 2px;background: #333;left: 0;top: 10px;}
.addlist-text > ul > li > ul{color: #666;}
.addlist-text .fc-red{color: #f00;}

.img-area{text-align: center;margin-top: 20px;}
.img-area div {margin:0 auto;}
.sub-tab li a{height: auto;}

.dont-icon{margin: 30px 0 20px;background: #eeefef;text-align: center;padding: 10px;}
.dont-icon li{display: inline-block;margin: 10px 30px;}
.dont-icon li p{margin-top: 20px;font-size: 17px;color: #333;font-weight: bold;}
.dont-icon li p span{color: #d0111b;font-weight: bold;}

/* .img-alt-con > p{float: left;width: 40%;max-width: 341px;}
.img-alt-con > .addlist-text{padding-left: 30px;float: left;width: calc(60% - 30px);}
.img-alt-con > .addlist-text p:first-child{margin-top: 0;} */

.down-btn{min-width: 160px;margin: 3px;height: 42px;padding: 0 17px;text-align: center;line-height: 42px;}
.down-btn span{display: inline-block;padding-right: 27px;font-size: 15px;}
.down-btn.bgy{background: #fff3a6;}
.down-btn.bgy span{background: url(../images/sub/down-btn_icon1.png) no-repeat right center;color: #49443f;}
.down-btn.bgg{background: #a8a4a3;}
.down-btn.bgg span{background: url(../images/sub/down-btn_icon2.png) no-repeat right center;color: #fff;}

.tnstj-list{margin-top: 50px;text-align: center;}
.tnstj-list ul{display: inline-block;}
.tnstj-list li{position: relative;width: 130px;display: inline-block;float: left;margin: 0 15px 10px;}
.tnstj-list li:after{position: absolute;content: '';width: 10px;height: 19px;background: url(../images/sub/tnstj-list_icon.png) no-repeat center center;top: 25px;right: -15px;}
.tnstj-list li:last-child:after{display: none;}
.tnstj-list li span{margin-top: 20px;display: block;height: 55px;font-size: 15px;color: #333;}
.tnstj-list li p{letter-spacing: -1px;font-size: 15px;color: #666;height: 120px;}

/* .sub-slider3{position: relative;}
.sub-slider3 .bx-pager{position: absolute;top: 15px;right: 15px;}
.sub-slider3 .bx-pager div{margin: 0 6px;height: 8px;display: inline-block;}
.sub-slider3 .bx-pager a{text-indent: -999em;display: inline-block;width: 8px;height: 8px;border-radius: 4px;background: #aaa6a9;}
.sub-slider3 .bx-pager a.active{background: #000;} */
/* 20200717 */
.sub-slider3{margin-top: 20px;padding-bottom: 30px;position: relative;}
.sub-slider3 .bx-wrapper, .sub-slider2-2.bx-viewport{height:auto;text-align: center;}/* 20200713 */
.sub-slider3 .bx-pager{position: absolute;display: inline-block;height: 10px;bottom: 0;left: calc(50% - 18px);}
.sub-slider3 .bx-pager-item{height: 10px;margin: 0 4px;display: inline-block;}
.sub-slider3 .bx-pager a{display: inline-block;text-indent: -999em;width: 8px;border: 1px solid #000;border-radius: 5px;height: 8px;}
.sub-slider3 .bx-pager a.active{background: #000;}
.sub-slider3 .bx-controls-direction{display: inline-block;position: absolute;height: 7px;left: calc(50% - 38px);bottom: 2px;}
.sub-slider3 .bx-controls-direction a{display: inline-block;text-indent: -999em;width: 5px;height: 7px;}
.sub-slider3 .bx-controls-direction a.bx-prev{margin-right: 85px;background: url(http://hua.t-project.co.kr/design/theme/urban/images/sub/sub-slider2_icon01.png) no-repeat center center;}
.sub-slider3 .bx-controls-direction a.bx-next{background: url(http://hua.t-project.co.kr/design/theme/urban/images/sub/sub-slider2_icon02.png) no-repeat center center;}
.sub-slider3 .bx-viewport{height:290px;!important;}
/* //20200717 */

.adlt-table{border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.adlt-table th, .adlt-table td{padding: 15px 20px;text-align: left;font-size: 15px;color: #666;vertical-align: middle;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.adlt-table th{text-align: center;background: #fffbe4;font-size: 16px;color: #333;}

.map-area{margin-bottom: 40px;}
.map-area > p{text-align: center;}
.map-area > p img{max-width: 100%;}
.map-area div{margin-top: 30px;}
.map-area div a{display: inline-block;height: 33px;width: 28px;text-align: center;line-height: 33px;border: 1px solid #333;font-size: 15px;border-radius: 5px;color: #333;margin-right: 10px;}
.map-area div a.on{background: #a59c91;color: #fff;}
.map-area span{display: inline-block;font-size: 15px;color: #666;}

.map-text-con .mtc-sub{background: #eeefef;padding: 0 60px;}
.map-text-con .mtc-sub dl{border-top: 1px solid #d2d3d3;padding: 30px 0 35px;}
.map-text-con .mtc-sub dl:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.map-text-con .mtc-sub.noline dl{border: 0;}
.map-text-con .mtc-sub dt{float: left;width: 50%;}
.map-text-con .mtc-sub dd{float: left;padding-left: 20px;width: calc(50% - 20px);text-align: center;}
.map-text-con .mtc-sub dt .num{display: block;font-size: 45px;color: #d0111b;line-height: 45px;font-weight: bold;}
.map-text-con .mtc-sub dt .tit{margin-top: 10px;display: block;font-size: 20px;color: #333;font-weight: bold;line-height: 25px;}
.map-text-con .mtc-sub dt .text{font-size: 15px;color: #666;margin-top: 15px;}

.search-mainimg{text-align: center;margin-top: 200px;}
.addlist-text > ul.btn-list > li{padding-left: 0;}
.addlist-text > ul.btn-list > li > span{display: inline-block;width: 220px;}
.addlist-text > ul.btn-list > li:after{display: none;}
.gallery-info .num{float: left;font-size: 14px;color: #666;}
.gallery-info p{float: right;color: #666;font-size: 15px;}
.gallery-info p span{color: #333;font-weight: bold;}
/* .gallery-list.style2 li{width: 50%;} */

.gallery-list.style2 li .txt-box h5.tit{max-width: 265px;}

.search-box{padding: 30px 15px;text-align: center;background: #fbfbfb;border: 1px solid #e5e5e5;}
.search-box div{display: inline-block;}
.search-box div span{margin-top: 2px;margin-right: 10px;line-height: 16px;float: left;font-size: 15px;color: #333;height:33px;line-height:33px;}
.search-box div span br{display:none;}
.search-box p{float: left;}
.search-box input{float: left;color: #666;width: 290px;background: #fff;height: 35px;padding: 0 15px;border: 1px solid #e5e5e5;}
.search-box a{float: left;width: 80px;margin-left: 10px;height: 33px;border: 1px solid #e5e5e5;background: #fff;color: #666;font-size: 15px;line-height: 33px;text-align: center;}
.search-box a.blue{color: #fff;border: 1px solid #606f82;background: #606f82;}

@media screen and (max-width: 1600px){
	#sub-container > .left-box .box{bottom: 50px;padding: 0 20px 0 80px;width: calc(100% - 100px);}
	#sub-container > .left-box .box > h3{font-size: 50px;}
	#sub-container > .left-box .box > p{font-size: 30px;}
	#sub-container > .right-box .sub-text{padding-left:7px; color:#333;}
}
@media screen and (max-width: 1550px){

	
	
	.view-con-style2 .two-vcs-tl > div{width: 100%;}
	.view-con-style2 > p{text-align: center;width: 100%;margin-right: 0;}
	.view-con-style2 > div{width: 100%;margin-top: 40px;}
	
	.text-list-con dt, .text-list-con dd{width: 100%;}
	.text-list-con dt{padding: 0 0 0 45px;}
	.text-list-con dd{padding: 20px 0 0 45px;}
	
	.map-text-con dt{width: 100%;}
	.map-text-con dd{padding-left: 0;width: 100%;margin-top: 20px;}
}

	@media screen and (max-width: 1024px){
	body .sub-container{overflow-y:auto !important;}
	body.hidden{overflow-y:hidden !important;}
	body{overflow: auto;}
	#sub-container{overflow: auto;padding:90px 20px 30px 20px;}
	#sub-container > *{float:none;width:100% !important;height:auto;}
	#sub-container > .left-box{background:none !important;opacity:1;animation:none;-webkit-animation:none;padding: 0;border-bottom:1px solid #e7e7e7;}
	#sub-container > .left-box .box{position:static;animation:none;-webkit-animation:none;padding:0 !important;width:100%;}
	#sub-container > .left-box .box > *{display: inline-block !important;}
	#sub-container > .left-box .box > h3{font-size:36px !important;color:#333333 !important;}/*2020-07-30*/
	#sub-container > .left-box .box > p{font-size:28px !important;color:#666666 !important;}/*2020-07-30*/
	#sub-container > .right-box{margin-top:30px;padding:0;height:auto;opacity:1;animation:none;-webkit-animation:none;}
	#sub-container > .right-box .sub-tit{border-bottom:1px solid #e7e7e7;padding-bottom:15px;}
	#sub-container > .right-box .sub-tit h3.tit{color:#333333 !important;font-weight:600; display:inline-block;}
	#sub-container > .right-box .sub-text{padding-left:7px; color:#333;}
	#sub-container > .right-box .sub-tit .location *{color:#333333 !important;}
	#sub-container > .right-box .sub-tit .printing{margin-top:0;}
	
	.sub_slider .banner-pic li a img{width: 100%;}
	/* .search-list dt{text-align: left;width: 160px;}
	.search-list dd{width: calc(100% - 200px);padding: 15px 10px 0 30px;}
	.search-list dd p{text-align: left;height: 150px;overflow: inherit;white-space: inherit;} */
	
	.view-con-style2 > p{margin-right: 22px;width: 288px;}
	.view-con-style2 > div{margin-top: 10px;width: calc(100% - 310px);}
	.view-con-style2 .two-vcs-tl > div{width: 50%;}
	
	.login-box{margin-top: 100px;}
	
	/* 20200730 */
	.map-tab{display:none; !important;position: fixed;right: 20px;top: 100px;background: rgba(0,0,0,0.7);width: 78px;border: 1px solid #514947;}
	.map-tab a{display: block;padding: 0 0 0 18px;font-size: 15px;color: #333;height: 48px;line-height: 48px;}
	.map-tab > a{text-align: center;padding: 0;}
	.map-tab p > a{background: #fff;border-bottom: 1px solid #514947;}
	.map-tab p > a.on{background: #9a9a9a;color: #fff;}
	.map-tab p > a:first-child{border-top: 1px solid #514947;}
	.map-text-con{padding: 0 20px;}
	
	.text-list-con dt div{margin-right:80px;} /*20200812*/
	}
	
	@media screen and (max-width: 768px){
	#sub-container > .left-box .box{position:static;animation:none;-webkit-animation:none;padding:10px;}
	#sub-container > .left-box .box > *{display: inline-block;color:#fff !important;}
	#sub-container > .left-box .box > h3{font-size:25px !important;}/*2020-07-30*/
	#sub-container > .left-box .box > p{font-size:15px !important;}/*2020-07-30*/
	#sub-container > .right-box .sub-tit .printing{margin-top:10px;}
	#sub-container > .right-box .sub-tit h3.tit{font-size:20px;color:#000;font-weight:600; display:inline-block;}
	#sub-container > .right-box .sub-text{padding-left:7px; color:#333; font-size:13px;}
	
	.text-conarea > p{padding:0;} /*20200812*/
	.text-list-con{margin-left:0px;} /*20200812*/
	.text-list-con dt div{margin-right:0;} /*20200812*/
	
	.popup-header *{color:#fff;font-size:18px;}
	.popup-header > i.popup-logo{width:80px;}
	.popup-bottom > a{padding:15px 0;font-size:16px;}
	.popup-txt h3.terms-tit2{font-size:18px;}
	.popup-txt h3.terms-tit2 span.red-font{font-size:18px;}
	.popup-txt .terms-top > ul{max-width:265px;width:100%;margin:0 auto;}
	.popup-txt .terms-top li{margin:0 15px;margin-bottom: 40px;}
	.popup-txt .terms-top li + li:before{left:-40px;}
	.popup-txt .terms-top li.step-3:before{display:none;}
	
	.popup-txt .table-style2 input{width:70% !important;}
	.popup-txt .table-style2 input + input{margin-top:5px;}
	.popup-txt .table-style2 td.mail select{width:80%;margin-left:0;}
	
	.sub-view-text{padding: 15px;}
	.sub-view-text p{margin-top: 15px;}
	
	.search-pobup .num{text-align: left;}
	.search-list dl{float: left;margin-top: 20px;width: 100%; height:250px;}
	/* .search-list dl{padding: 0 10px;width: calc(50% - 20px);}
	.search-list dt{text-align: center;width: 100%;}
	.search-list dd{width: 100%;padding: 20px 0 0;}
	.search-list dd p{text-align: center;height: 40px;overflow: hidden;white-space: nowrap;} */
	
	.data-tab > li{float: left;width: calc(100% / 6);height: 66px;position: relative;}
	.view-con-style2 .two-vcs-tl > div{width: 100%;}
	.view-con-style2 > p{text-align: center;width: 100%;margin-right: 0;}
	.view-con-style2 > div{width: 100%;margin-top: 40px;}
	
	.join-tab ul li:after{display: none;}
		
	.img-alt-con > p{width: 100%;max-width: 100%;}
	.img-alt-con > .addlist-text{width: 100%;padding-left: 0;}
	.img-alt-con > .addlist-text p:first-child{margin-top: 30px;}
	
	.map-text-con .mtc-sub dd{width:100%;padding-left:0;}
	.sub-view-info .img{margin:0 auto;float:none;}
	.sub-view-info .text{width:calc(100% - 50px);}
	
	.search-box{padding: 15px;}
	.search-box div span br{display: none;}
	.search-box div p{margin-top: 10px;width: 100%;}
	.search-box div input{width: calc(100% - 184px);}
	
	.gallery-list li{width:calc(100% / 3 - 30px);}/* 20200713 */
	
	.img-list-table thead tr > th:nth-child(1){display:none}/*2020-07-30*/
	.img-list-table tbody tr > td:nth-child(1){display:none}/*2020-07-30*/

}

@media screen and (max-width: 700px){
	.sub-view-info .img{text-align: center;width: calc(100% - 40px);padding: 40px 20px 0;}
	.sub-view-info .img:before{display: none;}
	.sub-view-info .text{width: calc(100% - 40px);padding: 50px 20px 0;}
	#sub-container > .right-box .sub-tit .printing{margin-top:40px;}

}
@media screen and (max-width: 550px){
	.tnstj-list li{margin: 0 10px 15px;width: calc(50% - 20px);}
	.tnstj-list li:after{display: none;}
}

@media screen and (max-width: 500px){
	.popup-header > i.popup-logo{width:60px;}
	.popup-header *{font-size:12px;}
	.popup-header > .close-btn{width:18px;}
	.popup-bottom > a{padding:10px 0;font-size:12px;}
	.popup-txt .terms-top li + li:before{top:30px}
	.popup-txt .terms-top li > p.txt{width:62px;height:62px;}
	.popup-txt .terms-top li i{margin-top:0;}
	.popup-txt .terms-top li i img{height:30px;}
	.popup-txt .terms-top li p.tit{font-size:12px;}
	.popup-txt .calendar-top{padding:10px 0}
	.popup-txt .calendar-top > div > p{font-size:16px;}
	.popup-txt .calendar-top > div > a img{height:15px;}
	.popup-txt .calendar-top > dl{margin-top:5px;}
	.popup-txt .calendar-top > dl > dt{font-size:14px;}
	.popup-txt .day-box{padding:10px 0;}
	.popup-txt .day-box ul li{padding:5px 0;height:20px;}
	.popup-txt .day-box ul li span{width:20px;padding:0;font-size:12px;}
	.popup-txt .day-box ul li span.dot:before{display:block;content: "";width:3px;height:3px;position:absolute;left:50%;bottom:-2px;margin-left:-1.5px;background:#e0e0e0;border-radius:5px;}
	.popup-txt .calendar-txt h5{font-size:13px;margin-right:5px;}
	.popup-txt .calendar-txt h5.tit:before{margin-right:3px;}
	.popup-txt .calendar-txt h5.yellow:before{width:15px;height:15px;margin-right:3px;}
	.popup-txt .calendar-txt h5.purple:before{width:15px;height:15px;margin-right:3px;}
	.popup-bottom p.txt{font-size:14px;}
	.popup-bottom p.txt span{font-size:14px;}
	
	.sub-border-text .sub-border-box > dl{width:calc(100% - 1px);border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
	.data-line{float: none;}
	.search-area.style3 p{max-width: 100%;}
	.table-title p{width: 100%;}
	.table-title a{float: left;margin-top: 10px;}
	.faq-area > div > span, .faq-area dt p, .faq-area dd span{width: 80px;}
	.dont-icon li{margin: 10px 20px;}
	.search-box div input{width: 100%;margin-bottom: 10px;}
	.search-box a{margin: 0 10px 0 0;}
	.gallery-list li{width:calc(100% / 2 - 30px);}/* 20200713 */
	.faq-area .faqText{width:82px;}
	

	
	
}

@media screen and (max-width: 425px){
	.search-textlist .tit a{max-width: 100%;}
	.search-textlist .tit .data{position: static;width: 100%;text-align: left;}
	
	.ilist-con ul > li:after{display: none;}

	.sub_pagetab{display:table;width:100%;}/*2020-07-30*/
	.sub_pagetab li{display:table-cell;}/*2020-07-30*/
}

/* 2020-08-26 */
.like-table{margin-top: 20px;border: 1px solid #eee;border-bottom: 0;}
.like-table dl{border-bottom: 1px solid #eee;display: table;width: 100%;}
.like-table dl > *{display: table-cell;vertical-align: middle;}
.like-table dl > dt{border-right: 1px solid #eee;width: 10%;background: #fbfbfb;text-align: center;}
.like-table dd.text > div{line-height: 27px;padding: 5px 10px;}
.like-table dd.text > div.all-text{line-height: 20px;padding-right: 100px;position: relative;}
.like-table dd.text > div.all-text > a{color: #000cb1;}
.like-table dd.text > div.all-text > span.info-box{position: absolute;right: 10px;top: calc(50% - 14px);}
.like-table dd.text > div > p{float: right;}
.like-table dd.text > div > a{float: left;display: inline-block;font-weight: bold;}
.like-table dd.text span.info-box{display: inline-block;width: 79px;height: 27px;line-height: 27px;text-align: center;border: 1px solid #eee;}
.like-table dd.text span.info-box.grey{background: #eee;}
.like-table dd.text span.info-box.red{border: 1px solid #ff0000;color: #ff0000;}
.like-table dd.text > div > span{float: left;display: inline-block;}
.like-table dd.text > div > span:first-child{margin-right: 20px;}
.like-table dd.text > div > span b{display: inline-block;margin-right: 5px;}
.like-table dd.text > div > p > span{text-align: right;display: inline-block;min-width: 100px;float: left;}
.like-table dd.text > div > p > span + span{margin-left: 10px;}
.like-table dd.text > div:after, .like-table dd.text > div > p:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.media-show{display: none !important;}
.fc-red{color: #f00 !important;}

@media screen and (max-width: 768px){
	.media-hide{display: none !important;}
	.media-show{display: block !important;}
}
@media screen and (max-width: 500px){
	.like-table dd.text > div.all-text{padding-right: 10px;}
	.like-table dd.text > div.all-text > a{display: block;width: 100%;}
	.like-table dd.text > div.all-text > span.info-box{margin-top: 5px;position: static;}
}



/* 20220517 추가 */
.btn_more{text-align:center;margin-top:5%;}
.btn_top{position:fixed;right:30px;bottom:30px;width:50px;height:50px;border-radius:50px;background:#333;color:#fff;text-align:center;line-height:50px;}
.main-container .btn_top{display:none;}


/* 221221 */
.list_gallery02 > ul{margin-left:-2%;}
.list_gallery02 > ul > li{float:left;width:23%;margin:0 0 2% 2%;}
.list_gallery02 > ul > li a{display:block;border:1px solid #ddd;}
@media screen and (max-width: 768px){
    .list_gallery02 > ul > li{width:48%}
}