.h4 {padding-bottom:1.2rem;font-size:1.563rem;letter-spacing:-.1rem;line-height:1;font-weight:bold;}
@media screen and ( max-width:900px ) {
	.h4 {font-size:1.2rem;}
}

.explain {padding-bottom:3rem;font-size:1rem;color:#555;line-height:1.5;}

/* ¼­ºêºñÁÖ¾ó */
.visual {position:relative;padding:0;background-color:#edf0f2;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;z-index:2;animation-delay:.3s;animation-name:ani_bgsize;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.visual.sub1 {background-image:url('/images/sub_img1.jpg');}
.visual.sub2 {background-image:url('/images/sub_img2.jpg');}
.visual.sub3 {background-image:url('/images/sub_img3.jpg');}
.visual.sub4 {background-image:url('/images/sub_img4.jpg');}
.visual.sub5 {background-image:url('/images/sub_img5.jpg');}
.visual.sub6 {background-image:url('/images/sub_img6.jpg');}
.visual.sub7 {background-image:url('/images/sub_img7.jpg');}
.visual.sub8 {background-image:url('/images/sub_img8.jpg');}
.visual .visual_image {min-height:22rem;padding:14.5rem 0 0;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.visual .visual_image h2 {text-align:center;}
.visual .visual_image h2 b {display:block;color:#fff;font-size:2rem;font-weight:normal;}
.visual .visual_image h2 span {padding:0 .5rem;color:rgba(255,255,255,.5);font-size:.85rem;}

@media screen and ( max-width:900px ) {	
	.visual {display:block;}
	.visual .visual_image {min-height:12rem;padding-top:6.5rem;}
	.visual .visual_image h2 b {font-size:1.3rem;}
	.visual .visual_image h2 span {font-size:.7rem;}
}

.navigation {position:absolute;right:10px;bottom:10px;font-size:81.25%;color:#ccc;}
.navigation .home {display:inline-block;width:18px;height:25px;padding:0;background:url(/images/icon_navi_home.png) no-repeat center center;background-size:auto 16px;font-size:0;vertical-align:middle;}
.navigation span {display:inline-block;width:25px;height:25px;background:url(/images/icon_navi.png) no-repeat center center;background-size:auto 9px;vertical-align:middle;font-size:0;}

@media screen and ( max-width:800px ) {
	.navigation {bottom:0;font-size:.7rem;font-weight:normal;}
	.navigation .home {background-size:auto .8rem;}
		.navigation span {width:1rem;}
}

.submenu_wrap {padding:0;border-bottom:1px solid #ddd;}
.submenu {position:relative;margin:0 auto;width:100%;max-width:1350px;padding:0;font-size:0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.submenu li {position:relative;display:inline-block;margin-left:-1px;}
.submenu li a {display:block;padding:1.5rem 1.7rem;font-weight:bold;font-size:1.25rem;white-space:nowrap;text-align:center;color:#999;}
.submenu li.on a:before {content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#555;}
.submenu li.on {z-index:1;}
.submenu li.on a {color:#111;}
.submenu.col3 li {width:33.33%;}
.submenu.col2 li {width:50%;}

@media screen and ( max-width:800px ) {
	.submenu_wrap {position:relative;overflow:hidden;overflow-x:auto;}
	.submenu_wrap + .section:before {content:'';position:absolute;right:0;top:-3.8rem;width:3.5rem;height:3.1rem;background:linear-gradient(to right, rgba(255,255,255,0), #fff);z-index:1;}
	.submenu {width:auto;max-width:none;padding:0 1rem;white-space:nowrap;}
	.submenu li a {padding:1rem .8rem;font-size:1rem}	
	.visual.sub4 + .submenu_wrap .submenu {min-width:35rem;}
}

/* ÅÇ */
.tab_wrap {padding:0 0 2rem !important;z-index:10;}
.tab_wrap .cont {text-align:center;font-size:0;}
.tab_wrap ul {display:inline-flex;}
.tab_wrap li {position:relative;padding:0 1rem;color:#555;font-size:1.2rem;font-weight:bold;line-height:4.5rem;letter-spacing:-1px;white-space:nowrap;cursor:pointer;}
.tab_wrap li.on {border-color:#28b463;color:#28b463;}
.tab_wrap li.on:after {content:'';position:absolute;bottom:0;left:1rem;right:1rem;display:block;height:5px;background:#28b463;}

@media screen and ( max-width:900px ) {
	.tab_wrap {padding:.5rem 0 2.5rem !important;}
	.tab_wrap .cont {width:100%;}
	.tab_wrap li {font-size:1rem;line-height:3.2rem;}
}

.search_box {padding:0 0 2rem;text-align:center;}
.search_box select {width:8rem;border-width:0 0 1px 0;border-color:#121c3c;} 
.search_box input {width:15rem;border-width:0 0 1px 0;border-color:#121c3c;}
.search_box .button {min-width:auto;width:2.5rem;padding:0;border:0;font-size:0;background-size:auto 70% !important;}
.search_box .button.gray {background:url('/images/sub/icon_search.png') no-repeat center center;}
.search_box .button.border {background:url('/images/sub/icon_reload.png') no-repeat center center;}
.search_box .btn_search_wrap {display:inline-block;}
@media screen and ( max-width:900px ) {
	.search_box input {width:35%;}
	.search_box select {width:7rem;} 
}

/* °³¿ä */
.company_img {border:1px solid #ddd;margin-bottom:2rem;}

/* ¼Ò°³ */
.greeting:after {content:'';position:absolute;top:13rem;right:0;left:70%;height:20rem;background:#edf0f0;z-index:-1;}
.greeting .title {padding:1rem 0 3rem;font-size:2.2rem;letter-spacing:-2px;line-height:1.3;}
.greeting .title b {font-weight:normal;}
.greeting p {padding-bottom:2rem;font-size:1.125rem;line-height:1.7;word-break:keep-all;}
.greeting .img {position:relative;float:right;height:30rem;width:40%;padding:0 0 3rem 0;margin:0 0 2rem 2rem;font-size:0;}
.greeting .img .img1 {display:inline-block;height:100%;width:70%;background:url('/images/sub/greeting_img1.png') no-repeat center center;background-size:cover;}
.greeting .img .img2 {position:absolute;right:0;bottom:0;height:70%;width:50%;background:url('/images/sub/greeting_img2.png') no-repeat center center;background-size:cover;}
.greeting .img .img2:after {content:'';position:absolute;left:-1rem;top:-1rem;width:2rem;height:2.5rem;background:#1c61ff;}
.greeting .img .img3 {position:absolute;right:0;bottom:0;height:80%;width:50%;background:url('/images/sub/greeting_ceo.png') no-repeat center center;background-size:contain;}

.greeting .sign {text-align:right;line-height:1.3;font-size:1rem;}
.greeting .sign b {letter-spacing:.5rem;font-size:1.5rem;}
@media screen and ( max-width:1200px ) {
	.greeting .title {font-size:2rem;}	
	.greeting p {font-size:1.05rem;}
}
@media screen and ( max-width:900px ) {
	.greeting:after {top:10rem;left:20%;height:12rem;}
	.greeting .title {padding:2rem 0;font-size:1.4rem;letter-spacing:-1px;}
	.greeting .img {float:none;width:100%;height:15rem;margin:0;}
	.greeting p {line-height:1.5;font-size:1rem;}
	.greeting .sign {font-size:.85rem;}
	.greeting .sign b {font-size:1.3rem;}
}

.organi .img {text-align:center;}

/* ¿¬Çõ */
.history li {position:relative;padding:0 0 1.2rem 14rem;font-size:1.15rem;}
.history li .date {padding-bottom:.2rem;font-size:1.25rem;/*position:absolute;left:9rem;top:.2rem;*/font-weight:bold;}
.history li p {padding-top:.2rem;font-size:.85rem;}
.history li:before {content:'';position:absolute;left:10.5rem;top:.5rem;bottom:0;width:1px;height:100%;background:#ddd;}
.history li:after {content:'';position:absolute;left:10.2rem;top:.5rem;width:10px;height:10px;border-radius:50%;background:#c1c1c1;overflow:hidden;}
.history li.last {padding-bottom:0;}
.history li.last:before {display:none;}
.history li.newyear {padding-top:3.5rem;}
.history li.newyear .year {position:absolute;left:0;top:2.7rem;font-weight:bold;font-size:2.5rem;}
.history li.newyear .date {top:3.7rem;}
.history li.newyear:after {top:4rem;}

@media screen and ( max-width:900px ) {
	.history li {padding-left:7rem;font-size:1rem;}
	.history li .date {font-size:1rem;}
	.history li:before {left:5.5rem;}
	.history li:after {left:5.2rem;}
	.history li.newyear .year {top:3.3rem;font-size:1.5rem;}
}

.location {font-size:0;}
.location ul {padding-top:1rem; }
.location ul li {display:block; padding:1rem 0; margin-top:1rem; border-top:1px solid #eee; }
.location ul li span {position:relative;display:inline-block; vertical-align:top; }
.location ul li span:first-child::before {content:'B';display:inline-block;width:2.5rem;height:2.5rem;margin-right:.7rem;border-radius:50%;background-color:#3677ed;font-size:1rem;color:#fff;line-height:2.5rem;text-align:center;} 
.location ul li:nth-of-type(2) span:first-child::before {content:'S';background-color:#1ca05d;}
.location ul li:nth-of-type(3) span:first-child::before {content:'P';background-color:#ec4681;}
.location ul li span:first-child {width:10rem;font-size:1.3rem;}
.location ul li span:first-child * {font-weight:bold;}
.location ul li span:first-child + span {font-size:1.1rem;color:#777;}
.location ul li label {display:inline-block;vertical-align:middle;border-radius:3px; padding:0 10px; height:26px; line-height:26px; margin:2px; background-color:#64b50e; font-size:.9rem; font-weight:500; color:#fff; }
.location ul li label.seat {background-color:#336ee6}
.location ul li label.express {background-color:#e71b09}

.location .root_daum_roughmap {width:100% !important;}

.location_img {position:relative;padding-top:0;}
.location_img:after {content:'';position:absolute;left:0;right:0;top:7.5rem;bottom:0;background:#f4f6f6;z-index: -1;}
.location_img .img {position:relative;display:flex;z-index:2;}
.location_img .img div {flex:1;height:15rem;margin-left:2%;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#fff;}
.location_img .img div.s1 {flex:2;margin-left:0;background-image:url('/images/sub/map_img1.png');}
.location_img .img div.s2 {background-image:url('/images/sub/map_img2.png');}
.location_img .img div.s3 {background-image:url('/images/sub/map_img3.png');}
.location_img .title {position:absolute;top:13rem;left:1.2rem;font-size:5.5rem;color:#ddd;z-index:1;}
.location_img .txtinfo {padding:3rem 0 0 50%;line-height:1.8;font-size:1.2rem;}
.location_img .txtinfo span { display:inline-block;width:5rem;color:#777;font-size:1rem;}

@media screen and ( max-width:900px ) {
	.location_img:after {top:3rem;}
	.location_img .img div {height:6rem}
	.location_img .title {top:4.3rem;left:1.2rem;font-size:3.5rem}
	.location_img .txtinfo {padding-left:0;font-size:1rem;line-height:1.3;}
	.location_img .txtinfo span {display:block;padding:1rem 0 .5rem;font-size:.95rem;}
}

/* ¾÷ü°Ë»ö */
.searchBox_type {position:relative;padding:0 0 0 35%;background:url('/images/sub/search_img1.png') no-repeat 0 bottom #d7d8d9;background-size:cover;}
.searchBox_type .box {position:relative;padding:3rem 4rem 4.5rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);font-size:0;box-sizing:border-box;z-index:2;}
.searchBox_type .box legend {padding-bottom:.3rem;font-size:4.5rem;}
.searchBox_type .box legend span {letter-spacing:-4px;color:#ccc;font-weight:bold;}
.searchBox_type input[type=text] {width:40%;height:3.2rem;border-color:#161616;font-size:1.125rem;font-weight:bold;}
.searchBox_type .square {padding-right:1.5rem;}
.searchBox_type .square input[type=radio] + label {height:3.2rem;}
.searchBox_type .button {padding-right:2rem;background-color:#161616;font-size:1.1rem;}
.searchBox_type .button:before {content:'';display:inline-block;width:1.7rem;height:1.7rem;padding-right:.2rem;background:url('/images/sub/icon_search_w.png') no-repeat 0 center;background-size:cover !important;vertical-align:middle;}
.searchBox_type .codenum {display:inline-block;}
.searchBox_type .codenum input {width:110px !important;margin-left:-1.5rem;border-width:0 0 1px 0;font-size:1rem;font-weight:normal;}
.searchBox_type .codenum img {width:120px;vertical-align:middle;}

.searchBox_type.type2 {background:url('/images/sub/search_img2.png') no-repeat right 0;}
.searchBox_type.type2 input[type=text] {width:26%;margin-right:.5rem;}

.searchBox_type.type3 {padding:10% 0 0 25%;background:url('/images/sub/search_img7.png') no-repeat;background-size:cover;}
.searchBox_type.type3:after {content:'';position:absolute;left:0;right:0;top:75%;bottom:0;background:#fff;z-index:1;}
.searchBox_type.type3 input[type=text] {width:30%;margin-right:.5rem;}

@media screen and ( max-width:900px ) {	
	.searchBox_type {padding:0;background:none !important;}
	.searchBox_type .box {box-shadow:none;width:100%;padding:1.5rem .5rem;}
	.searchBox_type .box legend {display:none}
	.searchBox_type .box > input[type=text] {width:100%;height: 2.8rem;margin-bottom:.5rem;font-size:1rem;}
	.searchBox_type .square {padding-bottom:.5rem;}
	.searchBox_type .square input[type=radio] + label {height:2.8rem;font-size:1rem;}
	.searchBox_type .button {width:100%;height:2.8rem;min-width:3rem;padding:0;font-size:.9rem;}
	
	.searchBox_type.type3 {padding:0;}
}

.searchBox {padding:1.5rem 2rem;margin-bottom:1rem;border-top:1px solid #555;background:#eee;text-align:center;overflow:hidden;}
.searchBox select {padding-right:2rem;}
.searchBox .button {min-width:3.5rem;height:2.9rem;padding:0;background-color:#161616;font-size:0;}
.searchBox .button:before {content:'';display:inline-block;width:1.7rem;height:1.7rem;background:url('/images/sub/icon_search_w.png') no-repeat 0 center;background-size:auto 100%;vertical-align:middle;}

@media screen and ( max-width:900px ) {
	.searchBox {padding:1rem;}
	.searchBox input {width:6rem;font-size:1rem;}
	.searchBox input, .searchBox select {height:2.4rem;}
	.searchBox .button {min-width:2.5rem;height:2.3rem;}
}

.customer-txt {padding-top:3rem;}
.customer-txt .column {background:#f2f5f7;padding:2.5rem 1.5rem;border:1px solid #e5e5e5;box-sizing:border-box;overflow:hidden;text-align:center;word-break:keep-all;}
.customer-txt p {position:relative;display:inline-block;text-align:left;vertical-align:middle;color:#555;font-size:1rem;}
.customer-txt p.tit {width:8rem;height:5rem;border-right:1px solid #e5e5e5;margin-right:3rem;background:url(/images/sub/search_img5.png) center no-repeat;background-size:auto 100%;font-size:0;}
.customer-txt b {display:block;margin-bottom:.7rem;color:#1c1c1c;font-weight:bold;font-size:1.2rem;}
.customer-txt.sangsa p.tit {background:url(/images/sub/search_img4.png) 0 center no-repeat;}
.customer-txt.productcar p.tit {background:url(/images/sub/search_img6.png) 0 center no-repeat;}
.customer-txt.sise p.tit {background:url(/images/sub/sise_img.png) 0 center no-repeat;}

@media screen and ( max-width:900px ) {
	.customer-txt {padding-top:1rem;}
	.customer-txt .column {padding:2rem 1.5rem;}
	.customer-txt p.tit {display:none;}
	.customer-txt b {font-size:1.05rem;}
	.customer-txt p {font-size:.8rem;}
}


.list_count { padding:1rem 0;position:relative; }
.list_count span { color:#121c3c; font-weight:bold; }
.list_count .right {position:absolute;right:0;top:0;padding-top:.5rem;}
.list_count .right .button {min-width:5rem;height:2.5rem;text-indent:0;}

@media screen and ( max-width:900px ) {
	.list_count .right .button {height:2.2rem;font-size:.9rem;}
}

.search_result {padding:5rem 0 4rem;text-align:center;font-size:1.5rem;}
.search_result b {padding:0 .5rem;/*font-size:2.7rem;*/line-height:1;color:#094eeb;}
.search_result b.txt_big {font-size:2.3rem;}

@media screen and ( max-width:900px ) {
	.search_result {padding:1.5rem 0 1rem;font-size:1rem;text-align:center;}
	.search_result b {font-size:2rem;}
}

.search_company ul {font-size:0;}
.search_company li {position:relative;display:inline-block;width:23.15%;margin:0 2% 5% 0;background:#fff;border:1px solid #eee;box-sizing:border-box;}
.search_company li:nth-of-type(4n) {margin-right:0;}
.search_company li * {font-size:1rem;}
.search_company li .title {border-top:1px solid #999;height:10rem;padding:3rem 1.5rem 0rem;box-sizing:border-box;text-align:center;}
.search_company li .title b {display:block;padding-bottom:.7rem;font-size:1.4rem;line-height:1.3;}
.search_company li .txt {padding:1.5rem 1.5rem 2rem;background:#f7f7f7;line-height:1.5;}
.search_company li .txt span {display:inline-block;width:4rem;font-size:.9rem;text-align:justify;color:#888;}
.search_company li .txt p {padding:.1rem 0;}
.search_company li:before {content:'';position:absolute;left:50%;top:-1.3rem;width:3rem;height:3rem;border-radius:50%;background:url('/images/sub/search_img.png') no-repeat center #fff;background-size:auto 2rem;overflow:hidden;transform:translateX(-50%);}

.search_company.type2 li {border-color:#ddd;}
.search_company.type2 li:before {left:auto;right:1rem;top:1rem;width:4rem;height:4rem;background:url('/images/sub/search_img3.png') no-repeat center #eee;background-size:auto 3rem;transform:none;}
.search_company.type2 li .title {height:7.5rem;padding-top:2rem;text-align:left;}
.search_company.type2 li .title b {padding-bottom:.3rem;font-size:1.6rem;}
.search_company.type2 li .txt {background:transparent;}

@media screen and ( max-width:900px ) {
	.search_company li {width:100%;margin:0 0 1rem 0;border-color:#ddd;}
	.search_company li * {font-size:.85rem;}
	.search_company li .title {height:auto;padding-bottom:1rem;}
	.search_company li .title b {padding-bottom:.3rem;font-size:1.3rem;}
	.search_company li .txt {padding:1rem 1.5rem;}
	.search_company li .txt p {font-size:.95rem;}
}

.carlist {padding-top:3rem;}
.carlist li {position:relative;display:flex;padding:3rem 1.5rem;border:1px solid #094eeb;background:#f9f9f9;align-items:center;}
.carlist li .carnum {flex:2;padding-left:2rem;font-size:2rem;font-weight:bold;}
.carlist li .img {position:relative;flex:2;height:7rem;background:url('/images/sub/search_img8.png') no-repeat center;background-size:auto 95%;}
.carlist li .carinfo {flex:6;padding-left:2rem;}
.carlist li .carinfo p {font-size:1rem;line-height:1.5;}
.carlist li .carinfo p.model {padding-bottom:.5rem;}
.carlist li .carinfo p b {font-size:1.4rem;font-weight:bold;vertical-align:middle;}
.carlist li .label {position:absolute;right:0;top:0;width:5rem;height:5rem;line-height:4.5rem;border-radius:50%;border:0;font-size:1rem;text-align:center;overflow:hidden;}
.carlist li .result {flex:1.5;color:#094eeb;font-weight:bold;word-break:keep-all;font-size:1.2rem;}

@media screen and ( max-width:900px ) {
	.carlist {padding-top:1rem;}
	.carlist li {display:block;padding:2rem 1.5rem;}
	.carlist li .img {position:absolute;right:1rem;top:1rem;width:10rem;height:3rem;}
	.carlist li .label {width:4rem;height:4rem;line-height:3.5rem;}
	.carlist li .carnum {padding:0;font-size:1rem;}
	.carlist li .carinfo {padding:0;}
	.carlist li .carinfo p {font-size:.9rem;}
	.carlist li .mo {display:inline-block;}
	.carlist li .result {display:none;}
}

/* ÀÌ¿ë¾à°ü */
.agree-detail h2 {margin-bottom: 0px; font-size:1rem; color: #333;}
.agree-detail h3 {margin-top:30px; font-size: .9rem; font-weight:500; color:#02a9f6;}
.agree-detail h6 { font-size:1rem;padding: 20px 5px 7px 0; font-weight:bold; }
.agree-detail h6:first-child {padding-top: 5px;}
.agree-detail p {padding: 5px 0 5px 0; color:#555; font-size:.9rem;line-height:1.4em;letter-spacing:-.5px;}
.agree-detail strong {font-weight: bold;}
.agree-detail ol { padding: 5px 5px 5px 5px;list-style:none; }
.agree-detail ul { padding: 5px 5px 5px 5px; }
.agree-detail  span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:bold;}
.agree-detail li { padding: 1px 0 1px 0;font-size:.9rem;line-height:1.5em;letter-spacing:-.7px;}
.agree-detail li.tit {font-size: .9rem; padding: 20px 5px 10px 0; font-weight: bold;}


.agree-detail li.tit:first-of-type {padding-top: 0;}
.agree-detail ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:1rem; }
.agree-detail ol li ol li {font-size:.9rem;}

@media screen and (max-width: 640px), screen\9 {
	.agree-detail li, .agree-detail p {font-size:.8rem;}	
}

.board_cont {padding-top:0 !important;}
@media screen and ( max-width:900px ) {
	.board_cont {padding-top:0 !important;}
}



.t_normal {border-top:1px solid #aaa;}
.t_normal thead th {border-bottom:1px solid #aaa;}
.t_normal tbody th, .t_normal tbody td {position:relative;padding:1rem;border-bottom:1px solid #dedede;font-size:1.05rem;}
.t_normal tbody th {font-weight:bold;color:#353535;font-size:1.125rem;}
.t_normal tbody th {background:#edf0f2;}

@media screen and ( max-width:900px ) {
	.t_normal tbody th, .t_normal tbody td {font-size:.9rem;}
}

/*sub °øÅë*/
.list_page {clear:both;padding-top:1rem; text-align:center;}
.list_page li { display:inline-block;cursor:pointer;vertical-align:middle;}
.list_page li.page {border:0;}
.list_page li.next {padding-left:1.5rem;}
.list_page li.prev {padding-right:1.5rem;}
.list_page li a {display:block;width:3rem;background-color:#fff;border:1px solid #ddd;margin-left:-1px;line-height:3rem;font-size:0;font-weight:normal;background-repeat:no-repeat;background-size:auto 1.5rem;background-position:center;}
.list_page li a:hover {background-color:#f7f7f7;}
.list_page li.page a {color:#555;border:0;font-size:1.1rem;text-align:center;}
.list_page li.on a {background-color:#161616 !important;border-color:#161616;color:#fff;}
.list_page li.first a {background-image:url('/images/sub/page_prev2.png');}
.list_page li.last a {background-image:url('/images/sub/page_next2.png');}
.list_page li.next a {background-image:url('/images/sub/page_next.png');}
.list_page li.prev a {background-image:url('/images/sub/page_prev.png');}
.list_page li.off {opacity:.3;}

@media screen and ( max-width:900px ) {
	.list_page li a {width:2.5rem;line-height:2.5rem;}
	.list_page li.page a {font-size:1rem;}
	.list_page li.next {padding-left:.5rem;}
	.list_page li.prev {padding-right:.5rem;}
	.list_page li.first, .list_page li.last {display:none;}
}

/* À̺¥Æ® */
.news_table_list {display:inline-block;width:100%;}
.news_table_list li {height:15rem;border:1px solid #9a9fac;background:#f9f9f9;margin-bottom:3rem;font-size:1.2rem;overflow:hidden;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.news_table_list li:hover {border-color:#121c3c;}
.news_table_list li .img_wrap {position:absolute;width:35%;overflow:hidden;}
.news_table_list li .img {width:100%;height:15rem;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.news_table_list li .txt {position: relative;height:13rem;padding-left:40%;}
.news_table_list li .txt strong {display:inline-block;padding:2.5rem 0 1rem;color:#121c3c;font-size:1.55rem;line-height:1.5;letter-spacing:-1px;font-weight:bold; overflow:hidden;}
.news_table_list li .txt .n_content {max-height:4rem;padding:0 2rem 0 0;overflow:hidden;color:#888;line-height:1.5;letter-spacing:-1px;line-height:1.4;font-size:1rem;}
.news_table_list li .txt .n_date {position: absolute; bottom: 0px;font-weight:bold;}
.news_table_list li .txt .e_state {position:absolute;right:1rem;top:1rem;width:5rem;height:5rem;background:#133b29;border-radius:50%;text-align:center;color:#fff;font-size:.9rem;line-height:5rem;}
.news_table_list li .txt .e_state.ing {background:#0e6c59;}
.news_table_list li .txt .e_state.end {background:#999;}
@media screen and ( max-width:900px ) {
	.news_table_list li {height:auto;margin-bottom:1rem;}
	.news_table_list li .img_wrap {position:relative;width:100%;}
	.news_table_list li .txt {height:11rem;padding:1.5rem;}
	.news_table_list li .txt strong {padding:.5rem 0;font-size:1.3rem;}
	.news_table_list li .txt .n_date {bottom:1.5rem;font-size:.95rem;}
	.news_table_list li .txt .e_state {top:-2rem;width:4rem;height:4rem;line-height:4rem;}
}

/* °Ô½ÃÆÇ */
.table_list {border-top:1px solid #555;}
.table_list li {position:relative;border-bottom:1px solid #e2e2e2;font-size:0;}
.table_list li span {display:inline-block;}
.table_list li span.num {display:none;}
.table_list li span.table_title {width:85%;display:flex;align-items: center;}
.table_list li span.table_title:hover { text-decoration:underline; cursor:pointer;   }
.table_list li span.table_date {position:absolute;right:0;top:0;width:15%;text-align:center;line-height:4rem;font-size:1rem;color:#888;}
.table_list li span a {display:block;padding:0 1.5rem;font-size:1.15rem;line-height:4rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table_list li.b_header {display:flex;background:#f0f0f0;}
.table_list li.b_header span {font-size:1rem;line-height:2.5rem;color:#161616;text-align:center;font-weight:bold;}
.table_list li.b_header span.table_title {justify-content: center;}
.table_list li.b_header span.table_title:hover { text-decoration:none;}
.table_list li.notice {background:#fafafa;}
.table_list li.notice:before {content:'°øÁö';width:2rem;display: inline-block;border-radius:2rem;padding:0 .8rem;margin-left: 1rem;background: #fff;border:.1rem solid rgba(0,179,73,.2);color:#28b463;line-height:1.8;font-size: 1rem;font-weight: bold;text-align: center;}

@media screen and ( max-width:900px ) {
	.table_list li.b_header {display:none !important;}
	.table_list li span.table_title {width:100%;}
	.table_list li span a {padding:1rem .5rem 2.1rem;line-height:1.2;font-size:1.05rem;}
	.table_list li span.table_date {width:100%;right:auto;top:auto;left:.5rem;bottom:1rem;font-size:.8rem;text-align:left;line-height:1;color:#999;}
	.table_list li.notice:before {position:absolute;right:1rem;top:.7rem;font-size:.8rem;padding:0 .5rem;}
	.table_list li.notice span.table_title {padding-right:2rem;}
}

.table_list.gallery li {display:grid;padding:0 0 0 15rem;}
.table_list.gallery li .thumb {position:absolute;left:0;top:0;bottom:0;width:15rem;min-height:10rem;background-color:#f7f7f7;background-image:url('/_img/nophoto_120x90.gif');background-position:center;background-size:cover;overflow:hidden;}
.table_list.gallery li .thumb img {width:100%;height:100%;}
.table_list.gallery li .txtcont {padding:1.7rem 2rem;}
.table_list.gallery li .txtcont p {height:4rem;padding:.5rem 0;}
.table_list.gallery li .txtcont .title {height:auto;padding:0;font-weight:bold;font-size:1.2rem;}
.table_list.gallery li .txtcont .date {height:auto;font-size:.8rem;color:#888;}

@media screen and ( max-width:900px ) {
	.table_list.gallery li {padding:0;border-color:#999;}
	.table_list.gallery li .thumb {position:relative;width:100%;}
	.table_list.gallery li .txtcont {padding:1.5rem 1rem;}
	.table_list.gallery li .txtcont p {height:auto;}
}

.table_list.book {padding-top:1rem;border:0;}
.table_list.book li {float:left;border:1px solid #ddd;width:18.4%;margin:0 2% 2% 0;box-sizing:border-box;}
.table_list.book li:nth-child(5n) {margin-right:0;}
.table_list.book li:nth-child(5n + 1) {clear:both;}
.table_list.book li .thumb {width:100%;padding:.5rem;box-sizing:border-box;}
.table_list.book li .thumb img {width:100%;height:auto;}
.table_list.book li .txtcont {padding:.5rem 1rem 1rem;}
.table_list.book li .txtcont .title {padding:0 0 2rem;font-weight:bold;font-size:1.2rem;}
.table_list.book li .txtcont .date {font-size:.8rem;color:#888;}

@media screen and ( max-width:900px ) {
	.table_list.book {padding-top:.5rem;}
	.table_list.book li {width:49%;}
	.table_list.book li:nth-child(5n) {margin-right:2%;}
	.table_list.book li:nth-child(2n) {margin-right:0;}
	.table_list.book li:nth-child(5n + 1) {clear:none;}
	.table_list.book li .txtcont .title {padding:0;font-size:1rem;}
}


.veiw_table_list  {border-bottom:1px solid #888;}
.veiw_table_list > li {display:flex;border-bottom:1px solid #eee; padding:1.5rem 2rem;background:#f7f7f7;}
.veiw_table_list > li img {display:inline-block;max-width:100%;}
.veiw_table_list > li:nth-child(1) {border-top:1px solid #555;background:#fff;padding:2rem;font-size:1.6rem;font-weight:bold;justify-content:center;}
.veiw_table_list .veiw_table_date {display:inline-block;padding-right:1rem;color:#999;}
.veiw_table_list .veiw_table_date + div {padding-right:3rem;}
.veiw_table_list > li.conts {display:block;padding:3rem 2rem 4rem;background:#fff;line-height:1.7;font-size:1.1rem;}
.veiw_table_list > li.conts * {font-size:1.1rem;}
.veiw_table_list > li .file {text-decoration:underline;}
@media screen and ( max-width:900px ) {
	.veiw_table_list > li {display:block;padding:1rem;}
	.veiw_table_list .veiw_table_date {width:3rem;}
	.veiw_table_list .veiw_table_date + div {display:inline-block;width:calc(100% - 4rem);padding-right:0;line-height:1.6;}
	.veiw_table_list > li:nth-child(1) {padding:1rem;font-size:1.2rem;font-weight:bold;}
	.veiw_table_list > li.conts {padding:3rem 0;}
	.veiw_table_list > li.conts * {font-size:1rem;}
}

/* Å×ÀÌºí ½ºÅ¸ÀÏ */
.t_form {border-top:1px solid #9a9fac;border-bottom:1px solid #9a9fac;border-collapse:separate;box-sizing:border-box;}
.t_form thead th {position:relative;background:#131d3d;line-height:3rem;font-size:1rem;color:#fff;}
.t_form tbody th {border-bottom:1px solid #eee;border-right:1px solid #eee;background:#f7f9fa;font-size:1rem;line-height:3rem;color:#131d3d;font-weight:bold;}
.t_form tbody td {padding:.5rem 1rem;font-size:1.1rem;border-bottom:1px solid #eee;border-right:1px solid #eee;word-break:break-all;}
.t_form tbody td:last-of-type {border-right:0;}

@media screen and ( max-width:900px ) {
	.t_form tbody th {font-size:.9rem;}
	.t_form td {word-break:break-all;}
}

.table_form {position:relative;border-top:1px solid #9a9fac;border-bottom:1px solid #9a9fac;}
.table_form:before {content:'';position:absolute;left:0;top:0;bottom:0;width:15%;background: #f7f9fa;z-index:-1;}
.table_form .form_row {position:relative;border-bottom: 1px solid #eee;}
.table_form .form_row > * {display:inline-block;padding:.5rem 1rem;font-size:0;vertical-align:middle;}
.table_form .form_row .th {width:15%;font-size: 1rem;line-height: 3rem;color: #131d3d;font-weight: bold;}
.table_form .form_row .td {width:84%;font-size:1.05rem;}
.table_form .form_row .td input {margin:0;}
.table_form .form_row .td input, .table_form .form_row .td input + label {font-size:1.05rem;}
.table_form .form_row .td input[type=radio] {width:30%;}
.table_form .form_row .td i {padding-left:1rem;font-size:.9rem;}
.table_form .form_row .td .button {background-color:#555;}
@media screen and ( max-width:800px ) {
	.table_form:before {display:none;}
	.table_form .form_row .th, .table_form .form_row .td {width:100%;}
	.table_form input, .table_form textarea, .table_form select {width:100%;}
	.table_form .form_row .th {padding:1rem 1rem 0;line-height:1;font-size:.9rem;}
}

/* ÄÚ¸àÆ® */
.comment {}
.comment .commentNum {padding:1rem 0;}
.comment .commentNum b {font-size:1.5rem;}
.comment ul {border-top:1px solid #555;}
.comment li > strong {position:absolute;top:1rem;left:0;width:11rem;padding-left:1rem;font-size:.95rem;font-weight:bold;}
.comment li {position:relative;border-bottom:1px solid #eee;padding:1rem 3rem 1rem 12rem;}
.comment li .button {position:absolute;right:0;top:.5rem;}
.comment .comment_box {position:relative;background:#f7f7f7;border:1px solid #eee;padding:1rem 6.5rem 1rem 1rem;}
.comment .comment_box textarea {width:100%;height:4rem;}
.comment .comment_box .button {position:absolute;right:1rem;top:1rem;min-width:5rem;height:5rem;background:#161616;}
.comment .comment_box .infor {font-size:.8rem;}

/* â¾÷¾È³» */
.store_about .cont {font-size:0;overflow:hidden;}
.store_about .cont div {display:grid;float:left;width:50%;min-height:22rem;align-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;}
.store_about .cont div.img1 {background-image:url('/images/sub/img_about_01.png');}
.store_about .cont div.img2 {background-image:url('/images/sub/img_about_02.png');}
.store_about .cont div.txt-right {padding-left:3rem; }
.store_about .cont div:nth-of-type(1), .store_about .cont div:nth-of-type(3) {display:grid;margin-bottom:7%;}
.store_about .cont div.txt-left {padding-right:3rem;}
.store_about .cont div p {display:block;padding-bottom:.5rem;font-size:1.05rem;line-height:1.6;color:#777;word-break:break-all;}
.store_about .cont div:nth-child(2n+1) {clear:both;}
.store_about .cont div.f_right {float:right;}
@media screen and (max-width:900px){ 
	.store_about .cont div {width:100%;min-height:auto;padding:2.5rem 0 3rem 1.7rem !important;}
	.store_about .cont div h4 {padding-bottom:1rem;font-size:1.3rem;font-weight:bold;}
	.store_about .cont div.img1, .store_about .cont div.img2 {min-height:15rem;margin:0;}
	.store_about .cont div:nth-of-type(2), .store_about .cont div:nth-of-type(4) {margin:-3rem 0 0 2rem;width:auto;background:#fff;}
	.store_about .cont div p {font-size:.95rem;}

}

.process {clear:both;margin-top:2rem;background:url('/images/sub/img_about_02.png') no-repeat center;background-size:cover;text-align:center;}
.process h4 {color:#fff;}
.process ul{font-size:0; margin:0 auto; padding:1rem 0 0 0;overflow:hidden;}
.process ul li {position:relative;display:inline-block;vertical-align:top; background:#fff;position:relative; width:calc(25% - 1rem); margin-right:1rem;  margin-bottom:1rem; min-height:20rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.process ul li:nth-child(4), .process ul li:nth-of-type(8) {margin-right:0;}
.process ul li p {position:absolute;left:1rem;top:1rem;font-size:3rem;line-height:1; font-weight:100;color:#131d3d;}
.process ul li div {padding-top:9.5rem;background-image:url('/images/sub/ico_about_01.png');background-repeat:no-repeat;background-size:auto 5rem;background-position:center 3.5rem;font-size:1.4rem;font-weight:bold;vertical-align:middle; }
.process ul li:nth-of-type(2) div {background-image:url('/images/sub/ico_about_02.png');}
.process ul li:nth-of-type(3) div {background-image:url('/images/sub/ico_about_03.png');}
.process ul li:nth-of-type(4) div {background-image:url('/images/sub/ico_about_04.png');}
.process ul li:nth-of-type(5) div {background-image:url('/images/sub/ico_about_05.png');}
.process ul li:nth-of-type(6) div {background-image:url('/images/sub/ico_about_06.png');}
.process ul li:nth-of-type(7) div {background-image:url('/images/sub/ico_about_07.png');}
.process ul li:nth-of-type(8) div {background-image:url('/images/sub/ico_about_08.png');}
.process ul li div span {padding-top:.2rem;display:block;}

@media screen and (max-width:900px){ 
	.process ul li {width:49%;min-height:14rem;margin-right:1% !important;}
	.process ul li div {padding-top:6rem;padding-bottom:2rem;background-position:center 1.5rem;background-size:auto 4rem;font-size:1.2rem;}
	.process ul li p {font-size:2rem;}
}

.privacy_box {padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #9a9fac;}
.privacy_box .h2_txt {position:relative;padding-top:1rem;}
.privacy_box .txt_box {height:3rem;color:#777;font-size:.85rem;line-height:1.7;overflow:auto;}
.privacy_box .txt_box * {color:inherit;font-size:inherit;}
.privacy_box .txt_box + div {padding-top:.5rem;}
.privacy_box label {font-weight:bold;font-size:1rem;}

.store_wrap {padding:2rem 0 !important;z-index:10;}
.store_wrap .cont {text-align:center;font-size:0;}
.store_wrap ul {display:inline-flex;}
.store_wrap li {flex:1;padding:0 1rem;margin-right:.5rem;border-bottom:2px solid #ddd;background:#fff;color:#aaa;font-size:1.05rem;font-weight:bold;line-height:3.5rem;letter-spacing:-1px;white-space:nowrap;cursor:pointer;}
.store_wrap li.on {border-color:#121c3c;color:#121c3c;}

@media screen and ( max-width:900px ) {
	.store_wrap {padding:.5rem 0 !important;}
	.store_wrap .cont {width:100%;}
	.store_wrap li {font-size:.95rem;line-height:3.2rem;}
}

.store_info {text-align:center;}
.store_info:after {content:'';position:absolute;left:0;right:0;top:40%;bottom:0;background:#121c3c;z-index:-1;}
.store_info h4 {padding-top:3rem;color:#fff;font-size:4rem;}
.store_info .button.call {height:4rem;background:url('/images/inc/btn_phone.png') no-repeat 2rem center;background-size:auto 2rem;margin-top:.7rem;padding:0 3rem 0 5rem;border-radius:5rem;border:1px solid rgba(255,255,255,.5);font-size:1.5rem;}
@media screen and ( max-width:900px ) {
	.store_info h4 {font-size:2.2rem;}
	.store_info .button.call {height:3rem;margin-top:0;font-size:1.2rem;}
}

.map {padding-bottom:0;}
.map .cont {width:100%;max-width:100%;}

.info {padding:0 1rem;line-height:1.8; padding-bottom:2rem;font-size:1.05rem;}
.info span { display:inline-block; }
.info span {display:inline-block;width:5rem;color:#777;}
.info h3 {font-size:1rem;line-height:1.8;}
.info a {color:#9c9c9e;}
@media screen and ( max-width:900px ) {
	.info {padding:0 30px 20px;font-size:1rem;}
}

/* ÀÌ¿ë¾à°ü */
.provisionWrap .bold {font-size:1.05rem;font-weight:bold;}

/* ½Ãµµ°ü¸® */
.mapBox {position:relative;padding-left:30%;overflow:hidden;border:1px solid #ddd;background:#f9f9f9;font-size:0;box-sizing:border-box; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;}
.mapBox .mapwrap {position:absolute;left:0;top:0;bottom:0;width:30%;padding:.5rem 1rem;background:#fff;box-sizing:border-box; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;}
.mapBox .koreaMap {position:relative;margin:0 auto;width:240px; height:275px;background:url(/images/sub/map_noselect.png)no-repeat 20px 0;  }
.mapBox .koreaMap h3 { width:100%: text-align:center; font-size:14px; font-weight:bold; color:#777777; letter-spacing:-2px; padding-top:10px; }
.mapBox .koreaMap > p { position:absolute; width:25px;height:25px;border-radius:50%;font-size:0;font-weight:bold;text-align:center;z-index:999;cursor:pointer;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;z-index:100;}
.mapBox .koreaMap > p:before {content:'';position:absolute;left:28%;top:28%;width:10px;height:10px;border-radius:50%;background:#aaa;}
.mapBox .koreaMap > p.active:before, .mapBox .koreaMap > p.on:before {background:#094eeb;}
.mapBox .koreaMap > p.on:before {width:17px;height:17px;left:19%;top:18%;}
.mapBox .koreaMap > p.active:after {content:'';position:absolute;left:28%;top:28%;width:10px;height:10px;border-radius:50%;background:#094eeb;animation-delay:0;animation-name:scale_ani;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;animation-iteration-count:infinite;}
.mapBox .koreaMap > p.on:after {display:none;}
.mapBox .koreaMap p.tooltip01 { top:53px; left:83px; } /* ¼­¿ï */
.mapBox .koreaMap p.tooltip02 { top:55px; left:55px; } /* ÀÎõ */
.mapBox .koreaMap p.tooltip03 { top:32px; left:81px; } /* °æ±âµµ */
.mapBox .koreaMap p.tooltip05 { top:125px; left:88px; } /* ´ëÀü */
.mapBox .koreaMap p.tooltip06 { top:95px; left:102px; } /* ÃæºÏ */
.mapBox .koreaMap p.tooltip07 { top:153px; left:73px; } /* Àü¶óºÏµµ */
.mapBox .koreaMap p.tooltip10 { top:47px; left:135px; } /* °­¿øµµ */
.mapBox .koreaMap p.tooltip12 { top:150px; left:140px;  } /* ´ë±¸ */
.mapBox .koreaMap p.tooltip14 { top:165px; left:170px; } /* ¿ï»ê */
.mapBox .koreaMap p.tooltip16 { top:240px; left:83px;  } /* Á¦ÁÖµµ */
.mapBox .koreaMap p.tooltip17 { top:110px; left:66px;  } /* Ãæ³² */

.mapsearch {padding:2.5rem 2rem;box-sizing:border-box; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;}
.mapsearch .keyword span {display:inline-block;padding:.8rem 2rem;margin:0 .3rem .3rem 0;border:1px solid #eee;border-radius:5rem;background:#fff;font-size:1.1rem;cursor:pointer;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.mapsearch .keyword span.on {border-color:#094eeb;background:#fff;color:#094eeb;font-weight:bold;}
.mapsearch .keyword span.active {border-color:#094eeb;background:#094eeb;color:#fff;}
.mapsearch > p {padding:.3rem 0 1.5rem;}
.mapsearch > h5 {font-weight:bold;font-size:1.3rem;}

@media screen and ( max-width:900px ) {
	.mapBox {padding:0;}
	.mapBox .mapwrap {position:relative;width:auto;}
	.mapsearch {padding:2rem 1.2rem;}
	.mapsearch > h5 {font-size:1rem;}
	.mapsearch .keyword span {padding:.6rem 1.1rem;margin:0 .1rem .1rem 0;font-size:.9rem;}
	.mapBox .koreaMap {zoom:.8;}
}

.mapBox .koreaMap a { display:block; position:absolute; }
.mapBox .koreaMap a.map01 { width:19px; height:15px; left:79px; top:57px; z-index:1; }
.mapBox .koreaMap a.map01.active { background:url(/images/sub/map_01.png)no-repeat 0 0;  }
.mapBox .koreaMap a.map02 { width:23px; height:27px; left:59px; top:50px;}
.mapBox .koreaMap a.map02.active { background:url(/images/sub/map_02.png)no-repeat 0 0; }
.mapBox .koreaMap a.map03 { width:54px; height:73px; left:68px; top:27px;}
.mapBox .koreaMap a.map03.active { background:url(/images/sub/map_03.png)no-repeat 0 0; }
.mapBox .koreaMap a.map04 { width:60px; height:58px; left:49px; top:93px;}
.mapBox .koreaMap a.map04.active { background:url(/images/sub/map_04.png)no-repeat 0 0; }
.mapBox .koreaMap a.map05 { width:13px; height:15px; left:93px; top:125px; z-index:1; }
.mapBox .koreaMap a.map05.active { background:url(/images/sub/map_05.png)no-repeat 0 0; }
.mapBox .koreaMap a.map06 { width:64px; height:68px; left:96px; top:82px;}
.mapBox .koreaMap a.map06.active { background:url(/images/sub/map_06.png)no-repeat 0 0; }
.mapBox .koreaMap a.map07 { width:71px; height:43px; left:54px; top:145px;}
.mapBox .koreaMap a.map07.active { background:url(/images/sub/map_07.png)no-repeat 0 0; }
.mapBox .koreaMap a.map08 { width:17px; height:13px; left:61px; top:192px; z-index:1;}
.mapBox .koreaMap a.map08.active { background:url(/images/sub/map_08.png)no-repeat 0 0; }
.mapBox .koreaMap a.map09 { width:68px; height:57px; left:43px; top:180px;}
.mapBox .koreaMap a.map09.active { background:url(/images/sub/map_09.png)no-repeat 0 0; }
.mapBox .koreaMap a.map10 { width:96px; height:85px; left:95px; top:9px;}
.mapBox .koreaMap a.map10.active { background:url(/images/sub/map_10.png)no-repeat 0 0; }
.mapBox .koreaMap a.map11 { width:78px; height:86px; left:120px; top:86px;}
.mapBox .koreaMap a.map11.active { background:url(/images/sub/map_11.png)no-repeat 0 0; }
.mapBox .koreaMap a.map12 { width:18px; height:19px; left:143px; top:150px; z-index:1;}
.mapBox .koreaMap a.map12.active { background:url(/images/sub/map_12.png)no-repeat 0 0; }
.mapBox .koreaMap a.map13 { width:75px; height:59px; left:103px; top:155px;}
.mapBox .koreaMap a.map13.active { background:url(/images/sub/map_13.png)no-repeat 0 0; }
.mapBox .koreaMap a.map14 { width:18px; height:17px; left:173px; top:170px;}
.mapBox .koreaMap a.map14.active { background:url(/images/sub/map_14.png)no-repeat 0 0; }
.mapBox .koreaMap a.map15 { width:22px; height:22px; left:160px; top:185px;}
.mapBox .koreaMap a.map15.active { background:url(/images/sub/map_15.png)no-repeat 0 0; }
.mapBox .koreaMap a.map16 { width:37px; height:20px; left:76px; top:242px;}
.mapBox .koreaMap a.map16.active { background:url(/images/sub/map_16.png)no-repeat 0 0; }

.mebership_list li {display:flex;text-align:center;align-items:center;}
.mebership_list .membership_area {width:7rem;}
.mebership_list .membership_subject {width:21rem;}
.mebership_list .membership_logo {width:15rem;}
.mebership_list .membership_info {width:18rem;flex:auto;}
.mebership_list .membership_site {width:6rem;}
.mebership_list .b_body {padding:2rem 0;}
.mebership_list .b_body span {padding:0 1rem;font-size:1.1rem;}
.mebership_list .b_body .membership_subject {font-weight:bold;font-size:1.2rem;}
.mebership_list .b_body .membership_info {text-align:left;font-size:.95rem;line-height:1.5;}
.mebership_list .b_body .membership_site a {width:3.5rem;height:3.5rem;padding:0;border:1px solid #ddd;background:url('/images/sub/icon_site.png') no-repeat center;background-size:auto 2.3rem;font-size:0;}
.mebership_list .b_body .membership_site a:hover {border-color:#333;}
@media screen and ( max-width:900px ) {
	.mebership_list li.b_body {display:block;border-color:#555;text-align:left;}
	.mebership_list .b_body > span {display:block;width:auto;}
	.mebership_list .b_body .membership_area {padding-top:1rem;font-size:.9rem;font-weight:bold;color:#999;}
	.mebership_list .b_body .membership_subject {font-size:1.3rem;}
	.mebership_list .b_body .membership_logo {margin:1rem;border:1px solid #eee;text-align:center;}
	.mebership_list .b_body .membership_logo img {height:4rem;}
	.mebership_list .b_body .membership_site a {position:absolute;display:flex;right:0;top:0;width:auto;height:3rem;padding:0 0 0 2.2rem;border:0;background-position:.5rem center;background-size:auto 1.5rem;font-size:.8rem;align-items:center;}
}

/* login */
.login_wrap {position:relative;padding-left:55%;/*border-top:1px solid #555;background:#eee;*/border:10px solid #eee;}
.login_wrap:after {content:'';position:absolute;left:0;top:0;bottom:0;width:55%;background:url('/images/sub/login_bg.jpg') no-repeat center #333;background-size:cover;}
.login {padding:1.5rem 3rem 2.5rem;text-align:center;overflow:hidden;}
.login li {display:block; margin-top:1rem; }
.login li.save {margin-top:1.2rem; }
.login input[type="text"], .login input[type="password"] {position:relative;width:100%;border-radius:0px; border-bottom:1px solid #ccc; overflow:hidden; padding:0 0.5rem; font-size:1.2rem; color:#111;background-color:transparent !important;   z-index:2; }
.login .input_item {position:relative; border-radius:7px;  font-size:0}
.login .input_item input[type=text] + label, .login .input_item input[type=password] + label {z-index:1;}
.login .input_item label.filled, .login .input_item input:focus + label {top:-15px !important;left:0;background:transparent;}
.login .input_item input {height:4rem;}
.login .input_item input + label {font-size:1.1rem;}
.login .remain { position:absolute; width:40px;right:100px;top:15px; text-align:right;  font-size:.95rem; color:#02b1e7; z-index:5}
.login .button {width:100%;background:#161616;}
.login .button.line {width:auto;margin-top:.5rem;border:0;background:transparent;color:#094eeb;font-weight:bold;font-size:1.1rem;}
.login .data-empty {min-height:10rem;font-size:1.1rem !important;}

@media screen and ( max-width:900px ) {
	.login_wrap {padding-left:0;}
	.login_wrap:after {display:none;}
	.login {padding:0 1.5rem 1.5rem;}
	.login .data-empty {font-size:.9rem !important;}
	.input_item.id:after, .input_item.pw:after, .input_item.title:after {right:0;background-size:auto 1.5rem;}
	.input_item input[type=text] + label, .input_item input[type=password] + label {left:0;}
	.login input[type="text"], .login input[type="password"] {padding:0;}
}