@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); */
/* @import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url('https://fonts.googleapis.com/css?family=Nunito'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');
/* @font-face {font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); 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;} */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;600&display=swap'); */
/* @font-face { font-family: 'BinggraeTaom'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/BinggraeTaomA1.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GoyangDeogyang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GoyangDeogyang.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal;  font-style: normal;}
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal;} */
/* @font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal;} */
/* @font-face { font-family: 'S-CoreDream-8Heavy';  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');  font-weight: normal;  font-style: normal;} */
/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */

/* @import url(https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css); */

/* 
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'SUIT'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2'); font-weight: 900; 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; }


/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px; scroll-behavior: smooth; }

body {margin:0;padding:0;height:100%;font-family: 'NanumSquareAc', 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}


/* 이미지 마우스 오버 */
.imgswap img:first-child {display:inline-block; }
.imgswap img:last-child {display:none; }
.imgswap:hover img:first-child {display:none;  animation:opacity_img_revers 1s }
.imgswap:hover img:last-child {display:inline-block;  animation:opacity_img 1s }
@keyframes opacity_img {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes opacity_img_revers {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.imghover img:hover {-webkit-filter: grayscale(80%); filter: grayscale(80%); }

.img_scale img:hover { animation:pingpong_img 0.4s forwards }
.img_scale img:not(:hover) { animation:pingpong_img_revers 0.4s forwards  }
@keyframes pingpong_img {
	0% {
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */
	}
	100% {
		transform:scale(1.05);             /*  default */
		-webkit-transform:scale(1.05);  /*  크롬 */
		-moz-transform:scale(1.05);     /* FireFox */
		-o-transform:scale(1.05);        /* Opera */
	}
}
@keyframes pingpong_img_revers {
	0% {
		transform:scale(1.05);             /*  default */
		-webkit-transform:scale(1.05);  /*  크롬 */
		-moz-transform:scale(1.05);     /* FireFox */
		-o-transform:scale(1.05);        /* Opera */
	}
	100% {
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */
	}
}

.text_enter:hover { animation:text_enter_event 0.7s forwards }
/*.text_enter:not(:hover) { animation:text_enter_event_revers 0.4s forwards  }*/
@keyframes text_enter_event {
	0% {opacity: 1;}
	50% {opacity: 0.6;}
	100% {opacity: 1;}
}
@keyframes text_enter_event_revers {
	0% {opacity: 1;}
	50% {opacity: 0.6;}
	100% {opacity: 1;}
}

.img_moving img { animation:mbottom 4s ease-in Infinite Alternate; }
@keyframes mbottom {
	0% {
		margin-bottom:  0px;
	}
	25% {
		margin-bottom: -15px;
	}
	50% {
		margin-bottom: -0px;
	}
	75% {
		margin-bottom: 15px;
	}
	100% {
		margin-bottom: 0px;
	}
}
.img_moving2 img { animation:mright 4s ease-in Infinite Alternate; }
@keyframes mright {
	0% {
		margin-right:  0px;
	}
	25% {
		margin-right: 5px;
	}
	50% {
		margin-right: 0px;
	}
	75% {
		margin-right: -5px;
	}
	100% {
		margin-right: 0px;
	}
}
.img_moving3 img { animation:mleft 3s ease-in Infinite Alternate; }
@keyframes mleft {
	0% {
		margin-left:  0px;
	}
	25% {
		margin-left: 10px;
	}
	50% {
		margin-left: 0px;
	}
	75% {
		margin-left: 10px;
	}
	100% {
		margin-left: 0px;
	}
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops_con {width:100% !important;overflow:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {width:100%;background:#fff;position:relative;}
#hd #hd_wr{max-width:1000px;margin:0 auto;width:100%;position:relative;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {text-align:left;}
#logo a{margin-top:0px;display:inline-block}
#hd_sch_open{display:none}
#hd_sch {text-align:center;}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;background:#ececec;border-radius:0px}
#hd_sch form:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;}
#hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#dfdfdf;border-radius:0 5px 5px 0  ;color:#fff;vertical-align:middle;cursor:pointer;width:40px}
#hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
#sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

/* 공통 스타일 */
.fs085 {font-size:0.85em;}

/* 스타일 가이드 */

.fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} .fs24 {font-size:24px;} .fs26 {font-size:26px;}
.fs28 {font-size:28px;} .fs30 {font-size:30px;} .fs32 {font-size:32px;} .fs34 {font-size:34px;} .fs36 {font-size:36px;} .fs38 {font-size:38px;} .fs40 {font-size:40px;} .fs42 {font-size:42px;} .fs44 {font-size:44px;} .fs46 {font-size:46px;} .fs48 {font-size:48px;} .fs50 {font-size:50px;} .fs52 {font-size:52px;} .fs54 {font-size:54px;}
.fs56 {font-size:56px;} .fs58 {font-size:58px;} .fs60 {font-size:60px;} .fs62 {font-size:62px;} .fs64 {font-size:64px;} .fs66 {font-size:66px;} .fs68 {font-size:68px;} .fs70 {font-size:70px;} .fs72 {font-size:72px;} .fs74 {font-size:74px;} .fs76 {font-size:76px;} .fs78 {font-size:78px;} .fs80 {font-size:80px;} .fs82 {font-size:82px;}
.fs84 {font-size:84px;} .fs86 {font-size:86px;} .fs88 {font-size:88px;} .fs90 {font-size:90px;} .fs92 {font-size:92px;} .fs94 {font-size:94px;} .fs96 {font-size:96px;} .fs98 {font-size:98px;} .fs100 {font-size:100px;} 

.fw100 {font-weight:100;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

.main_modal_popup {background:rgba(0,0,0,0.6);width:100%;height:100vh; }

.main_color0 {color:#000;}
.main_color1 {color:#FFF;}
.main_color2 {color:#535353;}
.main_color3 {color:#ff0000;}
.main_color4 {color:#fb6000;}
.main_color5 {color:#ebebeb;}

.button1 {padding:20px 60px; background:#ff0000; color:#fff; border-radius:40px; transition:background 0.3s;}
.button1:hover {background:#000; color:#fff; }

/* 스타일 가이드 끝 */

	
/***************************************************************/
/* 스타일 작업 시작 */
body { background:transparent;}
body, html {width: 100%;}
#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:#00acd5;}
input, select, textarea {font-family: 'NanumSquareAc', sans-serif}
/* .header-edu 메뉴 */
header { z-index: 15; width: 100%; margin: 0 auto; flex-wrap: wrap;display:flex;justify-content: center;align-items: center;position:fixed; height: 90px;}
/* 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: 12;flex-basis: content;text-align: left;}
header  h1 img { height: 35px;}
header  h1 .yes-scroll { display:none;}
header  h1 a { display: inline-block;}
header .box_inner {z-index:4; position: relative;display:flex; max-width: 1490px; padding: 0px 20px 0 20px; width: 100%; height: 100%;justify-content:  space-between; align-items: center;}
header:not(.menu-scroll) .nav_wrap { display: none;}
.menu-scroll .yes-scroll { display:inline-block;}
.menu-scroll .no-scroll { display:none;}
.site-view h1 img { filter:none; }

/*웹용 메뉴*/
.nav_web { font-size: 1.15em; padding-left: 2em; padding-right: 2em; max-width: 570px; width:100%; flex:1 1 570px; height: 100%; position: relative;}
.nav_web ul a {  color:#fff; width: 100px; height: 100%; display:flex; justify-content: center; align-items: center;  line-height: 1em;}
.nav_web>ul>li {  height:100%; position:relative;  display: inline-block; text-align: center; }
.nav_web>ul>li:hover>a, .nav_web ul ul a:hover { font-weight:600; color:#00acd5}
.nav_web>ul { flex:auto; width:100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
/* .nav_web ul ul { padding-top: 1em; font-size: 0.85em; position: absolute; width:100%; opacity: 0; height: 130px;}
.nav_web ul ul a {padding: 0.5em 0;} */
.nav-head-box .nav-lang { display:flex; justify-content: center; align-items: center; font-size: 0.85em; width:100%;}
.nav-head-box a {  display:block; margin-left: 2em; color:#fff;}
.nav-head-box .ls-login a { position: relative; font-size:0; width: 40px; height: 40px; }
.nav-head-box .ls-login a:after {filter: brightness(0) invert(1);  position: absolute; content:''; transform: translate(-50%, -50%); left: 50%; top:50%; width:65%; height:65%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.nav-head-box .ls-login a:hover:after { filter:none;}
.nav-head-box .ls-mypage a { position: relative; border-radius: 20px; padding: 0.9em 1.3em; background:#00acd5}
.nav-head-box .ls-mypage a:hover  { background:#004ea2 }
.nav-head-box .ls-mypage2 a { position: relative; border-radius: 20px; padding: 0.9em 1.3em; background:#b31c27; margin-left:10px;}
.nav-head-box .ls-logout {margin-left: 10px;}
.nav-head-box .ls-logout a { position: relative; font-size:0; width: 40px; height: 40px; }
.nav-head-box .ls-logout a:before {filter: brightness(0) invert(1);  position: absolute; content:''; transform: translate(-50%, -50%); left: 50%; top:50%; width:90%; height:90%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.nav-head-box .ls-logout a:hover:before { filter:none;}
.nav-head-box .ls-mypage a { position: relative; border-radius: 20px; padding: 0.9em 1.3em; background:#00acd5}
.nav-head-box .ls-mypage a:hover { background:#004ea2 }
.nav-head-box .ls-mypage .ls-icon:before { margin-right:5px; display:inline-block; filter: brightness(0) invert(1);  position: relative; left:0;  content:''; vertical-align:middle; width:1.2em; height:1.2em; background-size: contain; background-repeat: no-repeat; background-position: center center; }

/*모바일용메뉴*/
.nav_md {width: 100%; height: 100%; top:0; right:0; position: fixed; z-index: 11; background:rgba(0,0,0,0.5);} 
.nav_md ul a { position:relative; padding: 10px 0px; display: block; text-align: left;  color:#fff;}
.nav_md .close { position:relative; width: 40px; height: 50px; z-index: 11;}
.nav_md .close a { position: relative; display: block; font-size:0;width: 100%; height: 100%;}
.nav_md .close a:after {transform: translate(-50%, -50%); top: 50%;  left:50%; position:absolute; content:'\2715'; font-weight: 100; color:#fff; font-size: 1.5rem; z-index:6}
.nav_md h1 img { filter: contrast(3) brightness(0) grayscale(1) hue-rotate(360deg) saturate(0) invert(1)!important;}
.nav_md .sitemap-out { background:#00abd6; position:absolute; right:0; height: 100%; width: 100%;}
.nav_md .sitemap-head { height:65px; display:flex; justify-content: space-between; align-items: center; padding-left:20px; padding-right:20px;}
.nav_md .sitemap-in { padding: 3em;}
.nav_md .sitemap-in a { font-size: 1.1em;}
.nav_md .sitemap-in a:hover {color:#004ea2; font-weight:600;}
.nav_md .sitemap-in li:nth-child(4) { margin-bottom:1em; padding-bottom: 1em; border-bottom:1px solid rgba(255,255,255,0.2)}
.nav_md .ls-mypage2 { text-align:left; padding:1em 0em;  }


/* 메뉴 스크롤 시 */
.menu-scroll { background:rgba(255,255,255,0.8); }
.menu-scroll .nav_web ul ul { top: 90px; display: block; }
.menu-scroll .nav_web a { color:#000;}
.menu-scroll .nav_web>ul ul { opacity: 1;}
.menu-scroll .nav_wrap { border-top:1px solid #bdb9b8; display: block; z-index:1;width: 100%; height: 0px; background:rgba(255,255,255,0.8); position: absolute; left:0; top: 90px;} /* 2depth 배경 */
.menu-scroll .nav-head-box .ls-login a:after {filter: brightness(-100%); }
.menu-scroll .nav-head-box .ls-logout a:before { filter: brightness(-100%);}
.menu-scroll .menu_view a:after { color:#000; }


/* 모바일메뉴보기 버튼 */
.menu_view { display:none; position:relative; top:0px; right:0px; width: 40px; height: 40px; z-index: 5;}
.menu_view a { position: relative; display: block; font-size:0;width: 100%; height: 100%;}
.menu_view a:after { width: 100%;    line-height: 3rem;     position: absolute;    left: 50%;    top: 55%;    transform: translate(-50%, -50%);    content: '\2261';    font-weight: 200;    color: #fff;    font-size: 3rem;    z-index: 6}  
.menu_close { display:none; position:relative; top:0px; right:0px; width: 40px; height: 40px; z-index: 5;}
.menu_close a { position: relative; display: block; font-size:0;width: 100%; height: 100%;}
.menu_close a:after { width: 100%; line-height: 3rem;  position: absolute;    left: 50%;    top: 55%;    transform: translate(-50%, -50%);    content: '\2715';    font-weight: 200;    color: #fff;    font-size: 3rem;    z-index: 6}  


/*사이트맵*/
.sitemap-box {   display: none!important ;  width: 100%;  height: 100vh; top: 0;  right: 0;  position: fixed;    z-index: 15;  background-color: #000;}

/* 주의사항 레이어 보기 */
.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; }


#videobcg {
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;  
	height: auto;
	z-index: -1000;
	overflow: hidden;
}

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

.ls-cacao { position:fixed; left:0; right:0; margin:0 auto; bottom:0em; padding-right:20px; padding-left:20px;  width:100%; z-index:11; display:block; }
.ls-cacao a {color:#381c1e; position: absolute; right:20px; bottom: 20px; display:block; background:#f7e409; width: 5em; border-radius: 15px; padding:4.2em 10px 15px 10px;font-size: 0.85em; font-weight: 800; }
.ls-cacao a:after { content:''; position: absolute; top:0.1em; left:50%; transform: translateX(-50%); display:block; width: 2.8em; height:4em; background-repeat: no-repeat; background-size: contain; background-position: center center; }

/*메인상단 슬라이드 뒷배경*/
.scroll-box-1 {background:rgba(0,0,0,0.5); position:relative; width: 100%; height: 100vh; max-height:1250px;  overflow:hidden;}
.scroll-box-1 .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 100vh; overflow:hidden;}
.scroll-box-1 .ls-slide-backgrounds img {object-fit: cover; height: 100vh; width: 100%; object-position: 15% center;}
.scroll-box-1-1 { height: 100%0;z-index: 2;}
.scroll-box-1 .ls-slide-texts {z-index: 2; text-align: left; padding: 0px 20px; max-width: 510px;width: 100%;color:#fff; position:absolute; left:50%; top:50%; transform: translate( -50%, -50%);}
.scroll-box-1 .ls-head { font-weight: 900; word-break: keep-all; position: relative; padding-bottom: 20px; line-height: 1.05; letter-spacing: -0.5px; font-size : 3.4em;}
.scroll-box-1 .ls-head img { max-width:100%;}
.scroll-box-1 .ls-head span { font-weight:200; }
.scroll-box-1 .ls-info1 { line-height: 1.8em; font-size: 0.85em;}
.scroll-box-1 .ls-btn {display:flex; justify-content: space-between; align-items: center; padding-top: 2em;}
.scroll-box-1 .ls-btn a { text-align: center; width:100%; border-radius: 30px; font-size: 0.9em; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:1.1em 0px 1.2em 0; color:#fff;}
.scroll-box-1 .ls-btn .ls-youtube a {background:#ff0000}
.scroll-box-1 .ls-btn .ls-edu a {background:#00acd5}
.scroll-box-1 .ls-btn span {width: 45%;  vertical-align: middle;}
.scroll-box-1 .ls-btn a:hover { background:#004ea2 }

/*메인 스크롤 버튼*/
.scroll-box-1 .scroll-box-btn {padding-left:20px; padding-right:20px; max-width: 1540px; left:50%; transform: translateX(-50%);  width:100%; color:#fff; z-index: 5; position: absolute; bottom:130px; display:flex;}
.scroll-box-1 .scroll-btn { z-index: 4;display: flex;justify-content : center;align-items: center; clear: both; width: 100%; position: relative;}
.scroll-box-1 .scroll-btn .slide-stop a { position: relative; display:block; opacity: 1; width:30px; height:100%;}
.scroll-box-1 .scroll-btn>a { font-size: 0.8em; padding: 10px 10px; width: 33px; display: flex; justify-content : center;align-items: center;}
.scroll-box-1 .scroll-btn .ls-num { font-size:0; width:0; opacity: 0.5; color:#fff;}
.scroll-box-1 .scroll-btn .ls-bar { margin:2px 0em 0px 0em; display:block; position: relative; background:rgba(255,255,255,1); border-radius: 50%; height:4px; width: 4px;}
.scroll-box-1 .scroll-btn .ls-bar { display: inline-block;  }
.scroll-box-1 .scroll-btn>a.active .ls-bar, .scroll-box-1 .scroll-btn>a:hover .ls-bar { width: 13px; height: 13px; border:3px solid #fff; background:transparent}

/*추천과정*/
.scroll-box-2 {background:#f8f8f8; position:relative; width: 100%; height: 900px; max-height:1250px; overflow:hidden }
.scroll-box-2 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 900px; overflow:hidden;}
.scroll-box-2 .ls-slide-backgrounds img {object-fit: cover; max-height: 1000px; height: 1000px; width: 100%;}
.scroll-box-2 .scroll-box-2-1 {margin:0 auto; width:100%; text-align: center;position: absolute; left:0%; top: 64%; transform: translate(0%, -64%);}
.scroll-box-2 .m-head {padding-bottom: 3em;}
.scroll-box-2 .m-head h2 { position: relative; font-weight: 800; padding-bottom:0.2em; font-size: 1.95em;}
.scroll-box-2 .m-head h2:before { margin-right: 0.3em; margin-top: -0.2em; vertical-align: middle; position: relative; content:''; display:inline-block; width: 40px; height:40px; background-position: left 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='40px' height='35px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 78, 162)' d='M15.322,8.798 C15.217,9.204 15.165,9.752 15.421,10.237 C15.793,10.941 16.724,11.375 18.188,11.527 L18.213,11.530 C23.320,12.383 27.281,9.687 27.320,9.659 C28.182,9.046 28.362,8.669 28.335,8.556 C28.318,8.481 28.171,8.395 28.006,8.336 C23.411,9.449 19.359,8.369 16.482,7.027 C16.062,7.666 15.666,8.096 15.525,8.240 C15.482,8.328 15.391,8.533 15.322,8.798 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M39.512,4.503 L39.412,4.061 L39.114,3.716 C35.764,-0.182 31.980,-0.313 29.406,0.264 C28.723,0.416 26.173,1.256 25.076,2.220 L25.070,2.211 C21.172,4.260 16.974,3.550 14.141,2.593 C12.502,2.039 11.462,1.449 11.302,1.368 L10.903,1.216 C10.451,1.107 6.412,0.218 3.506,2.715 C1.339,4.583 0.553,7.692 1.164,11.900 C2.203,24.699 11.246,32.375 11.638,32.704 C12.851,33.688 14.668,34.999 16.451,34.999 C16.991,34.999 17.497,34.882 17.953,34.651 C18.375,34.442 18.662,34.159 18.844,33.960 C19.954,32.736 19.849,30.922 19.796,30.444 L19.701,30.083 C18.846,27.912 21.043,25.406 21.630,24.791 C23.887,23.738 25.181,23.678 25.597,23.961 C25.967,24.210 26.111,25.112 26.036,25.878 C25.826,29.207 26.286,31.106 27.521,32.035 C27.913,32.328 28.365,32.505 28.837,32.550 C30.484,32.958 32.240,31.380 34.592,27.344 C42.026,16.247 39.624,5.008 39.512,4.503 ZM27.812,20.943 C25.922,19.668 23.166,19.897 19.489,21.702 L19.153,21.944 C18.956,22.122 14.400,26.351 15.996,31.081 C15.996,31.100 15.996,31.120 15.994,31.140 C15.622,30.967 15.021,30.615 14.134,29.896 C14.053,29.827 5.893,22.867 4.976,11.472 C4.547,8.534 4.924,6.459 6.062,5.473 C6.827,4.811 7.905,4.672 8.675,4.672 C9.133,4.672 9.515,4.720 9.741,4.756 C10.232,5.018 11.436,5.620 13.099,6.162 C16.601,7.306 21.872,8.092 27.210,5.259 C27.697,4.876 32.008,1.695 35.837,5.718 C36.206,7.962 37.142,16.721 31.335,25.393 L31.305,25.440 C30.795,26.313 30.274,27.094 29.826,27.707 C29.814,27.308 29.820,26.821 29.857,26.226 C29.876,26.080 30.319,22.643 27.812,20.943 Z'/%3E%3C/svg%3E");}
.scroll-box-2 .ls-list-box { height:100%; display:flex; justify-content: center; align-items: stretch; padding-top:2em;}
.scroll-box-2 .ls-box-01 { padding-left: 20px; padding-right:20px; text-align: center; width:100%;}
.scroll-box-2 .ls-box-02 { width:100%;}
.scroll-box-2 .list-type-01 .ls-info { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,78,162,1) 11%); }
.scroll-box-2 .list-type-01 h3 span { color:#b7e34e }
.scroll-box-2 .list-type-02 .ls-info { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,172,213,1) 11%);}
.scroll-box-2 .list-type-02 h3 span { color:#004ea2 }
.scroll-box-2 .list-type-03 .ls-info { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(235,97,0,1) 11%);}
.scroll-box-2 .list-type-03 h3 span { color:#ffbdfe }
.scroll-box-2 .ls-list { position: relative; z-index:1; border-radius: 10px; overflow:hidden; text-align: left; background:#fff; color:#000; min-width: 375px; width: 375px; margin-right: 1.1em; margin-left: 1.1em; position: relative; }
.scroll-box-2 .ls-list .ls-img-01 img { width:100%; object-fit: cover; opacity: 0.8; height:100%; }
.scroll-box-2 .ls-list.off-list { opacity: 0.3;}
.scroll-box-2 .ls-list .ls-img-01 { width: 100%; height: 200px; background:#000; position: relative;}
.scroll-box-2 .ls-list.ls-view-up { position: relative; top: -1.5em;}
.scroll-box-2 .ls-list.slick-current .ls-info { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(235,97,0,1) 11%);  }
.scroll-box-2 .ls-list.slick-current h3 span { color:#ffbdfe }
.scroll-box-2 .ls-list a { display: block;}
.scroll-box-2 .ls-list .ls-info { color:#fff; height:290px; position: relative; margin-top: -8%; padding: 2.5em 1em 1.5em 2em;}
.scroll-box-2 .ls-list .ls-cate { font-size: 0.85em; display:inline-block; line-height: 1.1rem; padding: 0.4em 0.5em 0.2em 0.5em; background:#fff; color:#00acd5; border-radius: 20px;}
.scroll-box-2 .ls-list h3 { line-height: 1.1em; font-weight: 900;  padding-top: 0.5em; font-size: 1.9em; color:#fff; height:2.7em;-webkit-line-clamp:2;   overflow: hidden;   word-wrap: break-word;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-box-orient: vertical;}
.scroll-box-2 .ls-list h3 span { display:block;}
.scroll-box-2 .ls-list .ls-day { font-size: 0.75em; padding-top:0.3em; padding-bottom:0.3em;}
.scroll-box-2 .ls-list .ls-day span { display:inline-block; padding-right: 1em;}
.scroll-box-2 .ls-list .ls-money > span { vertical-align: middle;display:inline-block;}
.scroll-box-2 .ls-list .c-money { position: relative; font-size: 0.8em; color:rgba(255,255,255,0.5); padding-right:5%; }
.scroll-box-2 .ls-list .c-money span {margin-top:-1px; padding-right:0.1em; vertical-align: middle; position: relative;display:inline-block; font-size: 1.6em;}
.scroll-box-2 .ls-list .c-money:after { position: absolute; background:#fff; left:0; top:50%; transform: translateY(-50%); content:''; height:1px; width:100%;}
.scroll-box-2 .ls-list .t-money {   font-size: 1.5em; color:#f0ff00}
.scroll-box-2 .slide-btn { padding-top: 1.9em; display:flex; justify-content: space-between; align-items: center; max-width: 300px; margin:0 auto; }
.scroll-box-2 .slide-btn a { height: 12px; border-radius: 10px; background:#dedede; font-size: 0; display:block; width:95%; max-width: 85px;}
.scroll-box-2 .slide-btn a.active, .scroll-box-2 .slide-btn a:hover { background:#00acd5}
.scroll-box-2 .ls-btn { text-align: center; padding-top: 3.5em;}
.scroll-box-2 .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:1.1em 0px 1em 0; }
.scroll-box-2 .ls-btn a:hover { background:#fff; color:#00acd5; }


/*수강후기*/
.scroll-box-3 {background:#9dd9f1; position:relative; width: 100%; height: 900px; max-height:1250px; padding-bottom: 5em;  overflow-x: hidden; }
.scroll-box-3 .scroll-box-3-1 {margin:0 auto; width:100%; text-align: center;position: absolute; left:0%; top: 52%; transform: translate(0%, -57%);}
.scroll-box-3 .m-head {padding-bottom: 4em; color:#fff;}
.scroll-box-3 .m-head h2 { position: relative; font-weight: 800; padding-bottom:0.2em; font-size: 1.95em;}
.scroll-box-3 .m-head h2:before { filter:brightness(0) grayscale(1) invert(1); margin-right: 0.3em; margin-top: -0.2em; vertical-align: middle; position: relative; content:''; display:inline-block; width: 40px; height:40px; background-position: left 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='40px' height='35px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 78, 162)' d='M15.322,8.798 C15.217,9.204 15.165,9.752 15.421,10.237 C15.793,10.941 16.724,11.375 18.188,11.527 L18.213,11.530 C23.320,12.383 27.281,9.687 27.320,9.659 C28.182,9.046 28.362,8.669 28.335,8.556 C28.318,8.481 28.171,8.395 28.006,8.336 C23.411,9.449 19.359,8.369 16.482,7.027 C16.062,7.666 15.666,8.096 15.525,8.240 C15.482,8.328 15.391,8.533 15.322,8.798 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M39.512,4.503 L39.412,4.061 L39.114,3.716 C35.764,-0.182 31.980,-0.313 29.406,0.264 C28.723,0.416 26.173,1.256 25.076,2.220 L25.070,2.211 C21.172,4.260 16.974,3.550 14.141,2.593 C12.502,2.039 11.462,1.449 11.302,1.368 L10.903,1.216 C10.451,1.107 6.412,0.218 3.506,2.715 C1.339,4.583 0.553,7.692 1.164,11.900 C2.203,24.699 11.246,32.375 11.638,32.704 C12.851,33.688 14.668,34.999 16.451,34.999 C16.991,34.999 17.497,34.882 17.953,34.651 C18.375,34.442 18.662,34.159 18.844,33.960 C19.954,32.736 19.849,30.922 19.796,30.444 L19.701,30.083 C18.846,27.912 21.043,25.406 21.630,24.791 C23.887,23.738 25.181,23.678 25.597,23.961 C25.967,24.210 26.111,25.112 26.036,25.878 C25.826,29.207 26.286,31.106 27.521,32.035 C27.913,32.328 28.365,32.505 28.837,32.550 C30.484,32.958 32.240,31.380 34.592,27.344 C42.026,16.247 39.624,5.008 39.512,4.503 ZM27.812,20.943 C25.922,19.668 23.166,19.897 19.489,21.702 L19.153,21.944 C18.956,22.122 14.400,26.351 15.996,31.081 C15.996,31.100 15.996,31.120 15.994,31.140 C15.622,30.967 15.021,30.615 14.134,29.896 C14.053,29.827 5.893,22.867 4.976,11.472 C4.547,8.534 4.924,6.459 6.062,5.473 C6.827,4.811 7.905,4.672 8.675,4.672 C9.133,4.672 9.515,4.720 9.741,4.756 C10.232,5.018 11.436,5.620 13.099,6.162 C16.601,7.306 21.872,8.092 27.210,5.259 C27.697,4.876 32.008,1.695 35.837,5.718 C36.206,7.962 37.142,16.721 31.335,25.393 L31.305,25.440 C30.795,26.313 30.274,27.094 29.826,27.707 C29.814,27.308 29.820,26.821 29.857,26.226 C29.876,26.080 30.319,22.643 27.812,20.943 Z'/%3E%3C/svg%3E");}
.scroll-box-3 .slide-in {flex-wrap: wrap; width: 100%; height:100%; position: relative; margin:0 auto; padding: 0px 70px; max-width: 1410px; display:flex; justify-content: center; align-items: center;}
.scroll-box-3 .slide-in .slide-box { max-width: 1200px; width:100%; margin:0 auto; }
.scroll-box-3 .slide-box { height:100%; display:flex; justify-content: space-between; align-items: stretch;}
.scroll-box-3 .ls-list a {	position: relative; padding: 10%; text-align: left; border-radius: 10px; display:block; background:#fff; height:340px; }
.scroll-box-3 .ls-list a:before { line-height:1em; font-family: 'Black Han Sans', 'Noto Sans KR', sans-serif!important; position:absolute; right: 10%; top:12%; font-size: 4rem; content:'\201D'; color:#e0e0e0;}
.scroll-box-3 .ls-list a:hover { background:#00acd5; color:#fff;}
.scroll-box-3 .ls-list {  margin:0 15px;  }
.scroll-box-3 button {top:50%; transform: translateY(-50%); font-size:0; border:none; border-radius: 5px; width:55px; height: 67px; background:none; position: absolute; z-index: 5;}
.scroll-box-3 button:after { filter:brightness(0) grayscale(1) invert(1); background-size: contain; background-position: center center; transform: translate(0%, -50%); top:50%;  left:0%; width:100%; height:100%; content:'';position: absolute;  background-repeat: no-repeat;}
.scroll-box-3 button:hover:after { filter:none; }
.scroll-box-3 .slide-right:after { left: auto; right:0% }
.scroll-box-3 .slide-left { left:10px; }
.scroll-box-3 .slide-right { right:10px;  }
.scroll-box-3 .ls-tt { font-size: 1.1em; padding-right: 14%; line-height: 140%; margin-bottom:1.5em;  text-overflow: ellipsis;  overflow: hidden;  word-break: normal;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical}
.scroll-box-3 .ls-ss { font-size: 0.85em; line-height: 140%; padding-top: 1.5em; margin-bottom: 15%; border-top:1px solid #e0e0e0;  text-overflow: ellipsis;  overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical }
.scroll-box-3 .ls-name { position: relative; padding-left: 1.2em;}
.scroll-box-3 .ls-name:after { filter: grayscale(1); position: absolute; content:''; left: 0%; top:0%; width:0.9em; height:100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.scroll-box-3 .ls-list a:hover .ls-name:after { filter: brightness(0) grayscale(1) invert(1);  }
.scroll-box-3 .ls-btn { text-align: center; padding-top: 3.5em;}
.scroll-box-3 .ls-btn a {background:#fff; text-align: center; max-width:210px; color:#00acd5;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:1.1em 0px 1em 0; }
.scroll-box-3 .ls-btn a:hover { background:#00acd5; color:#fff; }

.scroll-box-4 {background:#fbdfcc; position:relative; width: 100%; height: 900px; max-height:1250px; z-index: 2; }
.scroll-box-4 .scroll-box-4-1 {z-index:2; width:100%; height:900px; text-align: center;position: relative; }
.scroll-box-4 .ls-box-in { height:100%; display:flex; justify-content: center; align-items: stretch;}
.scroll-box-4 .ls-box-01 { padding: 0 3%; width: 50%;display:flex; justify-content: center; align-items: center;}
.scroll-box-4 .ls-box-02 {position: relative; padding: 0 3%; color:#fff; width: 50%; background-size: cover; background-position: center center; display:flex; justify-content: center; align-items: center; }
.scroll-box-4 .ls-box-02:before { content:''; position:absolute; border:1px solid rgba(255,255,255,0.2); background:transparent; width: calc(100% - 50px); height: calc(100% - 50px); left:25px; top:25px;}
.scroll-box-4 .ls-list-box .ls-list:last-of-type:after { display:none;}
.scroll-box-4 .ls-list { padding: 2em 0 2.4em 0; position: relative;}
.scroll-box-4 .ls-list:after { content:''; left:50%; bottom:0; transform: translateX(-50%); position: absolute; display:block; width: 0.6rem; height:0.6rem; line-height:0; border-radius: 1em; background:#eb6100;}
.scroll-box-4 .ls-list-box strong {display:block; padding-bottom: 0.2em; font-weight: 800; font-size: 2.6em;}
.scroll-box-4 .ls-txt-01 { padding-top: 0.8em; line-height: 150%; font-size: 1.9em;}
.scroll-box-4 .ls-txt-01 b {font-weight: 800; }
.scroll-box-4 .ls-txt-02 { padding-top: 1.5em; line-height: 1.6em; color:#808080}
.scroll-box-4 .ls-img-01 img { max-width:100%; width: 100%;}
.scroll-box-4 .ls-img-01 { width: 82%; margin:0 auto;}

.scroll-box-5 {background:#000; position:relative; width: 100%; height: 900px; z-index: 1;}
.scroll-box-5 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 900px; overflow:hidden;}
.scroll-box-5 .ls-slide-backgrounds img {object-fit: cover; max-height: 100%; height: 900px; width: 100%;}
.scroll-box-5 .scroll-box-5-1 {margin:0 auto; width:100%; text-align: center;position: absolute; left:0%; top: 60%; transform: translate(0%, -60%);}
.scroll-box-5 .m-head {padding-bottom: 2em;}
.scroll-box-5 .m-head h2 { position: relative; font-weight: 800; padding-bottom:0.2em; font-size: 1.95em;}
.scroll-box-5 .m-head h2:before { margin-right: 0.3em; margin-top: -0.2em; vertical-align: middle; position: relative; content:''; display:inline-block; width: 40px; height:40px; background-position: left 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='40px' height='35px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 78, 162)' d='M15.322,8.798 C15.217,9.204 15.165,9.752 15.421,10.237 C15.793,10.941 16.724,11.375 18.188,11.527 L18.213,11.530 C23.320,12.383 27.281,9.687 27.320,9.659 C28.182,9.046 28.362,8.669 28.335,8.556 C28.318,8.481 28.171,8.395 28.006,8.336 C23.411,9.449 19.359,8.369 16.482,7.027 C16.062,7.666 15.666,8.096 15.525,8.240 C15.482,8.328 15.391,8.533 15.322,8.798 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M39.512,4.503 L39.412,4.061 L39.114,3.716 C35.764,-0.182 31.980,-0.313 29.406,0.264 C28.723,0.416 26.173,1.256 25.076,2.220 L25.070,2.211 C21.172,4.260 16.974,3.550 14.141,2.593 C12.502,2.039 11.462,1.449 11.302,1.368 L10.903,1.216 C10.451,1.107 6.412,0.218 3.506,2.715 C1.339,4.583 0.553,7.692 1.164,11.900 C2.203,24.699 11.246,32.375 11.638,32.704 C12.851,33.688 14.668,34.999 16.451,34.999 C16.991,34.999 17.497,34.882 17.953,34.651 C18.375,34.442 18.662,34.159 18.844,33.960 C19.954,32.736 19.849,30.922 19.796,30.444 L19.701,30.083 C18.846,27.912 21.043,25.406 21.630,24.791 C23.887,23.738 25.181,23.678 25.597,23.961 C25.967,24.210 26.111,25.112 26.036,25.878 C25.826,29.207 26.286,31.106 27.521,32.035 C27.913,32.328 28.365,32.505 28.837,32.550 C30.484,32.958 32.240,31.380 34.592,27.344 C42.026,16.247 39.624,5.008 39.512,4.503 ZM27.812,20.943 C25.922,19.668 23.166,19.897 19.489,21.702 L19.153,21.944 C18.956,22.122 14.400,26.351 15.996,31.081 C15.996,31.100 15.996,31.120 15.994,31.140 C15.622,30.967 15.021,30.615 14.134,29.896 C14.053,29.827 5.893,22.867 4.976,11.472 C4.547,8.534 4.924,6.459 6.062,5.473 C6.827,4.811 7.905,4.672 8.675,4.672 C9.133,4.672 9.515,4.720 9.741,4.756 C10.232,5.018 11.436,5.620 13.099,6.162 C16.601,7.306 21.872,8.092 27.210,5.259 C27.697,4.876 32.008,1.695 35.837,5.718 C36.206,7.962 37.142,16.721 31.335,25.393 L31.305,25.440 C30.795,26.313 30.274,27.094 29.826,27.707 C29.814,27.308 29.820,26.821 29.857,26.226 C29.876,26.080 30.319,22.643 27.812,20.943 Z'/%3E%3C/svg%3E");}
.scroll-box-5 .slide-in {flex-wrap: wrap; width: 100%; height:100%; position: relative; margin:0 auto; padding: 0px;  display:flex; justify-content: center; align-items: center;}
.scroll-box-5 .slide-in .slide-box {  width:100%; margin:0 auto; height:100%; display:flex; justify-content: space-between; align-items: center;}
.scroll-box-5 .ls-list a {	position: relative; text-align: center; border-radius: 10px; display:block; color:#fff; background:#004ea2; margin:0 30px; }
.scroll-box-5 .ls-list img { position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0.6; object-fit: cover; }
.scroll-box-5 .ls-list .ls-img-01 { position: relative; height:0; padding-top:calc(100%/16*9); background:#000; border-radius: 10px; overflow: hidden;}
.scroll-box-5 h3 {  white-space: nowrap;  display:block;text-overflow: ellipsis;  overflow: hidden; font-weight:400; line-height:1em; padding: 1em 0.5em;}
.scroll-box-5 button {top:50%; transform: translateY(-50%); font-size:0; border:none; border-radius: 5px; width:55px; height: 67px; background:none; position: absolute; z-index: 5;}
.scroll-box-5 button:after { filter:brightness(0) ; background-size: contain; background-position: center center; transform: translate(0%, -50%); top:50%;  left:0%; width:100%; height:100%; content:'';position: absolute;  background-repeat: no-repeat;}
.scroll-box-5 button:hover:after { filter:none; }
.scroll-box-5 .slide-right:after { left: auto; right:0% }
.scroll-box-5 .slide-left { left:10px; }
.scroll-box-5 .slide-right { right:10px;  }
.scroll-box-5 .ls-list.slick-current a { background:#00acd5; }
.scroll-box-5 .ls-list.slick-current img { opacity: 1;}
.scroll-box-5 .ls-list { position: relative; z-index:1; width: 560px; height:390px; padding-top:30px; }
.scroll-box-5 .ls-btn { text-align: center; padding-top: 3.5em;}
.scroll-box-5 .ls-btn a {background:#fff; text-align: center; max-width:210px; color:#00acd5;  width:100%; border-radius: 30px; line-height:1; font-weight: 600; display:inline-block; position: relative; padding:1.1em 0px 1em 0; }
.scroll-box-5 .ls-btn a:hover { background:#00acd5; color:#fff; }

/* 서브상단 뒷배경 */
.snb-bg { height: 530px; position: relative;}
.snb-bg .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
.snb-bg .ls-slide-backgrounds img {object-fit: cover; max-height:100%; height: 100%; width: 100%; }
.snb-bg .box_inner { height: 100%; clear: both; position: relative; text-align: center; margin:0 auto; max-width: 1670px; padding-left:20px; padding-right:20px;}
.snb-bg .ls-slide-texts { width: 100%; color:#fff; position:absolute; left:50%; top:55%; transform: translate( -50%, -55%); padding-left:20px; padding-right:20px;}
.snb-bg .ls-slide-texts .ls-txt { font-size: 0.85em; line-height: 2em;}
.snb-bg .ls-slide-texts .ls-head { font-size: 3.2em; font-weight: 400;}

/* 웹 서브메뉴 */
.snb {font-weight: 600; font-size: 1.15em; width: 100%; position: relative ; z-index:3; height: 100px; margin: 0 auto; max-width: 1670px; padding-left:20px; padding-right:20px;}
.snb .snb-in { position: relative; z-index:3; display:flex;justify-content: start; align-items: center; width:100%; height:100%; }
.snb ul { position: relative; display: flex; justify-content:start; align-items: center; height:100%; width: 100%; }
.snb li { position: relative; height:100%; margin-right: 6%; }    
.snb .snb-color-02 li a { color:#fff}
.snb li a { display:block; height:100%; position: relative;  color:#535353; }
.snb li:first-of-type a:after { display: none;} 
.snb li a span {  display:flex; padding-top: 1.4rem; align-items: flex-start; justify-content: start;  height:100%; position: relative;}
.snb li a:hover span:before, .snb li a.active span:before { z-index:4; left:50%; transform: translateX(-50%); position: absolute; top:0px; height:5px; width:100%;  background:#0056ca; content:'';}
.snb li a.active, .snb li a:hover {color:#0056ca;}

/* 모바일 서브메뉴 */
.snb-md {z-index: 8; position: relative; height: 50px;}
.snb_list { z-index:9; right:0px; top:50px; width: 100%; position: absolute; border-right:0; background:#1b1b1b; border-top:1px solid #313131 }
.snb-md .snb_list ul { padding: 0px 20px }
.snb-md li { width: 100%; }
.snb-md li:last-of-type a { border-bottom:0;}
.snb-md li a { line-height:1.6; text-align: left; color:#fff;position: relative; display: block; padding: 12px 3px 12px 3px;border-bottom:1px solid #959595 }
.snb-md li a:hover, .snb-md li a.active { color:#0056ca} 
.snb-md i { font-size:0;font-style: normal; height:100%; display:block; width: 40px; position: absolute; right: 5px; top:0;}
.snb-md i:after { z-index:4;position: absolute; color:#fff; top:60%; left:50%; content:'\2517'; font-size:1.3rem; font-weight: 300; }
.snb-md .snb_view:after { transform: translate(-47%, -63%) rotate( 135deg )}
.snb-md .snb-close:after { transform: translate(-58%, -47%) rotate( -45deg )}
.snb-md li:last-of-type a:after { display: none;}
.snb-md .sel-menu { overflow:hidden;  background:transparent; position: relative;height: 100%; border-top:1px solid #fff; }
.snb-md .sel-menu a { text-align: left; padding-left: 20px; display: block; height:100%; width:100%;}
.snb-md .sel-menu a span { font-weight:600; color:#fff; display:flex; justify-content: start; align-items: center; height:100%; }

/* 3차 메뉴 */
.snb-tab-box { font-size: 1.05em; padding: 0em 20px 8em 20px; font-weight: 600; margin: 0 auto; max-width: 1670px; }
.snb-tab-box ul { position: relative; display: flex; justify-content:start; align-items: center; height:100%; width: 100%; }
.snb-tab-box li { position: relative; height:100%; margin-right: 4%; }    
.snb-tab-box li a { display:block; height:100%; position: relative;  color:#626262; }
.snb-tab-box li span { display:inline-block; vertical-align: middle;}
.snb-tab-box li .ls-icon { margin-right: 0.8rem; border:1px solid #626262; border-radius: 50%; width: 1.5rem; height:1.5rem;}
.snb-tab-box li a:hover .ls-icon, .snb-tab-box li .active .ls-icon {  background:#0056ca; border-color:#0056ca}
.snb-tab-box li a:hover, .snb-tab-box li .active { color: #0056ca}

.snb-tab-wt li a { color: #fff;}
.snb-tab-wt li .ls-icon { border-color: #fff;}
.snb-tab-wt li a:hover, .snb-tab-wt li .active { color: #00a2ff;}

.co-location { color:#9f9f9f; font-size: 0.6em; text-align: left;}


.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:#00acd5;}
.bgc-02 { background-color:#eb6100;}
.bgc-03 { background-color:#313131;}
.bgc-04 { background-color:#0056ca;}
.bgc-05 { background-color:#595757;}
.bgc-06 { background-color:#90c31f;}
.bgc-07 { background-color:#000000;}
.bgc-08 { background-color:#fff;}
.fc-01 { color:#00acd5}
.fc-02 { color:#eb6100}
.fc-03 { color:#e60012}
.fc-04 { color:#ff0000}
.fc-05 { color:#acacac}
.fn-01 { font-family: 'Black Han Sans', 'Noto Sans KR', sans-serif!important; }
.fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; }
.fs-01 { font-weight: 300;}

/*푸터*/
footer { background:#1f2334; color:#fff; position: relative; width: 100%;  }
footer .box-inner { margin:0 auto; font-size: 0.9em; width: 100%; padding: 3em 20px; max-width: 1520px;  position: relative; }
footer a { color:#fff;}
footer .logo { text-align: left; }  
footer .logo img {filter: brightness(0) grayscale(1) invert(1);  }
footer .col-box p { line-height: 1.8em; width:100%; opacity: 0.5;}
footer .col-box .copy { padding-top: 10px;}
footer .col-box {position: relative;  text-align: left; }
footer .col-box p span:nth-child(1) b { display:inline-block; width: 125px;}
footer .col-box span { display:inline-block; padding-right: 1em;}
footer .foo-box-in {  display:flex; justify-content: start; align-items: center ; }
footer .foo-head-box {  margin-right: 5%; }

/* top 이동 버튼 */
.scroll-page-top { z-index:10; position:absolute; right: 20px; top: 50px;  height: 3.7em; width: 3.7em;}
.scroll-page-top .scroll-page { position: absolute; left:0%; top: 50%;transform: translate(-0%, -50%); } 
.scroll-page-top .scroll-page li { padding: 10px 0; position: relative;}
.scroll-page-top .scroll-page li a { font-size:0; position: relative; width: 49px; height: 49px; display:block; background:rgba(0,0,0,0.3); border-radius: 30px; }
.scroll-page-top .scroll-page li a:hover { background:#e83928}
.scroll-page-top .scroll-page li a div {position: relative; width:100%; height:100%;}
.scroll-page-top .scroll-page p { display:inline-block; color: #fff; filter :brightness(0) invert(1);  width: 100%; height:100%; background-size: 55%; background-repeat: no-repeat; background-position: center center;}
.page-top { z-index:4; position:absolute; height: 3.7em; width: 3.7em;}
.page-top a { color: #fff; background:#00acd5; border-radius: 50%; font-weight: 600; padding-top: 20%;position: relative;display: block; width: 100%; height: 100%;}
.page-top a span { font-size: 0; position: absolute; top:0%; height:100%; width:100%; left:0; text-align: center;}
.page-top a:after {content:'';position: absolute; width:45%; height:45%; left:50%; top:50%; transform: translate(-50%, -50%); 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='26px' height='17px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M1.012,12.746 L12.500,1.012 L23.987,12.746 '/%3E%3C/svg%3E"); }

.ptb25 { padding: 25px 0;}
.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: 1.15rem;}
.container * { word-break: keep-all;}

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

.con-head { font-weight: bold;}  /* 서브 컨텐츠 제목 */
.con-head h3 { font-size: 2.4em;}
.con-head+.con-head { padding-top: 70px;}

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

.ls-tab-02 a {display:block; color:#c8c8c8; padding: 10px 0; }
.ls-tab-02 a:hover, .ls-tab-02 a.active{ color:#e73828; }
.ls-tab-02 a:hover span, .ls-tab-02 a.active span {  border-bottom:1px solid #e73828; 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='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-014: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='26px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M18.543,11.328 L17.595,10.413 L19.349,8.723 L7.890,8.723 L7.890,7.276 L19.349,7.276 L17.595,5.586 L18.544,4.671 L21.997,7.999 L18.543,11.328 ZM14.278,2.089 C14.278,1.733 13.978,1.445 13.610,1.445 L2.170,1.445 C1.801,1.445 1.501,1.733 1.501,2.089 L1.501,13.910 C1.501,14.266 1.801,14.555 2.170,14.555 L13.610,14.555 C13.978,14.555 14.278,14.266 14.278,13.910 L14.278,11.942 L15.781,11.942 L15.781,13.910 C15.781,15.064 14.807,16.002 13.610,16.002 L2.170,16.002 C0.973,16.002 -0.001,15.064 -0.001,13.910 L-0.001,2.089 C-0.001,0.935 0.973,-0.003 2.170,-0.003 L13.610,-0.003 C14.807,-0.003 15.781,0.935 15.781,2.089 L15.781,4.058 L14.278,4.058 L14.278,2.089 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='38px' height='67px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M37.996,66.989 L4.196,33.501 L37.996,0.011 L33.806,0.011 L0.004,33.501 L33.806,66.989 L37.996,66.989 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='38px' height='67px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M0.004,66.989 L33.804,33.501 L0.004,0.011 L4.194,0.011 L37.996,33.501 L4.194,66.989 L0.004,66.989 Z'/%3E%3C/svg%3E"); }
.ls-icon-04: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='56px' height='51px'%3E%3Cpath fill-rule='evenodd' fill='rgb(56, 28, 30)' 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-05: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='40px' height='41px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M29.706,27.901 C32.278,24.941 33.839,21.087 33.839,16.874 C33.839,7.573 26.249,0.008 16.920,0.008 C7.591,0.008 0.001,7.573 0.001,16.874 C0.001,26.173 7.591,33.740 16.920,33.740 C20.573,33.740 23.957,32.576 26.726,30.605 L37.146,40.993 L39.992,38.155 L29.706,27.901 ZM4.027,16.874 C4.027,9.787 9.811,4.022 16.920,4.022 C24.030,4.022 29.813,9.787 29.813,16.874 C29.813,23.961 24.030,29.726 16.920,29.726 C9.811,29.726 4.027,23.961 4.027,16.874 Z'/%3E%3C/svg%3E"); }
.ls-icon-06:before {/*카카오*/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='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(56, 28, 30)' d='M9.498,-0.000 C4.252,-0.000 -0.001,3.275 -0.001,7.315 C-0.001,9.944 1.800,12.249 4.505,13.539 C4.307,14.261 3.786,16.156 3.682,16.561 C3.553,17.064 3.870,17.058 4.079,16.923 C4.243,16.817 6.682,15.201 7.735,14.503 C8.306,14.586 8.895,14.630 9.498,14.630 C14.745,14.630 18.997,11.355 18.997,7.315 C18.997,3.275 14.745,-0.000 9.498,-0.000 '/%3E%3C/svg%3E"); }
.ls-icon-07:before {/*네이버*/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, 255, 255)' d='M-0.000,-0.000 L17.000,-0.000 L17.000,15.000 L-0.000,15.000 L-0.000,-0.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(34, 199, 60)' d='M4.005,3.999 L7.132,3.999 C7.132,3.999 9.970,7.777 10.056,7.879 C10.141,7.981 10.151,7.879 10.151,7.879 C10.018,7.294 9.877,7.032 9.877,6.097 L9.877,3.999 L12.992,3.999 L12.992,10.998 L9.877,10.998 C9.877,10.998 7.096,7.421 7.012,7.322 C6.929,7.223 6.917,7.322 6.917,7.322 C7.024,7.805 7.119,7.886 7.119,8.724 L7.119,10.998 L4.005,10.998 L4.005,3.999 Z'/%3E%3C/svg%3E"); }
.ls-icon-08:before {/*수강현황*/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='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M18.927,17.621 L13.204,17.621 L11.555,20.673 C11.446,20.875 11.234,21.000 11.000,21.000 C10.766,21.000 10.553,20.875 10.444,20.673 L8.795,17.621 L3.072,17.621 C1.378,17.621 -0.001,16.281 -0.001,14.635 L-0.001,2.985 C-0.001,1.338 1.378,-0.002 3.072,-0.002 L18.927,-0.002 C20.621,-0.002 22.000,1.338 22.000,2.985 L22.000,14.635 C22.000,16.281 20.621,17.621 18.927,17.621 ZM20.745,2.985 C20.745,2.010 19.930,1.217 18.927,1.217 L3.072,1.217 C2.070,1.217 1.254,2.010 1.254,2.985 L1.254,14.635 C1.254,15.609 2.070,16.402 3.072,16.402 L9.175,16.402 C9.409,16.402 9.622,16.527 9.730,16.728 L11.000,19.078 L12.269,16.728 C12.378,16.527 12.590,16.402 12.824,16.402 L18.927,16.402 C19.930,16.402 20.745,15.609 20.745,14.635 L20.745,2.985 ZM19.672,12.468 L2.327,12.468 C1.981,12.468 1.700,12.195 1.700,11.858 L1.700,3.665 C1.700,3.329 1.981,3.055 2.327,3.055 L19.672,3.055 C20.018,3.055 20.300,3.329 20.300,3.665 L20.300,11.858 C20.300,12.195 20.018,12.468 19.672,12.468 ZM19.045,4.274 L2.954,4.274 L2.954,11.249 L19.045,11.249 L19.045,4.274 ZM9.410,5.350 L13.162,7.219 C13.372,7.324 13.503,7.532 13.503,7.762 C13.503,7.992 13.372,8.200 13.161,8.304 L9.410,10.174 C9.322,10.218 9.223,10.241 9.124,10.241 C9.009,10.241 8.896,10.210 8.797,10.152 C8.612,10.042 8.497,9.842 8.497,9.631 L8.497,5.892 C8.497,5.681 8.612,5.482 8.797,5.372 C8.983,5.262 9.218,5.254 9.410,5.350 ZM9.751,8.634 L11.501,7.762 L9.751,6.890 L9.751,8.634 ZM2.674,13.834 L5.381,13.834 C5.623,13.305 6.167,12.935 6.800,12.935 C7.433,12.935 7.977,13.305 8.219,13.834 L19.325,13.834 C19.671,13.834 19.953,14.108 19.953,14.444 C19.953,14.780 19.671,15.053 19.325,15.053 L8.219,15.053 C7.977,15.582 7.433,15.952 6.800,15.952 C6.167,15.952 5.623,15.582 5.381,15.053 L2.674,15.053 C2.328,15.053 2.047,14.780 2.047,14.444 C2.047,14.108 2.328,13.834 2.674,13.834 Z'/%3E%3C/svg%3E"); }
.ls-icon-09:before {/*주요안내*/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='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M16.078,21.000 L0.922,21.000 C0.413,21.000 -0.000,20.556 -0.000,20.007 L-0.000,3.046 C-0.000,2.498 0.413,2.054 0.922,2.054 L4.636,2.054 L4.636,4.039 L1.845,4.039 L1.845,19.015 L15.155,19.015 L15.155,4.039 L12.364,4.039 L12.364,2.054 L16.078,2.054 C16.587,2.054 17.000,2.498 17.000,3.046 L17.000,20.007 C17.000,20.556 16.587,21.000 16.078,21.000 ZM4.903,14.491 L12.096,14.491 C12.456,14.491 12.747,14.804 12.747,15.191 C12.747,15.577 12.456,15.891 12.096,15.891 L4.903,15.891 C4.544,15.891 4.253,15.577 4.253,15.191 C4.253,14.804 4.544,14.491 4.903,14.491 ZM4.903,10.868 L12.096,10.868 C12.456,10.868 12.747,11.181 12.747,11.568 C12.747,11.955 12.456,12.268 12.096,12.268 L4.903,12.268 C4.544,12.268 4.253,11.955 4.253,11.568 C4.253,11.181 4.544,10.868 4.903,10.868 ZM12.747,7.945 C12.747,8.332 12.456,8.645 12.096,8.645 L4.903,8.645 C4.544,8.645 4.253,8.332 4.253,7.945 C4.253,7.559 4.544,7.245 4.903,7.245 L12.096,7.245 C12.456,7.245 12.747,7.559 12.747,7.945 ZM5.822,1.400 L6.862,1.400 C7.035,0.598 7.702,-0.000 8.500,-0.000 C9.298,-0.000 9.965,0.598 10.138,1.400 L11.178,1.400 L11.178,4.693 L5.822,4.693 L5.822,1.400 Z'/%3E%3C/svg%3E"); }
.ls-icon-10:before {/*증명서발급*/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='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M19.218,14.634 L12.418,14.634 C11.772,15.204 10.928,15.553 10.000,15.553 C9.072,15.553 8.227,15.204 7.582,14.634 L0.782,14.634 C0.350,14.634 -0.000,14.283 -0.000,13.850 L-0.000,0.788 C-0.000,0.355 0.350,0.004 0.782,0.004 L19.218,0.004 C19.650,0.004 20.000,0.355 20.000,0.788 L20.000,13.850 C20.000,14.283 19.650,14.634 19.218,14.634 ZM10.000,13.345 C10.811,13.345 11.468,12.686 11.468,11.872 C11.468,11.058 10.811,10.399 10.000,10.399 C9.189,10.399 8.532,11.058 8.532,11.872 C8.532,12.686 9.189,13.345 10.000,13.345 ZM18.436,1.573 L1.564,1.573 L1.564,13.065 L6.533,13.065 C6.405,12.690 6.332,12.290 6.332,11.872 C6.332,9.839 7.974,8.191 10.000,8.191 C12.025,8.191 13.668,9.839 13.668,11.872 C13.668,12.290 13.595,12.690 13.467,13.065 L18.436,13.065 L18.436,1.573 ZM4.108,6.429 C4.108,6.148 4.335,5.920 4.616,5.920 L15.384,5.920 C15.664,5.920 15.892,6.148 15.892,6.429 C15.892,6.710 15.664,6.938 15.384,6.938 L4.616,6.938 C4.335,6.938 4.108,6.710 4.108,6.429 ZM15.384,4.510 L4.616,4.510 C4.335,4.510 4.108,4.282 4.108,4.001 C4.108,3.720 4.335,3.492 4.616,3.492 L15.384,3.492 C15.664,3.492 15.892,3.720 15.892,4.001 C15.892,4.282 15.664,4.510 15.384,4.510 ZM12.497,15.611 L12.497,18.999 L10.000,17.981 L7.503,18.999 L7.503,15.611 C8.240,16.108 9.107,16.379 10.000,16.379 C10.893,16.379 11.760,16.108 12.497,15.611 Z'/%3E%3C/svg%3E"); }
.ls-icon-11:before {/*쿠폰*/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='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M18.944,15.998 L16.138,15.998 C15.658,15.998 15.202,15.894 14.780,15.688 C14.359,15.894 13.902,15.998 13.422,15.998 L3.055,15.998 C1.371,15.998 0.001,14.661 0.001,13.017 L0.001,2.981 C0.001,1.338 1.371,0.000 3.055,0.000 L13.422,0.000 C13.902,0.000 14.359,0.104 14.780,0.310 C15.202,0.104 15.658,0.000 16.138,0.000 L18.944,0.000 C20.628,0.000 21.998,1.338 21.998,2.981 L21.998,13.017 C21.998,14.661 20.628,15.998 18.944,15.998 ZM20.326,2.981 C20.326,2.237 19.706,1.632 18.944,1.632 L16.138,1.632 C15.921,1.632 15.713,1.682 15.524,1.775 L15.524,1.853 C15.524,2.303 15.149,2.669 14.688,2.669 C14.227,2.669 13.852,2.303 13.852,1.853 L13.852,1.700 C13.715,1.656 13.571,1.632 13.422,1.632 L3.055,1.632 C2.293,1.632 1.672,2.237 1.672,2.981 L1.672,13.017 C1.672,13.761 2.293,14.367 3.055,14.367 L13.422,14.367 C13.604,14.367 13.779,14.329 13.943,14.263 C13.887,14.153 13.852,14.032 13.852,13.901 L13.852,13.650 C13.852,13.200 14.227,12.834 14.688,12.834 C15.149,12.834 15.524,13.200 15.524,13.650 L15.524,13.901 C15.524,14.005 15.502,14.103 15.466,14.195 C15.670,14.307 15.899,14.367 16.138,14.367 L18.944,14.367 C19.706,14.367 20.326,13.761 20.326,13.017 L20.326,2.981 ZM14.688,12.709 C14.227,12.709 13.852,12.343 13.852,11.893 L13.852,11.642 C13.852,11.192 14.227,10.826 14.688,10.826 C15.149,10.826 15.524,11.192 15.524,11.642 L15.524,11.893 C15.524,12.343 15.149,12.709 14.688,12.709 ZM14.688,10.701 C14.227,10.701 13.852,10.335 13.852,9.885 L13.852,9.634 C13.852,9.184 14.227,8.818 14.688,8.818 C15.149,8.818 15.524,9.184 15.524,9.634 L15.524,9.885 C15.524,10.335 15.149,10.701 14.688,10.701 ZM14.688,8.693 C14.227,8.693 13.852,8.327 13.852,7.877 L13.852,7.626 C13.852,7.176 14.227,6.810 14.688,6.810 C15.149,6.810 15.524,7.176 15.524,7.626 L15.524,7.877 C15.524,8.327 15.149,8.693 14.688,8.693 ZM14.688,6.685 C14.227,6.685 13.852,6.319 13.852,5.869 L13.852,5.618 C13.852,5.168 14.227,4.802 14.688,4.802 C15.149,4.802 15.524,5.168 15.524,5.618 L15.524,5.869 C15.524,6.319 15.149,6.685 14.688,6.685 ZM14.688,4.677 C14.227,4.677 13.852,4.311 13.852,3.861 L13.852,3.610 C13.852,3.160 14.227,2.794 14.688,2.794 C15.149,2.794 15.524,3.160 15.524,3.610 L15.524,3.861 C15.524,4.311 15.149,4.677 14.688,4.677 ZM10.151,12.448 C8.971,12.448 8.011,11.511 8.011,10.359 C8.011,9.207 8.971,8.270 10.151,8.270 C11.332,8.270 12.292,9.207 12.292,10.359 C12.292,11.511 11.332,12.448 10.151,12.448 ZM10.151,9.901 C9.893,9.901 9.682,10.106 9.682,10.359 C9.682,10.611 9.893,10.817 10.151,10.817 C10.410,10.817 10.620,10.611 10.620,10.359 C10.620,10.106 10.410,9.901 10.151,9.901 ZM5.082,11.741 C4.924,11.895 4.714,11.980 4.491,11.980 C4.268,11.980 4.058,11.895 3.900,11.741 C3.574,11.423 3.574,10.905 3.900,10.587 L10.385,4.257 C10.711,3.939 11.241,3.939 11.567,4.257 C11.893,4.576 11.893,5.093 11.567,5.411 L5.082,11.741 ZM5.316,7.729 C4.136,7.729 3.176,6.791 3.176,5.639 C3.176,4.488 4.136,3.550 5.316,3.550 C6.497,3.550 7.457,4.488 7.457,5.639 C7.457,6.791 6.497,7.729 5.316,7.729 ZM5.316,5.182 C5.058,5.182 4.847,5.387 4.847,5.639 C4.847,5.892 5.058,6.097 5.316,6.097 C5.575,6.097 5.785,5.892 5.785,5.639 C5.785,5.387 5.575,5.182 5.316,5.182 Z'/%3E%3C/svg%3E"); }
.ls-icon-12:before {/*결제내역*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M16.633,22.000 C13.124,22.000 10.269,19.202 10.269,15.762 C10.269,12.322 13.124,9.524 16.633,9.524 C20.142,9.524 22.997,12.322 22.997,15.762 C22.997,19.202 20.142,22.000 16.633,22.000 ZM16.633,11.056 C13.986,11.056 11.832,13.167 11.832,15.762 C11.832,18.357 13.986,20.468 16.633,20.468 C19.281,20.468 21.434,18.357 21.434,15.762 C21.434,13.167 19.281,11.056 16.633,11.056 ZM18.986,16.638 L18.348,18.656 L17.412,18.656 L16.633,16.193 L15.855,18.656 L14.919,18.656 L14.281,16.638 L12.837,16.638 L12.837,15.677 L13.977,15.677 L13.480,14.103 L14.506,14.103 L15.387,16.891 L16.165,14.427 L17.101,14.427 L17.880,16.891 L18.761,14.103 L19.787,14.103 L19.289,15.677 L20.429,15.677 L20.429,16.638 L18.986,16.638 ZM10.667,10.738 C9.568,11.212 8.220,11.490 6.744,11.490 C4.640,11.490 2.790,10.927 1.562,10.029 L1.562,10.533 C1.562,12.066 4.293,13.134 6.744,13.134 C7.639,13.134 8.570,12.992 9.393,12.736 C9.155,13.282 8.980,13.860 8.876,14.462 C8.208,14.594 7.493,14.666 6.744,14.666 C4.640,14.666 2.790,14.104 1.562,13.206 L1.562,13.788 C1.562,15.321 4.293,16.390 6.744,16.390 C7.420,16.390 8.117,16.308 8.772,16.158 C8.799,16.684 8.881,17.197 9.011,17.690 C8.305,17.840 7.543,17.922 6.744,17.922 C2.962,17.922 -0.000,16.106 -0.000,13.788 L-0.000,4.131 C-0.000,1.814 2.962,-0.002 6.744,-0.002 C10.526,-0.002 13.489,1.814 13.489,4.131 L13.489,8.691 C12.397,9.159 11.434,9.863 10.667,10.738 ZM6.744,1.530 C4.293,1.530 1.562,2.598 1.562,4.131 C1.562,5.664 4.293,6.733 6.744,6.733 C9.195,6.733 11.926,5.664 11.926,4.131 C11.926,2.598 9.195,1.530 6.744,1.530 ZM11.926,7.357 L11.926,6.804 C10.698,7.702 8.849,8.265 6.744,8.265 C4.640,8.265 2.790,7.702 1.562,6.804 L1.562,7.357 C1.562,8.889 4.293,9.958 6.744,9.958 C9.195,9.958 11.926,8.889 11.926,7.357 Z'/%3E%3C/svg%3E"); }
.ls-icon-13:before {/*정보수정*/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='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M11.000,22.000 C4.934,22.000 -0.001,17.065 -0.001,11.000 C-0.001,4.934 4.934,-0.001 11.000,-0.001 C17.065,-0.001 22.000,4.934 22.000,11.000 C22.000,17.065 17.065,22.000 11.000,22.000 ZM11.000,1.470 C5.745,1.470 1.470,5.745 1.470,11.000 C1.470,16.254 5.745,20.529 11.000,20.529 C16.254,20.529 20.529,16.254 20.529,11.000 C20.529,5.745 16.254,1.470 11.000,1.470 ZM17.071,17.071 C15.449,18.693 13.293,19.586 11.000,19.586 C6.265,19.586 2.413,15.734 2.413,11.000 C2.413,8.706 3.306,6.550 4.928,4.928 C5.206,4.650 5.691,4.650 5.968,4.928 C6.255,5.215 6.255,5.682 5.968,5.968 C4.624,7.312 3.884,9.099 3.884,11.000 C3.884,12.092 4.133,13.128 4.575,14.054 C5.646,12.464 7.436,11.489 9.419,11.489 L12.579,11.489 C14.565,11.489 16.356,12.466 17.427,14.058 C17.877,13.115 18.115,12.076 18.115,11.000 C18.115,7.076 14.923,3.884 11.000,3.884 C10.594,3.884 10.264,3.554 10.264,3.149 C10.264,2.743 10.594,2.413 11.000,2.413 C15.734,2.413 19.586,6.265 19.586,11.000 C19.586,13.293 18.693,15.449 17.071,17.071 ZM12.579,12.847 L9.419,12.847 C7.681,12.847 6.137,13.823 5.385,15.362 C6.688,17.035 8.719,18.114 11.000,18.114 C12.900,18.114 14.687,17.375 16.031,16.031 C16.242,15.820 16.436,15.597 16.616,15.366 C15.865,13.824 14.319,12.847 12.579,12.847 ZM14.394,8.094 C14.394,9.966 12.871,11.489 10.999,11.489 C9.128,11.489 7.605,9.966 7.605,8.094 C7.605,6.222 9.128,4.699 10.999,4.699 C12.871,4.699 14.394,6.222 14.394,8.094 ZM8.963,8.094 C8.963,9.217 9.876,10.131 10.999,10.131 C12.123,10.131 13.036,9.217 13.036,8.094 C13.036,6.971 12.123,6.057 10.999,6.057 C9.876,6.057 8.963,6.971 8.963,8.094 Z'/%3E%3C/svg%3E"); }
.ls-icon-14:before {/*로그아웃*/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='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M18.543,11.328 L17.595,10.413 L19.349,8.723 L7.890,8.723 L7.890,7.276 L19.349,7.276 L17.595,5.586 L18.544,4.671 L21.997,7.999 L18.543,11.328 ZM14.278,2.089 C14.278,1.733 13.978,1.445 13.610,1.445 L2.170,1.445 C1.801,1.445 1.501,1.733 1.501,2.089 L1.501,13.910 C1.501,14.266 1.801,14.555 2.170,14.555 L13.610,14.555 C13.978,14.555 14.278,14.266 14.278,13.910 L14.278,11.942 L15.781,11.942 L15.781,13.910 C15.781,15.064 14.807,16.002 13.610,16.002 L2.170,16.002 C0.973,16.002 -0.001,15.064 -0.001,13.910 L-0.001,2.089 C-0.001,0.935 0.973,-0.003 2.170,-0.003 L13.610,-0.003 C14.807,-0.003 15.781,0.935 15.781,2.089 L15.781,4.058 L14.278,4.058 L14.278,2.089 Z'/%3E%3C/svg%3E"); }
.ls-icon-15:before {/*바로학습*/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='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M17.924,18.919 C15.940,20.905 13.302,21.998 10.496,21.998 C7.690,21.998 5.051,20.905 3.067,18.919 C0.224,16.075 -0.748,11.783 0.590,7.986 C0.742,7.553 0.924,7.129 1.131,6.721 L0.113,2.083 C0.052,1.807 0.136,1.519 0.336,1.319 C0.535,1.119 0.823,1.035 1.100,1.096 L5.734,2.115 C9.751,0.070 14.721,0.847 17.924,4.052 C19.908,6.038 21.001,8.678 21.001,11.486 C21.001,14.294 19.908,16.934 17.924,18.919 ZM16.753,5.224 C13.992,2.462 9.673,1.842 6.250,3.717 C6.075,3.813 5.870,3.841 5.675,3.799 L2.008,2.993 L2.814,6.661 C2.857,6.857 2.828,7.062 2.732,7.238 C2.505,7.651 2.310,8.089 2.153,8.537 C1.025,11.736 1.844,15.351 4.238,17.747 C5.910,19.419 8.132,20.341 10.496,20.341 C12.859,20.341 15.081,19.419 16.753,17.747 C18.424,16.075 19.344,13.851 19.344,11.486 C19.344,9.121 18.424,6.897 16.753,5.224 ZM8.501,16.209 C8.368,16.291 8.218,16.332 8.067,16.332 C7.928,16.332 7.789,16.297 7.663,16.226 C7.401,16.080 7.239,15.803 7.239,15.503 L7.239,7.470 C7.239,7.170 7.401,6.893 7.663,6.747 C7.925,6.600 8.245,6.607 8.501,6.764 L15.037,10.781 C15.282,10.931 15.432,11.199 15.432,11.487 C15.432,11.775 15.282,12.042 15.037,12.193 L8.501,16.209 ZM8.896,8.952 L8.896,14.021 L13.021,11.487 L8.896,8.952 Z'/%3E%3C/svg%3E"); }
.ls-icon-16:before {/*회원*/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-17:before {/*플레이*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='44px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M39.991,22.487 C39.987,22.584 39.978,22.681 39.968,22.778 C39.955,22.906 39.941,23.033 39.920,23.160 C39.912,23.212 39.902,23.264 39.892,23.317 C39.862,23.478 39.827,23.638 39.785,23.796 C39.778,23.819 39.771,23.842 39.765,23.866 C39.715,24.042 39.659,24.217 39.594,24.389 C39.589,24.402 39.583,24.415 39.578,24.429 C39.511,24.603 39.436,24.775 39.354,24.943 C39.344,24.963 39.333,24.983 39.323,25.003 C39.264,25.120 39.208,25.238 39.141,25.353 C39.116,25.395 39.087,25.433 39.061,25.474 C39.043,25.504 39.022,25.532 39.003,25.562 C38.913,25.704 38.818,25.843 38.716,25.978 C38.687,26.017 38.655,26.053 38.625,26.091 C38.529,26.212 38.431,26.331 38.325,26.445 C38.276,26.498 38.224,26.546 38.173,26.597 C38.081,26.690 37.989,26.783 37.891,26.871 C37.817,26.937 37.738,26.998 37.661,27.060 C37.580,27.125 37.501,27.192 37.417,27.253 C37.318,27.325 37.216,27.390 37.114,27.455 C37.045,27.501 36.976,27.547 36.904,27.590 C36.871,27.609 36.842,27.631 36.809,27.650 L9.487,43.174 C9.363,43.245 9.230,43.283 9.102,43.344 C8.922,43.432 8.741,43.516 8.552,43.587 C8.352,43.661 8.151,43.719 7.947,43.772 C7.744,43.825 7.541,43.873 7.330,43.906 C7.130,43.937 6.932,43.952 6.731,43.964 C6.590,43.972 6.455,44.004 6.312,44.004 L6.312,44.004 C6.225,44.003 6.144,43.980 6.058,43.976 C5.879,43.968 5.703,43.943 5.525,43.919 C5.284,43.888 5.045,43.854 4.813,43.796 C4.653,43.756 4.500,43.699 4.344,43.647 C4.118,43.571 3.893,43.496 3.678,43.395 C3.500,43.313 3.333,43.210 3.162,43.111 C2.991,43.011 2.820,42.916 2.660,42.801 C2.467,42.664 2.291,42.505 2.113,42.346 C1.991,42.236 1.867,42.131 1.754,42.012 C1.589,41.838 1.442,41.647 1.296,41.452 C1.188,41.310 1.081,41.170 0.985,41.018 C0.940,40.945 0.880,40.886 0.837,40.811 C0.766,40.687 0.728,40.554 0.666,40.426 C0.578,40.247 0.494,40.067 0.423,39.878 C0.349,39.679 0.291,39.478 0.238,39.275 C0.184,39.072 0.136,38.870 0.103,38.660 C0.072,38.461 0.057,38.263 0.046,38.062 C0.037,37.922 0.005,37.787 0.005,37.644 L0.183,6.290 C0.184,6.157 0.216,6.033 0.224,5.902 C0.238,5.688 0.257,5.476 0.293,5.263 C0.328,5.064 0.376,4.871 0.429,4.678 C0.485,4.469 0.548,4.262 0.627,4.057 C0.699,3.872 0.784,3.697 0.872,3.521 C0.935,3.394 0.975,3.261 1.048,3.137 C1.092,3.062 1.152,3.003 1.199,2.930 C1.298,2.777 1.409,2.635 1.521,2.491 C1.666,2.303 1.811,2.118 1.974,1.950 C2.097,1.823 2.231,1.712 2.364,1.595 C2.534,1.448 2.700,1.301 2.882,1.173 C3.061,1.048 3.251,0.944 3.442,0.837 C3.595,0.752 3.743,0.662 3.901,0.591 C4.140,0.481 4.390,0.399 4.644,0.319 C4.774,0.279 4.900,0.233 5.032,0.201 C5.293,0.137 5.560,0.102 5.831,0.072 C5.979,0.055 6.124,0.036 6.273,0.029 C6.370,0.025 6.462,0.001 6.561,0.002 C6.723,0.003 6.876,0.040 7.035,0.053 C7.204,0.066 7.371,0.080 7.539,0.106 C7.782,0.146 8.016,0.203 8.248,0.270 C8.420,0.318 8.589,0.368 8.757,0.431 C8.979,0.515 9.190,0.615 9.399,0.723 C9.506,0.778 9.619,0.810 9.724,0.871 L33.311,14.627 C32.244,14.686 31.176,14.982 30.188,15.543 L19.841,21.423 L12.805,17.319 L12.751,26.763 L20.980,22.087 L30.529,16.662 C32.584,15.494 35.033,15.610 36.936,16.746 C37.053,16.816 37.164,16.891 37.275,16.967 C37.331,17.006 37.389,17.043 37.445,17.084 C37.583,17.186 37.715,17.294 37.843,17.406 C37.867,17.427 37.892,17.446 37.915,17.466 C38.065,17.601 38.207,17.745 38.345,17.894 C38.352,17.902 38.359,17.910 38.366,17.918 C38.670,18.251 38.946,18.618 39.179,19.025 L39.179,19.025 C39.560,19.690 39.795,20.398 39.912,21.114 C39.912,21.115 39.912,21.116 39.912,21.117 C39.946,21.314 39.970,21.513 39.984,21.713 C39.986,21.743 39.989,21.772 39.990,21.802 C39.999,21.949 40.000,22.097 39.998,22.245 C39.997,22.326 39.996,22.407 39.991,22.487 Z'/%3E%3C/svg%3E"); }
.ls-icon-18:before {/*나가기*/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='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M19.830,16.002 L8.390,16.002 C7.193,16.002 6.219,15.064 6.219,13.910 L6.219,11.941 L7.722,11.941 L7.722,13.910 C7.722,14.266 8.022,14.554 8.390,14.554 L19.830,14.554 C20.199,14.554 20.499,14.266 20.499,13.910 L20.499,2.088 C20.499,1.733 20.199,1.444 19.830,1.444 L8.390,1.444 C8.022,1.444 7.722,1.733 7.722,2.088 L7.722,4.058 L6.219,4.058 L6.219,2.088 C6.219,0.935 7.193,-0.003 8.390,-0.003 L19.830,-0.003 C21.027,-0.003 22.001,0.935 22.001,2.088 L22.001,13.910 C22.001,15.064 21.027,16.002 19.830,16.002 ZM14.110,7.275 L14.110,8.723 L2.651,8.723 L4.405,10.413 L3.457,11.328 L0.003,7.999 L3.456,4.671 L4.405,5.586 L2.651,7.275 L14.110,7.275 Z'/%3E%3C/svg%3E"); }
.ls-icon-19:before {/*다운*/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='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.836,16.641 L0.836,15.666 L16.824,15.666 L16.824,16.641 L0.836,16.641 ZM9.153,12.948 L8.830,13.293 L8.506,12.948 L8.372,12.805 L3.132,7.219 L3.779,6.529 L8.372,11.425 L8.830,11.913 L8.830,11.913 L8.372,11.425 L8.372,0.687 L9.288,0.687 L9.288,11.425 L13.881,6.529 L14.528,7.219 L9.287,12.805 L9.153,12.948 Z'/%3E%3C/svg%3E"); }
.ls-icon-20:before {/*링크*/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='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.749,8.862 L13.385,11.222 C11.517,13.087 8.476,13.088 6.607,11.222 L5.620,10.236 L5.641,10.216 C5.620,10.199 5.590,10.206 5.571,10.187 C5.253,9.869 5.253,9.354 5.571,9.037 C5.889,8.719 6.404,8.719 6.722,9.037 C6.742,9.056 6.734,9.087 6.751,9.107 L6.772,9.086 L7.759,10.071 C8.992,11.303 11.000,11.303 12.233,10.071 L14.597,7.711 C15.830,6.480 15.830,4.475 14.597,3.244 C13.364,2.013 11.357,2.013 10.124,3.244 L8.877,4.489 L8.861,4.473 C8.541,4.748 8.066,4.754 7.762,4.451 C7.458,4.148 7.465,3.674 7.740,3.354 L7.725,3.338 L8.971,2.094 C10.839,0.228 13.880,0.227 15.749,2.094 C17.618,3.960 17.617,6.996 15.749,8.862 ZM11.562,8.245 L11.541,8.266 C11.562,8.283 11.592,8.275 11.611,8.295 C11.929,8.612 11.929,9.127 11.611,9.445 C11.293,9.762 10.778,9.762 10.460,9.445 C10.440,9.425 10.448,9.395 10.430,9.374 L10.410,9.396 L9.423,8.410 C8.190,7.179 6.182,7.179 4.949,8.410 L2.597,10.759 C1.364,11.990 1.364,13.994 2.597,15.226 C3.831,16.457 5.838,16.457 7.071,15.226 L8.305,13.993 L8.321,14.009 C8.641,13.733 9.117,13.728 9.420,14.031 C9.724,14.334 9.718,14.809 9.442,15.128 L9.458,15.144 L8.223,16.376 C6.355,18.241 3.314,18.242 1.445,16.376 C-0.424,14.510 -0.423,11.473 1.445,9.608 L3.797,7.260 C5.665,5.395 8.706,5.394 10.575,7.260 L11.562,8.245 Z'/%3E%3C/svg%3E"); }
.ls-icon-21:before {/*바로가기*/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='29px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.366,1.661 L26.408,13.349 L-0.001,13.349 L-0.001,15.678 L26.409,15.678 L27.609,14.514 L27.609,14.514 L26.409,15.679 L14.366,27.367 L16.063,29.014 L29.802,15.679 L30.154,15.338 L31.002,14.514 L30.154,13.691 L29.802,13.350 L16.063,0.014 L14.366,1.661 Z'/%3E%3C/svg%3E");}
.ls-icon-22:before {/*목차*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39px' height='30px'%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M3.000,-0.000 C4.657,-0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 -0.000,4.657 -0.000,3.000 C-0.000,1.343 1.343,-0.000 3.000,-0.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M12.000,1.000 L37.000,1.000 C38.105,1.000 39.000,1.895 39.000,3.000 C39.000,4.105 38.105,5.000 37.000,5.000 L12.000,5.000 C10.895,5.000 10.000,4.105 10.000,3.000 C10.000,1.895 10.895,1.000 12.000,1.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M3.000,12.000 C4.657,12.000 6.000,13.343 6.000,15.000 C6.000,16.657 4.657,18.000 3.000,18.000 C1.343,18.000 -0.000,16.657 -0.000,15.000 C-0.000,13.343 1.343,12.000 3.000,12.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M12.000,13.000 L37.000,13.000 C38.105,13.000 39.000,13.895 39.000,15.000 C39.000,16.104 38.105,17.000 37.000,17.000 L12.000,17.000 C10.895,17.000 10.000,16.104 10.000,15.000 C10.000,13.895 10.895,13.000 12.000,13.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M3.000,24.000 C4.657,24.000 6.000,25.343 6.000,27.000 C6.000,28.656 4.657,30.000 3.000,30.000 C1.343,30.000 -0.000,28.656 -0.000,27.000 C-0.000,25.343 1.343,24.000 3.000,24.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(132, 132, 132)' d='M12.000,25.000 L37.000,25.000 C38.105,25.000 39.000,25.895 39.000,27.000 C39.000,28.104 38.105,29.000 37.000,29.000 L12.000,29.000 C10.895,29.000 10.000,28.104 10.000,27.000 C10.000,25.895 10.895,25.000 12.000,25.000 Z'/%3E%3C/svg%3E");}
.ls-icon-23:before {/*다시*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M19.626,20.813 C17.454,22.965 14.565,24.151 11.493,24.151 C8.875,24.151 6.395,23.283 4.374,21.697 L4.374,24.755 L2.380,24.755 L2.380,19.692 L2.380,18.409 L3.900,18.409 L8.711,18.409 L8.711,20.385 L5.934,20.385 C9.648,23.043 14.874,22.727 18.216,19.416 C20.894,16.763 21.627,12.911 20.437,9.590 L22.261,8.765 C22.736,10.026 22.996,11.369 22.996,12.754 C22.996,15.798 21.799,18.660 19.626,20.813 ZM14.178,7.004 L14.178,5.029 L16.920,5.029 C15.294,3.907 13.396,3.338 11.493,3.338 C9.058,3.338 6.623,4.256 4.769,6.093 C2.185,8.653 1.407,12.331 2.426,15.570 L0.599,16.396 C0.205,15.237 -0.011,14.013 -0.011,12.754 C-0.011,9.710 1.186,6.848 3.359,4.696 C5.531,2.543 8.420,1.358 11.493,1.358 C14.101,1.358 16.572,2.220 18.589,3.795 L18.589,0.731 L20.583,0.731 L20.583,5.787 L20.583,7.004 L19.014,7.004 L14.178,7.004 Z'/%3E%3C/svg%3E");}
.ls-icon-24:before {/*관리자*/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%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M10.000,20.000 C4.477,20.000 0.000,15.523 0.000,10.000 C0.000,4.478 4.477,0.000 10.000,0.000 C15.523,0.000 20.000,4.478 20.000,10.000 C20.000,15.523 15.523,20.000 10.000,20.000 ZM10.000,1.500 C5.313,1.500 1.500,5.313 1.500,10.000 C1.500,14.687 5.313,18.500 10.000,18.500 C14.687,18.500 18.500,14.687 18.500,10.000 C18.500,5.313 14.687,1.500 10.000,1.500 ZM6.286,9.429 L13.714,9.429 L13.714,15.000 L6.286,15.000 L6.286,9.429 ZM11.160,7.321 C11.160,6.681 10.640,6.161 10.000,6.161 C9.360,6.161 8.840,6.681 8.840,7.321 L8.840,8.269 L7.679,8.269 L7.679,7.321 C7.679,6.040 8.719,5.000 10.000,5.000 C11.282,5.000 12.321,6.040 12.321,7.321 L12.321,8.269 L11.160,8.269 L11.160,7.321 Z'/%3E%3C/svg%3E");}


/* 강의목록 */
.con-com-01 { padding: 5em 0px 5em 0px; position: relative;}
.con-com-01 .com-box-01 { position: relative; margin-top: -7.5em; }
.con-com-01 .com-box-02 { margin:0 auto; max-width: 1240px; padding-left:20px; padding-right:20px; padding-top: 4em; }
.con-com-01 .con-box-02 { background:#f4f4f5; padding-left:20px; padding-right:20px;}
.con-com-01 .con-box-01 { position: relative;padding-left:20px; padding-right:20px; }
.con-com-01 .con-box-01:before { content:'';z-index:-1; position: absolute; left:0; top:50%; width:100%; height:100%; background:#f4f4f5;}
.con-com-01 .ls-search {  box-shadow: 3px 3px 10px rgba(0,0,0,0.2); border:1px solid #00acd5; margin:0 auto;  border-radius: 50px; overflow: hidden; background:#fff; max-width: 800px; display:flex; justify-content: space-between; align-items: center;}
.con-com-01 .ls-search label { width:100%;}
.con-com-01 .ls-search input { width:100%;  text-align: left; padding: 1em 2em; border:0; font-size: 1.6rem;}
.con-com-01 .ls-search-go { width: 4em; height:4em;}
.con-com-01 .ls-search-go a {position: relative; display:block; font-size:0; border:0; height:100%; width: 100%;}
.con-com-01 .ls-search-go .ls-icon:after { position: absolute; content:''; left: 0%; top:50%; transform: translateY(-50%); width:60%; height:60%; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.con-com-01 .ls-edu-list { padding: 2.8em 0; max-width: 1200px; margin:0 auto;}
.con-com-01 .ls-edu-list ul { flex-wrap: wrap; display:flex; justify-content: center; align-items: stretch;}
.con-com-01 .ls-edu-list li { padding-bottom: 1rem; padding-left: 0.3rem; padding-right: 0.3rem;}
.con-com-01 .ls-edu-list .active a, .con-com-01 .ls-edu-list a:hover { color:#fff; background:#00acd5}
.con-com-01 .ls-edu-list a { line-height:1; display:block; background:#fff; padding: 0.4em 1em; border-radius: 30px;}
.con-com-01 .ls-list-box { flex-wrap: wrap; display:flex; justify-content: start; align-items: stretch; margin-right: -2rem;}
.con-com-01 .ls-list { position: relative; width: calc(25% - 2rem); margin-bottom:1.7em; margin-right:2rem; }
.con-com-01 .ls-list a { position: relative; display:block;}
.con-com-01 .ls-list a:hover h3 { font-weight: 600;}
.con-com-01 .ls-list:before { content:''; border-radius: 10px; border:1px solid #e2e2e2; box-shadow: 3px 3px 10px rgba(0,0,0,0.07); width:100%; height:100%; position: absolute; left:0; top:0;}
.con-com-01 .ls-img-01 { z-index:2; position: relative; height:0; padding-top:calc(100%/16*9);  border-radius: 10px; overflow: hidden;}
.con-com-01 .ls-img-01 img { position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.con-com-01 .ls-list .ls-info { text-align: left; position: relative; padding: 1em 1em 1em 1.5em;}
.con-com-01 .ls-list .ls-cate { font-size: 0.85em; display:inline-block; line-height: 1.1rem; padding: 0.4em 0.5em 0.2em 0.5em; background:#00acd5; color:#fff; border-radius: 20px;}
.con-com-01 .ls-list h3 { line-height: 1.1em; font-weight: 600; padding-top: 0.7em; padding-bottom:0.7em; font-size: 1.05em;}
.con-com-01 .ls-list h3 span { display:block;}
.con-com-01 .ls-list .ls-day { color:#878787; font-size: 0.75em; padding-top:0.3em; padding-bottom:0.3em;}
.con-com-01 .ls-list .ls-day span { display:inline-block; padding-right: 1em;}
.con-com-01 .ls-list .ls-money { padding-top: 1em;}
.con-com-01 .ls-list .ls-money > span { vertical-align: middle;display:inline-block;}
.con-com-01 .ls-list .c-money { position: relative; font-size: 0.8em; color:#bbbbbb; margin-right: 5%; }
.con-com-01 .ls-list .c-money span {margin-top:-1px; padding-right:0.1em; vertical-align: middle; position: relative;display:inline-block; font-size: 1.3em;}
.con-com-01 .ls-list .c-money:after { position: absolute; background:#bbbbbb; left:0; top:50%; transform: translateY(-50%); content:''; height:1px; width:100%;}
.con-com-01 .ls-list .t-money {  font-size: 1.4em; color:#00acd5}
.con-com-01 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-01 .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-01 .ls-btn a:hover { background:#00acd5; color:#fff; }

/* 강의상세 */
.con-com-02 { padding: 3em 0px 0em 0px; position: relative;}
.con-com-02 .ls-menu-box { padding-bottom: 2em;}
.con-com-02 .ls-menu-box ul { display:flex; justify-content: center; align-items: center; }
.con-com-02 .ls-menu-box a { padding: 1em 2em; font-size: 1.3em;}
.con-com-02 .ls-menu-box span {padding-bottom:0.5em; display:inline-block; line-height: 1.4em;border-bottom:3px solid #fff}
.con-com-02 .ls-menu-box a:hover span, .con-com-02 .ls-menu-box .active span { border-color: #00acd5 }
.con-com-02 .ls-menu-box .active a { font-weight:600; color:#00acd5 }
.con-com-02 .head-box {max-width: 1200px; margin:0 auto; text-align: left; padding-bottom: 3em; padding-left:10px;}
.con-com-02 .head-box h4 { position: relative; font-weight: 800; padding-bottom:0.2em; font-size: 1.6em;}
.con-com-02 .head-box h4:before { margin-right: 0.5em; margin-top: -0.2em; vertical-align: middle; position: relative; content:''; display:inline-block; width: 1.4em; height:1.4em; background-position: left 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='40px' height='35px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 78, 162)' d='M15.322,8.798 C15.217,9.204 15.165,9.752 15.421,10.237 C15.793,10.941 16.724,11.375 18.188,11.527 L18.213,11.530 C23.320,12.383 27.281,9.687 27.320,9.659 C28.182,9.046 28.362,8.669 28.335,8.556 C28.318,8.481 28.171,8.395 28.006,8.336 C23.411,9.449 19.359,8.369 16.482,7.027 C16.062,7.666 15.666,8.096 15.525,8.240 C15.482,8.328 15.391,8.533 15.322,8.798 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 172, 213)' d='M39.512,4.503 L39.412,4.061 L39.114,3.716 C35.764,-0.182 31.980,-0.313 29.406,0.264 C28.723,0.416 26.173,1.256 25.076,2.220 L25.070,2.211 C21.172,4.260 16.974,3.550 14.141,2.593 C12.502,2.039 11.462,1.449 11.302,1.368 L10.903,1.216 C10.451,1.107 6.412,0.218 3.506,2.715 C1.339,4.583 0.553,7.692 1.164,11.900 C2.203,24.699 11.246,32.375 11.638,32.704 C12.851,33.688 14.668,34.999 16.451,34.999 C16.991,34.999 17.497,34.882 17.953,34.651 C18.375,34.442 18.662,34.159 18.844,33.960 C19.954,32.736 19.849,30.922 19.796,30.444 L19.701,30.083 C18.846,27.912 21.043,25.406 21.630,24.791 C23.887,23.738 25.181,23.678 25.597,23.961 C25.967,24.210 26.111,25.112 26.036,25.878 C25.826,29.207 26.286,31.106 27.521,32.035 C27.913,32.328 28.365,32.505 28.837,32.550 C30.484,32.958 32.240,31.380 34.592,27.344 C42.026,16.247 39.624,5.008 39.512,4.503 ZM27.812,20.943 C25.922,19.668 23.166,19.897 19.489,21.702 L19.153,21.944 C18.956,22.122 14.400,26.351 15.996,31.081 C15.996,31.100 15.996,31.120 15.994,31.140 C15.622,30.967 15.021,30.615 14.134,29.896 C14.053,29.827 5.893,22.867 4.976,11.472 C4.547,8.534 4.924,6.459 6.062,5.473 C6.827,4.811 7.905,4.672 8.675,4.672 C9.133,4.672 9.515,4.720 9.741,4.756 C10.232,5.018 11.436,5.620 13.099,6.162 C16.601,7.306 21.872,8.092 27.210,5.259 C27.697,4.876 32.008,1.695 35.837,5.718 C36.206,7.962 37.142,16.721 31.335,25.393 L31.305,25.440 C30.795,26.313 30.274,27.094 29.826,27.707 C29.814,27.308 29.820,26.821 29.857,26.226 C29.876,26.080 30.319,22.643 27.812,20.943 Z'/%3E%3C/svg%3E");}
.con-com-02 .com-box-02 { background:#f4f4f5; padding: 4em 20px;}
.con-com-02 .con-box-02 { margin:0 auto; max-width: 1200px;}
.con-com-02 .con-box-02 iframe { width:100%; height:550px; }
.con-com-02 .com-box-03 { padding: 4em 20px;}
.con-com-02 .con-box-03 { margin:0 auto; max-width: 1200px;}
.con-com-02 .com-box-04 { background:#f4f4f5; padding: 4em 20px;}
.con-com-02 .con-box-04 { margin:0 auto; max-width: 1200px;}
.con-com-02 .con-box-05 { margin:0 auto; max-width: 1200px;}
.con-com-02 .com-box-05 { overflow: hidden; background:#9dd9f1; padding: 5em 0 6em 0;}
.con-com-02 .con-box-06 { margin:0 auto;}
/*
.con-com-02 .ls-guide-01 { padding-top:1em; text-align: left; display:flex; justify-content: center ;align-items: stretch;}
.con-com-02 .ls-guide-01 .ls-box-01 { width: 40%; padding-right:2%;}
.con-com-02 .ls-guide-01 .ls-box-01 img { max-width:100%;}
.con-com-02 .ls-guide-01 .ls-box-02 { width: 60%; padding-left: 2%;}
*/

.con-com-02 .ls-guide-01 { padding-top:1em; text-align:left; }
.con-com-02 .ls-guide-01 .ls-box-01 { width: 100%; text-align: center;}
.con-com-02 .ls-guide-01 .ls-box-01 img { max-width:100%;  }
.con-com-02 .ls-guide-01 .ls-box-02 { width: 100%;}

.con-com-02 .dl-box-01 { padding-top: 3em; width:100%;}
.con-com-02 .dl-box-01 h5 { font-size: 1.5rem; font-weight: 800; padding-bottom:1em; }
.con-com-02 .dl-box-01 dl {  padding: 0.3em 0;  width: 100%;    line-height: 1.2em;    display: flex;    flex-wrap: wrap;    align-items: stretch;    position: relative; }
.con-com-02 .dl-box-01 dt {  display: block;    width: 15%;    padding-right: 20px;    max-width: 250px; }
.con-com-02 .dl-box-01 dd { text-align: left;    display: block;    width: 85%;}
.con-com-02 .ls-txt-01 { line-height: 1.6em; padding:0.6em 0; font-size: 1.9em;}
.con-com-02 .ls-txt-01 b { font-weight:800;}
.con-com-02 .ls-txt-02 { }
.con-com-02 .ls-guide-02 { text-align: left;}
.con-com-02 .ls-guide-02 details { padding-bottom:0.8em;}
.con-com-02 .ls-guide-02 summary::marker {  content:''; }
.con-com-02 .ls-guide-02 summary {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: 10px;}
.con-com-02 .ls-guide-02 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-02 .ls-guide-02 summary:after { content:''; width:1em; height:1em; 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-02 .ls-guide-02 summary span { position: relative; color:#fff; text-align: center; vertical-align: middle; display:inline-block; border-radius: 50px; width: 2.5em; height:2.5em; font-weight: 600; line-height:2.5em; background:#37bede;}
.con-com-02 .ls-guide-02 ol {z-index:1;position: relative; margin-top: -2em; box-shadow: 3px 3px 10px rgba(0,0,0,0.07); font-size: 0.9em; padding: 3em 2em 1em 2em; border:1px solid #e2e2e2; background:#fff; border-radius: 10px; }
.con-com-02 .ls-guide-02 li { padding: 0.5em 0;}
.con-com-02 .ls-book { padding-bottom:3em; display:flex; flex-wrap: wrap; justify-content: start; align-items: center;}
.con-com-02 .ls-book .ls-list { display:flex;  width: 50%; padding-bottom: 2em;}
.con-com-02 .ls-book .ls-img-03 { text-align: left; width: 40%;}
.con-com-02 .ls-book .ls-img-03 img { border-radius: 15px; max-width:100%; }
.con-com-02 .ls-book .ls-info {line-height: 1.5em; padding-left: 1em; padding-top:1em; text-align: left; width: 60%;}
.con-com-02 .ls-book h5 { font-weight: 800;}
.con-com-02 .ls-book p {color:#4f4f4f; padding-top: 1em; font-size: 0.9em;}
.con-com-02 .ls-guide-04 { padding-top: 4em; display:flex; justify-content: center; align-items: center; border-top:1px solid #e5e5e5}
.con-com-02 .ls-guide-04 .ls-img-04 img { max-width:100%;}
.con-com-02 .ls-guide-04 .ls-img-04 { width: 50%;}
.con-com-02 .ls-guide-04 .ol-box-01 {  font-size: 0.9em; padding-left: 7%; text-align: left; width: 50%;}
.con-com-02 .ls-guide-04 li { color:#4f4f4f; position: relative; line-height: 1.4em; padding:0.3em 1.5em }
.con-com-02 .ls-guide-04 li:before { content:''; top: 0.5em; width: 0.9em; height:1em; position:absolute; left:0; background-position: center center; background-size: contain; 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='15px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(235, 97, 0)' d='M4.195,6.913 L6.229,10.956 C6.229,10.956 9.534,2.739 14.746,-0.000 C14.619,1.956 14.110,3.652 15.000,5.739 C12.712,6.261 8.008,12.130 6.483,15.000 C4.322,12.261 1.780,10.174 -0.000,9.522 L4.195,6.913 Z'/%3E%3C/svg%3E");}
.con-com-02 .ls-guide-04 h5 { font-size: 1.5rem; font-weight: 800; padding-bottom:1.5em; }
.con-com-02 .ls-guide-05 .slide-in {flex-wrap: wrap; width: 100%; height:100%; position: relative; margin:0 auto; padding: 0px 20px; max-width: 1410px; display:flex; justify-content: center; align-items: center;}
.con-com-02 .ls-guide-05 .slide-box { max-width: 1200px; width:100%; margin:0 auto;  height:100%; display:flex; justify-content: space-between; align-items: stretch;}
.con-com-02 .ls-guide-05 .ls-list a {	position: relative; padding: 10%; text-align: left; border-radius: 10px; display:block; background:#fff; height:340px; }
.con-com-02 .ls-guide-05 .ls-list a:before { line-height:1em; font-family: 'Black Han Sans', 'Noto Sans KR', sans-serif!important; position:absolute; right: 10%; top:12%; font-size: 4rem; content:'\201D'; color:#e0e0e0;}
.con-com-02 .ls-guide-05 .ls-list a:hover { background:#00acd5; color:#fff;}
.con-com-02 .ls-guide-05 .ls-list {  margin:0 15px;  }
.con-com-02 .ls-guide-05 button {display:none; top:50%; transform: translateY(-50%); font-size:0; border:none; border-radius: 5px; width:55px; height: 67px; background:none; position: absolute; z-index: 5;}
.con-com-02 .ls-guide-05 button:after { filter:brightness(0) grayscale(1) invert(1); background-size: contain; background-position: center center; transform: translate(0%, -50%); top:50%;  left:0%; width:100%; height:100%; content:'';position: absolute;  background-repeat: no-repeat;}
.con-com-02 .ls-guide-05 button:hover:after { filter:none; }
.con-com-02 .ls-guide-05 .slide-right:after { left: auto; right:0% } 
.con-com-02 .ls-guide-05 .slide-left { left:10px; }
.con-com-02 .ls-guide-05 .slide-right { right:10px;  }
.con-com-02 .ls-guide-05 .ls-tt { font-size: 1.1em; padding-right: 14%; line-height: 140%; margin-bottom:1.5em;  text-overflow: ellipsis;  overflow: hidden;  word-break: normal;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical}
.con-com-02 .ls-guide-05 .ls-ss { font-size: 0.85em; line-height: 140%; padding-top: 1.5em; margin-bottom: 15%; border-top:1px solid #e0e0e0;  text-overflow: ellipsis;  overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical }
.con-com-02 .ls-guide-05 .ls-name { position: relative; padding-left: 1.2em;}
.con-com-02 .ls-guide-05 .ls-name:after { filter: grayscale(1); position: absolute; content:''; left: 0%; top:0%; width:0.9em; height:100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.con-com-02 .ls-guide-05 .ls-list a:hover .ls-name:after { filter: brightness(0) grayscale(1) invert(1);  }
.con-com-02 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-02 .ls-btn a {background:#fff; text-align: center; max-width:210px; color:#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-02 .ls-btn a:hover { background:#00acd5; color:#fff; }
.con-com-02 .con-box-06 .head-box { padding-left: 30px; padding-right:20px;}




/*강의정보 - 상단*/
.ls-teacher-box { position: relative; padding-top: 100px;  }
.ls-teacher-box .ls-tea-01 { position: relative; margin:0 auto; max-width: 1240px; padding-left:20px; padding-right:20px; display:flex; justify-content: center; align-items: stretch; }
.ls-teacher-box .ls-tea-01:before { z-index:0; content:''; width:calc(100% - 40px); height:73%; background:transparent; position: absolute; left:20px; top:12%; border:0.85em solid rgba(255,255,255,0.1); border-radius: 20px;}
.ls-teacher-box .ls-lec-in {z-index:3; padding-left: 4.5%; display:flex; justify-content: start; align-items: center; position: relative; color:#fff; text-align: left; width: 55%;}
.ls-teacher-box .ls-photo {z-index:1; position: relative;  text-align: right; width: 45%;}
.ls-teacher-box .ls-photo img { max-width: 100%; }
.ls-teacher-box .ls-keyword { position: absolute; left:0; padding-left: 7%; bottom:6%; opacity: 0.8;}
.ls-teacher-box .ls-cate {  font-size: 2.2rem; display:inline-block; line-height: 1.1rem; border:1px solid rgba(255,255,255,0.2); padding: 0.6em 0.7em 0.4em 0.7em; background:rgba(0,0,0,0.1); color:#fff; border-radius: 40px;}
.ls-teacher-box h3 { word-break:break-all; font-size:3.8rem; line-height: 110%; padding: 0.35em 0 0.1em 0; font-weight: 400;}
.ls-teacher-box .ls-keyword ul { display:flex; justify-content: start;} 
.ls-teacher-box .ls-keyword a { color:#fff; font-size: 0.8em;}
.ls-teacher-box .ls-keyword li { padding-right: 2em;}
.ls-teacher-box .ls-tea-02 { position: relative; padding-left:20px; padding-right:20px;}
.ls-teacher-box .ls-tea-02:before { content:''; width:100%; height:70%; background:#fff; left:0; bottom:0; position: absolute;}
.ls-teacher-box .ls-lec-info { height:100%; overflow: hidden;  box-shadow: 3px 3px 10px rgba(0,0,0,0.07); background:#fff; border-radius: 20px;  position: relative; margin:0 auto;  max-width: 1200px; display:flex; justify-content: center; align-items: stretch;}
.ls-teacher-box .ls-lec-info:before { content:''; border-radius: 20px; background-color: transparent; border:1px solid rgba(0,0,0,0.1); position: absolute; left:0; top:0; width:100%; height:100%;}
.ls-teacher-box .ls-lec-info .ls-img-01 img { max-width:100%;}
.ls-teacher-box .ls-lec-info > div { display:flex; justify-content: center; align-items: center; flex-direction: column; position: relative; width: 33.333%; flex:1;}
.ls-teacher-box .ls-lec-info .ls-txt-02 { padding-bottom:0.8em; font-weight: 800; padding-left:1em; padding-right:1em; }
.ls-teacher-box .ls-lec-info .ls-txt-03 { font-size: 0.85em; color:#4f4f4f; padding-bottom:0.8em; padding-left:1em; padding-right:1em; }
.ls-teacher-box .ls-lec-01 { border-right:1px solid #e5e5e5}
.ls-teacher-box .ls-lec-03 {text-align: left; color:#fff; background:#00acd5 }
.ls-teacher-box .ls-lec-txt { padding-bottom: 1em;}
.ls-teacher-box .ls-img-02 { padding-bottom: 1.5em;}
.ls-teacher-box .ls-img-02 img { max-width:100%}
.ls-teacher-box .dl-box-01 {width:100%; padding: 7% 10% 10% 10%;}
.ls-teacher-box .ls-lec-03 dl {  padding: 0.5em 0; font-size: 0.85em;    width: 100%;    line-height: 1.2em;    display: flex;    flex-wrap: wrap;    align-items: stretch;    position: relative; }
.ls-teacher-box .ls-lec-03 dt {  display: block;    width: 30%;    padding-right: 20px;    max-width: 250px; }
.ls-teacher-box .ls-lec-03 dd { text-align: left;    display: block;    width: 70%;}
.ls-teacher-box .ls-btn { text-align: center; padding-top: 1.5em;}
.ls-teacher-box .ls-btn a {background:#fff; text-align: center; max-width:180px; color:#00acd5; 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.7em 0; }
.ls-teacher-box .ls-btn a:hover { background:#004ea2; color:#fff; }
.ls-teacher-box .ls-btn p {background:#ddd; text-align: center; max-width:180px; color:#00acd5; 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.7em 0; }
.ls-teacher-box .ls-btn p:hover { background:#004ea2; color:#fff; }
.ls-teacher-box .ls-money { padding-top: 1em; font-size: 0.8em;}
.ls-teacher-box .ls-money > span { vertical-align: middle;display:inline-block;}
.ls-teacher-box .c-money { color:rgba(255,255,255,0.5); position: relative;}
.ls-teacher-box .c-money span {margin-top:-1px; padding-right:0.1em; vertical-align: middle; position: relative;display:inline-block; font-size: 1.3rem;}
.ls-teacher-box .c-money:after { position: absolute; background:#fff; left:0; top:50%; transform: translateY(-50%); content:''; height:1px; width:100%;}
.ls-teacher-box .t-money {  padding-left: 3%; }
.ls-teacher-box .t-money span {margin-top:-1px; padding-right:0.2em; vertical-align: middle; position: relative;display:inline-block; font-size: 1.6rem;}
.ls-teacher-box .ls-photo-md { display:none;}

/* 신청하기 */
.con-com-03 { padding: 5em 0px 8em 0px; position: relative;}
.con-com-03 .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-03 .con-box-01 { text-align: left; width: 60%; padding-right: 7%;}
.con-com-03 .con-box-02 { position: relative; text-align: left; width: 40%; border:1px solid #eaeaea; border-radius: 0.7em; overflow: hidden;}
.con-com-03 .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-03 .ls-img-01 img { max-width:100%;}
.con-com-03 .con-box-01 h3 { padding-bottom: 1.3em; font-size: 1.25em; font-weight: 800;}
.con-com-03 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-03 .con-box-01 select { font-size: 0.9em; padding: 0.9em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-03 .con-box-02 select { padding: 0.9em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-03 textarea { height: 6em;}
.con-com-03 .dl-box-01 dd { padding-top:1em;}
.con-com-03 .dl-box-01 { padding-top: 0.5em; border-top:2px solid #000;}
.con-com-03 .dl-box-01 dl { padding-bottom: 1em; padding-top:1em;}
.con-com-03 .dl-box-01 dt { line-height: 1.6em; display:flex;}
.con-com-03 .dl-box-01 dt>span { display:inline-block; padding-right:1em; font-weight:600; vertical-align: middle;}
.con-com-03 .ls-check-box label { cursor: pointer; line-height: 1.4em; font-size: 0.9em; padding: 0.5em 0; display:flex; }
.con-com-03 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-03 .ls-check-box span { opacity: 0.9; }
.con-com-03 .ls-warning { font-size: 0.85em; border-radius: 5px; background:#f4f4f5; padding: 1em; text-align: center;}
.con-com-03 .ls-warning .checkup { width:80%; max-width:300px; text-align:left; margin:0 auto; line-height:2em; }
.con-com-03 .ls-pay-01 { padding:8%; background:#f4f4f5}
.con-com-03 .ls-info-01 { display:flex; border-bottom:1px solid #d3d3d3; padding-bottom:1em; justify-content: start; align-items: center;}
.con-com-03 .ls-img-01 { width:100%; max-width: 155px; }
.con-com-03 .ls-img-01 img{ max-width:100%; border-radius: 10px;}
.con-com-03 .ls-money {font-size: 1.4em;}
.con-com-03 .con-box-02 h4 {padding-bottom:0.3em; font-size: 1.05em; font-weight: 800;}
.con-com-03 .con-box-02 h3 {padding-bottom:1em; font-size: 1.2em; font-weight: 800;}
.con-com-03 .ls-info { padding-left:1.5em;}
.con-com-03 .ls-info-02 { padding-top: 1em;}
.con-com-03 .dl-box-02 dl { padding: 0.4em 0; display:flex; align-items: center;}
.con-com-03 .dl-box-02 dt { width: 155px; min-width: 155px; max-width: 155px; } 
.con-com-03 .dl-box-02 dd { width: 100%; } 
.con-com-03 .dl-box-03 dl { padding: 0.3em 0; display:flex; align-items: center;}
.con-com-03 .dl-box-03 dl:last-of-type { font-weight:600; border-top:1px solid #d3d3d3; margin-top:10px;padding-top:20px;}
.con-com-03 .dl-box-03 dt {  width: 155px; min-width: 155px; max-width: 155px; } 
.con-com-03 .dl-box-03 dd { text-align: right; width: 100%; } 
.con-com-03 .ls-check-box-02 { display:flex; flex:1;overflow: hidden; border-radius: 5px; border: 1px solid #e2e2e2;}
.con-com-03 .ls-check-box-02 span { display:block; width: 50%;  }
.con-com-03 .ls-check-box-02 input[type="radio"], .con-com-03 .ls-check-box-02 input[type="checkbox"] { display: none;}
.con-com-03 .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-03 .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-03 .ls-pay-02 { padding:8%;}
.con-com-03 .ls-pay-03 { padding:0em 8%;}
.con-com-03 .ls-info-04 p { padding-bottom:1em;}
.con-com-03 .ls-info-04 a { position: relative; display:block;  font-size: 0.85em; border-radius: 5px; background:#f4f4f5; padding: 1em;}
.con-com-03 .ls-info-04 span { text-decoration: underline; display:block; top:50%; margin-top:1px; transform: translateY(-50%); position: absolute; right:1em;  }
.con-com-03 .ls-info-05 label { cursor: pointer; line-height: 1.4em; font-size: 0.85em; padding: 0.5em 0; display:flex; }
.con-com-03 .ls-btn { padding:10% 8%;}
.con-com-03 .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-03 .ls-btn a:hover { background:#004ea2; color:#fff; }

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

/*히원가입*/
.con-com-05 { padding: 5em 0px 8em 0px; position: relative;}
.con-com-05 .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-05 .con-box-01 { text-align: left; width: 62%; padding-right: 5%;}
.con-com-05 .con-box-02 { padding-top: 3.9em; position: relative; text-align: left; width: 38%; overflow: hidden;}
.con-com-05 .con-box-01 h3 { padding-bottom: 1.3em; font-size: 1.6em; font-weight: 800;}
.con-com-05 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-05 .con-box-01 select { padding: 0.6em 0.7em; border:1px solid #e2e2e2; border-radius: 5px; width:100%;}
.con-com-05 .dl-box-01 dd {width: 70%;}
.con-com-05 .dl-box-01 { padding-top: 0.5em; border-top:2px solid #000;}
.con-com-05 .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-05 .dl-box-01 dt { padding-top: 0.5em; line-height: 1.6em; width: 30%;}
.con-com-05 .dl-box-01 dd p { padding-top: 0.5em; color:#808080; font-size: 0.75em;}
.con-com-05 .dl-box-01 dt span { display:inline-block; position: relative; padding-right:0.3em; font-weight:600; vertical-align: middle;}
.con-com-05 .ls-info-01 { text-align: left;}
.con-com-05 .ls-info-01 details { padding-bottom:0.8em;}
.con-com-05 .ls-info-01 summary::marker {  content:''; }
.con-com-05 .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-05 .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-05 .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-05 .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-05 .ls-info-01 summary span { vertical-align: middle; }
.con-com-05 .ls-info-02 { padding-left: 1.55em; font-size: 0.85em;}
.con-com-05 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-05 .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-05 .ls-btn a:hover { background:#004ea2; }
.con-com-05 .ls-btn a.red {background:#eb6100}
.con-com-05 .ls-btn a.red:hover {background:#444}
.con-com-05 input[type=checkbox], .con-com-05 input[type=radio] {position: relative; margin-top:0.5px; min-width: 18px; height: 18px; margin-right: 0.5em;}




/* mypage start */
/* mypage header */
.header-my {z-index:5; position: fixed; height: 85px; width:100%; background:#fff; padding: 0 25px; border-bottom:1px solid #d9dce7; }
.header-my .box_inner { height:100%; display:flex; align-items: center; justify-content: space-between; width:100%;}
.header-my .nav-lang { display:flex; align-items: center;}
.header-my .nav-lang p { margin-left: 3em;}
.header-my .nav-lang a { line-height: 1; color:#848484; display:block; position: relative;}
.header-my .nav-lang a:hover { color:#00acd5 }
.header-my .nav-lang a:hover:before { filter:none; }
.header-my .nav-lang a:before { margin-top:-1px; margin-right: 0.6em; filter:grayscale(1); position: relative; vertical-align: middle; display:inline-block; width:1.4em; height:1.2em; content:''; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.header-my .menu_view a:after { color:#848484; }
.header-my .menu_close a:after { color:#848484; font-size: 1.4rem;}
.header-my h1 span { margin-left: 4em; font-weight: 400; font-size: 0.9em; display:inline-block; background:#00acd5; border-radius: 50px; color:#fff; padding: 0.7em 1em}
.header-my h1 a:hover span { background:#004ea2}

/* mypage menu */
.nav-my { box-shadow: 3px 3px 7px rgba(0,0,0,0.07); text-align: left; z-index:4; background:#fff; position: fixed; height:100%; left:0; top:0; padding-top:90px; width: 245px;}
.nav-my .ls-icon {filter:contrast(0%) brightness(0%); position: relative; display:inline-block;  width:2em; height:2em; vertical-align: middle;}
.nav-my .ls-icon:before {  position: relative; display:block; width:70%; height:70%; margin-top: 14%; content:''; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.nav-my .ls-icon-09:before { height:65%;}
.nav-my .ls-icon-10:before { height:60%; margin-top: 19%;}
.nav-my .ls-icon-14:before { height:60%; margin-top: 15%;}
.nav-my>ul>li { padding-left:1.5em; padding-right:1em; border-bottom:1px solid #d9dce7;}
.nav-my>ul>li>a { display:block; padding: 0.7em 0;}
.nav-my ul ul { margin: 0 0.2em 0.8em 0em; padding: 0.8em 2em; background:#f9fafe;}
.nav-my ul ul a { color:#848484; font-size: 0.9em; padding: 0.3em 0; }
.nav-my>ul { height:100%; overflow-y:auto }
.nav-my a {  display:block;}
.nav-my a:hover, .nav-my .active>a, .nav-my .active-sub>a { color:#00acd5; font-weight:600; }
.nav-my .active .ls-icon, .nav-my a:hover .ls-icon { filter: none; }
.nav-my .nav-last { display:none;}

/* mypage body base */
.my-page-bg { background:#f3f5fd; }
.content_inner-my { padding: 3em 0em 7em 0em; width:100%; position: relative;}
.container-my { font-size: 1rem; z-index:1;padding-top: 90px; }
.container-in-my { position: relative; padding-left: 245px; }
.head-box-01 h2 {text-align: left; font-size: 1.8rem}

/* mypage 카톡 */
.ls-cacao-my { position:fixed; left:0; right:0px; bottom:0em;z-index:3; display:block; }
.ls-cacao-my a {color:#381c1e; position: absolute; right:10px; bottom: 2.5em; display:block; background:#f7e409; width: 6em; height: 6em; padding-top:3.8em; border-radius: 5em; font-size: 0.9em; font-weight: 800; }
.ls-cacao-my a:after { content:''; position: absolute; top:1em; left:50%; transform: translateX(-50%); display:block; width: 2.5em; height:2.5em; background-repeat: no-repeat; background-size: contain; background-position: center center; }

/* mypage main */
.con-com-12 { position: relative; padding-left: 3em; padding-right:3em;}
.con-com-12 .ls-list-01 { background:#fff; border-radius: 1rem; text-align: left; display:flex; justify-content: start; align-items: stretch;}
.con-com-12 .ls-list-01 .ls-list {padding: 2em 2.5%; width: 25%; border-right:1px solid #f3f5fd}
.con-com-12 .ls-list-01 h3 { font-size: 1.5em; height: 3em;}
.con-com-12 .ls-list-01 h3 span { font-size: 1rem; color:#252525; display:inline-block;}
.con-com-12 .ls-list-01 .ls-icon { width: 35%; max-width: 90px; border-radius: 0.7em; display:inline-block;}
.con-com-12 .ls-list-01 .ls-icon img { max-width:100%;}
.con-com-12 .ls-list-01 .ls-list:nth-child(odd) .ls-icon { background:#e5f7fb;}
.con-com-12 .ls-list-01 .ls-list:nth-child(even) .ls-icon { background:#fdefe5;}
.con-com-12 .ls-list-01 a { display:inline-block; padding-right:0.1em; font-size: 4rem ;font-weight:800;}
.con-com-12 .ls-list-01 .ls-info { display:flex; justify-content: start; align-items: center;}
.con-com-12 .ls-list-01 .ls-num { padding-left:10%;}
.con-com-12 .ls-list-02 { flex-wrap: wrap; text-align: left; display:flex; justify-content: start; align-items: stretch; overflow:hidden; margin-right:-2.5rem;}
.con-com-12 .ls-list-02 .ls-list { margin-bottom: 2.5rem; border-radius: 1rem; background:#fff; width: calc(33.333% - 2.5rem); margin-right:2.5rem; border-right:1px solid #f3f5fd; border-bottom:1px solid #f3f5fd}
.con-com-12 .ls-list-02 .ls-img-01 img { border-radius: 1rem; width:100%; object-fit:cover; height:280px; }
.con-com-12 .ls-list-02 .ls-info { padding: 5%;}
.con-com-12 .ls-list-02 h4 { font-size: 1.2em;}
.con-com-12 .ls-list-02 .ls-day-pro {padding-top: 1em; display:flex; justify-content: space-between; align-items: center;}
.con-com-12 .ls-list-02 .day-co-01 { color:#00acd5}
.con-com-12 .ls-list-02 .day-co-02 { color:#eb6100}
.con-com-12 .ls-list-02 .day-co-03 { color:#848484}
.con-com-12 .ls-list-02 .ls-my-open { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;overflow:hidden; position: relative; text-align: center; display:flex; justify-content: center; align-items: center;}
.con-com-12 .ls-list-02 .ls-play:after { position: absolute; height:1px; width:100%; background:rgba(0,0,0,0.1); content:''; top:0; left:0;}
.con-com-12 .ls-list-02 .ls-room:after { position: absolute; height:1px; width:100%; background:rgba(0,0,0,0.1); content:''; top:0; left:0;}
.con-com-12 .ls-list-02 .ls-play { position: relative; height: 3.9rem; width: 50%;}
.con-com-12 .ls-list-02 .ls-room { position: relative; height: 3.9rem; width: 50%;}
.con-com-12 .ls-list-02 .ls-close { height: 3.9rem; padding: 1.2rem 0; background:#e7e9f3; color:#848484; width: 100%;}
.con-com-12 .ls-list-02 .ls-my-open a { display:flex; justify-content: center; align-items: center; height:100%;} 
.con-com-12 .ls-list-02 .ls-my-open a:hover { color:#fff; background:#004ea2}
.con-com-12 .ls-list-02 .ls-play a { color:#fff; background:#00acd5}
.con-com-12 .ls-list-02 .ls-play .ls-icon  { width: 1.5em; height:1em; position: relative; display:inline-block; }
.con-com-12 .ls-list-02 .ls-play .ls-icon:before { left:-3px; top:-3px; filter:grayscale(1); position: absolute; vertical-align: middle; display:inline-block; width:1.4em; height:1.3em; content:''; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.con-com-12 .ls-list-02 .close-edu { pointer-events: none; cursor:default }
.con-com-12 .com-box-02 { padding: 3.5em 0;}
.con-com-12 .head-box-01 { position: relative; padding-bottom: 2em;}
.con-com-12 .ls-more { position: absolute; right:0; top:0.5em;}
.con-com-12 .ls-more a { background:#fff; font-size: 0.9em; border-radius: 2em; padding: 0.35em 1em; border:1px solid #e5e5e5;}
.con-com-12 .ls-more a:hover { color:#fff; background:#00acd5; border-color:#00acd5;}
.con-com-12 .con-box-03 { position: relative; background:#fff; border-radius: 1rem; padding: 1.5% 0.5%; text-align: left;}
.con-com-12 .ul-box-01 a { display:flex; justify-content: start; align-items: center; padding: 1em 1em;}
.con-com-12 .ul-box-01 .ls-day { margin-left: auto; width: 20%; text-align: right; max-width: 7em;}
.con-com-12 .ul-box-01 .ls-title { white-space: nowrap;   display: block;    text-overflow: ellipsis;    overflow: hidden; width: 80%; }
.con-com-12 .ul-box-01 .ls-title span { display:inline-block}
.con-com-12 .ul-box-01 li { border-bottom:1px solid #e5e5e5;}
.con-com-12 .ul-box-01 li:last-of-type { border-bottom:0;}
.con-com-12 .con-box-02 { overflow: hidden;}

/* 수강현황 */
.con-com-13 { position: relative; padding-left: 3em; padding-right:3em;}
.con-com-13 .head-box-01 { position: relative; padding-bottom: 2em;}
.con-com-13 .con-box-01 { overflow: hidden;}
.con-com-13 .ls-list-01 { flex-wrap: wrap; text-align: left; display:flex; justify-content: start; align-items: stretch; overflow:hidden; margin-right:-2.5rem;}
.con-com-13 .ls-list-01 .ls-list { margin-bottom: 2.5rem; border-radius: 1rem; background:#fff;  width: calc(33.333% - 2.5rem); margin-right:2.5rem; border-right:1px solid #f3f5fd}
.con-com-13 .ls-list-01 .ls-img-01 img { border-radius: 1rem; width:100%; object-fit:cover; height:280px; }
.con-com-13 .ls-list-01 .ls-info { padding: 5%;}
.con-com-13 .ls-list-01 h4 { font-size: 1.2em;}
.con-com-13 .ls-list-01 .ls-day-pro {padding-top: 1em; display:flex; justify-content: space-between; align-items: center;}
.con-com-13 .ls-list-01 .day-co-01 { color:#00acd5}
.con-com-13 .ls-list-01 .day-co-02 { color:#eb6100}
.con-com-13 .ls-list-01 .day-co-03 { color:#848484}
.con-com-13 .ls-list-01 .ls-my-open { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;overflow:hidden; position: relative; text-align: center; display:flex; justify-content: center; align-items: center;}
.con-com-13 .ls-list-01 .ls-play:after { position: absolute; height:1px; width:100%; background:rgba(0,0,0,0.1); content:''; top:0; left:0;}
.con-com-13 .ls-list-01 .ls-room:after { position: absolute; height:1px; width:100%; background:rgba(0,0,0,0.1); content:''; top:0; left:0;}
.con-com-13 .ls-list-01 .ls-play { position: relative; height: 3.9rem; width: 50%;}
.con-com-13 .ls-list-01 .ls-room { position: relative; height: 3.9rem; width: 50%;}
.con-com-13 .ls-list-01 .ls-close { height: 3.9rem; padding: 1.2rem 0; background:#e7e9f3; color:#848484; width: 100%;}
.con-com-13 .ls-list-01 .ls-my-open a { display:flex; justify-content: center; align-items: center; height:100%;} 
.con-com-13 .ls-list-01 .ls-my-open a:hover { color:#fff; background:#004ea2}
.con-com-13 .ls-list-01 .ls-play a { color:#fff; background:#00acd5}
.con-com-13 .ls-list-01 .ls-play .ls-icon  { width: 1.5em; height:1em; position: relative; display:inline-block; }
.con-com-13 .ls-list-01 .ls-play .ls-icon:before { left:-3px; top:-3px; filter:grayscale(1); position: absolute; vertical-align: middle; display:inline-block; width:1.4em; height:1.3em; content:''; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.con-com-13 .ls-list-01 .close-edu { pointer-events: none; cursor:default }

.con-com-14 { position: relative; padding-left: 3em; padding-right:3em;}
.con-com-14 .head-box-01 { position: relative; padding-bottom: 2em;}
.con-com-14 .com-box-01 { border-radius: 1em; background:#fff;}
.con-com-14 .com-box-02 { margin-top:1.5em; border-radius: 1em; background:#fff;}
.con-com-14 .con-box-01 { display:flex; align-items: center; height:100%;}
.con-com-14 .ls-img-01 img { width:100%;}
.con-com-14 .ls-img-01 { max-width: 400px; width: 35%; border-radius: 1em; overflow:hidden;}
.con-com-14 .ls-info-01 {text-align: left; padding: 0% 3% 0% 3%;   width: 40%;}
.con-com-14 .ls-info-01 h3 { font-size: 1.4em; font-weight: 800;}
.con-com-14 .ls-pro-play {flex:auto; display:flex; padding-right: 2.5%; justify-content: space-between; align-items: center; margin-left: auto; width: 30%; max-width: 400px;}
.con-com-14 .ls-process { width: 48%;}
.con-com-14 .ls-play-room { margin-left: auto; width: 43%; }
.con-com-14 .ls-play-room a { padding-top: 18%; padding-bottom: 18%;  flex-direction: column; width:100%; font-size: 1.3em; font-weight: 600; border-radius: 0.8em;background:#00acd5; color:#fff;  display:flex; align-items: center; justify-content: center;}
.con-com-14 .ls-play-room a:hover { background:#004ea2}
.con-com-14 .ls-play-room a.close { background:#ddd; color:#fff;  }
.con-com-14 .ls-play-room a.close:hover { background:#000}
.con-com-14 .ls-play-room .ls-icon { height:2em; margin-bottom: 1em; clear: both; position: relative;}
.con-com-14 .ls-play-room span { width:100%; display:block;}
.con-com-14 .ls-play-room .ls-icon:before {width:100%; height:100%; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.con-com-14 .dl-box-01 { padding-top: 1.5em; width:100%;}
.con-com-14 .dl-box-01 h5 { font-size: 1.5rem; font-weight: 800; padding-bottom:1em; }
.con-com-14 .dl-box-01 dl {flex:auto; padding: 0.3em 0;   width: 100%;    line-height: 1.2em;    display: flex;  flex-wrap: wrap;    align-items: stretch;    position: relative; }
.con-com-14 .dl-box-01 dt {  width: 30%;   max-width: 90px; }
.con-com-14 .dl-box-01 dd {  width: 70%;}
.con-com-14 .com-box-02 { padding: 2em 2em 4em 2em;}
.con-com-14 .con-box-02 { text-align: left; line-height:1.6em; padding-bottom:3em; border-bottom:1px solid #d9dce7 }
.con-com-14 .con-box-03 { text-align: left; padding:3em 0; border-bottom:1px solid #d9dce7 }
.con-com-14 .head-box-02 { font-size: 1.25em;}
.con-com-14 .ls-txt-01 {  font-size: 0.95em; z-index: 1;  position: relative;  margin-top: -2em;  box-shadow: 3px 3px 10px rgba(0,0,0,0.07);    padding: 3.3em 1.7em 1.3em 1.7em;    border: 1px solid #e2e2e2;    background: #fff;    border-radius: 10px;}
.con-com-14 .ls-info-02 { padding-top: 1.5em; text-align: left;}
.con-com-14 .ls-info-02 details { padding-bottom:0.8em;}
.con-com-14 .ls-info-02 summary::marker {  content:''; }
.con-com-14 .ls-info-02 summary {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: 10px;}
.con-com-14 .ls-info-02 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-14 .ls-info-02 summary:after { content:''; width:1em; height:1em; 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-14 .ls-info-02 summary span { position: relative; color:#fff; font-size: 0.8em; text-align: center; vertical-align: middle; display:inline-block; border-radius: 50px; width: 1.8em; height:1.8em; font-weight: 600; line-height:2em; background:#37bede;}
.con-com-14 .con-box-04 { padding:3em 0; text-align:left; display:flex; align-items: stretch; justify-content: space-between; width:100%; }
.con-com-14 .con-box-04>div { width: 47%;}
.con-com-14 .ul-box-01 li { padding:1.5em 0; display:flex; justify-content: start; align-items: center; border-bottom:1px solid #e2e2e2}
.con-com-14 .ul-box-01 .ls-title span { display: inline-block;}
.con-com-14 .ul-box-01 .ls-title { line-height: 1.4em;}
.con-com-14 .ul-box-01 a { font-size: 0.9em; display:inline-block; margin-left: auto; background:#00acd5; text-align: center; border-radius: 20px; color:#fff; padding: 0.3em 1em; width:100%; max-width:90px }
.con-com-14 .ul-box-01 a:hover { background:#004ea2}
.con-com-14 .ls-btn { text-align: center; padding-top: 1.5em;}
.con-com-14 .ls-btn a { font-size: 1.1em; background:#fff; text-align: center; border:1px solid #00acd5; max-width:210px; color:#00acd5;  width:100%; border-radius: 30px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:1em 0px 1em 0; }
.con-com-14 .ls-btn a:hover { background:#00acd5; color:#fff;  }
/* 진도율 그래프 */
.con-com-14 .graph-box {    position: relative;}
.con-com-14 .ls-percentage tspan { font-size: 2.3em; font-weight: 800;}
.con-com-14 .ls-percentage {	fill: #00acd5;    font-size: 0.2em;    font-weight: 600;    text-anchor: middle;    letter-spacing: -0.3px;}
.con-com-14 .ls-unit {    text-anchor: middle;	font-size: 0.23em; font-weight:600;}
.con-com-14 .circular-chart {    display: block;    width: 100%;    max-width: 11em;    max-height: 11em;}
.con-com-14 .circle-bg {    fill: none;    stroke: #eee;    stroke-width: 0.8;}
.con-com-14 .circle {	stroke: #00acd5;    fill: none;    stroke-width: 0.8;    stroke-linecap: round;    animation: progress 1s ease-out forwards;}
/* 나의강의실 진도율*/
@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

/* 상세강의 */
.con-com-15 { position: relative; padding-left: 3em; padding-right:3em;}
.con-com-15 .head-box-01 { position: relative; padding-bottom: 2em;}
.con-com-15 .head-box-02 {text-align: left; padding-bottom:1.5em;}
.con-com-15 .head-box-02 h3 { font-size: 1.3em; font-weight:600;}
.con-com-15 .ls-vod-wrap { width: 100%; }
.con-com-15 .ls-vod-wrap { position:relative; height: 0; padding-bottom:56.25%; width:100%;  }
* html .con-com-15 .ls-vod-wrap { margin-bottom: 45px; margin-bottom: 0;  }
.con-com-15 .vod-item>iframe,
.con-com-15 .vod-item video,   
.con-com-15 .vod-item>div,
.con-com-15 .vod-item>embed,
.con-com-15 .vod-item>object {	z-index: 2;	position: absolute;	width: 100%; height: 100%;	left: 0;	top: 0;  }
.con-com-15 .con-box-02 { padding-top: 5em;}
.con-com-15 .com-box-01 { padding-bottom: 5em; border-bottom:1px solid #d9dce7}
.con-com-15 .com-box-02 { padding: 5em 0; border-bottom:1px solid #d9dce7}
.con-com-15 .com-box-03 { padding: 5em 0; }
.con-com-15 .con-box-03 .ls-txt-01 { line-height: 1.8em; text-align: left; }
.con-com-15 .con-box-03 img { max-width: 100%;}
.con-com-15 .con-box-03 .ls-img-01 p { padding-top: 2em; }
.con-com-15 .ls-pdf { width:100%; height: 50em;}
.con-com-15 .ls-pdf img { height:100%; width: 100%;}
.con-com-15 .ls-pdf-btn { text-align: left; padding-top: 1.5em; }
.con-com-15 .ls-pdf-btn span { display:inline-block;}
.con-com-15 .ls-pdf-btn a { font-weight:600; text-align: center; border-radius: 30px; line-height:1; border:1px solid #00acd5; display:block; padding: 0.8em 0; width:100%; width:150px }
.con-com-15 .ls-pdf-btn span:nth-child(1) a { background:#fff; color:#00acd5}
.con-com-15 .ls-pdf-btn span:nth-child(2) a { background:#00acd5; color:#fff}
.con-com-15 .ls-pdf-btn span a:hover {border-color:#004ea2; background:#004ea2; color:#fff;}
.con-com-15 .ls-pdf-box + .ls-pdf-box { padding-top: 4em;}
.con-com-15 .ls-pdf iframe { width:100%; height:100%; border:0px;}
.con-com-15 .con-box-05 { padding-bottom:5em;  text-align:left; display:flex; align-items: stretch; justify-content: space-between; width:100%; }
.con-com-15 .con-box-05 > div { padding: 2.5em 2.5em 1.5em 2.5em; border-radius: 15px; background:#fff;  border:1px solid #d9dce7; width: 48%;}
.con-com-15 .ul-box-01 a { padding:1em 0; display:flex; justify-content: start; align-items: center; border-bottom:1px solid #e2e2e2}
.con-com-15 .ul-box-01 h4 { padding-right: 20px; font-weight:400; display: inline-block; line-height: 1.4em;}
.con-com-15 .ul-box-01 .ls-file-btn { background:#00acd5; border-radius: 20px; width: 1.8rem; min-width: 1.8rem; height:1.8rem; font-size: 0; margin-left: auto;}
.con-com-15 .ul-box-01 a:hover .ls-file-btn { background:#004ea2}
.con-com-15 .ul-box-01 .ls-file-btn:before {width:100%; height:100%; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: 60%; }
.con-com-15 .ul-box-01 li:last-of-type a { border-bottom:0;}
.con-com-15 .ls-banner-box { text-align:left; display:flex; align-items: stretch; justify-content: space-between; width:100%; }
.con-com-15 .ls-banner-box > div { border-radius: 15px; background:#fff;  border:1px solid #d9dce7; width: 48%;}
.con-com-15 .ls-banner-box a { padding: 2.5em; width:100%; display:flex; align-items: center; justify-content: center;}
.con-com-15 .ls-banner .ls-quiz-btn {background:#00acd5; border-radius: 100px; width: 4.8rem; height:4.8rem; font-size: 0; margin-left: auto; }
.con-com-15 .ls-banner .ls-quiz-btn:before {width:100%; height:100%; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: 40%; }
.con-com-15 .ls-banner:hover .ls-quiz-btn, .con-com-15 .ls-banner:hover .ls-down-btn { background:#004ea2} 
.con-com-15 .ls-banner .ls-down-btn {background:#eb6100; border-radius: 100px; width: 4.8rem; height:4.8rem; font-size: 0; margin-left: auto; }
.con-com-15 .ls-banner .ls-down-btn:before {width:100%; height:100%; content:''; display:inline-block; vertical-align: middle; margin-right:0.5em; background-position: center center; background-repeat: no-repeat; background-size: 50%; }
.con-com-15 .ls-banner.no-quiz .ls-down-btn { background:#a3a6b2; }
.con-com-15 .ls-banner h4 { font-size: 1.5em;}
.con-com-15 .ls-banner p { padding-top: 0.5em; color:#848484;}
.con-com-15 .ls-banner .ls-icon { padding-right: 3%;}
.con-com-15 .ls-banner .ls-icon img { max-width:100%;}
.con-com-15 .ls-btn { text-align: center; padding-top: 5em;}
.con-com-15 .ls-btn a { font-size: 1.5em; color:#fff; text-align: center; border:1px solid #00acd5; max-width:310px; background:#00acd5;  width:100%; border-radius: 40px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.65em 0px 0.65em 0; }
.con-com-15 .ls-btn a:hover { background:#004ea2; border-color:#004ea2 }
.con-com-15 .ls-btn p { font-size: 1.5em; color:#fff; text-align: center; border:1px solid #ddd; max-width:310px; background:#ddd;  width:100%; border-radius: 40px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.65em 0px 0.65em 0; }

/* 게시판 목록 + 보기 */
.con-com-17 { position: relative; padding-left: 3em; padding-right:3em;}
.con-com-17 .head-box-01 { position: relative; padding-bottom: 2em;}
.con-com-17 .com-box-01 { border-radius: 1em; min-height: 65vh; padding:3em 1em 4em 1em; background:#fff;}
.con-com-17 .list-image { width:100%; text-align:left; padding:0 10px 10px 0px; }
.con-com-17 .list-image .t-img { width:100%; max-width:200px; height:100%; max-height:150px; object-fit: cover;}
.con-com-17 .ls-con-image { width:100%; text-align:center; margin:25px 0;}
.con-com-17 .ls-con-image img {max-width:100%;}
.con-com-17 .ls-con-image iframe { width:100%; max-width:1000px; height:550px; }

/* 게시판 보기 */
.ls-board-view {  border-top:2px solid #000; }
.ls-board-view .ls-view-head { border-bottom:1px solid #e2e2e2; padding-top:1.5em; padding-bottom:1.5em; padding-left: 15px; padding-right:15px; display:flex; justify-content: space-between; align-items: stretch; }
.ls-board-view .ls-view-head h3 { text-align: left; font-size: 1.5em; font-weight:800;}
.ls-board-view .ls-view-head .ls-day { text-align: right; min-width: 150px; padding-top: 0.5em;}
.ls-board-view .ls-view-con { border-bottom:1px solid #e2e2e2; text-align: left; padding: 1.5em 15px;}
.ls-board-view .ls-view-con img { position: relative; max-width: 100%;}
.ls-board-view .ls-view-con .ls-img-01 { margin:2em 0;}

/* 테이블 기본 */
.ls-total-box { height: 4em;display:flex; justify-content: space-between; align-items: center; padding-bottom: 1em;}
.ls-total-box .ls-total { text-align: left; padding-left: 10px; font-size: 0.9em;}
.ls-total-box .ls-write-btn a {  color:#fff; text-align: center; background:#eb6100;  width:100%; border-radius: 40px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.8em 1.5em 0.8em 1.5em;  }
.ls-total-box .ls-write-btn a:hover {background:#004ea2}
.ls-table-base .wdauto { width:auto;}
.ls-table-base .wd130 { width:130px;}
.ls-table-base .wd300 { width:300px;}
.ls-table-base .wd170 { width:170px;}
.ls-table-base .wd110 { width:110px;}
.ls-table-base .wd100 { width:100px;}
.ls-table-base span { display:inline-block;}
.ls-table-base table {table-layout: fixed; border-collapse: collapse; width:100%; border-top:2px solid #000;}
.ls-table-base thead th { text-align: center; border-bottom:1px solid #000;}
.ls-table-base th, .ls-table-base td { padding: 1em 10px;}
.ls-table-base .ta-left { text-align: left;}
.ls-table-base tbody td { border-bottom:1px solid #e2e2e2;}
.ls-table-base .txt-none { display:none;}
.ls-table-base .ls-btn-01 { width:100%;}
.ls-table-base .ls-btn-01 a { width:100%; text-align: center; display:inline-block; position: relative; font-size: 0.9em; border-radius: 20px; background:#00acd5; color:#fff; padding: 0.5em 0.7em 0.5em 0.7em; }
.ls-table-base .ls-btn-01 a:hover { background:#004ea2;}
.ls-table-base .ls-btn-01 .ls-icon:before {width: 1em; height: 1em;  content: '';    display: inline-block;    vertical-align: middle;    margin-right: 0.2em;    background-position: center center;    background-repeat: no-repeat;    background-size: 90%; }
.ls-table-base .ls-btn-01 .btn-none {width:100%;text-align: center;  display:inline-block; position: relative; font-size: 0.9em; border-radius: 20px; background:#e7e9f3; color:#848484; padding: 0.5em 0.7em 0.5em 0.7em; }
.ls-table-base .ls-btn-02 { display:flex; justify-content: space-between; align-items: center; width:100%;}
.ls-table-base .ls-btn-02 a { width:100%; line-height:1; text-align: center;  display:inline-block; position: relative; font-size: 0.9em; border-radius: 20px; padding: 0.6em 0.1em 0.6em 0.1em;  }
.ls-table-base .ls-btn-02 a+a { margin-left: 5px;}
.ls-table-base .ls-btn-02 a:hover { background:#004ea2; color:#fff;}
.ls-table-base .ls-btn-02 span { width:100%;line-height:1; text-align: center;  display:inline-block; position: relative; font-size: 0.9em; border-radius: 20px; padding: 0.6em 0.1em 0.6em 0.1em; }
.ls-table-base .ls-btn-02 .ing-01 { background:#00acd5; color:#fff}
.ls-table-base .ls-btn-02 .ing-02 { background:#848484; color:#fff}
.ls-table-base .ls-btn-02 .ing-03 { background:#e7e9f3; color:#848484;}
.ls-table-base .ls-btn-02 .ing-04 { background:#eb6100; color:#fff;}
.ls-table-base .ls-btn-02 .ing-05 { background:#ff0000; color:#fff;}
.ls-table-base .fs-09  { padding-top: 0.2em; font-size: 0.9em;}
.ls-btn-base { text-align: center; padding-top: 3em;}
.ls-btn-base a { color:#00acd5; text-align: center; border:1px solid #00acd5; max-width:150px; background:#fff;  width:100%; border-radius: 40px;  line-height:1; font-weight: 600; display:inline-block; position: relative; padding:0.8em 0px 0.8em 0; }
.ls-btn-base a:hover { background:#00acd5; border-color:#00acd5; color:#fff; }
.ls-btn-base-2 { text-align: center; padding-top: 3em;}
.ls-btn-base-2 a { color:#fff; text-align: center; border:1px solid #00acd5; 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; }
.ls-btn-base-2 a:hover { background:#004ea2;  border:1px solid #004ea2;}

/* 게시판 작성 */
.con-com-18 { position: relative; padding-left: 3em; padding-right:3em;}
.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 { padding-right:10px;  width: 90%;    }
.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: 10%; max-width: 130px; 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:flex; justify-content: space-between; align-items: stretch;}
.con-com-18 .member-box>div:nth-child(1) { width: 60%;}
.con-com-18 .member-box>div:nth-child(2) { width: 35%;}
.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 p { padding-bottom:0.8em;}
.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 { font-size: 0.9em; text-decoration: underline;}
.con-com-18 .ls-not-sns { margin-bottom: 2em; padding-bottom: 1em; border-bottom:1px solid #e2e2e2}
.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;}

/* 세부강의 */
.header-lms {z-index:3; position: fixed; height: 160px; width:100%; background:#fff; border-bottom:1px solid #d9dce7; padding-right: 520px; }
.header-lms .box_inner { height:84px; display:flex; padding-left:3em; padding-right: 2em; align-items: center; justify-content: space-between;}
.header-lms .nav-lang { display:flex; align-items: center;}
.header-lms .nav-lang p { margin-left: 3em;}
.header-lms .nav-lang a { line-height: 1; color:#848484; display:block; position: relative;}
.header-lms .nav-lang a:hover { color:#00acd5 }
.header-lms .nav-lang a:hover:before { filter:none; }
.header-lms .nav-lang a:before { margin-top:-1px; margin-right: 0.6em; filter:grayscale(1); position: relative; vertical-align: middle; display:inline-block; width:1.4em; height:1.2em; content:''; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.header-lms .menu_view a:after { color:#848484; }
.header-lms .menu_close a:after { color:#848484; font-size: 1.4rem;}
.header-lms h1 {text-align: left; font-weight:800;  font-size: 1.5em;}
.header-lms h1 span { margin-left: 4em; font-weight: 400; font-size: 0.9em; display:inline-block; background:#00acd5; border-radius: 50px; color:#fff; padding: 0.7em 1em}

/* 세부강의 진도율 그래프 */
.header-lms .graph-box { position: relative; width: 60%; }
.header-lms .circular-chart { display: block;  width: 100%;}
.header-lms .line-bg { fill: none;    stroke: #d9dce7;  stroke-linecap: round;  stroke-width: 6;}
.header-lms .line-bar {	fill: none;   stroke: #eb6100;  stroke-linecap: round;  stroke-width: 6;  animation: progress 1s ease-out forwards;}
.header-lms .process-box {width: 15em; max-width: 17em;}
.header-lms .ls-process {  display:flex; justify-content: center; align-items: center; }
.header-lms .process-box span { width:30%;}
/* 세부강의 상단메뉴 */
.header-lms .lms-menu { padding-left: 2em; padding-right:2em; height: 76px; border-top:1px solid #d9dce7; width:100%; }
.header-lms .lms-menu ul { flex:auto; height:100%; display:flex; justify-content: center; align-items: center;}
.header-lms .lms-menu span { display:inline-block;}
.header-lms .lms-menu a { padding: 0.5em 2em; font-weight:600; font-size: 1.1em;}
.header-lms .lms-menu span { padding-top: 0.4em; padding-bottom: 0.3em;    display: inline-block;    line-height: 1.4em;    border-bottom: 3px solid #fff}
.header-lms .lms-menu a:hover span, .header-lms .lms-menu .active span {    border-color: #00acd5}
.header-lms .lms-menu .active a {    color: #00acd5}
.header-lms .nav-open { display:none; margin-top: -1.5em; width: 2em; height: 2em; position: absolute; right:520px; }
.header-lms .nav-open a {  width:100%; height:100%; display:block;font-size:0; }
.header-lms .nav-open a:before { content:''; width:100%; height:100%; display:inline-block; background-repeat: no-repeat;  position: relative; background-size: 80%; background-position: center center;}

/* 세부강의 base */
.content_inner-lms { padding: 3em 0em 7em 0em; width:100%; position: relative;}
.container-lms { font-size: 1rem; z-index:1;padding-top: 160px; }
.container-in-lms { position: relative; padding-right: 520px; }

/* 세부강의 카톡 */
.ls-cacao-lms { position:fixed; left:0; transform: translateX(-3.5em); right:500px; bottom:0em;z-index:4; display:block; }
.ls-cacao-lms a {color:#381c1e; position: absolute; right:10px; bottom: 2.5em; display:block; background:#f7e409; width: 6em; height: 6em; padding-top:3.8em; border-radius: 5em; font-size: 0.9em; font-weight: 800; }
.ls-cacao-lms a:after { content:''; position: absolute; top:1em; left:50%; transform: translateX(-50%); display:block; width: 2.5em; height:2.5em; background-repeat: no-repeat; background-size: contain; background-position: center center; }

/* 세부강의 목차 */
.nav-lms { border-left:1px solid #d9dce7; text-align: left; z-index:3; background:#fff; position: fixed; height:100%; right:0; top:0; width: 520px;}
.nav-lms .nav-lms-head {padding-right:5%; padding-left:7%; height:84px; display:flex; justify-content: space-between; align-items: center;}
.nav-lms .nav-lms-head>span { width: 135px;}
.nav-lms .nav-lms-head a { color:#848484;}
.nav-lms .nav-lms-head .nav-lms-close {display:none; position:relative; top:0px; right:-10px; width: 40px; height: 40px; z-index: 5;}
.nav-lms .nav-lms-head .nav-lms-close a { text-align: center; position: relative; display: block; font-size:0;width: 100%; height: 100%;}
.nav-lms .nav-lms-head .nav-lms-close a:after { width: 100%; line-height: 1.4rem;  position: absolute;    left: 50%;    top: 55%;    transform: translate(-50%, -50%);    content: '\2715';    font-weight: 200;   font-size: 1.4rem;    z-index: 6}  

.nav-lms h2 {  font-size: 1.5em; font-weight:800}
.nav-lms .ls-icon {filter:contrast(0%) brightness(0%); opacity: 0.5; position: relative; display:inline-block;  width:2em; height:2em; vertical-align: middle;}
.nav-lms .ls-icon:before {  position: relative; display:inline-block; width:70%; height:70%; margin-top: 11%; content:''; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.nav-lms li { position: relative; border-bottom:1px solid #d9dce7; }
/*.nav-lms>ul>li:hover {border-bottom:0;}*/
.nav-lms li.active { border-bottom:0;}
.nav-lms>ul>li>a { position: relative; font-weight: 600; font-size: 1.1em; display:block; padding: 1.2em 0 1.2em 2rem;}
/*.nav-lms>ul>li:hover > ul { display:block;}*/
.nav-lms li li {line-height: 1.4em; display:flex; justify-content: start; align-items: stretch; padding: 1.2em 0.8rem 1.2em 2rem;}
.nav-lms ul ul { border-top:1px solid #d9dce7; background:#f9fafe;}
.nav-lms ul ul a:hover {text-decoration: underline; }
.nav-lms>ul { border-top:1px solid #d9dce7; height:calc(100% - 5em); overflow-y:auto;  }
.nav-lms .lms-icon {margin-top:0.3em; position: relative; margin-right:0.5em; display:inline-block; min-width: 0.8em; width:0.8em; height:0.8em; line-height:1; border-radius: 1em;}
.nav-lms .ing-lms .lms-icon:before { width: 100%; height:100%; content:''; position: absolute; left:0; top:0; 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='12px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(235, 97, 0)' d='M11.997,6.644 C11.996,6.672 11.993,6.701 11.990,6.730 C11.987,6.767 11.982,6.805 11.976,6.843 C11.974,6.858 11.970,6.873 11.968,6.889 C11.958,6.936 11.948,6.984 11.935,7.030 C11.934,7.037 11.931,7.044 11.929,7.051 C11.915,7.103 11.898,7.155 11.878,7.206 C11.877,7.210 11.875,7.213 11.873,7.217 C11.853,7.269 11.831,7.320 11.806,7.369 C11.803,7.375 11.800,7.381 11.797,7.387 C11.779,7.422 11.762,7.457 11.742,7.490 C11.735,7.503 11.726,7.514 11.718,7.526 C11.713,7.535 11.707,7.544 11.701,7.552 C11.674,7.594 11.645,7.635 11.615,7.675 C11.606,7.687 11.596,7.697 11.587,7.708 C11.559,7.744 11.529,7.779 11.497,7.813 C11.483,7.829 11.467,7.843 11.452,7.858 C11.424,7.885 11.397,7.913 11.367,7.939 C11.345,7.958 11.321,7.976 11.298,7.995 C11.274,8.014 11.250,8.034 11.225,8.052 C11.195,8.073 11.165,8.092 11.134,8.111 C11.113,8.125 11.093,8.139 11.071,8.151 C11.061,8.157 11.053,8.164 11.043,8.169 L2.846,12.756 C2.829,12.765 2.810,12.764 2.793,12.773 C2.600,12.875 2.391,12.944 2.166,12.975 C2.137,12.979 2.110,12.981 2.081,12.983 C2.018,12.989 1.958,13.001 1.893,13.001 L1.893,13.001 C1.731,13.000 1.577,12.973 1.426,12.934 C1.406,12.929 1.388,12.922 1.368,12.916 C1.154,12.853 0.955,12.758 0.779,12.630 C0.755,12.613 0.735,12.594 0.712,12.575 C0.541,12.438 0.394,12.276 0.279,12.089 C0.272,12.077 0.258,12.070 0.251,12.058 C0.230,12.021 0.219,11.982 0.200,11.945 C0.174,11.891 0.148,11.838 0.127,11.782 C0.105,11.723 0.087,11.664 0.071,11.604 C0.055,11.544 0.041,11.484 0.031,11.422 C0.022,11.363 0.017,11.305 0.014,11.246 C0.011,11.204 0.001,11.164 0.002,11.122 L0.055,1.858 C0.055,1.819 0.065,1.782 0.067,1.743 C0.071,1.680 0.077,1.618 0.088,1.555 C0.098,1.496 0.113,1.439 0.129,1.382 C0.146,1.320 0.164,1.259 0.188,1.199 C0.210,1.144 0.235,1.091 0.262,1.039 C0.281,1.002 0.293,0.963 0.314,0.927 C0.322,0.914 0.335,0.908 0.343,0.895 C0.460,0.709 0.609,0.547 0.783,0.412 C0.805,0.395 0.824,0.377 0.847,0.361 C1.026,0.233 1.228,0.139 1.446,0.078 C1.463,0.074 1.479,0.068 1.496,0.063 C1.648,0.026 1.804,-0.000 1.968,0.000 C2.034,0.001 2.097,0.014 2.162,0.021 C2.187,0.023 2.210,0.025 2.235,0.029 C2.464,0.062 2.678,0.136 2.873,0.242 C2.887,0.250 2.903,0.249 2.917,0.257 L9.993,4.321 C9.673,4.339 9.353,4.426 9.056,4.592 L5.952,6.329 L3.841,5.117 L3.825,7.907 L6.294,6.526 L9.159,4.922 C9.775,4.578 10.510,4.612 11.081,4.948 C11.116,4.968 11.149,4.990 11.182,5.013 C11.199,5.024 11.217,5.035 11.233,5.047 C11.275,5.077 11.315,5.110 11.353,5.142 C11.360,5.149 11.367,5.154 11.374,5.160 C11.419,5.200 11.462,5.243 11.503,5.287 C11.505,5.289 11.508,5.292 11.510,5.294 C11.601,5.392 11.684,5.500 11.754,5.621 C11.868,5.817 11.939,6.026 11.973,6.238 C11.974,6.239 11.974,6.239 11.974,6.239 C11.984,6.297 11.991,6.356 11.995,6.415 C11.996,6.424 11.997,6.433 11.997,6.441 C12.000,6.485 12.000,6.529 11.999,6.572 C11.999,6.596 11.999,6.620 11.997,6.644 Z'/%3E%3C/svg%3E");}
.nav-lms .close-lms, .nav-lms .close-lms a { color:#c1c1c2;}
.nav-lms .close-lms .lms-icon { background:#c1c1c2;}
.nav-lms .close-lms {pointer-events: none;    cursor: default }
.nav-lms .poss-lms .lms-icon { background:#00acd5;}
.nav-lms .poss-lms .lms-txt { color:#eb6100}
.nav-lms .ing-lms .lms-txt { color:#eb6100}
.nav-lms .ing-lms a { font-weight:600; color:#eb6100;}
/*.nav-lms .ing-lms .lms-txt {display:none;}*/
.nav-lms .lms-txt { font-size: 0.85em; margin-left: auto; min-width: 5em; text-align: right;}
.nav-lms>ul>li>a:after { content:''; position: absolute; right: 1rem; top:50%; transform: translateY(-50%); width: 1em; height:1em; 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='21px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M20.996,0.001 L10.500,10.674 L0.003,0.001 L0.003,1.324 L10.500,11.998 L20.996,1.324 L20.996,0.001 Z'/%3E%3C/svg%3E"); }
.nav-lms>ul>li.active>a:after { content:''; position: absolute; right: 1rem; top:50%; transform: translateY(-50%); width: 1em; height:1em; 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='21px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M20.996,11.999 L10.500,1.326 L0.003,11.999 L0.003,10.676 L10.500,0.002 L20.996,10.676 L20.996,11.999 Z'/%3E%3C/svg%3E");}
.nav-lms>ul ul { display:none;}
.nav-lms>ul>li.active ul { display:block;}
.nav-lms .nav-last a:after { display:none; }
.nav-lms .nav-last a { padding:0 10px; color:#fff; border-radius: 7px; text-align: center; background:#00acd5; padding-top: 0.6em; padding-bottom: 0.6em;}
.nav-lms .nav-last a:hover { background:#004ea2; }
.nav-lms .nav-last span {  filter: brightness(0) invert(1); opacity: 1;}
.nav-lms .nav-last { padding: 20px 10px; display:none; border:none; }

/* quiz */
.header-quiz { max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto; padding-top: 2em; padding-bottom: 2em;  }
.header-quiz .box_inner {display:flex; justify-content: space-between; align-items: center;}
.header-quiz h1 { font-weight:800; font-size: 3em;}
.container-quiz { max-width: 1280px; padding-left:20px; padding-bottom:2em; padding-right:20px; margin:0 auto;}
.quiz-con-box { text-align: left; background:#fff; border-radius: 1em; padding: 4.5em 5em;  }
.quiz-con-box .ls-img-01 img { max-width: 100%}
.quiz-box .quiz-que { padding-bottom:1em; font-size: 1.1em;}
.quiz-box .quiz-que b { top:0.2em; position: absolute; left:-2em}
.quiz-box > div { margin-top: 3em; margin-left: 2em; position: relative; }
.quiz-box .quiz-ul label { line-height: 1.4em; display: flex; align-items: start;}
.quiz-box .quiz-ul label span { vertical-align: middle;}
.quiz-box .quiz-ul label input { vertical-align: middle;}
.quiz-box input[type=checkbox], .quiz-box input[type=radio] { position: relative;    margin-top: 1.5px;    min-width: 18px;    height: 18px;    margin-right: 0.5em;}
.quiz-box textarea, .quiz-box input[type=text] { padding: 0.7em 0.7em;    border: 1px solid #e2e2e2;    border-radius: 5px;    width: 100%; }
.quiz-box textarea { height: 5em;}
.quiz-box .quiz-ul li { padding-bottom:1em;}
.quiz-box .quiz-answer {line-height: 1.4em; margin-top:1em; font-size: 0.9em; border-radius: 5px; padding: 1.5em; background:#f4f4f5 }
.quiz-box .quiz-answer ul { color:#848484;}
.quiz-box .quiz-answer li { position: relative; padding-left:0em; padding-top: 0.5em; line-height: 1.4em;}
.quiz-box .quiz-answer p { line-height: 1.6em }
/*.quiz-box .quiz-answer li:before { position: absolute; left:1px; top: 0.5em; content:'-'; display:inline-block; }*/
.quiz-box .quiz-call-blue { width:100%; background:blue; color:#fff; font-size:2em; font-weight:700; text-align:center; padding:15px; border-radius:10px; margin-top:20px; }
.quiz-box .quiz-call-red { width:100%; background:red; color:#fff; font-size:2em; font-weight:700; text-align:center; padding:15px; border-radius:10px; margin-top:20px; }
.container-quiz .quiz-btn {display:flex; padding: 4em 4%; justify-content: center; align-items: stretch;}
.container-quiz .quiz-btn span { margin:0 1%; width: 28%;}
.container-quiz .quiz-btn a { font-weight: 600; width:100%; position: relative; line-height:1; color:#fff; padding: 0.8em 0.5em 0.8em 0; border-radius: 50px; font-size: 1.4em; display:inline-block;}
.container-quiz .quiz-btn a:before { content:''; vertical-align: middle;  position: relative; margin-top: -0.2em; display:inline-block; width: 2em; height:1.1em; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.container-quiz .quiz-btn .quiz-replay a { background:#00acd5}
.container-quiz .quiz-btn .quiz-submit a { background:#eb6100}
.container-quiz .quiz-btn .quiz-down a { background:#9194a1}
.container-quiz .quiz-btn a:hover { background:#004ea2}
.container-quiz .quiz-close { border-radius: 1em; background:#e6e8f1; text-align: right; padding:1em 2em;  }
.container-quiz .quiz-close a { text-decoration: underline;}
.container-quiz .quiz-close a:hover { color:#00acd5}



/*게시판 : 인증현황 */
#news_list { width:100%; margin-left:10px;  }
#news_list .gl_list { display:inline-block; width:24%;   }
.bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
.bo_list1 li {width:100%; max-width:280px; height:450px; overflow:hidden; padding:10px; }
.bo_list1 .bo_image1 { width:100%; overflow:hidden; height:380px; border:1px solid #eee; }
.bo_list1 .bo_image1 img {object-fit: cover; height: 380px; width: 100%; padding:10px; }
.bo_list1 .bo_title1 {margin-top:20px; height:80px; text-align:center; }
.bo_list1 .bo_title1 .tt { font-size:1.05em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all;}
.bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
.bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
.vo_title1 { border-top:2px solid #000; border-bottom:1px solid #ccc; padding:50px 20px 40px 20px; text-align:center; margin-bottom:50px; margin-top:150px;  }
.vo_title1 .tt { font-size:1.7em; font-weight:600; margin-bottom:20px; }
.vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; }
.vo_list_btn1 { text-align:center; margin:80px 0; }
.vo_list_btn1 a { border:1px solid #eee; background:#b31c27; color:#fff; padding:15px 70px; font-weight:500; }
.vo_list_btn1 a:hover { background:#ccc; color:#000; }

/*게시판 : 일반 */
.bo_list2 { width:100%; }
.bo_list2 table {width:100%; border-collapse:collapse;}
.bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000;  padding:20px 7px; text-align:center; }
.bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; }
.bo_list2 table tbody td.text-center {text-align:center;}
.bo_list2 a:hover { color:#b31c27; }

#fboardlist {padding:0 10px;}
#bo_list2_search { margin:0 auto; text-align:center; margin-bottom:150px; padding:20px 0; }
#bo_list2_search select { width:120px; height:40px; border:1px solid #cfcfcf;  }
#bo_list2_search input[type=text] { width:300px; height:40px;  border:1px solid #cfcfcf; padding:0 10px; }
#bo_list2_search input[type=submit] { width:90px; height:40px;  border:1px solid #b31c27; color:#b31c27; background:#fff; }
#bo_list2_search input[type=submit]:hover { color:#fff; background:#b31c27; }

/* 사내소식 */
#news_list3 { width:100%; margin-left:10px;  }
#news_list3 .gl_list { display:inline-block; width:24%;   }
.bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
.bo_list3 li {width:100%; max-width:400px; height:380px; overflow:hidden; padding:10px; }
.bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; }
.bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; }
.bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; }
.bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; word-break: break-all; }
.bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }




/* 수강후기 목록 */
.con-com-09 { margin:0 auto; max-width: 1240px; margin:0 auto; position: relative; overflow:hidden; padding-top: 100px; padding-bottom: 7em;}
.con-com-09 .con-head { text-align: center; padding-left:20px; padding-right:20px; }
.con-com-09 .com-box-01 { max-width: 1280px; padding-left:20px; padding-right:20px; margin:0 auto; padding-bottom: 2em; padding-top: 5em; }
.con-com-09 .ls-list-box { padding-top: 2em; width:100%; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4%;}
.con-com-09 .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-09 .ls-list .ls-img-01 img { object-fit:cover; width:100%; height:100%; border-bottom:1px solid #eee; }
.con-com-09 .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-09 .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-09 .ls-list:hover .ls-more { opacity: 1;}
.con-com-09 .ls-list .ls-more { opacity: 0; z-index:2; font-size:0; position: absolute;  left:50%; top: 50%; transform: translate(-50%, -50%); }
.con-com-09 .ls-list .ls-more:after { content: '\253C';font-weight: 100; font-size: 2.4rem; color:#00acd5}
.con-com-09 .ls-list h3 { font-weight: normal; word-break: break-all; padding-top: 1em; padding-bottom:0.5em;}
.con-com-09 .ls-list a { text-align: left;}
.con-com-09 .ls-list .ls-ss { font-weight:600;}
.con-com-09 .ls-list .ls-ss span {padding-right: 1em; position: relative; }
.con-com-09 .ls-list .ls-ss-date span {font-size:0.8em; }
.con-com-09 .ls-list .ls-type { font-size: 0.8em; vertical-align: middle;}
.con-com-09 .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-09 .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-09 .con-box-02 .ls-more:hover:after { border-color:#3d81ff;}
.con-com-09 .con-box-02 .ls-more:hover { border-color:#3d81ff  }
.con-com-09 .ls-btn { text-align: center; padding-top: 3.5em;}
.con-com-09 .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-09 .ls-btn a:hover { background:#00acd5; color:#fff; }
.con-com-09 .more-info { padding:10px 20px; }

.con-com-091 { padding: 5em 0px 8em 0px; position: relative;}
.con-com-091 .com-box-01 {max-width: 1240px; padding-left:20px; padding-right:20px; margin:0 auto;}
.con-com-091 .slide-box { height:100%; display:flex; justify-content: start; align-items: stretch; flex-wrap: wrap; gap: 3.2%; }
.con-com-091 .ls-list a { position: relative; padding: 10%; text-align: left; border-radius: 10px; display:block; background:#fff; box-shadow: 1px 1px 7px rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.07)}
.con-com-091 .ls-list a:before { line-height:1em; font-family: 'Black Han Sans', 'Noto Sans KR', sans-serif!important; position:absolute; right: 10%; top:12%; font-size: 4rem; content:'\201D'; color:#e0e0e0;}
.con-com-091 .ls-list a:hover { background:#00acd5; color:#fff;}
.con-com-091 .ls-list {width: 31.2%; padding-bottom:3.2%;}
.con-com-091 .ls-tt { font-size: 1.1em; height:53px; padding-right: 14%; line-height: 140%; margin-bottom:1.5em;  text-overflow: ellipsis;  overflow: hidden;  word-break: normal;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical}
.con-com-091 .ls-ss { font-size: 0.85em; line-height: 140%; padding-top: 1.5em; margin-bottom: 15%; border-top:1px solid #e0e0e0;  text-overflow: ellipsis;  overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical }
.con-com-091 .ls-name { position: relative; padding-left: 1.2em;}
.con-com-091 .ls-name:after { filter: grayscale(1); position: absolute; content:''; left: 0%; top:0%; width:0.9em; height:100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.con-com-091 .ls-list a:hover .ls-name:after { filter: brightness(0) grayscale(1) invert(1);  }
.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-10 { margin:0 auto; max-width: 1240px; margin:0 auto; position: relative; overflow:hidden; padding-top: 120px; padding-bottom: 7em;}
.con-com-10 .con-head { text-align: center; padding-left:20px; padding-right:20px; }
.con-com-10 .com-box-01 {text-align: left;  display:flex; flex-wrap: wrap; justify-content: center; align-items: stretch; max-width: 1280px; padding-left:20px; padding-right:20px; margin:0 auto; padding-bottom: 2em; padding-top: 7em; }
.con-com-10 .con-box-01 { padding-right: 2em;}
.con-com-10 .con-box-02 { padding-left: 2em; }
.con-com-10 .con-box-01, .con-com-10 .con-box-02  { width: 50%;}
.con-com-10 .con-box-03 { width:100%;}
.con-com-10 .con-box-01 > div { border-bottom:1px solid #e8e8e8; padding-bottom: 2.5em;}
.con-com-10 .con-box-01 > div:not(:first-of-type) { padding-top: 2.5em;}
.con-com-10 .con-box-01 .ls-info { display:flex; justify-content: space-between; border-bottom:0; }
.con-com-10 .con-box-01 .ls-phone { display:flex; justify-content: center; align-items: center; width: 49%; border:1px solid #e8e8e8; border-radius: 7px;  font-size: 0.9em; padding: 1.7em 5px 1.7em 5px; position: relative;}
.con-com-10 .con-box-01 .ls-icon { width: 60px; height: 50px; position: relative; }
.con-com-10 .con-box-01 .ls-phone .ls-icon:before { content:''; left: 0px; position: absolute; display:inline-block; width: 50px; height: 50px; border-radius: 50%; background-color:#000; background-position: center center; background-size: 22px auto; 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='22px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M21.770,7.124 C21.698,7.197 21.611,7.256 21.513,7.297 C21.216,7.420 20.875,7.351 20.647,7.124 L19.478,5.956 L14.934,10.497 C14.624,10.807 14.121,10.807 13.811,10.497 L11.496,8.184 C11.186,7.874 11.185,7.371 11.496,7.062 L16.040,2.520 L14.871,1.352 C14.644,1.125 14.576,0.784 14.698,0.487 C14.821,0.191 15.111,-0.003 15.432,-0.003 L21.209,-0.003 C21.648,-0.003 22.003,0.352 22.003,0.791 L22.003,6.563 C22.003,6.778 21.916,6.979 21.770,7.124 ZM7.575,7.369 C6.996,8.757 7.865,9.394 7.865,9.394 L12.599,14.125 C12.599,14.125 13.236,14.993 14.626,14.415 L15.668,14.067 C15.668,14.067 16.884,13.199 18.389,14.703 L20.473,16.787 C20.473,16.787 22.153,18.233 20.763,19.853 L19.431,21.183 C19.431,21.183 17.752,23.324 13.005,20.663 C13.005,20.663 9.128,17.830 6.697,15.285 C4.152,12.855 1.322,8.989 1.322,8.989 C-1.341,4.244 0.801,2.566 0.801,2.566 L2.133,1.236 C3.754,-0.153 5.202,1.525 5.202,1.525 L7.286,3.608 C8.791,5.112 7.922,6.327 7.922,6.327 L7.575,7.369 Z'/%3E%3C/svg%3E");}
.con-com-10 .con-box-01 .ls-phone .ls-lg { padding-bottom:0.2em; font-size: 1.25em; font-weight: 700;}
.con-com-10 .con-box-01 .ls-cacao {   width: 49%; border-radius: 7px;position: relative; background:#ffde00}
.con-com-10 .con-box-01 .ls-cacao a {display:block; padding: 1.5em 5px 1.5em 5px; position: relative;display:flex; justify-content: center; align-items: center; }
.con-com-10 .con-box-01 .ls-cacao .ls-icon:before {content:''; left: 0px; position: absolute; display:inline-block; width: 50px; height: 50px;  position: absolute; display:inline-block; background-position: center center; background-size: contain; 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='54px' height='51px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M26.995,43.636 C25.338,43.636 23.715,43.514 22.140,43.284 L11.193,50.841 C11.051,50.956 10.882,51.011 10.713,51.011 C10.514,51.011 10.316,50.934 10.165,50.780 C9.957,50.566 9.885,50.253 9.980,49.965 L12.525,40.241 C4.991,36.370 -0.008,29.566 -0.008,21.818 C-0.008,9.769 12.082,-0.000 26.995,-0.000 C41.908,-0.000 53.998,9.769 53.998,21.818 C53.998,33.869 41.908,43.636 26.995,43.636 ZM16.079,15.597 L8.064,15.597 C7.314,15.597 6.910,16.217 6.910,16.801 C6.910,17.355 7.212,18.001 8.064,18.001 L10.781,18.001 L10.781,27.595 C10.781,28.447 11.276,28.977 12.072,28.977 C12.869,28.977 13.364,28.447 13.364,27.595 L13.364,18.001 L16.079,18.001 C16.933,18.001 17.236,17.355 17.236,16.801 C17.236,16.217 16.831,15.597 16.079,15.597 ZM26.894,27.158 L23.260,17.015 C22.922,16.039 22.221,15.479 21.336,15.479 C20.329,15.479 19.683,16.274 19.415,17.019 L15.665,27.176 C15.627,27.277 15.548,27.485 15.548,27.756 C15.548,28.441 16.106,28.978 16.819,28.978 C17.464,28.978 17.859,28.680 18.061,28.040 L18.640,26.254 L24.037,26.254 L24.601,28.060 C24.801,28.678 25.214,28.978 25.862,28.978 C26.522,28.978 27.040,28.476 27.040,27.836 C27.040,27.734 27.009,27.475 26.894,27.158 ZM35.481,26.793 C35.259,26.552 34.938,26.425 34.551,26.425 L30.969,26.425 L30.969,16.858 C30.969,16.007 30.475,15.479 29.678,15.479 C28.881,15.479 28.386,16.007 28.386,16.858 L28.386,27.367 C28.386,28.282 28.891,28.829 29.737,28.829 L34.551,28.829 C35.332,28.829 35.769,28.237 35.785,27.676 C35.804,27.345 35.693,27.023 35.481,26.793 ZM45.345,18.340 C45.459,18.206 45.565,18.087 45.661,17.979 C46.084,17.501 46.296,17.262 46.296,16.898 C46.312,16.121 45.685,15.697 45.061,15.680 C44.567,15.680 44.236,15.957 44.033,16.163 L39.484,21.013 L39.484,16.780 C39.484,16.002 38.965,15.479 38.193,15.479 C37.444,15.479 36.900,16.026 36.900,16.780 L36.900,27.715 C36.900,28.470 37.420,28.977 38.193,28.977 C38.929,28.977 39.484,28.435 39.484,27.715 L39.484,24.158 L40.412,23.190 L43.806,27.921 C44.304,28.610 44.572,28.916 45.049,28.966 C45.116,28.973 45.184,28.976 45.251,28.976 C45.528,28.976 46.439,28.902 46.540,27.940 C46.609,27.401 46.294,26.981 45.914,26.474 L42.235,21.548 L45.345,18.340 ZM21.311,17.901 C21.319,17.876 21.353,17.876 21.361,17.901 L23.310,23.913 L19.365,23.913 L21.311,17.901 Z'/%3E%3C/svg%3E");}
.con-com-10 .con-box-01 .ls-cacao b { display: block;}
.con-com-10 h4 { padding-bottom: 1em; font-size: 1.4em;}
.con-com-10 .ls-check-box {    display: flex;    justify-content: flex-start;  align-items: stretch; margin-right: -7px;}
.con-com-10 .ls-check-box a { text-align: center; display:block; margin-right: 7px; margin-bottom: 7px;  width: calc(25% - 7px);  font-size: 0.9em;  width: 100%; display: flex;    text-align: center;    justify-content: center;    align-items: center;    cursor: pointer;
    min-height: 16.666%;    background: #fff;    border: 1px solid #e2e2e2;    color: #000;    border-radius: 8px;    line-height: 1em;    padding: 1.4em 0rem 1.4em 0rem;    position: relative;}
.con-com-10 .ls-check-box a:hover, .con-com-10 .ls-check-box a.active {   color: #fff;  background: #3d81ff; font-weight: 600;}
/* .con-com-10 .ls-check-box .list {   margin-right: 7px;    margin-bottom: 7px;}
.con-com-10 .ls-check-box.checkbox-04 .list {  width: calc(25% - 7px);   }
.con-com-10 .ls-check-box input[type="radio"], .ls-check-box input[type="checkbox"] { display:none;}
.con-com-10 .ls-check-box label { font-size: 0.9em;  width: 100%; height:100%;   display: flex;    text-align: center;    justify-content: center;    align-items: center;    cursor: pointer;
    min-height: 16.666%;    background: #fff;    border: 1px solid #e2e2e2;    color: #000;    border-radius: 8px;    line-height: 1em;    padding: 1.4em 0rem 1.4em 0rem;    position: relative;}
.con-com-10 .ls-check-box input[type="radio"]:checked + label, .con-com-10 .ls-check-box input[type="checkbox"]:checked + label {    background: #3d81ff;    color: #fff!important;    font-weight: 600;   border: none;}
.con-com-10 .ls-check-box input[type="radio"]:checked + label strong, .con-com-10 .ls-check-box input[type="checkbox"]:checked + label strong {   color: #fff;} */
.con-com-10 .con-box-02 dl { padding-bottom: 0.5em;}
.con-com-10 .con-box-02 dt { font-size:0; width:0;}
.con-com-10 .con-box-02 dd { width:100%;}
.con-com-10 .con-box-02 input:not([type="checkbox"]), .con-com-10 .con-box-02 textarea { font-size: 0.9em; width:100%; border-radius: 7px; border:1px solid #e6e6e6; padding: 1em; line-height:1em;}
.con-com-10 .con-box-02 input::placeholder { color:#a9a9a9}
.con-com-10 .con-box-02 textarea { height: 150px;}
.con-com-10 .con-box-02 .ls-box-02 label { font-size: 0.9em; padding-top: 1em; display:flex; justify-content: start;align-items:center;}
.con-com-10 .con-box-02 .ls-box-02 label>span { position: relative; top:-2px;padding-left:10px; vertical-align: middle;}
.con-com-10 .con-box-02 .ls-box-02 input[type=checkbox] { display:inline-block; vertical-align: middle; min-width:18px; width: 20px; height: 20px; margin-top:0px;}
.con-com-10 .con-box-02 .ls-box-02 textarea { color:#a9a9a9}
.con-com-10 .ls-btn { padding-top: 2em; text-align: center;}
.con-com-10 .ls-btn a {font-weight: 500; display:inline-block; font-size: 1.4em; color:#fff; border-radius:7px; background:#00acd5; line-height: 1em; padding:1em 1em; width:100%; max-width: 350px;}

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


/* 20240426 높이고정 조절 */
.scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img { min-height:970px;  }
.scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img { min-height:920px;  }
.scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img { min-height:900px; } 
.scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img { min-height:900px;  } 
.scroll-box-5, .scroll-box-5 .ls-slide-backgrounds, .scroll-box-5 .ls-slide-backgrounds img { min-height:900px;  } 
.main-image-class { margin:0 auto; padding:50px 0;}  
.main-image-class img {  max-width:1920px;}
.main-image-class iframe { width:1240px; height: 700px; padding:50px 20px; }
.bg-color-1 {background:#fff;}
.bg-color-2 {background:#000;}
.bg-color-3 {background:#e9ebef; }
.bg-color-4 {background:#e5f2f4; }


/* 레이어박스 */
.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");}


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

 	/* mypage */
	.con-com-12 .ls-list-02 .ls-list { width: calc(25% - 2.5rem)}

	.con-com-13 .ls-list-01 .ls-list { width: calc(25% - 2.5rem)}

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


}

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

	.con-com-12 .ls-list-01 .ls-list { padding: 1.5em 0em 1.5em 2.5%}
	.con-com-12 .ls-list-01 a { font-size: 3.2em}

	.con-com-14 .ls-info-01 h3 { font-size: 1.15em;}
	.con-com-14 .dl-box-01 { padding-top: 1em}

	
	.ls-table-base .ls-btn-02  { flex-wrap: wrap; }
	.ls-table-base .ls-btn-02 a { margin-top: 4px;}
	.ls-table-base .ls-btn-02 a+a { margin-left:0;}
	.ls-table-base .wd170 { width:110px;}

}

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

	.scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img { min-height:800px; height:800px; }
	.scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img { min-height:900px; height:900px; }
	.scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img { min-height:800px; height:800px; } 
	.scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img { min-height:700px; height:700px; } 
	.scroll-box-5, .scroll-box-5 .ls-slide-backgrounds, .scroll-box-5 .ls-slide-backgrounds img { min-height:800px; height:800px; } 

	.scroll-box-4 .ls-box-in { height:700px;}
	
	.container { font-size: 1.1rem;}

	.scroll-box-3 .ls-list a:before { font-size: 3.6rem; top: 11%;}

	.con-com-01 .ls-list { width:calc(25% - 1.5rem); margin-right:1.5rem;}
	.con-com-01 .ls-list-box { margin-right: -1.5rem}

	/* mypage */
	.head-box-01 h2 { font-size: 1.6rem}
	.container-my { font-size: 0.95rem; }

	.con-com-12 .ls-list-01 a {font-size: 2.6em}
	.con-com-12 .ls-list-02 { margin-right: -1.7rem}
	.con-com-12 .ls-list-02 .ls-list {  margin-bottom: 1.7rem; width:calc(33.333% - 1.7rem); margin-right: 1.7rem;}
	.con-com-12 .ls-list-02 .ls-my-open>span { height: 3rem;}
	.con-com-12 .ls-list-02 .ls-close { padding-top: 0.95rem}
	.con-com-12 .ls-list-02 .ls-img-01 img {  object-fit:cover; height:150px; }

	.con-com-13 .ls-list-01 { margin-right: -1.7rem}
	.con-com-13 .ls-list-01 .ls-list {  margin-bottom: 1.7rem; width:calc(33.333% - 1.7rem); margin-right: 1.7rem;}
	.con-com-13 .ls-list-01 .ls-my-open>span { height: 3rem;}
	.con-com-13 .ls-list-01 .ls-close { padding-top: 0.95rem}
	.con-com-13 .ls-list-01 .ls-img-01 img {  object-fit:cover; height:150px; }

	.con-com-14 .ls-unit { font-size: 0.3em;}
	.con-com-14 .ls-percentage { font-size: 0.25em }
	.con-com-14 .ls-play-room .ls-icon { height: 1.5em;}
	.con-com-14 .ls-play-room a { font-size: 1.2em}

	.con-com-091 .ls-list a:before { font-size: 3.6rem; top: 11%;}

	/* 상세강의*/
	.header-lms { padding-right: 300px; font-size: 0.95rem}
	.container-in-lms { padding-right: 300px;}
	.container-lms { font-size: 0.95rem; }
	.ls-cacao-lms { right: 300px; transform: translateX(-2em);}
	.nav-lms { width: 300px; font-size: 0.95rem; display:none;}
	.nav-lms>ul>li>a { padding-left: 1rem;}
	.nav-lms li li { padding-left: 1rem;}
	.nav-lms .lms-txt { width: 100%;}
	.nav-lms li li { flex-wrap: wrap;}
	.nav-lms li li a { width: 90%;}
	.nav-lms .lms-txt { padding-top: 0.5em; padding-left:1.3rem; text-align: left;}
	.nav-lms .nav-lms-head>span { width: 125px; text-align: right;} 
	.nav-lms .nav-lms-head { padding-left: 1rem;}
	.nav-lms .ls-icon:before { margin-right: 0.5em;}

	.con-com-15 .ls-banner-box a { padding: 1.5em;}

	.ls-table-base .wd130 { width:105px;}
	.ls-table-base .wd300 { width:280px;}
	.ls-table-base th, .ls-table-base td { padding-left:5px; padding-right:5px;}
	.ls-total-box .ls-total { padding-left: 8px}
	
	.ls-table-base .wd100 { width:90px;}
	
	.con-com-17 .com-box-01 { padding:2em 2em 4em 2em; background:#fff;}

	.con-com-18 .com-box-01 { padding:2em 2em 4em 2em; background:#fff;}
	

}

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

	

	
	.scroll-box-4 .ls-txt-01 { font-size: 1.5em;}
	.scroll-box-4 .ls-list-box strong { font-size: 1.8em;}

	.ls-teacher-box .ls-cate { font-size: 1.8rem;}
	.ls-teacher-box h3 { font-size: 3.4rem;}

	/* mypage */
	.container-my { font-size: 0.9rem; }

	.con-com-12 .ls-list-01 h3 { font-size: 1.3em;}
	.con-com-12 .ls-list-01 h3 span { font-size: 0.9rem;}

	.con-com-14 .ls-unit { font-size: 0.35em; transform: translateY(-2px);}
	.con-com-14 .ls-percentage {  font-size: 0.3em }
	.con-com-14 .ls-play-room .ls-icon { height: 1.3em;}
	.con-com-14 .ls-play-room a { font-size: 1.1em}
	.con-com-14 .dl-box-01 { padding-top: 0.5em;}
	.con-com-14 .ul-box-01 .ls-title span { padding-bottom:0.5em; width:100%; display:block;}	

	/* 세부강의 */
	.con-com-15 .con-box-05 { flex-wrap: wrap;}
	.con-com-15 .con-box-05 > div { width:100%; padding: 2em 2em 1.5em 2em;}
	.con-com-15 .con-box-05 .ls-box-02 { margin-top: 1em;}
	.con-com-15 .ls-banner-box { flex-wrap: wrap;}
	.con-com-15 .ls-banner-box > div { width:100%;}
	.con-com-15 .ls-banner-box .ls-banner:nth-child(2) { margin-top: 1em;}

	/* .ls-table-base table colgroup { display:none;} */
	.ls-table-base .wd100 {width: 80px;}
	.ls-table-base .wd170 {width:90px;}
	.ls-table-base .wd130 { width:95px;}

}

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

2025 04 03 아이패드 에어4 1180 px 사이즈 이슈로 1024 기준을 1180 으로 변경경
*/
@media all and (max-width : 1180px){ 

	.scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img { min-height:800px; height:800px; }
	.scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img { min-height:900px; height:900px; }
	.scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img { min-height:800px; height:800px; } 
	.scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img { min-height:900px; height:900px; } 
	.scroll-box-5, .scroll-box-5 .ls-slide-backgrounds, .scroll-box-5 .ls-slide-backgrounds img { min-height:800px; height:800px; } 

	.scroll-box-4 .ls-box-in { height:900px;}

	header .box_inner { padding-right:20px; padding-left:20px;}

	.header-edu h1 img { height: 25px;} 
	.header-edu .d-md-none { display:none;}
	.header-edu .d-lg-none { display: block;}
	.header-edu { height: 65px;}
	.header-edu .box_inner { padding-top:0; padding-left: 20px; padding-right:20px;}
	.header-edu .ls-login a:after { width: 20px; height: 20px;}
	
	.menu-scroll .nav_wrap { display:none;}

	.container { font-size: 1rem;}

	.scroll-box-1 .ls-info1 { font-size: 1em;}
	.scroll-box-1 .ls-btn a { font-size: 1em;}

	.scroll-box-3 .ls-list a:before { font-size: 3rem; }

	.scroll-box-4 .ls-list-box strong { font-size: 2em;}
	.scroll-box-4 .ls-txt-01 { font-size: 1.4em;}

	.ls-teacher-box { padding-top: 60px;}

	.con-com-02 .ls-guide-04 .ol-box-01 { padding-left:0;}
	.con-com-02 .ls-guide-05 .ls-list a:before { font-size: 2rem; }

	
	/* mypage */
	
	.header-my h1 img { height: 25px;}
	.header-my { height: 65px; padding-left:20px; padding-right:20px; }
	.header-my h1 span { font-size: 0.75em; margin-left: 1em; }
	.header-my .nav-lang .ls-login, .header-my .nav-lang .ls-mypage { display:none}
	.header-my .menu_close { display:block;}
	.header-my .menu_view { display:block}

	.container-in-my { padding-left: 0px;}
	.content_inner-my { padding-top: 10px;}
	.container-my { padding-top: 80px;}

	.nav-my { padding-top: 65px;  display: none; width: 100%; max-width: 340px; right:0; left: auto; box-shadow: -3px -3px 7px rgba(0,0,0,0.07)}
	.nav-my .nav-last { display:block;}
	.nav-my a {font-size: 1.2em;}
	.nav-my ul ul a { font-size: 1.1em;}
	.nav-my ul ul { padding-left:2.4em;}

	.con-com-12 .ls-list-01 h3 span { font-size: 0.8rem;}
	.con-com-12 { padding-left: 20px; padding-right:20px;}

	.con-com-13 { padding-left: 20px; padding-right:20px;}

	.con-com-14 { padding-left: 20px; padding-right:20px;}

	.con-com-091 .ls-list a:before { font-size: 3rem; }

	/* 세부강의 */
	.container-lms { font-size: 0.9rem; padding-top:145px; }
	.container-in-lms { padding-right: 0px;}
	.header-lms {height: 145px; font-size: 0.9rem; padding-right:0;}
	.header-lms h1 { width:100%;}
	.header-lms .box_inner { flex-wrap: wrap; height: 85px; padding-left:20px; padding-right:20px;}
	.header-lms .lms-menu { height: 60px;}
	.header-lms h1{ width:100%; /*margin-top: auto;*/ margin-right: 3em;}
	.header-lms .process-box { text-align: left; margin-bottom:auto; width: 200px; padding-top: 10px;}
	.header-lms .process-box span { text-align: left;}
	.header-lms .graph-box { margin-right: 1em;}
	.header-lms .nav-open { right:20px; display:block;}
	.header-lms .lms-menu { padding-left:20px; padding-right:20px;}
	.nav-lms { font-size: 0.85rem;}
	.nav-lms .nav-lms-head { height: 65px; padding-left: 1rem;}
	.nav-lms .nav-lms-head>span { display:none;}
	.nav-lms .nav-lms-head .nav-lms-close { display:block;}
	.nav-lms>ul>li>a { padding-top:0.9em; padding-bottom:0.9em;}
	.nav-lms .lms-txt { padding-left: 1.1rem;}
	.nav-lms .nav-last { display:block;}
	.ls-cacao-lms { right: 10px; transform: translateX(0);}
	
	.con-com-15 .ls-pdf-btn { text-align: left; padding-top:0;}
	.con-com-15 { padding-left: 20px; padding-right:20px;}

	.con-com-17 { padding-left: 20px; padding-right:20px;}
	.con-com-17 .list-image .t-img { width:100%; max-width:100%; height:100%; max-height:250px; object-fit: cover;}

	.con-com-18 { padding-left: 20px; padding-right:20px;}

	.ls-table-base table colgroup { display:table-column-group;}
	.ls-table-base .wd110 { width: 95px;}
	.ls-table-base .wd170 { width: 100px;}

	.quiz-con-box { font-size: 0.95em; padding: 2em 2em 3em 2em;}
	.header-quiz h1 { font-size: 2em}
	.header-quiz img { height: 25px}
	.header-quiz { padding-bottom: 1em;}
	.quiz-box > div { margin-top: 2em;}
	.quiz-box .quiz-que b { left: -1.8em;}
	.container-quiz .quiz-btn { font-size: 0.8em;}

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

}

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

	.container { font-size: 0.9rem;}

	footer .foo-box-in { font-size: 0.8em; text-align: center; display:block;}
	footer .foo-head-box { margin-right:0;}
	footer .logo { padding-bottom:2.5em; text-align: center;}
	footer .col-box { text-align: left;  }	
	footer .logo img { height: 30px;}

	.page-top { width: 3em; height: 3em;}
	.scroll-page-top { top: 20px;}
	
	.scroll-box-3 button:after { height: 70%;}
	.scroll-box-3 button { width: 40px;}
	.scroll-box-3 .slide-in { padding: 0 50px;}

	.scroll-box-5 button:after { height: 70%;}
	.scroll-box-5 button { width: 40px;}
	.scroll-box-5 .slide-in { padding: 0px;}

	.ls-teacher-box .ls-cate { font-size: 1.3rem;}
	.ls-teacher-box h3 { font-size: 2.4rem;}
	.ls-teacher-box .dl-box-01 { padding-right: 5%; padding-left:5%;}
	.ls-teacher-box .ls-lec-03 dt { padding-right:10px; width: 27%;}
	.ls-teacher-box .ls-lec-03 dd { width: 73%;}
	
	.con-com-02 .ls-txt-01 { font-size: 1.7em;}
	.con-com-02 .dl-box-01 h5 { font-size: 1.3rem;}
	.con-com-02 .head-box { padding-bottom: 2em;}
	.con-com-02 .ls-guide-04 h5 { font-size: 1.3rem;}

	.con-com-03 .ls-img-01 { width: 100%; max-width:100%;}
	.con-com-03 .ls-info-01 { flex-wrap: wrap;}
	.con-com-03 .ls-info { width:100%; padding-left:0; padding-top: 1em;}
	.con-com-03 .dl-box-02 dt { min-width: 100px;}
	
	/* 상세강의 */
	.con-com-15 .ls-pdf { height: 40em;}

	.ls-table-base .wd170 { width: 100px;}

	.con-com-12 .ls-list-02 .ls-list {  margin-bottom: 1.7rem; width:calc(50% - 1.7rem); margin-right: 1.7rem;}
	.con-com-12 .ls-list-02 .ls-img-01 img {  object-fit:cover; height:200px; }
	.con-com-13 .ls-list-01 .ls-list {  margin-bottom: 1.7rem; width:calc(50% - 1.7rem); margin-right: 1.7rem;}
	.con-com-13 .ls-list-01 .ls-img-01 img {  object-fit:cover; height:200px; }

	
	.layer-box { font-size: 0.9em;}
	
}
@media all and (max-width : 820px){

	.scroll-box-4 .ls-box-in { flex-wrap: wrap;}
	.scroll-box-4 .ls-box-01 { height: 63%; padding-top: 7em; padding-bottom: 3em; padding-right:20px; padding-left: 20px; width:100%;}
	.scroll-box-4 .ls-box-02 { height: 37%; width:100%;}
	.scroll-box-4 .ls-list-box { flex-wrap: wrap; display:flex;justify-content: center; align-items: center;}
	.scroll-box-4 .ls-list:nth-child(1) { width:100%;}
	.scroll-box-4 .ls-list:nth-child(2) {width: 50%;} 
	.scroll-box-4 .ls-list:nth-child(3) {width: 50%;} 
	.scroll-box-4 .ls-list:nth-child(1):after { display:none;}
	.scroll-box-4 .ls-list:after { left: auto; right:0; top: 35%; transform: translateY(-40%); bottom:auto;}
	.scroll-box-4 .ls-img-01 {width:80%; margin:0 auto; height: auto; padding-bottom: 1em;}
	.scroll-box-4 .ls-img-01 img { height:100%; max-height: 180px; width:auto; max-width: none;}
	.scroll-box-4 .ls-info { height: 100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
	.scroll-box-4 .ls-list { padding: 1.5em 0}
	.scroll-box-4 .ls-box-02:before {width: calc(100% - 30px); height: calc(100% - 30px); left:15px; top:15px; }
	
	/* mypage */
	.con-com-14 .con-box-02 {font-size: 1.1em;}
	.con-com-14 .ls-info-01 { padding-right: 2%;}
	.con-com-14 .ls-pro-play { width: 25%;}
	.con-com-14 .ls-info-01 { width: 40%;}


	.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){ 

		#videobcg {
			background:#000;
			position: relative;
			top: 0;
			left: -500px;
			min-height: 720px;
			height: 720px;
			z-index: -1000;
			overflow: hidden;
		}

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

	.scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img { min-height:720px; height:720px; }
	.scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img { min-height:720px; height:720px; }
	.scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img { min-height:640px; height:640px; } 
	.scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img { min-height:800px; height:800px; } 
	.scroll-box-5, .scroll-box-5 .ls-slide-backgrounds, .scroll-box-5 .ls-slide-backgrounds img { min-height:640px; height:640px; } 
	
	/*************************/
	.main-image-class {  max-width:1920px; width:100%; padding:50px 0px;}
	.main-image-class img {  max-width:1920px; width:100%; }
	.main-image-class iframe { width:100%; height: 250px; padding:0 20px; }
	/*************************/

	.scroll-box-4 .ls-box-in { height:800px;}

	.container { font-size: 0.8em;}

	.con-head { font-size: 1em;}
	.con-head h3 { font-size: 2.4em;}

	.ls-cacao a { border-radius: 10px; font-size: 0.7em; padding-bottom: 10px; padding-right:2px; padding-left:2px; text-align:center;}
	.ls-cacao a:after { width: 2.6em;}

	.snb-bg { height: 280px; }
	.snb-bg .ls-slide-texts .ls-head { font-size: 2.8em; letter-spacing: -0.1px;}
	.snb-bg .ls-slide-texts .ls-txt { font-size: 1.05em; line-height: 1.4em; }
	.snb-bg .ls-slide-backgrounds img { object-position: center bottom;}

	.snb-title { padding-top: 70px; padding-bottom: 20px; font-size: 2.5em}

	.snb-tab-box li .ls-icon { width: 0.8rem; height: 0.8rem; margin-right: 0.5rem} 
	.snb-tab-box { overflow: hidden; padding-top:3em; padding-bottom:3em; }
	.snb-tab-box ul { width: calc(100% + 2em);  flex-wrap: wrap;}

	.snb-md { font-size: 0.9rem; }
	.snb li a:after { display: none;}
	.snb li a {font-size: 1.3em;}
	.snb li a:before { height:20px; width:1px; position: absolute; right:0; content:''; top:25px; background:#c8c8c8;}
	.snb li:last-of-type a:before { display:none;} 
	.snb.snb-01 li { max-width: none;}

 
	.scroll-box-1 .ls-head img { width:100%;}
	.scroll-box-1 .ls-slide-texts { padding-left:40px; max-width: 400px; padding-right:40px;}
	.scroll-box-1 .ls-info1 { font-size: 1.2em; line-height: 1.6em;}
	.scroll-box-1 .ls-btn span { width: 47%;}
	.scroll-box-1 .ls-btn a { font-size: 1.1em; padding: 0.85em 0 0.9em 0;}

	.scroll-box-2 .ls-list { min-width: 280px; width: 280px;}
	.scroll-box-2 .ls-list .ls-img-01 { width:100%; height: auto;}
	.scroll-box-2 .ls-info { font-size: 1.2em;  }

	.scroll-box-2 .ls-list .ls-img-01 img {  height:180px; }
	.scroll-box-2 .ls-list .ls-info {  height:260px;  margin-top: -11%; }

	.scroll-box-3 .ls-list a { height:250px;}

	.scroll-box-4 .ls-list-box { font-size: 0.85em; }
	.scroll-box-4 .ls-txt-02 { padding-top: 1.5em; font-size: 0.95em;}

	.scroll-box-5 .ls-list {  width: 280px; height:220px; padding-top:0px; }
	.scroll-box-5 .ls-list a { margin:0 10px;}

	/* sub */
	.con-com-01 .ls-search input { padding: 0.5em 1.6em; font-size: 1rem;}
	.con-com-01 .ls-search-go .ls-icon:after { width: 50%; height: 50%;}
	.con-com-01 .ls-edu-list { padding: 2em 0;}
	.con-com-01 .com-box-01 { margin-top: -7em;}
	.con-com-01 .ls-edu-list li { padding-bottom: 0.5rem;}
	.con-com-01 .ls-list { width:calc(50% - 0.6rem); margin-right:0.6rem; margin-bottom: 0.7rem;}
	.con-com-01 .ls-list-box { margin-right: -0.6rem}
	.con-com-01 .ls-list .ls-money { font-size: 0.9em; padding-top: 0.7em;}
	.con-com-01 .ls-list .c-money span { margin-top:2px;}
	.con-com-01 .ls-list .t-money { padding-left: 0.1em}
	.con-com-01 .ls-list .ls-info { padding-left:1em; padding-right: 0em;}
	.con-com-01 .ls-list .ls-cate { padding-top: 0.2em; padding-bottom: 0.1em;}
	.con-com-01 .ls-list .ls-day { font-size: 0.9em}
	.con-com-01 .ls-btn { padding-top:2.5em;}
	.con-com-01 .ls-btn a { max-width: 150px; font-size: 1.1em;}

	.ls-teacher-box .ls-lec-info { flex-wrap: wrap; border-radius: 10px;}
	.ls-teacher-box .ls-lec-info > div { font-size:1.1em; padding: 1.8em 1em; width:100%; flex:auto; flex-direction: unset; justify-content: stretch;}
	.ls-teacher-box .ls-img-02 img { width: 65px;}
	.ls-teacher-box .ls-img-02 {text-align: center; width: 25%; max-width: 100px;}
	.ls-teacher-box .ls-txt-box { text-align: left; width: 75%;}
	.ls-teacher-box .ls-lec-01 { border-right:0; border-bottom:1px solid #e5e5e5}
	.ls-teacher-box .dl-box-01 { font-size: 1.2em; padding: 0 1em;}
	.ls-teacher-box .ls-lec-03 dt { width: 25%; max-width: 80px;}
	.ls-teacher-box .ls-lec-03 dd { width: 75%;}
	.ls-teacher-box .ls-lec-03 dl { padding-bottom:1em; padding-top:0;}
	.ls-teacher-box .ls-money { padding-top: 0.5em}
	.ls-teacher-box .ls-btn { padding-top:1em; padding-bottom: 0.5em;}
	.ls-teacher-box .c-money span { font-size: 1.2rem;}
	.ls-teacher-box .t-money { padding-left: 1.5em;}
	.ls-teacher-box .ls-btn a { max-width: 150px; font-size: 0.9em;}
	.ls-teacher-box .ls-btn p { max-width: 150px; font-size: 0.9em;}
	.ls-teacher-box .ls-cate { font-size: 1.2rem; padding-top: 0.35em; padding-bottom: 0.22em;}
	.ls-teacher-box h3 { font-size: 2.2rem;}
	.ls-teacher-box .ls-lec-info:before { border-radius: 10px;}

	.con-com-02 .head-box { padding-left:0px;}
	.con-com-02 .head-box h4:before { margin-top: -0.1em;}
	.con-com-02 .con-box-06 .head-box { padding-left: 20px;}
	.con-com-02 .ls-guide-05 .ls-list a:before { top: 0.65em; right:0.7em; font-size:2rem;}
	.con-com-02 .ls-guide-05 .ls-list { }
	.con-com-02 .ls-guide-05 .ls-list a {height: 250px}
	.con-com-02 .ls-guide-05 .ls-ss { margin-bottom: 3em; height: 76px;  }
	.con-com-02 .ls-guide-05 button:after { height: 60%;}
	.con-com-02 .ls-guide-05 button { width: 25px; display:block;}
	.con-com-02 .ls-guide-05 .slide-in { max-width: 600px; padding: 0 40px;}
	.con-com-02 .ls-guide-05 .slide-left { left:5px;}
	.con-com-02 .ls-guide-05 .slide-right { right:5px;}
	.con-com-02 .ls-guide-05 .ls-btn { padding-top:2.5em;}
	.con-com-02 .ls-guide-05 .ls-btn a { max-width: 150px; font-size: 1.1em;}
	.con-com-02 .ls-guide-05 .ls-name { position: absolute; bottom:2em;}
	.con-com-02 .ls-menu-box a { font-size:1.2em; padding-left: 0.5em; padding-right:0.5em;}
	.con-com-02 .ls-menu-box ul {padding-left:20px; padding-right:20px; justify-content: space-between;}
	.con-com-02 .ls-menu-box { max-width: 380px; margin:0 auto;}
	.con-com-02 .ls-guide-02 details { font-size: 1.1em;}
	.con-com-02 .ls-guide-02 summary { padding-right:1em; padding-left:1em;}
	.con-com-02 .ls-book { padding-bottom:1em;}
	.con-com-02 .ls-book .ls-info { font-size: 1.1em;}
	.con-com-02 .ls-book .ls-img-03 { width:35%; max-width: 100px;}
	.con-com-02 .ls-book .ls-img-03 img { border-radius: 7px;}
	.con-com-02 .ls-guide-04 { padding-top:3em;}
	.con-com-02 .ls-guide-04 .ls-img-04 { width: 40%;}
	.con-com-02 .ls-guide-04 .ol-box-01 { font-size: 1.1em; width: 60%;}
	.con-com-02 .ls-btn { padding-top:2.5em;}
	.con-com-02 .ls-btn a { max-width: 150px; font-size: 1.1em;}
	.con-com-02 .ls-txt-02 { font-size: 0.8em;}
	.con-com-02 .dl-box-01 dl { font-size: 1.1em;}
	.con-com-02 .dl-box-01 dt { width: 25%; max-width: 130px;}
	.con-com-02 .dl-box-01 dd { width: 75%;}
	.con-com-02 .con-box-02 iframe { width:100%; height:350px; }

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

	.con-com-04 .ls-login { font-size: 1.15em;}
	.con-com-04 {padding-top: 3em; padding-bottom:9em;}

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

	/* mypage */
	.head-box-01 h2 { font-size: 1.3rem}
	.container-my { font-size: 0.85rem; }
	.ls-cacao-my { font-size: 0.75em;}

	.con-com-12 .ls-list-02 { margin-right: -1rem}
	.con-com-12 .ls-list-02 .ls-list { width:100%; margin-bottom: 1rem; margin-right: 1rem;}	
	.con-com-12 .ls-list-02 .ls-img-01 img { object-fit:cover; height:auto; min-height:180px; }
	.con-com-12 .ls-list-01 h3 { font-size: 1.2em;}
	.con-com-12 .ls-list-01 .ls-icon { width: 30%; max-width: 43px; min-width:43px;}
	.con-com-12 .ls-list-01 .ls-list { font-size: 0.85em; border-bottom:1px solid #f3f5fd}
	.con-com-12 .ul-box-01 a { padding-left: 5px; padding-right:5px;}
	.con-com-12 .con-box-03 { padding: 0.6em 0.4em;}
	.con-com-12 .com-box-02 { padding: 2.5em 0;}
	.con-com-12 .ls-list-01 h3 span { font-size: 0.7rem;}
	.con-com-12 .ls-list-01 a { padding-right: 0.2em;}	

	.con-com-13 .ls-list-01 { margin-right: -1rem}
	.con-com-13 .ls-list-01 .ls-list { width:100%; margin-bottom: 1rem; margin-right: 1rem;}
	.con-com-13 .ls-list-01 .ls-img-01 img { object-fit:cover; height:auto; min-height:180px; }

	.con-com-14 .ls-img-01 { width:50%;}
	.con-com-14 .ls-info-01 { width: 50%;}
	.con-com-14 .con-box-01 { position: relative; align-items: stretch; flex-wrap: wrap;}
	.con-com-14 .ls-info-01 h3 { padding-top: 1em; line-height: 1.6em;}
	.con-com-14 .ls-pro-play { position:absolute; right:0; bottom:1em; width: 50%; }
	.con-com-14 .ls-play-room a {border-radius: 7px;padding: 0.5em 0; flex-direction: row;}
	.con-com-14 .ls-play-room a.close { padding: 0.5em 0; }
	.con-com-14 .ls-play-room { padding-left: 5%; width:100%;}
	.con-com-14 .ls-play-room .ls-icon { clear: none;}
	.con-com-14 .ls-play-room span { display:inline-block; width:auto; }
	.con-com-14 .ls-play-room .ls-icon { margin-right: 0.7em; margin-bottom:0; height: 2em; width:0.8em;}
	.con-com-14 .ls-process { position:absolute; right:1em; bottom:4em; width: 4.5em; }
	.con-com-14 .con-box-04 { flex-wrap: wrap;}
	.con-com-14 .con-box-04>div { width:100%;}
	.con-com-14 .con-box-04 .ls-box-02 { padding-top:3em;}
	.con-com-14 .ul-box-01 a { max-width: 70px; padding-top: 0.6em; padding-bottom: 0.5em}
	.con-com-14 .ls-info-02 summary, .con-com-14 .ls-txt-01 { border-radius: 7px;}
	.con-com-14 .ls-info-02 summary { padding-left: 1em; padding-right:1em;}
	.con-com-14 .ls-info-02 summary:after { right: 1.5em;}
	.con-com-14 .com-box-02 { padding-left:20px; padding-right:20px;}
	.con-com-14 .ul-box-01 .ls-title { font-size: 1.1em;}

	/* 세부강의 */
	.container-lms { font-size: 0.85rem; }
	.content_inner-lms {padding-top: 2em; }
	.header-lms { font-size: 0.85rem; }
	.ls-cacao-lms { font-size: 0.75em;}

	.con-com-15 .ls-banner .ls-icon img { max-width: 80px;}
	.con-com-15 .ls-banner .ls-quiz-btn, .con-com-15 .ls-banner .ls-down-btn { width: 4rem; height:4rem;}
	.con-com-15 .ls-banner h4 { font-size: 1.3em;}
	.con-com-15 .con-box-05 > div { border-radius: 7px;}
	.con-com-15 .ls-banner-box > div { border-radius: 7px;}
	.con-com-15 .con-box-02, .con-com-15 .com-box-02, .con-com-15 .com-box-03, .con-com-15 .ls-btn { padding-top: 3em;}
	.con-com-15 .com-box-01, .con-com-15 .con-box-05, .con-com-15 .com-box-02 { padding-bottom:3em;}
	.con-com-15 .ls-btn a {  font-size: 1.25em; max-width: 210px; }
	.con-com-15 .ls-pdf-btn a { font-size: 0.95em; width: 120px;}

	.con-com-14 .ls-img-01 { border-radius: 0;}
	.con-com-14 { padding-left:0; padding-right:0;}
	.con-com-14 .head-box-01 { padding-left:20px;}
	.con-com-14 .com-box-01 { border-radius: 0;}
	.con-com-14 .com-box-02 { border-radius: 0;}

	.con-com-17 { padding-right:0; padding-left:0;}
	.con-com-17 .head-box-01 { padding-left:20px;}
	.con-com-17 .com-box-01 { border-radius: 0; min-height:auto;}
	.con-com-17 .ls-con-image iframe { width:100%; height:200px; }

	.ls-total-box .ls-total { font-size: 1em;}
	.ls-table-base table colgroup { display:none;}
	.ls-table-01 thead { display: none;}
	.ls-table-01 tbody tr>td:nth-child(1) { font-size: 1.1em; padding-bottom: 0.4em; font-weight: 600;}
	.ls-table-01 tbody { width:100%; display:block;}
	.ls-table-01 tbody tr { padding-top: 1em; padding-bottom:1em; border-bottom:1px solid #e2e2e2; display:block; width:100%;}
	.ls-table-01 tbody td { font-size: 1.05em; padding-top: 0.2em; padding-bottom:0.2em; border-bottom:0; text-align: left; display:block; width:100%;}
	.ls-table-base .ls-btn-01 { font-size: 1em; margin-top: 0.8em}
	.ls-table-base .ls-btn-02 { font-size: 1em;  margin-top: 0.8em}
	.ls-table-base .ls-btn-01 a, .ls-table-base .ls-btn-01 .btn-none { padding-top: 0.7em; padding-bottom: 0.7em;}
	.ls-table-base .ls-btn-02 span { padding-top: 0.8em; padding-bottom: 0.8em;}
	.ls-btn-base a { max-width: 130px;}
	.ls-btn-base-2 a { max-width: 130px;}
	.ls-table-base .txt-none { display:inline-block;}
	.ls-table-base table { border-top:1px solid #e2e2e2;}
	.ls-table-base .fs-09 { display:inline-block; margin-left: 1em;}
	.ls-table-base .ls-btn-02 { flex-wrap: nowrap;}
	.ls-table-base .ls-btn-02 a+a { margin-left: 5px;}

	.ls-board-view .ls-view-head { padding: 1em 10px; flex-wrap: wrap;}
	.ls-board-view .ls-view-head .ls-day { padding-top: 1em; display:block; width:100%; max-width:100%; text-align: left;}
	.ls-board-view .ls-view-head h3 { font-size: 1.25em;}
	.ls-board-view .ls-view-con {  font-size: 1.1em; padding: 1em 10px;}


	.con-com-18 { padding-right:0; padding-left:0;}
	.con-com-18 .head-box-01 { padding-left:20px;}
	.con-com-18 .com-box-01 { border-radius: 0; min-height:auto;}
	.con-com-18 .dl-box-01 { font-size: 1.1em}
	.con-com-18 .dl-box-02 { font-size: 1.1em}
	.con-com-18 .dl-box-03 { font-size: 1.1em}
	.con-com-18 .ls-warning-input { font-size: 1.1em;}
	.con-com-18 .ls-warning-box { font-size: 0.95rem;}
	.con-com-18 .member-box {  flex-wrap: wrap;}
	.con-com-18 .member-box>div:nth-child(1) { width:100%;}
	.con-com-18 .member-box>div:nth-child(2) { width:100%;}
	.con-com-18 .ls-sns-box { padding-bottom: 2em; border-bottom:1px solid #e2e2e2; padding-top: 3em;}


	.quiz-con-box { font-size: 0.9em; padding: 20px 20px 40px 20px;  border-radius: 7px;}
	.header-quiz h1 { font-size: 1.5em}
	.header-quiz {  padding-top:1em;}
	.quiz-box { font-size: 0.9em;}
	.quiz-box input[type=checkbox], .quiz-box input[type=radio] { width: 16px; height: 16px;}
	.container-quiz .quiz-btn { font-size: 0.65em; padding-top: 2.5em; padding-bottom:2.5em;}
	.container-quiz .quiz-close { border-radius: 7px; font-size: 0.9em; padding: 0.8em 1em;}
	.container-quiz .quiz-btn a:before { height: 0.8em;}
	
	/* 수강후기 */
	.con-com-09 { padding:60px 20px;}
	.con-com-09 .com-box-01 { padding-bottom: 2em; padding-top: 5em; }
	.con-com-09 .ls-list-box { grid-template-columns: repeat(1, minmax(0, 1fr)) }
	.con-com-09 .ls-list .ls-img-01 {height:185px;}

	.con-com-091 .ls-list a:before { top: 0.65em; right: 0.7em;  }
	.con-com-091 .ls-list { width: 100%;}
	.con-com-091 .ls-list a { font-size: 1.15em; padding:2em }
	.con-com-091 .ls-tt { padding-right: 4em;}
	
	
	.con-com-10 { padding-top:60px;}
	.con-com-10 .com-box-01 { padding-top:5em;}
	.con-com-10 .con-box-01 > div { padding-bottom: 1.5em;}
	.con-com-10 .con-box-01 > div:not(:first-of-type) { padding-top:1.5em;}
	.con-com-10 .con-box-01 .ls-icon { width: 50px; height: 40px;}
	.con-com-10 .con-box-01 .ls-phone .ls-icon:before { width: 35px; height:35px; background-size: 15px auto}
	.con-com-10 .con-box-01 .ls-cacao .ls-icon:before { width: 35px; }
	.con-com-10 .ls-check-box { margin-right: -5px;}
	.con-com-10 .ls-check-box .list, .con-com-10 .ls-check-box a { width: calc(25% - 5px); margin-right:5px;}
	.con-com-10 .ls-check-box label, .con-com-10 .ls-check-box a  { line-height: 1.4em;  padding: 1em 0 1em 0; font-size:1em;}
	.con-com-10 .con-box-02 textarea { height: 120px;}
	.con-com-10 .con-box-02 input:not([type="checkbox"]), .con-com-10 .con-box-02 textarea, .con-com-10 .con-box-02 .ls-box-02 label { font-size: 1em;}

	.con-com-11 { padding-top:60px;}
	.con-com-11 .com-box-01 { padding-top:2em;}
	.con-com-11 .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-11 .ls-head-box h4 { font-size: 1.2em; padding-top: 0.7em; padding-bottom: 0.7em;}

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

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

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

}



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

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

	
	.con-com-14 .con-box-01 { padding-bottom:2em;}
	
	
	.con-com-14 .ls-img-01 { width:100%; border-radius: 0; max-width: 100%;}
	.con-com-14 .ls-info-01 { width: 100%; padding-left:20px; padding-right:20px;}
	.con-com-14 .ls-pro-play { padding-right: 20px; padding-left:20px; padding-top: 1em; bottom:auto; position: relative; width:100%; max-width:100%;}
	.con-com-14 .ls-process { right:20px; bottom: 4.5em;}
	.con-com-14 .ls-play-room { padding-left:0;}
	.con-com-14 .dl-box-01 { padding-top: 1em; font-size: 0.95em;}
	.con-com-14 .dl-box-01 dt { max-width: 60px;}
	.con-com-14 .ls-unit { font-size: 0.5em; transform: none;}
	.con-com-14 .ls-percentage { transform: translateY(2px);}
	
	/* 상세강의 */
	.con-com-15 .ls-pdf { height: 30em;} 

	
	.con-com-18 .refund-box { display:block;  order:1;}
	.con-com-18 .refund-box>div { width: 100%; margin-bottom:3em; }
	.con-com-18 .dl-box-02 { width:100%; order:2}
	.con-com-18 .refund-info {margin-bottom: 1.5em; padding: 2em 0; width:100%;}
	.con-com-18 .ls-warning-input dd {padding-bottom:0; padding-left:0; padding-right:0;}
	.con-com-18 .ls-warning-box { padding-left:0; padding-right:0;}
	.con-com-18 .dl-box-01 dt { max-width:120px; min-width: 120px;}


}



/* 모바일사이즈 기본 */
@media all and (max-width : 640px){
	
	
	.con-com-02 .ls-book .ls-info { font-size: 1.1em; padding-top:0;}
	.con-com-02 .ls-book .ls-list { width:100%;}
	.con-com-02 .ls-guide-04 .ol-box-01 { width:100%;}
	.con-com-02 .ls-guide-04 .ls-img-04 { padding-top:3em; width:100%;}
	.con-com-02 .ls-guide-04 .ls-img-04 img { max-width: 330px; width:80%;}
	.con-com-02 .ls-guide-04 { flex-wrap: wrap;}
	.con-com-02 .ls-guide-01 { padding-top:0; flex-wrap: wrap;}
	.con-com-02 .ls-guide-01 .ls-box-01 {padding-top:2em; text-align: center; width:100%; order:2;}
	.con-com-02 .ls-guide-01 .ls-box-02 { width:100%; padding-left:0; order:1}
	.con-com-02 .ls-guide-01 .ls-box-01 img { max-width: 300px; width: 70%;}
	.con-com-02 .ls-txt-01 { padding-top:0; max-width: 370px; }
	.con-com-02 .ls-txt-01 br { display:none;}
	.con-com-02 .dl-box-01 dt { width: 25%; max-width: 80px;}
	.con-com-02 .dl-box-01 dd { width: 75%;}
	
	.ls-teacher-box .ls-tea-01 { padding-bottom: 1em; flex-wrap: wrap;}
	.ls-teacher-box .ls-lec-in {text-align: center; justify-content: center; margin-top: -2em; padding-left:0; width:100%; order:2; }
	.ls-teacher-box .ls-photo {display:none; width:100%; text-align: center; order:1;}
	.ls-teacher-box .ls-photo img { max-width: 300px; width: 100%;}
	.ls-teacher-box .ls-tea-01:before { height: 47%; border-width: 0.7em; border-radius: 10px; top:auto; bottom: 4.5em;}
	.ls-teacher-box .ls-lec-txt { text-align: center; padding-bottom: 6em;}
	.ls-teacher-box .ls-keyword ul { width:100%; justify-content: center;}
	.ls-teacher-box .ls-keyword li {padding-left:0; padding-right:0; }
	.ls-teacher-box .ls-keyword li a { font-size:0.9em; padding-right:1em; padding-left:1em; }
	.ls-teacher-box .ls-keyword { bottom: 1em; width:100%; left:50%; padding-left:0; transform: translateX(-50%);}
	.ls-teacher-box .ls-photo-md {z-index:1; position: relative; display:block; height: 300px; width: 90%; background-position: center center; background-repeat: no-repeat; background-size: contain; }
	.ls-teacher-box .ls-tea-02:before { height: 54%;}
	.ls-teacher-box .ls-lec-info { height: 510px;}
	.ls-teacher-box .ls-lec-01 { height: 23%;}
	.ls-teacher-box .ls-lec-02 { height: 23%;}
	.ls-teacher-box .ls-lec-03 { height: 54%; }
	.ls-teacher-box .ls-money { padding-top: 0;}
	.ls-teacher-box .ls-btn { padding-bottom:0;}
	.ls-teacher-box .ls-btn a { padding-top: 0.75em;}
	.ls-teacher-box .ls-btn p { padding-top: 0.75em;}
	.ls-teacher-box .ls-img-02 img { width: 63px;}
	.ls-teacher-box .ls-txt-box { padding-left : 0.6em;}
	.ls-teacher-box .ls-lec-info > div { padding-right:0.3em;}

	/*mypage*/
	.con-com-12 .ls-list-01 .ls-list { width: 50%; padding-left: 1.5em;}
	.con-com-12 .ls-list-01 {flex-wrap: wrap;}
	.con-com-12 .ls-list-02 .ls-day-pro >span { width:100%;}
	.con-com-12 .ls-list-02 .ls-day-pro {flex-wrap: wrap; padding-bottom:0.5em; }
	.con-com-12 .ls-list-02  .ls-pro { padding-top: 0.5em;}
	.con-com-12 .ls-list-02 .ls-my-open { font-size: 0.95em;}
	.con-com-12 .ls-list-01 .ls-num { padding-left: 1em;}
	.con-com-12 .ls-list-01 a { font-size: 2.2em;}
	.con-com-12 .ul-box-01 a { flex-wrap: wrap;}
	.con-com-12 .ul-box-01 .ls-day {font-size: 0.95em; text-align: left;  max-width: 100%; width:100%;  padding-top: 0.5em;}
	.con-com-12 .ul-box-01 .ls-title { overflow:visible; text-overflow: unset; white-space:normal; width:100%;}

	.con-com-13 .ls-list-01 .ls-day-pro >span { width:100%;}
	.con-com-13 .ls-list-01 .ls-day-pro {flex-wrap: wrap; padding-bottom:0.5em; }
	.con-com-13 .ls-list-01  .ls-pro { padding-top: 0.5em;}
	.con-com-13 .ls-list-01 .ls-my-open { font-size: 0.95em;}

	/* 세부강의 */
	.con-com-15 .ls-banner .ls-icon img { max-width: 50px;}
	.con-com-15 .ls-banner .ls-quiz-btn, .con-com-15 .ls-banner .ls-down-btn { width: 2.2rem; height:2.2rem;}
	.con-com-15 .ls-banner h4 { font-size: 1.2em;}
	.con-com-15 .ls-banner p {  font-size: 0.8em;}
	.con-com-15 .head-box-02 { padding-bottom: 1.2em;}
	.con-com-15 .ul-box-01 a { padding: 0.7em 0;}

	.header-lms .lms-menu a { width:100%; padding-left: 3px; padding-right:3px;}
	.header-lms .lms-menu li { min-width: 13%;}
	
	.container-quiz .quiz-btn { padding-left:0; padding-right:0; flex-wrap: wrap; }
	.container-quiz .quiz-btn .quiz-submit { padding-bottom: 1.5em; order:1; width:100%;}
	.container-quiz .quiz-btn .quiz-replay { order:2; width: 48%;}
	.container-quiz .quiz-btn .quiz-down { order:3; width: 48%;}

	/*게시판 : 인증현황 */
	#news_list { width:100%; margin-left:0px;  }
	#news_list .gl_list { display:inline-block; width:48%;   }
	.bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
	.bo_list1 li {width:100%; max-width:280px; height:250px; overflow:hidden; padding:10px; }
	.bo_list1 .bo_image1 { width:100%; overflow:hidden; height:190px; border:1px solid #eee; }
	.bo_list1 .bo_image1 img {object-fit: cover; height: 190px; width: 100%; padding:5px; }
	.bo_list1 .bo_title1 {margin-top:10px; height:50px; text-align:center; }
	.bo_list1 .bo_title1 .tt { font-size:0.9em; font-weight:600; max-height:100px; overflow:hidden; word-break: keep-all;}
	.bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
	.bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
	.vo_title1 { border-top:2px solid #000; border-bottom:1px solid #ccc; padding:30px 10px 20px 10px; text-align:center; margin-bottom:50px; margin-top:0px;  }
	.vo_title1 .tt { font-size:1.3em; font-weight:600; margin-bottom:10px; }
	.vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; }
	.vo_list_btn1 { text-align:center; margin:80px 0; }
	.vo_list_btn1 a { border:1px solid #333; color:#333; padding:15px 70px; border-radius:30px; font-weight:600; }
	.vo_list_btn1 a:hover { background:#333; color:#fff; }

		
	/*게시판 : 일반 */
	.bo_list2 { width:100%; }
	.bo_list2 table {width:100%; border-collapse:collapse;}
	.bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000;  padding:20px 7px; text-align:center; }
	.bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; }
	.bo_list2 table tbody td.text-center {text-align:center;}
	.bo_list2 a:hover { color:#51b431; }

	#bo_list2_search { margin:0 auto; text-align:center; margin-bottom:50px; }
	#bo_list2_search select { width:80px; height:40px; border:1px solid #cfcfcf;  }
	#bo_list2_search input[type=text] { width:120px; height:40px;  border:1px solid #cfcfcf; padding:0 10px; }
	#bo_list2_search input[type=submit] { width:50px; height:40px;  border:1px solid #51b431; color:#51b431; background:#fff; }
	#bo_list2_search input[type=submit]:hover { color:#fff; background:#51b431; }

	#bo_list_admin th:nth-of-type(2) {display:none;}
	#bo_list th:nth-of-type(1) {display:none;}
	#bo_list_admin td:nth-of-type(2) {display:none;}
	#bo_list td:nth-of-type(1) {display:none;}

	/* 사내소식 */
	#news_list3 { width:100%; margin-left:0px;  }
	#news_list3 .gl_list { display:inline-block; width:100%;   }
	.bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
	.bo_list3 li {width:100%; max-width:400px; height:400px; overflow:hidden; padding:10px; }
	.bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; }
	.bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; }
	.bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; }
	.bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
	.bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
	
	
}
@media all and (max-width : 540px){
	

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

	.con-com-01 .ls-list { width:calc(100%); margin-right:0; margin-bottom: 1.5rem;}
	.con-com-01 .ls-list-box { margin-right: 0; font-size: 1.1em;}
	
	.con-com-03 .dl-box-02 dl { flex-wrap: wrap;}
	.con-com-03 .dl-box-02 dt { width:100%; max-width:100%; min-width:100%;}
	.con-com-03 .dl-box-02 dd { padding:1em 0; width:100%; }

	/*mypage*/
	/* 상세강의 */
	.header-lms h1 { font-size: 1.3em; }
	.header-lms .lms-menu ul { justify-content: space-between;}

	.con-com-15 .ls-pdf { height: 17em;} 
	.con-com-15 .ls-banner-box a { padding-left:1em; padding-right:1em;}

}

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

	/*mypage*/
	.con-com-12 .ls-list-02 .ls-list { width:100%; margin-right:0; }
	.con-com-12 .ls-list-02 { margin-right:0;}

	.con-com-13 .ls-list-01 .ls-list { width:100%; margin-right:0; }
	.con-com-13 .ls-list-01 { margin-right:0;}


	/* 상세강의 */
	.con-com-18 .dl-box-01 dl { flex-wrap: wrap; padding-top: 1em; padding-bottom:1em;}
	.con-com-18 .dl-box-01 dd { width:100%; padding-top: 0.7em;}
	.con-com-18 .dl-box-01 dt { padding-left:0; padding-top: 0;}
	  		
}
/* 스타일 작업 종료 */
/*******************************************************************************************************************/






/* 중간 레이아웃 */
/**********************************************************************************************************************/
/* 여기부터 반응형 메인 박스 스타일 적용 */
/**********************************************************************************************************************/
#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;}