@charset "utf-8";
.info_title {font-size: 20px;}
.login-wrap{margin-top:8rem;position:relative; display: flex; justify-content: center;}
.login-wrap .login_box {width: calc(50% - 80px); padding: 25px; border: 1px solid #ccc; border-radius: 5px;}
.login-wrap .login_box.suwon_login {}
.login-wrap .login_box.suwon_login .login_info {}
.login-wrap .login_box.suwon_login .login_info .title {position: relative; margin-left: 35px; display: inline-block;}
.login-wrap .login_box.suwon_login .login_info .title::before {content: ''; position: absolute; width: 35px; height: 50px; top: -8px; left: -50px; background: url(../images/suwon_logo.jpg) no-repeat;}
.login-wrap .login_box.suwon_login .login_info .desc {margin: 5rem 0 5rem; line-height: 2;}
.login-wrap .login_box.suwon_login .link_area {display: flex; justify-content: center;}
.login-wrap .login_box.suwon_login .link_area .login_page {display: flex; justify-content: center; align-items: center; width: 100%; padding: 15px 20px; font-size: 1.6rem; color: #fff; background: #0e57d0; height: 100%; border-radius: 5px;}
.login-wrap .left-area {}
.login-wrap .left-area .input_wrap {}
.login-wrap .left-area .input_wrap .enter {display: flex; justify-content: space-between;}
.login-wrap .left-area .input-area {display:inline-block;vertical-align:bottom}
.login-wrap .left-area .input-area li {display: flex; align-items: center; position:relative;font-size:1.6rem; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; padding-left: 15px;}
.login-wrap .left-area .input-area li:last-child {margin-bottom: 0;}
.login-wrap .left-area .input-area li label{font-size:1.6rem;font-weight:bold; min-width: 70px;}
.login-wrap .left-area .input-area li input{width:calc(100% - 12rem);font-size:1.6rem;border:none;padding:1.5rem 12rem 1.5rem 2rem;height:auto;}
.login-wrap .left-area .btn-area{width:12rem; display:inline-block;}
.login-wrap .left-area .btn-area .btn-login {display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: #fff; width: 100%; background: #f34689; height: 100%; border-radius: 5px;}
.login-wrap .left-area .memory-id{margin-top:2rem}
.login-wrap .right-area{background:#fbfbfb;width:30rem;margin-left:8rem;font-size:1.5rem;float:left;text-align:center;padding:3.8rem 10rem;}
.login-wrap .right-area p{font-size:1.8rem;font-weight:bold;margin-bottom:1.5rem;}
.login-wrap .right-area .btn-join{margin-top:2.5rem;font-size:1.6rem;display:block;padding:1.5rem 0;background:#fff;border:1px solid #ccc;}
.login_info {text-align: center;}
.login_info .title {display: block; font-size: 25px; margin-bottom: 20px;}
.login_info .desc {}
/*¼ÒÀåÇ°*/
.slide_wrap{display:flex; align-items:center; height:100%; padding:0 60px; justify-centent:center; width:1600px; margin:0 auto;}
.slide_wrap .img_cove{flex:1;}
.slide_wrap .img_cove table{margin:0;}
.slide_wrap .img_cove table th, .slide_wrap .img_cove table td{color:#fff;}
.slide_wrap .view_img{margin:0 20px; width:100%; flex:1;}
.slide_wrap .desc{flex:1; color:#fff; line-height:1.8em;}
.search-id-wrap{margin:8rem auto 0;overflow:hidden;text-align:center;}
.search-id-wrap .radio-group{width:58rem;margin:auto;}
.search-id-wrap hr{width:58rem;margin-left:auto;margin-right:auto;}
.search-id-wrap .radio-group .radio:nth-child(1):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_01.png');background-size:cover;width:6rem;height:6rem;}
.search-id-wrap .radio-group .radio:nth-child(2):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_02.png');background-size:cover;width:6rem;height:6rem;}
.search-id-wrap .radio-group.group2 .radio:nth-child(1):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_03.png');background-size:cover;width:6rem;height:6rem;}
.search-id-wrap .radio-group.group2 .radio:nth-child(2):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_04.png');background-size:cover;width:6rem;height:6rem;}
.search-id-wrap .radio-group.group2{margin-bottom:4rem}
.search-id-wrap .radio-group .radio:not(:first-child),.search-id-wrap .radio-group2 .radio:not(:first-child){margin-left:7rem}
.search-id-wrap p.tit{font-size:1.5rem;margin-bottom:1.5rem;font-weight:bold}

.search-id-wrap .id-input{width:45rem;background:#fbfbfb;padding:1rem;margin:4rem auto;position:relative;}
.search-id-wrap .id-input>input{width:32rem;}
.search-id-wrap .id-input>.ps-r{width:32rem;margin:auto}

.join_btn_wrap{margin-top:3.5rem}
.join_btn_wrap ul li{width:29rem;display:inline-block;}
.join_btn_wrap ul li:nth-child(2){margin-left:5rem;}
.join_btn_wrap ul li:nth-child(2) .icon{background:/*#7dbf14*/#65a203;}
.join_btn_wrap ul li .icon{text-align:center;color:#fff;font-size:2rem;font-weight:500;background:#1a95ce;padding:2.5rem 0rem 2.5rem 6rem;}
.join_btn_wrap ul li .icon:before{content:'';width:6rem;position:absolute;margin-left:-10rem;margin-top:-.5rem;display:inline-block;height:6rem;background:url('../images/icon_01.png');background-size:cover;}
.join_btn_wrap ul li:nth-child(2) .icon:before{content:'';width:6rem;position:absolute;margin-left:-10rem;margin-top:-.5rem;display:inline-block;height:6rem;background:url('../images/icon_02.png');background-size:cover;}
.join_btn_wrap ul li .icon .sml{font-size:1.5rem;font-weight:200}
.join_btn_wrap ul li .cont{margin-top:2rem;font-size:1.5rem;font-weight:200}
.join_btn_wrap ul li .btn{margin-top:1.5rem;width:auto;padding-left:3.5rem;padding-right:3.5rem}

.search-form-wrap{margin-top:5rem;text-align:center;}
.search-form-wrap .select-wrap{display:inline-block;}
.search-form-wrap .input-wrap{display:inline-block;margin-left:1.5rem;width:45rem;position: relative;}
.search-form-wrap .input-wrap input{font-size:2rem;margin-top:1rem;margin-bottom:3.5rem;padding:1.5rem;}
.search-form-wrap .input-wrap .btn-input-search{margin-top:3rem}

.search-result{margin-top:5rem;}
.search-result .result{font-size:2.5rem;color:#000;padding:3rem 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.search-result .result.no-list{text-align:center;font-size:1.5rem;font-weight:500;color:#979797;border:none;}
.search-result .result-detail{font-size:1.5rem;background:#fbfbfb;padding:2rem 0;margin-top:1rem}
.search-result .result-detail ul{text-align:left;width:97rem;margin:auto;}
.search-result .result-detail ul li{display:inline-block;width:19rem;padding:1rem 0}
.search-result .result-detail ul li:before{content:'';width:.4rem;height:.4rem;background:#f34689;position:absolute;margin-top:.7rem;margin-left:-1rem;border-radius:50%;}

.search-list{margin-top:6rem;}
.search-list .tit{font-size:2.5rem;font-weight:500}
.search-list ul{margin-top:2rem;border-top:1px solid #000;}
.search-list ul li{font-size:1.5rem;font-weight:200;padding:3rem;border-bottom:1px solid #d9d9d9;}
.search-list ul li p{font-size:1.6rem;font-weight:500;margin-bottom:1.5rem}
.search-list ul li .limit-line{height:4rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.search-list ul li .limit-line.type{height:2rem;-webkit-line-clamp:1;}
.search-list ul li .limit-line .keyword{color:#fff;background:#f34689}
.search-list .more{text-align:center;margin-top:5rem}
@media only screen and (max-width: 720px){    
    .search-form-wrap{margin-top:3rem;text-align:center;}
    .search-form-wrap .select-wrap{display:block;}
    .search-form-wrap .select-wrap select.sub-select{font-size:1.9rem;padding-top:1.2rem;padding-bottom:1.2rem;width:100%;margin-bottom:0}
    .search-form-wrap .input-wrap{display:block;margin-left:0;width:100%;}
    .search-form-wrap .input-wrap input{font-size:1.9rem;margin-top:1rem;margin-bottom:0;padding:1.2rem 2rem;}
    .search-form-wrap .input-wrap .btn-input-search{margin-top:2.8rem}

    .search-result{margin-top:2.5rem;}
    .search-result .result{font-size:1.4rem;color:#000;padding:1.2rem 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
    .search-result .result-detail{font-size:1.5rem;background:#fbfbfb;padding:1rem 0 1rem 1.5rem;margin-top:1rem}
    .search-result .result-detail ul{text-align:left;width:100%;margin:auto;}
    .search-result .result-detail ul li{display:inline-block;width:32%;padding:1rem 0;font-size:1.1rem;}
    .search-result .result-detail ul li:before{content:'';width:.4rem;height:.4rem;background:#f34689;position:absolute;margin-top:.7rem;margin-left:-.5rem;border-radius:50%;}

    .search-list{margin-top:2.3rem;}
    .search-list .tit{font-size:1.4rem;font-weight:500}
    .search-list ul{margin-top:1rem;border-top:1px solid #000;}
    .search-list ul li{font-size:1.25rem;font-weight:200;padding:1.4rem;border-bottom:1px solid #d9d9d9;}
    .search-list ul li p{font-size:1.25rem;font-weight:500;margin-bottom:1rem}
    .search-list ul li .limit-line{height:5.5rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;}
    .search-list ul li .limit-line.type{height:3.5rem;-webkit-line-clamp:2;}
    .search-list ul li .limit-line .keyword{color:#fff;background:#f34689}
    .search-list .more{text-align:center;margin-top:2.4rem}
}

.divine-2{margin-top:5rem;}
.divine-2 .left-area{width:50%;float:left;}
.divine-2 .left-area .tit.line:not(:first-child){margin-top:5rem}
.divine-2 .left-area .reser{margin-top:5rem;font-size:1.5rem;font-weight:500}
.divine-2 .right-area{width:50%;float:left;}
.divine-2 .right-area .tbl-wrap{margin:3rem 0}
.divine-2 .right-area .tbl-wrap table.hor tr td{color:#000;}
.divine-2 .right-area .tit.line:not(:first-child){margin-top:5rem}
.divine-2 .right-area .reser{margin-top:5rem;font-size:1.5rem;font-weight:500}
.divine-2 .right-area .bul.bili:not(:first-child){margin-top:2rem}
@media only screen and (max-width: 720px){   
    .divine-2{margin-top:5rem;}
    .divine-2 .left-area{width:100%;float:none}
    .divine-2 .left-area .tit.line:not(:first-child){margin-top:2.5rem}
    .divine-2 .left-area .reser{margin-top:2.4rem;font-size:1.25rem;font-weight:500}
    .divine-2 .right-area{width:100%;float:none;margin-top:5rem}
    .divine-2 .right-area .tbl-wrap{margin:3rem 0}
    .divine-2 .right-area .tbl-wrap table.hor tr td{color:#000;}
    .divine-2 .right-area .tit.line:not(:first-child){margin-top:2.5rem}
    .divine-2 .right-area .reser{margin-top:2.4rem;font-size:1.5rem;font-weight:500}
    .divine-2 .right-area .bul.bili:not(:first-child){margin-top:1rem}
}

.step-use{margin-top:3rem;margin-bottom:5rem;}
.step-use li{width:17.5rem;font-weight:200;background:#000;color:#fff;padding-top:4rem;display:inline-block;position:relative;height:6rem;text-align:center;vertical-align:middle}
.step-use li:nth-child(5){padding-top:3rem;height:7rem}
.step-use li:not(:first-child){margin-left:3.4rem}
.step-use li:not(:first-child):before{content:'';display:block;position:absolute;width:1.1rem;height:1.7rem;top:4rem;left:-2.5rem;background:url('../images/btn_icon_33.png') no-repeat;background-size:contain;}
.step-use li .num{font-size:1.5rem;font-weight:700;color:#fff;padding:.4rem .6rem;background:#777777;display:block;position:absolute;top:0;left:0}
@media only screen and (max-width: 720px){ 
    .step-use{margin-top:1.5rem;margin-bottom:2.5rem}
    .step-use li{width:100%;font-size:1.25rem;background:#000;color:#fff;padding-top:1.6rem;padding-bottom:1.6rem;display:inline-block;position:relative;height:auto;text-align:center;vertical-align:middle}
    .step-use li:nth-child(5){padding-top:1.6rem;height:auto}
    .step-use li:not(:first-child){margin-left:0;margin-top:1.5rem;}
    .step-use li:not(:first-child):before{content:'';display:block;position:absolute;width:.6rem;height:1.2rem;transform:rotate(90deg);top:-1.2rem;left:calc(50% - .3rem);background:url('../images/btn_icon_33.png') no-repeat;background-size:contain;}
    .step-use li .num{font-size:.9rem;font-weight:700;color:#fff;padding:.2rem .3rem;background:#777777;display:block;position:absolute;top:0;left:0}
}

.year-sel{font-size:2.5rem;}
.year-sel .pre{width:2.8rem;height:1.7rem;margin-right:1rem;display:inline-block;background:url('../images/btn_icon_34.png') no-repeat;background-size:contain;}
.year-sel .next{width:2.8rem;height:1.7rem;margin-left:1rem;display:inline-block;background:url('../images/btn_icon_35.png') no-repeat;background-size:contain;}
@media only screen and (max-width: 720px){ 
    .year-sel{font-size:1.5rem;}
    .year-sel .pre{width:1.9rem;height:1.1rem;margin-right:1rem;display:inline-block;background:url('../images/btn_icon_34.png') no-repeat;background-size:contain;}
    .year-sel .next{width:1.9rem;height:1.1rem;margin-left:1rem;display:inline-block;background:url('../images/btn_icon_35.png') no-repeat;background-size:contain;}
}

.map-area{margin-top:2.5rem;}
@media only screen and (max-width: 720px){
    .map-area{height:auto;margin-top:2.5rem;}
	.root_daum_roughmap {padding:0 !important;border:none !important;}
}

.subimg-list{position:relative;margin-top:1rem; display: flex; flex-wrap: wrap;}
.subimg-list .img-area{position:relative; box-shadow: rgb(0 0 0 / 16%) 0px 2px 11px;}
.subimg-list .img-area img {width: 100%; height: 220px;}
.subimg-list .img-area > .subbanner-tag{text-align:center;position:absolute;width:100%;bottom:-1.7rem;}
.subimg-list li{width:32%; padding-right: 16px; margin-top:4rem;display:inline-block;vertical-align:top;}
/*
.subimg-list li:nth-child(even){margin-left:4rem}
*/
.subimg-list li .title{margin-top:1.2rem;font-size:2rem;font-weight:normal;color:#000;text-align:center;position:relative;}
.subimg-list li .title .btn-share{position:absolute;top:1rem;right:0;}
.subimg-list li .title a.pop-letter{width:80%; display:block; font-size:19px;}
.subimg-list li .date{margin-top:2rem;font-size:1.4rem;/*color:#c9c9c9;*/color:#666;}
.subimg-list li .name{font-size:1.5rem;color:#999999;margin-top:1.5rem}
.subimg-list li .name .name-tit{color:#000;font-weight:bold;margin-right:1rem;}
.subimg-list.line-3{position:relative;margin-top:1rem;}
.subimg-list.line-3 li{width:38rem;margin-top:4rem;display:inline-block;margin-left:4.6rem;vertical-align:top;}
.subimg-list.line-3 li:nth-child(3n+1){margin-left:0}
.subimg-list.line-3.right-type{margin-bottom:10rem}
.subimg-list.line-3.right-type li{width:29rem;margin-left:3.6rem}
.subimg-list.line-3.right-type li:nth-child(3n+1){margin-left:0}
.subimg-list.line-3.right-type li .cate{margin-top:3rem}
.subimg-list.line-4{position:relative;margin-top:1rem;}
.subimg-list.line-4 li{width:28rem;margin-top:4rem;display:inline-block;vertical-align:top;}
.subimg-list.line-4 li:nth-child(4n+1){margin-left:0}
.subimg-list.line-4 li .cate{margin-top:3rem}

.subimg-list.line-5 {}
.subimg-list.line-5 li:nth-child(3n) {padding-right: 0;}
@media only screen and (max-width: 1240px){
	.subimg-list.line-4 li {width: 50%;}
}
@media only screen and (max-width: 720px){
    .subimg-list{position:relative;margin-top:2.5rem;}
    .subimg-list .img-area{position:relative; width: 100% !important;}
    .main-banner .set .list .img-area > .tag{text-align:center;position:absolute;width:100%;bottom:-1.7rem;}
    .subimg-list li{width:100%;margin-top:4rem}
    .subimg-list li:nth-child(even){margin-left:0}
    .subimg-list li .title{margin-top:.7rem;font-size:1.9rem;font-weight:normal;color:#000;}
    .subimg-list li .date{margin-top:1.6rem;font-size:1.25rem;color:#c9c9c9;}
    .subimg-list li .name{font-size:1.5rem;color:#999999;margin-top:1rem}
    .subimg-list li .name .name-tit{color:#000;font-weight:bold;margin-right:1rem;}

    .subimg-list.line-3 li{margin-left:0;width:100%;}    

    .subimg-list.line-3.right-type{margin-bottom:3.5rem}
    .subimg-list.line-3.right-type li{width:100%;margin-left:0;margin-top:2.5rem}
    .subimg-list.line-3.right-type li:nth-child(3n+1){margin-left:0}
    .subimg-list.line-3.right-type li .cate{margin-top:3rem}
    
    .subimg-list.line-4{position:relative;margin-top:1rem;}
    .subimg-list.line-4 li{width:100%;margin-top:2rem;display:block;margin-left:0;}
    .subimg-list.line-4 li:nth-child(4n+1){margin-left:0}
    .subimg-list.line-4 li .cate{margin-top:3rem}
    .subimg-list.line-4 li .img-area img{width:100%}
}

.view-roll{margin-top:3rem;overflow:hidden;position:relative;}
/* .view-roll .btn:nth-child(2){transform:rotate(180deg);} */
.view-roll .share-area{margin:4rem 0;overflow:hidden;}
@media only screen and (max-width: 720px){
    .view-roll{margin-top:3rem;overflow:hidden;}
    /* .view-roll .btn:nth-child(2){transform:rotate(180deg);} */
    .view-roll .share-area{margin:2rem 0;overflow:hidden;}
    /* .view-roll .img-wrap li{overflow:hidden;width:100%;height:22rem;} */
    .view-roll .img-wrap li{overflow:hidden;width:100%;}
    .view-roll .img-wrap li .photo{width:auto;height:100%;}
    .view-roll .btn.board.list{font-size:1.25rem;padding:.7rem 2.5rem}
    .view-roll .btn.board.list:before{width:.7rem;height:.7rem;top:1.3rem}
}

.txt-about{font-size:1.5rem;font-weight:200;padding:5rem;line-height:2}
.txt-program{font-size:1.5rem;font-weight:200;line-height:2;margin:5rem 0 0}
.txt-interview{font-size:1.5rem;font-weight:200;padding:5rem 0;line-height:2}
.txt-interview img{float:left;margin-right:3rem}
@media only screen and (max-width: 720px){
    .txt-about{font-size:1.25rem;font-weight:200;padding:4rem 0;line-height:2}
    .txt-program{font-size:1.25rem;font-weight:200;line-height:2;margin:2.5rem 0 0}
    .txt-interview{font-size:1.25rem;font-weight:200;padding:2.5rem 0;line-height:2}
    .txt-interview .photo{float:left;margin-right:1.5rem;margin-bottom:1.5rem}
}

.gal-area{background:#fbfbfb;padding:8rem 0;text-align:center;margin-top:-10rem;width:100%;min-width: auto;}
.gal-area .gal-tit{font-size:2.8rem;font-weight:bold;}
.gal-area .img-area{margin-top:6.5rem;width:124rem;margin:auto;text-align:left;}
.gal-area .img-area li{width:22.5rem;height:15rem;display:inline-block;margin:2.3rem 0 0 2.3rem }
.gal-area .img-area li:nth-child(5n+1){margin-left:0}
.gal-area .img-area img{height:160px !important; width:225px !important;}
@media only screen and (max-width: 720px){
    .gal-area{background:#fbfbfb;padding:3.5rem 0;text-align:center;margin-top:-8rem}
    .gal-area .gal-tit{font-size:1.5rem;font-weight:bold;margin-bottom:2rem;}
    .gal-area .img-area{margin-top:6.5rem;width:auto;margin:auto;text-align:left;overflow-x:scroll;white-space:nowrap}
    .gal-area .img-area li{width:12rem;height:6.5rem;display:inline-block;margin:0 0 1.5rem 1.5rem;overflow:hidden;}
    .gal-area .img-area li:nth-child(5n+1){margin-left:1.5rem}
    .gal-area .img-area img{max-height:100% !important;}
}

.pro-area{font-family:'HCRDotum';overflow:hidden;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-top:5rem;padding:5rem 0;font-size:1.5rem;font-weight:200;}
.pro-area .pro-tit{font-size:2.5rem;font-weight:bold}
.pro-area .pro-mid{font-size:2rem;font-weight:bold;margin-top:2rem;margin-bottom:2rem}
.pro-area .photo{width:18.4rem;margin-right:3rem;margin-top:3rem;float:left;}
.pro-area .cate{margin-top:0;margin-bottom:0;margin-top:3rem;display:inline-block;}
.pro-area+.btn.board.list{margin-top:5rem;}
@media only screen and (max-width: 720px){
    .pro-area{font-family:'HCRDotum';border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-top:2.5rem;padding:2.5rem 0;font-size:1.25rem;font-weight:200;}
    .pro-area .pro-tit{font-size:1.5rem;font-weight:bold}
    .pro-area .pro-mid{font-size:1.1rem;font-weight:bold;margin-top:3rem;margin-bottom:2rem}
    .pro-area .photo{width:100%;margin-right:3rem;margin-top:3rem;float:left;}
    .pro-area+.btn.board.list{margin-top:2.5rem;}
}

.img-text{position:relative;margin-bottom:4rem}
.img-text .image-area{float:left;margin-right:2rem;}
.img-text .text-area{float:right;background:#fbfbfb;width:62.5rem;padding-top:1.7rem;padding-bottom:2.3rem;}
.img-text .btn-share{position:absolute;right:2rem;top:2rem}
.btn-right-ab{float:right;margin-top:-2rem;}
.line-title{font-size:2.5rem;font-weight:bold;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:2.5rem 0;margin-top:2rem}
.line-title.type{margin-top:-.1rem;padding:3.5rem 0}
@media only screen and (max-width: 720px){
    .img-text{position:relative;margin-bottom:8rem}
    .img-text .image-area{float:none;margin-right:0;}
    .img-text .text-area{float:none;background:#fbfbfb;width:100%;padding-top:1.7rem;padding-bottom:1.7rem;}
    .img-text .btn-share{position:absolute;right:2rem;top:2rem}
    .btn-right-ab{float:none;margin-top:-10rem;width:92%;position:absolute;margin-left:0rem}
    .btn-right-ab .btn.flex{width:100%;}
    .line-title{font-size:1.5rem;font-weight:bold;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:1.2rem 0;margin-top:2rem}
}

.line-txtbox{font-size:1.8rem;color:#000;padding:3rem 1.5rem;font-family:"HCRDotum";font-weight:bold;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
@media only screen and (max-width: 720px){
    .line-txtbox{font-size:1.5rem;color:#000;padding:1.5rem 0;font-family:"HCRDotum";font-weight:bold;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
}

.library-img{margin:3rem 0 5rem 0}
@media only screen and (max-width: 720px){
    .library-img{margin:1.5rem 0 2.5rem 0}
}

.search-line-area{background:#fbfbfb;border-top:1px solid #000;border-bottom:1px solid #dbdbdb;font-size:1.5rem;text-align:center;padding:3rem 0;}
.search-line-area input.search{width:55rem;margin-bottom:3rem;font-size:2rem;padding-left:2.4rem}
.search-line-area input.search+a{margin-top:1.8rem}
.search-line-area input.search2{width:55rem;margin-bottom:3rem;font-size:2rem;padding-left:2.4rem}
.search-line-area input.search2+a{margin-top:1.8rem}
.search-line-area.type{margin-bottom:2rem;}
@media only screen and (max-width: 720px){
    .search-line-area{background:#fbfbfb;border-top:1px solid #000;border-bottom:1px solid #dbdbdb;font-size:1.25rem;text-align:center;padding:1.5rem 1.5rem;}
    .search-line-area input.search{width:100%;margin-bottom:1.5rem;font-size:1.9rem;padding-left:2.4rem}
    .search-line-area input.search+a{margin-top:1.5rem}
    .search-line-area input.search2{width:100%;margin-bottom:1.5rem;font-size:1.9rem;padding-left:2.4rem}
    .search-line-area input.search2+a{margin-top:1.5rem}
    .search-line-area.type{margin-bottom:2rem;margin-top:1rem}
}
.search-result-num{font-size:1.8rem;margin:3rem 0 2rem}
@media only screen and (max-width: 720px){
    .search-result-num{font-size:1.4rem;margin:1.5rem 0 1.5rem}
}

.sub-rightSearch{width:45rem;float:right;margin-top:-8.7rem;position:relative}
.sub-rightSearch .search{font-size:2rem;display:none;}
.sub-rightSearch .search.open{display:inline-block;}
@media only screen and (max-width: 720px){
    .sub-rightSearch{width:100%;float:none;margin-top:.5rem}
    .sub-rightSearch .search{font-size:1.9rem;display:inline-block;}
    .sub-rightSearch+.tbl-wrap{margin-top:2.5rem}
    .sub-rightSearch.type2{margin-top:10rem}
}

.introduce-area{font-size:1.5rem;font-weight:200;color:#000;line-height:1.5}
.introduce-area img{margin-bottom:4rem;margin-right:4rem;float:left;}
.introduce-area.type img{margin-bottom:0;}
.sub-right .pic{margin-bottom:4rem;margin-right:4rem;float:left;}
.introduce-area .bold{font-weight:400}
.introduce-area .sub-tit{font-weight:bold;font-size:2.5rem;margin-bottom:4rem;font-family:"HCRDotum"}
.introduce-area .sub-tit.sml{font-size:2rem;font-weight:bold;margin-bottom:3rem;font-family:"HCRDotum"}
.introduce-mi{font-size:1.5rem;font-weight:200}
.introduce-mi .sub-p{font-size:2rem;font-weight:400;margin-top:3rem;margin-bottom:2rem;}
.introduce-mi .tit.line{margin-bottom:2rem}
.introduce-mi .btn-line2.ci .blk{font-size:1.5rem;color:#fff;background:#000;text-align:center;padding:2rem 0}
.introduce-mi .btn-line2.ci .gray{font-size:1.5rem;color:#fff;background:#918f8f;text-align:center;padding:2rem 0}

.introduce-around{font-size:1.5rem;font-weight:200;}
.introduce-around img{margin-bottom:5rem}

.introduce-use{font-size:1.5rem;font-weight:200}
.introduce-use .desc{margin-bottom:2.5rem;font-size:1.5rem}
.introduce-use .desc.type{margin-bottom:2.5rem;margin-top:2.5rem}
.introduce-use .floor{margin-top:3rem;}
.introduce-use .floor li{width:calc(31% - 2rem);padding-left:2rem;display:inline-block;}
.introduce-use .floor li:nth-child(1){width:35%}
.introduce-use .floor li:before{content:'';width:5.8rem;height:4.4rem;display:block;margin-bottom:2rem;margin-left:-2rem;}
.introduce-use .floor li:nth-child(1):before{background:url('../images/btn_icon_45.png') no-repeat;background-size:contain;}
.introduce-use .floor li:nth-child(2):before{background:url('../images/btn_icon_44.png') no-repeat;background-size:contain;}
.introduce-use .floor li:nth-child(3):before{background:url('../images/btn_icon_46.png') no-repeat;background-size:contain;}

.introduce-build{font-weight:200;font-size:1.5rem}
.introduce-build .desc{margin-top:3rem}
.introduce-build .bul-list.pink-dot{margin-top:3rem}
.introduce-build .floor-detail{margin-top:3rem;}
.introduce-build .floor-detail p{margin-left:3rem;margin-top:1.5rem}
.introduce-build .floor-detail a{margin-left:3rem;margin-top:6rem}
.introduce-build .floor-detail .bul.dash{margin-left:1rem}
.introduce-build .tit-dotline{margin-top:0}
@media only screen and (max-width: 720px){
    .introduce-area{font-size:1.25rem;font-weight:200;color:#000;}
    .introduce-area img{margin-bottom:2.5rem;}
    .introduce-area .bold{font-weight:400}
    .introduce-area .sub-tit{font-weight:bold;font-size:1.75rem;margin-bottom:2.5rem;}    
    .introduce-area .sub-tit.sml{font-size:1.5rem;font-weight:bold;margin-bottom:2rem;}
    .introduce-mi{font-size:1.25rem;}
    .introduce-mi .btn-line2.ci .blk{font-size:1.25rem;color:#fff;background:#000;text-align:center;padding:1.2rem 0}
    .introduce-mi .btn-line2.ci .gray{font-size:1.25rem;color:#fff;background:#918f8f;text-align:center;padding:1.2rem 0}

    .introduce-around{font-size:1.25rem;font-weight:200;}
    .introduce-around img{margin-bottom:2.5rem}    

    .introduce-use .desc{margin-bottom:2.5rem;font-size:1.25rem}
    .introduce-use .desc.type{margin-bottom:1.5rem;margin-top:1.5rem}
    .introduce-use .floor{margin-top:3rem;}
    .introduce-use .floor li{font-size:1.25rem;width:calc(100% - 2rem);padding-left:2rem;display:inline-block;margin-bottom:2.5rem;}
    .introduce-use .floor li:last-child{margin-bottom:0}
    .introduce-use .floor li:nth-child(1){width:calc(100% - 2rem)}
    .introduce-use .floor li:before{content:'';width:4rem;height:3.5rem;display:block;margin-bottom:1rem;margin-left:-2rem;}
    .introduce-use .floor li:nth-child(1):before{background:url('../images/btn_icon_45.png') no-repeat;background-size:contain;}
    .introduce-use .floor li:nth-child(2):before{background:url('../images/btn_icon_44.png') no-repeat;background-size:contain;}
    .introduce-use .floor li:nth-child(3):before{background:url('../images/btn_icon_46.png') no-repeat;background-size:contain;}

    .introduce-build{font-weight:200;font-size:1.2rem}
    .introduce-build .desc{margin-top:1.5rem}
    .introduce-build .bul-list.pink-dot{margin-top:1.5rem}
    .introduce-build .floor-detail{margin-top:1.5rem;}
    .introduce-build .floor-detail p{margin-left:0rem;margin-top:1.5rem}
    .introduce-build .floor-detail a{margin-left:0rem;margin-top:1.5rem;margin-bottom:3rem}
    .introduce-build .floor-detail .bul.dash{margin-left:1rem}
}

.press-wrap{font-family:'NotoSans'}
.press-wrap .logo-area{padding:2.5rem 0;background:#42515a;text-align:center;}
.press-wrap h2.sub-title{margin-left:0;margin-right:0}
.press-noti{margin-top:2.5rem;padding-bottom:5rem;border-bottom:1px solid #000;}
.press-noti .noti-tit{font-size:1.5rem;font-weight:500;}
.press-noti .noti-tit:not(:first-child){margin-top:2.5rem}
.press-cont{width:95rem;margin:auto;margin-bottom:15rem;}
.press-foot{font-size:1.3rem;color:#a2a2a2;padding:2.5rem 0;text-align:center;width:100%;background:#fbfbfb;position:fixed;bottom:0}
@media only screen and (max-width: 720px){
    .press-wrap .logo-area{padding:1.5rem 0;background:#42515a;text-align:center;}
    .press-wrap .logo-area img{height:1.5rem;}
    .press-wrap h2.sub-title{margin-left:0;margin-right:0}
    .press-noti{margin-top:1.5rem;padding-bottom:2.5rem;border-bottom:1px solid #000;}
    .press-noti .noti-tit{font-size:1.25rem;font-weight:500;}
    .press-noti .noti-tit:not(:first-child){margin-top:1.5rem}
    .press-cont{width:calc(100% - 3rem);margin:auto;margin-bottom:8rem;}
    .press-foot{font-size:.9rem;color:#a2a2a2;padding:1.25rem 0;text-align:center;width:100%;background:#fbfbfb;position:fixed;bottom:0}
}



.error-wrap{text-align:center;font-size:1.8rem;color:#000;}
.error-wrap .logo-area{background:#fbfbfb;padding:2.5rem 0;margin-bottom:21rem}
.error-wrap .txt{margin-top:4rem}
@media only screen and (max-width: 720px){
    .error-wrap{text-align:center;font-size:1.5rem;color:#000;}
    .error-wrap .logo-area{background:#fbfbfb;padding:1.5rem 0;margin-bottom:10rem}
    .error-wrap .txt{margin-top:2rem;padding:0 2rem;}
}
 
.select-wrap.gray{text-align:center;background:#fbfbfb;padding:1.5rem 0;margin-bottom:2.5rem}
.select-wrap.gray select.sub-select{margin:0}

.video-p{width:4.4rem;height:4.4rem;top:calc(50% - 2.2rem);left:calc(50% - 2.2rem);position:absolute;background:url('../images/btn_icon_39.png') no-repeat;background-size:contain;z-index:9;}
.overlay-bk{width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;}

.pop-body .search-address{background:#fbfbfb;padding:2.5rem 5rem;margin-bottom:2rem}
.pop-body .search-address .sample{font-size:1.5rem;text-align:left;}
.pop-body .search-address .form-area{margin-top:1.5rem;margin-bottom:4rem}
.pop-body .search-address .form-area input[type="text"]{width:calc(100% - 8.4rem);font-size:1.5rem;margin-right:1rem;}
.pop-body .search-address .form-area .btn{font-size:1.5rem;padding:1.2rem 2rem;vertical-align:top;}

.pop-body .search-pass{background:#fbfbfb;margin-top:1.5rem;margin-bottom:3rem;padding:2.5rem 9rem 2.5rem 21.5rem;}
.pop-body .search-pass ul li{position:relative;margin-top:1rem}
.pop-body .search-pass ul li:first-child{margin-top:0}
.pop-body .search-pass ul li label{position:absolute;font-size:1.6rem;left:-15rem;top:1.2rem;text-align:right;display:block;width:13rem;}

.pop-share{margin-top:5rem;}
.pop-share li{font-size:1.5rem;display:inline-block;margin-left:4rem;}
.pop-share li a{padding-top:6.8rem;}
.pop-share li:first-child{margin-left:0;}
.pop-share li:before{content:'';width:5.7rem;height:5.7rem;margin:0 1rem 1rem 1rem;display:block;}
.pop-share li.pop-face:before{background:url('../images/btn_icon_12.png') no-repeat;background-size:contain;}
.pop-share li.pop-insta:before{background:url('../images/icon_insta.jpg') no-repeat;background-size:contain;}
.pop-share li.pop-blog:before{background:url('../images/icon_blog.jpg') no-repeat;background-size:contain;}
.pop-share-search{width:40rem;margin:3rem auto 0;position:relative;}
.pop-share-search input{color:#c9c9c9;background:#333333;padding-left:2rem;font-size:1.5rem;font-weight:400;}
.pop-share-search .pop-share-btn{position:absolute;background:#333;color:#fff;font-weight:400;border-left:1px solid #5c5c5c;font-size:1.5rem;padding:1.2rem;width:3.8rem;top:.1rem;margin-left:-6.3rem;}
@media only screen and (max-width: 720px){    
  .pop-share{margin-top:3rem;}
  .pop-share li{font-size:.9rem;display:inline-block;margin-left:2.4rem;}
  .pop-share li a{padding-top:6.8rem;}
  .pop-share li:first-child{margin-left:0;}
  .pop-share li:before{content:'';width:3.4rem;height:3.4rem;margin:0 0.8rem 1rem 1rem;display:block;}
  .pop-share li.pop-face:before{background:url('../images/btn_icon_12.png') no-repeat;background-size:contain;}
  .pop-share li.pop-twit:before{background:url('../images/btn_icon_13.png') no-repeat;background-size:contain;}
  .pop-share li.pop-insta:before{background:url('../images/kakaostory_icon.jpg') no-repeat;background-size:contain;}
  .pop-share-search{width:100%;margin:1.5rem auto 0;position:relative;}
  .pop-share-search input{color:#c9c9c9;background:#333333;padding-left:2rem;font-size:.9rem;font-weight:400;}
  .pop-share-search .pop-share-btn{position:absolute;background:#333;color:#fff;font-weight:400;border-left:1px solid #5c5c5c;font-size:.9rem;padding:1rem;width:3.8rem;top:.1rem;margin-left:-6.3rem;}
}


.pop-body .tbl-tit{font-size:1.5rem;text-align:left;padding-left:5rem}
.tbl-tit{font-size:1.5rem;text-align:left;padding-left:0}
.tbl-cont{font-size:1.5rem;margin-top:3rem;margin-bottom:3rem;font-weight:200}
.pop-body .tbl-area{margin-top:2rem}

.pop-wrap .pop-cont .tit{text-align:left;font-size:3rem;margin-bottom:1rem}
.pop-wrap .pop-cont .pop-body{font-family:'NotoSans'}
/*.pop-wrap .pop-cont .pop-body.type{margin-left:-5rem;overflow:hidden;width:calc(100% + 10rem);}*/
.pop-wrap .pop-cont .pop-body.type{overflow:hidden;}
.pop-wrap .pop-cont .pop-body.type2{padding-top:5rem;}
.pop-wrap .pop-cont .pop-body.type3{padding-top:3rem;}
.pop-wrap .pop-cont .pop-body .tit.mid{text-align:left;font-size:1.9rem;font-weight:normal;margin-bottom:2rem}
.pop-wrap .pop-cont .pop-body .tbl-wrap.scroll{height:54rem;overflow-y:scroll;overflow-x:hidden}
.pop-wrap .pop-cont .pop-body .tbl-wrap table tr td:not(:first-child){border-left:1px solid #d9d9d9}
.pop-wrap .pop-cont .pop-body .num-set{font-size:1.8rem;color:#999;}
.pop-wrap .pop-cont .pop-body .num-set .current{color:#fff;}
.pop-wrap .pop-cont .pop-body .gal-img-area{margin-top:3rem;}
/*.pop-wrap .pop-cont .pop-body .gal-img-area img {max-height: 450px;}*/
.pop-wrap .pop-cont .pop-body .view-roll{margin-top:0}
.pop-wrap .pop-cont .pop-body .view-roll .txt-area{float:left;font-size:1.5rem;margin-top:2rem;text-align:left;}
.pop-wrap .pop-cont .pop-body .view-roll .txt-area p{font-size:1.3rem;color:#828181;margin-top:1rem;}
.pop-wrap.black .pop-cont .pop-body .cate.type1{color:#fff;position:absolute;top:-7rem;}
.pop-wrap.black .pop-cont .pop-body .cate.type2{color:#fff;position:absolute;top:-7rem;}
.pop-wrap.black .pop-cont .pop-body .cate.type3{color:#fff;position:absolute;top:-7rem;}
.pop-wrap.black .pop-cont .pop-body .cate.type4{color:#fff;position:absolute;top:-7rem;}
.pop-wrap.black .pop-cont .pop-body .top-title{color:#fff;position:absolute;top:2rem;margin-left:1.5rem;font-size:1.5rem;left:0}
@media only screen and (max-width: 720px){  
    .pop-body .search-address{background:#fbfbfb;padding:1.5rem 1.9rem;margin-bottom:1.5rem}
    .pop-body .search-address .sample{font-size:1.1rem;text-align:left;}
    .pop-body .search-address .form-area{margin-top:1.5rem;margin-bottom:1.5rem}
    .pop-body .search-address .form-area input[type="text"]{width: calc(100% - 3.6rem);font-size:1rem;margin-right:0;padding:.6rem;height:auto;}
    .pop-body .search-address .form-area .btn{font-size:1rem;padding:.6rem;vertical-align:top;height:auto;}

    .pop-body .search-pass{background:#fbfbfb;margin-top:1.5rem;margin-bottom:3rem;padding:2rem;}
    .pop-body .search-pass ul li{position:relative;margin-top:2rem}
    .pop-body .search-pass ul li:first-child{margin-top:0}
    .pop-body .search-pass ul li label{position:relative;font-size:1.6rem;left:0rem;top:-.5rem;text-align:left;display:block;width:100%;}
    .pop-body .search-pass + p{font-size:1.1rem}
    
    .pop-body .tbl-tit{font-size:1.1rem;text-align:left;font-weight:200;margin-left:1.9rem;}

    .pop-wrap .pop-cont .tit{text-align:left;font-size:1.75rem;margin-bottom:1rem}
    .pop-wrap .pop-cont.wide>.tit{text-align:left;font-size:1.75rem;margin-bottom:1rem;color:#fff;background:#000;margin-left:-1.9rem;margin-right:-1.9rem;margin-top:-1.9rem;padding:1rem;text-align:center;}
    .pop-wrap .pop-cont .pop-body{font-family:'NotoSans'}
    .pop-wrap .pop-cont .pop-body.type{margin-left:-1.9rem;overflow:hidden;width:auto;width:calc(100% + 3.8rem)}
    .pop-wrap .pop-cont .pop-body.type2{padding-top:2.5rem;}
    .pop-wrap .pop-cont .pop-body.type3{padding-top:2.5rem;height:100%}
    .pop-wrap .pop-cont .pop-body .tit.mid{text-align:left;font-size:1.25rem;font-weight:normal;margin-bottom:1rem}
    .pop-wrap .pop-cont .pop-body .tbl-wrap.scroll{height:54rem;overflow-y:scroll;overflow-x:hidden}

    .pop-wrap .pop-cont .pop-body .num-set{font-size:1rem;color:#999;}
    .pop-wrap .pop-cont .pop-body .num-set .current{color:#fff;}
    .pop-wrap .pop-cont .pop-body .gal-img-area{margin-top:2.5rem;}
    .pop-wrap .pop-cont .pop-body .view-roll{margin-top:0;padding-left:1.5rem;padding-right:1.5rem;}
    .pop-wrap .pop-cont .pop-body .view-roll .txt-area{float:left;font-size:1.25rem;margin-top:2rem;text-align:left; width:100%;}
    .pop-wrap .pop-cont .pop-body .view-roll .txt-area p{font-size:1rem;color:#828181;margin-top:1rem;}
    .pop-wrap .pop-cont .pop-body .view-roll .btn.page-arrow{width:3rem;height:3rem;margin-top:2rem;}
    .pop-wrap .pop-cont .pop-body .view-roll .btn.page-arrow:before{width:.7rem;height:1.1rem;margin-top:-.5rem;margin-left:-.4rem;}
    .pop-wrap .pop-cont .pop-body .view-roll .btn.page-arrowR{width:3rem;height:3rem;margin-top:2rem;}
    .pop-wrap .pop-cont .pop-body .view-roll .btn.page-arrowR:before{width:.7rem;height:1.1rem;margin-top:-.5rem;margin-left:-.4rem;}

    .pop-wrap.black .pop-cont .pop-body .cate.type1{display:none;}
    
    .tbl-cont{font-size:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem;font-weight:200}
}

/** MOBILE **/
@media only screen and (max-width: 720px){        
    .login-wrap {margin-top:3rem;position:relative; display: flex; flex-direction: column;}
    .login-wrap .login_box {width: 100%; box-sizing: border-box; margin-bottom: 20px;}
    .login-wrap .left-area{width:100%;float:left;}
    .login-wrap .left-area .input-area{display:inline-block;width:100%;}
    .login-wrap .left-area .input-area li{position:relative;font-size:1.6rem}
    .login-wrap .left-area .input-area li label{position:absolute;font-size:1.25rem;top:1rem;left:1.5rem;font-weight:bold;}
    .login-wrap .left-area .input-area li input{width:calc(100% - 12rem);font-size:1.25rem;border:none;padding:1rem 2rem 1rem 8rem;;height:auto;}
    .login-wrap .left-area .btn-area{}
    .login-wrap .left-area .btn-area .btn-login{position:relative;display:block;text-align:center;font-size:1.4rem;color:#fff;width:100%;padding-top:1.6rem;padding-bottom:1.6rem;background:#f34689;}
    .login-wrap .left-area .memory-id{margin-left:0rem;margin-top:1.8rem;}
    .login-wrap .right-area{background:#fbfbfb;width:auto;margin-left:0;font-size:1.4rem;float:left;text-align:center;padding:2.5rem 1.4rem;font-weight:200}
    .login-wrap .right-area p{font-size:1.4rem;font-weight:bold;margin-bottom:1.5rem;}
    .login-wrap .right-area .btn-join{margin-top:2.5rem;font-size:1.4rem;display:block;padding:1.5rem 0;background:#fff;border:1px solid #ccc;}
    .login-wrap .left-area .btn-area {width: 100%; margin-top: 20px;}
    .login-wrap .left-area .input_wrap .enter {flex-direction: column;}
    .login-wrap .left-area .btn-area .btn-login {width: 100%;}
    .search-id-wrap{margin:4rem auto 0;overflow:hidden;text-align:center;}
    .search-id-wrap .radio-group{width:100%;margin:auto;}
    .search-id-wrap hr{width:58rem;margin-left:auto;margin-right:auto;}
    .search-id-wrap .radio-group .radio:nth-child(1):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_01.png');background-size:cover;width:4.7rem;height:4.7rem;}
    .search-id-wrap .radio-group .radio:nth-child(2):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_02.png');background-size:cover;width:4.7rem;height:4.7rem;}
    .search-id-wrap .radio-group.group2 .radio:nth-child(1):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_03.png');background-size:cover;width:4.7rem;height:4.7rem;}
    .search-id-wrap .radio-group.group2 .radio:nth-child(2):before{content:'';display:block;margin:0 auto .8rem;background:url('../images/icon_04.png');background-size:cover;width:4.7rem;height:4.7rem;}
    .search-id-wrap .radio-group.group2{margin-bottom:4rem}
    .search-id-wrap .radio-group .radio:not(:first-child),.search-id-wrap .radio-group2 .radio:not(:first-child){margin-left:2.5rem}
    .search-id-wrap p.tit{font-size:1.25rem;margin-bottom:1.5rem;font-weight:bold}

    .search-id-wrap .id-input{width:auto;background:#fbfbfb;padding:1rem;margin:2.5rem auto;position:relative;}
    .search-id-wrap .id-input>input{width:100%;font-size:1.25rem}
    .search-id-wrap .id-input>.ps-r{width:100%;margin:auto}

    .join_btn_wrap{margin-top:3.5rem}
    .join_btn_wrap ul li{width:100%;display:block;}
    .join_btn_wrap ul li:nth-child(2){margin-left:0;margin-top:4rem}
    .join_btn_wrap ul li:nth-child(2) .icon{background:#7dbf14;}
    .join_btn_wrap ul li .icon{text-align:center;color:#fff;font-size:1.4rem;font-weight:500;background:#1a95ce;padding:2.5rem 0 2.5rem 6rem;}
    .join_btn_wrap ul li .icon:before{content:'';width:6rem;position:absolute;margin-left:-8rem;margin-top:-1.2rem;display:inline-block;height:6rem;background:url('../images/icon_01.png');background-size:cover;}
    .join_btn_wrap ul li:nth-child(2) .icon:before{content:'';width:6rem;position:absolute;margin-left:-8rem;margin-top:-1.2rem;display:inline-block;height:6rem;background:url('../images/icon_02.png');background-size:cover;}
    .join_btn_wrap ul li .icon .sml{font-size:1.1rem;font-weight:200}
    .join_btn_wrap ul li .cont{margin-top:1.5rem;font-size:1.25rem;font-weight:200}
    .join_btn_wrap ul li .btn{margin-top:1rem;font-size:1.25rem;width:auto;padding:1rem 2.5rem;}
}

.video-frame {width:640px; height:360px;}
.pop-gallery-img {height:160px !important; width: 300px;}
/** MOBILE **/
@media only screen and (max-width: 720px){
	.video-frame {width:auto; height:auto;}
	.pop-
	gallery-img {height:65px !important; width: 124px;}
}

.vision-how{width:60rem;margin:auto;overflow:hidden;margin-bottom:-6rem;}
.vision-how .top{text-align:center;}
.vision-how .top:after{content:'';display:block;margin:2rem auto 3rem;width:3.2rem;height:2.8rem;background:url('../images/icon_arrow_top.png') no-repeat;background-size:contain;}
.vision-how .top .tit{display:inline-block;color:#fff;background:#f34689;font-size:2rem;padding:2rem 2.5rem;}
.cont_wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.vision-how .cont{margin-bottom:6rem;}
/*.vision-how .cont:nth-child(odd){margin-left:10.8rem;}*/
.vision-how .cont .sub-tit{width:240px;font-size:1.5rem;font-weight:500;padding:1.5rem 0;border:2px solid #000;text-align:center;}
.vision-how .bul-list{margin-top:2.5rem;}
.vision-how .bul-list li{padding:.5rem 0 .5rem 1.5rem;}
@media only screen and (max-width: 720px){
    .vision-how{width:100%;margin:auto;overflow:hidden;margin-bottom:-3rem;}
    .vision-how .top{text-align:center;}
    .vision-how .top:after{content:'';display:block;margin:1rem auto 1.5rem;width:1.6rem;height:1.4rem;background:url('../images/icon_arrow_top.png') no-repeat;background-size:contain;}
    .vision-how .top .tit{display:block;color:#fff;background:#f34689;font-size:1.5rem;padding:1.5rem 1.5rem;}
    .vision-how .cont{margin:auto;float:none;margin-bottom:3rem;width:calc(100% - 4rem);display:block;}
    .vision-how .cont:nth-child(odd){margin-left:auto;}
    .vision-how .cont .sub-tit{width:100%;font-size:1.3rem;font-weight:500;padding:1rem 0;border:1px solid #000;text-align:center;}
    .vision-how .bul-list{margin-top:1.5rem;}
    .vision-how .bul-list li{padding:2.5rem 0 2.5rem 1rem;}
    .cont_wrap {justify-content: center;}
}

.img-width {height:215px !important;}
@media only screen and (max-width: 720px){
    .img-width {height:215px !important;}
}