@charset "utf-8";

/* 폰트 설정 - Font Settings */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style:normal;}

.nanumgothic * {font-family: 'Nanum Gothic', sans-serif;} 
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; }
.taom { font-family: 'BinggraeTaom', sans-serif !important; }
.goyang { font-family: 'GoyangDeogyang', sans-serif !important; }
.notosans { font-family: 'Noto Sans KR', sans-serif; }
.scoredream_el { font-family: 'S-CoreDream-2ExtraLight', sans-serif; }
.scoredream_r { font-family: 'S-CoreDream-4Regular', sans-serif; }
.scoredream_b { font-family: 'S-CoreDream-6Bold', sans-serif; }
.scoredream_eb { font-family: 'S-CoreDream-7ExtraBold', sans-serif; }
.scoredream_hvy { font-family: 'S-CoreDream-8Heavy', sans-serif; } 
.scoredream_bl { font-family: 'S-CoreDream-9Black', sans-serif; }


/* 기본 스타일 초기화 - Reset Default Styles */
html {overflow-y:scroll;height:100%;min-width:320px; scroll-behavior: smooth; }

body {margin:0;padding:0;height:100%;font-family:'SUIT', SUIT, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul,li,ol{list-style:none;padding:0;margin:0}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button , input[type=submit]{cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}
/* 스타일 가이드 끝 */

	
/***************************************************************/

/* 기본 색상 변수 설정 - Color Variables */
:root {
	--spot-color-gray-01:#f3f3f3;
	--spot-color-gray-02:#d9d9d9;
	--spot-color-gray-03:#939393;
	--spot-color-blue-01:#1f88ff;
	--spot-color-blue-01-rgb:31,136,255;
	--spot-color-yellow-01-rgb:255,233,29;
	--spot-color-white:#fff;

	--spot-gray100: 255, 255, 255;
    --spot-gray99: 250, 250, 251;
    --spot-gray95: 247, 247, 249;
    --spot-gray90: 240, 240, 243;
    --spot-gray80: 233, 233, 236;
    --spot-gray70: 217, 217, 220;
    --spot-gray60: 197, 197, 199;
    --spot-gray50: 147, 147, 150;
    --spot-gray40: 119, 119, 122;
    --spot-gray30: 85, 85, 88;
    --spot-gray20: 68, 68, 71;
    --spot-gray10: 34, 34, 37;
    --spot-gray0: 0, 0, 0;

	--spot-padding-20:20px;

	--spot-panel-width: 365px;
	--spot-head-height: 80px;

	--spot-filter-blue-01 : invert(47%) sepia(98%) saturate(3492%) hue-rotate(197deg) brightness(101%) contrast(101%);
	--spot-filter-white : brightness(0) grayscale(1) invert(1);
}

/* 스타일 작업 시작 */
body { background:transparent;} 
body::-webkit-scrollbar { display: none;}
body, html {width: 100%; -ms-overflow-style: none; scrollbar-width: none; }
#wrap {background: transparent; text-align: center; }
*, *:after, *:before {box-sizing: border-box; padding:0; margin:0;}
img { display:inline-block; font-size: 0;}
/* header, .main_silde {width: 100%;} */
a {text-decoration: none; color:#000;}
a:hover { color:var(--spot-color-blue-01);}
input, select, textarea {font-family: "SUIT", 'noto sans KR', sans-serif;}

.orange {color:#ff6600; }

/* header 메뉴 */
header {z-index: 202; width: 4rem; background:var(--spot-color-white); border-right:1px solid var(--spot-color-gray-02); position:fixed; height:100vh; left:0; top: 0}
/* header:after { left:0; right:0; margin: 0 auto;justify-content: center;align-items: center;display: flex;content:''; top: 100px; position:absolute; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);} */
header h1 {z-index: 16;flex-basis: content; height: calc(var(--spot-head-height) - 1px); text-align: left;}
header h1 a { display:block; height:100%; width: 100%; padding: 1em 0.5em; text-align: center;}
header h1 img { height:100%; }
header h1 .yes-scroll { display:none;}
header .box_inner { z-index:202; position: relative; width: 100%; }
header nav span { display:block; padding-top: 0.2em}
header nav li { border-top:1px solid var(--spot-color-gray-02)}
header nav li a { display:block; padding: 1em 0; font-size: 0.8em}
header nav .ls-icon:after { filter: grayscale(100%) brightness(0); opacity: 1; width:100%; height:100%; position: absolute; content:''; left:0; top:0; background-size:contain; background-position: center center; background-repeat: no-repeat;}
header nav .ls-icon { position: relative; text-align: center; width:100%; height:1.4em; margin-bottom: 0.5em; display:block; }
header nav .active, header nav li:hover { background-color:var(--spot-color-blue-01);}
header nav .active a, header nav li:hover a { color:#fff;}
header nav .active .ls-icon:after, header nav li:hover .ls-icon:after { filter: brightness(0) grayscale(1) invert(1); }
header nav .login-on img {transform: scale(0.657);}

header nav .login-on .ls-icon:after { background:none;}
header nav .login-on .ls-icon img { height:100%; }
header nav .login-on .ls-icon { display:inline-block;  line-height:1.7em; margin-bottom: 0.2em; margin:0 auto; width: 1.7em; height:1.7em; border-radius: 50%; overflow: hidden;}
header nav .login-on .ls-icon:before { content:''; position: absolute; width:100%; height:100%; border-radius: 50%; overflow: hidden; border: 1px solid;    border-color: rgba(var(--spot-gray0), 0.3);}

/* 폰트셋팅 */
.fs-009e { font-size: 0.9em }
.fs-010e { font-size: 1em }
.fs-012e { font-size: 1.2em }
.fs-011e { font-size: 1.1em }

/* 패딩셋팅 */
.ptb005e { padding-top: 0.5em; padding-bottom: 0.5em}
.pt010e { padding-top: 1em; }
.pb005e { padding-bottom: 0.5em; }
.pb010e { padding-bottom: 1em; }

.name-txt-012e { font-size: 1.2em; } 
.name-txt-014e { font-size: 1.4em; } 
.sub-txt { font-size: 1.05em;} 
.cate-txt { color:var(--spot-color-gray-03);}
.prof-txt { font-weight:600;  }
.news-title { font-weight:600; font-size: 1.1em; }
.day-txt { font-size: 0.9em; color:var(--spot-color-gray-03);}

.bar-b-07 { font-size:0; line-height:0; height: 7px; background-color:rgba(var(--spot-gray40), 0.1) }
.blind {  overflow: hidden !important;    position: absolute !important;    width: 1px !important;    height: 1px !important;    margin: -1px !important;    color: transparent !important;    clip: rect(0px, 0px, 0px, 0px) !important;}
.place_blind {  overflow: hidden !important;    position: absolute !important;    width: 1px !important;    height: 1px !important;    margin: -1px !important;    color: transparent !important;    clip: rect(0px, 0px, 0px, 0px) !important;}

.nav_md .inner-box {  left:50%; bottom:7vh; transform: translateX(-50%);  font-weight: 600; position: absolute; max-width: 1920px; width:100%; height:0px;  z-index:3; }

.container {background: transparent;  margin: 0 auto; text-align: center;}


/*메인 product*/
.scroll-box-4 { position:relative; width:100%; height: 100vh; overflow: hidden; }
.scroll-box-4 .inner-box { display:flex; height:100vh;/*  user-select: none; */}
.scroll-box-4 .map-box { flex: 1 1 auto;}
.scroll-box-4 .map-list { display:flex; flex:1 1 auto; height:100%;  }
.scroll-box-4 .map-head { position: absolute; border-bottom:1px solid var(--spot-color-gray-02); top:0; left: 0; display:block; z-index:30; height:var(--spot-head-height); width: var(--spot-panel-width); padding: 1.187em var(--spot-padding-20) 1.187em var(--spot-padding-20); background:var(--spot-color-white);}
.scroll-box-4 .map-panel { width: var(--spot-panel-width); padding-top: var(--spot-head-height); height:100%; display:flex; flex-direction: column; z-index:26; box-shadow: 1px 1px 5px rgba(var(--spot-gray0), 0.1); background:var(--spot-color-white);}
.scroll-box-4 .map-sub-panel { width: calc(var(--spot-panel-width) - 10px); z-index:20; position: relative; height:calc(100% - 20px); margin-top: 10px; margin-left: 10px; overflow: hidden; border-radius: 1em; margin-bottom:5px;  box-shadow: 1px 1px 5px rgba(var(--spot-gray0), 0.1); background-color: var(--spot-color-white); /* background-image: linear-gradient(50deg, #e40050 0%, #e95219 100%); */}
.scroll-box-4 .map-sub-inner { width:100%; height:100%; display:flex; flex-direction: column;  flex: 0 0 auto;}
.scroll-box-4 .map-info-box { position: absolute; top:0; left: 4rem; bottom:0; z-index: 200; height:100%; min-width: var(--spot-panel-width); background-color: transparent;}

.map-info-box ::-webkit-scrollbar { width:6px;}
.map-info-box ::-webkit-scrollbar-thumb { border-radius: 3px; background:#a0a0a0;}
.map-info-box ::-webkit-scrollbar-track-piece { border-radius: 3px; background:#eeeeee;}

/* .spot-box::-webkit-scrollbar { width:6px;}
.spot-box::-webkit-scrollbar-thumb { border-radius: 3px; background:#a0a0a0;}
.spot-box::-webkit-scrollbar-track-piece { border-radius: 3px; background:#eeeeee;}
 */
/*  */

/* 페이지처리 */
.paging-box { border-top:1px solid var(--spot-color-gray-02); display:flex; justify-content: center; align-items: center; height: 40px;}
.paging-box a { display:block; position: relative; width: 30px; line-height:1;}
.paging-box a:hover:before { content:''; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width:28px; height: 28px; border-radius: 5px; background: rgba(var(--spot-color-blue-01-rgb), 0.2);}
.paging-box .pag-next svg { transform:rotate(180deg);}

.scroll-box-4 .map-panel .image-area { border-radius: 0.5em; overflow: hidden;}
.scroll-box-4 .map-panel .image-area img { object-fit: cover; width:100%; height:100%; object-position: center center;}
.scroll-box-4 .map-panel .txt-area { width:100%; margin-top: 1em; position: relative;}
.scroll-box-4 .map-panel .sub-txt { padding-right: 1.3em;}
.scroll-box-4 .map-panel .book-mark { position: absolute; top:0; right:0; width: 1.2em; height:1.2em;}
.btn-favorite { overflow: hidden; border:none;  display: inline-block;    font-size: 1px;    line-height: 1px; background:none;   color: transparent;    vertical-align: top;    width: 18px;    height: 17px;   position: relative;    z-index: 20;}
.btn-favorite:after { position: absolute; content:''; left:0; top:0; width:100%; height:100%; background-size: contain;   background-position: center center; background-repeat: no-repeat}
.btn-favorite:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(147, 147, 147)' d='M14.626,17.998 C14.381,17.998 14.136,17.921 13.923,17.767 L9.569,14.636 C9.521,14.603 9.459,14.603 9.411,14.636 L5.063,17.763 C4.635,18.071 4.082,18.071 3.654,17.763 C3.225,17.455 3.054,16.934 3.218,16.436 L4.879,11.378 C4.897,11.323 4.877,11.263 4.830,11.230 L0.501,8.117 C0.070,7.807 -0.102,7.283 0.063,6.782 C0.227,6.281 0.678,5.957 1.210,5.957 L6.561,5.957 C6.620,5.957 6.671,5.920 6.689,5.865 L8.344,0.823 C8.508,0.323 8.958,-0.000 9.490,-0.000 C10.022,-0.000 10.471,0.323 10.636,0.823 L12.291,5.865 C12.309,5.920 12.360,5.957 12.418,5.957 L17.802,5.957 C18.329,5.957 18.776,6.278 18.939,6.775 C19.102,7.272 18.932,7.791 18.504,8.098 L14.150,11.230 C14.102,11.263 14.083,11.323 14.101,11.378 L15.764,16.443 C15.927,16.941 15.757,17.460 15.329,17.767 C15.116,17.921 14.871,17.998 14.626,17.998 ZM9.490,13.984 C9.648,13.984 9.806,14.032 9.941,14.129 L14.295,17.260 C14.539,17.436 14.797,17.375 14.957,17.260 C15.117,17.145 15.255,16.921 15.162,16.637 L13.499,11.571 C13.395,11.257 13.508,10.916 13.777,10.722 L18.132,7.591 C18.376,7.416 18.398,7.154 18.337,6.968 C18.276,6.782 18.103,6.584 17.802,6.584 L12.418,6.584 C12.085,6.584 11.792,6.373 11.689,6.059 L10.033,1.017 C9.939,0.729 9.691,0.626 9.490,0.626 C9.289,0.626 9.041,0.729 8.946,1.017 L7.291,6.059 C7.188,6.373 6.895,6.584 6.561,6.584 L1.210,6.584 C0.903,6.584 0.727,6.786 0.665,6.975 C0.603,7.165 0.625,7.431 0.873,7.610 L5.202,10.722 C5.472,10.916 5.584,11.258 5.481,11.572 L3.820,16.630 C3.727,16.915 3.865,17.140 4.026,17.256 C4.186,17.371 4.446,17.432 4.691,17.256 L9.039,14.129 C9.174,14.032 9.332,13.984 9.490,13.984 Z'/%3E%3C/svg%3E");}
.btn-favorite:hover:after, .btn-favorite:active:after, .btn-favorite.fav-active:after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='76px' height='72px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 204, 0)' d='M75.352,26.994 C74.707,25.014 72.939,23.734 70.850,23.734 L49.549,23.734 C49.318,23.734 49.116,23.588 49.045,23.369 L42.494,3.281 C41.843,1.287 40.064,-0.002 37.959,-0.002 C35.856,-0.002 34.076,1.287 33.426,3.281 L26.875,23.370 C26.804,23.588 26.601,23.734 26.371,23.734 L5.195,23.734 C3.088,23.734 1.305,25.024 0.654,27.021 C0.003,29.018 0.684,31.107 2.388,32.341 L19.520,44.743 C19.707,44.878 19.784,45.116 19.713,45.334 L13.141,65.489 C12.494,67.473 13.171,69.548 14.865,70.775 C16.558,72.000 18.747,72.000 20.443,70.775 L37.648,58.319 C37.834,58.184 38.085,58.184 38.271,58.319 L55.502,70.793 C56.347,71.405 57.316,71.711 58.285,71.711 C59.254,71.711 60.223,71.405 61.068,70.793 C62.759,69.569 63.434,67.499 62.788,65.518 L56.207,45.334 C56.135,45.116 56.213,44.878 56.399,44.743 L73.632,32.267 C75.323,31.044 75.998,28.974 75.352,26.994 Z'/%3E%3C/svg%3E"); }

/* 관심업체 */
.favorite-box { text-align: left; position: relative; overflow: hidden auto;}
.favorite-box .fav-list {  position: relative; border-top:1px solid var(--spot-color-gray-01)  }
.favorite-box .fav-list a { display:block; padding: var(--spot-padding-20) 5.7em var(--spot-padding-20) var(--spot-padding-20);}

/* 삭제버튼 */
.favorite-box .book-mark-del { position: absolute; right:0px; top:50%; padding-right: var(--spot-padding-20); transform: translateY(-50%); }
.btn-book-del { border:0; padding: 5px 0; background:transparent; }
.btn-book-del:after { position: absolute; content:''; left:-1.6em; top:50%; transform: translateY(-50%); width:1.4em; height:1.4em; background-size: contain; background-position: center center; background-repeat: no-repeat;}

/* 알림업체 */
.notify-box { position: relative; text-align: left; overflow: hidden auto;}
.notify-box .notify-list { position: relative; border-top:1px solid var(--spot-color-gray-01)  }
.notify-box .notify-list a { display:block;padding: var(--spot-padding-20) 5.7em  var(--spot-padding-20) var(--spot-padding-20); }
.notify-box .alarm-box { position: absolute; right:0px; top:50%; transform: translateY(-50%); padding-right: var(--spot-padding-20); }
.notify-box .alarm-box .switch { width: 4.7em; }
.ls-set-radio .checkbox {  display: none;}
.ls-set-radio .switch {  font-size: 0.9em;    align-items: center;   background-color: rgba(var(--spot-gray50), 1);   border-radius: 2.2em;    cursor: pointer;    display: flex;    height: 2.2em;    justify-content: space-between;    padding: 0 10px;    position: relative;    user-select: none;    width: 6.5em;}
.ls-set-radio .checkbox:checked ~ .switch {    background-color: var(--spot-color-blue-01);}
.ls-set-radio .checkbox:not(:checked) ~ .switch {    background-color: rgba(var(--spot-gray50), 1);}
.ls-set-radio .switch_left, .ls-set-radio .switch_right {    color: #fff;    font-weight: 600;    text-transform: uppercase;}
.ls-set-radio .switch_left {  position: absolute; left:10px;}
.ls-set-radio .switch_right { position: absolute; right:10px;}
.ls-set-radio .checkbox:checked ~ .switch .switch_left {    visibility: hidden;}
.ls-set-radio .checkbox:not(:checked) ~ .switch .switch_right {    visibility: hidden;}
.ls-set-radio .switch_circle {    height: 2.2em;    padding: 5px;    position: absolute;    transition: all 0.1s linear;    width: 2.2em;}
.ls-set-radio .checkbox:checked ~ .switch .switch_circle {    left: 0;    right: calc(100% - 2.2em);}
.ls-set-radio .checkbox:not(:checked) ~ .switch .switch_circle {    left: calc(100% - 2.2em);    right: 0;}
.ls-set-radio .switch_circle-inner {    background-color: #fff;    border-radius: 50%;    display: block;    height: 100%;    width: 100%;}

.panel-head { position: relative; text-align: left;}
.panel-head .notify-onoff { position: absolute; right:0px; top:calc(var(--spot-padding-20) - 0.2em); padding-right: var(--spot-padding-20); }
.panel-head .book-mark-all-del { position: absolute; right:0px; top:calc(var(--spot-padding-20) - 0.2em); padding-right: var(--spot-padding-20); }

.fir-l-no { border-color:rgba(var(--spot-gray100), 1);}

/* 기본 목록 이미지슬라이드 */
.spot-list .img-slide-spot { position: relative;}
.spot-list .image-box { overflow: hidden; position: relative; padding-top: 55%; width:100%; }
.spot-list .image-box img { width:100%; height:100%; object-fit: cover; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.spot-list .image-count {left:auto; right: 10px; bottom:auto; top: 10px; width:auto; height:auto; border-radius: 1em; padding: 1px 6px; background:rgba(var(--spot-gray0), 0.6); font-size: 0.8em; position: absolute; color:var(--spot-color-white);}
.spot-list .image-count em { font-style:normal}
.spot-list .image-count span { opacity: 0.6;}
.spot-list .image-paging { display:none; position: absolute; inset:0px; z-index:10; width:100%; height:100%; pointer-events:none;}
.spot-list .image-paging button { box-shadow: 0 0 1px 0 rgba(var(--spot-gray0), .2), 0 2px 4px 0 rgba(var(--spot-gray0), .2); border-radius: 2rem; z-index:1; position: relative; background-color:rgba(var(--spot-gray100), 1); border:none; top:50%; transform: translateY(-50%); bottom:0;  width: 36px; height:36px; padding: 10px; pointer-events: auto; border-radius: 5rem; mask-image:none; color:transparent; font-size: 1px; line-height:1px; display:inline-block; overflow: hidden; position: absolute; background-size: 25% auto; background-position: center center; background-repeat: no-repeat;}
.spot-list .image-paging button:after { content:'';  border-radius: 50%; left:0; top:0; width:100%; height:100%; background-size:8px auto; background-position: center center; background-repeat: no-repeat; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' class='back-rev' aria-hidden='true'%3E%3Cpath d='M2 11.4l-1-1.1 4.4-4.5L1 1.4 2 .3l5.6 5.5L2 11.4z'%3E%3C/path%3E%3C/svg%3E");}
.spot-list .image-paging .slide-left { left:-10px; }
.spot-list .image-paging .slide-right { right:-10px;  }
.spot-list .image-paging .slide-left:after { transform: rotate(-180deg);}
.spot-list:hover .image-paging { display:block; }
.spot-list .image-paging button:hover { background-color: rgba(var(--spot-gray90), 1);}
/* .spot-list:hover .image-paging { display:block} */

/* 알림받기 */
.notify-check { position: absolute;    top: 0;    right: 0;    padding: 7px 9px;  border: 1px solid rgba(var(--spot-gray80), 1);    border-radius: 2rem;    font-size: 0.7rem;    line-height: 0.8rem;   color: rgba(var(--spot-gray20), 1); }
.notify-check svg { fill: rgba(var(--spot-gray30), 1);    width: 12px;    height: 12px;    margin-right: 1px; vertical-align: middle;}
.notify-check:hover svg {fill:rgba(var(--spot-color-blue-01)) }
.notify-check span { vertical-align: middle; }
.notify-check:hover { border-color:var(--spot-color-blue-01); color:var(--spot-color-blue-01);}
.txt-area { position: relative;}

.subject-box {padding: 25px 20px; position: relative;  }

.news-box {}
.news-list {padding: 25px 20px; position: relative;  }
.news-list:before { content:''; position: absolute; top:0; right:0; left:0; height:1px; background:rgba(var(--spot-gray90), 1)}
.news-list:nth-child(1):before { display:none;}
.news-list .news-title span::after { content:''; display:inline-block; width:5px;}


.head-txt { display:flex; align-items: center;}
.head-txt .ls-icon { display:inline-block; height: 2.5em; width: 2.5em; margin-right: 7px; border-radius: 50%; position: relative; }
.head-txt .ls-icon:before {position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 20;  border-radius: 50%;  overflow: hidden;    border: 2px solid;    border-color: rgba(var(--spot-gray80), 1);   box-shadow: 0 5px 13px rgba(var(--gray40), 0.5);    content: "";}
.head-txt .ls-icon img {  width: 38px; height:38px;   position: absolute;    top: 50%;    left: 50%;   transform: translate(-50%, -50%);    z-index: 20;    border-radius: 50%;    object-fit: cover;}

/* 더보기 + 접기 */
.more-box { padding: 20px 20px;}
.more-box>div { display:flex; align-items: center; position: relative; text-align: center;}
.more-box a { display:flex; flex:none; align-items: center; justify-content: center; height: 2em;  padding:0 20px; line-height: 1em; background:rgba(var(--spot-gray95), 1); gap:4px; text-decoration: none; border-radius: 2em;}
.more-box a svg { width: 20px; height: 10px; vertical-align: 1px; margin-left: 4px; fill: rgba(var(--spot-gray20), 1);}
.more-box .more-close-btn svg { transform: rotate(180deg);}
.more-box>div:after { flex:1; height:1px; background:rgba(var(--spot-gray90), 1); content:'';}
.more-box>div:before { flex:1; height:1px; background:rgba(var(--spot-gray90), 1); content:'';}

/* 모바일시 업체목록 보여주기 */
.map-panel .map-spot-view { display:none; padding-top: 0.2em; padding-bottom: 1em; margin-right:10px; margin-left: 20px; min-height: 5em; height: 5em; font-size: 1em; border-top-left-radius: 2em; border-top-right-radius: 2em; overflow: hidden;}
.map-panel .map-spot-view i { display:inline-block; width: 30px; height:4px; border-radius: 1em; background:rgba(var(--spot-gray70), 1);}
.map-panel .map-spot-view p {  padding: 0.5em 0;}
.map-panel .map-spot-view p span {display:inline-block; border-radius: 2em; border:1px solid rgba(var(--spot-gray40), 0.2);   padding: 0.5em 1em;}

.review-list {padding: 25px 20px; position: relative;  }
.review-list:before { content:''; position: absolute; top:0; right:0; left:0; height:1px; background:rgba(var(--spot-gray90), 1)}
.review-list:nth-child(1):before { display:none;}

.img-slide-rev .img-p-bb {  position: relative; width: auto;  min-width: 180px;  height: 226px;  aspect-ratio: 1;  object-fit: cover;}
.img-slide-rev .img-p-b1 { aspect-ratio: 0.8; }
.img-slide-rev .img-p-b2 { width: 260px; height:auto; }
.img-slide-rev .img-pic a { width:auto; display:inline-block; overflow: hidden; position: relative;}
.img-slide-rev .slide-wrapper { position: relative;}
.img-slide-rev .img-list {     display: flex; flex-direction: row; align-items: flex-start; position: relative;		z-index: 1;		width: 100%;		height: 100%; will-change: transform;}
.img-slide-rev .img-list>* { flex-shrink: 0;}
.img-slide-rev .img-pic:first-child { padding-left:20px;  }
.img-slide-rev .img-pic:first-child a {border-radius: 16px 0 0 16px }
.img-slide-rev .img-pic:last-child a {border-radius: 0 16px 16px 0}
.img-slide-rev .img-pic:only-child a { border-radius: 16px; }
.img-slide-rev { margin:0 -20px 13px ; position: relative;}
.img-slide-rev .slide-box { overflow: hidden; position: relative;}
.img-slide-rev .img-pic+ .img-pic { padding-left:2px;}
.img-slide-rev .img-pic a:after {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 10;    background: rgba(0, 0, 0, .03);    content: ""; }
.img-slide-rev .img-pic:first-child a::before, .img-slide-rev .img-pic:first-child a::after {border-radius: 0 16px 16px 0 }
.img-slide-rev .img-pic:last-child a::before, .img-slide-rev .img-pic:last-child a::after { border-radius: 16px 0 0 16px}
.img-slide-rev .img-pic:only-child a::before, .img-slide-rev .img-pic:only-child a::after { border-radius: 16px}


/* .img-slide-rev .img-list { display:flex; overflow: hidden;}
.img-slide-rev .slide-box { width:100%; overflow: hidden;}
.img-pic img { width:100%; height: 220px; object-fit: cover;}
.img-pic a { display:block; height:100%;}
.img-pic { min-width: 180px; max-width: 240px;}
 */
/* .img-slide-rev .slide-box { overflow: hidden; position: relative;}
.review-img { border:1px solid red; overflow: hidden; width:100%;}
.review-img img { object-fit: cover; width:100%; height:100%;}
.img-slide-rev .img-list  { display:flex; align-items: flex-start; overflow: hidden;}
.img-slide-rev .img-pic { width:100%; max-width: 226px; min-width: 180px; height: 226px;}
.img-slide-rev { width:100%; overflow: hidden;} */
/* .img-slide-rev .img-list { overflow: hidden; display:flex; flex-direction: row; align-items: flex-start; position: relative; }
.img-slide-rev .img-pic { width: auto; min-width: 180px; height: 226px; }
.img-slide-rev .img-pic a { display:block; height:100%;}
.img-slide-rev .img-pic img { width:100%; height:100%; object-fit: cover;}
 */
/* .img-slide-rev .img-p-bb {width:100%; height:100%; aspect-ratio: 1;  object-fit: cover;}
.img-slide-rev .img-p-b2 {width:100%; height:100%; height:auto; }
.img-slide-rev .img-p-b1 { aspect-ratio: 0.8; }
.img-slide-rev .img-pic a { display:inline-block; height:100%; overflow: hidden;}
.img-slide-rev .slide-box { overflow: hidden; position: relative;}
.img-slide-rev .img-list>* { flex-shrink: 0;}
.img-slide-rev .img-list { overflow: hidden; display:flex; flex-direction: row; align-items: flex-start; position: relative;  border:1px solid red;}
.img-slide-rev .img-pic { width: auto; min-width: 180px; height: 226px; }
.img-slide-rev .img-pic+ .img-pic { padding-left:2px;}
.img-slide-rev .img-pic:first-child { padding-left:20px;  }
.img-slide-rev .img-pic:first-child a {border-radius: 16px 0 0 16px; }
.img-slide-rev .img-pic:last-child a {border-radius: 0 16px 16px 0 }
.img-slide-rev .img-pic:only-child a { border-radius: 16px; }
.img-slide-rev .slide-wrapper { width: calc(100% - 20px); position: relative;} */
/* .img-slide-rev .img-p-bb {     position: relative;    width: auto;    min-width: 180px;    height: 226px;  aspect-ratio: 1;  object-fit: cover;}
.img-slide-rev .img-p-b1 { aspect-ratio: 0.8; }
.img-slide-rev .img-pic a { display:inline-block; overflow: hidden;}
.img-slide-rev .slide-wrapper { width: calc(var(--spot-panel-width) - 16px); position: relative;}
.img-slide-rev .img-list {     display: flex; flex-direction: row; align-items: flex-start; position: relative;		z-index: 1;		width: 100%;		height: 100%; will-change: transform;}
.img-slide-rev .img-list>* { flex-shrink: 0;}
.img-slide-rev .img-pic:first-child { padding-left:20px;  }
.img-slide-rev .img-pic:first-child a {border-radius: 16px 0 0 16px; }
.img-slide-rev .img-pic:last-child a {border-radius: 0 16px 16px 0 }
.img-slide-rev .img-pic:only-child a { border-radius: 16px; }
.img-slide-rev .img-p-b2 { width: 260px; height:auto; }
.img-slide-rev { margin:0 -20px 13px ; position: relative;}
.img-slide-rev .slide-box { overflow: hidden; position: relative;}
.img-slide-rev .img-pic+ .img-pic { padding-left:2px;} */
.btn-rev-back {position: absolute;    top: 0;    bottom: 0;    z-index: 3100; opacity: 0; left:0;}
.btn-rev-next {position: absolute;    top: 0;    bottom: 0;    z-index: 3100; opacity: 0; right:0;}
.btn-rev-back .btn-rev-box, .btn-rev-next .btn-rev-box  {    position: absolute;    top: 50%;   width: 36px;    height: 36px;      border-radius: 50%;    background-color:rgba(var(--spot-gray100), 1) ; box-shadow: 0 0 1px 0 rgba(var(--spot-gray0), .2), 0 2px 4px 0 rgba(var(--spot-gray0), .2);    transform: translateY(-50%); }
.btn-rev-back .btn-rev-box .back-rev {     transform: translate(-50%, -50%) rotate(180deg);     position: absolute;    top: 50%;    left: 50%;    fill: rgba(var(--gray40), 1);    width: 8px;    height: 12px;}
.btn-rev-back .btn-rev-box { left:2px;}
.btn-rev-next .btn-rev-box { right:2px;}
.btn-rev-next .btn-rev-box .next-rev {    position: absolute;		top: 50%;		left: 50%;		transform: translate(-50%, -50%);		fill: rgba(var(--gray40), 1);		width: 8px;		height: 12px;}
.spot-blind { overflow: hidden;		position: absolute;		width: 1px;		height: 1px;		margin: -1px;		padding: 0;		border: 0;		clip: rect(0, 0, 0, 0);}
.btn-rev-box:hover { background-color:rgba(var(--spot-gray90), 1)}
.slide-wrapper:hover .btn-rev-back, .slide-wrapper:hover .btn-rev-next { opacity: 1;}

/* .img-slide-rev .img-list {     display: flex; flex-direction: row; align-items: flex-start; position: relative;		z-index: 1;		width: 100%;		height: 100%;	} */
/* .img-slide-rev .img-list {     display: flex; flex-direction: row; align-items: flex-start; position: relative;		z-index: 1;		width: 100%;		height: 100%;		will-change: transform;} */

/* 
.img-slide-rev { margin:0 calc(-1 * 20px) 13px }
.img-slide-rev .slide-wrapper { position: relative; white-space: nowrap;}
.img-slide-rev .slide-box { overflow: hidden; position: relative;}
.img-slide-rev .img-list {     display: flex; flex-direction: row; align-items: flex-start; position: relative;		z-index: 1;		width: 100%;		height: 100%;		will-change: transform;}
.img-slide-rev .img-list>* { flex-shrink: 0;}
.img-slide-rev .img-camera {display:inline-block; vertical-align: top;}
.img-slide-rev .img-camera:first-child { padding-left:20px;  }
.img-slide-rev .img-camera:first-child a {border-radius: 16px 0 0 16px; }
.img-slide-rev .img-camera .spot-thumb { display: inline-block;overflow: hidden;    position: relative;    vertical-align: top;    width: auto; }
.img-slide-rev .img-camera img {     position: relative;    width: auto;    min-width: 180px;    height: 226px;  aspect-ratio: 1;  object-fit: cover;}
.img-slide-rev .img-camera .spot-thumb:after {     position: absolute;   top: 0;   right: 0;   bottom: 0;   left: 0;   z-index: 10;   background: rgba(0, 0, 0, .03);   content: "";}
.img-slide-rev .img-camera+ .img-camera { padding-left:2px;}
*/


/* 241213추가 */
.scroll-box-4 .map-search { background:var(--spot-color-white); border-radius: 2em; overflow:hidden; border:2px solid var(--spot-color-blue-01) }
.scroll-box-4 .map-search input { width: calc(100% - 3em); padding: 10px 0.76em ; border:none; text-align: left; }
.scroll-box-4 .map-search input::placeholder{ color:#a0a0a0}
.scroll-box-4 .map-search button { position: relative; right: 5px; width: 1.8em; height:1.8em; border:none; background:transparent;}
.scroll-box-4 .map-search button svg { filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(211deg) brightness(118%) contrast(119%); width:100%; height:100%;}

.scroll-box-4 .spot-box { overflow:hidden auto ; text-align: left; display:flex; flex:1; flex-direction: column; }

.scroll-box-4 .spot-view-box {text-align: left; height:100%; }

.scroll-box-4 .spot-list { position: relative; cursor: pointer; text-align: left; width:100%; padding: 25px 20px; border-top:1px solid var(--spot-color-gray-01)}
.scroll-box-4 .spot-list:hover { background-color:rgba(var(--spot-gray40), 0.1)}

.scroll-box-4 .spot-view .image-area { position: relative;}
.scroll-box-4 .spot-view em {font-style: normal; }
.scroll-box-4 .spot-view { display: flex; flex-direction: column; padding-top: 0px; height:100%; }
.scroll-box-4 .spot-view-info { overflow:hidden auto; }

.scroll-box-4 .ls-local { display: block; width:100%; padding: 20px 20px 0 20px;}


.scroll-box-4 .rev-txt b { display:inline-block; padding-left: 5px;}
.scroll-box-4 .img-local { border-bottom:2px solid var(--spot-color-white); padding-bottom: 2.28em; }

.scroll-box-4 .spot-view-full { text-align: center; display:none;  padding-top: 0.3em; width:100%; padding-bottom: 1em; min-height: 4.5em; height: 4.5em; color:var(--spot-color-white); border-top-left-radius: 2em; border-top-right-radius: 2em; overflow: hidden;}
.scroll-box-4 .spot-view-full i { display:inline-block; width: 30px; height:4px; border-radius: 1em; background:#dcdcdc;}
.scroll-box-4 .spot-view-full p {  font-size: 1px; height:1px; color:transparent}

/* 자세히보기 상단 이미지 슬라이드 */
.img-slide .image-box { overflow: hidden; position: relative; padding-top: 55%; width:100%; }
.img-slide .image-box img { width:100%; height:100%; object-fit: cover; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.img-slide .image-count { font-size: 0.8em; position: absolute; bottom:10px; left: 50%; transform: translateX(-50%); color:var(--spot-color-white);}
.img-slide .image-count em { font-style:normal}
.img-slide .image-count span { opacity: 0.6;}
.img-slide { position: relative;}
.img-slide .image-paging { display:none; position: absolute; inset:0px; z-index:10; width:100%; height:100%; pointer-events:none;}
.img-slide .image-paging button { box-shadow: 0 0 1px 0 rgba(var(--spot-gray0), .2), 0 2px 4px 0 rgba(var(--spot-gray0), .2); border-radius: 2rem; z-index:1; position: relative; background-color:rgba(var(--spot-gray100), 1); border:none; top:50%; transform: translateY(-50%); bottom:0;  width: 36px; height:36px; padding: 10px; pointer-events: auto; border-radius: 5rem; mask-image:none; color:transparent; font-size: 1px; line-height:1px; display:inline-block; overflow: hidden; position: absolute; background-size: 25% auto; background-position: center center; background-repeat: no-repeat;}
.img-slide .image-paging button:after { content:'';  border-radius: 50%; left:0; top:0; width:100%; height:100%; background-size:8px auto; background-position: center center; background-repeat: no-repeat; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' class='back-rev' aria-hidden='true'%3E%3Cpath d='M2 11.4l-1-1.1 4.4-4.5L1 1.4 2 .3l5.6 5.5L2 11.4z'%3E%3C/path%3E%3C/svg%3E");}
.img-slide .image-paging .slide-left { left:5px; }
.img-slide .image-paging .slide-right { right:5px;  }
.img-slide .image-paging .slide-left:after { transform: rotate(-180deg);}
.img-slide:hover .image-paging { display:block; }
.img-slide .image-paging button:hover { background-color: rgba(var(--spot-gray90), 1);}

.scroll-box-4 .spot-li .ls-icon { left:0px; top: 0.3em; position: absolute; width:2em; height:1em; }
.scroll-box-4 .spot-li .ls-icon:after { filter:invert(1); opacity: 0.3; width:100%; height:100%; position: absolute; content:''; left:0; top:0; background-size: contain; background-position: left center; background-repeat: no-repeat;}
.scroll-box-4 .spot-li .ls-icon-01:after {left: 5%; top: -0.2em; width: 130%; height: 130%;}
.scroll-box-4 .spot-li .ls-icon-03:after { left: -5%; width: 110%; height: 110%;}
.scroll-box-4 .spot-li .ls-icon-04:after {left: 5%; width: 90%; height: 90%;}
.scroll-box-4 .spot-li a:hover { text-decoration: underline;}
.scroll-box-4 .spot-li li { padding-left:25px; position: relative; padding-bottom:0.5em;}
.scroll-box-4 .spot-li li a { color:var(--spot-color-blue-01)}
.scroll-box-4 .spot-li span {vertical-align: middle;}
.scroll-box-4 .spot-info { position: relative; padding: 20px 20px 20px 20px}
.scroll-box-4 .ls-shape li { margin-bottom: 0.3em; display:inline-block; padding-right: 0.5em; position: relative;}
.scroll-box-4 .ls-shape li:after { content:''; position: absolute; bottom:0; left:0; width:100%; height:1px; background-color: var(--spot-color-white);} 
.scroll-box-4 .ls-shape { padding-top:2em; font-weight:600; font-size: 1.2em;}
.scroll-box-4 .ls-shape ul {flex-wrap: wrap; display:flex; justify-content: start;}
.scroll-box-4 .ls-share {position: absolute; right:0; top:20px; }
.scroll-box-4 .ls-share span { color:transparent; font-size:1px; width:1px;}
.scroll-box-4 .ls-share .ls-icon { margin-right: 0.4em; position: relative; width:1.6em; height:1.6em; display:inline-block; vertical-align: middle; }
.scroll-box-4 .ls-share .ls-icon:after { width:100%; height:100%; position: absolute; content:''; left:0; top:50%; transform: translateY(-50%); background-size: 85% auto; background-position: left center; background-repeat: no-repeat;}
.scroll-box-4 .ls-intro { padding-top: 1em; line-height: 1.8em;}

.scroll-box-4 .spot-info-menu { font-size: 1.2em;}
.scroll-box-4 .spot-info-menu ul {display:flex; justify-content: center; justify-content: space-between; border-bottom:1px solid var(--spot-color-gray-01)}
.scroll-box-4 .spot-info-menu li { flex:1; text-align: center; position: relative; }
.scroll-box-4 .spot-info-menu li a { padding: 12px 10px; display:block; color:#939393}
.scroll-box-4 .spot-info-menu li:hover a, .scroll-box-4 .spot-info-menu .active a { font-weight: 600; color:#000;}

.scroll-box-4 .spot-check-menu { padding-top: 20px; }
.scroll-box-4 .spot-check-menu ul {border-top:1px solid rgba(var(--spot-gray40), 0.1) ; display:flex; justify-content: center; justify-content: space-between;}
.scroll-box-4 .spot-check-menu li { flex:1; text-align: center; position: relative; }
.scroll-box-4 .spot-check-menu li:last-of-type:after { display:none;}
.scroll-box-4 .spot-check-menu li:after { content:''; position: absolute; right:0; width:1px; height: calc(100% - 20px); top: 10px; background:rgba(var(--spot-gray40), 0.1) }
.scroll-box-4 .spot-check-menu a { padding: 10px; display:block;}
.scroll-box-4 .spot-check-menu .ls-icon { position: relative; width:1.3em; text-align: center; height:1.3em; margin-bottom:0.3em; display: inline-block; }
.scroll-box-4 .spot-check-menu .ls-icon:after { filter: grayscale(100%) brightness(0); opacity: 0.7; width:100%; height:100%; position: absolute; content:''; left:50%; top:50%; transform: translate(-50%, -50%); background-size: 85% auto; background-position: center center; background-repeat: no-repeat;}
.scroll-box-4 .spot-check-menu span { font-size:0.95em; display: block;}
.scroll-box-4 .spot-close { z-index:203; width: 40px; height:40px; right:10px; top: 10px; position: absolute;}
.scroll-box-4 .spot-close.spot-pannel-scroll i { background-color:rgba(var(--spot-gray0), 1)}
.scroll-box-4 .view-spot {z-index:1; position: absolute;  top: 0px;  right: 0px;  width: 40px;  height: 40px;  display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg);}  
.scroll-box-4 .view-spot span { font-size:1px; width:1px; position: absolute;   top: -9999px;    left: -9999px; }
.scroll-box-4 .view-spot i {  position: absolute; right:0; display: block; width: 24px; height: 2px; border-radius: 1em; background-color: var(--spot-color-white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.scroll-box-4 .view-spot i:nth-child(1) { top: 50%;left: 20%;}
.scroll-box-4 .view-spot i:nth-child(2) { top: 50%;left: 20%;-webkit-transform: rotate(90deg);transform: rotate(90deg); }

/* 포인트 */
.scroll-box-4 .map-full-box { position: relative; height:100%; }
.scroll-box-4 .map-location { position: relative; z-index:0; height:100%;}
.scroll-box-4 .spot-point {z-index:4; position: absolute; display:inline-block; text-align: center;}
.scroll-box-4 .spot-point a { position: relative; display:block; width: 40px; height:40px; line-height: 38px; border-radius: 50%;  background:rgba(var(--spot-color-blue-01-rgb), 1) }
.scroll-box-4 .spot-point img { width: 26px; height:26px;}
.scroll-box-4 .spot-point a:before { border-top: 10px solid rgba(var(--spot-color-blue-01-rgb), 1);    border-left: 8px solid transparent;  border-right: 8px solid transparent;    border-bottom: 0px solid transparent;    content: "";    position: absolute;    bottom:-8px;    left: 50%; transform: translateX(-50%);}
.scroll-box-4 .spot-point:after { opacity: 0; z-index:-1; width:140%; height:140%; transition: opacity .3s; border-radius: 50%; background:rgba(var(--spot-color-blue-01-rgb), 0.5); left:50%; top:50%; transform: translate(-50%, -50%); content:''; position: absolute; }
.scroll-box-4 .spot-point:hover:after, .scroll-box-4 .spot-point.active:after { animation:size-up 1s infinite; }
@-webkit-keyframes size-up {
	from {
	  width: 100%;
	  height: 100%;
	  opacity: 1;
	}
	to {
	  width: 180%;
	  height:180%;
	  opacity: 0;
	}
  }
.scroll-box-4 .spot-pop {  position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.scroll-box-4 .spot-pop .pop-inner { position:relative;text-align: left; width: 100%; padding: 20px; border-radius:1em; background-color: var(--spot-color-white); }
.scroll-box-4 .spot-pop .img-area { border-radius: 1.3em; overflow: hidden; min-width: 113px; width: 113px; height: 113px;}
.scroll-box-4 .spot-pop .img-area img { object-fit: cover; width:100%; height:100%; object-position: center center;}
.scroll-box-4 .spot-pop .txt-area { width:100%;}
.scroll-box-4 .spot-pop .ls-more { max-width: 7em; min-width: 7em; font-size: 0.8em; display:inline-block; text-align: center; margin-top:10px; border-radius: 2em; border:1px solid rgba(var(--spot-gray40), 0.2);  padding:4px 2px 4px 2px;}
.scroll-box-4 .spot-pop .ls-more:hover { background:var(--spot-color-blue-01); color:rgba(var(--spot-gray100), 1) }
.scroll-box-4 .spot-pop .pop-con { position: absolute; top:calc(50% + 50px); left:calc(50% + 180px); transform: translateX(-50%); width: 80%; max-width: 335px; padding-top: 5px; padding-right: 30px; min-height: 150px;} 

.scroll-box-4 .pop-close { width: 40px; height:40px; right:15px; top: -15px; position: absolute;}
.scroll-box-4 .view-pop {z-index:1; position: absolute;  top: 0px;  right: 0px;  width: 40px;  height: 40px; display: block; -webkit-transform: rotate(45deg);transform: rotate(45deg);}  
.scroll-box-4 .view-pop:before { content:''; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 98%; height:98%; border-radius: 3em; background:var(--spot-color-blue-01);}
.scroll-box-4 .view-pop span {  position: absolute;  top: -9999px;  left: -9999px; }
.scroll-box-4 .view-pop i {  position: absolute; right:0; display: block; width: 20px; height: 2px; border-radius: 1em; background-color: var(--spot-color-white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.scroll-box-4 .view-pop i:nth-child(1) { top: calc(50% - 2px);left: 24%;}
.scroll-box-4 .view-pop i:nth-child(2) { top: calc(50% - 2px);left: 24%;-webkit-transform: rotate(90deg);transform: rotate(90deg); }



.clearfix { clear: both}
.vr-center { width: 100%; text-align:center;position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); }

.head-line .text { padding-bottom: 150px;color:#0b3775; font-size: 3rem; position: relative; font-weight: 600; letter-spacing: -0.5px;}
.head-line .text:after { z-index:5;content:''; width: 1px; height: 65px; position: absolute; left:50%; top: 100px;transform: translate(-50%, 0); background:#000; } 

sup { font-size: 0.5em;}

.bgc-01 { background-color:#da4a44;}
.bgc-02 { background-color:#2eb6aa;}
.bgc-03 { background-color:#a8cc07;}
.bgc-04 { background-color:#2478ad;}
.bgc-05 { background-color:#595757;}
.bgc-06 { background-color:#90c31f;}
.bgc-07 { background-color:#000000;}
.bgc-08 { background-color:var(--spot-color-white);}
.fc-01 { color:var(--spot-color-blue-01)}
.fc-02 { color:#2eb6aa}
.fc-03 { color:#e60012}
.fc-04 { color:#ed7e1c}
.fc-05 { color:#acacac}
.fn-01 { font-family: 'Russo One', 'Noto Sans KR', sans-serif!important; font-weight:400; }
.fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; }
.fs-01 { font-weight: 300;}

/*푸터*/

/* sns + top */
/* .scroll-sns-top { z-index:203; position:fixed; height:0px; bottom:14vh; width: 100%; left:50%; transform: translateX(-50%); max-width: 1860px; padding-left:20px; padding-right:20px; } */
.scroll-sns-top .sns-box { position: absolute; right:20px; bottom:0;} 
.scroll-sns-top ul { display:flex; }
.scroll-sns-top li { padding-left: 10px; position: relative;}
.scroll-sns-top li a { font-size:1px; color: transparent; position: relative; width: 40px; height: 40px; display:block; background-color:#e62b35; border-radius: 30px; }
.scroll-sns-top li i { width: 100%; height:100%;}
.scroll-sns-top li i:after { filter: brightness(0) grayscale(1) invert(1); width:100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); content:''; position: absolute; background-size: 70% auto; background-repeat: no-repeat; background-position: center center;}
.scroll-sns-top li i.ls-icon-22:after {  background-size: 60% auto;}
.scroll-sns-top li i.ls-icon-23:after {  background-size: 60% auto;}

footer { z-index:201; position:fixed; height:0px; bottom:7vh; width: 100%; left:50%; transform: translateX(-50%); max-width: 1840px; padding-left:20px; padding-right:20px; }
.foo-box { font-weight:600; position: absolute; left:0; bottom: 0; color:var(--spot-color-white); text-align: left; }
.foo-box .sns-box { padding-bottom:1.5em; opacity: 0;}
.foo-box .sns-box ul { display:flex; }
.foo-box .sns-box li { padding-right:10px;  position: relative;}
.foo-box .sns-box li a { font-size:1px; color: transparent; position: relative; width: 30px; height: 30px; display:block; background-color:var(--spot-color-white); border-radius: 30px; }
.foo-box .sns-box li i { width: 100%; height:100%;}
.foo-box .sns-box li i:after { width:100%; height:100%; left:50%; top:50%; filter:none; transform: translate(-50%, -50%); content:''; position: absolute; background-size: 70% auto; background-repeat: no-repeat; background-position: center center;}
.foo-box .sns-box li i.ls-icon-22:after {  background-size: 60% auto;}
.foo-box .sns-box li i.ls-icon-23:after {  background-size: 60% auto;}
.foo-box .txt-bt-box { padding-left:20px; padding-right:20px; line-height: 1.6em; font-size: 0.85em }
.foo-box .txt-bt-box p~p { padding-top: 1em; font-weight:normal}


.ptb25 { padding: 25px 0;}
.ptlr20 { padding: 20px 20px 0 20px;}
.pa20 { padding: var(--spot-padding-20)}
.pt170 { margin-top: 170px;}
.ptb50 { padding: 50px 0;}
.pb20 { padding-bottom:20px;}
.pb100 { padding-bottom:100px;}
.fs09e { font-size: 0.9em }
.fs12e { font-size: 1.2em }
.fs08e { font-size: 0.8em }
.wd1700 { max-width: 1700px;}

.wdauto { width: auto;}
.wd12p { width: 12%;}
.wd30p { width: 30%;}
.wd20p { width: 20%;}
.wd15p { width: 15%;}

.container {font-size: 0.95rem;}
.container * { word-break: keep-all;}

.d-lg-none { display:none;} /* pc 용 감추기 */
.d-sm-view { display:none;}

.con-head { }  /* 서브 컨텐츠 제목 */
.con-head h2 {  font-size: 1.4em; opacity: 0.4; font-weight:500;}
.con-head p { letter-spacing: -0.01em; font-size: 2.3em; padding-top: 0.3em; font-weight: 800;}
.con-head+.con-head { padding-top: 70px;}

.ls-tab-01 a { color:#bfbfbf; display:block; padding: 15px 0;}
.ls-tab-01 a:hover, .ls-tab-01 a.active{ color:#000; }

.ls-tab-02 a {display:block; color:#c8c8c8; padding: 10px 0; }
.ls-tab-02 a:hover, .ls-tab-02 a.active{ color:#ed2124; }
.ls-tab-02 a:hover span, .ls-tab-02 a.active span {  border-bottom:1px solid #ed2124; font-weight:600; }

.ls-icon-01:after {/*지도*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='21px' viewBox='0 0 21 21'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.672,3.260 C11.464,-0.004 6.264,-0.004 3.056,3.260 C-0.151,6.525 -0.151,11.817 3.056,15.082 L8.864,20.992 L14.672,15.082 C17.879,11.817 17.879,6.525 14.672,3.260 ZM6.477,11.600 C5.159,10.259 5.159,8.083 6.477,6.742 C7.795,5.400 9.933,5.400 11.251,6.742 C12.570,8.083 12.570,10.259 11.251,11.600 C9.933,12.942 7.795,12.942 6.477,11.600 Z'/%3E%3C/svg%3E"); }
.ls-icon-02:after {/*전화*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='21px' viewBox='0 0 21 21'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.760,20.675 C14.796,20.587 13.964,20.368 13.151,20.069 C11.211,19.354 9.489,18.269 7.895,16.969 C5.674,15.157 3.819,13.032 2.414,10.531 C1.686,9.232 1.138,7.865 0.881,6.388 C0.802,5.940 0.839,5.541 1.088,5.146 C2.003,3.698 3.057,2.369 4.380,1.264 C4.464,1.194 4.558,1.135 4.649,1.071 C5.168,0.705 5.582,0.768 6.126,1.170 C6.225,1.242 6.311,1.339 6.382,1.439 C7.233,2.636 8.051,3.855 8.696,5.179 C8.837,5.468 8.944,5.776 9.046,6.082 C9.171,6.458 9.095,6.820 8.826,7.102 C8.504,7.441 8.151,7.752 7.797,8.059 C7.342,8.457 7.330,8.453 7.573,9.017 C8.608,11.424 10.351,13.103 12.800,14.060 C13.014,14.143 13.149,14.138 13.304,13.940 C13.593,13.571 13.913,13.226 14.230,12.881 C14.645,12.431 15.155,12.291 15.715,12.549 C16.422,12.874 17.130,13.209 17.798,13.604 C18.588,14.070 19.339,14.600 20.101,15.112 C20.423,15.328 20.618,15.638 20.712,16.016 C20.764,16.223 20.748,16.418 20.642,16.594 C20.504,16.824 20.367,17.060 20.191,17.259 C19.053,18.547 17.735,19.619 16.246,20.479 C16.071,20.579 15.869,20.632 15.760,20.675 Z'/%3E%3C/svg%3E"); }
.ls-icon-03:after {/*홈페이지*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='19px' viewBox='0 0 21 21'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.897,8.694 L13.003,1.271 C11.901,0.235 10.098,0.235 8.996,1.271 L1.103,8.694 C0.001,9.730 0.351,10.578 1.882,10.578 L3.717,10.578 L3.717,15.567 C3.717,17.060 4.969,18.282 6.500,18.282 L15.500,18.282 C17.031,18.282 18.283,17.060 18.283,15.567 L18.283,10.578 L20.118,10.578 C21.648,10.578 21.999,9.730 20.897,8.694 Z'/%3E%3C/svg%3E"); }
.ls-icon-04:after {/*시간*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm3.29,14.71L11,12.41V6h2v5.59l3.71,3.7Z' transform='translate(-2 -2)'/%3E%3C/svg%3E%0A"); }
.ls-icon-05:after {/*공유*/background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M44.4,25.3C44.3,25.3,44.3,25.3,44.4,25.3c-0.6,0-1,0.2-1.4,0.6c-0.4,0.4-0.6,0.9-0.6,1.4v10.9c0,2.3-1.8,4.2-4.2,4.2H9.8 c-2.3,0-4.2-1.8-4.2-4.2V9.8c0-2.3,1.8-4.2,4.2-4.2h11.4c0,0,0,0,0,0c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2H9.8c-4.5,0-8.2,3.7-8.2,8.2 v28.4c0,4.5,3.7,8.2,8.2,8.2h28.4c4.5,0,8.2-3.7,8.2-8.2V27.3C46.3,26.2,45.5,25.3,44.4,25.3z'/%3E%3Cpath d='M44.4,9.9c-0.1-0.1-0.2-0.3-0.4-0.4l-6-6C37.6,3.2,37.1,3,36.6,3c-1.1,0-2,0.9-2,2c0,0.5,0.2,1.1,0.6,1.4l2.7,2.7h-1.3 c-14.7,0-23.4,10.9-25.1,25.3c-0.1,0.5,0.2,1,0.6,1.4s0.9,0.6,1.4,0.6c0,0,0,0,0,0c0.5,0,1-0.2,1.4-0.6c0.4-0.4,0.6-0.9,0.6-1.4 v-0.1c1.3-11.7,8.6-21.3,21.1-21.3h1.3l-2.7,2.7c-0.8,0.8-0.8,2-0.1,2.8c0.8,0.8,2,0.8,2.8,0.1c0,0,0,0,0.1-0.1l6-6 c0.4-0.3,0.7-0.8,0.8-1.3C44.8,10.9,44.7,10.4,44.4,9.9z'/%3E%3C/g%3E%3C/svg%3E "); }
.ls-icon-06:after {/*즐겨찾기*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M14.626,17.998 C14.381,17.998 14.136,17.921 13.923,17.767 L9.569,14.636 C9.521,14.603 9.459,14.603 9.411,14.636 L5.063,17.763 C4.635,18.071 4.082,18.071 3.654,17.763 C3.225,17.455 3.054,16.934 3.218,16.436 L4.879,11.378 C4.897,11.323 4.877,11.263 4.830,11.230 L0.501,8.117 C0.070,7.807 -0.102,7.283 0.063,6.782 C0.227,6.281 0.678,5.957 1.210,5.957 L6.561,5.957 C6.620,5.957 6.671,5.920 6.689,5.865 L8.344,0.823 C8.508,0.323 8.958,-0.000 9.490,-0.000 C10.022,-0.000 10.471,0.323 10.636,0.823 L12.291,5.865 C12.309,5.920 12.360,5.957 12.418,5.957 L17.802,5.957 C18.329,5.957 18.776,6.278 18.939,6.775 C19.102,7.272 18.932,7.791 18.504,8.098 L14.150,11.230 C14.102,11.263 14.083,11.323 14.101,11.378 L15.764,16.443 C15.927,16.941 15.757,17.460 15.329,17.767 C15.116,17.921 14.871,17.998 14.626,17.998 ZM9.490,13.984 C9.648,13.984 9.806,14.032 9.941,14.129 L14.295,17.260 C14.539,17.436 14.797,17.375 14.957,17.260 C15.117,17.145 15.255,16.921 15.162,16.637 L13.499,11.571 C13.395,11.257 13.508,10.916 13.777,10.722 L18.132,7.591 C18.376,7.416 18.398,7.154 18.337,6.968 C18.276,6.782 18.103,6.584 17.802,6.584 L12.418,6.584 C12.085,6.584 11.792,6.373 11.689,6.059 L10.033,1.017 C9.939,0.729 9.691,0.626 9.490,0.626 C9.289,0.626 9.041,0.729 8.946,1.017 L7.291,6.059 C7.188,6.373 6.895,6.584 6.561,6.584 L1.210,6.584 C0.903,6.584 0.727,6.786 0.665,6.975 C0.603,7.165 0.625,7.431 0.873,7.610 L5.202,10.722 C5.472,10.916 5.584,11.258 5.481,11.572 L3.820,16.630 C3.727,16.915 3.865,17.140 4.026,17.256 C4.186,17.371 4.446,17.432 4.691,17.256 L9.039,14.129 C9.174,14.032 9.332,13.984 9.490,13.984 Z'/%3E%3C/svg%3E"); }
.ls-icon-07:after {/*문의*/background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cpath d='M18.5,3l-2.2-2.2c-0.6-0.6-1.6-0.6-2.2,0l-3.4,3.4c-0.6,0.6-0.6,1.6,0,2.2l2.1,2.1l-4.4,4.5l-2.1-2.1 c-0.6-0.6-1.6-0.6-2.2,0l-3.4,3.4c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1L3,18.5c0.7,0.7,1.8,1.2,2.8,1.2 c0.2,0,0.4,0,0.7-0.1c1.9-0.3,4.9-1.4,8.3-4.8l0.1-0.1c3.4-3.4,4.5-6.4,4.8-8.3C19.9,5.2,19.4,3.9,18.5,3z M14.3,7.9l-2.6-2.6 c-0.1-0.1-0.1-0.2,0-0.3l3.4-3.4c0.1-0.1,0.2-0.1,0.3,0l2.2,2.2c0.6,0.6,0.9,1.5,0.7,2.3c-0.3,1.7-1.3,4.5-4.5,7.6 C10.7,17,8,18,6.2,18.3c-0.8,0.1-1.7-0.1-2.3-0.7l-2.2-2.2c0,0-0.1-0.1-0.1-0.2s0-0.1,0.1-0.2l3.4-3.4c0,0,0.1-0.1,0.2-0.1 s0.1,0,0.2,0.1L8,14.3c0.3,0.3,0.7,0.3,0.9,0l5.4-5.4c0.1-0.1,0.2-0.3,0.2-0.5S14.4,8.1,14.3,7.9z'/%3E%3C/svg%3E"); }
.ls-icon-08:after {/*삭제*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath d='M38.3,13.1h-6.4c-0.6,0-1.1-0.5-1.1-1.1c0-2.7-2.2-4.9-4.9-4.9h-3.8c-2.7,0-4.9,2.2-4.9,4.9c0,0.6-0.5,1.1-1.1,1.1H9.8 c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5h0.5h5.3h16.9h5.3h0.5c0.8,0,1.5-0.7,1.5-1.5S39.1,13.1,38.3,13.1z M26.6,13.1h-5.3 c-0.6,0-1.1-0.5-1.1-1.1c0-1,0.8-1.9,1.9-1.9h3.8c1,0,1.9,0.8,1.9,1.9C27.8,12.6,27.2,13.1,26.6,13.1z'/%3E%3Cpath d='M18.5,20.4c-0.7,0-1.3,0.6-1.3,1.4l0.5,11.1c0,0.7,0.6,1.3,1.3,1.3c0,0,0,0,0,0c0.7,0,1.3-0.6,1.3-1.4l-0.5-11.1 C19.8,21,19.2,20.4,18.5,20.4z'/%3E%3Cpath d='M24,20.4c-0.7,0-1.3,0.6-1.3,1.3v11c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3v-11C25.3,21,24.7,20.4,24,20.4z'/%3E%3Cpath d='M29.5,20.4c-0.7,0-1.3,0.5-1.4,1.3l-0.5,11.1c0,0.7,0.5,1.3,1.3,1.4c0,0,0,0,0,0c0.7,0,1.3-0.6,1.3-1.3l0.5-11.1 C30.8,21.1,30.2,20.5,29.5,20.4z'/%3E%3Cpath d='M36.5,18.5c0-0.6-0.5-1.2-1.1-1.2h-0.7c-0.6,0-1.1,0.6-1.2,1.2L33.4,20h0l-1,16.9c0,0.8-0.7,1.4-1.5,1.4H17.1 c-0.8,0-1.5-0.6-1.5-1.4l-1-16.9l-0.1-1.5c-0.1-0.7-0.5-1.2-1.2-1.2h-0.7c-0.6,0-1.2,0.5-1.1,1.2l0.1,1.5h0l1,17 c0.1,2.4,2.1,4.3,4.5,4.3h13.8c2.4,0,4.4-1.9,4.5-4.3l1-17h0L36.5,18.5z'/%3E%3C/svg%3E"); }
.ls-icon-09:after {/*디자인샵*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='39px' viewBox='0 0 39 39' preserveAspectRatio='xMinYMin meet'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M19.831,23.855 L19.831,25.508 L21.806,25.508 L21.806,31.842 L20.186,35.119 L16.246,35.119 L16.246,38.954 L8.673,38.954 L8.673,35.119 L4.789,35.119 L3.184,31.690 L3.184,25.508 L5.159,25.508 L5.159,23.855 C1.912,21.475 -0.011,17.687 -0.011,13.614 C-0.011,6.640 5.599,0.966 12.495,0.966 C19.391,0.966 25.000,6.640 25.000,13.614 C25.000,17.687 23.078,21.475 19.831,23.855 ZM10.662,36.942 L14.256,36.942 L14.256,35.119 L10.662,35.119 L10.662,36.942 ZM5.173,28.575 L10.908,28.575 L10.908,30.587 L5.173,30.587 L5.173,31.238 L6.048,33.107 L8.673,33.107 L16.246,33.107 L18.956,33.107 L19.817,31.366 L19.817,27.520 L5.173,27.520 L5.173,28.575 ZM12.495,2.978 C6.696,2.978 1.979,7.749 1.979,13.614 C1.979,17.193 3.744,20.511 6.702,22.489 L7.148,22.787 L7.148,25.508 L17.842,25.508 L17.842,22.787 L18.288,22.489 C21.245,20.511 23.011,17.193 23.011,13.614 C23.011,7.749 18.294,2.978 12.495,2.978 ZM7.103,13.211 L8.509,11.788 L10.599,13.900 L16.651,7.780 L18.057,9.202 L10.599,16.745 L7.103,13.211 Z'/%3E%3C/svg%3E"); }
.ls-icon-10:after {/*홈*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='72px' height='64px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(0, 0, 0)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' opacity='0.102' fill='rgb(255, 255, 255)' d='M49.988,9.661 L38.271,1.573 C37.215,0.843 35.796,0.843 34.740,1.573 L2.282,23.978 C0.913,24.922 0.594,26.763 1.569,28.090 C2.543,29.417 4.443,29.726 5.812,28.781 L9.157,26.473 L9.157,58.366 C9.157,60.942 11.320,63.039 13.979,63.039 L59.034,63.039 C61.693,63.039 63.855,60.942 63.855,58.366 L63.855,26.473 L67.198,28.781 C67.733,29.151 68.350,29.328 68.961,29.328 C69.911,29.328 70.849,28.898 71.442,28.090 C72.417,26.763 72.098,24.922 70.729,23.978 L58.271,15.379 L49.988,9.661 ZM42.454,57.141 L30.559,57.141 L30.559,39.010 L42.454,39.010 L42.454,57.141 ZM57.769,57.141 L48.539,57.141 L48.539,37.784 C48.539,35.208 46.376,33.112 43.717,33.112 L29.295,33.112 C26.636,33.112 24.473,35.208 24.473,37.784 L24.473,57.141 L15.243,57.141 L15.243,22.272 L36.505,7.595 L57.769,22.273 L57.769,57.141 Z'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M48.988,8.661 L37.271,0.573 C36.215,-0.157 34.796,-0.157 33.740,0.573 L1.282,22.978 C-0.087,23.922 -0.406,25.763 0.569,27.090 C1.543,28.417 3.443,28.726 4.812,27.781 L8.157,25.473 L8.157,57.366 C8.157,59.942 10.320,62.039 12.979,62.039 L58.034,62.039 C60.693,62.039 62.855,59.942 62.855,57.366 L62.855,25.473 L66.198,27.781 C66.733,28.151 67.350,28.328 67.961,28.328 C68.911,28.328 69.849,27.898 70.442,27.090 C71.417,25.763 71.098,23.922 69.729,22.978 L57.271,14.379 L48.988,8.661 ZM41.454,56.141 L29.559,56.141 L29.559,38.010 L41.454,38.010 L41.454,56.141 ZM56.769,56.141 L47.539,56.141 L47.539,36.784 C47.539,34.208 45.376,32.112 42.717,32.112 L28.295,32.112 C25.636,32.112 23.473,34.208 23.473,36.784 L23.473,56.141 L14.243,56.141 L14.243,21.272 L35.505,6.595 L56.769,21.273 L56.769,56.141 Z'/%3E%3C/svg%3E"); }
.ls-icon-11:after {/*홈*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='72px' height='64px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(0, 0, 0)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' opacity='0.102' fill='rgb(255, 255, 255)' d='M49.988,9.661 L38.271,1.573 C37.215,0.843 35.796,0.843 34.740,1.573 L2.282,23.978 C0.913,24.922 0.594,26.763 1.569,28.090 C2.543,29.417 4.443,29.726 5.812,28.781 L9.157,26.473 L9.157,58.366 C9.157,60.942 11.320,63.039 13.979,63.039 L59.034,63.039 C61.693,63.039 63.855,60.942 63.855,58.366 L63.855,26.473 L67.198,28.781 C67.733,29.151 68.350,29.328 68.961,29.328 C69.911,29.328 70.849,28.898 71.442,28.090 C72.417,26.763 72.098,24.922 70.729,23.978 L58.271,15.379 L49.988,9.661 ZM42.454,57.141 L30.559,57.141 L30.559,39.010 L42.454,39.010 L42.454,57.141 ZM57.769,57.141 L48.539,57.141 L48.539,37.784 C48.539,35.208 46.376,33.112 43.717,33.112 L29.295,33.112 C26.636,33.112 24.473,35.208 24.473,37.784 L24.473,57.141 L15.243,57.141 L15.243,22.272 L36.505,7.595 L57.769,22.273 L57.769,57.141 Z'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M48.988,8.661 L37.271,0.573 C36.215,-0.157 34.796,-0.157 33.740,0.573 L1.282,22.978 C-0.087,23.922 -0.406,25.763 0.569,27.090 C1.543,28.417 3.443,28.726 4.812,27.781 L8.157,25.473 L8.157,57.366 C8.157,59.942 10.320,62.039 12.979,62.039 L58.034,62.039 C60.693,62.039 62.855,59.942 62.855,57.366 L62.855,25.473 L66.198,27.781 C66.733,28.151 67.350,28.328 67.961,28.328 C68.911,28.328 69.849,27.898 70.442,27.090 C71.417,25.763 71.098,23.922 69.729,22.978 L57.271,14.379 L48.988,8.661 ZM41.454,56.141 L29.559,56.141 L29.559,38.010 L41.454,38.010 L41.454,56.141 ZM56.769,56.141 L47.539,56.141 L47.539,36.784 C47.539,34.208 45.376,32.112 42.717,32.112 L28.295,32.112 C25.636,32.112 23.473,34.208 23.473,36.784 L23.473,56.141 L14.243,56.141 L14.243,21.272 L35.505,6.595 L56.769,21.273 L56.769,56.141 Z'/%3E%3C/svg%3E"); }
.ls-icon-12:after {/*즐겨찾기*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='275px' height='263px'%3E%3Cpath fill-rule='evenodd' fill='rgb(31, 136, 255)' d='M137.282,20.018 C140.910,20.018 144.538,22.103 145.894,26.273 L169.291,98.258 L245.672,98.258 C254.234,98.258 257.794,109.211 250.868,114.242 L189.074,159.123 L212.451,231.047 C214.520,237.414 209.460,242.965 203.787,242.965 C202.013,242.965 200.179,242.422 198.484,241.191 L137.282,196.740 L76.054,241.210 C74.361,242.439 72.529,242.982 70.756,242.982 C65.090,242.982 60.036,237.438 62.103,231.077 L85.490,159.123 L24.240,114.637 C17.142,109.482 20.790,98.258 29.563,98.258 L105.273,98.258 L128.670,26.273 C130.025,22.103 133.653,20.018 137.282,20.018 M137.282,0.001 C124.645,0.001 113.531,8.073 109.626,20.087 L90.724,78.241 L29.563,78.241 C16.926,78.241 5.811,86.313 1.906,98.329 C-2.000,110.344 2.246,123.406 12.470,130.831 L61.950,166.769 L43.059,224.891 C40.144,233.860 41.625,243.342 47.122,250.906 C52.626,258.478 61.461,262.999 70.756,262.999 C76.882,262.999 82.784,261.064 87.824,257.404 L137.282,221.483 L186.714,257.385 C191.755,261.047 197.659,262.982 203.787,262.982 C213.086,262.982 221.924,258.460 227.430,250.885 C232.929,243.318 234.411,233.833 231.495,224.861 L212.613,166.769 L262.637,130.436 C272.785,123.066 276.998,110.103 273.122,98.178 C269.246,86.253 258.215,78.241 245.672,78.241 L183.839,78.241 L164.938,20.087 C161.033,8.073 149.919,0.001 137.282,0.001 L137.282,0.001 Z'/%3E%3C/svg%3E");}
.ls-icon-13:after {/*알림목록*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M21.6,17.6L21.6,17.6c-0.1-0.1-0.2-0.2-0.2-0.4L21,16.8c-0.2-0.3-0.8-1.3-0.8-2.9v-3.1c0-4.1-3-7.4-7.1-8 c-0.1,0-0.1-0.1-0.1-0.2l0-0.7l0-0.1h0C12.9,1.3,12.5,1,12,1c-0.5,0-0.9,0.4-1,0.9l0,0.7c0,0.1-0.1,0.1-0.1,0.2 c-4.1,0.6-7.1,4-7.1,8l0,3.1c0,1.6-0.5,2.6-0.8,2.9l-0.4,0.5c-0.1,0.1-0.1,0.2-0.2,0.4c-0.2,0.4-0.3,0.8-0.1,1.3c0,0,0,0.1,0,0.1 c0.1,0.3,0.3,0.6,0.5,0.7C3.1,19.9,3.4,20,3.8,20l5,0c0.1,1.7,1.5,3,3.2,3c1.7,0,3.1-1.3,3.2-3l5,0c0.4,0,0.7-0.1,0.9-0.3 c0.2-0.2,0.4-0.4,0.5-0.8l0,0C21.8,18.5,21.8,18,21.6,17.6z M12,21.1L12,21.1c-0.6,0-1.1-0.4-1.2-1h2.5C13.1,20.6,12.6,21.1,12,21.1 z M11.8,4.6C11.8,4.6,11.8,4.6,11.8,4.6C11.8,4.6,11.8,4.6,11.8,4.6l0.1,0c0.1,0,0.1,0,0.2,0l0.1,0l0.1,0c0,0,0.1,0,0.1,0 c0.1,0,0.2,0,0.3,0c0.1,0,0.2,0,0.2,0c0.1,0,0.3,0.1,0.5,0.1c2.8,0.7,4.8,3.2,4.8,6.1v3.1c0,0.3,0,0.6,0.1,0.9c0.1,1,0.5,2,1,2.9 c0,0.1,0,0.2,0,0.2v0c0,0.1-0.1,0.1-0.2,0.1H4.9c-0.1,0-0.2,0-0.2-0.1c0-0.1,0-0.2,0-0.2c0.5-0.9,0.9-1.9,1-3c0-0.3,0.1-0.5,0.1-0.8 v-3.1c0-2.9,2-5.4,4.8-6.1l0,0c0.2,0,0.3-0.1,0.5-0.1c0.1,0,0.2,0,0.2,0C11.4,4.6,11.6,4.6,11.8,4.6C11.7,4.6,11.7,4.6,11.8,4.6z'/%3E%3C/svg%3E%0A"); }
.ls-icon-14:after {/*로그인*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='27px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M21.385,26.993 L21.385,26.564 C21.385,21.162 16.533,19.238 11.992,19.238 C7.451,19.238 2.599,21.162 2.599,26.564 L2.599,26.993 L-0.009,26.993 L-0.009,26.564 C-0.009,20.550 4.702,16.664 11.992,16.664 C19.283,16.664 23.994,20.550 23.994,26.564 L23.994,26.993 L21.385,26.993 ZM11.992,15.713 C7.600,15.713 4.027,12.188 4.027,7.855 C4.027,3.521 7.600,-0.004 11.992,-0.004 C16.385,-0.004 19.958,3.521 19.958,7.855 C19.958,12.188 16.385,15.713 11.992,15.713 ZM11.992,2.570 C9.039,2.570 6.636,4.941 6.636,7.855 C6.636,10.769 9.039,13.139 11.992,13.139 C14.946,13.139 17.349,10.769 17.349,7.855 C17.349,4.941 14.946,2.570 11.992,2.570 Z'/%3E%3C/svg%3E");}
.ls-icon-21:after {/*cacao*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='56px' height='51px'%3E%3Cpath fill-rule='evenodd' fill='rgb(230, 43, 53)' d='M27.997,43.889 C26.221,43.889 24.484,43.758 22.799,43.510 C19.697,45.602 12.508,50.451 12.025,50.770 C11.410,51.174 10.473,51.193 10.854,49.684 C11.160,48.468 12.696,42.783 13.281,40.616 C5.309,36.748 -0.001,29.833 -0.001,21.945 C-0.001,9.824 12.534,-0.000 27.997,-0.000 C43.460,-0.000 55.995,9.824 55.995,21.945 C55.995,34.065 43.460,43.889 27.997,43.889 ZM17.225,15.220 C15.207,15.220 8.460,15.165 8.460,15.165 C6.769,15.168 6.775,17.905 8.464,17.905 L11.346,17.905 C11.346,17.905 11.364,25.753 11.349,27.581 C11.353,28.916 14.347,28.934 14.343,27.601 L14.356,18.007 C14.356,18.007 15.321,18.014 17.223,18.015 C19.015,18.015 19.016,15.222 17.225,15.220 ZM28.097,26.909 C27.288,24.789 24.487,17.160 23.976,16.079 C23.741,15.579 22.896,15.221 22.078,15.221 C21.401,15.221 20.741,15.466 20.460,16.079 C19.751,17.628 17.190,24.939 16.340,26.879 C15.724,28.281 18.376,29.424 18.991,28.022 L19.568,26.023 L24.841,26.023 C24.841,26.023 24.659,26.105 25.360,27.938 C25.927,29.420 28.665,28.392 28.097,26.909 ZM36.045,25.751 C34.690,25.751 32.218,25.737 32.218,25.737 C32.218,25.737 32.230,18.329 32.226,16.529 C32.224,15.659 31.446,15.224 30.668,15.224 C29.886,15.224 29.105,15.662 29.107,16.537 C29.112,19.022 29.121,27.031 29.121,27.031 C29.121,27.031 28.890,28.622 30.266,28.622 C31.643,28.622 34.698,28.608 36.052,28.608 C37.406,28.608 37.399,25.751 36.045,25.751 ZM47.777,26.571 L43.743,21.302 C43.743,21.302 46.481,18.366 47.560,17.302 C48.190,16.682 46.240,14.734 45.611,15.356 C45.000,15.956 40.711,20.214 40.711,20.214 C40.711,20.214 40.749,17.540 40.709,16.062 C40.694,15.501 40.000,15.230 39.289,15.230 C38.530,15.230 37.752,15.541 37.768,16.141 C37.798,17.231 37.732,27.085 37.733,27.815 C37.734,28.968 40.692,28.965 40.692,27.813 C40.691,26.475 40.692,23.936 40.692,23.936 L41.561,23.246 L45.360,28.385 C46.128,29.389 48.545,27.575 47.777,26.571 ZM22.257,18.413 L23.861,23.394 L20.518,23.394 L22.257,18.413 Z'/%3E%3C/svg%3E"); }
.ls-icon-22:after {/*insta*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='374px' height='374px'%3E%3Cpath fill-rule='evenodd' fill='rgb(230, 43, 53)' d='M372.808,264.421 C372.808,284.670 369.235,297.771 364.471,309.682 C359.706,321.592 353.751,332.311 343.032,343.031 C332.311,353.751 321.592,359.706 309.681,364.472 C297.770,369.236 284.669,371.618 264.420,372.810 C244.171,374.000 238.217,374.000 187.000,374.000 C135.783,374.000 129.829,374.000 109.580,372.810 C89.331,372.810 76.230,369.236 64.319,364.472 C52.408,359.706 41.689,353.752 30.969,343.031 C20.249,332.311 14.294,321.592 9.529,309.682 C4.765,297.771 2.382,284.670 1.191,264.421 C0.000,244.171 0.000,238.218 0.000,187.001 C0.000,135.784 0.000,129.829 1.191,109.580 C1.191,89.332 4.765,76.231 9.529,64.320 C14.294,52.408 20.249,41.689 30.969,30.969 C41.689,20.249 52.408,14.294 64.319,9.530 C76.230,4.765 89.331,2.383 109.580,1.192 C129.829,0.000 135.783,0.000 187.000,0.000 C238.217,0.000 244.171,0.000 264.420,1.192 C284.669,1.192 297.770,4.765 309.681,9.530 C321.592,14.294 332.311,20.249 343.032,30.969 C353.751,41.689 359.706,52.408 364.471,64.320 C369.235,76.231 371.618,89.332 372.808,109.580 C374.000,129.829 374.000,135.784 374.000,187.001 C374.000,238.218 374.000,244.171 372.808,264.421 ZM339.458,110.771 C339.458,92.905 335.885,83.377 333.502,76.231 C329.929,67.893 326.357,61.938 319.210,54.791 C313.254,47.644 306.108,44.070 297.770,40.498 C291.815,38.116 281.096,35.734 263.229,34.543 C242.980,33.351 237.026,33.351 187.000,33.351 C136.975,33.351 131.019,33.351 110.771,34.543 C92.905,34.543 83.377,38.116 76.230,40.498 C67.892,44.070 61.937,48.835 54.790,54.791 C47.644,60.746 44.070,67.893 40.498,76.231 C38.115,82.186 35.733,92.905 34.542,110.771 C33.351,131.021 33.351,136.975 33.351,187.001 C33.351,237.026 33.351,242.981 34.542,263.229 C34.542,281.096 38.115,290.623 40.498,297.771 C44.070,306.109 48.835,312.064 54.790,319.210 C60.746,326.356 67.892,329.930 76.230,333.503 C82.185,335.885 92.905,338.267 110.771,339.459 C131.019,340.649 136.975,340.649 187.000,340.649 C237.026,340.649 242.980,340.649 263.229,339.459 C281.096,339.459 290.624,335.885 297.770,333.503 C306.108,329.930 312.063,326.356 319.210,319.210 C326.357,313.254 329.929,306.109 333.502,297.771 C335.885,291.815 338.267,281.096 339.458,263.229 C340.649,242.981 340.649,237.026 340.649,187.001 C340.649,136.975 340.649,131.021 339.458,110.771 ZM287.050,109.580 C274.552,109.580 264.420,99.448 264.420,86.950 C264.420,74.451 274.552,64.320 287.050,64.320 C299.549,64.320 309.681,74.451 309.681,86.950 C309.681,99.448 299.549,109.580 287.050,109.580 ZM187.000,283.478 C133.401,283.478 90.522,240.600 90.522,187.001 C90.522,133.402 133.401,90.523 187.000,90.523 C240.599,90.523 283.478,133.402 283.478,187.000 C283.478,240.600 240.599,283.478 187.000,283.478 ZM187.000,125.065 C152.458,125.065 125.064,152.460 125.064,187.001 C125.064,221.542 152.458,248.937 187.000,248.937 C221.541,248.937 248.936,221.542 248.936,187.001 C248.936,152.460 221.541,125.065 187.000,125.065 Z'/%3E%3C/svg%3E");}
.ls-icon-23:after {/*youtube*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(230, 43, 53)' d='M26.454,0.979 L4.545,0.979 C2.586,0.979 0.983,2.623 0.983,4.632 L0.983,18.322 C0.983,20.331 2.586,21.975 4.545,21.975 L26.454,21.975 C28.413,21.975 30.017,20.331 30.017,18.322 L30.017,4.632 C30.017,2.623 28.413,0.979 26.454,0.979 ZM12.410,16.804 L12.410,6.150 L20.265,11.477 L12.410,16.804 Z'/%3E%3C/svg%3E"); }
.ls-icon-24:after {/*arrow*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.509,0.158 C20.317,-0.038 20.007,-0.038 19.815,0.158 L10.683,9.523 L1.552,0.158 C1.360,-0.038 1.049,-0.038 0.857,0.158 C0.665,0.355 0.665,0.674 0.857,0.871 L10.683,10.947 L20.509,0.871 C20.701,0.674 20.701,0.355 20.509,0.158 Z'/%3E%3C/svg%3E"); }



/** 기존 스타일 유지로 제작한 화면 들 */

.main-menu { position:fixed; left:0; top:0px; width:70px; height:100vh; border-right:2px solid #eee; background:#fff; display:flex; justify-content: flex-start; align-items: flex-start; }
.main-menu .sub-box { width:70px; height:70px; border-bottom:1px solid #eee; display:flex; justify-content: center; align-items: center;}
.main-content { position:fixed; left:70px; width:350px; height:100vh; border-right:2px solid #eee; background:#fff; overflow-y:auto;}
/*******/

/* 마이페이지 */
.con-com-13 { overflow: hidden;  margin:0 auto; padding: 7em 0px 7em 0px; position: relative;}
.con-com-13 .con-head { padding-bottom: 4em; text-align: center; max-width: 1240px; margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-13 .com-box-01 { text-align: left; max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-13 .ls-box-in { display:block;}
.con-com-13 .ls-box-01 { width: 100%; margin-top:3em; }
.con-com-13 .ls-box-02 { background:#fafafa; width: 100%; padding: 2em; border-radius: 1em; border:1px solid #e2e2e2; box-shadow: 0px 0px 0.7em rgba(0,0,0,0.1); }
.con-com-13 .ls-box-01>div{ padding: 2em; border-radius: 1em; border:1px solid #e2e2e2; box-shadow: 0px 0px 0.7em rgba(0,0,0,0.1); }
.con-com-13 .ls-box-01>div+div { margin-top: 2em;}
.con-com-13 .h-dot { font-size: 1.1em; position: relative; padding-left: 1.35em; font-weight:600; margin-bottom:1.2em;}
.con-com-13 .h-dot:before { content:''; position: absolute; width: 1em; height:1em; left:0; top:50%; transform: translateY(-50%); background-size:contain; background-position: left center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px'%3E%3Cimage x='0px' y='0px' width='20px' height='20px' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB5lBMVEX/rgD/0Gv/zF7/6bv/tBP/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/uB7/sg7/rgD/wDn/z2n/sxH/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/xET/rgD/rgD/1n7/yVb/rgD/rgD/rgD/rgD/2IT/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/rgD/sQn/rwP/sxD/tBP/tx3/57P/+u//txz/sg3/1n3/2IP/8dL/35v//fj/8tb/wDj/vCz//Pf/////1Hf/8dP/9+f/txv/+ev/4Z//6Lf/24//46j/9Nz//fr/vzX/3ZP/6br/68H/sQr/7cb/yln/+/L///7/5az//v3/zmT/9uP/uib/sQv/9eH/vzT/89n/+Or/9N3/03T/5q//8M///fn/sgz/+/H/rgH/9d7/9uT/7sn/xk3/783/7cX/7MT/sAb//Pb/uCD/78z/yVT/thj/tRX/8tX/4J7/xUf/8tf//vz/+On/9+X/0Gz/4qX/5rD/4J3/6rz/35r/uiX/wT3/9d//xEX/sw//z2n/14D/zWH/46f/uB7/sQjgIh4jAAAAQnRSTlMAAAAAAAwqQTIWAVW/+9h5DyHF6Egu6vxsGOf+UaTqEv1/jt7OH/FE/ks8/RF2xl57zAMFvSLA5DHzqBoV4/rpjzP1AboDAAAAAWJLR0RVkwS4MwAAAAd0SU1FB+gFFBIeK0YHzXYAAAFBSURBVBjTTZDnP0JxFId/tggZZe8kIyJ7O1HXLHF0rQYZCdnKTDYhe6//VONSz5vzOc+770OIl5DQsHAW8Scikh0FLqJjOP8uNg7+iE9gHJcHPhKTPC45xc+BNDUtIJCQdM/T1i6Tuy/VkZEZRLhZnQBd3T29CmWfCvoHcDA7mOSo6SHZMI4gNYpq2RiiJpcQvlanH8cJFRomp3B6Bo1ayCOCWdPc/MCCGRdhyUQtr6yaIJ8I13B9w2IF3Nyybu/s7tkQCghPhft2PADj4ZH52HRyasOzQsK24vkFOuBS5wCdBagrLComIsBrBzrlCuPNLd7BPY0lhLAEqJQ+oPMRDTQ+ATxrSl0zxS/4+qah3+0fn1L3prJyl5RUfOkBvn+Y8bxKTxFOlV+Q6hqmnURcyyhhXb0vfYOI3djUzG9p9b6/EBFjhU5wBP0AAAAASUVORK5CYII=' /%3E%3C/svg%3E"); }
.con-com-13 .test-box { position: relative;}
.con-com-13 .edu-box { position: relative; }
.con-com-13 .qua-box { position: relative;}
.con-com-13 .dl-box-01 { padding-top: 2em; padding-bottom: 1em;}
.con-com-13 .dl-box-01 dt {position: relative; padding-left: 1.8em;  font-weight:600;}
.con-com-13 .dl-box-01 strong { font-weight:600;}
.con-com-13 .dl-box-01 dt:before { content:'\203A'; left: 1em; position: absolute; top: -0.07em }
.con-com-13 .dl-box-01 dd { padding-top: 0.5em;}
.con-com-13 .dl-box-01 li { position:relative; padding-left: 3em; color:#353535; padding-bottom: 0.2em; line-height: 1.4em; font-size: 0.9em;}
.con-com-13 .dl-box-01 li:before { content:'\002D'; left: 2em; position: absolute; top: -0.07em }
.con-com-13 .dl-box-01 dl { padding-bottom: 1.1em;}
.con-com-13 .table-box-01 table {border-top:2px solid #000; line-height: 1.6em; text-align: center; border-spacing: 0; width:100%; table-layout: fixed;}
.con-com-13 .table-box-01 thead th, .con-com-13 .table-box-01 thead td {  font-weight:600; background:#f1f1f1}
.con-com-13 .table-box-01 .wd-5e { width: 5em;}
.con-com-13 .table-box-01 .wd-15e { width: 15em;}
.con-com-13 .table-box-01 tbody th { font-weight: 600;}
.con-com-13 .table-box-01 td, .con-com-13 .table-box-01 th { padding: 0.5em 0.1em; border-bottom:1px solid #e2e2e2;}
.con-com-13 .table-box-01 { position: relative;}
.con-com-13 .table-box-01 + .table-box-01 { padding-top: 4em;}
.con-com-13 .table-box-01 th br { display:none;}
.con-com-13 .ls-etc { padding-top: 1em; color:#353535}
.con-com-13 .box-head { position: relative;}
.con-com-13 h4 {padding-bottom: 1em; font-size: 1.25em; font-weight:600;}
.con-com-13 .ls-more { position: absolute; right:0em; top:0em;}
.con-com-13 .ls-more a { font-size:0.65em;}
.con-com-13 .ls-more a:hover { font-weight: 600;}
.con-com-13 .ls-btn {text-align: center; padding-top: 1.5em;}
.con-com-13 .ls-btn a { font-weight:600; text-align: center; display:inline-block; border-radius: 0.7em; padding: 0.8em 1em; width:100%; max-width: 14em; background:#ffae00; color:#fff;}
.con-com-13 .ls-btn a:hover { background:#7463bf; }
.con-com-13 .dl-box-02 dl {  padding:0.35em 3px 0.35em 0; text-align: left; display:flex; justify-content: start; align-items: stretch;}
.con-com-13 .dl-box-02 dt {font-weight:600; min-width: 5em; max-width: 5em; width: 5em;}
.con-com-13 .ls-box-01 li { padding:1em 0; border-top:1px solid #e2e2e2;}
.con-com-13 .ls-box-01 li:nth-child(1) { border-top:2px solid #000;}
.con-com-13 .test-box li { display:flex; justify-content: space-between; align-items: stretch;}
.con-com-13 .test-box .ls-btn-box { padding: 0.35em 0;max-width: 5.5em; font-size: 0.9em;}
.con-com-13 .test-box .ls-btn-box a { padding: 1em 0.5em; display:flex; justify-content: center; align-items: center; }
.con-com-13 .qua-box .ls-btn-box { padding: 1.2em 0 1em 0;}
.con-com-13 .qua-box .ls-btn-box a {display:block; padding: 0.75em 0.5em;}
.con-com-13 .ls-btn-box { width:100%; text-align: center; }
.con-com-13 .ls-btn-box a { font-weight:600; margin:0 1%; border-radius: 0.7em; height:100%; }
.con-com-13 .qua-box .ls-btn-box { display:flex; justify-content: center; align-items: center; }
.con-com-13 .qua-box .ls-btn-box a { width:48%; }
.con-com-13 .btn-type-01 { background:#f3f6fa; border:1px solid #e2e2e2; color:#7463bf;}
.con-com-13 .btn-type-02 { border:1px solid #ffae00; color:#ffae00;}
.con-com-13 .btn-type-05 { border:1px solid #004ea2; color:#004ea2;}
.con-com-13 .btn-type-06 { border:1px solid #00acd5; color:#00acd5;}
.con-com-13 .btn-type-03 { border:1px solid #ffae00; color:#ffae00; position: relative;}
.con-com-13 .btn-type-04 { background:#f3f6fa; border:1px solid #e2e2e2; color:#acacac;}
.con-com-13 .btn-type-02:hover { background:#7463bf; border-color:#7463bf; color:#fff;}
.con-com-13 .btn-type-05:hover { background:#7463bf; border-color:#7463bf; color:#fff;}
.con-com-13 .btn-type-06:hover { background:#7463bf; border-color:#7463bf; color:#fff;}
.con-com-13 .btn-type-03:hover { background:#7463bf; border-color:#7463bf; color:#fff;}
.con-com-13 .btn-type-03:before { display:inline-block; content:''; vertical-align: middle; position: relative; width: 2em; height:0.8em; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 174, 0)' d='M16.176,14.182 C16.176,14.634 15.808,15.000 15.353,15.000 L1.647,15.000 C1.192,15.000 0.824,14.634 0.824,14.182 C0.369,14.182 -0.000,13.813 -0.000,13.358 L-0.000,6.824 C-0.000,6.369 0.369,6.000 0.824,6.000 C1.278,6.000 1.647,6.369 1.647,6.824 L1.647,13.358 C1.647,13.360 1.646,13.362 1.646,13.364 C1.646,13.364 1.647,13.364 1.647,13.364 L15.353,13.364 L15.353,6.818 C15.353,6.366 15.722,6.000 16.176,6.000 C16.631,6.000 17.000,6.366 17.000,6.818 L17.000,13.364 C17.000,13.816 16.631,14.182 16.176,14.182 ZM5.001,6.529 L5.001,4.565 L7.801,7.343 L7.801,-0.003 L9.200,-0.003 L9.200,7.343 L11.999,4.565 L11.999,6.529 L8.500,10.002 L5.001,6.529 Z'/%3E%3C/svg%3E");}
.con-com-13 .btn-type-03:hover:before {  filter: brightness(0) grayscale(1) invert(1); }

/* 결제안내 */
.con-com-14 { overflow: hidden;  margin:0 auto; padding: 7em 0px 7em 0px; position: relative;}
.con-com-14 .con-head { padding-bottom: 4em; text-align: center; max-width: 1240px; margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-14 .com-box-01 { text-align: left; max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-14 .ls-box-in { display:flex; justify-content: space-between; align-items: stretch; }
.con-com-14 .ls-box-01 { width: 58.5%; border-radius: 1em; overflow: hidden; border:1px solid #e2e2e2; box-shadow: 0px 0px 0.7em rgba(0,0,0,0.1); }
.con-com-14 .ls-box-02 {width: 38.5%; margin-left: 3%; min-width: 350px; border-radius: 1em; border:1px solid #e2e2e2; box-shadow: 0px 0px 0.7em rgba(0,0,0,0.1); }
.con-com-14 .test-box { background:#f3f6fa; padding:2em;}
.con-com-14 .user-box { padding:2em;}
.con-com-14 h4 {padding-bottom: 1em; font-size: 1.25em; font-weight:600;}
.con-com-14 .dl-box-01 dl { padding:0.35em 3px 0.35em 0; text-align: left; display:flex; justify-content: start; align-items: stretch;}
.con-com-14 .dl-box-01 dt {font-weight:600; min-width: 6em; max-width: 6em; width: 6em;}
.con-com-14 .dl-box-01 { padding-top:1em; border-top:2px solid #000;}
.con-com-14 .dl-box-01 dd input {    padding: 0.5em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 0.3em;    width: 100%;}
.con-com-14 .dl-box-01 dd {width:100%;}
.con-com-14 .user-box dl { padding-bottom: 1em; align-items: center;}
.con-com-14 .ls-etc { margin-top: 2em; text-align: center; background:#f3f6fa; padding:0.7em; border-radius: 0.3em; }
.con-com-14 .ls-pay-01 { padding: 2em 2em 1.5em 2em;}
.con-com-14 .ls-pay-02 { border-bottom:1px solid #e2e2e2; padding: 0em 2em 1.5em 2em;}
.con-com-14 .ls-pay-03 { padding: 2em;}
.con-com-14 .ls-info-01 p { padding-bottom: 1em;}
.con-com-14 .ls-info-01 a { position: relative;    display: block; border-radius: 0.3em;    background: #f3f6fa;    padding: 0.8em 1em;}
.con-com-14 .ls-info-01 span {    text-decoration: underline;    display: block;    top: 50%;    margin-top: 1px;    transform: translateY(-50%);    position: absolute;    right: 1em;}
.con-com-14 .dl-box-02 dl {    padding: 1em 0;    display: flex;    align-items: center;}
.con-com-14 .dl-box-02 dl:first-of-type { padding: 0.3em 0 0em 0;}
.con-com-14 .dl-box-02 dl:last-of-type {    font-weight: 600;    border-top: 1px solid #d3d3d3;}
.con-com-14 .dl-box-02 dt {    width: 155px;    min-width: 155px;    max-width: 155px;}
.con-com-14 .dl-box-02 dd {    text-align: right;    width: 100%;}
.con-com-14 .ls-check-box label {    cursor: pointer;    line-height: 1.4em; padding: 0.5em 0;    display: flex;}
.con-com-14 .ls-check-box span { position: relative; margin-top: -0.2em;}
.con-com-14 input[type=checkbox], .con-com-14 input[type=radio] {  vertical-align: middle;  position: relative;   min-width: 1em;    height: 1em;    margin-right: 0.5em;}
.con-com-14 .ls-btn {text-align: center; padding: 2em;}
.con-com-14 .ls-btn a { font-weight:600; font-size: 1.1em; text-align: center; display:inline-block; border-radius: 0.7em; padding: 0.8em 1em; width:100%; background:#ffae00; color:#fff;}
.con-com-14 .ls-btn a:hover { background:#7463bf; }


/* 로그인(page4),  아이디찾기(page6), 비밀번호찾기(page7), 아이디있을시(page9), 가입회원없을시(page8), 인증번호확인(page10), 비밀번호변경(page11)  */
.con-com-041 { padding: 5em 0px 8em 0px; position: relative;}
.con-com-041 .con-box-01 h3 { text-align: left; padding-bottom: 0.7em; font-size: 1.6em; font-weight: 800;}
.con-com-041 .con-box-01 h3.head-type-01 { text-align: center; color:#eb6100}
.con-com-041 .com-box-01 { padding-left:20px; padding-right:20px;}
.con-com-041 .con-box-01 { max-width: 460px; margin:0 auto; }
.con-com-041 .ls-input input {  width:100%; padding: 1em 2px; border:none; border-bottom:1px solid #cccccc; }
.con-com-041 .ls-input label { margin-top: 0.5em; display:block; position: relative;}
.con-com-041 .ls-input label span { display:block; color:#808080; position: absolute; top:50%; transform: translateY(-50%); left:0;}
.con-com-041 .ls-input label:focus span { display:none;}
.con-com-041 .ls-input { padding-bottom:1.5em;}
.con-com-041 .ls-idpw { padding-bottom:1.5em; text-align: left; font-size: 0.8em; margin-left: -0.75em}
.con-com-041 .ls-idpw a { padding: 0.8em;}
.con-com-041 .ls-idpw span { position: relative;}
.con-com-041 .ls-idpw span+span:after { position: absolute; background:#000; left:-1px; height:0.8em; width:1px; top:50%; transform: translateY(-50%); content:'';} 
.con-com-041 .ls-idpw-02 { padding-top: 2em; text-align: center; font-size: 0.8em; margin-left: -0.75em}
.con-com-041 .ls-idpw-02 a { padding: 0.8em;}
.con-com-041 .ls-idpw-02 span { position: relative;}
.con-com-041 .ls-idpw-02 span+span:after { position: absolute; background:#000; left:-1px; height:0.8em; width:1px; top:50%; transform: translateY(-50%); content:'';} 
.con-com-041 .ls-btn-01 input[type=submit] { background:#00acd5; border:1px solid transparent; text-align: center; max-width:100%; color:#fff; width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.9em 0px 0.9em 0;}
.con-com-041 .ls-btn-01 input[type=submit]:hover { background:#004ea2;  color:#fff; }
.con-com-041 .ls-btn-01 a { background:#00acd5; border:1px solid transparent; text-align: center; max-width:100%; color:#fff; width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.9em 0px 0.9em 0;}
.con-com-041 .ls-btn-01 a:hover { background:#004ea2;  color:#fff; }
.con-com-041 .ls-or span { position: relative; display:inline-block; background:#fff; padding:1.5em 0.7em;}
.con-com-041 .ls-or { position: relative;}
.con-com-041 .ls-or:before { content:''; width:100%; height:1px; background:#e2e2e2; position: absolute; top: 50%; left:0; transform: translateY(-50%);}
.con-com-041 .ls-btn-02 p { padding-bottom:0.8em;}
.con-com-041 .ls-btn-02 a { text-align: center;  border:1px solid transparent; max-width:100%;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.9em 0px 0.9em 0; }
.con-com-041 .ls-btn-02 a:before { width: 1.2em; height:1em; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.con-com-041 .ls-sns-c a { background:#f7e409; color:#381c1e}
.con-com-041 .ls-sns-c a:hover { background:#efdc07; }
.con-com-041 .ls-sns-n a { background:#22c73c; color:#fff;}
.con-com-041 .ls-sns-n a:hover { background:#1dba36; }
.con-com-041 .ls-join a { background:#fff; color:#00acd5; border:1px solid #00acd5;}
.con-com-041 .ls-join a:hover {  background:#00acd5;  color:#fff; }
.con-com-041 .ls-join a:before { display:none;}
.con-com-041 .ls-txt-01 { padding:2em 0;}
.con-com-041 .ls-on-id { margin: 1em 0; border:1px solid #e2e2e2; border-radius: 0.2em; font-size: 1.4em; font-weight: 800; padding: 0.7em 0.5em;}
.con-com-041 .ls-txt-02 {  padding-top:1.5em; padding-bottom: 3em;}
.con-com-041 .ls-txt-02 p { font-size: 0.85em; color:#808080;}
.con-com-041 .ls-txt-03 { margin-top:1em; margin-bottom:1em; color:#00acd5; font-size: 0.85em; border-radius: 5px; background:#f4f4f5; padding: 1em; text-align: center;}
.con-com-041 .dl-box-01 dd {width: 70%;}
.con-com-041 .dl-box-01 {  padding-bottom: 2em; text-align: left; }
.con-com-041 .dl-box-01 dl { border-bottom:1px solid #cccccc; padding-bottom: 0.7em; padding-top:0.7em; display:flex; justify-content: start; align-items: center;}
.con-com-041 .dl-box-01 dt { font-weight:600; line-height: 1.6em; width: 30%;}
.con-com-041 .dl-box-01 input { padding: 0.6em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-041 .dl-box-02 dd {width: 70%;}
.con-com-041 .dl-box-02 { padding-bottom: 2em; text-align: left; }
.con-com-041 .dl-box-02 dl { border-bottom:1px solid #cccccc; padding-bottom: 0.7em; padding-top:0.7em; display:flex; justify-content: start; align-items: stretch;}
.con-com-041 .dl-box-02 dt { font-weight:600; padding-top: 0.7em; line-height: 1.6em; width: 30%;}
.con-com-041 .dl-box-02 dd span { display:block; padding-top: 0.9em;}
.con-com-041 .dl-box-02 dl:nth-child(1) { padding-bottom: 1.3em;}
.con-com-041 .dl-box-02 dd p { padding-top: 0.5em; color:#808080; font-size: 0.75em;}
.con-com-041 .dl-box-02 input { padding: 0.6em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-041 .tip-txt { margin:1em 0; padding:1em; font-size:0.75em; border:1px solid #eee; border-radius:10px; text-align:left; } 

/*히원가입*/
.con-com-051 { padding: 5em 0px 8em 0px; position: relative;}
.con-com-051 .com-box-01 { display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-051 .con-box-01 { text-align: left; width: 100%;}
.con-com-051 .con-box-02 { padding-top: 3.9em; position: relative; text-align: left; width: 100%; overflow: hidden;}
.con-com-051 .con-box-01 h3 { padding-bottom: 1.3em; font-size: 1.6em; font-weight: 800;}
.con-com-051 input[type=text],[type=password], .con-com-03 textarea { padding: 0.6em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-051 .con-box-01 select { padding: 0.6em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-051 .dl-box-01 dd {width: 70%;}
.con-com-051 .dl-box-01 { padding-top: 0.5em; border-top:2px solid #000;}
.con-com-051 .dl-box-01 dl {border-bottom:1px solid #cccccc; padding-bottom: 0.7em; padding-top:0.7em; display:flex; justify-content: start; align-items: stretch;}
.con-com-051 .dl-box-01 dt { padding-top: 0.5em; line-height: 1.6em; width: 30%;}
.con-com-051 .dl-box-01 dd p { padding-top: 0.5em; color:#808080; font-size: 0.75em;}
.con-com-051 .dl-box-01 dt span { display:inline-block; position: relative; padding-right:0.3em; font-weight:600; vertical-align: middle;}
.con-com-051 .ls-info-01 { text-align: left;}
.con-com-051 .ls-info-01 details { padding-bottom:0.8em;}
.con-com-051 .ls-info-01 summary::marker {  content:''; }
.con-com-051 .ls-info-01 summary { font-size:0.85em; cursor: pointer; z-index:2; box-shadow: 3px 3px 10px rgba(0,0,0,0.07); position: relative; padding: 0.8em 1.5em; border:1px solid #e2e2e2; background:#f4f4f5; border-radius: 0.4em;}
.con-com-051 .ls-info-01 details[open] summary:after {  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M20.996,11.999 L10.500,1.325 L0.003,11.999 L0.003,10.676 L10.500,0.001 L20.996,10.676 L20.996,11.999 Z'/%3E%3C/svg%3E"); }
.con-com-051 .ls-info-01 summary:after { content:''; width:1.2em; height:1.2em; top:50%; transform: translateY(-50%); position: absolute; right: 2em; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M20.996,0.001 L10.500,10.675 L0.003,0.001 L0.003,1.324 L10.500,11.999 L20.996,1.324 L20.996,0.001 Z'/%3E%3C/svg%3E"); }
.con-com-051 .ls-info-01 .ls-txt-01 { overflow-y:auto;  height: 21em; color:#808080; font-size: 0.8em; z-index:1;position: relative; margin-top: -2em; box-shadow: 3px 3px 10px rgba(0,0,0,0.07); padding: 3.5em 1.7em 1.5em 1.7em; border:1px solid #e2e2e2; background:#fff; border-radius: 10px; }
.con-com-051 .ls-info-01 summary span { vertical-align: middle; }
.con-com-051 .ls-info-02 { padding-left: 1.55em; font-size: 0.85em;}
.con-com-051 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-051 .ls-btn a {background:#00acd5; text-align: center; max-width:210px; color:#fff;  width:100%; border-radius: 30px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.8em 0px 0.8em 0; border:0px;}
.con-com-051 .ls-btn a:hover { background:#004ea2; }
.con-com-051 .ls-btn a.red {background:#eb6100}
.con-com-051 .ls-btn a.red:hover {background:#444}
.con-com-051 input[type=checkbox], .con-com-051 input[type=radio] {position: relative; margin-top:0.5px; min-width: 18px; height: 18px; margin-right: 0.5em;}

/* 수강후기 목록 */
.con-com-091 { margin:0 auto; max-width: 1240px; margin:0 auto; position: relative; overflow:hidden; padding-top: 100px; padding-bottom: 7em;}
.con-com-091 .con-head { text-align: center; padding-left:20px; padding-right:20px; }
.con-com-091 .com-box-01 { max-width: 1280px; padding-left:20px; padding-right:20px; margin:0 auto; padding-bottom: 2em; padding-top: 5em; }
.con-com-091 .ls-list-box { padding-top: 2em; width:100%; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4%;}
.con-com-091 .ls-list { width: 100%; padding-bottom: 1em; border-radius: 10px; border:1px solid #e2e2e2; box-shadow: 3px 3px 10px rgba(0,0,0,0.07); overflow:hidden; margin-bottom:3em; }
.con-com-091 .ls-list .ls-img-01 img { object-fit:cover; width:100%; height:100%; border-bottom:1px solid #eee; }
.con-com-091 .ls-list .ls-img-01 { width: 100%; height: 215px; background:#f0f0f0; position: relative; display:flex; justify-content: center; align-items: center; overflow:hidden;}
.con-com-091 .ls-list:hover .ls-img-01:after { background:rgba(0,0,0,0.55); content:''; position: absolute; left:0; top:0; width:100%; height:100%;}
.con-com-091 .ls-list:hover .ls-more { opacity: 1;}
.con-com-091 .ls-list .ls-more { opacity: 0; z-index:2; font-size:0; position: absolute;  left:50%; top: 50%; transform: translate(-50%, -50%); }
.con-com-091 .ls-list .ls-more:after { content: '\253C';font-weight: 100; font-size: 2.4rem; color:#00acd5}
.con-com-091 .ls-list h3 { font-weight: normal; word-break: break-all; padding-top: 1em; padding-bottom:0.5em;}
.con-com-091 .ls-list a { text-align: left;}
.con-com-091 .ls-list .ls-ss { font-weight:600;}
.con-com-091 .ls-list .ls-ss span {padding-right: 1em; position: relative; }
.con-com-091 .ls-list .ls-ss-date span {font-size:0.8em; }
.con-com-091 .ls-list .ls-type { font-size: 0.8em; vertical-align: middle;}
.con-com-091 .con-box-02 .ls-more { font-weight: 600; letter-spacing: -0.5px; font-size: 0.9em;color:#3d81ff; line-height:1; text-align: center; display:inline-block; position: relative; padding: 0.3em 1.2em 0.5em 1.2em; border-radius: 7px; border:1px solid #fff;}
.con-com-091 .con-box-02 .ls-more:after { left: 5px; border-radius: 50%; width: 40px; height:40px; line-height: 40px; text-align: center; top:1px;  font-weight: 300; position: relative; content:'\2192'; display:inline-block;font-size: 1.1rem;}
.con-com-091 .con-box-02 .ls-more:hover:after { border-color:#3d81ff;}
.con-com-091 .con-box-02 .ls-more:hover { border-color:#3d81ff  }
.con-com-091 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-091 .ls-btn a {background:#fff; text-align: center; max-width:210px; color:#00acd5; border:1px solid #00acd5;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:1.1em 0px 1em 0; }
.con-com-091 .ls-btn a:hover { background:#00acd5; color:#fff; }
.con-com-091 .more-info { padding:10px 20px; }

.con-com-111 { margin:0 auto; max-width: 1240px; margin:0 auto; position: relative; overflow:hidden; padding-top: 120px; padding-bottom: 7em;}
.con-com-111 .con-head { text-align: center; padding-left:20px; padding-right:20px; }
.con-com-111 .com-box-01 {text-align: left;  max-width: 1280px; padding-left:20px; padding-right:20px; margin:0 auto; padding-bottom: 2em; padding-top: 2em; }
.con-com-111 .ls-info img { max-width: 100%; display: inline-block}
.con-com-111 .ls-info {text-align: center; padding: 2em 1em 4em 1em; border-bottom:1px solid #e8e8e8}
.con-com-111 .ls-info .ls-txt-01 { text-align: left; padding-bottom: 1em;}
.con-com-111 .ls-head-box h4 {  font-size: 1.4em; padding: 1em 1em; border-top:4px solid #000; border-bottom:1px solid #e8e8e8}
.con-com-111 .ls-head-box .ls-nd { padding:1em;  border-bottom:1px solid #e8e8e8; display:flex; justify-content: space-between; align-items: center;}
.con-com-111 .ls-head-box .ls-name .ls-type { font-size: 0.8em; padding-left: 2em; display:inline-block; vertical-align: middle;}
.con-com-111 .ls-img { display:block; padding: 2em 0; text-align: center; max-width:100%;}
.con-com-111 .con-box-03 { margin:0 auto; padding:0px; max-width: 1240px;}
.con-com-111 .ls-box-01 { display:flex;  justify-content: space-between; align-items: center; border-top:1px solid #959595; border-bottom:1px solid #959595; padding:2em 0px}
.con-com-111 .con-box-03 h4 { font-weight: normal; padding-top:0.5em;}
.con-com-111 .ls-next {text-align: right; padding-right: 22px; min-width:300px; }
.con-com-111 .ls-prev {text-align: left; padding-left: 22px; min-width:300px; }
.con-com-111 .ls-prev p, .con-com-111 .ls-next p { font-size: 1.35em; font-weight: 600; color:#00acd5; position: relative; }
.con-com-111 .ls-prev p:after { content:'\2039';  position: absolute; left:-22px; font-size: 1.2em; top: -0.1em; line-height: 1.2em; }
.con-com-111 .ls-next p:after { content:'\203A';  position: absolute; right:-22px; font-size: 1.2em; top: -0.1em; line-height: 1.2em; }
.con-com-111 .ls-prev h4 { color:#646464}
.con-com-111 .ls-next h4 { color:#010101}
.con-com-111 .ls-full { width: 50px; height: 50px; font-size:0; position: relative;}
.con-com-111 .ls-full:after { width:100%; line-height: 3rem; position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%); content:'\2261'; font-weight: 600; color:#00acd5; font-size: 2rem;  z-index:6}
.con-com-111 .ls-view iframe { width:100%; height:500px; }
.con-com-111 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-111 .ls-btn a {background:#fff; text-align: center; max-width:210px; color:#00acd5; border:1px solid #00acd5;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:1.1em 0px 1em 0; }
.con-com-111 .ls-btn a:hover { background:#00acd5; color:#fff; }
.con-com-111 .btn-right { width:100%; text-align:right; }


/* 마이페이지 정보수정 및 게시판 작성 */
.con-com-18 { margin:0 auto; max-width: 1000px; margin:0 auto; position: relative; overflow:hidden; padding-top: 70px; padding-bottom: 5em;}
.con-com-18 .head-box-01 { position: relative; padding-bottom: 2em;}
.con-com-18 .com-box-01 { border-radius: 1em; min-height: 65vh; padding:3em 3em 4em 3em; background:#fff;}
.con-com-18 .dl-box-01 dd {  width: 100%;  word-break:break-all;  }
.con-com-18 .dl-box-01 dd.middel {  display: flex;    justify-content: start;    align-items: center; }
.con-com-18 .dl-box-01 {  text-align: left;  border-top: 2px solid #000;}
.con-com-18 .dl-box-01 dl {   min-height: 4em;  border-bottom: 1px solid #cccccc;   padding-bottom: 0.7em;    padding-top: 0.7em;    display: flex;    justify-content: start;    align-items: stretch;}
.con-com-18 .dl-box-01 dt { padding-top:0.6em; padding-left: 10px;   line-height: 1.6em; width: 25%; max-width: 180px; min-width: 130px;}
.con-com-18 .dl-box-01 dd p {    padding-top: 0.5em;    color: #808080;    font-size: 0.85em;}
.con-com-18 .dl-box-01 dt span {    display: inline-block;    position: relative;    padding-right: 0.3em;    font-weight: 600;    vertical-align: middle;}
.con-com-18 .dl-box-01 .con-text { padding:2em 0;}
.con-com-18 .dl-box-01 input[type=text], .con-com-18 .dl-box-01 textarea {    padding: 0.7em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 5px;    width: 100%;}
.con-com-18 .dl-box-01 select {    padding: 0.7em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 5px;    width: 100%;}
.con-com-18 .ls-warning-box { text-align: left; padding: 20px 10px 30px 10px; border-bottom: 1px solid #e2e2e2; }
.con-com-18 .ls-warning-box h3 { position: relative; z-index:1; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0.8em 20px 1.2em 20px; background:#e7e9f3 }
.con-com-18 .ls-warning-box .ls-warning-txt { overflow-y:auto; height: 15em; margin-top: -5px; background:#fff; z-index:2; position: relative; color:#808080; border-radius: 5px; font-size: 0.9em; padding: 1em 20px; border:1px solid #e7e9f3;}
.con-com-18 input[type=checkbox], .con-com-18 input[type=radio] {    position: relative;    margin-top: 0.5px;    min-width: 18px;    height: 18px;    margin-right: 0.5em;}
.con-com-18 .ls-warning-box .ls-agree {padding-top:1em;}
.con-com-18 .ls-warning-box .ls-agree span, .con-com-18 .ls-warning-box .ls-agree input { vertical-align: middle;}
.con-com-18 .ls-warning-box .ls-agree span { line-height:1; position: relative; margin-top: -3px;}
.con-com-18 .ls-btn { text-align: center; padding-top: 3em;}
.con-com-18 .ls-btn a { color:#fff; border:1px solid #00acd5; text-align: center; max-width:150px; background:#00acd5;  width:100%; border-radius: 40px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.8em 0px 0.8em 0; }
.con-com-18 .ls-btn a:hover { background:#004ea2;  border:1px solid #004ea2;}
.con-com-18 .refund-box { display:flex; justify-content: space-between; align-items: stretch;}
.con-com-18 .refund-box>div { width: 48%;}
.con-com-18 .refund-info { border-radius: 1em; flex-direction: column; display:flex; justify-content: center; align-items: center; background:#f9fafe; width: 48%; border:1px dashed #00acd5}
.con-com-18 .refund-info h3 { text-align: center; padding-bottom:1em; font-weight: 800; font-size: 1.4em;}
.con-com-18 .dl-box-02 dd {   width: 90%;}
.con-com-18 .dl-box-02 { text-align: left;  border-top: 2px solid #000;}
.con-com-18 .dl-box-02 dl {  min-height: 4em;  border-bottom: 1px solid #cccccc;   padding-bottom: 0.7em;    padding-top: 0.7em;    display: flex;    justify-content: start;    align-items: center;}
.con-com-18 .dl-box-02 dt { font-weight: 600; padding-left: 10px;   line-height: 1.6em; width: 10%; max-width: 100px; min-width: 100px;}
.con-com-18 .dl-box-02 dd p {    padding-top: 0.5em;    color: #808080;    font-size: 0.75em;}
.con-com-18 .dl-box-02 dt span {    display: inline-block;    position: relative;    padding-right: 0.3em;    font-weight: 600;    vertical-align: middle;}
.con-com-18 .dl-box-03 dd {   width: 90%;}
.con-com-18 .dl-box-03 dl {  padding-bottom: 0.3em;    padding-top: 0.3em;    display: flex;    justify-content: start;    align-items: stretch;}
.con-com-18 .dl-box-03 dt { font-weight: 600; padding-left: 10px;  line-height: 1.6em; width: 10%; max-width: 100px; min-width: 100px;}
.con-com-18 .dl-box-03 dd p {    padding-top: 0.5em;    color: #808080;    font-size: 0.75em;}
.con-com-18 .dl-box-03 dt span {    display: inline-block;    position: relative;    padding-right: 0.3em;    font-weight: 600;    vertical-align: middle;}
.con-com-18 .dl-box-03 {text-align: left; margin:0 auto; max-width: 300px;}
.con-com-18 .ls-warning-input { padding: 1em 0 0em 0; text-align: left;}
.con-com-18 .ls-warning-input dt { font-weight: 600; padding-left: 10px;  line-height: 1.6em; width: 10%; max-width: 100px; min-width: 100px;}
.con-com-18 .ls-warning-input dd { padding: 1em 10px;}
.con-com-18 .ls-warning-input textarea {    padding: 0.7em 0 0.7em 10px;    border: 1px solid #e2e2e2;    border-radius: 5px;  height: 5em;  width: 100%;}
.con-com-18 .ls-warning { padding: 1em 15px; background:#fdefe5; color:#eb6100 }
.con-com-18 .member-box { display:block; }
.con-com-18 .ls-sns-box h3 { text-align: left; padding-bottom:1.4em;}
.con-com-18 .ls-sns-box .ls-info { color:#848484; font-size: 0.9em;}
.con-com-18 .ls-btn-02 a { font-size: 1.1em; text-align: center;  border:1px solid transparent; max-width:100%;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.9em 0px 0.9em 0; }
.con-com-18 .ls-btn-02 a:before { width: 1.2em; height:1em; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.con-com-18 .ls-btn-02 span { font-size: 1.1em; text-align: center;  border:1px solid transparent; max-width:100%;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.9em 0px 0.9em 0; }
.con-com-18 .ls-btn-02 span:before { width: 1.2em; height:1em; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.con-com-18 .ls-sns-c a { background:#f7e409; color:#381c1e}
.con-com-18 .ls-sns-c a:hover { background:#efdc07; }
.con-com-18 .ls-sns-n a { background:#22c73c; color:#fff;}
.con-com-18 .ls-sns-n a:hover { background:#1dba36; }
.con-com-18 .ls-sns-c span { background:#f7e409; color:#381c1e}
.con-com-18 .ls-sns-c span:hover { background:#efdc07; }
.con-com-18 .ls-sns-n span { background:#22c73c; color:#fff;}
.con-com-18 .ls-sns-n span:hover { background:#1dba36; }
.con-com-18 .ls-not-sns a { text-align:left; font-size: 0.9em; text-decoration: underline;}
.con-com-18 .ls-warning-box .ls-warning-txt.he10e { height: 10em;}
.con-com-18 .ls-login h3 { padding-bottom: 1em; font-size: 1.4em; font-weight:800; }
.con-com-18 .ls-login { padding-top: 3em; max-width: 400px; margin:0 auto;}
.con-com-18 .ls-login .ls-txt-03 { margin-top: 1em;  margin-bottom: 1em;   color: #00acd5;    border-radius: 5px;    background: #f4f4f5;    padding: 1em;    text-align: center;}
.con-com-18 .biz-member { padding:3em 0 5em 0; }
.con-com-18 .biz-member img { max-width:100%; max-height:500px; padding:20px 0;}
.con-com-18 .biz-member .readonly { background:#eee; }
.con-com-18 .top-btn { width:100%; text-align:left; padding:1em 3em 3em 3em;}
.con-com-18 .top-btn ul { display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.con-com-18 .top-btn ul li { width:100px; margin:0 3px; padding:10px 20px; border:1px solid #eee;text-align:center;}
.con-com-18 .top-btn ul li.active { background:#000; color:#fff;}
.con-com-18 .top-btn ul li.active a { color:#fff;}
.con-com-18 .top-btn ul li:hover { background:#000; color:#fff;}
.con-com-18 .top-btn ul li:hover a { color:#fff;}
.con-com-18 .btn-box { padding:0 0 2em 0; text-align:right;}

.btn-box-center { padding:2em 0; text-align:center;}
.btn-box-center a { padding-left:50px; padding-right:50px;}
.table-info { padding-bottom:1em; text-align:left; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start;}
.table-info span { color:#888;}

/* 신청하기 */
.con-com-031 { padding: 5em 0px 8em 0px; position: relative;}
.con-com-031 .com-box-01 { display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-031 .con-box-01 { text-align: left; width: 60%; padding-right: 7%;}
.con-com-031 .con-box-02 { position: relative; text-align: left; width: 40%; border:1px solid #eaeaea; border-radius: 0.7em; overflow: hidden;}
.con-com-031 .con-box-02.ls-close-pay:after { position:absolute; z-index:1; display:flex; justify-content: center; align-items: center; color:#eb6100; font-weight: 600; content:'추가정보 입력 후 수강신청이 가능합니다.'; width:100%; height:100%; left:0; top:0; background-color:rgba(255,255,255,0.8)}
.con-com-031 .ls-img-01 img { max-width:100%;}
.con-com-031 .con-box-01 h3 { padding-bottom: 1.3em; font-size: 1.25em; font-weight: 800;}
.con-com-031 input[type=text], .con-com-03 textarea { font-size: 0.9em; padding: 0.9em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-031 .con-box-01 select { font-size: 0.9em; padding: 0.9em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-031 .con-box-02 select { padding: 0.9em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-031 textarea { height: 6em;}
.con-com-031 .dl-box-01 dd { padding-top:1em;}
.con-com-031 .dl-box-01 { padding-top: 0.5em; border-top:2px solid #000;}
.con-com-031 .dl-box-01 dl { padding-bottom: 1em; padding-top:1em;}
.con-com-031 .dl-box-01 dt { line-height: 1.6em; display:flex;}
.con-com-031 .dl-box-01 dt>span { display:inline-block; padding-right:1em; font-weight:600; vertical-align: middle;}
.con-com-031 .ls-check-box label { cursor: pointer; line-height: 1.4em; font-size: 0.9em; padding: 0.5em 0; display:flex; }
.con-com-031 input[type=checkbox], .con-com-03 input[type=radio] {position: relative; margin-top: 1.5px; min-width: 18px; height: 18px; margin-right: 0.5em;}
.con-com-031 .ls-check-box span { opacity: 0.9; }
.con-com-031 .ls-warning { font-size: 0.85em; border-radius: 5px; background:#f4f4f5; padding: 1em; text-align: center;}
.con-com-031 .ls-warning .checkup { width:80%; max-width:300px; text-align:left; margin:0 auto; line-height:2em; }
.con-com-031 .ls-pay-01 { padding:8%; background:#f4f4f5}
.con-com-031 .ls-info-01 { display:flex; border-bottom:1px solid #d3d3d3; padding-bottom:1em; justify-content: start; align-items: center;}
.con-com-031 .ls-img-01 { width:100%; max-width: 155px; }
.con-com-031 .ls-img-01 img{ max-width:100%; border-radius: 10px;}
.con-com-031 .ls-money {font-size: 1.4em;}
.con-com-031 .con-box-02 h4 {padding-bottom:0.3em; font-size: 1.05em; font-weight: 800;}
.con-com-031 .con-box-02 h3 {padding-bottom:1em; font-size: 1.2em; font-weight: 800;}
.con-com-031 .ls-info { padding-left:1.5em;}
.con-com-031 .ls-info-02 { padding-top: 1em;}
.con-com-031 .dl-box-02 dl { padding: 0.4em 0; display:flex; align-items: center;}
.con-com-031 .dl-box-02 dt { width: 155px; min-width: 155px; max-width: 155px; } 
.con-com-031 .dl-box-02 dd { width: 100%; } 
.con-com-031 .dl-box-03 dl { padding: 0.3em 0; display:flex; align-items: center;}
.con-com-031 .dl-box-03 dl:last-of-type { font-weight:600; border-top:1px solid #d3d3d3; margin-top:10px;padding-top:20px;}
.con-com-031 .dl-box-03 dt {  width: 155px; min-width: 155px; max-width: 155px; } 
.con-com-031 .dl-box-03 dd { text-align: right; width: 100%; } 
.con-com-031 .ls-check-box-02 { display:flex; flex:1;overflow: hidden; border-radius: 5px; border: 1px solid #e2e2e2;}
.con-com-031 .ls-check-box-02 span { display:block; width: 50%;  }
.con-com-031 .ls-check-box-02 input[type="radio"], .con-com-03 .ls-check-box-02 input[type="checkbox"] { display: none;}
.con-com-031 .ls-check-box-02 label { width: 100%; display: flex; text-align: center; justify-content: center;  align-items: center; cursor: pointer; height: 100%; background: #fff;  line-height: 1.3em;    padding: 0.7em 0rem 0.7em 0rem;    position: relative;}
.con-com-031 .ls-check-box-02 input[type="radio"]:checked + label, .con-com-03 .ls-check-box-02 input[type="checkbox"]:checked + label {    background: #00acd5;    color: #fff;    border: none;}
.con-com-031 .ls-pay-02 { padding:8%;}
.con-com-031 .ls-pay-03 { padding:0em 8%;}
.con-com-031 .ls-info-04 p { padding-bottom:1em;}
.con-com-031 .ls-info-04 a { position: relative; display:block;  font-size: 0.85em; border-radius: 5px; background:#f4f4f5; padding: 1em;}
.con-com-031 .ls-info-04 span { text-decoration: underline; display:block; top:50%; margin-top:1px; transform: translateY(-50%); position: absolute; right:1em;  }
.con-com-031 .ls-info-05 label { cursor: pointer; line-height: 1.4em; font-size: 0.85em; padding: 0.5em 0; display:flex; }
.con-com-031 .ls-btn { padding:10% 8%;}
.con-com-031 .ls-btn a { font-size: 1.1em; background:#00acd5; text-align: center; max-width:100%; color:#fff; border:1px solid #00acd5;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.8em 0px 0.8em 0; }
.con-com-031 .ls-btn a:hover { background:#004ea2; color:#fff; }

/* 주의사항 레이어 보기 */
.cau-content { position: fixed; z-indeX:40; top:0; left:o; width:100%; height:100vh; background:rgba(255,255,255,0.9); overflow:scroll;}
.cau-content .inbox { padding:3em; margin:0 auto; width:100%; max-width:1280px;  }
.cau-content .btn-right { text-align:right; font-weight:700; font-size:1.15em; padding:20px 0;}
.cau-content .cau-text { text-align:justify; }

/* 로그인로그아웃 */
.head-gnb li {position: relative; display:inline-block; }
.head-gnb li:after { content:''; position: absolute; right:-0.15em; top:50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.3); height: 0.7em; width:1px;}
.head-gnb li:last-of-type:after { display:none; }
.head-gnb a { font-size: 0.9em; display:block; padding: 0.8em 1em; }
.head-gnb {  border-bottom:1px solid rgba(0,0,0,0.1); text-align: right;}
.head-gnb ul { max-width: 1240px; margin:0 auto; padding: 0px 20px 0 10px;  }

/* 온라인문의 */
.con-com-15 { overflow: hidden;  margin:0 auto; padding: 7em 0px 7em 0px; position: relative;}
.con-com-15 .con-head { padding-bottom: 4em; text-align: center; max-width: 1240px; margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-15 .com-box-01 { text-align: left; max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-15 .dl-box-01 dl { padding:1em 3px 1em 0; border-bottom:1px solid #d3d3d3; text-align: left; display:flex; justify-content: start; align-items: stretch;}
.con-com-15 .dl-box-01 dt {font-weight:600; min-width: 8em; max-width: 10em; width: 10em; padding-top: 0.4em;}
.con-com-15 .dl-box-01 { border-top:2px solid #000;}
.con-com-15 .dl-box-01 dd input {    padding: 0.5em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 0.3em;    width: 100%;}
.con-com-15 .dl-box-01 dd textarea {  height: 14em; padding: 0.5em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 0.3em;    width: 100%; }
.con-com-15 .dl-box-01 dd {width:100%;}
.con-com-15 .ls-btn {text-align: center; padding: 2em;}
.con-com-15 .ls-btn a { font-weight:600; font-size: 1.1em; text-align: center; display:inline-block; border-radius: 0.7em; padding: 0.8em 1em; width:100%; max-width: 15em; background:#ffae00; color:#fff;}
.con-com-15 .ls-btn a:hover { background:#7463bf; }
.con-com-15 .ls-check-box { padding-top: 1em;}
.con-com-15 .ls-check-box label {    cursor: pointer;    line-height: 1.4em; padding: 0.5em 0;    display: flex;}
.con-com-15 input[type=checkbox], .con-com-14 input[type=radio] {  vertical-align: middle;  position: relative;   min-width: 1em;    height: 1em;    margin-right: 0.5em;}
.con-com-15 .ls-check-box span { position: relative; margin-top: -0.2em;}
.con-com-15 .dl-box-01 select {   padding: 0.5em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 0.3em;    width: 100%;}
.con-com-15 .dl-box-01 p { padding-top: 1em; padding-bottom:1em;}
.con-com-15 .dl-box-01 .input-01 { height: 3em;  margin-right:3em; border:1px solid #e9e9e9; width: 8em; }
.con-com-15 .dl-box-01 .input-02 { height: 3em; border:1px solid #b8c9c2; background:#f7f7f7; width: 8em;   text-align: center;}
.con-com-15 .dl-box-03 { padding-top: 2em;}
.con-com-15 .dl-box-03 dt { font-weight: 600; padding-bottom:1em;}
.con-com-15 .dl-box-03 textarea { font-size: 0.9em;  height: 10em; padding: 0.5em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 0.3em;    width: 100%; }

/* 레이어박스 */
.layer-box { z-index:20; position: fixed; width:100%; height:100%; left:0; top:0; background:rgba(194, 194, 194, 0.6)}
.layer-box .ls-layer-in {min-width: 300px; max-width: 50em; position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); }
.layer-box .ls-layer-con { background:#fff;  border-radius: 1em;}
.layer-box .ls-img-01 { aspect-ratio: 16/16; border-radius: 1em; overflow: hidden; clear: both; display:block; max-width: 500px; }
.layer-box .ls-img-01 a { display:block;}
.layer-box .ls-img-01 img { object-fit: cover; width:100%; height:100%; object-position: center center;}
.layer-box .layer-btn-box { padding:1.2em 0; width:100%; color:#fff; z-index: 5; }
.layer-box .layer-btn { z-index: 4;display: flex;justify-content : center;align-items: center; clear: both; width: 100%; position: relative;}
.layer-box .layer-btn a { margin: 0 0.3em; width:1em; height:1em; line-height: 1; border-radius: 1em; display:block; color:#fff; position: relative; background:#ffffff;}
.layer-box .layer-btn a:hover, .layer-box .layer-btn .active { background:#69acab;}
.layer-box .layer-btn .active { width: 2.7em; }
.layer-box .layer-btn span { font-size:0; display:block;position: relative;}
.layer-box .layer-close { display:flex; justify-content: space-between; background:#000; border-radius: 2em; padding:0.5em 1.5em 0.7em 1.5em; }
.layer-box .layer-close a { display:block; position: relative; font-size: 1.1em; color:#fff;}
.layer-box .layer-close a:hover { color:#69acab; text-decoration: underline; }
.layer-box .layer-close .ls-close:before { display:inline-block; padding-right: 0.5em; content:'\2715';}
.layer-box .layer-in-box button { border:none; background:#fff; border-radius: 5em; overflow:hidden; height:3.6em; width:3.6em; position: absolute; top:40%; transform: translateY(-50%); }
.layer-box .layer-in-box button:after {  content:'';  background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; transform: translate(-50%, -50%); top:50%; width:45%; height:45%; }
.layer-box .layer-in-box button:hover { background:#69acab}
.layer-box .layer-in-box button:hover:after { filter: brightness(0) grayscale(1) invert(1);}
.layer-box .slide-left { left:-15%;}
.layer-box .layer-in-box button span { font-size:0;}
.layer-box .slide-right { right: -15%;}
.layer-box .slide-left:after { left:45%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M14.008,24.995 L1.375,12.500 L14.008,0.004 L12.625,0.004 L-0.008,12.500 L12.625,24.995 L14.008,24.995 Z'/%3E%3C/svg%3E");}
.layer-box .slide-right:after {left:55%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M-0.008,24.996 L12.625,12.500 L-0.008,0.004 L1.374,0.004 L14.008,12.500 L1.374,24.996 L-0.008,24.996 Z'/%3E%3C/svg%3E");}



/* PC 사이즈 */
@media all and (max-width : 1920px)  { 

	
	
}
@media all and (max-width : 1680px)  { 

	
	
}
@media all and (max-width : 1440px)  { 
	
	.con-com-07 .con-box-01 .ls-tt { font-size: 2.2em;}

	.con-com-06 .con-box-01 .ls-tt { font-size: 2.2em;}

	.con-com-10 .con-box-01 .ls-tt { font-size: 2.2em;}

}

@media all and (max-width : 1280px)  { 

	header h1 { height: 2.5em;}

	.con-com-02 .ls-img-box { height:18.55em;}
	.con-com-02 .ls-img-box img { object-fit: cover; height:100%; width: 100%;object-position: center center;}

	.con-com-07 .con-box-01 .ls-tt { font-size: 1.8em;}

	.con-com-06 .con-box-01 .ls-tt { font-size: 1.8em;}

	.con-com-10 .con-box-01 .ls-tt { font-size: 1.8em;}

	.con-com-13 .table-box-01 th br { display:block;}
	.con-com-13 .table-box-01 .wd-7e { width: 6em}
	.con-com-13 .table-box-01 .wd-15e { width: 48%}
	/* .con-com-13 .table-box-01 .wd-15e { width: 10em} */

}

/* 패드류 기본 */
@media all and (min-width : 769px) and (max-width : 1024px) {
		
	

}


@media all and (max-width : 1024px){

	.head-gnb { display:none;}

	header .d-md-none { display:none;}
	header .d-lg-none { display: block;}
	header { height: 60px;}

	header:after { top: 60px;}
	header .box_inner { padding-top:0; padding-left: 20px; padding-right:20px; }
	header:after { display:none;}

	.menu-scroll .nav_wrap { display:none;}
	header .nav_head {min-width:auto; position: absolute; right: 70px; font-size: 0.8em;}
	.nav-head-box { padding-top: 0.14em;border-color:rgba(255,255,255,0.5)}
	.nav-head-box .nav-lang { font-weight:400;}

/* 	.snb-bg .ls-slide-texts { top:50%; transform: translate( -50%, -50%); }

	.snb { padding-top: 50px}
	.snb .snb-location span img { height: 12px} */

	
	.container { font-size: 1em;}

	footer { font-size: 0.9em; }
	footer .footer { display:block; text-align: center;}
	footer .foo-head-box { padding-bottom: 1em; margin:0 auto;}
	footer .foo-menu>ul { justify-content: center;}
	footer .col-box .copy { padding-top:1em;}
	footer .logo { width:100%; padding-top:0;}
	footer .logo h1 a { text-align: center; height: 3.3em; }
	footer .logo h1 img { height:100%; width:auto;}
	footer .col-box>p:nth-child(1) { font-size: 1.05em}
	
/* 	footer .col-box .copy { text-align: left;}
	footer { font-size: 0.9em; }
	footer .footer {flex-wrap: wrap; padding-top:0.5em; padding-bottom:1em;}	
	footer .foo-head-box { width:100%; text-align: left; padding-bottom: 2em;}
	footer .col-box {flex-direction: column; max-width:100%; width:100%; padding-left:0;}
	footer .col-box p { line-height: 1.8em;}
	footer .col-box b { font-weight: 600;}
	footer h1 { height: 2.6em;}
	footer .logo { width:100%;}
	footer .col-box span { padding-left:0; padding-right:0.5em;}
	footer .col-box .copy { font-size: 0.95em;}
	footer .sns-box { padding-top: 1em; margin-left:0;}
	footer .sns-box img { width: 32px;}
	footer .sns-box span { padding-left:0; padding-right: 0.5em;} */
		
	
	.page-top { width: 40px; height: 40px; }
	.scroll-page-top { width: 40px;}

	.scroll-box-2 .day-01 { padding-right: 5%;}
	.scroll-box-2 .inner-box ul { padding-left: 1.5em; padding-right: 1.5em;}

	.con-com-03 .ls-info-box { padding-right:1em; padding-top: 0.7em; padding-left: 1.5em;}
	.con-com-03 .ls-btn-box { padding-top: 1.2em;}

	.con-com-07 .con-box-01 .ls-tt { font-size: 1.5em;}

	.con-com-06 .con-box-01 .ls-tt { font-size: 1.5em;}

	.con-com-10 .con-box-01 .ls-tt { font-size: 1.5em;}

	.layer-box { font-size: 0.95em;}
}

@media all and (max-width : 1023px){

	/* .container { font-size: 0.85em;} */

	.con-com-031 .ls-img-01 { width: 100%; max-width:100%;}
	.con-com-031 .ls-info-01 { flex-wrap: wrap;}
	.con-com-031 .ls-info { width:100%; padding-left:0; padding-top: 1em;}
	.con-com-031 .dl-box-02 dt { min-width: 100px;}

	.layer-box { font-size: 0.9em;}
}

@media all and (max-width : 820px){

	.layer-box .ls-layer-in {min-width: 100%;  width:100%; max-width:100%; padding:0 30px; }
	.layer-box .layer-in-box button { display:none; }

}

@media all and (max-width : 768px){

	.container { font-size: 0.85em;}

	.d-md-none { display: none!important;} /* pc 용 감추기 */
	.d-lg-none { display:block;} /* mobile 용 보여주기 */

	

	.con-com-13 { padding-top: 5em;}
	.con-com-13 .con-head { padding-bottom:3em;}
	.con-com-13 .ls-box-in { flex-wrap: wrap;}
	.con-com-13 .ls-box-01 { width:100%; padding-bottom:1.5em;}
	.con-com-13 .ls-box-02 { width:100%;padding:2em 1.5em 2em 1.5em}
	.con-com-13 .dl-box-02 dt { min-width:4.5em; width:4.5em}
	.con-com-13 .test-box .ls-btn-box a { padding-left: 0.2em; padding-right: 0.2em;}
	.con-com-13 .test-box .ls-btn-box { max-width: 5em; padding:0;}
	.con-com-13 .ls-btn-box a { width:100%; }
	.con-com-13 .ls-box-01>div { padding:2em 1.5em 1em 1.5em}
	.con-com-13 .ls-box-01>div+div { margin-top:1.5em;}

	.con-com-14 { padding-top: 5em;}
	.con-com-14 .con-head { padding-bottom:3em;}
	.con-com-14 .ls-box-in { flex-wrap: wrap;}
	.con-com-14 .ls-box-01 { width:100%;}
	.con-com-14 .ls-box-02 { margin-left:0; margin-top:1.5em; width:100%;}
	.con-com-14 .dl-box-01 dt { min-width:5em; width:5em}
	
	.con-com-18 .top-btn { padding:1em 1em 3em 1em;}
	.con-com-18 .top-btn ul li { width:20%; margin:0px; padding:10px 0; border:1px solid #eee;text-align:center;}
	.con-com-18 .top-btn ul li.active { background:#000; color:#fff;}
	.con-com-18 .top-btn ul li.active a { color:#fff;}
	.con-com-18 .top-btn ul li:hover { background:#000; color:#fff;}
	.con-com-18 .top-btn ul li:hover a { color:#fff;}

	.con-com-051 {padding-top: 3em; padding-bottom:9em;}
	.con-com-051 .con-box-01 { font-size: 1.1em;  width:100%; padding-right:0;}
	.con-com-051 .con-box-02 { font-size: 1.2em; width:100%; padding-top:2em;}
	.con-com-051 .dl-box-01 dt { max-width: 110px; min-width: 110px; }
	.con-com-051 input[type=checkbox], .con-com-03 input[type=radio] { min-width: 16px; height: 16px; margin-top:1px;}
	.con-com-051 .ls-btn a { max-width: 150px; font-size: 1.1em;}
	.con-com-051 .ls-info-01 summary  { padding: 1em;}
	.con-com-051 .ls-info-02 { padding-left: 1.05em; padding-top: 1em;}
	.con-com-051 .ls-info-02 label { line-height:1.5em; display:flex;}
	.con-com-051 .ls-info-01 details { padding-bottom: 0.6em;}

	/* 수강후기 */
	.con-com-091 { padding:60px 20px;}
	.con-com-091 .com-box-01 { padding-bottom: 2em; padding-top: 5em; }
	.con-com-091 .ls-list-box { grid-template-columns: repeat(1, minmax(0, 1fr)) }
	.con-com-091 .ls-list .ls-img-01 {height:185px;}
	
	.con-com-111 { padding-top:60px;}
	.con-com-111 .com-box-01 { padding-top:2em;}
	.con-com-111 .ls-head-box h4, .con-com-11 .ls-head-box .ls-nd,.con-com-11 .ls-info { padding-left:0.5em; padding-right: 0.5em}
	.con-com-111 .ls-head-box h4 { font-size: 1.2em; padding-top: 0.7em; padding-bottom: 0.7em;}

	.con-com-111 .ls-view iframe { width:100%; height:230px; }

	.con-com-111 .ls-prev { min-width:auto;}
	.con-com-111 .ls-next { min-width:auto;}

	.con-com-031 {padding-top: 3em; font-size: 1.15em;}
	.con-com-031 .con-box-02 { width:100%;}
	.con-com-031 .con-box-01 { width:100%; padding-bottom: 2em; padding-right:0;}
	.con-com-031 .ls-pay-01 { padding: 1.5em 0em;}
	.con-com-031 .ls-pay-02 { padding: 2em 1.3em;}
	.con-com-031 .ls-pay-03 { padding: 0 1.3em;}
	.con-com-031 .ls-btn { padding: 2em 1.3em;}
	.con-com-031 .ls-info-02 { padding-left: 1.3em; padding-right: 1.3em;}
	.con-com-031 .ls-info-01 { flex-wrap: nowrap;align-items: stretch; padding-left: 1.3em; padding-right: 0.5em; padding-bottom:1.5em;}
	.con-com-031 .ls-img-01 { min-width: 110px; max-width: 110px; width: 30%;}
	.con-com-031 .ls-info { width: 70%; padding-left: 1em; padding-top:0;}
	.con-com-031 .ls-img-01 img { border-radius: 7px;}
	.con-com-031 .dl-box-02 dt { min-width: 100px;}
	.con-com-031 .ls-info-04 p { padding-bottom: 0.7em;}
	.con-com-031 input[type=checkbox], .con-com-03 input[type=radio] { min-width: 16px; height: 16px; margin-top:1px;}


	.con-com-18 { padding-top: 15px; padding-bottom: 3em;}
	.con-com-18 .com-box-01 { padding: 2em; }

	.con-com-15 { padding-top: 5em;}
	.con-com-15 .con-head { padding-bottom:3em;}
	.con-com-15 .dl-box-01 dl { flex-wrap: wrap;}
	.con-com-15 .dl-box-01 dt { padding-bottom : 1em; width:100%; min-width:100%;}
	.con-com-15 .dl-box-02 dl { flex-wrap: wrap;}
	.con-com-15 .dl-box-02 dt { padding-bottom : 1em; width:100%; min-width:100%;}

	.layer-box { font-size: 0.75em;}
}

/* 모바일사이즈 기본 */
@media all and (max-width : 767px){


	

}

@media all and (max-width : 640px){

	

}

@media all and (max-width : 540px){
	
	.d-sm-none { display:none;}
	.d-sm-view { display:block;}

	
}


@media all and (max-width : 415px){

	


}





/* PC 사이즈 */


@media all and (min-width : 1920px)  { 
	

	

}
@media all and (min-width : 1921px)  { 
	

	
}

@media all and (min-width : 1685px)  { 
	


}

@media all and (max-width : 1440px)  { 
	
	.scroll-page-top { right: 20px;}

	/* .scroll-box-2 .ls-lt-box .ls-img-02 */
	

}

@media all and (max-width : 1280px)  { 

	

	

}

/* 패드류 기본 */
@media all and (min-width : 769px) and (max-width : 1024px) {
		

}


@media all and (max-width : 1024px){



}

@media all and (max-width : 1023px){

	/* .container { font-size: 0.8em;}


	 */

}

@media all and (max-width : 820px){

	:root{
		--spot-panel-width: 338px;
		--spot-head-height: 75px;
	}
	.container { font-size: 0.9rem;}
	
}

@media all and (max-width : 768px){

	/* header h1 img { height: 35px; } */

	/* .nav_md_wrap>ul { font-size: 0.75em; }
	.nav_md_wrap ul ul { font-size: 1.1em;} */

	.container { font-size: 0.8em;}
	/* .con-head {  font-size: 0.8em;}
	.con-head p { font-size: 2.1em }  */

	.d-md-none { display: none!important;} /* pc 용 감추기 */
	.d-lg-none { display:block;} /* mobile 용 보여주기 */

	:root{
		--spot-panel-width: 315px;
		--spot-head-height: 70px;

		--spot-bottom-height: 70px;
	}

	header { border:0px; right:0; top:auto; bottom:0;height: var(--spot-bottom-height); z-index: 300;  width:100%; } 
	header nav { height:100%;}
	header nav ul { display:flex;}
	header nav li {z-index:1; width:100%; height:100%; flex:1; display:flex; align-items: center; justify-content: center;}
	header nav li a { width:100%;}
	header .head-logo a { margin-top: -10px; position: relative; border-radius: 200px; display:block;}
	header .head-logo img { height: 40px;}
	header .head-logo a:before {left:50%; top:50%; transform: translate(-50%, -50%); position: absolute;		z-index:-1;		content: '';		width: 66px;		height: 66px;		background: rgb(249,154,53);		background: linear-gradient(0deg, rgba(249,154,53,1) 0%, rgba(245,195,69,1) 100%);		border-radius: 50%;	}
	header nav .active, header nav li:hover { background-color:transparent}
	header nav .active a, header nav li:hover a {color:var(--spot-color-blue-01);  }
	header nav .active .ls-icon:after, header nav li:hover .ls-icon:after { filter: var(--spot-filter-blue-01)}
	header nav .ls-icon { height: 1.5em; margin-bottom:0.3em}

	header nav .active a, header nav li:hover .ls-icon:before { border-color: var(--spot-color-blue-01);} 	

	.scroll-box-4 .map-info-box { left:0; height: calc(100% - var(--spot-bottom-height))}

	.scroll-box-4 .spot-pop .pop-con { width: 280px; left:calc(50% + 15px); top:calc(50% - var(--spot-bottom-height)  - var(--spot-head-height) )}

	


}

/* 모바일사이즈 기본 */

@media all and (max-width : 640px){
	
	.scroll-box-4 .map-info-box { position:relative;}
	.scroll-box-4 .map-sub-panel {z-index:30; position: absolute; right:10px;}


}

@media all and (max-width : 540px){
	.d-sm-none { display:none;}
	.d-sm-view { display:block;}

	.scroll-box-4 .map-head { width:100%; background:transparent; border:none;}
	.scroll-box-4 .map-info-box { width:100%; position: initial; height:auto; }
	.scroll-box-4 .map-panel { padding-bottom:0; border-top-left-radius: 1.4em; border-top-right-radius:  1.4em; width:100%; padding-top:0; position: absolute; bottom: calc(-100% + 290px); height: calc(100% - var(--spot-head-height) - var(--spot-bottom-height));  }
	.scroll-box-4 .map-panel.panel-active { bottom: var(--spot-bottom-height); }
	.scroll-box-4 .map-panel .map-spot-view { display:block;}

	.scroll-box-4 .spot-view-full { display:block; position: relative; z-index:3;}
	.scroll-box-4 .map-sub-panel { margin:0; width:100%; left:0;  border-top-left-radius: 1.4em; border-top-right-radius:  1.4em; border-bottom-left-radius:0; border-bottom-right-radius: 0;  bottom: calc(-100% + 290px); height: calc(100% - var(--spot-head-height) - var(--spot-bottom-height)); }
	.scroll-box-4 .map-sub-panel.active {  bottom: var(--spot-bottom-height);}
	.scroll-box-4 .spot-view { position: relative; margin-top: -58px; }

		
}


@media all and (max-width : 375px){

	
	

}


/* 20250421 일맵 스타일 추가 외 */




/* PC 사이즈 */


@media all and (min-width : 1920px)  { 
	

	

}
@media all and (min-width : 1921px)  { 
	

	
}

@media all and (min-width : 1685px)  { 
	


}

@media all and (max-width : 1440px)  { 
	
	.scroll-page-top { right: 20px;}

	/* .scroll-box-2 .ls-lt-box .ls-img-02 */
	

}

@media all and (max-width : 1280px)  { 

	

	

}

/* 패드류 기본 */
@media all and (min-width : 769px) and (max-width : 1024px) {
		

}


@media all and (max-width : 1024px){



}

@media all and (max-width : 1023px){

	/* .container { font-size: 0.8em;}


	 */

}

@media all and (max-width : 820px){

	:root{
		--spot-panel-width: 338px;
		--spot-head-height: 75px;
	}
	.container { font-size: 0.9rem;}
	
}

@media all and (max-width : 768px){

	/* header h1 img { height: 35px; } */

	/* .nav_md_wrap>ul { font-size: 0.75em; }
	.nav_md_wrap ul ul { font-size: 1.1em;} */

	.container { font-size: 0.8em;}
	/* .con-head {  font-size: 0.8em;}
	.con-head p { font-size: 2.1em }  */

	.d-md-none { display: none!important;} /* pc 용 감추기 */
	.d-lg-none { display:block;} /* mobile 용 보여주기 */

	:root{
		--spot-panel-width: 315px;
		--spot-head-height: 70px;

		--spot-bottom-height: 70px;
	}

	header { border:0px; right:0; top:auto; bottom:0;height: var(--spot-bottom-height); z-index: 300;  width:100%; } 
	header nav { height:100%;}
	header nav ul { display:flex;}
	header nav li {z-index:1; width:100%; height:100%; flex:1; display:flex; align-items: center; justify-content: center;}
	header nav li a { width:100%;}
	header .head-logo a { margin-top: -10px; position: relative; border-radius: 200px; display:block;}
	header .head-logo img { height: 40px;}
	header .head-logo a:before {left:50%; top:50%; transform: translate(-50%, -50%); position: absolute;		z-index:-1;		content: '';		width: 66px;		height: 66px;		background: rgb(249,154,53);		background: linear-gradient(0deg, rgba(249,154,53,1) 0%, rgba(245,195,69,1) 100%);		border-radius: 50%;	}
	header nav .active, header nav li:hover { background-color:transparent}
	header nav .active a, header nav li:hover a {color:var(--spot-color-blue-01);  }
	header nav .active .ls-icon:after, header nav li:hover .ls-icon:after { filter: var(--spot-filter-blue-01)}
	header nav .ls-icon { height: 1.5em; margin-bottom:0.3em}

	.scroll-box-4 .map-info-box { left:0; height: calc(100% - var(--spot-bottom-height))}

	.scroll-box-4 .spot-pop .pop-con { width: 280px; left:calc(50% + 15px); top:calc(50% - var(--spot-bottom-height)  - var(--spot-head-height) )}

	


}

/* 모바일사이즈 기본 */

@media all and (max-width : 640px){
	
	.scroll-box-4 .map-info-box { position:relative;}
	.scroll-box-4 .map-sub-panel {z-index:30; position: absolute; right:10px;}


}

@media all and (max-width : 540px){
	.d-sm-none { display:none;}
	.d-sm-view { display:block;}

	.scroll-box-4 .map-head { width:100%; background:transparent; border:none;}
	.scroll-box-4 .map-info-box { width:100%; position: initial; height:auto; }
	.scroll-box-4 .map-panel { padding-bottom:0; border-top-left-radius: 1.4em; border-top-right-radius:  1.4em; width:100%; padding-top:0; position: absolute; bottom: calc(-100% + 290px); height: calc(100% - var(--spot-head-height) - var(--spot-bottom-height));  }
	.scroll-box-4 .map-panel.panel-active { bottom: var(--spot-bottom-height); }
	.scroll-box-4 .map-panel .map-spot-view { display:block;}

	.scroll-box-4 .spot-view-full { display:block; position: relative; z-index:3;}
	.scroll-box-4 .map-sub-panel { margin:0; width:100%; left:0;  border-top-left-radius: 1.4em; border-top-right-radius:  1.4em; border-bottom-left-radius:0; border-bottom-right-radius: 0;  bottom: calc(-100% + 290px); height: calc(100% - var(--spot-head-height) - var(--spot-bottom-height)); }
	.scroll-box-4 .map-sub-panel.active {  bottom: var(--spot-bottom-height);}
	.scroll-box-4 .spot-view { position: relative; margin-top: -58px; }

		
}


@media all and (max-width : 375px){

	
	

}
/* 스타일 작업 종료 */
/*******************************************************************************************************************/






/* 스타일 작업 종료 */
/*******************************************************************************************************************/




/**************************************************/
/* 스타일 작업 종료 */
/*******************************************************************************************************************/






/* 중간 레이아웃 */
/**********************************************************************************************************************/
/* 여기부터 반응형 메인 박스 스타일 적용 */
/**********************************************************************************************************************/
#wrapper {width:100%;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;max-width:1000px;margin:0px auto;z-index:1;padding:0px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;border-bottom:2px solid #ddd;padding-bottom:0px;}

/*index*/
.latest{width:100%;float:left}

#main_work ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_work ul li{background:#fff;letter-spacing:-0.01em}
#main_work ul li.main_work_1{background:#f8f8f8;}
#main_work .work_txt span{ display:block;padding:5px 0;color:#808080;line-height:1.5em}

#lt_notice{clear:both}
#lt_notice,#lt_board,#lt_board2,#lt_board3,#lt_board4,#lt_board5,#lt_board6,#lt_gall{margin-top:20px}


/* PC 사이즈  1001px 픽셀사이즈까지  */
@media (min-width : 1361px) {
    
    #main_work .work_img{width:35%;height:122px;line-height:112px;display:block;float:left;}
    #main_work .work_txt{width:65%;height:122px;display:block;float:left;}
    #main_work .work_txt span.work_txt_tit{margin-top:20px ;font-weight:bold;font-size:1.25em;color:#111}
	
	.view_pc {display:block;}
	.view_tab {display:none;}
	.view_pctab {display:block;}
	.view_tabmobi {display:none;}
	.view_mobi {display:none;}

	.rbtn_icon {display:block;margin-top:25px;}
	.rbtn_icon .btn {margin-left:7px;}
}

/* 패드류 기본*/
@media all and (min-width : 601px) and (max-width : 1360px) {

    #main_work{margin-top:20px}
    #main_work ul li{float:left;width:33.3%;text-align:center;}
    #main_work .work_img{display:block;}
    #main_work .work_img img{max-width:100px;width:80%;height:auto}
    #main_work .work_txt span.work_txt_p{display:none;}
    #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
	
	.view_pc {display:none;}
	.view_tab {display:block;}
	.view_pctab {display:block;}
	.view_tabmobi {display:block;}
	.view_mobi {display:none;}

	.rbtn_icon {display:none;margin-top:25px;}
	.rbtn_icon .btn {margin-left:7px;}

}

/* 모바일 기본*/
@media all and (max-width : 600px){

    #main_work{margin-top:20px}
    #main_work ul li{float:left;width:33.3%;text-align:center;}
    #main_work .work_img{display:block;}
    #main_work .work_img img{max-width:100px;width:80%;height:auto}
    #main_work .work_txt span.work_txt_p{display:none;}
    #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
	
	.view_pc {display:none;}
	.view_tab {display:none;}
	.view_pctab {display:none;}
	.view_tabmobi {display:block;}
	.view_mobi {display:block;}

	.rbtn_icon {display:none;}
}



/* 하단 레이아웃 */
#ft {border-top:1px solid #dde4e9;background:#fafafa;text-align:center}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#ft_company{padding:20px 20px 10px}
#ft_company a{font-weight:bold;display:inline-block;padding:0px 5px;font-size:1.12em;border-left:2px solid #eee}
.bd_no{border:none !important}
#ft_copy p{color:#000;padding-bottom:20px}
#ft_copy .ft_sns{padding:15px 20px}
#ft_copy .ft_sns a{padding:3px;}
#top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99}

/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
@media all and (max-width : 375px) {
    #group .lt{margin-top:10px}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:150px;height:60px;border:1px solid #e9e9e9;}
#captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:150px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3{width:32px;height:32px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px}

/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#dfdfdf;color:#fff;letter-spacing:-0.1em;border-radius:0px}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:0px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#00c6b2}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #dfdfdf;background:#dfdfdf;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px}
a.btn_b02:focus, .btn_b02:hover {background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-radius:0px 5px 0 0;}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;background:#dfdfdf;color:#fff;text-align:center;letter-spacing:-0.1em;}
.tbl_head01 thead th:first-child{border-top-left-radius:0px;}
.tbl_head01 thead th:last-child{border-top-right-radius:0px}
.tbl_head01 thead a {color:#fff}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head01n {font-size:17px; font-weight:300px; }
.tbl_head01n caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01n thead th {padding:15px 0;background:#fff;color:#000;text-align:center; border-top:1px solid #000; }
.tbl_head01n thead th:first-child{border-top-left-radius:0px;}
.tbl_head01n thead th:last-child{border-top-right-radius:0px}
.tbl_head01n thead a {color:#000}
.tbl_head01n thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01n tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#fff;color:#000;}
.tbl_head01n tfoot td {border-color:#666;background:#fff;color:#000;font-weight:bold;text-align:center}
.tbl_head01n tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01n td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}


.tbl_head022 {}
.tbl_head022 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head022 thead th {padding:5px 0;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;border-left:1px solid #d1dee2;border-top:1px solid #333;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head022 thead a {color:#383838}
.tbl_head022 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head022 tfoot th {border-top:1px solid #666;border:1px solid #666;background:#484848;color:#fff}
.tbl_head022 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head022 tbody td {padding:5px 0;border:1px solid #e9e9e9;}
.tbl_head022 tbody th {padding:5px 0;border:1px solid #e9e9e9;text-align:center;}
.tbl_head022 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head022 input[type=text] {border:1px solid #d1dee2; width:90%;height:20px;margin-left:5px;}
.tbl_head022 input[type=file] {margin-left:5px;}
.tbl_head022 textarea {border:1px solid #d1dee2; width:98%;height:120px;margin-left:5px;}
.tbl_head022 span {color:red;}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #c2c2c2;background:#fff;vertical-align:middle;line-height:2.3em;height:2.3em;-webkit-appearance:none;border-radius:5px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#dfdfdf;color:#fff;border-radius:15px;font-weight:bold;font-weight:bold}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

.clear_01 { clear: both; line-height: 0px; font-size:0px}

.blank5 { height:5px}
.blank10 { height:10px}
.blank20 { height:20px}

.pdtb50 {padding: 50px 0px;}
.pdtb40 {padding: 40px 0px;}
.pdtb30 {padding: 30px 0px;}
.pdtb20 {padding: 20px 0px;}
.pdtb15 {padding: 15px 0px;}
.pdtb10 {padding: 10px 0px;}


.pd50 {padding: 50px;}
.pd40 {padding: 40px;}
.pd30 {padding: 30px;}
.pd20 {padding: 20px;}
.pd10 {padding: 10px;}


#ft_copy ul { padding:0px; margin: 0px;list-style:none;line-height:10px;}
#ft_copy ul li {color:#000; display:inline-block; padding: 5px 3px;}


.tip { background-color: #eaeaea; padding: 10px;line-height:17px;letter-spacing:0.05em;}
.tip input[type=text] { padding: 3px; border: 1px solid #dfdfdf; width: 300px}
.tip input[type=radio]  { width:20px}
.tip select { border:1px solid #dfdfdf; padding: 3px 5px; font-size: 12px}
.tip span { color:#000; font-weight: bold}



.stit h2 { font-size:15px; color:#346ba3; padding-top:0px; margin:0px; padding-bottom:15px ; text-align:left}
.stit h2 span { font-size:12px; padding-left:10px; color:#000}
.stit2 h2 { font-size:15px; color:#000; padding-top:0px; margin:0px 0 20px 0; padding-bottom:7px ; text-align:left; border-bottom: 1px dotted #ccc}



.pop_left { float:left; width:44%;}
.pop_left ul { padding:0px; margin:0px; list-style: none}
.pop_left ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left}
.pop_left .ti { width:30%}
.pop_left .con { width:70%; font-weight:bold}

.pop_right { float:right; width:44%; }
.pop_right ul { padding:0px; margin:0px; list-style: none}
.pop_right ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left}
.pop_right .ti { width:30%}
.pop_right .con { width:70%; font-weight:bold}

.pop_ti { font-size:40px; padding-bottom:20px; font-weight:bold; letter-spacing:20px; text-align:center;position:relative; border-bottom:1px solid #000; margin-bottom:20px}
.dojang { position:absolute; top:100px; right:30px; }



.tbl_frm02_pop {margin:0 0 0px}
.tbl_frm02_pop table {width:100%;border-collapse:collapse;border-spacing:0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.tbl_frm02_pop th {width:70px;padding:10px 5px;border:1px solid #e9e9e9; background:#f5f8f9;text-align:left; color: #3a3a3a;font-size:12px; font-weight:bold}
.tbl_frm02_pop td {padding:10px 5px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:13px;}
.tbl_frm02_pop .CT { text-align:center}
.tbl_frm02_pop .RT { text-align:right}
.tbl_frm02_pop .hit { font-weight:bold; color: #000; font-size:15px}

.top_text {margin:0 auto;width:100%;max-width:1000px;color:#333;font-size:17px;text-align:left;}
.top_text .subtitle {font-size:37px;color:#333;padding-right:40px;}
.top_text .subtext {font-size:17px;color:#333;padding-top:30px;line-height:25px;padding-left:40px;padding-right:40px;}
.top_text .subicon {padding-top:30px;padding-right:40px;}
.top_text .subtext2 {font-size:13px;color:#333;padding-top:0px;line-height:25px;padding-left:40px;padding-right:40px;}

.sc_top_menu2 {margin:0 auto;width:100%;max-width:1400px;color:#101f39;padding-top:30px;font-size:17px;}
.sc_top_menu2 a {color:#101f39;}

.top_text2 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:right;}
.top_text2 .subtitle {font-size:37px;;color:#101f39;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subicon {padding-top:30px;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;}

.sc_top_menu3 {margin:0 auto;width:100%;max-width:1400px;color:#352f2a;padding-top:30px;font-size:17px;}
.sc_top_menu3 a {color:#352f2a;}

.top_text3 {margin:0 auto;width:100%;max-width:1200px;color:#352f2a;font-size:17px;text-align:center;}
.top_text3 .subtitle {font-size:37px;;color:#352f2a;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subtext {font-size:17px;color:#352f2a;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subtext2 {font-size:13px;color:#352f2a;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text4 {margin:0 auto;width:100%;max-width:1200px;color:#e6d0a9;font-size:17px;text-align:center;}
.top_text4 .subtitle {font-size:37px;;color:#e6d0a9;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subtext {font-size:17px;color:#e6d0a9;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subtext2 {font-size:13px;color:#e6d0a9;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text5 {margin:0 auto;width:100%;max-width:1200px;color:#ffffff;font-size:17px;text-align:center;}
.top_text5 .subtitle {font-size:40px;;color:#ffffff;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subtext {font-size:24px;color:#ffffff;padding-top:30px;line-height:38px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subtext2 {font-size:17px;color:#e6d0a9;padding-top:10px;line-height:30px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text22 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:center;}
.top_text22 .subtitle {font-size:37px;;color:#101f39;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}