@charset "utf-8";


:root {     
	--black-color:#1e1e1e;
    --base-color: #2e2e2e;
    --dark-gray: #4a4a4a;
    --medium-gray: #7e7e7e;
    --light-gray: #ffece7;
    --light-medium-gray: #9b8c6c;
	--light-gray-2:#cecece;
	--dark-gray-2:#404040;
	--beige-color:#9b8c6c;
	--beige-color-2:#ce9b5a;
	--beige-dark-color:#4e4e4e;
	--brown-color:#9b8c6c;
	--orange-color:#e0a54c;
	--orange-color-2:#dda154;
	--light-pink:#fff9f8;
	--blue-color:#0b318f;
	--green-color:#5eaf00;
    --alt-font: 'Noto Serif KR', serif;
    --base-font: 'NanumSquareNeo','Pretendard', sans-serif;
	--point-font: 'GmarketSans', sans-serif;
	--cafe-font: 'Cafe24Ohsquare', sans-serif;
	--cafe-font-air:'Cafe24Ohsquareair', sans-serf;
	--playfair-font:'Playfair Display', serif;

	--main-color: #010101;
	--sub-color:#10121e;
	--white-color: #fff;
	--placeholder-color:#a1a1a1;
	--border-base-color:#d4d3d5;
	--bg-point-color:#c34848;
	--bg-beige-color:#f3b100;
	--bg-white-color:#fff;
	--bg-bright-gray-color:#f6f6f7;
	--bg-base-color:#3f4355;
	--table-th-border:#65697b;
	--table-td-border:#d8dae1;
	--box-shadow-btn: 0 10px 20px rgba(0,0,0,0.1);
	--border-bottom-gray:#e6e8ed;
	--bg-body-color:#f4f5fa;
}


.altFont { font-family: var(--alt-font) !important;}
.baseFont { font-family: var(--base-font) !important; }
.pointFont { font-family: var(--point-font) !important; }
.cafeFont { font-family: var(--cafe-font) !important; }
.cafeFontAir { font-family: var(--cafe-font-air) !important; }
.playfairFont { font-family: var(--playfair-font) !important; }


html.overflow_on,body.overflow_on { overflow: hidden;}

.header { 
	position: fixed; z-index:100;
	width:100%;
	background:#fff;
	left:0;top:0;
}
.header > div {
	width:100%;
	margin: 0 auto; 
	display: flex; justify-content: space-between; align-items: center; 
	position: relative; z-index:10;
	padding:15px 60px;
	text-align: center;
}
.logo { margin:0 auto; transition: all 0.3s ease-out;}
/*
.logo a { 
	width:170px; height: 114px;
	display: block;
	background:url(../images/logo.png) no-repeat center / 100%;
	overflow: hidden;
	text-indent: -999999px;
}
*/

.header > article { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display: flex; justify-content: center; }
.nav { position: relative;  }
.nav > ul { display: flex; justify-content: center }
.nav > ul > li { cursor: pointer; flex:0 0 auto; transition:all 0.3s ease-out; position:relative; z-index:10;}
.nav > ul > li > a { display: block; font-size:22px; font-weight:700; color:#060a37; padding:25px 70px; transition: all 0.3s ease-out;}

.submenu { 
	position:absolute; top:70px; width:auto; overflow: hidden; height:0; opacity: 0; padding:0 0;
	width:100%; z-index:1; 
}
.submenu.on { height:370px; opacity: 1; padding:0 0 50px; cursor: default;}
.submenu li:nth-child(1) { padding-top:25px; } 
.submenu li {width:100%; margin-bottom:6px; text-align:center;cursor: default;}
.submenu li a { display:inline-block; padding-top:10px; padding-bottom:4px; font-weight:400; white-space: nowrap; position: relative; color:#666; font-size:16px;}
.submenu li a:hover { color:#060a37; }
.submenu li a::before { content:""; position: absolute;left: 0; bottom: -2px; width:0; height:1px; background:rgba(6,10,55,1);  transition: all 0.3s;}
.submenu li a:hover::before { width:100%; }

.subNav .submenu.on { position:relative; top:0; padding:0 0 25px; }
.subNav .submenu.on li a { color:#666; }
.subNav .submenu.on li a:hover { color:#000; }
.subNav .submenu li a::before { background:rgba(0,0,0,0.5); }

.util { position: absolute; right:60px; top:50%; transform: translateY(-50%); display: flex; align-items: center; justify-content:flex-end;}
.util a { position: relative;}
.util a::before { content:"";display:block;width:1px; height:14px; background:#cccccc; position: absolute; right:0; top:50%; transform: translateY(-50%); }
.util a.btnComTop { padding:0 19px; color:#000; font-size:16px; font-weight:500; }
.util a.btnRemote { display: inline-flex; padding: 10px 17px; justify-content: center; align-items: center; background:#0057e7; margin-left:19px; border-radius:30px;}
.util a.btnRemote::before { display: none; }
.util a.btnRemote i { display: block; overflow: hidden; text-indent: -9999px; width:19px; height:19px; background:url(../images/i_remote.png) no-repeat center / 100%;}
.util a.btnRemote span { margin-left:7px; font-size:16px; font-weight:700; color:#fff;}


.submenuBg { position:fixed; left:0; top:0; height:0; background:#fff; width:100%; z-index:10;}
.submenuBg.on { top:0; height:555px; border-bottom:1px solid #e5e5e5; }

.subHeader .promotion a { 
	 border:1px solid #898989; 
	 background: rgba(0,0,0,0.05); 
	 background:none;
	 color: #898989;
}


.mobileGnb { position:absolute; right:0px; top:50%; transform: translateY(-50%); width:50px; height:60px; display: none; z-index:999; }
.mobileGnb a { 
	width:100%; height:100%; 
	position:relative; 
	text-indent: -99999px;
	display: flex;
	justify-content: center;
	align-items: center;
}	
.mobileGnb a i { width: 56px; height: 42px; display: block;
	background:url(../images/i_gnb.png) no-repeat center / 100%; 
}

.allMenuPc { display: none;}
.allMenuPc.show { display: none;}

.header.fixed > div { padding:10px 20px; border-bottom:1px solid #e5e5e5;}
.header.fixed > article { 
	position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); 
	border-top:0;
	border-bottom:0;
	z-index:10;

}


.header.fixed .logo { margin-left:0;}
/*
.header.fixed .logo a {
	width:220px; height: 55px;
	background:url(../images/mobile_logo.png) no-repeat center / 100%;
}
*/
.header.fixed .nav > ul > li > a {  font-size:18px; padding:15px 50px; }
.header.fixed .submenu { top:45px; padding-top:10px;}
.header.fixed .submenu.on { height:340px; padding-top:0;}

.header.fixed + .submenuBg.on { height:380px; }
.header.fixed .util { right:30px;}
.header.fixed .util a.btnComTop { padding:0 14px;  font-size:14px; }
.header.fixed .util a.btnRemote { padding: 7px 18px; margin-left:12px; }
.header.fixed .util a.btnRemote span { margin-left:5px; font-size:14px; }

@media (max-width:1669px){
	.header.fixed .nav {}
	.header.fixed .nav > ul { margin-left:-150px;}
	.header.fixed .nav > ul > li > a {  padding:15px 40px; }
}
@media (max-width:1500px){
	.header.fixed .nav > ul { margin-left:-250px;}
	.header.fixed .nav > ul > li > a {  padding:15px 30px; }
}
@media (max-width:1390px){
	.util .u-smart {display:none;}
}

.qkWrap {
	position: fixed;
	right:40px; bottom:40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index:999;
}
.qkWrap ul { transition: all 0.5s; }
.qkWrap ul li { display: flex;  justify-content: flex-end;}
.qkWrap ul li a { 
	margin-bottom:10px; 
	border-radius:28px; 
	height:53px; 
	display: flex; justify-content: center; align-items: center;
	padding:0 0; 
	transition: all 0.4s;
	width:53px;
}

/*
.qkWrap ul li a.btn_qk_consult {
	background:#0a8bcf;
	padding-right:15px;
	padding-left:15px;
	width:auto;
	transition: all 0.3s ease-out;
}
.qkWrap ul li a.btn_qk_consult span { color:#fff; font-size:18px; font-family: var(--point-font) !important; }
.qkWrap ul li a.btn_qk_consult:hover { padding-right:20px; padding-left:20px;}
*/

.btn_qk_consult {position:fixed;  right:0px; bottom:300px;}

.qkWrap ul li a.btn_qk_blog { background:#29b653; }
.qkWrap ul li a.btn_qk_kakao { background:#fae100;}
.qkWrap ul li a.btn_qk_edu { background:#f6dbdd; padding-top:4px;}

.qkWrap ul li a.btn_qk_blog:hover,
.qkWrap ul li a.btn_qk_kakao:hover,
.qkWrap ul li a.btn_qk_edu:hover { transform: scale(1.1);}


.qkWrap ul li a.btn_qk_edu em { 
	color:#000; font-size:14px; font-family: var(--point-font) !important;
	line-height:1.1;
}

.qkWrap div { display: flex; justify-content: flex-end;}
.qk_consult {
	display: block;
	width:26px; height: 26px;
	background:url(../images/qk_i1.png) no-repeat center / 100%;
}
.qk_blog {
	display: block;
	width:34px; height: 34px;
	background:url(../images/qk_i2.png) no-repeat center / 100%;
}
.qk_kakao {
	display: block;
	width:33px; height: 33px;
	background:url(../images/qk_i3.png) no-repeat center / 100%;
}

a.btnGoTop { 
	display:flex; justify-content: center; align-items: center; height:53px; width:53px; border-radius:28px; 
	background:rgba(23,28,97,0.3); transition: all 0.5s;
}
a.btnGoTop:hover { background:rgba(23,28,97,0.7) !important;}

.qk_top {
	display:block;
	width:17px; height: 21px;
	background:url(../images/qk_top.png) no-repeat center / 100%;
}



/*
#main { position:relative; height:calc(100vh - 210px); overflow:hidden; margin-top:210px; }
#main #mainVisual { height:100%; height:100%; position: relative;}

#main #mainVisual .item {
  position: relative;
  overflow: hidden;
}

#main #mainVisual .item > div {
  height: 100%;
}

#main #mainVisual .item.active-item .bg {
  -webkit-transform: scale(1);
          transform: scale(1);
}


#main #mainVisual .item .txtBox .mta {
	transform: translateY(40px);
	opacity: 0;
	transition: all 1.5s ease-out 0.8s;
}

#main #mainVisual .item.active-item .txtBox .mta {
  transform: translateY(0);
  opacity: 1;
  color:#fff;
}

#main #mainVisual .bg {
  background-size: cover !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 8s ease-in-out;
  transition: all 8s ease-in-out;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

#main #mainVisual .slick-list,
#main #mainVisual .slick-track,
#main #mainVisual .visu {
  height: 100%;
}

#main #mainVisual .txtBox {
  position: absolute;
  width: 1140px;
  text-align: left;
  color: #fff;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  
}


#main #mainVisual .controls > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}

#main #mainVisual .controls > div:not(:last-child) {
  margin-right: 28px;
}

#main #mainVisual .controls .arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#main #mainVisual .controls .slidePage {
  font-size: 0.9375rem;
}

#main #mainVisual .controls .slidePage .total {
  opacity: 1;
}

#main #mainVisual .controls .bar {
  width: 86px;
  height: 4px;
  background: rgba(255,255,255,0.35);
  position: relative;
}

#main #mainVisual .controls .bar p {
  height: 100%;
  background: rgba(255,255,255,1);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

#main #mainVisual .controls .play-stop {
  margin-top: 4px;
  margin: 0 8px;
}

#main #mainVisual .scrollBtn {
  text-align: center;
  position: absolute;
  bottom: 80px;
  width: 100%;
  -webkit-animation: scrollBtn 1.5s infinite ease-in-out;
          animation: scrollBtn 1.5s infinite ease-in-out;
}
*/

.arrows button { background: transparent !important;}

.mv-left{ background: url(../images/main_prev.svg) no-repeat center / 100% !important; width:24px; height:24px; display:inline-flex; border:none; }
.mv-right { background: url(../images/main_next.svg) no-repeat center / 100% !important ; width:24px; height:24px; display:inline-flex; }
.mv-pause { background:url(/images/g-pause.png) no-repeat center ; width:30px; height:30px; display:inline-flex; display: none;}
.mv-play { background:url(/images/g-play.png) no-repeat center ; width:30px; height:30px; display:inline-flex; display: none; }


.fxRight { 
	display:flex; justify-content:flex-start; 
	position: absolute !important; left: 50% !important; bottom:72px !important;  
	transform: translateX(-50%);
	width:1140px;
}
.pgNum { width:auto; }
.conList { display:flex; display:flex; justify-content:space-between; }
.spArea { display:flex; align-items:center; }
.spArea .current { font-size:18px; color:#fff; font-weight:700; margin-right:10px; font-family: Montserrat;}
.spArea .current:before { content:"0"; display:inline-block; }
.spArea .total { font-size:18px; color:#fff; font-weight:700; margin-left:10px; font-family: Montserrat;}
.spArea .total:before { content:"0"; display:inline-block; }


.item1 .txtBox { align-items: center; }
.item1 .mta { display: flex; justify-content: center;}
.item1 .mta .mainTextArea { padding-left:10px; margin-top:-13px;}
.item1 .mta .mainTextArea div:nth-child(1) { display: flex; align-items: center;}
.item1 .mta .mainTextArea div:nth-child(1) strong { 
	font-size:90px; font-weight:700; color:#fff;
	letter-spacing: -1px; 
	font-family: var(--point-font);
}
.item1 .mta .mainTextArea div:nth-child(2) { text-align: center; padding:40px 0 50px;}
.item1 .mta .mainTextArea div:nth-child(2) span {
	display: block;
	font-size:22px; font-weight:400; 
	color:#fff;
	letter-spacing: -1px;
	line-height:2;
}
.item1 .mta .mainTextArea div:nth-child(3) { text-align: center; }
a.btnMainConsult {
	display: inline-flex;
	border:2px solid rgba(255,255,255,1);
	background:rgba(255,255,255,0.1);
	justify-content: center;
	align-items: center;
	font-size:20px;
	font-weight:700; 
	color:#fff;
	padding:18px 62px;
	border-radius:40px;
	transition: all 0.3s ease-out;
}
a.btnMainConsult:hover {
	padding:18px 80px;
}




/* main */
.baseWidth { max-width:1250px; margin:0 auto; }
.baseWidthMiddle { max-width:1400px; margin:0 auto; }
.baseWidthWide { max-width:1700px; margin:0 auto; }
.innerWidth { max-width:1300px; margin:0 auto; position: relative;}

.section1 { margin-top:140px; padding:135px 0 145px; position: relative; overflow-x: hidden; }

.courseTab { position: relative; z-index:2; margin-bottom:-35px;}
.courseTab ul { display: flex; justify-content: center; justify-content: center;}
.courseTab ul li {
	flex:0 0 auto; height:70px; display: flex; justify-content: center; align-items: center; 
	font-size:24px; font-family: var(--point-font); border:1px solid #959595; width:290px; border:1px solid #d2d2d2; color:#959595; cursor: pointer;
	line-height: 1;
	padding-top:4px;
	background:#fff;
	box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
.courseTab ul li:nth-child(1) { border-radius:10px 0 0 10px; }
.courseTab ul li:nth-child(2) { border-radius:0 10px 10px 0;}
.courseTab ul li.on { color:#fff; border:0; background-image: linear-gradient(to right, #0776e1 , #0251da); font-weight:900;}


.grayRoundBox { border-radius:250px 250px 250px 0;  background:#f5f5f5;}
.specialBox { display: block; padding:180px 0; }
.courseBox > div { display: none; }
.courseBox > div.on { display: block; }

h2.comm_h2 { position:relative; }
h2.comm_h2 article { display: inline-flex; flex-direction: column; justify-content: flex-start; }
h2.comm_h2 article em { display: flex; color:#0155e2; font-size:14px; margin-bottom:20px; justify-content: flex-end; padding-right:5px; font-family: var(--point-font); letter-spacing: 1px;}
h2.comm_h2 article div { position: relative; text-align: left; }
h2.comm_h2 article div > span { display: block; letter-spacing: -2px; font-size:60px; font-weight:700; padding-bottom:10px; color:#171c61; font-family: var(--point-font);}
h2.comm_h2 article div > span strong { 
	font-size:60px; color:#171c61; font-weight:700; font-family: var(--point-font); 
	background-image: linear-gradient(#0154df, #0c3a9f, #0570ca);
    color: transparent;
    background-clip: text;
}
h2.comm_h2 article div > span._Center { text-align: center;}

.hrdBox h2.comm_h2 { text-align: center;}
.hrdBox h2.comm_h2 article { align-items: flex-end; }

.pdtb30 { padding:30px 0;}
.pdtb70 { padding:70px 0;}
.base_n1 { font-size:20px; font-weight:400; color:#171c61; line-height: 2; letter-spacing: -1px;}
.base_n1 span { display: block;}
.base_n1 span strong { color:#171c61; }

._Center { text-align: center;}


a.btnTotalView { padding:15px 25px; border-radius:50px; border:2px solid #e5e5e5; display: inline-flex; align-items: center; background:#fff;}
a.btnTotalView span { font-size:18px; font-weight:700; margin-right:12px; transition: all 0.3s ease-out;}
a.btnTotalView i.i_base_go { 
	width:16px;
	height:11px;
	display: block;
	background:url(../images/i_go_arrow.png) no-repeat center / 100%;
}

a.btnTotalView:hover span { margin-right:20px; }


.reSlideWrap { 
	position: absolute; left:42%; top:600px;
	z-index:3;
	width:58%;
	height:350px;
}
.reSlideWrap .mySwiperCom { height:100%;}

a.mysLink1 > div { height:200px; border-radius:20px; overflow: hidden;}
a.mysLink1 > div img { width:100%; height:100%;	object-fit: cover; transition: all 0.5s ease-out; }
a.mysLink1 > strong { font-size:18px; padding:20px 0; text-align: center; display: block; line-height: 1.4;}
a.mysLink1:hover > div img { transform: scale(1.1);}

.reSlideWrap .mySwiperCom .mysNext {
	position: absolute;
	left:50%; top:320px;
	margin-left:310px;
}
.reSlideWrap .mySwiperCom .mysPrev {
	position: absolute;
	left:50%; top:320px;
	margin-left:240px;
}

.reSlideWrap .mySwiperCom .swiper-pagination { display: none; }


.colorGreen { color:#80db6b; }
.colorYellow { color:#ffe613; }
.colorBlue {color:#3ffbf9;}
.bgGray { background:#f4f4f4 !important; }
.underline { text-decoration: underline ;}
.pc_view { display: block;}
.mobile_view { display: none;}


.section2 {  background:#f2faff url(../images/hrd_bg.jpg) no-repeat center top; padding:180px 0; }

.s2_box { padding:108px 0;}
.textCenter { text-align: center;}
.textLeft { text-align: left;}
.baseColorGradient { 
	font-size:14px; text-align: center; display: inline-block; text-align: center; padding-bottom:32px;  
	font-weight:900; letter-spacing: 4px;
	background-image: linear-gradient(to right, #123c84 , #69b900 );
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}

.sBox2 { margin:0 auto; width:1227px; position: relative;}
.sBox2 h3 {
	position: absolute;
	left:50%; top:50%; 
	transform: translate(-50%,-50%);
	width:300px; height: 275px;
	margin-top:-130px;
	display: flex; justify-content: center; align-items: center; 
	flex-direction: column; 
	text-align: center;
	padding-top:5px;
}
.sBox2 h3 strong {
	font-family: var(--point-font); font-size:45px; font-weight:700; line-height:1.1;
	color:#fff;
	display: block;
}
.sBox2 h3 span {
	display: block;
	margin-top:10px;
	font-family: var(--point-font); font-size:20px; font-weight:500; line-height:1.2;
	color:rgba(255,255,255,0.3);
}
.sBox2 .sbtxt { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.sBox2 .sbtxt strong { font-family: var(--point-font); font-size:26px; font-weight:700; line-height:1.2;}
.sBox2 .sbtxt span { font-family: var(--point-font); font-size:18px; font-weight:500; line-height:1.2; }

.sBox2 .sbox201 {
	position: absolute;
	left:120px; top:290px; 
	width:228px; height: 193px;
}
.sBox2 .sbox202 {
	position: absolute;
	right:110px; top:290px; 
	width:228px; height: 193px;
}
.sBox2 .sbox203 {
	position: absolute;
	left:50%; bottom:170px; 
	margin-left:8px;
	transform: translateX(-50%);
	width: 277px; height: 193px;
}
.sBox2 .sbox202 span { margin-bottom:5px;}
.sBox2 .sbox203 span { margin-bottom:5px;}

.hrdList {
	display: flex;
	justify-content: center;
}
.hrdList article {
	margin:0 12px;
	border-radius:20px;
	background:#fff;
	box-shadow: 0 10px 70px rgba(0,0,0,0.02);
	padding:40px 40px;
	position: relative;
	flex:0 0 350px;
}
.hrdList article div {
	text-align: center;
}
.hrdList article dl { margin-top:40px; }
.hrdList article dl dt {
	margin-bottom:20px;
	font-family: var(--point-font); font-size:26px; font-weight:700; line-height:1.2;
	color:#171c61;
}
.hrdList article dl dd {
	font-family: var(--cafe-font-air); font-size:22px; line-height:1.3;
	color:#5a5a5a;
}
.hrdList article i {
	position: absolute;
	right:30px;
	bottom: 30px;
	width:41px; height: 41px;;
	background:url(../images/i_chk_v.png) no-repeat center / 100%;
}

.section3 { padding:180px 0 30px; }
.uSmartList { 
	margin:80px auto 126px; display: flex; justify-content: space-between; flex-wrap: wrap;
	width:1510px;
}
.uSmartList article { position: relative; margin-bottom:24px;}
.uSmartList article div { overflow: hidden; position: relative; border-radius: 20px; z-index:1;}
.uSmartList article div img { width:100%; transition: all 0.5s ease-out;}

.uSmartList article:hover div img { transform: scale(1.1);}

.uSmartList article dl { position: absolute; left:50px; bottom:40px; z-index:10;}
.uSmartList article dl dt {
	font-family: var(--cafe-font-air); font-size:22px; line-height:1.3;
	color:#fff;
	}
.uSmartList article dl dd { position: relative; margin-top:8px;}
.uSmartList article dl dd span::before {
	height:30px; background:#060a3f;
	position: absolute; left:0; bottom:-10px;
	width:100%;
	content:"";
}
.uSmartList article dl dd span { display: inline-flex; position: relative; align-items: center; }
.uSmartList article dl dd strong { 
	font-size:30px;
	font-family: var(--point-font);
	font-weight:500;
	color:#fff;
	position: relative;
	z-index:2;
}
.uSmartList article dl dd em { 
	font-size:30px;
	font-family: var(--point-font);
	font-weight:500;
	color:#fff;
	position: relative;
	z-index:2;
}

.uSmartList article:nth-child(1) dl dd strong { color:#47f2f8; }
.uSmartList article:nth-child(2) dl dd strong { color:#4bee75; }
.uSmartList article:nth-child(3) dl dd strong { color:#ffee35; }
.uSmartList article:nth-child(4) dl dd strong { color:#ffb24e; }

.uSmartList article:nth-child(2) dl dd em ,
.uSmartList article:nth-child(3) dl dd em ,
.uSmartList article:nth-child(4) dl dd em { margin-left:7px; }

.textSlide { text-align: center; overflow: hidden; height:300px; position: relative;}
.textSlide article { 
	font-size:210px; font-weight:700; color:#efeff2; font-family:var(--playfair-font); line-height: 1; text-align: center; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);
	white-space: nowrap;
}

.section4 { padding:180px 0; position: relative; }

.courseList { display: flex; justify-content: center; margin:85px 0;}
.courseList article { 
	margin:0 12px; text-align: center; padding:50px 0; flex:0 0 330px; border-radius:20px; border:1px solid #eeeeee; background: #fff;
	box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}
.courseList article em {
	display: block; text-align: center;
	font-size:14px; 
	color:rgba(0,0,0,0.5);
	font-weight:700;
	font-family: var(--point-font);
}
.courseList article i {
	width:100px; height: 100px;
	margin:40px auto 40px;
	display: block;
}
.courseList article:nth-child(1) i { background:url(../images/ib_icon1.png) no-repeat center; }
.courseList article:nth-child(2) i { background:url(../images/ib_icon2.png) no-repeat center; }
.courseList article:nth-child(3) i { background:url(../images/ib_icon3.png) no-repeat center; }
.courseList article:nth-child(4) i { background:url(../images/ib_icon4.png) no-repeat center; }
.courseList article p span {
	font-size:26px; 
	font-family: var(--point-font);
	font-weight:500;
	line-height:1.2;
	display: block;
}
.courseList article p span strong {
	font-size:20px; 
	font-family: var(--point-font);
	font-weight:500;
	line-height:1.2;
	color:rgba(0,0,0,0.7);
	display: block;
	margin-top:2px;
}

.courseList article:nth-child(1) { background:#0252db; border:0; }
.courseList article:nth-child(1) em { color:rgba(255,255,255,0.5); }
.courseList article:nth-child(1) p span { color:#fff;}

.sboxBtnArea {
	text-align: center;
	margin-top:40px;
}

a.btnEduInq {
	display: inline-flex;
	padding:28px 65px 24px;
	font-weight:700;
	color:#0252db;
	font-weight:700;
	letter-spacing: -0,5px;
	font-family: var(--point-font);
	border-radius:50px;
	border:3px solid #0252db;
	background:#fff;
	font-size:28px;
	box-shadow: 0 15px 35px rgba(0,0,0,0.08);
	transition: all 0.4s ease-out;
}
a.btnEduInq:hover {
	padding-left:80px; 
	padding-right:80px;
	background:#0252db;
	color:#fff;
}

.custWrap { background:url(../images/cust_bg.jpg) no-repeat center / cover; height:220px; }
.custBox { display: flex; justify-content: space-between; align-items: center; height:100%;}
.custBox h2 { flex: 0 0 270px; }
.custBox h2 strong { color:#cacaca; font-size:22px; display: block; font-weight:500; letter-spacing: -0.25px; padding-bottom:5px;  line-height: 1.2;}
.custBox h2 em a { color:#fff; font-size:30px; font-weight: 700; letter-spacing: -0.25px; line-height: 1.2;}
.custBox ul { flex: 0 0 250px; display: flex; height: 100%; flex-direction: column; justify-content: center; }
.custBox ul li { display: flex; margin:5px 0; }
.custBox ul li strong { flex:0 0 90px; color:#fff; font-size:18px; letter-spacing:2px; font-weight:300; }
.custBox ul li span { color:#fff; font-size:18px; letter-spacing:1.5px; font-weight:300;}

.custBox ul li:nth-child(1) strong i { margin:0 18.8px }

.custBox div:nth-of-type(1) { flex:0 0 385px; position: relative; position: relative;}
.custBox div:nth-of-type(1) i { 
  display: block; width: 79px; height: 53px; background:url(../images/cust-i1.png) no-repeat; background-size:100% auto; 
  position: absolute; left: 30px; top:50%; margin-top:-26px;
}
.custBox div:nth-of-type(1)::before { content:""; position: absolute; left: 0; top: 50%; height: 84px; margin-top:-42px; width:1px; border-left:1px dashed #989998; }
.custBox div:nth-of-type(1) p { padding-left:125px; }
.custBox div:nth-of-type(1) p span { display:block; color:#fff; font-size:18px; line-height:1.5; letter-spacing: -0.75px;}

.custBox div:nth-of-type(2) { flex:0 0 365px; }
.custBox div:nth-of-type(2) { padding-left:125px; position: relative;  }
.custBox div:nth-of-type(2) i { 
  display: block; width: 70px; height: 49px; background:url(../images/cust-i2.png) no-repeat; background-size:100% auto; 
  position: absolute; left: 30px; top:50%; margin-top:-24.5px;
}
.custBox div:nth-of-type(2)::before { content:""; position: absolute; left: 0; top: 50%; height: 84px; margin-top:-42px; width:1px; border-left:1px dashed #989998; }
.custBox div:nth-of-type(2) h3 { font-weight:700; color:#fff; line-height:1.5; font-size:18px; }
.custBox div:nth-of-type(2) p span { font-weight:400; color:#fff; line-height:1.5; font-size:18px; display: block; letter-spacing: -0.5px; }




#footer { background:#1a1d55; }
.footTop { border-bottom:1px solid #455c7e; height:95px; }
.footInner { display: flex; justify-content: space-between; align-items: center; height: 100%;}
.footList {display: flex;}
.footList li { margin-left:18px; padding-left:19px; position: relative; justify-content:flex-start; }
.footList li::before { content:"";display: block; width: 1px; height: 14px; background: rgba(255,255,255,0.2); position: absolute; left: 0;top: 2px;}
.footList li a { color:#fff; font-size:17px; }
.footList li:nth-child(1) { margin-left:0; padding-left: 0;}
.footList li:nth-child(1)::before { display: none; }

.footRight { display: flex; }
.footRight > div { width:210px; height: 45px; margin-left: 9px;}

.frDiv > a { 
  display: flex; border:1px solid #889dba; background:#2c2f62; color:#7f8da4;
  padding:12px 14px; position: relative; font-size:17px; letter-spacing:-0.4px; 
}
.footManual > a i { 
  display: block;
  position: absolute; right: 23px; top: 17px; background:url(../images/i-plus.png) no-repeat; width:9px; height: 9px; 
}
.frDiv ul { position: absolute; border:1px solid #889dba; background:#2c2f62; width:210px; display: none; margin-top:-1px;z-index:99;}
.frDiv ul li a { padding:12px 14px; font-size:17px;  letter-spacing:-0.4px; display: block; color:#7f8da4; }
.frDiv ul li a:hover {  color:#fff; }

.footPartner > a i { 
  display: block;
  position: absolute; right: 20px; top: 19px; background:url(../images/i-down-arrow.png) no-repeat; width:9px; height: 5px; 
}


.footAddr { padding:30px 0 100px; display: flex; }
.footAddr h1 { margin-right:54px;}
.footAddr ul li { margin-bottom:12px; color:#fff; font-weight:300; font-size:14px;}
.footAddr ul li strong { font-weight:500; color:#fff;}
.footAddr ul li span { color: #fff; position: relative; margin-left:12px; padding-left:13px; position: relative; font-weight:300;}
.footAddr ul li span:nth-child(1) { margin-left: 0; padding-left: 0; }
.footAddr ul li span::before { content:"";display: block; width: 1px; height: 14px; background: #889dba; position: absolute;left: 0;top: 6px;}
.footAddr ul li span:nth-child(1)::before { display: none;}
.footAddr ul li:nth-child(4) ,
.footAddr ul li:nth-child(4) span  {color:#7a879e;}

.qm { position:fixed; right:20px; bottom:30px; z-index:9999; transition: all 0.5s ease-out;}
.qm a { display:block; margin-bottom:14px; width:60px; height:60px; }
.qm a img { width:100%; }




/* sub */
.subContainer { padding:210px 0 150px; position: relative; z-index:1;}
.sv { display: flex; justify-content: space-between; align-items: center; padding:55px 0 45px;}
.sv h2 { font-size:45px; color:#000; text-align: center; letter-spacing: -2px; font-weight:500; font-family: var(--point-font); padding-top:6px; }

.path { display: flex; align-items: center;}
.i_home {
	display: block;
	width:15px; height: 15px;
	background:url(../images/i_home.png) no-repeat center / 100%;
	margin-right:10px;
}
.path span { font-size:18px;}

.mypageTab ul { display: flex; justify-content: center; width:100%;}
.mypageTab ul li { height: 80px; border:1px solid #d2d2d2; border-left:0; flex:0 0 33.333333%}
.mypageTab ul li:nth-child(1) { border-left:1px solid #d2d2d2; }
.mypageTab ul li a { 
	display: flex; justify-content: center; height: 100%; align-items: center; font-size:24px; letter-spacing: -2px; font-weight:500; font-family: var(--point-font); 
	color:#757575;
	background:#f9f9f9;
	padding-top:4px;
}
.mypageTab ul li a span {
	color:#757575;
	font-size:24px; letter-spacing: -2px; font-weight:500; font-family: var(--point-font); 
	margin-left:5px;
}
.mypageTab ul li.on {
	border-bottom:1px solid #000;
}
.mypageTab ul li.on a {
	background:#fff;
	color:#000;
}

.categoryTab {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.categoryTab ul {
	display: flex; justify-content: center; align-items: center;
}
.categoryTab ul li { flex:0 0 auto; }
.categoryTab ul li a { 
	font-size:20px; font-weight:400; padding:24px 0; 
	margin:0 24px;
	display: block; position: relative; 
}
.categoryTab ul li a::after {  
	content:""; display:block; position: absolute; left:50%; bottom:0;
	width:0;
	height:1px;
	transition: all 0.3s ease-out;
	transform: translateX(-50%);
 }
.categoryTab ul li a:hover::after {  
	width:100%;
	background:#000;
}
.categoryTab ul li.on a { font-weight:700; }
.categoryTab ul li.on a::after {
	width:100%;
	background:#000;
}

.subCateCon { display: flex; padding:45px 0;}
.subCateCon .cateConList { flex:1; margin-right:30px;}
.subCateCon .popularList { flex:0 0 300px; border:1px solid #d2d2d2; background:#fff; }
.subCateCon .popularList h3 { 
	text-align: center; font-size:26px; font-weight:500; font-family: var(--point-font); 
	border-bottom:1px solid #d2d2d2;
	background:#f7f7f7;
	padding:24px 0 20px;
}
.subCateCon .popularList ul { padding:30px; }
.subCateCon .popularList ul li { display: flex;align-items: center; margin-top:20px;}
.subCateCon .popularList ul li:nth-child(1) { margin-top:0;}
.subCateCon .popularList ul li div { flex:0 0 32px; }
.subCateCon .popularList ul li div em { 
	width:32px; height:32px; display: flex; justify-content: center; align-items: center; line-height:1; font-size:16px; 
	border:1px solid #d3d3d3;
	border-radius:16px;
}
.subCateCon .popularList ul li div em.red {
	border:1px solid #d00026;
	background:#d00026;
	color:#fff;
}
.subCateCon .popularList ul li span { margin-left:12px; font-size:18px; font-weight:400; line-height:1.2;}

.subCateCon .cateConList.on { padding-right:300px; }
.subCateCon .cateConList .total-no { display:block; width:100%; font-weight:300;padding-top:8px; text-align:right;}
.subCateCon .cateConList .total-no span { font-weight:600;}
.subCateCon .popularList.fixed { position:fixed; left:50%; top:100px; transform:translateX(400px); width:300px;  }

.subCateCon .popularList.fixed ul { height:calc(100vh - 200px); overflow-y:auto; }

.subCateCon .popularList.fixed ul::-webkit-scrollbar { width: 8px; border-radius:0;  }
.subCateCon .popularList.fixed ul::-webkit-scrollbar-track {background: #f8f8f8; border-radius:0; }
.subCateCon .popularList.fixed ul::-webkit-scrollbar-thumb {background: #b3b3b3; border-radius:0;}
.subCateCon .popularList.fixed ul::-webkit-scrollbar-thumb:hover { background: #2e2e2e; border-radius:0;}


.arrayTab { padding:15px 0 24px; display: flex; }
.arrayTab li { flex:0 0 auto; }
.arrayTab li a { display: inline-flex; padding:8px 14px; font-size:16px; letter-spacing: -0.5px;}
.arrayTab li.on a { font-weight:700; border:1px solid #f7b2b7; border-radius:30px; color:#e60012; }

.cateThumList article { display: flex; border-bottom:1px solid #d2d2d2; margin-top:60px;}
.cateThumList article:nth-child(1) { margin-top:0; }
/*
.categoryImg { flex:0 0 350px; overflow: hidden; position:relative; border:solid 1px #ff0000;}
.categoryImg a { display: block; }
.categoryImg a img { height:350px; object-fit: cover; transition: all 0.3s ease-out; width:100%;}
.categoryImg a:hover img { transform: scale(1.1);}
*/
.categoryImg { flex:0 0 360px; overflow: hidden; position:relative; }
.categoryImg a { display: block; height:100%;}
.categoryImg a img { height:200px; object-fit: cover; transition: all 0.3s ease-out; width:100%; height:100%;}
.categoryImg a:hover img { transform: scale(1.1);}
.categoryCon { padding:0px 0 60px 50px; flex:1; position: relative;}
.categoryCon a { display: block;}
.categoryCon a h3 { 
	font-size:28px; font-weight:500; font-family: var(--point-font); 
	line-height:1.3;
	/*
	margin-bottom:15px;
	*/
	margin-bottom:0px;
}
.categoryCon a p.base_c1 {
	font-size:18px;
	color:#575757;
	line-height:1.7;
	padding-right:20px;
}
.categoryCon .name_heart {
	position: absolute;
	left:0;
	bottom:15px;
	display: flex;
	justify-content: space-between;
	height:50px;
	align-items: center;
	width:100%;
	padding-left:50px;
}
.categoryCon .name_heart dl { display: flex; align-items: center; padding-top:10px;}
.categoryCon .name_heart dl dt { margin-right:20px; font-size:14px; color:#5a5a5a; line-height:1.5;}
.categoryCon .name_heart dl dd { display: flex; align-items: center; margin-right:20px;}
.categoryCon .name_heart dl dd i.i_heart {
	width:22px; height:18px;
	display: block;
	background:url(../images/i_heart.png) no-repeat center / 100%;
	margin-right:5px;
}
.categoryCon .name_heart dl dd span { font-size:16px; color:#5a5a5a; }

.categoryCon .name_heart a.btnVideoView {
	border:1px solid #d2d2d2;
	height:50px;
	padding:11px 20px;
	background: #fff;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-out;
}
.categoryCon .name_heart a.btnVideoView i {
	width:27px; height:26px;
	display: block;
	background:url(../images/i_video_play.png) no-repeat center / 100%;
	margin-right:10px;
}
.categoryCon .name_heart a.btnVideoView span {
	font-size:18px; font-weight:400;
}
.categoryCon .name_heart a.btnVideoView:hover {
	padding-left:25px; padding-right:25px;
	border:1px solid #000;
}

.categoryCon .kind_list { margin-bottom:10px; }

.sort_iv { padding-left:5px; display: flex; align-items: center;}
.iv_comm {
	display: inline-flex; justify-content: center; align-items: center; padding:6px 15px; font-size:16px; 
	border-radius:25px; background:#fff;
	margin-right:5px; font-weight:700;
}
.iv_recommand { 
	color:#318dff; 
	border:1px solid #318dff;
}
.iv_popular { 
	color:#ff5a5a; 
	border:1px solid #ff5a5a;
}
.iv_new { 
	color:#118d7a; 
	border:1px solid #118d7a;
}

.sort_dh { display: flex; align-items: center; padding:20px 0; flex-wrap:wrap;}
.c_division { flex:0 0 auto; margin-right:5px;}
.c_division em { 
	font-size:14px; font-weight:500; 
	color:#fff; padding:6px 12px; display: inline-block;
	background:#6000ff; border:1px solid #6000ff; 
}
.c_division em.k_microLearning { 
	background:#6000ff; border:1px solid #6000ff; 
}
.c_division em.k_shortForm { 
	background:#eb2eab; border:1px solid #eb2eab; 
}

.c_hash { display: flex; align-items: center; flex:0 0 100%; padding-top:15px; }
.c_hash span { margin-right:10px; font-size:14px; font-weight:500; }


.birth_dev { position: relative; flex:0 0 auto; border:1px solid rgba(0,0,0,0.3); color:#000; padding:5px 12px; display: inline-block; }
.birth_dev strong { margin-right:5px; font-size:14px !important; font-weight:700;}
.birth_dev em { font-size:14px !important; font-weight:500;}


.subContent { position: relative; z-index:1;}

.total { padding:20px 0 20px;}
.total p { font-size:18px; color:#262626; font-weight:400;}
.total p strong { color:#1e5ce9; font-weight:700;}


.searchForm { height:63px; display: flex; align-items: center; 	position: relative;}
.searchForm .baseSelect { 
	border-radius:32px;
	height:100%;
	border:1px solid #dadada;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex:0 0 auto;
}
.searchForm .baseSelect::after {
	content:"";display:block;
	width:12px; height:9px;
	background:url(../images/i_select_arrow.png) no-repeat center / 100%;
	position:absolute; right:20px; top:50%; 
	transform: translateY(-50%);
}
.searchForm .baseSelect .select { 
	appearance: none;
	border:none;
	width:100%;
	height:100%;
	border: none;
	background: none;
	font-size:18px;
	font-weight:400;
	padding-right:30px;
	padding-right:50px;
	padding-left:20px;
	outline: none;
}

.searchForm .baseInp { 
	flex:0 0 330px;
	margin-left:5px;
}
.searchForm .baseInp .inp_search { 
	border-radius:32px;
	height:100%;
	padding-left:20px;
	padding-right:40px;
	border:1px solid #dadada;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height:63px;
	font-size:18px;
}
.searchForm .baseInp .btnSearch { 
	width:60px; height:63px;
	border:none;
	position: absolute;
	right:0; top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#efeff0;
	border-radius:30px;
}
.searchForm .baseInp .btnSearch i.i_search_icon { 
	display: block;
	width:20px; height:20px;
	background:url(../images/i_search_icon.png) no-repeat center / 100%;
}


/* paginate */
.pgWrap { padding:50px 0 0;}
.paginate {text-align:center;display: flex; justify-content: center;}
.paginate a {display:inline-block;width:46px;height:46px;text-align:center;color:#000;font-size:16px;line-height:2.7em; border-radius:23px; }
.paginate a span {display:inline-block;padding:0 2px;line-height:1em;}
.paginate a:hover  {background:#c5c5c5; color:#fff;}
.paginate a.active  {background:#0090df; background:#171c61; color:#fff;}
.paginate a.active:hover { background:#171c61; }
.paginate a.active span { color:#fff;}
.paginate a:hover span {border-bottom:1px solid #fff;color:#fff;}
.paginate a.prev {margin:0 15px 0 2px;text-indent:-9999px;border:1px solid #dadada;;background:url(../images/pg_prev.jpg) no-repeat 50%;}
.paginate a.first {margin:0 2px 0 2px;text-indent:-9999px;border:1px solid #dadada;background:url(../images/pg_first.jpg) no-repeat 50%;}
.paginate a.next {margin:0 2px 0 15px;text-indent:-9999px;border:1px solid #dadada;background:url(../images/pg_next.jpg) no-repeat 50%;}
.paginate a.last {margin:0 2px 0 2px;text-indent:-9999px;border:1px solid #dadada;background:url(../images/pg_last.jpg) no-repeat 50%;}


.subConArea { padding:30px 0 0;}
.subConArea2 { padding:0 0 0;}

.classThum { display: flex; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #d2d2d2; position:relative;}
.classList > article:nth-child(1) { padding-top:0;}
.classList > article:last-child { margin-bottom:0;}
.classImg { flex:0 0 400px; position: relative; border-radius:20px; overflow: hidden; }
.classImg a img { height:226px; object-fit: cover; transition: all 0.3s ease-out; width:100%;}

.runTime {
	font-size:16px; padding:6px 14px; background:#fff; border-radius:30px;
	position: absolute; right:15px; bottom: 15px; font-weight:500;
}

.infoTxt {background:#eee;padding:20px;}
.infoTxt h2 {font-size:28px;} 
.infoTxt ul {margin-top:5px;}
.infoTxt ul li {line-height:30px;} 

.classCon { flex:1; padding:23px 38px; position: relative;}
.classDetail { flex:0 0 400px;}

.kind_list { display: flex;}
.kind_list li { margin-right:5px;}
.k_em { display: inline-flex; justify-content: center; align-items: center; padding:6px 15px; font-size:14px; color:#fff; border-radius:25px; background:#1e5ce9;}
.classCon h3 { font-size:28px; font-weight:500; font-family: var(--point-font); line-height:1.3; padding:10px 0;}


.classCon a p.base_c1 {
	margin-top:8px;
	font-size:18px;
	color:#575757;
	line-height:1.7;
	padding-right:20px;
}

.recent_list { display: flex; align-items: center; position: absolute; left: 38px; bottom: 20px;}
.recent_list dl { display: flex; }
.recent_list dl dt { font-size:16px; color:#5a5a5a; margin-right:6px;}
.recent_list dl dd { font-size:16px; color:#353535; font-weight:700; }
.recent_list strong { display: inline-flex; margin-left:6px; font-size:16px; color:#1e5ce9; font-weight:400;}


.price_list { display: flex; align-items: center; position: absolute; left: 38px; bottom: 20px;}
.price_list dl { display: flex; }
.price_list dl dt { font-size:16px; color:#5a5a5a; margin-right:6px; font-size:18px;}
.price_list dl dd { font-size:16px; color:#353535; font-weight:700; }
.price_list strong { display: inline-flex; margin-left:6px; font-size:26px; color:#1e5ce9; font-weight:700;}


.classCon .name_heart {
	position: absolute;
	right:0;
	bottom:15px;
	display: flex;
	justify-content: space-between;
	height:50px;
	align-items: center;
	width:20%;
	margin-right:20px;
}
.classCon .name_heart a.btnSubscriptionView {
	border:1px solid #d2d2d2;
	height:50px;
	padding:11px 20px;
	background: #fff;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-out;
}
.classCon .name_heart a.btnSubscriptionView span {
	font-size:18px; font-weight:400;
}
.classCon .name_heart a.btnSubscriptionView:hover {
	padding-left:25px; padding-right:25px;
	border:1px solid #000;
}


.conTextArea { border-radius:20px 0 0 20px; background:#f9f9f9; padding:25px; height:227px; }
.scrollType1 { overflow-y: auto; }
.base_a1 { font-size:18px; line-height:1.8; color:#575757;}


.myName { padding:50px 0 40px; display: flex; justify-content: center; }
.myName p { display: flex; justify-content: center;  }
.myName p strong { font-size:30px; color:#0057e7; font-weight:800; position: relative; padding-bottom:10px; letter-spacing: -0.5px;}
.myName p strong::after { content:""; display: block; width:100%; height:1px; background:#0057e7; position: absolute; left:0; bottom:0;}
.myName p span { font-size:30px; margin:0 7px 0 7px; letter-spacing: -0.5px;}
.myName p em { font-size:30px; font-weight:800; letter-spacing: -0.5px;}

.myStudyPeriod { display:flex; justify-content:center; padding-bottom:70px; }
.myStudyPeriod p strong { font-size:18px; font-weight:800; position: relative; letter-spacing: -0.5px; margin-right:5px; }
.myStudyPeriod p strong::before { content:"";display:inline-block; width:12px; height:12px; border-radius:4px; border:3px solid #0057e7; margin-right:7px;}
.myStudyPeriod p span { font-size:18px;  letter-spacing: -0.5px;}


.myClassList { display: flex; justify-content: space-between;}
.myClassList article { flex:0 0 32%; }
.myClassList article div { padding:45px 0; background:#f9f9f9; border-radius:20px;}
.myClassList article div h3 {
	font-size:24px; font-weight:500; font-family: var(--point-font);
	text-align: center;
}
.myClassList article div i { 
	width:85px;height: 68px; 
	display: block;
	margin:15px auto 28px;
}

.myClassList article div i.i_myc1 { background:url(../images/i_my201.jpg) no-repeat center; }
.myClassList article div i.i_myc2 { background:url(../images/i_my202.jpg) no-repeat center; }
.myClassList article div i.i_myc3 { background:url(../images/i_my203.jpg) no-repeat center; }

.myClassList article div ul { display: flex; justify-content: center; align-items: center;}
.myClassList article div ul li { display: flex; align-items: center; justify-content: center;}
.myClassList article div ul li span { font-size:20px; font-weight:400; letter-spacing: -0.5px;}
.myClassList article div ul li strong { font-size:26px; font-weight:500; font-family: var(--point-font); letter-spacing: -0.5px; }
.myClassList article div ul li em { font-size:20px; font-weight:400; letter-spacing: -0.5px;}

.myClassList article:nth-child(1) div ul li strong { margin-left:10px; margin-right:3px; }
.myClassList article:nth-child(2) div ul li:nth-child(1) { margin-right:15px;}
.myClassList article:nth-child(2) div ul li:nth-child(2) { padding-left:15px; position: relative;}
.myClassList article:nth-child(2) div ul li:nth-child(2)::before { content:""; display: block; width: 1px; height:24px;background:#e0e0e0; position: absolute; left: 0; top: 0;}
.myClassList article:nth-child(2) div ul li:nth-child(2) strong { margin-left:5px; }
.myClassList article:nth-child(3) div ul li strong { margin-right:5px; }

.myClassList article:nth-child(1) div ul li strong, 
.myClassList article:nth-child(3) p { color:#ff0000; }

.myClassList article p { text-align: center; padding:25px 0; font-size:16px; color:#5a5a5a; }


.diagnosisList { display: flex; justify-content: space-between; margin-top:30px;}
.diagnosisList a { 
	display: flex; flex-direction: column; align-items: center; justify-content: center; height: 185px; flex:0 0 49%;
	border-radius:20px;
}
.diagnosisList a strong {
	font-size:38px; font-weight:500;
	color:#fff;
	font-family: var(--point-font); letter-spacing: -0.5px;
}
.diagnosisList a span {
	font-size:20px; font-weight:300;
	color:#fff;
	letter-spacing: -0.5px;
	margin-top:8px;
}

.diagnosisList a.pre_self {
	background:#4796c3;
}
.diagnosisList a.post_self {
	background:#30a084;
}

.diagnosisList a.pre_self.on {
	border:10px solid #4796c3;
	background:#fff;
	border-bottom:0;
}

.diagnosisList a.pre_self.on strong { color:#4796c3 ;}
.diagnosisList a.pre_self.on span { color: #4796c3;}

.diagnosisList a.post_self.on {
	border:10px solid #30a084;
	background:#fff;
	border-bottom:0;
}

.diagnosisList a.post_self.on strong { color:#30a084 ;}
.diagnosisList a.post_self.on span { color: #30a084;}


.diaQuestion {
	padding:60px 0 40px;
	border-top:1px solid #d2d2d2;
}
.bdt_none { border-top:0;}
.diaQuestion h4 {
	font-size:30px; font-weight:700; 
	font-family: var(--point-font);
}
.diaDiv { display: flex; justify-content: flex-start; flex-wrap:wrap ;}
.diaDiv article { flex:0 0 50%; padding-right:30px; }
.diaDiv article p { font-size:20px; font-weight:800; line-height:1.4; padding:30px 0 15px;}

/*
.dqWrap { display: none; }
.dqWrap > div { display: none;}
*/
.dqWrap { display: block; }
.dqWrap > div { display: block;}
.dqWrap > div.on { display: block;}
.dqList h3 { text-align: center; font-size:40px; padding:80px 0 0; font-weight:300; }

.surveyQuestion { padding:30px 0;}
.surveyQuestion h4 {
	font-size:30px; font-weight:700; 
	font-family: var(--point-font);
}
.surveyDiv { display: flex; justify-content: flex-start; flex-wrap:wrap ;}
.surveyDiv article { flex:0 0 33.33333%; padding-right:30px; }
.surveyDiv article p { padding:30px 0 15px; display: flex; }
.surveyDiv article p em{ 
	font-size:20px; font-weight:800; line-height:1.4; 
	margin-right:10px;
}
.surveyDiv article p span {  
	font-size:20px; font-weight:800; line-height:1.4; 
}
.surveyDiv article .answer { padding-left:23px; padding-top:10px; }
.fxBoxColumn { flex-direction: column; }

.textAreaDiv { height:170px; border:1px solid #d2d2d2; background:#f9f9f9; }
.textaType1 { 
	border:none; padding:15px 20px; font-size:18px; line-height:1.7; 
	background:none; width:100%; height:100%;
	color:#656565; font-weight:400;
}






.consultFormList { display: flex; flex-wrap:wrap;}
.consultFormList article { margin-bottom:40px; flex:0 0 50%;}
.consultFormList article.fx_full { flex:0 0 100%;}
.consultFormList article div { position:relative; }
.consultFormList article div:nth-child(1) span.circleBlack {
	border-radius:20px; width:40px; height:40px; background:#000; display: inline-flex;justify-content: center; align-items: center;
	font-weight:700; color:#fff; font-size:18px;
	position:absolute; left:0; top:0;
}

.consultFormList.cBuy article div:nth-child(1) span.circleBlack { background:var(--blue-color);}
.consultFormList.cSell article div:nth-child(1) span.circleBlack { background:var(--green-color); }


.consultFormList article div.question { margin-bottom:10px; }

.consultFormList article div.question strong {
	font-weight:800; color:#000; font-size:22px;
	margin-left:8px;
	letter-spacing: -0.5px;
	padding-left:40px;
	padding-top:10px;
	display:inline-block;
}
.consultFormList article div.answer { padding:17px 0 0 50px;}

.inpx { height:50px; padding:12px 13px; background:#fff; border-radius:5px; border:1px solid #d4d3d5; color:#000; font-size:16px; font-weight:500;}
.texta { height:180px; padding:12px 13px; background:#fff; border-radius:5px; border:1px solid #d4d3d5; color:#000; font-size:16px; font-weight:500;}

.inpc { height:50px; padding:12px 20px; background:#171c61; border-radius:5px; border:1px solid #474c93; color:#fff; font-size:16px; font-weight:500;}
.textc { height:180px; padding:12px 20px; background:#171c61; border-radius:5px; border:1px solid #171c61; color:#fff; font-size:16px; font-weight:500;}

.consultLayer {
	position: fixed;
	left:0; top:0;
	width:100%; 
	padding:50px 0;
	z-index:99999;
	height:100vh;
	display: none;
}
.consultShadow { 
	position:absolute; left:0; top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:rgba(7,10,52,0.5);
}
.consultInner { 
	width:800px; margin:0 auto; position: relative; border-radius:20px 0 0 20px; 
	background:#060931;
	padding:50px;
	z-index:2;
	height:calc(100vh - 100px);
	overflow-y:auto;
}
.consultInner * { color:#fff; }
.consultArea h2 { font-size:40px; font-weight:700; font-family: var(--point-font); line-height:1.4; letter-spacing: -0.5px;}
.topText { font-size:16px; font-weight:300; letter-spacing: -0.5px;}

.agDivBox { padding:30px 0 0}
.agdScrollBox {
	border:1px solid #474c93;
	background:#171c61;
	padding:16px;
	font-size:14px;
	line-height:1.8;
	height:140px;
	overflow-y: auto;
	border-radius:5px 0 0 5px;
}
.agreeChkArea { 
	padding:22px 0 0; display: flex; justify-content: flex-end;
	width:100%;
}
.agreeChkArea p { display: flex; flex:0 0 auto; align-items: center;}
.agreeChkArea p span { margin-right:5px;}
.agreeChkArea p strong { color:#aaaaab; }
.agreeChkArea p strong.required { color:#f5966d;}
.agreeChkArea ul { flex:0 0 auto; display: flex; align-items: center;}
.agreeChkArea ul li .comFormRadioDark { margin-left:20px;}
.agreeChkArea ul li .comFormRadioDark span { color:#fff !important}

.inqFormList { padding:30px 0 0;}
.inqFormList article { 
	display: flex; align-items: center; border-top:1px solid #171c61;
	padding:12px 0;
}
.inqFormList article label { font-size:16px; flex:0 0 150px;}
.inqFormList article > div { flex:1;}
.etcText { font-size:14px; line-height:1.4; padding:0 0;}

.layerBtnArea { text-align:center; padding:30px 0 0; }
.btnLayerBase { 
	width:220px; height:70px; color:#fff; font-weight:700; font-family: var(--point-font); 
	margin:0 auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius:40px;
	font-size:26px;
	background:#0252db;
	transition: all 0.3s ease-out;
}
.btnLayerBase:hover {
	width:240px;
}
.baseSelect2 { 
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height:50px;
	background:#171c61; 
	border-radius:5px; 
	border:1px solid #474c93; 
	color:#fff; font-size:16px; font-weight:500;
}
.baseSelect2::after {
	content:"";display:block;
	width:11px; height:8px;
	background:url(../images/i_select_arrow_d.png) no-repeat center / 100%;
	position:absolute; right:15px; top:50%; 
	transform: translateY(-50%);
}
.baseSelect2 .select { 
	appearance: none;
	border:none;
	width:100%;
	height:100%;
	border: none;
	background: none;
	padding:12px 20px;
	font-size:16px;
	font-weight:400;
	outline: none;
}

.close_x { 
	width:50px; height:50px;
	position: absolute; right:20px;
	top:20px;
	cursor: pointer;
	position:fixed;
	right:auto;
	top:50px;
	left:50%; 
	margin-left:460px;
	z-index:9999;
}
.close_x span {
	width:50px; height:50px;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:25px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease-out;
}
.close_x span i {
	width:16px;
	height:16px;
	background:url(../images/i_close_x.png) no-repeat center / 100%;
	transition: all 0.2s ease-out;
}
.close_x:hover span {
	border:1px solid rgba(255,255,255,0.8);
}
.close_x:hover span i {
	width:12px;
	height:12px;
}

.darkOverflow1::-webkit-scrollbar { width: 8px; border-radius:0;  }
.darkOverflow1::-webkit-scrollbar-track {background: #051529; border-radius:0; }
.darkOverflow1::-webkit-scrollbar-thumb {background: #474c93; border-radius:0;}
.darkOverflow1::-webkit-scrollbar-thumb:hover { background: #0252db; 	border-radius:0;}

.videoLayer {
	position: fixed;
	left:0; top:0;
	width:100%; 
	z-index:9999;
	height:100vh;
	display: none;
}

.videoLayer-popup {
	position: fixed;
	left:0; top:0;
	width:100%; 
	z-index:9999;
	height:100vh;
	display: block;
}

.videoInner { 
	width:900px; 
	position: relative; 
	border-radius:20px; 
	border-radius:20px 0 0 20px;
	background:#060931;
	padding:50px;
	z-index:2;
	height:calc(100vh - 100px);
	overflow-y:auto;
	margin:50px auto;
}
.videoArea * { color:#fff; }
.videoArea .detail_em { font-size:12px; font-weight:400; color:#fff; letter-spacing: -0.5px; line-height:1.2;}
.videoArea h2 { 
	font-size:30px; font-weight:700; font-family: var(--point-font); line-height:1.2; letter-spacing: -0.5px;
	padding:10px 0 0;
}

.videoDetail { padding:40px 0 0; }
.videoDetail h3 { 
	padding-bottom:10px; font-weight:500; 
	font-size:20px; letter-spacing: -0.5px; color:#fff; border-bottom:1px solid #171c61;
	font-family: var(--point-font); 
}
.videoDetail .classVideoList { 
	border-bottom:1px solid #171c61; padding:10px 0; display: flex; justify-content: space-between;
	align-items: center;
}
.videoDetail .classVideoList p { color:#fff; font-size:16px; line-height:1.4; font-weight:500;}

.videoDetail .classVideoList p em { margin-right:20px; font-size:12px !important; display:block; margin-top:6px;}
.videoDetail .classVideoList p em strong { font-family: var(--point-font); font-size:12px !important; font-weight:700; color:rgba(255,255,255,0.4); margin-right:5px;}
.videoDetail .classVideoList p em span { font-family: var(--point-font); font-size:12px !important; font-weight:500; color:rgba(255,255,255,0.4); }

.videoDetail .classVideoList article { display: flex; align-items: center; }
.videoDetail .classVideoList article div { margin-right:20px; color:#b1b1b1; font-size:16px; }
.videoDetail .classVideoList article div strong { font-family: var(--point-font); font-size:16px; color:#4388ff;}
.videoDetail .classVideoList article div span { font-family: var(--point-font); font-size:16px;}
.videoDetail .classVideoList article a { 
	border:1px solid #4388ff; font-size:16px; font-weight:700; color:#4388ff; padding:12px 18px 10px; border-radius:30px;
	font-family: var(--point-font);
	transition: all 0.3s ease-out;
}
.videoDetail .classVideoList article a:hover { background:#4388ff; color:#fff;}
.videoDetail .classVideoCon { 
	border-bottom:1px solid #171c61; padding:20px 0; display: flex; justify-content: space-between;
	align-items: center;
}
.videoDetail .classVideoCon p { line-height:2; color:rgba(255,255,255,0.7); font-weight:300;}

.videoRightList { background:#020421; padding:24px; position: fixed; right:0; top:0; height:100vh; width:410px; z-index:3;}
.vrSection { height:100vh; overflow-y: auto;}
.videoRightList article { margin-bottom:20px; }
.videoRightList article a { display: flex;  }
.videoRightList article a div.img { 
	flex:0 0 150px; height:107px;
	border-radius:10px;
	overflow: hidden;
}
.videoRightList article a div.img img { 
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.videoRightList article a:hover div.img img { transform: scale(1.1);}
.videoRightList article a div.con { 
	flex:1; 
	padding-left:18px;
	position: relative;
}
.videoRightList article a div.con span { 
	font-size:12px; color:rgba(255,255,255,0.5);
	line-height:1.2;
	display: block;
}
.videoRightList article a div.con strong { 
	font-size:16px; color:rgba(255,255,255,1);
	line-height:1.3;
	display: block;
	margin:10px 0 28px ;
}
.videoRightList article a div.con em { 
	font-size:14px; color:#4388ff;
	line-height:1.2;
	font-weight:700;
	display: block;
	position: absolute;
	left:18px;
	bottom:0;
}

.texta:focus { outline: none;}
.height1 { min-height:200px;}
.height2 { min-height:400px;}

.selectBox { height:45px; border-radius:5px; border:1px solid #d4d3d5; background:#fff url(../images/select_arrow.png) no-repeat right 14px center}
.selectBox select { width:100%; color:#000; font-size:16px; font-weight:400;height:100%; background: transparent; padding-left:13px; outline: none; appearance: none;}

.wd-505px { width:505px; }
.wd-500px { width:500px; }
.wd-450px { width:450px; }
.wd-400px { width:400px; }
.wd-350px { width:350px; }
.wd-300px { width:300px; }
.wd-250px { width:250px; }
.wd-220px { width:220px; }
.wd-150px { width:150px; }
.wd-140px { width:140px; }
.wd-100px { width:100px; }
.wd-100 { width:100%; }
.w100per { width:100%; }
.w50per { width:50%; }
.mr-5px { margin-right:5px; }
.mt-5px { margin-top:5px; }
.ml-5px { margin-left:5px; }

.fxBox { display: flex; align-items: center; flex-wrap:wrap;}


.comFormChkMain label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
.comFormChkMain label input[type="checkbox"] {display: none; }
.comFormChkMain label input[type="checkbox"] + i { 
	display: flex; 
	width:22px; height: 22px; 
	cursor: pointer;
	background-image: url(../images/i-ag-check-off.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.comFormChkMain label input[type="checkbox"]:checked + i { 
	background-image: url(../images/i-ag-check-on1.png);
	background-repeat:  no-repeat;
	background-size:100%;
}

.comFormChk label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
.comFormChk label input[type="checkbox"] {display: none; }
.comFormChk label input[type="checkbox"] + i { 
	display: flex; 
	width:30px; height: 24px; 
	cursor: pointer;
	background-image: url(../images/checkbox_off.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.comFormChk label input[type="checkbox"]:checked + i { 
	background-image: url(../images/checkbox_on_buy.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.comFormChk label span { margin-left:5px; font-weight:500; font-size:18px; color:#000;}


.comFormCheck label { height: 18px; cursor: pointer; display: flex; align-items: center; }
.comFormCheck label input[type="checkbox"] {display: none; }
.comFormCheck label input[type="checkbox"] + i { 
	display: flex; 
	width:28px; height: 28px; 
	cursor: pointer;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius:14px;
	position: relative;
}
.comFormCheck label input[type="checkbox"] + i::after { 
	content:"";display: block;
	width:17px; height:17px;
	border-radius:10px;
	background:#e5e5e5;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormCheck label input[type="checkbox"]:checked + i { 
	border:1px solid #d00026;
}
.comFormCheck label input[type="checkbox"]:checked + i::after { 
	background:#d00026;
}
.comFormCheck label span { margin-left:10px; font-weight:500; font-size:20px; color:#000;}


.comFormCheck2 label { height: 18px; cursor: pointer; display: flex; align-items: center; }
.comFormCheck2 label input[type="checkbox"] {display: none; }
.comFormCheck2 label input[type="checkbox"] + i { 
	display: flex; 
	width:24px; height: 24px; 
	cursor: pointer;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius:14px;
	position: relative;
}
.comFormCheck2 label input[type="checkbox"] + i::after { 
	content:"";display: block;
	width:16px; height:16px;
	border-radius:10px;
	background:#e5e5e5;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormCheck2 label input[type="checkbox"]:checked + i { 
	border:1px solid #d00026;
}
.comFormCheck2 label input[type="checkbox"]:checked + i::after { 
	background:#d00026;
}
.comFormCheck2 label span { margin-left:5px; font-weight:500; font-size:16px; color:#000;}




.comFormCheck3 label { height: 18px; cursor: pointer; display: flex; align-items: center; }
.comFormCheck3 label input[type="checkbox"] {display: none; }
.comFormCheck3 label input[type="checkbox"] + i { 
	display: flex; 
	width:24px; height: 24px; 
	cursor: pointer;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius:14px;
	position: relative;
}
.comFormCheck3 label input[type="checkbox"] + i::after { 
	content:"";display: block;
	width:16px; height:16px;
	border-radius:10px;
	background:#e5e5e5;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormCheck3 label input[type="checkbox"]:checked + i { 
	border:1px solid #d00026;
}
.comFormCheck3 label input[type="checkbox"]:checked + i::after { 
	background:#d00026;
}
.comFormCheck3 label span { margin-left:5px; font-weight:500; font-size:16px; color:#000;}



.comFormRadio label { height: 18px; cursor: pointer; display: flex; align-items: center; }
.comFormRadio label input[type="radio"] {display: none; }
.comFormRadio label input[type="radio"] + i { 
	display: flex; 
	width:24px; height: 24px; 
	cursor: pointer;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius:14px;
	position: relative;
}
.comFormRadio label input[type="radio"] + i::after { 
	content:"";display: block;
	width:15px; height:15px;
	border-radius:8px;
	background:#e5e5e5;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormRadio label input[type="radio"]:checked + i { 
	border:1px solid #ff5533;
}
.comFormRadio label input[type="radio"]:checked + i::after { 
	background:#ff5533;
}
.comFormRadio label span { margin-left:5px; font-weight:500; font-size:18px; color:#000;}


.comFormRadio1 label { height: 18px; cursor: pointer; display: flex; align-items: center; }
.comFormRadio1 label input[type="radio"] {display: none; }
.comFormRadio1 label input[type="radio"] + i { 
	display: flex; 
	width:24px; height: 24px; 
	cursor: pointer;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius:14px;
	position: relative;
}
.comFormRadio1 label input[type="radio"] + i::after { 
	content:"";display: block;
	width:15px; height:15px;
	border-radius:8px;
	background:#e5e5e5;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormRadio1 label input[type="radio"]:checked + i { 
	border:1px solid #d00026;
}
.comFormRadio1 label input[type="radio"]:checked + i::after { 
	background:#d00026;
}
.comFormRadio1 label span { margin-left:5px; font-weight:500; font-size:18px; color:#000;}



.comFormRadioDark label { height: 16px; cursor: pointer; display: flex; align-items: center; }
.comFormRadioDark label input[type="radio"] {display: none; }
.comFormRadioDark label input[type="radio"] + i { 
	display: flex; 
	width:20px; height: 20px; 
	cursor: pointer;
	background:transparent;
	border:2px solid #fff;
	border-radius:14px;
	position: relative;
}
.comFormRadioDark label input[type="radio"] + i::after { 
	content:"";display: block;
	width:9px; height:9px;
	border-radius:8px;
	background:transparent;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormRadioDark label input[type="radio"]:checked + i { 
	border:2px solid #f5966d;
}
.comFormRadioDark label input[type="radio"]:checked + i::after { 
	background:#f5966d;
}
.comFormRadioDark label span { margin-left:5px; font-weight:500; font-size:16px; color:#fff;}


.cBuy .comFormRadio label input[type="radio"]:checked + i { 
	border:1px solid #0b318f;
}
.cBuy .comFormRadio label input[type="radio"]:checked + i::after { 
	background:#0b318f;
}

.cSell .comFormRadio label input[type="radio"]:checked + i { 
	border:1px solid #5dae00;
}
.cSell .comFormRadio label input[type="radio"]:checked + i::after { 
	background:#5dae00;
}



.chkRadioBox > div { margin-right:15px; margin-bottom:20px;}
.chkType1 > div { flex:0 0 125px;}


.a_title { margin-right:10px; font-size:18px; color:#6e6f71; font-weight:700;}
.won { margin-left:10px; font-size:18px; color:#9b9c9f;}
.fxHorCenter { display: flex; justify-content: center;}

.btns { 
	height:74px; display: flex; justify-content: center; align-items: center; font-size:22px; font-weight:800; color:#fff; letter-spacing: -0.5px;
	box-shadow: 5px 15px 20px rgba(0,0,0,0.1); border-radius:5px; transition: all 0.35s ease-out; 
}
.btns._buy { border:2px solid var(--blue-color); }
.btns._sell { border:2px solid  var(--green-color); }
.btns._buy:hover { border:2px solid var(--blue-color); background:#fff; color:var(--blue-color); }
.btns._sell:hover { border:2px solid var(--green-color); background:#fff; color:var(--green-color); }

.bgBlueColor { background:var(--blue-color); }
.bgGreenColor { background:var(--green-color); }


/* 실시간 상담 */
#consultFixed {display:none;}
.consultFixed { position:fixed; left:0; bottom:0; width:100%; z-index:9999; }
.consult { display: flex; padding:14px 0; justify-content: center; background: #0b318f; align-items:center; }
.consult h2 { font-size:20px; font-weight:800; color:#fff; flex:0 0 120px; padding:0 0 0;}
.consult div { flex:0 0 auto; }
.consForm { display: flex; align-items: center; }
.consForm li { margin-right:4px;}
.consForm li input[type="text"]{ 
	width:219px; height:36px; border:1px solid rgba(255,255,255,0.5); border-radius:5px;
	font-size:16px; color:#fff; font-weight:500; 
	display:inline-flex; align-items: center; padding-left:10px;
	background:#0b318f;
}
.consForm li input[type="text"].cf_name { width:120px; }
.consForm li select { 
	width:160px; height:36px; border:1px solid rgba(255,255,255,0.5); border-radius:5px;
	font-size:16px; color:#fff; font-weight:700; 
	display:inline-flex; align-items: center; padding-left:10px;
	background:#0b318f;
}
.consForm li a.submit {  
	width:140px; height:36px; border:1px solid #5eaf00; border-radius:5px;
	font-size:16px; background:#5eaf00; font-weight:600; 
	display:inline-flex; align-items: center; justify-content: center;
	color:#fff;
}
.consult div span { 
	font-size:14px; color:#fff; font-weight:400; padding:10px 7px 10px; display:block;
}
.consult article { display: flex; align-items: center; margin:0 5px;}
.consult article label { font-size:14px; color:#fff; font-weight:500;}
.consult article label input[type="checkbox"] { margin-right: 5px; }
.consult article a.btn_white { color:#fff; font-size:14px; margin-left:0; }
.consult article a.btn_white:hover { text-decoration:underline;}



/* ----------------------------- sub ----------------------------- */

/* login */
.loginWrap {
	height:100%; 
	height:calc(100vh);
	padding-top:230px;
	display: flex; justify-content: center;
	align-items: center;
	background:#f4f5fa;
}
.loginBox {
    border-radius:10px; 
    background:#fff;
    padding:50px 40px 50px;
    text-align:center;
    width:460px; 
    margin:0 auto;
	box-shadow: 0 15px 40px rgba(0,0,0,0.07);
}

.loginBox article { text-align: left;}
.loginBox article h2 { text-align: center; padding-bottom:30px;}
.loginBox article p { font-size:18px; font-weight:600; padding:10px 0 20px; display: none;}
.lgDiv { margin-top:20px; width:100%; position: relative;}
.autoSave { padding:20px 0 10px; display: flex; justify-content: space-between; align-items: center;}

.inpLoginTxt { width:452px; }
.checkingLogin strong {
    padding-left:10px;
}
.checkingLogin input[type="checkbox"]:checked + i + strong { 
    color:#0b318f;
}

.subBtn.custom-btn1 { background:#b2b2b2 !important; font-size:18px; font-weight:800}
.subBtn.custom-btn2 { background:#0b318f !important; font-size:18px; font-weight:800}

.subBtn.custom-btn2 { 
    height:50px; width:100%; display: flex; justify-content: center; align-items: center; font-size:16px; font-weight:700; 
    border-radius:5px; color:#fff !important;
}


.btnLoginB { border-radius:0;}
.btnLoginBox { margin-top:10px;}
.btnLoginBox a { 
    height:50px; width:100%; display: flex; justify-content: center; align-items: center; font-size:16px; font-weight:700; 
    border-radius:5px; 
}
.btnLoginBox a span { color:#fff !important; }

.inpi { 
    border:1px solid #d9d9d9; height:60px; padding:0 15px; font-size:20px; color:var(--title-color); 
    background:var(--white-color); border-radius: 5px;
}
::placeholder { color:#cecece; }

.titleLabel { display: flex; margin-bottom: 10px; font-size:16px; font-weight:700; color:#3e3e3e; align-items: flex-end;}
.titleLabel em { color:var(--red-color); font-style: normal; margin-left:3px;}
.titleLabel strong { font-weight:800; margin-left:0; }

.i_id {
	display: inline-block;
	width:22px; height:26px;
	background:url(../images/i_id.png) no-repeat center / 100%;
	
}
.i_pw {
	display: inline-block;
	width:21px; height:27px;
	background:url(../images/i_pw.png) no-repeat center / 100%;
	
}
.i_email {
	display: inline-block;
	width:24px; height:24px;
	background:url(../images/i_email.png) no-repeat center / 100%;
	
}


.spaceB1 { justify-content: space-between;}
.spaceB1 > div:nth-child(1) { flex:0 0 40%;}
.spaceB1 > div:nth-child(2) { flex:0 0 30%;}
.spaceB1 > div:nth-child(3) { flex:0 0 65px; }

input:focus { outline: none;}

.fsbDiv { display: flex; margin-bottom:5px; position: relative; }
.fsbDiv input[type="text"]:focus { 
    border:1px solid #000; color:#000;
 }
.fsbDiv input[type="password"]:focus { 
    border:1px solid #000; color:#000;
}

.logA { 
    position:absolute; right:0; top:0; width:50px; height:70px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.logA svg path { fill:#CECECE; }
.logA svg path { fill:#CECECE; }

.fsbDiv input[type="text"]:focus + .logA svg path { fill: #000;}
.fsbDiv input[type="password"]:focus + .logA svg path { fill: #000;}

.etcLogin { display: flex; justify-content: space-between; align-items: center;}
.etcLogin li { margin:10px 0 0; flex:0 0 49%; } 
.etcLogin li a { display: flex; align-items: center; height:56px; border-radius:5px;  justify-content: center;}
.etcLogin li a span { color:#fff; font-size:16px; font-weight:800; margin-left:10px;}

.etcLogin li a.btnNaver { background:#26c826; }
.etcLogin li a.btnKakao { background:#ffeb00; }
.etcLogin li a.btnKakao span { color:#422525;}

.i_naver { 
	display: flex; 
	width:29px; height: 23px; 
	background-image: url(../images/i_naver.png);
	background-repeat:  no-repeat;
	background-size:100%;
}

.i_kakao { 
	display: flex; 
	width:29px; height: 27px; 
	background-image: url(../images/i_kakao.png);
	background-repeat:  no-repeat;
	background-size:100%;
}

.fsbDiv,
.inpxDiv { width:100%; }

.loginAutoSave label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
.loginAutoSave label input[type="checkbox"] {display: none; }
.loginAutoSave label input[type="checkbox"] + i { 
	display: flex; 
	width:30px; height: 24px; 
	cursor: pointer;
	background-image: url(../images/checkbox_off.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.loginAutoSave label input[type="checkbox"]:checked + i { 
	background-image: url(../images/checkbox_on_buy.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.loginAutoSave label span { margin-left:5px; font-weight:700; font-size:16px; color:#393939;}

.lgDivEtc { 
	/* border:1px solid #dcdcdc; border-radius:5px; padding:20px 20px 20px;  */
	margin-top:50px
}
.lgDivEtc div { text-align: center; font-size:16px; line-height:1.6; font-weight:400; margin-bottom:20px;}

.lgDivEtc a.btnJoin { 
    height:60px;
	width:100%;
	display: flex; align-items: center;
	justify-content: center;
	border:1px solid #0b318f;
	border-radius:5px;
}
.lgDivEtc a.btnJoin i { 
	display: inline-block;
	width:27px; height:25px;
	background:url(../images/i_join.png) no-repeat center / 100%;
}
.lgDivEtc a.btnJoin strong { 
	font-size:18px; color:#0b318f; 
    font-weight:700; margin-left:10px;
}

/* 전체 메뉴 */
.menuWrap {
	background:#fff;
	width:100%; height: 100%;
	position: fixed;
	left:0; top:0;
	z-index:99999;
	left:-200vw;
	transition: all 0.5s ease-out;
	opacity: 0;
}



/* layer */
.agLayer { position: fixed; left:0; top:0; z-index: 9999; width: 100%; height: 100%; background:rgba(0,0,0,0.5); display:none;}
.agLayout {  display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; z-index:10;}
.agLayer .agLayout .layerBox  { 
	width: 700px; 
	padding:45px 30px;
	position: relative;
	background:#fff;
}
.agLayer .agLayout .layerBox h2 { font-size:28px; font-weight:800; padding-bottom:25px; }

.textOverflow1 { height:400px; overflow:hidden; overflow-y:auto; background:#efefef; padding:25px; }

a.close_x { display: flex; width:45px; height:45px; position: absolute; right:13px; top:13px; z-index:10; justify-content: center; align-items: center;}
a.close_x i {
	display: block; 
	width:23px; height:23px; 
	background:url(../images/x.png) no-repeat center / 100%;
}

.agLineTxt { line-height:1.8; font-size:14px;  }

.board_top {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 30px;
}  
.board_search {
    display: flex;
    align-items: center;
    gap: 0.4rem 0.8rem;
}

.select-style {
    position: relative;
}

.select-style::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
	content: "";
	background:url(../images/select_arrow.png) no-repeat;
	display: block;
	width:16px; height:11px; 
}

.select-style select {
    width: 100%;
    height: 4.8rem;
    padding: 0 1.6rem;
    padding-right: 5rem;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.6rem;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.btnNavy { background:#0b318f; width:100px; height:45px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }

.tit_svp { display: flex; justify-content: center; align-items: center; padding:40px 0 0;}
.tit_svp i.i_faq { 
	display: inline-block;
	width:14px; height: 18px;
	background:url(../images/i_faq.png) no-repeat center / 100%;
}
.tit_svp span { font-size:16px; margin-left:10px; color:#676767; font-weight:400; }

.newBoard_list { border-top:1px solid #000000;}

.board-item { display: flex; align-items: center; border-bottom:1px solid #d4d3d5; padding:30px 0;  position:relative; cursor:pointer;}
.board-item.question .num { flex:0 0 80px; display: inline-flex; align-items: center; justify-content: center; font-size:18px; font-weight:800; color:#0b318f;  line-height:1.7;}
.board-item.question a.title { font-size:18px; padding-left:0; padding-right:30px; color:#000; flex:1; font-weight:800;  line-height:1.7;}

/* .board-item.question:hover { background:rgba(0,0,0,0.02); } */

.board-item.question i {
	width:15px; height:9px;
	display: block;
	background:url(../images/i_arrow_down.png) no-repeat center / 100%;
	position:absolute; right:20px; top:50%;
	transform: translateY(-50%);
}
.board-item.question i.on {
	background:url(../images/i_arrow_up.png) no-repeat center / 100%;
}

.board-item.answer { background:#f9fafc; position: relative; top:-1px; }
.board-item.answer .num { flex:0 0 80px; display: inline-flex; align-items: center; justify-content: center; font-size:18px; font-weight:800; color:#32bb12;  line-height:1.7;}
.board-item.answer a.title { flex:1; display: flex;  padding-left:0; padding-right:80px; align-items: center; font-size:18px; color:#797979; line-height:1.7;}

.bottomBtnArea { margin:50px 0 0; display:flex; align-items: center; justify-content: space-between;  }

.btnc { 
	height:45px; 
	display: flex; justify-content: center; align-items: center; 
	font-size:16px; 
	font-weight:800; 
	color:#fff; 
	letter-spacing: -0.5px;
	/* box-shadow: 5px 15px 20px rgba(0,0,0,0.1);  */
	border-radius:5px; transition: all 0.35s ease-out; 
}

.bgWhiteColor { background:#fff; border:1px solid #666; color:#3e3e3e; }






.findWrap {
    width:600px; 
    margin:0 auto;
    position: relative;
 }
 
.findBox {
    border-radius:0 0 10px 10px; 
    background:#fff;
    padding:30px 50px 50px;
    text-align:center;
    width:100%; 
    margin:0 auto;
	box-shadow: 0 15px 40px rgba(0,0,0,0.07);
}
.borederRadius10 { border-radius:10px 10px 10px 10px;  }

.findNav { display: flex; position: relative; justify-content: space-between; }
.findNav li { flex:0 0 49.5%; position: relative;}
.findNav li a { 
    display: flex; height:60px; width:100%;
    justify-content: center;
    align-items: center;
    font-size:20px;
    font-weight:700;
    color:#9E9E9E;
    position: relative;
    z-index:1;
	border-radius:10px 10px 0 0 ;
	background:#fafafd;
    
}
.findNav li.on a { 
    color:#0b318f;
    font-weight: 600; 
	background:#fff;
}

.tipTxt { font-size:14px; color:#787878; font-weight:400; padding:5px 0 10px 5px; text-align: left;}
.posA2 { position: absolute; right:0; top:5px; font-size:14px; color:#787878; font-weight:400;}

.flexHalf2 { display: flex; justify-content: space-between;}
.flexHalf2 a { flex:0 0 49.5%;}
.h60 { height:60px; }
.h200 { height:200px; }



/* board */
.boardConLayout { padding:40px 0 100px; }
.boardListWrap { max-width:1200px; margin:0 auto; }
.boardViewWrap  { max-width:1200px; margin:0 auto; }

.baseTableWrap { padding:0 0 50px;}
.boardTitleArea { padding-bottom:50px; }

.totalPost { padding:0 0 20px; }
.totalPost strong { color:#0090df; }

.baseListType1 { border-top:2px solid #333; padding-bottom:50px;}
.listThum1 a { display:flex; border-bottom:1px solid #e2e2e2; justify-content: flex-start;  padding:20px 0; align-items:flex-start; }
.listThum1 a .listThumImg { flex:0 0 375px; }
.listThum1 a .listThumImg > div { border-radius:10px; overflow: hidden;}
.listThum1 a .listThumImg > div img { width:100%; }
.listThum1 a .listThumCon { padding:10px 0 0 40px; position: relative; display: flex; flex-direction: column; justify-content: center;}
.listThum1 a .listThumCon > strong { 
	display:block; font-size:20px; font-weight:700; line-height:1.3; color:#000; padding:0 60px 0 0; letter-spacing: -0.5px;
}
.listThum1 a .listThumCon > span { 
	display:block; font-size:18px; font-weight:400; line-height:1.6; color:#333; padding-right:60px; letter-spacing: -0.5px;
	padding:18px 0 36px;
}
.listThum1 a .listThumCon > i { display: inline-block; font-size:16px; color:#757575; font-style: normal; font-weight:300;}

.listThum1 a:hover .listThumCon > strong { text-decoration: underline;}


.comEm { display: block; margin-bottom:10px;}
.comEm span { display: inline-flex; font-size:18px; color:#000; position: relative; font-family: 'ONE-Mobile-Title'; }
.comEm span::after { content:""; position: absolute; left: 0; bottom:-2px; height:7px; background:#ffea5d; display: block; width: 100%;   }
.comEm span strong { position:relative; z-index:1;}

.wid_no { width:10%;}
.wid_subject {}
.wid_hit { width:10%;}
.wid_date { width:15%;}

.baseTable thead tr th {
	font-size:18px; padding:18px 0;
	font-weight:600;
	text-align:center;
	color:#000;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.baseTable tbody tr td {
	font-size:18px; padding:22px 0;
	font-weight:500;
	text-align:center;
	border-bottom:1px solid #d2d7e6;
	color:#666;
	line-height:1.2;
}
.baseTable tbody tr td.al_left { 
	text-align: left;
	padding-left:20px;
}

a.subject_n { font-weight:700; }
a.subject_n:hover { color:#000; }

a.btnBoardListTitle { font-size:16px; }
a.btnBoardListTitle:hover { color:#0090df; }

a.btnFileDownload { 
	width:30px; margin:0 auto; display: flex;
	justify-content: center;
	align-items: center; 
	position:relative; overflow: hidden;
}
a.btnFileDownload i { 
	width:18px; height:16px; display: block; 
	background:url(../images/i-file-down.png) no-repeat center / 100% auto; 
}
a.btnFileDownload span { 
	display: block; 
	position: absolute;
	left:-100%; top:0; 
	overflow: hidden;
	width: 0; height: 0;
	text-indent:-999999px;
}

.board__top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 1.6rem;
}  
.board__search {
    display: flex;
    align-items: center;
    gap: 0.4rem 0.8rem;
}

.board__search-input[type="text"],.board__search-input[type="password"] {
    width: 26rem;
    height: 4.8rem;
    padding: 0 1.6rem;
    margin: 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.6rem;
}

.board__search-input[type="text"]::placeholder,.board__search-input[type="password"]::placeholder {
    color: #9e9e9e;
}

.select-style {
    position: relative;
}

.select-style::before {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    /* font-family: "remixicon";
    font-size: 1.8rem;
    color: #4d4d4d;
    pointer-events: none;
    content: "\ea4e";
	*/
	content: "";
	background:url(../images/select_arrow.jpg) no-repeat;
	display: block;
	width:16px; height:11px; 
}

.select-style select {
    width: 100%;
    height: 4.8rem;
    padding: 0 1.6rem;
    padding-right: 4.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.6rem;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-style input {
    width: 100%;
    height: 4.8rem;
    padding: 0 1.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 1.8rem;
    transition: 0.14s;
}

.input-style input::placeholder {
    color: #888;
}

.input-style input:focus {
    border: 1px solid #4d4d4d;
    outline: none;
}

.input-style input:disabled {
    background-color: #f5f5f5;
}

.btn-style, .pi-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 4.8rem;
    padding: 0 3rem;
    border: 1px solid #00a287;
    border-radius: 3px;
    background-color: #00a287;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    gap: 0 0.6rem;
}

.btn-style.btn-gray {
    border: 1px solid #4d4d4d;
    background-color: #4d4d4d;
	padding:0 14px;
}

.btn-style > span {
    padding: 0;
}
.pi-btn > span {
    position: relative;
	color:#fff;
}



.oneGuide { background: #f6f6fa; padding: 40px 0; display: flex; align-items: center;}
.oneGuide i { 
	height: 69px; background:url(../images/i-guide-e.png) no-repeat center; text-align: center; 
	flex:0 0 215px; justify-content: center;
}
.ogTxt { flex: 0 0 auto;}
.ogTxt p:nth-child(1) { font-size:18px; line-height: 1.5; padding-bottom:6px;}
.ogTxt p:nth-child(1) em { color:#1b1d56; font-weight: 700; font-size:22px; margin-left:5px;}
.ogTxt p:nth-child(2) > span { display: block; color:#666; font-size:16px; line-height:1.8; }
.ogTxt p:nth-child(2) > span span { color:#666; font-size:16px; line-height:1.8; margin-left:5px;}
.ogTxt p:nth-child(2) > span span::before { content:"/"; margin-right:5px; font-size:16px; line-height: 1.8;}
.ogTxt p:nth-child(2) > span strong { font-weight:700;}

.oneInqWrap { border-top:2px solid #232664;margin-top:50px;}
.oneInqWrap >div { border:1px solid #e5e5e5; border-top: none; padding:20px 0; display: flex; align-items: center;}
.oneInqWrap >div div { position: relative; padding-left: 40px; flex: 1; padding-right:30px;}
.oneInqWrap >div div::before { content:""; display: block; width: 1px; height: 20px; background:#222; position: absolute; left: 0; top: 50%; margin-top:-10px;}
.oneInqWrap >div div.plNone { padding-left: 0;}
.oneInqWrap >div div.cNone::before { display: none;}
.oneInqWrap >div label { padding-left:30px; font-size:18px; flex:0 0 200px; }

.inpNone { border:none; padding:13px 0; font-size:18px;}
.inp1 { border:1px solid #e5e5e5; padding:13px 20px; font-size:18px; }
.txta1 { border:1px solid #e5e5e5; padding:13px 20px; font-size:18px;  min-height:380px; line-height:1.6; width: 100% ;}

.flexJustifyCenter { display: flex; justify-content: center;}
.baTopSpace { padding: 59px 0 0;}
.baTopSpace a { margin:0 5px; }
a.btn {height: 55px; font-size:20px; flex:0 0 150px; }
a.btn-blue-dark { background: #1e2160; color: #fff;}
a.btn-normal { border:1px solid #1a1d55; color: #1a1d55; }
a.btn._small { height:50px; font-size:18px;width:100%;}


.board__view {
    margin-bottom: 4rem;
    border-top: 2px solid #222;
}

.board__view-top {
    text-align: center;
}

.board__view-title {
    padding: 4rem 1.4rem;
    font-size: 3rem;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
}


.board__view-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 2.2rem 1.4rem;
    /* border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; */
    background-color: #f4f6f9;
    gap: 1rem 6rem;
}

.board__view-info > p {
    font-size: 1.7rem;
}

.board__view-info > p > span {
    margin-right: 0.8rem;
    font-weight: 700;
}

.board__view-con {
    min-height: 40rem;
    padding: 4rem;
	padding-left:0;
	padding-right:0;
    padding-bottom: 10rem;
    font-size: 1.8rem;
    line-height: 1.8;
}

.board__view-file {
    display: flex;
	align-items: center;
    padding: 3rem 4rem;
	padding-left:0;
	padding-right:0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #4d4d4d;
}

.board__view-file-title {
    display: block;
    flex-shrink: 0;
    margin-right: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.board__view-file-item {
    margin-bottom: 1.2rem;
}

.board__view-file-item:last-child {
    margin-bottom: 0;
}

.board__view-file-item > a {
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
    font-size: 1.6rem;
    color: #4d4d4d;
    line-height: 2rem;
    transition: 0.24s;
    gap: 0.4rem;
}

.board__view-file-item > a:hover > p {
    text-decoration: underline;
    text-underline-position: under;
}

.board__view-file-size {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.6rem;
    color: #888;
}

.board__view-list {
    margin-top: 2rem;
    border-top: 1px solid #e0e0e0;
}

.board__view-list-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2rem 4rem;
	padding-left:0;
	padding-right:0;
    padding-right: 8rem;
    border-bottom: 1px solid #dadce1;
    color: #595959;
    line-height: 2.2rem;
}

.board__view-list-item::before {
    position: absolute;
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
    /* font-family: "remixicon";
    font-size: 2rem;
    color: #888; */
	display: block;
	width:18px; height:14px;
	content: "";
}

.board__view-list-item--prev::before {
    /* content: "\ea78"; */
	background:url(../images/pg_i_prev.jpg) no-repeat;
}

.board__view-list-item--next::before {
    /* content: "\ea4e"; */
	background:url(../images/pg_i_next.jpg) no-repeat;
}

.board__view-list-item > span {
    display: inline-block;
    flex-shrink: 0;
    margin-right: 4rem;
    font-size: 1.7rem;
    font-weight: 700;
}

.board__view-list-item > a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    color: #4d4d4d;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.board__view-list-item > a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.btn-wrap.center {
    justify-content: center;
}






.bViewHeader { 
	border-top:1px solid #333; border-bottom:1px solid #dfdfdf; 
	padding:35px 0; text-align: center;
}
.bViewHeader h4 { 
	font-size:30px; font-weight:700; color:#000; line-height: 1.3; 
	padding:0 35px 15px; letter-spacing: -1px;
}
.bViewHeader span { font-size:16px; font-weight:400; color:#666; line-height: 1.4; }

.bViewCon { padding:50px 40px; border-bottom:1px solid #dfdfdf;  }
.bViewCon p { font-size:18px; color:#000; font-weight:400; line-height:1.8; }

.boardPrevNext {
    display: table;
    width: 100%;
	margin-top:30px;
    margin-bottom: 80px;
    padding: 0 20px;
    box-sizing: border-box;
    table-layout: fixed;
}

.boardPrevNext p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.boardPrevNext p a {
    display: inline-block;
    height: 100%;
    line-height: 30px;
    padding: 0px 0 0 45px;
    font-size: 16px;
    color: #444;
    font-weight: 500;
    background: url(../images/board-con-prev.jpg) no-repeat 0 0;
    box-sizing: border-box;
}
.boardPrevNext .before_view a span {
    margin: 0 0 0 20px;
    padding-left: 20px;
    background: url(../images/v_line1.jpg) no-repeat 0 0;
}

.boardPrevNext .next_view {
    text-align: right;
}
.boardPrevNext .next_view a {
    text-align: right;
    padding-right: 45px;
    background: url(../images/board-con-next.jpg) no-repeat 100% 0;
}
.boardPrevNext .next_view a span {
    display: inline-block;
    margin: 0 20px 0 0;
    padding-right: 20px;
	background: url(../images/v_line1.jpg) no-repeat 100% 0;
}

.boardBtnArea { padding:0 0 50px; text-align:center; }
a.btnBoardList { 
	background:#0090df; width:200px; height:60px;
	color:#fff; font-weight:600; display: inline-flex;
	justify-content: center; align-items: center;
	font-size:18px;
}



.repFirst { display: flex; justify-content: space-between; }
.repFirst .scImg { flex:0 0 900px; }
.repFirst .scImg img { width:100%; }
.repFirst .scCon { flex:0 0 370px; background:#f7f7f7; padding:50px 40px; border-radius:10px;}
.repFirst .scCon a { display:block;}
.repFirst .scCon a .boTitle_h4 { font-size:24px; font-weight:600; line-height:1.3; padding-bottom:15px; display:block;}
.repFirst .scCon a .boTxt { font-size:15px; font-weight:400; line-height:1.7; padding-bottom:50px; display:block;}
.repFirst .scCon .boDate { font-size:12px; color:#666666; display: block;}

.repFirst .scCon a:hover .boTitle_h4,
.repFirst .scCon a:hover .boTxt { color:#0090df; }

.repSecond { padding:60px 0 ; display: flex; justify-content: space-between;}
.repSecond li { flex:0 0 410px; }
.repSecond li .in_imgBox { overflow: hidden; width:100%; }
.repSecond li .in_imgBox img { width:100%;}
.repSecond li .in_txtBox { padding:30px 25px; border:1px solid #ececec; border-top:none; }
.repSecond li .in_txtBox a { display:block; }
.repSecond li .in_txtBox a strong { font-size:18px; font-weight:600; line-height:1.3; padding-bottom:15px; display:block;}
.repSecond li .in_txtBox a span { font-size:14px; font-weight:400; line-height:1.5; padding-bottom:30px; display:block;}
.repSecond li .in_txtBox .boDate2 { font-size:12px; color:#666666; display: block; }

.repSecond li .in_txtBox a:hover strong,
.repSecond li .in_txtBox a:hover span { color:#0090df;}



.baseThumType1 { display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:25px; }
.baseThumType1 article { flex:0 0 32%; margin-bottom:20px; }
.baseThumType1 .spaceThum a h3 { padding:10px 0 0; }
.baseThumType1 .spaceThum a p { padding:0 0 40px;}


.fxRow { display: flex; align-items: center; margin-bottom:10px; width:100%;}
.fxRow label { flex:0 0 140px;}
.fxRow label strong { 
	display: inline-block; position: relative; padding-right:5px; 
	font-size:18px; font-weight:800;
}
.fxRow label strong .nece { 
	position: absolute;
	right:-5px;
	top:0;
	display: block;
	width:6px; height: 6px;
	border-radius:3px;
	background:#d32f2f;
}
.fxRow .inBox { margin-right:5px; }
.inBoxFlex {
	display: flex; align-items: center;
}
.dateDiv { position: relative;}

.i_txt_p { font-size:16px; font-weight:700; margin-right:12px; }
.period_txt { margin:0 10px; font-size:14px; font-weight:500;}

.btnBottomArea { margin:50px 0;}
.btnBottomArea button { margin:0 5px;}

.btLine { border-top:1px solid #ccc;}


.fxHorCenter {
	display: flex; justify-content: center; align-items: center;
	width:100%;
}
.fxHorEnd {
	display: flex; justify-content: flex-end; align-items: center;
	width:100%;
}
.mainColor {  color:var(--main-color) !important;}
.placeholderColor {color:var(--placeholder-color) !important;}
.whiteColor { color:var(--white-color) !important;}
.baseBorder { border:1px solid var(--table-td-border); }

.bgBaseColor { background:var(--bg-base-color) !important; }
.bgWhiteColor { background:var(--bg-white-color) !important; }
.bgPointColor { background:var(--bg-point-color) !important; }
.bgBeigeColor { background:var(--bg-beige-color) !important;  }

.btn {
	display: flex; 
	justify-content: center; align-items: center; 
	font-size:16px; 
	font-weight:500; 
	height:46px;
	border-radius:5px;
}

.sel { height:44px; background: none !important; border: none !important; width:100%; appearance: none !important; -webkit-appearance: none !important; font-size:16px; padding-left:10px;}
.selectbox { 
	border-radius: 5px; border:1px solid #d4d3d5; height:46px; 
	position: relative;
}
.selectbox::after { 
	content:"";display:block; position: absolute; right:15px; top:50%; transform: translateY(-50%); 
	background:url(../images/i-select-arrow.png) no-repeat;
	width:10px; height:6px;
}





.joinTitleArea2 { display:flex; justify-content:space-between; padding:55px 0 30px; }
.joinTitleArea2 h3 { font-size:24px; font-weight:800; color:#101010; letter-spacing:-1px; line-height:1; }


.detailWrap { border-top:1px solid #333; margin-bottom:0;}
.detailWrap article { display:flex; width:100%; border-bottom:1px solid #eceef4; }
.detailWrap article > div { display:flex; align-items:center; padding:5px 0;}
.detailWrap article > div label { flex:0 0 170px; }
.detailWrap article > div label strong { font-weight:800 !important; }
.detailWrap article > div label em { color:#ff7200; margin-left:5px; font-weight:700; }

.detailWrap article > div .fxb { flex:1; display:flex; align-items:center; padding:15px 0;}
.detailWrap article > div .fxb.fxbWrap { flex-wrap:wrap; display:flex; }
.detailWrap article > div .fxb.fxbWrap .fxInp { flex: 0 0 100%; display:flex; align-items:center; }

.detailWrap article > div .fxb.fxbEmail span { font-size:16px; margin:0 10px;  }

.detailWrap article > div .fxb .chkRadioBox { display:flex; align-items:center; }
.detailWrap article > div .fxb .chkRadioBox .comFormRadio { margin-bottom:0; }
.detailWrap article.fxFull > div { flex:0 0 100%; }
.detailWrap article.fxHalf > div { flex:0 0 50%; }


.baseP1 { display: block; line-height:1.5; }
.baseP2 { display: block; line-height:1.5; margin-bottom:10px; }
.smallBox { display: inline-block; padding:10px 15px; border-radius:8px; font-size:16px;}
.smallBox2 { display: inline-block; padding:4px 0; font-size:16px;}
.smallBox3 { display: inline-block; padding:5px 10px; border-radius:8px; }
.smallBox4 { display: inline-block; padding:10px 0; font-size:16px; line-height:1.5;}

.bgBlue { background:#0066cc; }
.bgBlack { background:#000; }
.bgYellow { background:#ffe100; }
.bgGray { background:#dddddd; }
.colorWhite { color:#fff; }
.blackColor { color:#000;}
.fs14 { font-size:14px; }

.mt0 { margin-top:0; }
.mt10 { margin-top:10px; }
.mt50 { margin-top:50px; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }

.complete_class { 
	position:absolute; left:0; top:0; border-radius:5px; 
	background:#fff;
	background:transparent;
	/* border:1px solid rgba(0,0,0,0.3);
	border:1px solid rgba(255,255,255,0.3);
	border:1px solid rgba(0,0,0,0.3); */
	background:rgba(0,0,0,0.8);
	background:#c3002d;
	color:#000;
	color:#fff;
	font-size:16px; font-weight:500; padding:10px 15px;
	z-index:10;
	line-height:1;
}
.zim { 
	position:absolute; right:20px; top:20px; border-radius:30px; 	
	background:#fff;
	border:1px solid orange;
	font-size:14px; 
	width:40px;
	height:40px;
	display:flex; 
	justify-content:center;
	align-items:center;
	cursor:pointer;
}
.zim i.i_zim::before { content:"♥"; font-size:20px; font-weight:700; color:orange; }


.subRealCon  { display: flex; padding:10px 0 45px; border-top:1px solid #000; }
.subRealCon .cateConList { margin-right: 0; }
.realThumList { border-top:1px solid #d2d2d2; }
.realThumList article { border-bottom:1px solid #d2d2d2; }
.realCateCon { padding:45px 0 35px;}
.realCateCon a.btnRealTitle { display: flex; padding-bottom:20px; align-items:center; }
.realCateCon a.btnRealTitle em.cate_em { border-radius:50px; padding:10px 20px; background:#f67c33; color:#fff; font-size:18px; font-weight:600; margin-right:10px; }
.realCateCon a.btnRealTitle h3 { font-size:32px; line-height:1.2; font-weight:500; font-family: var(--point-font); padding-top:6px;}
.realCateCon a.btnRealTitle h4 { font-size:22px; line-height:1.2; font-weight:500; font-family: var(--point-font);}
.realDetalList { padding:0 0 14px; display: flex; justify-content: space-between; align-items: flex-end;}
.realDetalList ul { display: flex; flex:1; flex-wrap: wrap; align-items: flex-start;}
.realDetalList ul li { flex:0 0 50%; display: inline-flex; align-items: center; margin-top:15px; }
.realDetalList ul li strong { position: relative; padding:12px 15px 11px 30px; font-size:16px; font-weight:900; line-height:1.2; margin-right:15px; 
	/*font-family: var(--point-font);	*/
	color:#0075ff;
	border:1px solid #0075ff; border-radius:30px;
}
.realDetalList ul li strong::before { 
	content:"";display:block;width:12px; height:12px; 
	background:#fff; 
	border:4px solid #0075ff;
	border-radius:5px;
	position: absolute; left:12px; top:50%; transform: translateY(-50%);
}
.realDetalList ul li span { font-size:18px; font-weight:700; line-height:1.2;  }

.realDetalList .realBtnList { flex:0 0 auto; display: flex;}
.realDetalList .realBtnList a { margin-left:7px; }
a.btnGray {
    display: flex;
    width: 188px;
    height: 52px;
    justify-content: center;
    align-items: center;
    background:#fff;
    border:1px solid #d2d2d2;
}
a.btnGray i {
    margin-right:10px;
}
a.btnGray span {
    font-size:20px;
    font-weight:500;
    line-height:1;
    font-family: var(--point-font);
    padding-top:5px;
}
a.btnPoint {
    background:#d00026;
    display: flex;
    width: 188px;
    height: 52px;
    justify-content: center;
    align-items: center;
}
a.btnPoint span {
    font-size:20px;
    font-weight:700;
    color:#fff;
    line-height:1;
    font-family: var(--point-font);
    padding-top:5px;
}
.i_detail_s {
    display: block;
    width:18px; height: 20px;
    background:url(../images/i_detail_s.png) no-repeat center / 100%;
}



.subRealView  { display: flex; padding:0 0 45px; border-top:1px solid #000; }
.subRealView .cateConList { margin-right: 0; }
.btNone { border-top:0 !important }


.detailViewBox {
    margin-top:35px;
}
.dvb_title {
    font-size:26px; font-weight:700; line-height:1; font-family: var(--point-font);
    padding:25px 0;
}
.dvb_con { border-top:1px solid #d2d2d2; padding:25px 0 0;}
.base_d1 {
    font-size:18px; font-weight:400; line-height:2; color:#414141;
    letter-spacing: -0.4px;
}

.base_list_t1 li {
    margin-top:5px;
    font-size:18px; font-weight:400; line-height:2; color:#414141;
    letter-spacing: -0.4px;
}
.base_list_t1 li:nth-child(1) { margin-top:0;}
.base_list_t1 li::before { 
    content:"·"; margin-right:5px;
    font-size:18px; font-weight:400; line-height:2; color:#414141;
    letter-spacing: -0.4px;
}
.flexBox { display: flex; align-items: flex-start; }
.d_professor { flex:0 0 auto; margin-top:10px;}
.d_professor > div {
    width:196px; height: 196px;
    border-radius:100px;
    overflow: hidden;
    border:1px solid #d2d2d2
}
.d_professor > div img {
    width:100%;
}
.d_introduce {
    padding-left:50px;
    padding-top:20px;
    margin-top:10px;
}
.d_introduce dt {
    font-size:24px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:25px;
}
.d_introduce dd {
    font-size:18px; font-weight:400; line-height:2; color:#414141;
    letter-spacing: -0.4px;
}

.pdTBType1 { padding:50px 0 0;}
.fxBoxCenter { display: flex; justify-content: center; }
.fxBoxCenter a {  margin:0 5px; }



.realLayer {
	position: fixed;
	left:0; top:0;
	width:100%; 
	padding:50px 0;
	z-index:99999;
	height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
	display: none;
}
.realShadow { 
	position:absolute; left:0; top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:rgba(7,10,52,0.5);
}
.realInner { 
	width:800px; margin:0 auto; position: relative; border-radius:20px; 
	background:#fff;
	padding:50px 0 0;
	z-index:2;
    height:auto;
	overflow-y:auto;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    overflow: hidden;
}
.realInner h2 { 
    font-size:40px;
    font-weight:700; 
    /* font-weight:500;  */
    font-family: var(--point-font); line-height:1.4; letter-spacing: -0.5px;
    text-align: center;
    padding:0 40px 0;
}

.l_con {
     border:1px solid #d2d2d2;
     padding:30px 30px;
     border-radius:10px;
     background:#f8f8f8;
     margin:20px 40px 0;
}
.l_con ul li {
    margin-top:5px;
    font-size:18px; font-weight:400; line-height:1.4; color:#414141;
    letter-spacing: -0.4px;
    margin-top:14px;
    position: relative;
}
.l_con ul li:nth-child(1) { margin-top:0;}
.l_con ul li::before { 
    content:"·"; margin-right:2px;
    font-size:18px; font-weight:400; line-height:1.4; color:#414141;
    letter-spacing: -0.4px;
}

.l_checkBox { display: flex; justify-content: center; align-items: center; padding:40px 0; }
.l_checkBox > div { margin:0 20px;}

a.btnPoint2 {
    height:65px;
    background:#d00026;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
a.btnPoint2 span {
    font-size:26px;
    color:#fff;
    font-weight:700;
    padding:5px 0 0;
    font-family: var(--point-font);
    display: inline-block;
}

a.btnPoint3 {
    height:65px;
    background:#1e5ce9;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
a.btnPoint3 span {
    font-size:26px;
    color:#fff;
    font-weight:700;
    padding:5px 0 0;
    font-family: var(--point-font);
    display: inline-block;
}


.close_x_dark { 
	width:50px; height:50px;
	position: absolute; right:20px;
	top:20px;
	cursor: pointer;
}
.close_x_dark span {
	width:50px; height:50px;
	border:1px solid rgba(0,0,0,0.3);
	border-radius:25px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease-out;
	border-radius:25px;
}
.close_x_dark span i {
	width:16px;
	height:16px;
	background:url(../images/i_close_x_dark.png) no-repeat center / 100%;
	transition: all 0.2s ease-out;
}
.close_x_dark:hover span {
	border:1px solid rgba(0,0,0,0.8);
}
.close_x_dark:hover span i {
	width:12px;
	height:12px;
}



.realNoticeLayer {
	position: fixed;
	left:0; top:0;
	width:100%; 
	padding:50px 0;
	z-index:99999;
	height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
	display: none;
}
.realNoticeShadow { 
	position:absolute; left:0; top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:rgba(7,10,52,0.5);
}
.realNoticeInner { 
	width:800px; margin:0 auto; position: relative; border-radius:20px; 
	background:#fff;
	padding:50px 0 0;
	z-index:2;
    height:auto;
	overflow-y:auto;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    overflow: hidden;
}
.realNoticeInner h2 { 
    font-size:40px;
    font-weight:700; 
    /* font-weight:500;  */
    font-family: var(--point-font); line-height:1.4; letter-spacing: -0.5px;
    text-align: center;
    padding:0 40px 0;
}

.l_con_n {
     border:1px solid #d2d2d2;
     padding:30px 30px;
     border-radius:10px;
     background:#f8f8f8;
     margin:20px 40px 0;
}
.l_con_n ul li {
    margin-top:5px;
    font-size:18px; font-weight:400; line-height:1.4; color:#414141;
    letter-spacing: -0.4px;
    margin-top:14px;
    position: relative;
}
.l_con_n ul li:nth-child(1) { margin-top:0;}
.l_con_n ul li strong { color:#d00026; font-weight:700; }


a.btnBlack {
    background:#000;
    display: flex;
    width: 188px;
    height: 52px;
    justify-content: center;
    align-items: center;
}
a.btnBlack span {
    font-size:20px;
    font-weight:700;
    color:#fff;
    line-height:1;
    font-family: var(--point-font);
    padding-top:5px;
}

.mypageTab._Four ul li { flex:0 0 25%;}


/* 2025-01-17 */
.posRelative { position:relative; }
.btn_playPause { 
    position:absolute; left:50%; top:50%; 
    transform:translate(-50%,-50%);
    width:140px;
    height:140px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,0.3);
	border:none;
	border-radius:70px;
}

.vid_controls {
    position: absolute;
    left:0; bottom:0;
    padding:5px 10px 10px 5px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.vid_controls .progressBar {
    flex:1;
}
.vid_controls .volumeBar {
    flex:0 0 150px;
}
.btn_volumn { 
    display:block;
    width:27px;
    height:24px;
    /*background:url(../images/player/in_volumn.png) no-repeat center;*/
    margin-left:20px; margin-right:10px;
    overflow:hidden; text-indent:-99999px;
}
.btn_volumn.mute { 
    display:block;
    width:27px;
    height:24px;
    /*background:url(../images/player/in_volumn_mute.png) no-repeat center;*/
    margin-left:20px; margin-right:10px;
    overflow:hidden; text-indent:-99999px;
}

.btn_fullscreen {
    display:block;
    width:22px;
    height:22px;
    /*background:url(../images/player/in_fullscreen.png) no-repeat center;*/
    margin-left:20px;
    overflow:hidden; text-indent:-99999px;
}
.timeDisplay {
    display: inline-block;
    position: absolute; left:20px; bottom:50px;
    color:#fff; font-size:14px; font-weight:700;
    font-family:var(--point-font); 
}

.videoInfo { display:flex; justify-content:space-between; align-items:center; padding:10px 0 0;}
.videoInfo dl.totalTime { display:flex; align-items:center; flex:1;}
.videoInfo dl.totalTime dt { 
    background:#ffffff; 
    height:30px;
    line-height:1;
    font-size:14px;
    font-family:var(--point-font); 
    font-weight:700;
    color:#060931;
    display:inline-flex;
    align-items:center;
    margin-right:10px;
    border-radius:40px;
    padding:4px 12px 0; 
}
.videoInfo dl.totalTime dd { 
    font-size:14px;
    font-family:var(--point-font); font-weight:700;
    color:#fff;
    display:inline-flex;
    padding-top:2px;
}

.videoInfo ul.iconList { display:flex; align-items:center; flex:0 0 auto; }
.videoInfo ul.iconList li { flex:0 0 auto; margin-left:16px;}
.videoInfo ul.iconList li span { display:flex; align-items:center; }
.videoInfo ul.iconList li span i { margin-right:7px; overflow:hidden; text-indent:-99999px; display:block;}
.videoInfo ul.iconList li span i.in_view { 
    width:19px; height:15px;
    background:url(../images/player/in_view.png) no-repeat center / 100%;
}
.videoInfo ul.iconList li span i.in_heart { 
    width:16px; height:14px;
    background:url(../images/player/in_heart.png) no-repeat center / 100%;
}
.videoInfo ul.iconList li span i.in_heart.on { 
	background:url(../images/player/in_heart_on.png) no-repeat center / 100%;
}
.videoInfo ul.iconList li span i.in_favorite { 
    width:16px; height:17px;
    background:url(../images/player/in_favorite.png) no-repeat center / 100%;
}
.videoInfo ul.iconList li span i.in_favorite.on { 
	background:url(../images/player/in_favorite_on.png) no-repeat center / 100%;
}

.videoInfo ul.iconList li span em { 
    font-size:14px;
    font-family:var(--point-font); font-weight:700;
    color:#fff;
    padding-top:2px;
}

.videoInfo .vdBtn { display:flex; align-items:center; flex:0 0 auto; margin-left:22px; }
.btnz { border-radius:30px; border:1px solid rgba(255,255,255,0.5); background:none; padding:10px 20px; font-size:14px; font-family:var(--point-font); font-weight:700; transition:all 0.3s ease-out; }
.color_white { color:#fff; background:transparent; }
.btnz.color_white:hover { background:#fff; color:#060931; }

a.color_white { color:#fff; background:transparent; }
a.btnz.color_white:hover { background:#fff; color:#060931; }



.commLayer {
	position: fixed;
	left:0; top:0;
	width:100%; 
	padding:50px 0;
	z-index:99999;
	height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
	display: none;
}
.commShadow { 
	position:absolute; left:0; top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:rgba(7,10,52,0.5);
}
.commInner { 
	max-width:800px; margin:0 auto; position: relative; border-radius:20px; 
	background:#fff;
	padding:50px 0 0;
	z-index:2;
    height:auto;
	overflow-y:auto;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    overflow: hidden;
}
.commInner h2 { 
    font-size:30px;
    font-weight:700; 
    /* font-weight:500;  */
    font-family: var(--point-font); line-height:1.4; letter-spacing: -0.5px;
    text-align: center;
    padding:0 40px 0;
}

.l_checkBox2 { display: flex; align-items: center; padding:10px 0; }

.l_con2 {
	background:#fff;
}

.mb15 {margin-bottom:15px;}
.mt25 { margin-top:25px; }

.agdScrollBox2 {
	border:1px solid #ccc;
	background:#f8f8f8;
	padding:15px;
	font-size:14px;
	line-height:1.6;
	height:100px;
	overflow-y: auto;
	border-radius:5px 0 0 5px;
}

.brightOverflow1::-webkit-scrollbar { width: 8px; border-radius:0;  }
.brightOverflow1::-webkit-scrollbar-track {background: #f8f8f8; border-radius:0; }
.brightOverflow1::-webkit-scrollbar-thumb {background: #b3b3b3; border-radius:0;}
.brightOverflow1::-webkit-scrollbar-thumb:hover { background: #2e2e2e; 	border-radius:0;}

.fw700 { font-weight:700 !important; }

.commTab { display: flex; align-items: center; padding:10px 30px 35px;}
.commTab li { flex:0 0 20%; border:1px solid #ccc; background:#fff; display: flex; position: relative;  padding:15px 0 15px; border-left:0; text-align: center; justify-content: center; flex-direction: column; align-items: center; /*cursor: pointer;*/}
.commTab li:nth-child(1) { border-left:1px solid #ccc;}
.commTab li em {
	/* position: absolute;
	left:10px; top:10px; */
	text-align: center;
	display: block;
	font-size:12px; font-weight:700;
	padding-bottom:10px;
	opacity: 0.5;
}
.commTab li strong {
	font-size:16px; font-weight:500; color:#000; 
}
.commTab li.on {
	background:#0057e7;
}
.commTab li.on em { color: #fff;;}
.commTab li.on strong { color:#fff;}

.caBox {
	padding:0 30px 50px;
}
.caBox h2 { padding-bottom:25px;}

.l_con3 {
	background:#fff;
	padding:30px;
	border:1px solid #ccc;
}

.cp1 { text-align: center; }
.cp1 span { display: block; line-height: 2; font-size:16px; }
.cp2 { text-align: center; margin-bottom:30px; position: relative;}
.cp2 span { display: block; line-height: 2; font-size:14px; color:rgba(0,0,0,0.5); font-weight:400; }
.mtMinus1 { margin-top:-20px;}

.xPos1 {
	/* right:5px; top:5px;  */
	background:#fff;
}

.cBtnArea { padding:30px 0 0; }
.cBtnArea ul { display: flex; justify-content: center;}
.cBtnArea ul li { margin:0 5px; }
.btn_cert { padding:20px 30px; font-size:18px; border:1px solid #000; color:#000; font-weight:500; cursor: pointer; background:#f0f0f0; transition: all 0.3s ease-out;}
.btn_cert:hover { background:#000; color:#fff;}

.changeList {
	/* border-top:2px solid #000; */
	border-left:0;
	border-right:0; 
	background:#f0f0f0;
	background:#fff;
	padding:10px 20px;
	border:1px solid #ccc;
}
.changeList li { 
	display: flex; align-items: center; margin:0 0; padding:5px 0; 
	/* border-top:1px solid #ccc;  */
}
.changeList li:nth-child(1) { border-top:0; }
.changeList li label { font-size:16px; font-weight:700; flex:0 0 120px; margin-right:20px; }
.changeList li > div { flex:1; }

.w100per { width:100% !important; }
.inpw { border:1px solid #ccc; height:50px; padding:15px; font-size:16px; font-weight:400; color:#000; border-radius:5px; }
.brightGray { background:#f0f0f0; }
.text_p1 { padding:10px 0;}

.mt20 { margin-top:20px; }
.btnBlack {
    height:65px;
    background:black;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:26px;
    color:#fff;
    font-weight:700;
    padding:5px 0 0;
    font-family: var(--point-font);
	width:100%;
	cursor: pointer;
}
.pointColor_red {
    background:#d00026;
}

.pw_text1 { font-size:12px;line-height:1.6; padding:10px 0; }

.interestList h3 { font-size:22px; font-weight:700; margin-bottom:25px;  font-family: var(--point-font); margin-top:30px; position: relative; display: flex; align-items: center;}
.interestList h3::before {
	content:"";
	display: inline-block;
	width:16px; height: 16px;
	border-radius:6px;
	border:5px solid #0057e7;
	background:#fff;
	margin-right:6px;
	margin-bottom:5px;

}
.interestList ul { display: flex; flex-wrap:wrap; 
	/* border-radius:10px; border:1px solid #ccc; padding:30px 30px 5px; */
}
.interestList ul li { margin-bottom:25px; margin-right:25px; flex:0 0 auto;}

.diaSelfBox { 
	border:1px solid #ccc;
	padding:10px 30px 30px;
	font-size:14px;
	line-height:1.6;
	height:400px;
	overflow-y: auto;
	border-radius:5px 0 0 5px;
}

.diaSelfBox .diaQuestion {
	padding:20px 0 20px;
}
.diaSelfBox .diaQuestion h4 {
	font-size:24px; 
}
.diaSelfBox .diaDiv { display: flex; justify-content: flex-start; flex-wrap:wrap ;}
.diaSelfBox .diaDiv article { flex:0 0 100%; padding-right:0; }
.diaSelfBox .diaDiv article p { font-size:16px; padding:20px 0 10px;}

.diaSelfBox .answer .comFormRadio label span { font-size:14px; }

.diaSelfBox .diaDiv article .answer .chkRadioBox .comFormRadio { margin-bottom:10px;}

.commContent > article { display: none; }
.commContent > article.on { display: block; }
							


/* 2025-01-20 */


.rView h4 { color:#204fc4; font-size:20px; letter-spacing:-0.2px; font-weight:700; padding-bottom:15px; line-height:1.4;}
.rViewLightBLue { border:1px solid #6186c0; display:flex; padding:20px 30px; background:#f1f5fb;  }
.rViewWhiteBlue {
    border: 1px solid #6186c0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px 20px;
    background: #fff;
    margin-top: 30px;
}
.rvList {
    padding: 20px 0 0;
}
.rvList li {
    position: relative;
    padding-left: 13px;
    margin: 6px 0;
    font-size: 18px;
    line-height: 1.4;
}
.rvList4 li { position:relative; padding-left:10px; margin:4px 0; font-size:18px; line-height:1.4; color:#1b1d56; font-weight:700; }

.rvList li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #1f2285;
    position: absolute;
    left: 0;
    top: 11px;
}

.hrd_h2 { font-size:30px; color:#1b1d56; line-height:1.2; padding-bottom:30px; font-weight:700; text-align:center; border-bottom:1px solid #1b1d56; margin-bottom:70px; }
._four li { flex:0 0 25%; }
._three li { flex:0 0 33.333333%; }
._two2 li { flex:0 0 50%; }
.hrdCon { display: flex; }
.hrdCon h3 { flex: 0 0 330px; font-size:26px; font-weight:700; color:#1b1d56; line-height:1.3 }
.hrdCon h3 span { display:inline; }

.hrdCon h5 { display: flex;justify-content: flex-end; flex: 0 0 100%; font-size:26px; font-weight:700; color:#1b1d56; line-height:1.3; }
.hrdCon h5 span { display:inline; }
._redCon h3 { color:#c3002d; }
.boundary1 { border-top:1px solid #d2d2d2; margin:70px 0 0; padding-top:70px; }
.numList { flex:1; }
.numList li  { display: flex;  align-items: center; margin-bottom:7px; background:#e1e1e1;}
.numList li strong { flex:0 0 50px; padding:12px 0; text-align:center;  border:1px solid #e1e1e1; color:#111; font-size:20px; font-weight:700; }
.numList li > span { flex:1; padding:11px 15px 11px 15px; border:1px solid #e1e1e1; display:flex; flex-direction:column; font-size:18px; letter-spacing:-0.25px; line-height:1.3; height:100%; justify-content: center; background:#fff; color:#111;}
.numList li > span span { display:block; }
.numList li:nth-child(9) strong { padding:24px 0; }

.numList._one li:nth-child(1) strong { padding:24px 0; }


.numList3 { flex:1; }
.numList3 li  { display: flex;  align-items: center; margin-bottom:7px; background:#e1e1e1;}
.numList3 li strong { flex:0 0 150px; padding:12px 0; text-align:center;  border:1px solid #e1e1e1; color:#111; font-size:20px; font-weight:700; }
.numList3 li > span { flex:1; padding:11px 15px 11px 15px; border:1px solid #e1e1e1; display:flex; flex-direction:column; font-size:18px; letter-spacing:-0.25px; line-height:1.3; height:100%; justify-content: center; background:#fff; color:#111;}
.numList3 li > span span { display:block; }
.numList3 li:nth-child(9) strong { padding:24px 0; }
.numList3._one li:nth-child(1) strong { padding:24px 0; }

.rcDiv3 { flex:1; }
.rcDiv3 h4 { font-size:26px; color:#1b1d56; font-weight:700; letter-spacing:-0.5px; padding-bottom:20px; }
.rcList3 { display:flex;  }
.rcList3 li { border:1px solid #e1e1e1; display:flex; flex-direction:column; min-height:245px; padding-left:25px; flex:0 0 290px; }
.rcList3 li.nextArrow { 
	border:none; 
	flex:0 0 40px;
}

.rcList3 li.nextArrow { display:flex; justify-content:center; align-items:center; height:40px; width:100%; text-align:center; padding:0; }
.rcList3 li.nextArrow i { width:6px; height:12px; background:url(/img/ico_next_arrow.jpg) no-repeat; display:inline-flex; }

.rcList3 li h5 { display:block;font-size:22px; color:#c3002d; letter-spacing:-0.25px; font-weight:700; padding:60px 0 50px; }
.rcList3 li p {  display:block; font-size:18px; color:#111; letter-spacing:-0.25px; line-height:1.4; margin-top:-100px;}
.rcList3 li p span { display:block; }
.rcList3 li p span i { width:6px; height:12px; background:url(/img/ico_next_arrow_black.png) no-repeat; display:inline-flex;  }

.rcList3 li.one_,
.rcList3 li.five_ { flex: 0 0 290px; border:none; }
.rcList3 li.two_,
.rcList3 li.four_ { flex: 0 0 40px; border:none; }

.nextArrowBox { display:flex; justify-content:center; align-items:center; height:40px; width:100%; }
.nextArrowBox i { width:6px; height:12px; background:url(/img/ico_next_arrow.jpg) no-repeat; display:inline-flex; transform:rotate(90deg); }

.rView3 { flex:1; }
.rView3 h4 { font-size:26px; color:#1b1d56; font-weight:700; letter-spacing:-0.5px; padding-bottom:20px; line-height:1.3; }
.rView3 ul { min-height:118px; padding:20px 30px 20px 30px; border:1px solid #e1e1e1; display:flex; flex-direction:column; justify-content:center; }
.rView3 ul li { display:flex; align-items:center; padding:7px 0; font-size:18px; color:#111; line-height:1.4; letter-spacing:-0.025px; }
.rView3 ul li:before { content:"";display:block;width:4px; height:4px; background:#c3002d; margin-right:7px;}
.rView3 .rvList1 { background:url(/img/hrd403-ico1.jpg) no-repeat right 46px center }
.rView3 .rvList2 { background:url(/img/hrd403-ico2.jpg) no-repeat right 46px center }
.rView3 .rvList3 { background:url(/img/hrd403-ico3.jpg) no-repeat right 46px center }
.rView3 .rvList4 { background:url(/img/hrd403-ico4.jpg) no-repeat right 46px center }

.rView4 h4 { font-size:20px; color:#111; font-weight:700; letter-spacing:-0.5px; padding-bottom:20px; line-height:1.3; }
.rView4 h4._red { color:#c51038; }

.rvList4t { padding:25px 30px; border:1px solid #e1e1e1; }
.rvList4t li { padding:7px 0; font-size:18px; color:#666; line-height:1.4; letter-spacing:-0.25px; padding-left:11px; position:relative; }
.rvList4t li:before { content:"";display:inline-flex;width:4px; height:4px; background:#c3002d; position:absolute; left:0; top:19px;}

.rvList4t li p { font-size:15px; letter-spacing:-0.025px; margin-top:10px; background:#f9f9f9; padding:14px 17px; line-height:1.4; }
.rvList4t li p span { display:block; }

.rv4_table thead th { background:#f0f3f8; color:#111111; text-align:center; padding:20px 0; border:1px solid #d6d6d6; border-top:2px solid #1e2160;  }
.rv4_table thead th:nth-child(1) { width:5%; border-left:none;}
.rv4_table thead th:nth-child(2) { width:60%; }
.rv4_table thead th:nth-child(3) { width:20%; }
.rv4_table tbody th { padding:19px 15px; text-align:center; color:#666; border-left:none; border-bottom:1px solid #d6d6d6; line-height:1.5}
.rv4_table tbody td { padding:19px 15px; color:#666; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; line-height:1.5 }

.rView { flex:1; }
.rView p { font-size:18px; letter-spacing:-0.25px; line-height:1.5; color:#666666; }
.rView p span { display:block; }
.rView dl dt { color:#204fc4; font-weight:700; padding:40px 0 10px; font-size:20px;  }
.rView dl dd { font-size:18px; letter-spacing:-0.25px; line-height:1.5; color:#666666;}
.rView dl dd span { display:block; }
.rView dl dd span strong { font-weight:400; display:block; padding-top:7px; color:#111; }

.rView img { width:100%; }
.rView p span a.width400 {width:400px;}

.rMosa { background:#f9f9f9; padding:34px; margin-bottom:20px; }
.rMosa dl dd {display:inline-block; float:none;}
.rMosa dl dd p { word-break:keep-all; }
.rMosa dl dd p span { margin-left:18px;font-size:16px; color:#808080; }
.rMosa .text{ font-size:18px; }
.rMosa h4 { color:#204fc4; font-size:20px; letter-spacing:-0.2px; font-weight:700; padding-bottom:15px; line-height:1.4; word-break:keep-all;}
.rMosa a.btnBlueLink { background:#1a1d55; color:#fff;margin-left:30px;padding:5px 20px;font-size:16px;}


.bgp1 { background:#f9f9f9 !important; padding:30px; }

.conNotice { padding:40px 0 0; }
.conNotice > div { display:flex; margin-bottom:20px; }
.conNotice > div h4 { position:relative; background:#f1f5fb; border:1px solid #6186c0; padding:35px; font-size:22px; color:#204fc4; letter-spacing:-0.25px; font-weight:700; line-height:1.4; margin-right:20px; flex:0 0 310px; }
.conNotice > div h4 i { width:90px; height:83px; position:absolute; right:22px; bottom:22px; display:block; }
.conNotice > div h4 span { display:block; }
.ico_cn1 { background:url(../images/i-noti1.jpg) no-repeat; background-size:100%; }
.ico_cn2 { background:url(../images/i-noti2.jpg) no-repeat; background-size:100%;}
.ico_cn3 { background:url(../images/i-noti3.jpg) no-repeat; background-size:100%;}
.ico_cn4 { background:url(../images/i-noti4.jpg) no-repeat; background-size:100%;}
.ico_cn5 { background:url(../images/i-noti5.jpg) no-repeat; background-size:100%;}
.ico_cn6 { background:url(../images/i-noti6.jpg) no-repeat; background-size:100%;}
.ico_cn7 { background:url(../images/i-noti7.jpg) no-repeat; background-size:100%;}
.ico_cn8 { background:url(../images/i-noti8.jpg) no-repeat; background-size:100%;}
.ico_cn9 { background:url(../images/i-noti9.jpg) no-repeat; background-size:100%; }

.conNotice > div > ul { border:1px solid #6186c0; background:#fff;  padding:30px; }

.numList2 { flex:1; }
.numList2 > li { padding:7px 0; font-size:18px; color:#111; line-height:1.4; letter-spacing:-0.025px; position:relative; padding-left:10px; }
.numList2 > li:before { content:"";display:inline-flex;width:4px; height:4px; background:#c3002d; position:absolute; left:0; top:19px;}

.numList2 > li p { line-height:1.3;}
.numList2 > li span,
.numList2 > li p span { display:block; }
.numList2 ul { display:block; }
.numList2 ul li { line-height:1.5;}
.numList2 ul li strong { font-weight:500; }

.show_pc { display:block; }
.show_mobile { display:none; }


.ccSection { height:500px; overflow-y:auto; }

.t_style16 { width:100%; }
.t_style16 th { border:1px solid #ccc; padding:20px 10px; text-align:center;  line-height:1.4; }
.t_style16 td { border:1px solid #ccc; padding:20px 10px; text-align:center;  line-height:1.4; word-break:break-all;  }

.t_style16._An th,
.t_style16._An td { border:1px solid rgba(255,255,255,0.3); }

.t_style16._An th { background:#0e124c; }

.mb10 { margin-bottom:10px; }


.blockM { display:none; }

#muteUnmute, #fullscreen { background:transparent; }



.videoWrap { 
    background:#060931;
    min-height: 100%;
}
.videoWrap > section { display: flex; justify-content: center;}
.videoLayer_n { 
    padding:0 410px;
}
.videoInner_n { 
	width:900px; 
	position: relative; 
	padding:50px;
	z-index:2;
}
.videoArea_n * { color:#fff; }
.videoArea_n .detail_em_n { font-size:12px; font-weight:400; color:#fff; letter-spacing: -0.5px; line-height:1.2;}
.videoArea_n h2 { 
	font-size:30px; font-weight:700; font-family: var(--point-font); line-height:1.2; letter-spacing: -0.5px;
	padding:10px 0 20px;
}


/* 학습영상 */
.videoDetail_n { padding:40px 0 0; }
.videoDetail_n h3 { 
	padding-bottom:10px; font-weight:500; 
	font-size:20px; letter-spacing: -0.5px; color:#fff; border-bottom:1px solid #171c61;
	font-family: var(--point-font); 
}
.videoDetail_n .classVideoList_n { 
	border-bottom:1px solid #171c61; padding:10px 0; display: flex; justify-content: space-between;
	align-items: center;
}
.videoDetail_n .classVideoList_n p { color:#fff; font-size:16px; line-height:1.4; font-weight:500;}
.videoDetail_n .classVideoList_n em { margin-right:20px; font-size:12px !important; display:block; margin-top:6px;}
.videoDetail_n .classVideoList_n em strong { font-family: var(--point-font); font-size:12px !important; font-weight:700; color:rgba(255,255,255,0.4); margin-right:5px;}
.videoDetail_n .classVideoList_n em span { font-family: var(--point-font); font-size:12px !important; font-weight:500; color:rgba(255,255,255,0.4); }
.videoDetail_n .classVideoList_n article { display: flex; align-items: center; }
.videoDetail_n .classVideoList_n article div { margin-right:20px; color:#b1b1b1; font-size:16px; }
.videoDetail_n .classVideoList_n article div strong { font-family: var(--point-font); font-size:16px; color:#4388ff;}
.videoDetail_n .classVideoList_n article div span { font-family: var(--point-font); font-size:16px;}
.videoDetail_n .classVideoList_n article a { 
	border:1px solid #4388ff; font-size:16px; font-weight:700; color:#4388ff; padding:12px 18px 10px; border-radius:30px;
	font-family: var(--point-font);
	transition: all 0.3s ease-out;
}
.videoDetail_n .classVideoList_n article a:hover { background:#4388ff; color:#fff;}
.videoDetail_n .classVideoCon_n { 
	border-bottom:1px solid #171c61; padding:20px 0; display: flex; justify-content: space-between;
	align-items: center;
}
.videoDetail_n .classVideoCon_n p { line-height:2; color:rgba(255,255,255,0.7); font-weight:300; font-size:14px;}


.videoRightList_n { background:#020421; padding:24px; position: fixed; right:0; top:0; height:100vh; width:410px; z-index:3;}
.vrSection_n { height:100vh; overflow-y: auto;}
.videoRightList_n article { margin-bottom:20px; }
.videoRightList_n article a { display: flex;  }
.videoRightList_n article a div.img { 
	flex:0 0 150px; height:107px;
	border-radius:10px;
	overflow: hidden;
}
.videoRightList_n article a div.img img { 
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.videoRightList_n article a:hover div.img img { transform: scale(1.1);}
.videoRightList_n article a div.con_n { 
	flex:1; 
	padding-left:18px;
	position: relative;
}
.videoRightList_n article a div.con_n span { 
	font-size:12px; color:rgba(255,255,255,0.5);
	line-height:1.2;
	display: block;
}
.videoRightList_n article a div.con_n strong { 
	font-size:16px; color:rgba(255,255,255,1);
	line-height:1.3;
	display: block;
	margin:10px 0 28px ;
}
.videoRightList_n article a div.con_n em { 
	font-size:14px; color:#4388ff;
	line-height:1.2;
	font-weight:700;
	display: block;
	position: absolute;
	left:18px;
	bottom:0;
}
.videoInfo_n { display:flex; justify-content:space-between; align-items:center; padding:10px 0 0;}
.videoInfo_n dl.totalTime_n { display:flex; align-items:center; flex:1;}
.videoInfo_n dl.totalTime_n dt { 
    background:#ffffff; 
    height:30px;
    line-height:1;
    font-size:14px;
    font-family:var(--point-font); 
    font-weight:700;
    color:#060931;
    display:inline-flex;
    align-items:center;
    margin-right:10px;
    border-radius:40px;
    padding:4px 12px 0; 
}
.videoInfo_n dl.totalTime_n dd { 
    font-size:14px;
    font-family:var(--point-font); font-weight:700;
    color:#fff;
    display:inline-flex;
    padding-top:2px;
}
.videoInfo_n ul.iconList_n { display:flex; align-items:center; flex:0 0 auto; }
.videoInfo_n ul.iconList_n li { flex:0 0 auto; margin-left:16px;}
.videoInfo_n ul.iconList_n li span { display:flex; align-items:center; }
.videoInfo_n ul.iconList_n li span i { margin-right:7px; overflow:hidden; text-indent:-99999px; display:block;}
.videoInfo_n ul.iconList_n li span i.in_view_n { 
    width:19px; height:15px;
    background:url(../images/player/in_view.png) no-repeat center / 100%;
}
.videoInfo_n ul.iconList_n li span i.in_heart_n { 
    width:16px; height:14px;
    background:url(../images/player/in_heart.png) no-repeat center / 100%;
}
.videoInfo_n ul.iconList_n li span i.in_favorite_n { 
    width:16px; height:14px;
    background:url(../images/player/in_favorite.png) no-repeat center / 100%;
}

.videoInfo_n ul.iconList_n li span i.in_heart_n.on { 
	background:url(../images/player/in_heart_on.png) no-repeat center / 100%;
}
.videoInfo_n ul.iconList_n li span i.in_favorite_n.on { 
	background:url(../images/player/in_favorite_on.png) no-repeat center / 100%;
}

.videoInfo_n ul.iconList_n li span em { 
    font-size:14px;
    font-family:var(--point-font); font-weight:700;
    color:#fff;
    padding-top:2px;
}
.videoInfo_n .vdBtn_n { display:flex; align-items:center; flex:0 0 auto; margin-left:22px; }
.btnz_n { border-radius:30px; border:1px solid rgba(255,255,255,0.5); background:none; padding:10px 20px; font-size:14px; font-family:var(--point-font); font-weight:700; transition:all 0.3s ease-out; }
.btnz_n.color_white:hover { background:#fff; color:#060931; }


/* 학습 목차 */
.classList_box { background:#171c61; position: fixed; left:0; top:0; height:100vh; width:410px; z-index:3;}
.classList_box h3 { font-size:20px; color:#fff; font-family:var(--point-font); font-weight:500; padding:22px 20px 17px; background:#242976;}
.videoBoxCenter { height:calc(100vh - 100px); overflow-y: auto;}
.videoBoxCenter * { color:#fff;}
.videoBoxCenter section { border-bottom:1px solid #363965; }
.videoBoxCenter section:nth-child(1) { border-top:1px solid #363965;}
.videoBoxCenter section { padding:20px 20px; display: block; transition: all 0.3s ease-out;}
.videoBoxCenter .classVideoList_n p { font-size:16px; word-break: break-all; line-height:1.4; display: block; margin-bottom:10px;}
.videoBoxCenter .classVideoList_n p em { display: flex; }
.videoBoxCenter .classVideoList_n p em strong { margin-right:10px; font-weight:500; font-family:var(--point-font); font-size:12px; line-height:1.4; color:rgba(255,255,255,0.5);}
.videoBoxCenter .classVideoList_n p em span { font-weight:500; font-family:var(--point-font); font-size:12px; line-height:1.4; color:rgba(255,255,255,0.5); }
.videoBoxCenter .classVideoList_n article { display: flex; align-items: center; justify-content: space-between; margin-top:10px;}
.videoBoxCenter .classVideoList_n article div { font-size:14px; color:rgba(255,255,255,0.3); }
.videoBoxCenter .classVideoList_n article div strong { font-family: var(--point-font); font-size:14px; color:#4388ff;}
.videoBoxCenter .classVideoList_n article div span { font-family: var(--point-font); font-size:14px; color:#b1b1b1;}
.videoBoxCenter .classVideoList_n article a { 
	border:1px solid #4388ff; font-size:14px; font-weight:500; color:#4388ff; padding:10px 14px 8px; border-radius:30px;
	font-family: var(--point-font);
	transition: all 0.3s ease-out;
}
.videoBoxCenter section:hover { background: #0a0d3b;}
.videoBoxCenter .classVideoList_n article a:hover { background:#4388ff; color:#fff;}

.btn_playPause_n { 
    position:absolute; left:50%; top:50%; 
    transform:translate(-50%,-50%);
    width:130px;
    height:130px;
    border-radius:40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.videoDivArea {
    position: relative;
    background:#ccc;
    height:400px;
}
.videoDivArea::after {
    content:"";
    display:block;
    height:90px;
    background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0) );
    width:100%;
    position: absolute;
    left:0; bottom:0;

}
.vid_controls_n {
    position: absolute;
    left:0; bottom:20px;
    padding:0 20px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
    z-index:10;
}
.vid_controls_n .progressBar {
    flex:1;
}
.vid_controls_n .volumeBar {
    flex:0 0 150px;
}
.btn_volumn_n { 
    display:block;
    width:27px;
    height:24px;
    margin-left:20px; margin-right:10px;
}
.btn_fullscreen_n {
    display:block;
    width:22px;
    height:22px;
    margin-left:20px;
}
.timeDisplay_n {
    display: inline-block;
    position: absolute; left:20px; bottom:36px;
    color:#fff; font-size:14px; font-weight:700;
    font-family:var(--point-font); 
}
.progressBar_n { flex:1;}
.btn_volumn_n { flex:0 0 27px;}
.volumeBar_n { width:80px;}
.btn_fullscreen_n { flex:0 0 22px;}


.red { color:#ff0000; }

.ezHelpChatDiv { 
	position:fixed !important; 
	right:145px;
	bottom:335px;
}


.baseSelect { 
	border-radius:32px;
	height:100%;
	border:1px solid #dadada;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex:0 0 auto;
	height:50px;
}
.baseSelect::after {
	content:"";display:block;
	width:12px; height:9px;
	background:url(../images/i_select_arrow.png) no-repeat center / 100%;
	position:absolute; right:20px; top:50%; 
	transform: translateY(-50%);
}
.baseSelect .select { 
	appearance: none;
	border:none;
	width:100%;
	height:100%;
	border: none;
	background: none;
	font-size:18px;
	font-weight:400;
	padding-right:30px;
	padding-right:50px;
	padding-left:20px;
	outline: none;
}