@charset "utf-8";
/*!
 * # Semantic UI 2.2.9 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Reset
*******************************/

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);*/

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff');
 }


/*  한국어 */
:lang(ko) {font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;}
:lang(ko) * {word-break:keep-all; word-wrap: break-word;}

/*  영어 */
:lang(en) {font-family:'Apple SD Gothic Neo', 'Helvetica', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
:lang(en) * {word-break:keep-all; word-wrap: break-word;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, fieldset,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
*, *:before, *:after {box-sizing:inherit;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {-webkit-appearance:none; -moz-appearance:none;}
html {box-sizing: border-box;}
body {font-size:15px; font-weight:400; color:#222; word-break: break-all; word-wrap: break-word;}
h1, h2, h3, h4, h5, h6, th {font-weight:500;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}
a {text-decoration:none; color:#333; background:transparent;}
a:active, a:hover {outline:0; color:#000; text-shadow: none;} /*  shadow 삭제_240422 */
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:700;}
dfn {font-style:italic;}
mark {background:#ff0; color:#000;}
small {font-size:90%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ol, ul {list-style: none;}
button{border:none; padding:0}
img {vertical-align:middle; border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {height:0;}
pre {overflow:auto;}
form {flex: 1; flex-basis: auto;}
code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
caption, legend {width:0; height:0; font-size:0; line-height:0; overflow:hidden; display:none;}

button, input, optgroup, select, textarea {color:inherit; margin:0;}
button {font-family: inherit; background: none; border: none; cursor: pointer; outline: none; overflow:visible;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}

input {line-height:normal;}
input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; vertical-align: middle; box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
/*fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}*/

.ui.input input::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.input input:-moz-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.input input::-moz-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.input input:-ms-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.input input::-ms-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.input input::placeholder {color:rgba(0, 0, 0, 0.67) !important;}

.ui.form input[type="text"]::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form input[type="text"]::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="text"]:-moz-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="text"]::-moz-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="text"]:-ms-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="text"]::-ms-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="text"]::placeholder {color:rgba(0, 0, 0, 0.67) !important;}

.ui.form input[type="password"]::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form input[type="password"]::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="password"]:-moz-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="password"]::-moz-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="password"]:-ms-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="password"]::-ms-input-placeholder {color:rgba(0, 0, 0, 0.67) !important;}
.ui.form input[type="password"]::placeholder {color:rgba(0, 0, 0, 0.67) !important;}

.ui.form textarea::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form textarea:-moz-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form textarea::-moz-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form textarea:-ms-input-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form textarea::-ms-input-placeholder {color:rgba(0, 0, 0, 0.67);}
.ui.form textarea::placeholder {color:rgba(0, 0, 0, 0.67);}

.ui.form .fields .field .ui.input textarea::-webkit-input-placeholder,
.ui.form .field .ui.input input::-webkit-input-placeholder {
  color:rgba(0, 0, 0, 0.67);
}

.ui.form .fields .field .ui.input textarea:-moz-placeholder,
.ui.form .field .ui.input input:-moz-placeholder {
  color:rgba(0, 0, 0, 0.67);
}

.ui.form .fields .field .ui.input textarea::-moz-placeholder,
.ui.form .field .ui.input input::-moz-placeholder {
  color:rgba(0, 0, 0, 0.67);
}

.ui.form .fields .field .ui.input textarea:-ms-input-placeholder,
.ui.form .field .ui.input input:-ms-input-placeholder {
  color:rgba(0, 0, 0, 0.67);
}

.ui.form .fields .field .ui.input textarea::-ms-input-placeholder,
.ui.form .field .ui.input input::-ms-input-placeholder {
  color:rgba(0, 0, 0, 0.67);
}

.ui.form .fields .field .ui.input textarea::placeholder,
.ui.form .field .ui.input input::placeholder {
  color:rgba(0, 0, 0, 0.67);
}

/* 추가_셀렉트박스 초기화_220509 */
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

legend {border:0; padding:0;}
textarea {padding: 0.78571429em 1em; font-size: 1em; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 2px; overflow:auto;}
optgroup {font-weight:bold;}

table {border-collapse:collapse; border-spacing:0;}
td, th {padding:0;}

.blind {display:none !important}
.clearFix {clear:both;}
.show {display: block !important;}
.hide {position:absolute; width: 0; line-height:0; height: 0; font-size: 0; top:0; left:-10000px; overflow:hidden;}
.cpn {pointer-events: none !important;}
.num {width: 30px !important;}
.chk {width: 70px !important;}

.flex-none{ flex: none }

/*-------------------
       Colors
--------------------*/
.fcRed		{color:#db2828!important;}
.fcOrange	{color:#f2711c!important;}
.fcYellow	{color:#fbbd08!important;}
.fcOlive	{color:#b5cc18!important;}
.fcGreen	{color:#21ba45!important;}
.fcTeal		{color:#00b5ad!important;}
.fcBlue		{color:#2185d0!important;}
.fcPurple	{color:#a333c8!important;}
.fcViolet	{color:#6435c9!important;}
.fcPink		{color:#e03997!important;}
.fcBrown	{color:#a5673f!important;}
.fcGrey		{color:#767676!important;}
.fcBlack	{color:#000!important;}

.bcWhite    {background:#fff!important;}
.bgLightgrey{background:#f0f0f0!important;}

/* font weight */
.fweb {font-weight:700 !important;}
.fwb {font-weight:500 !important;}
.fwn {font-weight:400 !important;}

/* text align */
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

/* vertical align */
.vb {vertical-align: baseline !important; vertical-align: -webkit-baseline-middle !important;}
.vs {vertical-align: sub !important;}

/* letter-spacing */
.ls0 {letter-spacing:0 !important;}
.ls1 {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-2px !important;}

/* width size */
.w10 	{width:10px !important;}
.w20 	{width:20px !important;}
.w30 	{width:30px !important;}
.w40 	{width:40px !important;}
.w50 	{width:50px !important;}
.w60 	{width:60px !important;}
.w70	{width:70px !important;}
.w80	{width:80px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w320 {width:320px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w700 {width:700px !important;}
.w800 {width:800px !important;}
.wmax {width:100% !important;}

/* 너비 */
.min-width-50px{ min-width: 50px }
.min-width-60px{ min-width: 60px }
.min-width-70px{ min-width: 70px }
.min-width-80px{ min-width: 80px }
.min-width-90px{ min-width: 90px }
.min-width-100px{ min-width: 100px }
.min-width-150px{ min-width: 150px }
.min-width-200px{ min-width: 200px }
.min-width-250px{ min-width: 250px }
.min-width-300px{ min-width: 300px }
.min-width-350px{ min-width: 350px }
.min-width-400px{ min-width: 400px }
.min-width-450px{ min-width: 450px }
.min-width-500px{ min-width: 500px }
.min-width-550px{ min-width: 550px }
.min-width-600px{ min-width: 600px }
.min-width-650px{ min-width: 650px }
.min-width-700px{ min-width: 700px }
.min-width-750px{ min-width: 750px }





/*임시추가_241106*/
.mt-0 { margin-top: 0 !important;}
.mt-1 {  margin-top: 0.25rem !important;}
.mt-2 {  margin-top: 0.5rem !important;}
.mt-3 {  margin-top: 1rem !important;}
.mt-4 {  margin-top: 1.5rem !important;}
.mt-5 {  margin-top: 3rem !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-1 {  margin-bottom: 0.25rem !important;}
.mb-2 {  margin-bottom: 0.5rem !important;}
.mb-3 {  margin-bottom: 1rem !important;}
.mb-4 {  margin-bottom: 1.5rem !important;}
.mb-5 {  margin-bottom: 3rem !important;}

.mr-0 { margin-right: 0 !important;  }
.mr-1 {	margin-right: 0.25rem !important;  }
.mr-2 {	margin-right: 0.5rem !important;  }
.mr-3 {	margin-right: 1rem !important;  }
.mr-4 {	margin-right: 1.5rem !important;  }
.mr-5 {	margin-right: 3rem !important;  }

.p-0 {	padding: 0 !important;  }  
.p-1 {	padding: 0.25rem !important;  }  
.p-2 {	padding: 0.5rem !important;  }  
.p-3 {	padding: 1rem !important;  }  
.p-4 {	padding: 1.5rem !important;  }  
.p-5 {	padding: 3rem !important;  }





/* float style */
.fl		{float:left !important;}
.fr		{float:right !important;}

/* padding, margin style */
.p0		{padding:0 !important;}
.p5		{padding:5px !important;}
.p10	{padding:10px !important;}
.p20	{padding:20px !important;}

.pt0	{padding-top:0 !important;}
.pt5	{padding-top:5px !important;}
.pt10	{padding-top:10px !important;}
.pt15	{padding-top:15px !important;}
.pt20	{padding-top:20px !important;}
.pt25	{padding-top:25px !important;}
.pt30	{padding-top:30px !important;}
.pt35	{padding-top:35px !important;}
.pt40	{padding-top:40px !important;}
.pt45	{padding-top:45px !important;}
.pt50	{padding-top:50px !important;}

.pb0	{padding-bottom:0 !important;}
.pb5	{padding-bottom:5px !important;}
.pb10	{padding-bottom:10px !important;}
.pb15	{padding-bottom:15px !important;}
.pb20	{padding-bottom:20px !important;}
.pb25	{padding-bottom:25px !important;}
.pb30	{padding-bottom:30px !important;}
.pb35	{padding-bottom:35px !important;}
.pb40	{padding-bottom:40px !important;}
.pb45	{padding-bottom:45px !important;}
.pb50	{padding-bottom:50px !important;}

.pl0	{padding-left:0px !important;}
.pl5	{padding-left:5px !important;}
.pl10	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl20	{padding-left:20px !important;}
.pl25	{padding-left:25px !important;}
.pl30	{padding-left:30px !important;}
.pl35	{padding-left:35px !important;}
.pl40	{padding-left:40px !important;}
.pl45	{padding-left:45px !important;}
.pl50	{padding-left:50px !important;}

.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px !important;}
.pr10	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20	{padding-right:20px !important;}
.pr20	{padding-right:25px !important;}
.pr30	{padding-right:30px !important;}
.pr35	{padding-right:35px !important;}
.pr40	{padding-right:40px !important;}
.pr45	{padding-right:45px !important;}
.pr50	{padding-right:50px !important;}

.m0, .m-0	{margin:0 !important;}
.m5		{margin:5px !important;}
.m10	{margin:10px !important;}

.mt-5	{margin-top:-5px !important;}
.mt-4	{margin-top:-4px !important;}
.mt-3	{margin-top:-3px !important;}
.mt-2	{margin-top:-2px !important;}
.mt-1	{margin-top:-1px !important;}
.mt0	{margin-top:0px !important;}
.mt1	{margin-top:1px !important;}
.mt2	{margin-top:2px !important;}
.mt3	{margin-top:3px !important;}
.mt4	{margin-top:4px !important;}
.mt5	{margin-top:5px !important;}
.mt6	{margin-top:6px !important;}
.mt7	{margin-top:7px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mt20	{margin-top:20px !important;}
.mt25	{margin-top:25px !important;}
.mt30	{margin-top:30px !important;}
.mt35	{margin-top:35px !important;}
.mt40	{margin-top:40px !important;}
.mt45	{margin-top:45px !important;}
.mt50	{margin-top:50px !important;}
.mt70	{margin-top:70px !important;}

.mb0	{margin-bottom:0px !important;}
.mb2	{margin-bottom:2px !important;}
.mb5	{margin-bottom:5px !important;}
.mb10	{margin-bottom:10px !important;}
.mb15	{margin-bottom:15px !important;}
.mb20	{margin-bottom:20px !important;}
.mb25	{margin-bottom:25px !important;}
.mb30	{margin-bottom:30px !important;}
.mb35	{margin-bottom:35px !important;}
.mb40	{margin-bottom:40px !important;}
.mb45	{margin-bottom:45px !important;}
.mb50	{margin-bottom:50px !important;}

.ml0	{margin-left:0px !important;}
.ml5	{margin-left:5px !important;}
.ml10	{margin-left:10px !important;}
.ml15	{margin-left:15px !important;}
.ml20	{margin-left:20px !important;}
.ml25	{margin-left:25px !important;}
.ml30	{margin-left:30px !important;}
.ml35	{margin-left:35px !important;}
.ml40	{margin-left:40px !important;}
.ml45	{margin-left:45px !important;}
.ml50	{margin-left:50px !important;}

.mr-5	{margin-right:-5px !important;}
.mr0	{margin-right:0px !important;}
.mr5	{margin-right:5px !important;}
.mr10	{margin-right:10px !important;}
.mr15	{margin-right:15px !important;}
.mr20	{margin-right:20px !important;}
.mr25	{margin-right:25px !important;}
.mr30	{margin-right:30px !important;}
.mr35	{margin-right:35px !important;}
.mr40	{margin-right:40px !important;}
.mr45	{margin-right:45px !important;}
.mr50	{margin-right:50px !important;}

/* JSHyun 2021.08.06 : custom.css의 수강료 할인 관련 스타일 온라인 강의 리스트 및 상세보기에 적용  */
.course-price { }
.course-price p{ position: relative; display: inline-block;}
.course-price p:nth-child(1) { padding-right: .5em; }
.course-price .ori, .course-price .discount-span{
  position: relative;
  display: inline-block;
  color: #333;
}
.course-price .discount-span{ padding-left: .7em; }
.course-price .price .ori{ color: #777; }
.course-price .price .ori:before{
  content: '';
  position: absolute;
  width: 109%;
  height: 1px;
  top:50%;
  left: 0;
  background: #f00;
}
.course-price .price .ori:after{
  content: '';
  position: absolute;
  width: 5px;
  height: 1px;
  top:calc(50% - 1px );
  left: calc(109% - 5px );
  transform: rotate(35deg);
  background: #f00;
}





/* flex 추가_241106 */
.d-flex{ display:  flex !important;}
.d-inline-flex{ display:  inline-flex !important;}

.flex-1{ flex:1 !important}
.flex-none{ flex: none !important}

.flex-wrap{ flex-wrap:wrap !important; }


.justify-content-left {  justify-content: left !important;}
.justify-content-right {  justify-content: right !important;}
.justify-content-center {  justify-content: center !important;}

.align-items-center { align-items: center !important;}
.align-items-baseline { align-items: baseline !important;}
.align-items-end { align-items: end !important;}


.gap-0 {	gap: 0 !important;  }  
.gap-1 {	gap: 0.25rem !important;  }  
.gap-2 {	gap: 0.5rem !important;  }  
.gap-3 {	gap: 1rem !important;  }  
.gap-4 {	gap: 1.5rem !important;  }  
.gap-5 {	gap: 3rem !important;  }

.column-gap-0 {	column-gap: 0 !important;  }  
.column-gap-1 {	column-gap: 0.25rem !important;  }  
.column-gap-2 {	column-gap: 0.5rem !important;  }  
.column-gap-3 {	column-gap: 1rem !important;  }  
.column-gap-4 {	column-gap: 1.5rem !important;  }  
.column-gap-5 {	column-gap: 3rem !important;  }

.row-gap-0 { row-gap: 0 !important;  }  
.row-gap-1 { row-gap: 0.25rem !important;  }  
.row-gap-2 { row-gap: 0.5rem !important;  }  
.row-gap-3 { row-gap: 1rem !important;  }  
.row-gap-4 { row-gap: 1.5rem !important;  }  
.row-gap-5 { row-gap: 3rem !important;  }

.mla, .margin-left-auto { margin-left: auto !important; }
.mra, .margin-right-auto { margin-right: auto !important; }
.mta, .margin-top-auto { margin-top: auto !important; }
.mba, .margin-bottom-auto { margin-bottom: auto !important; }



.fcPrimary{ color: var(--primary) !important}