@CHARSET "UTF-8";
* {box-sizing:border-box; /* -webkit-tap-highlight-color: rgba(0,0,0,0); */ -webkit-overflow-scrolling: touch;}   
html {height:100%;}
body {-webkit-text-size-adjust:none; }
html * {
	word-break:break-word;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-ms-word-break :normal;
} 
html a {
	word-break:break-word;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-ms-word-break :normal;
} 

td, div, p, li, dt, dd, input, textarea, h1, h2, h3, h4, h5 { font-family:"EyeLevel","Arial",sans-serif; font-size:14px; line-height:19px; font-weight:300; color:#555; word-break:break-word;}
html[lang=vi-VN] * {font-family:"Helvetica", "Arial"}
header, footer, section, article, nav, aside {display:block;}
textarea, .scr { border:none;background:none;
	scrollbar-face-color:#cdcdcd;		/* bar 의 표면색 */
	scrollbar-highlight-color:#cdcdcd;	/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:#cdcdcd;	/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:#cdcdcd;		/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:#cdcdcd;	/* 그림자 우하단 */ 
	scrollbar-track-color:#f0f0f0;		/* 스크롤 트랙의 색 */
	scrollbar-arrow-color:#4a4947;		/* 삼각형부분 */
	overflow-x:hidden;overflow-y:auto; 
	box-sizing:border-box;
}

.scr2 {border:none;background:none;
	scrollbar-face-color:#cdcdcd;		/* bar 의 표면색 */
	scrollbar-highlight-color:#cdcdcd;	/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:#cdcdcd;	/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:#cdcdcd;		/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:#cdcdcd;	/* 그림자 우하단 */ 
	scrollbar-track-color:#f0f0f0;		/* 스크롤 트랙의 색 */
	scrollbar-arrow-color:#4a4947;		/* 삼각형부분 */
	overflow-x:hidden;overflow-y:auto; 
}
.scr2::-webkit-scrollbar {width:4px; border: 1px solid #fff; }
.scr2::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height:0px }
.scr2::-webkit-scrollbar-track {background:#fff; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.scr2::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#c1c1c1; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}
  
input[type=text],
input[type=file], 
input[type=password],
input[type=date],
input[type=number] {height:40px; width:100%; padding:0 10px; margin:0; border:1px solid #bcbcbc; background:#fff; line-height:40px; vertical-align:middle; border-radius:0px; box-shadow:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; font-size:14px;}

input[type=text].readonlyA,
input[type=file].readonlyA, 
input[type=password].readonlyA,
input[type=date].readonlyA,
input[type=number].readonlyA {border-color:transparent;}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#ccc;
}
input::-moz-placeholder { /* Firefox 19+ */
  color:#ccc;
}
input:-ms-input-placeholder { /* IE 10+ */
  color:#ccc;
}
input:-moz-placeholder { /* Firefox 18- */
  color:#ccc;
}

input[type=text]:readonly {border:none; padding:0;}
input[type=text]:focus,
input[type=file]:focus, 
input[type=password]:focus {border:1px solid #f66c18 !important;}
video {vertical-align:top;}
select	{display:block; font-size:14px; font-weight:300; height:40px; width:100%; padding:0 5px; padding:0 0 0 10px; margin:0; border:1px solid #bcbcbc; background:#fff url(/mobile/images/blt/blt.png) no-repeat 95% 50%; text-align:left; border-radius:0px; box-shadow:none; vertical-align:middle; -webkit-appearance:none; -moz-appearance: none; appearance:none; cursor:pointer; font-family:"EyeLevel","Arial",sans-serif;}
select option {color:#555;}
select option:first-child{color:#555;}
select::-ms-expand { display:none; }
select.textCrop{text-overflow: ellipsis;padding-right: 35px;}/*23.01.25 추가*/
option::-moz-selection { background: yellow; }
option::selection { background: yellow; }
option:selected {background: yellow; }
 
/* check box */
input[type=checkbox]	{width:23px; height:23px; border:none; border-radius:0; box-shadow: none; vertical-align:middle; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/mobile/images/olympiad/common/btn_check_off.png) no-repeat 0 0; box-sizing:border-box; outline:none; }
input[type=checkbox]:checked	{ background:url(/mobile/images/olympiad/common/btn_check_on.png) no-repeat 0 0;}
input[type=checkbox]:disabled	{ background:red; }
input[type=checkbox] + label {display:inline-block; color:#555; margin-left:15px; cursor:pointer; line-height:23px; }

/* radio */
input[type=radio] { display: none; }
input[type=radio] + label { cursor:pointer; }
input[type=radio] + label::before { content:""; display: inline-block; width: 23px; height: 23px; vertical-align: middle; margin: -2px 10px 0 0; background: url(/mobile/images/olympiad/common/btn_radio_off.png); }
input[type=radio]:checked + label::before { background: url(/mobile/images/olympiad/common/btn_radio_on.png); background-position: 23px 0; }

input[class="radioTypeB"] { display: none; }
input[class="radioTypeB"] + label { cursor:pointer; }
input[class="radioTypeB"] + label::before { content:""; display: inline-block; width:30px; height:30px; vertical-align: middle; margin: -2px 10px 0 0; background: url(/mobile/images/olympiad/common/btn_radio_off2.png); background-size:30px;}
input[class="radioTypeB"]:checked + label::before { background: url(/mobile/images/olympiad/common/btn_radio_on2.png); background-position:30px 0;  background-size:30px;}

input[type=radio].typeA	{display:inline-block; width:23px; height:23px; border:none; border-radius:0; box-shadow: none; vertical-align:middle; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/mobile/images/olympiad/common/btn_radio_off.png) no-repeat 0 0; box-sizing:border-box; outline:none; vertical-align:top;}
input[type=radio].typeA:checked	{ background:url(/mobile/images/olympiad/common/btn_radio_on.png) no-repeat 0 0;}
input[type=radio].typeA:disabled	{ background:red; }
input[type=radio].typeA + label { display:inline-block; color:#555; margin-left:10px; cursor:pointer; line-height:23px; vertical-align:top;}
input[type=radio].typeA + label:before {display:none; margin:0;}



.chkWrap {display:inline-block; padding:2px 0; margin-right:20px;}
.chkWrap input {margin-top:0; vertical-align:top;}
.chkWrap label { vertical-align:top; margin-left:5px !important;}

textarea	 { width:100%; border: 1px solid #bcbcbc;  padding:10px; margin:0; line-height:20px; background:#fff; border-radius: 0px; box-shadow: none; vertical-align:top}
em	{ font-style:normal; }

a		{ color:#555; text-decoration:none;  word-break:break-all;}
a:visited	{ color:#555; text-decoration:none;}
a:hover 	{ color:#555; text-decoration:none;}
a:focus 	{ color:#555; text-decoration:none;}
a:active	{ color:#555; text-decoration:none;}

.shadowBox {
	-moz-box-shadow: 0px 3px 5px #f5f5f5;       /* Firefox */
	-webkit-box-shadow: 0px 3px 5px #f5f5f5;    /* Safari and Chrome */
	box-shadow: 0px 3px 5px #f5f5f5;
}
iframe {vertical-align:top;} 
img {max-width:100%;}
strong, b {font-weight:700;}
.posMC {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.noBr br {display:none;}
.dnBr br {display:none !important;}
.uppercace {text-transform:uppercase !important;}

.ell {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ellLine1 {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.ellLine2 {display:-webkit-box !important; overflow:hidden; word-break:keep-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ellLine3 {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/* loading */
#loadingArea {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:.6;}
#loadingArea img {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px;}
#loadingArea.fullLoad {position:fixed;}
#loadingArea.fullLoad img {margin-left:-100px; margin-top:-100px;}

.colorStyleA {color:#000 !important;}	
.colorStyleB {color:#333 !important;}	
.colorStyleC {color:#7c7c7c !important;}	
.colorStyleD {color:#a1a1a1 !important;}	
.colorStyleE {color:#ccc !important;}	
.colorStyleF {color:#6fba2c !important;}
.colorStyleG {color:#0062b1 !important;}
.colorStyleFbtnLine {border-color:#e72410;}	

.transition {transition:all .3s cubic-bezier(0.76, 0.02, 0.42, 1.51);}

.btn {position:relative; display:inline-block; padding:0 10px; border-width:1px; border-style:solid; height:46px; line-height:44px; transition:all 0.5s ease-in-out; text-align:center; z-index:1; text-transform:uppercase;}
.btn:after {content:""; position:absolute; bottom:-4px; right:-4px; display:block; width:100%; height:100%; border-style:solid; border-color:inherit; border-width:1px; z-index:-1; box-sizing:border-box;}
.btn.btnFull {display:block; width:100%;}

.btnLine {border-bottom-width:1px; border-bottom-style:solid; font-weight:500;}

.shadow {box-shadow:5px 5px 5px rgba(0,0,0,.14)}   

/* btn */
.btnArea { margin-top:25px; }
.btnArea.small { margin:40px 0; }
.btnArea .btn.btnSizeB  { margin-left:20px; }
.btnArea .btn.btnSizeB:first-child { margin-left:0; }
.btnArea .btn.btnSizeA:first-child { margin-left:0; }
.btnArea.vNum2  {}
.btnArea.vNum2 a  {margin-top:15px;}
.btnArea.vNum2 a:first-child  {margin-top:0;}
.btnArea.double {  }
.btnArea.double a { margin-top:15px !important; }

.btnMore { padding-top:15px; }
.btnMore:after { content:""; clear:both; display:block; }
.btnMore .btn { margin-left:5px; }
.btnMore .btn:last-child { margin-left:0; }

.btnTypeA {border-color:#6fba2c; background-color:#fff; color:#6fba2c !important;} 
.btnTypeA:after {border-width:0 4px 4px 0px;} 
.btnTypeB {border-color:#fabe00; background-color:#fff; color:#fabe00 !important;}
.btnTypeB:after {border-width:0 4px 4px 0px;} 
.btnTypeC {border-color:#fff; background-color:rgba(0,0,0,.05); color:#fff !important;} 
.btnTypeD {border-color:#0062b1; background-color:#0062b1; color:#fff !important;} 
.btnTypeE {border-color:#e72410; background-color:#fff; color:#e72410 !important;} 
.btnTypeF {border-color:#6fba2c; background-color:#fff; color:#6fba2c !important; border-color:#5e9031; } 
.btnTypeG {border-color:#bcbcbc; background-color:#bcbcbc; color:#fff !important; }
.btnTypeH {border-color:#333; background:#fff; color:#333 !important;}
.btnTypeH:after {border-width:0 4px 4px 0px;} 
.btnTypeI {border-color:#0062b1;background:#fff;color:#0062b1 !important;}
.btnTypeI:after {border-width:0 4px 4px 0px;}
.btnTypeJ {border-color:#f9be00; background-color:#fff; color:#f9be00 !important;} 

.btnSizeA {height:40px; line-height:38px; font-weight:700; margin-bottom:6px; font-size:15px;}
.btnSizeB {height:60px; border-width:2px; line-height:60px; font-weight:700; font-size:30px; }
.btnSizeC {height:30px; line-height:28px; font-weight:700; font-size:11px;} 
.btnSizeD {height:40px; line-height:38px; font-weight:700; font-size:15px;} 
/* 0803_[홍보관] 2022 ELMO 진행 : 추가 */
.btnSizeE {height:50px; line-height:48px; font-weight:700; font-size:18px;} 
/* 0803_[홍보관] 2022 ELMO 진행 : 추가 끝 */

.btn.facebook {border-color:#4867b4; background:#4867b4 url(/mobile/images/icon/facebook.png) no-repeat 12px 50%; color:#fff;}
.btn.kakaotalk {border-color:#ffde00; background:#ffde00 url(/mobile/images/icon/kakao.png) no-repeat 12px 50%; color:#1e1e1e;} 
.btn.email {border-color:#fff; background:#fff url(/mobile/images/icon/email.png) no-repeat 12px 50%; color:#000;}
.attach-btn {padding: 0;}
.attach-btn label {display:block; width:100%; height:100%; padding: 0 10px; cursor:pointer;}

#btnShare {position:relative; display:block; width:30px; height:30px; border:1px solid #e1e1e1; border-radius:50%; background:#f4f4f4;}
#btnShare img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:16px;}

.contHeader {height:235px; padding:60px 0; background-color:#f4f4f4; background-repeat:no-repeat; text-align:center;}
.contHeader h2 {padding-bottom:15px; font-size:48px; color:#333; font-weight:700; line-height:50px; text-transform:uppercase;}

.contHeaderTypeA {position:relative; display:table; width:100%; padding:0 15px; height:73px; background:#fff; z-index:5}  
.contHeaderTypeA h2 {display:table-cell; width:100%; font-size:35px; padding:0; vertical-align:middle; line-height:35px; border-bottom:1px solid #434343; text-align:left;}

span.must {color:#e72410; font-weight:700;}

/* form */
.formInfoTxt {padding-bottom:10px; text-align:right; color:#7c7c7c; font-size:15px;}


/* other underline color */
.formTypeA.formView {border-top:1px solid #4b4b4b;}
.formTypeA.formView td {margin-top:-5px; border-bottom:1px solid #e1e1e1; }

.formTypeA {display:block; width:100%;}
.formTypeA tbody,
.formTypeA tr {display:block;}
/* .formTypeA tr:last-child th,
.formTypeA tr:last-child td {padding-bottom:20px;} */ 
.formTypeA th,
.formTypeA td {display:block; text-align:left;}
.formTypeA td:after {content:""; display:block; clear:both;} 
.formTypeA th {font-size:20px; color:#333; font-weight:500;} 
.formTypeA th span.subTh {display:block; color:#7c7c7c; font-size:12px; font-weight:300;} 
.formTypeA td {padding-bottom:10px;}
.formTypeA td .infoTxt {padding-top:5px; font-size:13px; line-height:18px; color:#a1a1a1; clear:both;}

.formTypeA tr.inMust {}
.formTypeA tr.inMust th {display:none;}
.formTypeA tr.inMust td {padding-top:10px;}
.formTypeA tr td .inMust.divi {margin-top:5px;}
.formTypeA tr td .inMust,
.formTypeA tr td .inMustA {position:relative; display:block;}
.formTypeA tr td .inMust:after {content:"*"; position:absolute; right:10px; top:50%; margin-top:-6px; font-size:15px; line-height:16px; color:#e72410; font-weight:700;}
.formTypeA tr td .inMustA:after {content:"*"; position:absolute; right:30px; top:50%; margin-top:-6px; font-size:15px; line-height:16px; color:#e72410; font-weight:700;}
.formTypeA tr td .divi2 {padding-top:5px;}
.formTypeA .chkArea {display:inline-block; margin-right:10px;} 

.formTypeA .num2 {} 
.formTypeA .num3 {} 
.formTypeA .num2 .divi, 
.formTypeA .num3 .divi {float:left; margin-left:2%} 
.formTypeA .num2 .divi:first-child, 
.formTypeA .num3 .divi:first-child {margin-left:0;} 
.formTypeA .num2 .divi {width:49%;} 
.formTypeA .num3 .divi {width:32%;} 
.formTypeA .email .divi {float:left; width:46%;}
.formTypeA .email span {float:left; margin:0 2%; width:4%;; text-align:center; line-height:40px;}
.formTypeA #centerEle {display:inline-block; margin-left:10px; font-weight:700;} 

.fileWrap {position:relative;}
.fileWrap input[type=file] {position:absolute; left:-5000em; top:0; opacity:0; width:0; height:0;}
.fileWrap .fileTxt {display:inline-block; width:100%; height:40px; padding:0 10px; background:#fff; border:1px solid #bcbcbc; line-height:40px; vertical-align:top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fileWrap label {position:absolute; right:0; top:0; display:inline-block; height:40px; width:100px; padding:0 10px; border:1px solid #bcbcbc; background:#f4f4f4; font-size:13px; font-weight:500; line-height:38px; vertical-align:top; text-align:center;}
.fileWrap .fileInfo {display:none; padding-top:5px; font-size:15px; font-weight:400}
.fileWrap .fileInfo span {color:#a1a1a1; font-weight:300;}
.fileWrap .fileInfo a {display:inline-block;}
.fileWrap .fileInfo a img {vertical-align:-3px;}

.searchFormA {position:relative; padding-top:15px; text-align:center;}
.searchFormA:before {content:""; position:absolute; left:-20px; bottom:20px; display:block; width:100%; height:100%; padding:0 35px 0 20px; background:#f4f4f4; box-sizing:content-box;}
.searchFormA .inputWrap {position:relative; margin-top:10px; padding-right:39px; vertical-align:top;}
.searchFormA .divi {position:relative; margin-top:10px; vertical-align:top;}
.searchFormA select,
.searchFormA input[type=text] {position:relative; height:40px; padding:0 15px; border:1px solid #bcbcbc; font-size:15px;}
.searchFormA select {display:block; width:100%; vertical-align:top; text-align:center; border:none; border-bottom:1px solid #434343; background-color:transparent; text-transform:uppercase;} 
.searchFormA select option {text-align:center;}
.searchFormA a {display:block; position:absolute; right:0; top:0; width:40px; height:40px; border:1px solid #bcbcbc; border-left:none; background:#fff url(/mobile/images/icon/search2.png) no-repeat 50%; background-size:18px; text-indent:-3000em; text-align:left;}

.searchFormB {}
.searchFormB select,
.searchFormB div {display:inline-block; width:20%; vertical-align:top;}
.searchFormB div {position:relative; padding-right:49px;}
.searchFormB div a {display:block; position:absolute; right:0; top:0; width:50px; height:50px; border:1px solid #e1e1e1; background:#fff url(/mobile/images/icon/search.png) no-repeat 50%; text-indent:-3000em; text-align:left;}
.searchFormB select,
.searchFormB input[type=text] {height:50px; padding:0 30px; border:1px solid #e1e1e1; font-size:15px;}

#slideTypeA {} 
#slideTypeA .slick-arrow {display:none !important;}
#slideTypeA .slick-list {overflow:visible;}
#slideTypeA .slick-dots {position:relative; text-align:center; z-index:10; height:4px; font-size:0; line-height:0;}
#slideTypeA .slick-dots li {display:inline-block; margin:0 10px; height:4px; font-size:0; line-height:0;}
#slideTypeA .slick-dots li.slick-active {}
#slideTypeA .slick-dots li button {display:block; width:8px; height:8px; padding:0; margin:0; border:0; border-radius:4px; background:#ccc; font-size:0; line-height:0; text-indent:-3000em; text-align:left;}  
#slideTypeA .slick-dots li.slick-active button {background:#a1a1a1;}

.listTypeA {position:relative; padding:0 10px;}
.listTypeA:before {content:""; position:absolute; left:-20px; bottom:0; display:block; width:100%; height:167px; padding:0 35px 0 20px; background:#f4f4f4; box-sizing:content-box;}
.listTypeA:after {content:""; display:block; clear:both;} 
.listTypeA .section {float:left; width:100%; height:365px; padding:25px 15px 0;}
.listTypeA .section:first-child {margin-left:0;} 
.listTypeA .section .thum {position:relative; width:100%; height:190px; overflow:hidden;} 
.listTypeA .section .thum img {width:100%;} 
.listTypeA .section .cont {position:relative; padding:15px; background:#fff;}
.listTypeA .section .header {position:relative; margin-bottom:10px;}
.listTypeA .section .header:after {content:""; display:block; clear:both;}
.listTypeA .section .header strong {position:relative; display:inline-block; float:left; line-height:24px; font-size:12px; color:#333; text-transform:uppercase;}
.listTypeA .section .header strong:after {content:""; display:block; width:100%; height:3px; position:absolute; bottom:-1px; left:0; font-size:0; line-height:0;}
.listTypeA .section.typeA .header strong:after,
.listTypeA .section.notice .header strong:after {background:#0062b1;}
.listTypeA .section.typeB .header strong:after,
.listTypeA .section.event .header strong:after {background:#fabe00;}
.listTypeA .section.typeC .header strong:after,
.listTypeA .section.news .header strong:after {background:#6fba2c;}
.listTypeA .section.advice .header strong:after {background:#0062b1;}
.listTypeA .section.activities .header strong:after {background:#ff0000;}
.listTypeA .section.typeD .header strong:after,
.listTypeA .section.other .header strong:after {background:#e1e1e1;}
.listTypeA .section.math .header strong:after {background:#ed1c2a;}
.listTypeA .section.english .header strong:after {background:#0062b1;}
.listTypeA .section .header span {position:absolute; right:15px; top:1px;}
.listTypeA .section p {font-size:18px; line-height:22px; min-height:44px; color:#333; word-break:break-word; font-weight:700;}
.listTypeA .section .date {display:block; font-size:12px; line-height:16px; padding-top:5px; color:#7c7c7c;}

.listTypeB {position:relative;}
.listTypeB:before {}
.listTypeB li {padding:20px 0; border-bottom:1px solid #e1e1e1;}
.listTypeB li a {display:block;}
.listTypeB li .header {padding-bottom:15px;} 
.listTypeB li .header:after {content:""; display:block; clear:both;}
.listTypeB li .header strong {position:relative; display:inline-block; float:left; line-height:19px; font-size:12px; color:#333; font-weight:400; text-transform:uppercase;}
.listTypeB li .header strong:after {content:""; display:block; width:100%; height:3px; position:absolute; bottom:-3px; left:0; font-size:0; line-height:0; background:#bcbcbc;}
.listTypeB li.typeA .header strong:after,
.listTypeB li.notice .header strong:after {background:#0062b1;}
.listTypeB li.typeB .header strong:after, 
.listTypeB li.event .header strong:after {background:#fabe00;} 
.listTypeB li.typeC .header strong:after,
.listTypeB li.news .header strong:after {background:#6fba2c;}
.listTypeB li.typeD .header strong:after,
.listTypeB li.other .header strong:after {background:#e1e1e1;}
.listTypeB li.math .header strong:after {background:#ed1c2a;}
.listTypeB li.english .header strong:after {background:#0062b1;}
.listTypeB li.advice .header strong:after {background:#0062b1;}
.listTypeB li.activities .header strong:after {background:#ff0000;}
.listTypeB li .header span {display:inline-block; float:left; margin-left:10px; line-height:19px; font-size:12px; color:#7c7c7c; text-transform:uppercase;}
.listTypeB li p {font-size:15px; line-height:20px; color:#333; word-break:break-word; font-weight:400;}
.listTypeB li .writer,
.listTypeB li .date {display:inline-block; margin-right:5px; font-size:12px; line-height:16px; padding-top:7px; color:#7c7c7c; vertical-align:top;}
.listTypeB li.question {background:url(/mobile/images/blt/arrow_down.png) no-repeat 98% 50%; background-size:16px auto;}
.listTypeB li.question p {padding-right:50px;}
.listTypeB li.question.on {background:url(/mobile/images/blt/arrow_up.png) no-repeat 98% 50%; background-size:16px auto;}  
.listTypeB li.answer {display:none; padding:20px 0; }
.listTypeB li.none {padding:20px 0; text-align:center; font-weight:700; font-size:15px;} 
.listTypeB.hasThum {}
.listTypeB.hasThum li {position:relative; padding-right:100px; min-height:130px;}
.listTypeB.hasThum li a {display:block;}
.listTypeB.hasThum li .thum {position:absolute; right:0; bottom:20px; width:80px; height:80px; background:#f4f4f4}
.listTypeB.hasThum li .thum img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%;}
.listTypeB.hasThum li.none {min-height:0; padding-right:0;}


/*
.listTypeB {table-layout:fixed; width:100%; border-top:2px solid #434343;}
.listTypeB thead {}
.listTypeB thead th {height:50px; border-bottom:1px solid #434343; text-align:center; color:#333; font-weight:500; text-align:center;}
.listTypeB tbody td {position:relative; padding:14px 0; border-bottom:1px solid #b7b7b7; text-align:center;}
.listTypeB tbody td.tit {padding-left:15px; padding-right:15px; text-align:left;}
.listTypeB tbody td.tit a {color:#333; font-weight:500;}
.listTypeB tbody tr {position:relative;}
.listTypeB tbody td.divi {position:relative; padding:0;}
.listTypeB tbody td.divi span {display:inline-block; font-size:14px; font-weight:500; color:#333;}
.listTypeB tbody td.divi span:after {content:""; position:absolute; bottom:-1px; left:0; display:block; width:100%; height:2px; font-size:0; line-height:0;}
.listTypeB tbody .notice td.divi span:after {background:#0062b1;}
.listTypeB tbody .event td.divi span:after {background:#fabe00;}
.listTypeB tbody .news td.divi span:after {background:#6fba2c;}
.listTypeB tbody td.none {text-align:center; font-size:20px; padding:20px 0; color:#333; font-weight:500;}

.listTypeB tr.question .tit {background:url(/mobile/images/blt/arrow_down.png) no-repeat 98% 50%;}
.listTypeB tr.question.on .tit {background:url(/mobile/images/blt/arrow_up.png) no-repeat 98% 50%;}
.listTypeB tr.answer {display:none;}
.listTypeB tr.answer .tit {padding:20px 15px; line-height:22px; color:#555;}
*/

.listTypeC { table-layout:fixed; width:100%; border-top:1px solid #4d4d4d; }
.listTypeC thead {}
.listTypeC tbody tr { position:relative; border-bottom: 1px solid #e1e1e1; }
.listTypeC thead th {padding:10px 0; font-size:14px; line-height:14px; font-weight:700; border-bottom:1px solid #e1e1e1;}
.listTypeC tbody td { padding:10px 5px; font-size:13px; line-height:13px; text-align:center;}
.listTypeC tbody td.num {background:#f4f4f4; font-weight:300; text-align:center;}

.listTypeD { table-layout:fixed; width:100%; border-top:2px solid #434343; }
.listTypeD thead {}
.listTypeD thead th {padding:12px 0; border-bottom:1px solid #434343; text-align:center; color:#333; font-weight:500; text-align:center;}
.listTypeD tbody tr {position:relative; border-bottom: 1px solid #bcbcbc; }
.listTypeD tbody th {color:#333; font-weight:500; text-align:center; }
.listTypeD tbody th.title, .listTypeD tbody td.title { background:#f4f4f4;}				
.listTypeD tbody td { padding:14px 0; text-align:center; color:#555; font-weight:300; }
.listTypeD tbody td.num { background:#f5f5f5; }
.listTypeD tbody td.title { background:#f4f4f4; text-align:left; padding:15px 20px; }				
.listTypeD tbody td.effect { color:#e72410; }
.listTypeD tbody td.none { text-align:center; font-size:20px; padding:20px 0; color:#333; font-weight:500; }

.listTypeE { table-layout:fixed; width:100%; border-top:1px solid #434343; }
.listTypeE thead {}
.listTypeE thead th {padding:10px 0; color:#333; font-weight:700; text-align:inherit; border-bottom:1px solid #e1e1e1;}
.listTypeE thead td {padding:5px; border-bottom:1px solid #e1e1e1; background:#f4f4f4; text-align:left !important; font-size:11px; line-height:13px;}
.listTypeE tbody th,
.listTypeE tbody td {padding:15px 10px; border-bottom:1px solid #e1e1e1; font-size:14px; line-height:18px; text-align:inherit;}
.listTypeE tbody th {padding-right:0; background:#f4f4f4; color:#333; font-weight:700; text-align:left !important;}
.listTypeE tbody th .subTh {display:block; color:#7c7c7c; font-size:12px; font-weight:300;}
.listTypeE tbody td.none {text-align:center; padding:20px 0; font-weight:700;}
				
 .viewTypeA {}
.viewTypeA .header {padding:20px 0 25px; border-bottom:1px solid #e1e1e1;}
.viewTypeA .header .info {padding-bottom:15px;}
.viewTypeA .header .info:after {content:""; display:block; clear:both;}
.viewTypeA .header .info strong {position:relative; display:inline-block; float:left; line-height:19px; font-size:12px; color:#333; font-weight:400}
.viewTypeA .header .info strong:after {content:""; display:block; width:100%; height:3px; position:absolute; bottom:-3px; left:0; font-size:0; line-height:0;}
.viewTypeA .header.typeA .info strong:after,
.viewTypeA .header.notice .info strong:after {background:#0062b1;}
.viewTypeA .header.typeB .info strong:after, 
.viewTypeA .header.event .info strong:after {background:#fabe00;} 
.viewTypeA .header.typeC .info strong:after,
.viewTypeA .header.news .info strong:after {background:#6fba2c;}
.viewTypeA .header.advice .info strong:after {background:#0062b1;}
.viewTypeA .header.activities .info strong:after {background:#ff0000;}
.viewTypeA .header.typeD .info strong:after,
.viewTypeA .header.others .info strong:after {background:#6fba2c;}
.viewTypeA .header.math .info strong:after {background:#ed1c2a;}
.viewTypeA .header.english .info strong:after {background:#0062b1;}
.viewTypeA .header .info span {display:inline-block; float:left; margin-left:10px; line-height:19px; font-size:12px; color:#7c7c7c;}
.viewTypeA .header h3.tit {font-size:18px; line-height:23px; font-weight:500; color:#333; word-break:break-word;}
.viewTypeA .header .info2 {padding-top:5px;} 
.viewTypeA .header .info2 span {display:inline-block; margin-right:5px; color:#a1a1a1; font-size:12px; line-height:20px; vertical-align:top;} 
.viewTypeA .header .info2 span.hit img {vertical-align:1px;}
.viewTypeA .header #btnShare {margin-top:10px;} 


.viewTypeA .header .info3 {padding-top:5px; margin-bottom:-5px;} 
.viewTypeA .header .info3 span {display:inline-block; margin-right:5px; color:#a1a1a1; font-size:12px; line-height:20px; vertical-align:middle;}
.viewTypeA .header .info3 span.writer {color:#333;} 
.viewTypeA .header .info3 span.grade {width:22px; border-radius:6px; background:#f4f4f4; font-size:10px; line-height:12px; color:#555; text-align:center;}
.viewTypeA .header .info3 span.centerName {color:#7c7c7c;} 
  
.viewTypeA .viewCont {min-height:300px; padding:20px 0; border-bottom:1px solid #e1e1e1;}
.viewTypeA .viewCont .viewCont {border:0 !important;}
.viewTypeA .viewCont img {max-width:100% !important; height:auto !important;}
.viewTypeA .viewCont .thumArea {padding-bottom:20px;}
.viewTypeA .viewCont .mediaContent {padding-bottom:20px;}  

.viewTypeA .viewCont { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.share_banner {width: 82%; margin: 20px auto 0; padding: 25px 30px;
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 text-align: left; 
background: #fff; word-break: break-word; -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2); } 
.share_banner > p { padding-left: 15px; font-weight: 500; font-size: 20px; color: #333; line-height: 1em; } 

.pagingTypeA {margin-top:25px; text-align:center;}
.pagingTypeA a.btnPrev,
.pagingTypeA a.btnNext {display:inline-block; width:29px; height:29px; border:1px solid #ccc; border-radius:50%; text-indent:-3000em; text-align:left; vertical-align:top;}  
.pagingTypeA a.btnPrev {margin-right:5px; background:url(/mobile/images/blt/arrow_left.png) no-repeat 50%; background-size:9px auto;}
.pagingTypeA a.btnNext {margin-left:5px; background:url(/mobile/images/blt/arrow_right.png) no-repeat 50%; background-size:9px auto;}  
.pagingTypeA a,
.pagingTypeA strong {display:inline-block; width:29px; height:29px; line-height:29px; color:#7c7c7c; font-size:18px; font-weight:400; text-align:center; vertical-align:top;}
.pagingTypeA a {}
.pagingTypeA strong {}
.pagingTypeA strong span {display:inline-block; line-height:20px; color:#333; font-weight:500; border-bottom:3px solid #e72410;}

.pagingTypeB {padding:25px 0 0; text-align:center;}
.pagingTypeB:after {content:""; display:block; clear:both;}  
.pagingTypeB li {position:relative; float:left; width:50%; font-size:15px; line-height:20px; height:20px; font-weight:400; vertical-align:top; white-space:nowrap;} 
.pagingTypeB li a {position:relative; display:block; text-align:center;}
.pagingTypeB li a:before {content:""; position:absolute; left:0; top:4px; display:block; width:8px; height:13px;}
.pagingTypeB li.viewPrev {padding-right:0;} 
.pagingTypeB li.viewPrev a:before {left:0; background:url(/mobile/images/blt/arrow2_left.png) no-repeat 0 0; background-size:8px auto;}
.pagingTypeB li.viewPrev:after {content:""; position:absolute; right:0; top:4px; display:block; width:1px; height:12px; background:#555555; font-size:0; line-height:0;}
.pagingTypeB li.viewNext {padding-left:0;}
.pagingTypeB li.viewNext a:before {left:auto; right:0; background:url(/mobile/images/blt/arrow2_right.png) no-repeat 0 0; background-size:8px auto;}

a.youtubeThum {display:block; position:relative; min-height:150px; background:rgba(0,0,0,.4)} 
a.youtubeThum:before {content:""; display:block; width:39px; height:39px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background:url(/mobile/images/icon/play.png) no-repeat 0 0; background-size:39px auto;}
a.youtubeThum span.icon {position:absolute; left:8px; top:8px; display:table; width:27px; height:27px;  background:#f77219; border-radius:50%;}
a.youtubeThum span.icon span {display:table-cell; vertical-align:middle; width:100%; font-size:9px; font-weight:300; line-height:10px; text-align:center; color:#fff;}
a.youtubeThum img {width:100%;}
a.youtubeThum p {position:absolute; left:0; bottom:0; width:100%; padding:10px; border-top:1px solid rgba(255,255,255,.2); text-align:center; font-size:11px; font-weight:300; line-height:15px; color:#fff;}

.infoAreaTypeA {padding-top:10px;}
.infoAreaTypeA strong {display:block; padding-bottom:5px; color:#f66c18; font-weight:400; line-height:18px;}

.selectTypeForm{border:0; background:none; font-size:14px; color:#555555; padding-right:18px; background:url(/mobile/images/blt/arrow2-down.png) no-repeat 100% 50%;}

.tabTypeA{text-align:center;}
.tabTypeA li{display:inline-block; margin:0 3px; vertical-align:top;}
.tabTypeA li a{display:block; width:100px; height:30px; border-radius:12px; border:solid 1px #dbdbdb; text-align:center; line-height:30px;}
.tabTypeA li.on a{ background-color: #2e78ff; border:0; color:#fff;}

.colorTypeA,
.colorTypeA:after,
.colorTypeA:before {color:#f66c18 !important;} 
.colorTypeB,
.colorTypeB:after,
.colorTypeB:before {color:#2e78ff !important;}
.colorTypeC,
.colorTypeC:after,
.colorTypeC:before {color:#f62818 !important;}

#youtubeFullFrame {position:absolute; left:0; top:0; width:100%; height:100%;}

#lnbTypeA {position:absolute; left:-30px; top:60px; z-index:50;}
#lnbTypeA ul {width:180px; transition:all 0.2s ease-in-out;}
#lnbTypeA ul li {padding:10px 0; height:auto; transition:all 0.2s ease-in-out;} 
#lnbTypeA ul li a {position:relative; display:block; padding:0 0 0 40px; font-size:13px; line-height:20px; color:#a8a8a8; font-weight:700; word-break:break-word; transition:color 0.2s ease-in-out;}
#lnbTypeA ul li a:before {content:""; position:absolute; left:0; top:7px; display:block; width:30px; height:1px; background:#bcbcbc; font-size:0; line-height:0; transition:background 0.2s ease-in-out;}

#lnbTypeA.on {position:fixed; left:0; top:0px; height:100%; padding:90px 0;} 
#lnbTypeA.on ul {height:100%;} 
#lnbTypeA.on li {height:15%;} 
#lnbTypeA.on li.on {height:60%;}
#lnbTypeA.on li.on a {color:#e72410;}
#lnbTypeA.on li.on a:before {background:#e72410;}  

.tableOverWrap {width:100%; overflow:auto;}
.tableOverWrap::-webkit-scrollbar {width:4px; height:4px; border: 1px solid #fff; }
.tableOverWrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height:0px }
.tableOverWrap::-webkit-scrollbar-track {background:#fff; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.tableOverWrap::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#c1c1c1; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
.tableOverWrap table {min-width:100%;}
.tableOverWrap table th,
.tableOverWrap table td {max-width:180px; word-break:keep-all;}

.noSwiper {}
.noSwiper .swiper-pagination,
.noSwiper .swiper-button-next,
.noSwiper .swiper-button-prev {display:none !important;}


.lineBoxTypeA {position:relative; padding:0 35px 0 20px; margin:0 -35px 0 -20px;}
.lineBoxTypeA:before {content:""; display:block; position:absolute; right:0; top:0; width:15px; height:100%;}

.lineBoxTypeB {position:relative;}
.lineBoxTypeB:before {right:-15px; bottom:0; width:15px; height:89%;} 
.lineBoxTypeB:after {right:-15px; bottom:-30px; width:50%; height:30px;} 
.lineBoxTypeB:before,  
.lineBoxTypeB:after  {content:""; display:block; position:absolute;} 

.lineBoxColorA:before,
.lineBoxColorA:after {background:#6fba2c;}

.lineBoxColorB:before,
.lineBoxColorB:after {background:#e72410;}

.contLast {padding-bottom:70px !important; margin-bottom:0 !important;} 

#blockArea {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:100000;}

/* popup */ 
#frameArea {position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:95%; max-height:95%; padding:15px 15px 0 0; margin:auto; background:#f4f4f4; z-index:10001; opacity:0; overflow:auto;} 
#frameArea:before {content:""; display:block; position:absolute; right:0; top:0; width:15px; height:100%; background:#f4f4f4;}
#frameArea:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:70px; background:#fabe00;}
#frameArea > .btnLayerClose {right:0; top:0; background:#fff;}
#frameArea iframe {display:block; position:relative; z-index:10;}
 
.layerPop {position:relative; background:#fff;} 
#popWrap {position:relative; padding:30px 20px 30px; margin:0 auto;} 
#popWrap h1 {text-align:center; font-size:23px; line-height:24px; color:#333; font-weight:700;}
#popWrap .hTxt {padding-top:10px; text-align:center;}
#popWrap .btnPrint {position:absolute; left:30px; top:30px;}
.btnLayerClose {position:absolute; right:10px; top:10px; display:block; width:36px; height:36px; text-indent:-3000em; transform:rotate(45deg);}
.btnLayerClose:before,
.btnLayerClose:after {position:absolute; left:0; top:10px; content:""; display:block; background:#3a312f; font-size:0; line-height:0;}
.btnLayerClose:before {left:0; top:17px;width:100%; height:2px;}
.btnLayerClose:after {left:17px; top:0; width:2px; height:100%;}

#shareSnsLayer {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:500;}
#shareSnsLayer img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#shareSnsLayer .snsArea {padding-top:210px; text-align:center;}
#shareSnsLayer .snsArea li {display:inline-block; margin:0 10px;}
#shareSnsLayer .snsArea li a {position:relative; display:block; width:70px; height:70px; border-radius:50%; background:#f4f4f4;}
#shareSnsLayer .btnClose {position:absolute; left:50%; top:150px; display:block; width:35px; height:35px; margin-left:-18px;}


label[for="youtubeUrl"] {
	display: inline-block;
	width: 140px;
	padding: 10px 10px 9px 10px;
	border: 1px solid #bcbcbc;
	border-right: 0;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: text;
}

input#youtubeUrl {
	width: calc(100% - 140px);
	padding-left: 0;
	margin-left: -5px;
	border-left: 0;
	box-sizing: border-box;
}

input#youtubeUrl + span {
	display: block;
}

/* 1120_[해외]올림피아드 성적 페이지 수정 : 추가시작 */
.listTypeE.ac thead th {font-size:12px; background:#f4f4f4; line-height:16px;}
.listTypeE.ac tbody th {font-size:11px; line-height:16px;}
.listTypeE.ac tbody td {font-size:14px; line-height:16px;}

.listTypeC tbody td.bg_btm {display:block; width:50px; color:#555; background:#f4f4f4; border-left:2px solid #717171; border-right:2px solid #717171;}
.listTypeC tbody tr:first-child td.bg_btm {border-top:2px solid #717171;}
.listTypeC tbody tr:nth-child(30) td.bg_btm {border-bottom:2px solid #717171;}
.listTypeC tbody td.bg_ctm {display:block; width:50px; color:#fff; background:#717171;}

.listTypeF { table-layout:fixed; width:100%; border-top:1px solid #434343; font-size:15px; line-height:16px;}
.listTypeF thead th {padding:20px 15px; color:#333; font-weight:700; text-align:left; border-bottom:1px solid #434343;}
.listTypeF thead td {padding:20px 15px; color:#555; font-weight:700; text-align:center; border-bottom:1px solid #e1e1e1; background:#f4f4f4;}
.listTypeF tbody th {padding:15px 3px 15px 10px; background:#f4f4f4; text-align:left; border-bottom:1px solid #e1e1e1; font-size:11px;}
.listTypeF tbody td {padding:15px 5px; text-align:left; border-bottom:1px solid #e1e1e1; text-align:center; font-size:14px;}
.listTypeF .line1 th {border-bottom:1px solid #434343;}
.listTypeF .line1 td {border-bottom:1px solid #434343;}
/* 1120_[해외]올림피아드 성적 페이지 수정 : 추가끝 */


#header .util a.nation{
	overflow:hiddem;
	border:1px solid #e5e5e5;
	line-height:0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.history-box {
	display: block;
	margin-top: 1.5rem;
    padding-top: 1.5rem;
    border: 0;
    border-top: 1px solid #eee;
}
.history-box b {
    display: block;
	font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.history-box ul,
.history-box li {
	list-style-type: disc;
}
.history-box ul {
	margin-left: 2.5rem;
}
.history-box ul li {
	line-height: 1.5;
	width: max-content;
	cursor: pointer;
}
#popWrap.historyBanner {
    position: relative;
    height: 100vh !important;
    display: flex;
    flex-direction: column;
    padding: 0;
}
#popWrap.historyBanner h1 {
    position: relative;
    padding: 60px 20px 20px;
    font-size: 17px;
    text-align: left;
}
#popWrap.historyBanner h1::after {
	content:'';
	position: absolute;
	bottom: 0;
	left: 20px;
    right: 20px;
	height: 2px;
	background-color: #434343;
}
.history-banner-box {
    position: relative;
    width: 100%;
    bottom: 0;
    overflow: auto;
    padding: 0px 20px 30px;
}
.history-banner-box > .__scroll {
	padding-top: 20px;
}	
.history-banner-box table {
	width: 100% !important; max-width: 100%;
}

/* 2023 remuwal */
input[type=text], input[type=search], input[type=file], input[type=password], input[type=date], input[type=number] {
	width: 100%;	
	height: 40px;
	padding: 0 15px;
	border: 1px solid var(--line, #E5E5E5);
}
input[type=search]:readonly {
	-webkit-text-fill-color: #555;
	-webkit-opacity:1;
	opacity: 1;
}
textarea{
	resize: none;
	border: 1px solid var(--line, #E5E5E5);
}
select {
	color: #666;
	padding: 0 0 0 15px;
	border: 1px solid var(--line, #E5E5E5);
	background: #fff url(/mobile/images/btn/bt_arrow_sel.svg) no-repeat right 15px center;
	background-size: 8px auto;
}
/* Layout */
#contatiner {
	padding-bottom: 50px;
}
#contatiner .box-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#contatiner .contBody,
#contatiner .interSection {
	max-width: 1260px;
}
#contatiner .interSection.form {
    max-width: 940px;
}
#contatiner div[id^="SUB_CONTENT"].section {
	margin-top: 100px
}
#contatiner div#SUB_CONTENT1.section {
	margin-top: 80px
}
#contatiner .formInfoTxt {
	font-size: 12px;
}
/* Button */
.btnTypeRoundLineA {
    display: inline-block;
    color: #F00;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize;
	border: 1px solid #F00;
    border-radius: 1000px;
    background: #fff;
}
a.btnTypeRoundLineA:visited,
a.btnTypeRoundLineA:active,
a.btnTypeRoundLineA:hover,
a.btnTypeRoundLineA:focus {
    color: #F00;
}
a.btnTypeRoundLineA:hover {
    color: #fff;
    background: #F00;
}
.btnTypeRoundLineA:after {
	display: none;
}
.btnTypeRoundLineA.bu:after {
	content: '';
	position: static;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 16px;
	margin-top: 20px;
	margin-left: 7px;
	background: url(/mobile/images/btn/bt_arrow_sp.png) no-repeat 0 0;
	border: 0;
}
a.btnTypeRoundLineA.bu:hover:after,
a.btnTypeRoundLineA.bu:focus:after {
    background-position: right 0;
}
.btnTypeRoundA {
    display: inline-block;
    color: #fff;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize;
	text-transform: math-auto;
    border-radius: 1000px;
    background: #F00;
}
a.btnTypeRoundA:visited,
a.btnTypeRoundA:active,
a.btnTypeRoundA:hover,
a.btnTypeRoundA:focus {
    color: #fff;
}
a.btnTypeRoundA:hover,
a.btnTypeRoundA:focus {
    background: #F00;
}
.btnTypeRoundA:after {
	display: none;
}
.btnTypeRoundLineB {
    display: inline-block;
    color: #06F;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize;
	border: 1px solid #06F;
    border-radius: 1000px;
    background: #fff;
}
a.btnTypeRoundLineB:visited,
a.btnTypeRoundLineB:active {
    color: #06F;
}
a.btnTypeRoundLineB:hover,
a.btnTypeRoundLineB:focus {
    color: #fff;
    background: #06F;
}
.btnTypeRoundLineB:after {
	display: none;
}
.btnTypeRoundD {
    display: inline-block;
    color: #fff;
	font-style: normal;
	font-weight: 600;
	text-transform: capitalize;
    text-transform: math-auto; 
	border: 1px solid #06F;
    border-radius: 1000px;
    background: #06F;
}
a.btnTypeRoundD:visited,
a.btnTypeRoundD:active,
a.btnTypeRoundD:hover,
a.btnTypeRoundD:focus {
    color: #fff;
}
a.btnTypeRoundD:hover,
a.btnTypeRoundD:focus {
    background: #06F;
}
.btnTypeRoundD:after {
	display: none;
}
.btnTypeRoundLineB.bu:after {
	content: '';
	position: static;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 16px;
	margin-top: 20px;
	margin-left: 7px;
	background: url(/mobile/images/btn/bt_arrow_sp.png) no-repeat -15px 0;
	border: 0;
}
a.btnTypeRoundLineB.bu:hover:after,
a.btnTypeRoundLineB.bu:focus:after {
    background-position: right 0;
}
.btnTypeRectA {
    display: inline-block;
    color: #fff;
	font-style: normal;
	font-weight: 500;
	/* font-weight: 600; */
	text-transform: capitalize;
	text-transform: math-auto;
	border: 1px solid #F00;
    background: #F00;
}
a.btnTypeRectA:visited,
a.btnTypeRectA:active,
a.btnTypeRectA:hover,
a.btnTypeRectA:focus {
    color: #fff;
}
a.btnTypeRectA:hover,
a.btnTypeRectA:focus {
    background: #F00 !important;
}
.btnTypeRectA:after {
	display: none;
}
.btnTypeRectB {
    display: inline-block;
    color: #fff;
	font-style: normal;
	font-weight: 500;
	/* font-weight: 600; */
	text-transform: capitalize;
	text-transform: math-auto;
	border: 1px solid #06F;
    background: #06F;
}
a.btnTypeRectB:visited,
a.btnTypeRectB:active,
a.btnTypeRectB:hover,
a.btnTypeRectB:focus {
    color: #fff;
}
a.btnTypeRectB:hover,
a.btnTypeRectB:focus {
    background: #06F !important;
}
.btnTypeRectB:after {
	display: none;
}
.btnTypeRectLineA {
    display: inline-block;
    color: #F00;
	font-style: normal;
	font-weight: 400;
	/* font-weight: 500; */
	text-transform: capitalize;
	border: 1px solid #F00;
    background: #fff;
}
a.btnTypeRectLineA:visited,
a.btnTypeRectLineA:active {
    color: #F00;
}
a.btnTypeRectLineA:hover,
a.btnTypeRectLineA:focus {
    color: #fff;
    background: #F00 !important;
}
.btnTypeRectLineA:after {
	display: none;
}
.btnTypeRectLineB {
    display: inline-block;
    color: #06F;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
	border: 1px solid #06F;
    background: #fff;
}
a.btnTypeRectLineB:visited,
a.btnTypeRectLineB:active {
    color: #06F;
}
a.btnTypeRectLineB:hover,
a.btnTypeRectLineB:focus {
    color: #fff;
    background: #06F !important;
}
.btnTypeRectLineB:after {
	display: none;
}
.btnTypeRectLineC {
    display: inline-block;
    color: #4E7282;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
	border: 1px solid #4E7282;
    background: #fff;
}
a.btnTypeRectLineC:visited,
a.btnTypeRectLineC:active {
    color: #4E7282;
}
a.btnTypeRectLineC:hover,
a.btnTypeRectLineC:focus {
    color: #fff;
    background: #4E7282 !important;
}
.btnTypeRectLineC:after {
	display: none;
}
a.btnTypeRectLineC.disable {
    color: #fff !important;
    background: #83A3B3 !important;
	border-color: #83A3B3;
    cursor: default;
}
[class*="btnTypeRound"].btnSizeA {
    height: 38px;   
	padding: 0 25px;
	font-size: 14px;
	line-height: 38px;
}
[class*="btnTypeRect"].btnSizeB {
	width: 100%;
    height: 40px;
	font-size: 14px;
	line-height: 40px;
}
[class*="btnTypeRound"].btnSizeC {
	width: 100%;
	max-width: 1099px;
    height: 46px;
	font-size: 14px;
	line-height: 46px;
}
.btnSizeD {
	width: 100%;
    height: 60px;
	font-size: 16px;
	line-height: 60px;
}
.btnWide {
	width: 100%;
}
/* Floating Button */
#contatiner + .btnArea.ac {
	margin-top: 0;
	margin-bottom: 50px;
}
#contatiner + .btnArea.ac .btn {
	margin: 0;
}
#contatiner + .btnArea.ac .btn + .btn {
	margin-top: 15px;
}
#contatiner + .btnArea.ac span {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 15px;
}
#freeLearn {
	/* opacity: 0; */
	display: none;
	position: fixed; 
    left: 15px;
	right: 15px;
    bottom: 30px;
	z-index: -1;
	width: auto;
	max-width: 738px;
	border: 0px;
    /* transition: all 0.1s ease-in-out; */
}
#freeLearn a {
    color: #fff;
    border: 0px;
	animation: opacity 3s linear 0s infinite;
}
#freeLearn.fixed {
	/* opacity: 1; */
	display: block;
    z-index: 99;
}
@keyframes opacity {
	0% {
		opacity: .25;
	}
	50% {
		opacity: 1; 

	}
	100% {
		opacity: .25;
	}
}
/* Text */
#contatiner p.txt-dot {
	position: relative;
	margin-top: 0;
	padding-left: 15px;
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; /* 36px */
}
#contatiner p.txt-dot:before {
	content: '';
	position: absolute;
	left: 3px;
    top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #808080;
}
/* Icon */
.icon-arithmetic {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/arithmetic.svg) no-repeat center;
	background-size: cover;
}
.icon-thinking {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/thinking.svg) no-repeat center;
	background-size: cover;
}
.icon-reading {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/reading.svg) no-repeat center;
	background-size: cover;
}
.icon-writing {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/writing.svg) no-repeat center;
	background-size: cover;
}
.icon-math {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 17px;
	background: url(/mobile/images/icon/math.svg) no-repeat center;
	background-size: cover;
}
.icon-english {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/english.svg) no-repeat center;
	background-size: cover;
}
.icon-edit {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/edit.svg) no-repeat center;
	background-size: 100% auto;
}
.icon-find {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(/mobile/images/icon/find.svg) no-repeat center;
	background-size: 100% auto;
}
.tabArea .on .icon-arithmetic {
	background-image: url(/mobile/images/icon/arithmetic_on.svg);
}
.tabArea .on .icon-thinking {
	background-image: url(/mobile/images/icon/thinking_on.svg)
}
.tabArea .on .icon-reading {
	background-image: url(/mobile/images/icon/reading_on.svg)
}
.tabArea .on .icon-writing {
	background-image: url(/mobile/images/icon/writing_on.svg)
}
/* Tab */
.tabArea.type2,
.tabArea.type3 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 5px 0;
	z-index: 10;
	width: 100%;
	margin-bottom: 10px;
}
.tabArea.type2 li a,
.tabArea.type3 li a {
	display: block; 
	width: 100%;
	color: #F00; 
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 45px; 
	text-align: center;
	border: 1px solid #f00;
	transition: all 0.2s ease-in-out;
}
.tabArea.type2 li.on a,
.tabArea.type3 li.on a {
	height: 45px;
	color: #FFF;
	background: #F00;
}
.tabArea.type2 li a span,
.tabArea.type3 li a span {
	margin-top: 11px;
	margin-right: 10px;
}
.tabArea.type3 li a {
	color: #06F; 
	border: 1px solid #06F;
}
.tabArea.type3 li.on a {
	background: #06F;
}
/* Galley List */
#contatiner .list-galley > li,
#contatiner .list-galley .item {
	border: 1px solid #E5E5E5;
}
#contatiner .list-galley > li + li {
	margin-top: 30px;
}
#contatiner .list-galley > li > div,
#contatiner .list-galley .item > div {
	padding: 20px 25px;
}
#contatiner .list-galley .item > div {
	min-height: 215px;
}
#contatiner .list-galley > li > div strong,
#contatiner .list-galley .item > div strong {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 18px;
	color: #4D4D4D;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1em; /* 35.2px */
	text-align: left;
	border-bottom: 1px solid #E5E5E5;
}
#contatiner .list-galley > li > div strong:after,
#contatiner .list-galley .item > div strong:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35px;
	height: 2px;
	background-color: #F00; 
}
#contatiner .list-galley li > div p,
#contatiner .list-galley .item > div p {
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; /* 36px */
	text-align: left;
}
/* List Grid */
#contatiner .list-grid {
	display: grid;
    gap: 30px;
}
/* #contatiner .formTypeA {
	padding-top: 30px;
	border-top: 1px solid #E5E5E5;
} */
#contatiner .formTypeA > li > strong {
	display: block;
	margin-bottom: 10px;
	color: #4D4D4D;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1em;
	text-align: left;
}
#contatiner .formTypeA > li > strong .must {
	color: #F00;
}
#contatiner .formTypeA > li > strong .infoTxt {
	color: #808080;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: 0.54px;
}
#contatiner .formTypeA > li input[type=text], 
#contatiner .formTypeA > li input[type=search],
#contatiner .formTypeA > li input[type=file],
#contatiner .formTypeA > li input[type=password], 
#contatiner .formTypeA > li input[type=date], 
#contatiner .formTypeA > li input[type=number] {
	width: 100%;
	height: 64px;
	padding: 19px 20px;
	color: #666;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.1em; /* 26.4px */
	border: 1px solid #E5E5E5;
	background: #fff;
}
#contatiner .formTypeA > li input[type=text]::placeholder {
	color: #CCC;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.1em; /* 26.4px */
}
#contatiner .formTypeA > li select {
	width: 100%;
	height: 64px;
	padding: 19px 20px;
	color: #666;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.1em; /* 26.4px */
	border: 1px solid #E5E5E5;
	background: #fff url(/mobile/images/btn/bt_arrow_sel_down.png) no-repeat right 20px center;
}
#contatiner .formTypeA > li textarea {
	width: 100%;
	padding: 19px 20px;
	flex-shrink: 0;
	border: 1px solid #E5E5E5;
	resize: none;
}
#contatiner .formTypeA .search {
	position: relative;
	border: 0;
}
#contatiner .formTypeA .btn.btnSearch {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: url(/mobile/images/btn/bt_search.svg) no-repeat center;
	background-size: 14px auto;
}
#contatiner .formTypeA .btn.btnSearch:after {
	display: none;
}
#contatiner .formTypeA .btn.btnSearch:after {
	display: none;
}
#contatiner .formTypeA #centerEle {
	display: none;
} 
#contatiner .list-grid.col1 {
	grid-template-columns: repeat(1, 1fr);
}
#contatiner .list-grid.col2 {
	grid-template-columns: repeat(2, 1fr);
}
#contatiner .list-grid.col3 {
	grid-template-columns: repeat(3, 1fr);
}
#contatiner .list-grid.col4 {
	grid-template-columns: repeat(4, 1fr);
}
#contatiner .list-grid.col5 {
	grid-template-columns: repeat(5, 1fr);
}
#contatiner .list-grid.col6 {
	grid-template-columns: repeat(6, 1fr);
}
#contatiner .list-grid .column1 {
	grid-column: span 1;
}
#contatiner .list-grid .column2 {
	grid-column: span 2;
}
#contatiner .list-grid .column3 {
	grid-column: span 3;
}
#contatiner .list-grid .column4 {
	grid-column: span 4;
}
#contatiner .list-grid .column5 {
	grid-column: span 5;
}
#contatiner .list-grid .column6 {
	grid-column: span 6;
}
#contatiner .list-grid .chkWrap {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
#contatiner .list-grid .chkWrap input[type=checkbox] {
	position: absolute;
	opacity: 0;
}
#contatiner .list-grid .chkWrap input[type=checkbox] + label {
	display: block;
	height: 40px;
	margin-left: 0 !important;
	padding: 0;
	color: #9A9A9A;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 40px; /* 26.4px */
	text-align: center;
	border: 1px solid #E5E5E5;
}
#contatiner .list-grid .chkWrap input[type=checkbox]:checked + label {
    color: #F00;
	border-color: #F00;
}
#contatiner .formTypeA td .list-grid {
	gap: 5px 10px;
}
/* List Accordion */
#contatiner .list-accordion {
	margin-top: 30px;
}
#contatiner .list-accordion > li {
	border-bottom: 1px solid #E5E5E5;
}
#contatiner .list-accordion > li + li { 
	margin-top: 10px;
}
#contatiner .list-accordion > li > button {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px 35px 10px 20px;
	color: #4D4D4D;
	font-family: "EyeLevel","Arial",sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* font-weight: 500; */
	line-height: 1.1em;
	text-align: left;
	border: 1px solid #E5E5E5;
	border-bottom: 0px;
	background: #fff;
	cursor: pointer;
}
#contatiner .list-accordion > li > button:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 4px;
	background: url(/mobile/images/btn/bt_arrow_sel.svg) no-repeat center;
	background-size: cover;
}
#contatiner .list-accordion > li > button.active:before {
	transform: rotate(-180deg);
}
#contatiner .list-accordion > li > div {
	padding: 20px;
	background: #FAFAFA;
}
#contatiner .list-accordion > li > div #contatiner .formTypeA {
	padding-top: 0px;
    border-top: 0px;
}
#contatiner .list-accordion > li > div .formTypeA {
	border: 0;
}
#contatiner .list-accordion > li > div .formTypeA tr:first-child th {
	padding-top: 0
}
#contatiner .list-accordion > li > div .formTypeA .num1 .divi + .divi {
	margin-top: 5px;
}
#contatiner .list-accordion.qna > li > button {
	padding-left: 41px;
	padding-right: 45px;
	border-left: 0px;
	border-right: 0px;
	cursor: pointer;
}
#contatiner .list-accordion.qna > li > button span {
	position: absolute;
	left: 20px;
	top: 10px;
	margin-right: 10px;
	color: #F00;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
}
#contatiner .list-accordion.qna > li > button.active:after {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	width: 40px;
	height: 2px;
	background: #F00;
}
#contatiner .list-accordion.qna > li > button.active span {
	color: #4D4D4D;
}
#contatiner .list-accordion.qna > li > div {
	padding: 10px 20px;
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; /* 36px */
	background: #FAFAFA;
}
#contatiner .list-accordion.qna > li > div .btnLine {
	color: #75b3f1;
	font-weight: 300;
    border-color: #75b3f1;
}
#contatiner .list-accordion.qna > li > div .btnLine b,
#contatiner .list-accordion.qna > li > div .btnLine strong {
	color: inherit;
	font-weight: 300;
}
/* List Card */
#contatiner .list-card > li,
#contatiner .list-card .item {
	padding: 30px;
	border: 1px solid #E5E5E5;
	text-align: center;
}
#contatiner .list-card .item .star {
	text-align: center;
}
#contatiner .list-card .item .star span {
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 15px;
	background: url(/mobile/images/icon/star.svg) no-repeat center;
	background-size: cover;
	transform: scale(0);
}   
@keyframes scale {
	0% {transform: scale(0);}
	10% {transform: scale(1.1);}
	15% {transform: scale(1);}
	100% {transform: scale(1);}
}
#contatiner .listStarSlider.aos-animate .slick-active .star span {
	animation: scale 2s linear;
	animation-fill-mode: forwards;
}
#contatiner .listStarSlider.aos-animate .slick-active .star span:nth-child(2) {
	animation-delay: 0.3s;
}
#contatiner .listStarSlider.aos-animate .slick-active .star span:nth-child(3) {
	animation-delay: 0.6s;
}
#contatiner .listStarSlider.aos-animate .slick-active .star span:nth-child(4) {
	animation-delay: 0.9s;
}
#contatiner .listStarSlider.aos-animate .slick-active .star span:nth-child(5) {
	animation-delay: 1.2s;
}
#contatiner .list-card .item .star.ea1 span {
	display: none;
}
#contatiner .list-card .item .star.ea1 span:first-child {
	display: inline-block;
}
#contatiner .list-card .item .star.ea2 span:nth-child(3),
#contatiner .list-card .item .star.ea2 span:nth-child(4),
#contatiner .list-card .item .star.ea2 span:nth-child(5) {
	display: none;
}
#contatiner .list-card .item .star.ea3 span:nth-child(4),
#contatiner .list-card .item .star.ea3 span:nth-child(5) {
	display: none;
}
#contatiner .list-card .item .star.ea4 span:nth-child(5) {
	display: none;
}
#contatiner .list-card > li > strong,
#contatiner .list-card .item strong {
	display: block;
	margin-bottom: 10px;
	color: #4D4D4D;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1em; 
}
#contatiner .list-card > li > p,
#contatiner .list-card .item p {
	margin-top: 10px;
	color: #808080;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; /* 36px */
}
#contatiner .list-card.img li {
	padding: 0;
}
#contatiner .list-card.listStarSlider .item {
	min-height: 240px;
}
/* Box */
#contatiner .box-gray {
	padding: 17.5px 15px;
    background: #FAFAFA;
}
#contatiner .box-gray.agree .chkWrap.infoTxt {
	position: relative;
	padding: 0;
	padding-left: 20px;
}
#contatiner .box-gray.agree .chkWrap.infoTxt input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background-position: center;
	background-size: 17px;
	border: 1px solid #CCC;
}
#contatiner .box-gray.agree .chkWrap.infoTxt label {
	margin-left: 0;
	color: #808080;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; /* 27px */
}
#contatiner .box-gray.agree .chkWrap.infoTxt label .btnLine {
	color: #4d4d4d;
	font-weight: 300;
}
#contatiner .box-gray.agree .chkWrap.infoTxt + .infoTxt {
	margin-top: 10px;
}
/* Slide */
#contatiner .slick-slider,
#contatiner .owl-carousel {
	padding: 0 31px 23px 31px;
}
#contatiner .slick-dots,
#contatiner .owl-carousel .owl-dots {
	position: absolute;
	left: 0;
    bottom: 0;
	z-index: 15; 
    width: 100%;
    height: 8px;
	text-align: center;
}
#contatiner .slick-dots li,
#contatiner .owl-carousel button.owl-dot {
	display:inline-block; 
	vertical-align: top;
	margin: 0 5px; 
	font-size: 0; 
	line-height: 0; 
	text-align: center;
}
#contatiner .slick-dots li button,
#contatiner .owl-carousel button.owl-dot span {
	width: 8px; 
	height: 8px; 
	display: block; 
	padding: 0; 
	margin: 0 auto; 
	border-radius: 100%; 
	opacity: 0.85; 
	box-sizing: content-box; 
	text-align: left; 
	text-indent: -3000em; 
	font-size: 0; 
	line-height: 0; 
	box-shadow: none; 
	border: 1px solid #F00; 
	background: transparent;
	box-sizing: border-box;
}
#contatiner .slick-dots li.slick-active button,
#contatiner .owl-carousel button.owl-dot.active span {
	opacity: 1; 
	border: none;
	background:#F00; 
}
#contatiner .owl-carousel .owl-nav button.owl-prev,
#contatiner .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: left;
    text-indent: -3000em;
    transition: background 0.2s ease-in-out;
    border-radius: 17px;
    border: none;
    cursor: pointer;
}
#contatiner .slick-slider .slick-arrow,
.slick-lightbox .slick-slider .slick-arrow,
#contatiner .owl-carousel .owl-nav button.owl-prev,
#contatiner .owl-carousel .owl-nav button.owl-next {
	z-index: 16;
	width: 30px; 
	height: 30px; 
	margin: 0;
	margin-top: -11px;
	background: url(/mobile/images/btn/arrow_right.svg) no-repeat center;
	background-size: 16px auto;
	transform: translateY(-50%);
	border-radius: 0; 
}
#contatiner .slick-slider .slick-arrow.slick-disabled,
.slick-lightbox .slick-slider .slick-arrow.slick-disabled,
#contatiner .owl-carousel .owl-nav button.owl-prev.disabled,
#contatiner .owl-carousel .owl-nav button.owl-next.disabled {
	display: none !important;
} 
#contatiner .slick-slider .slick-prev,
.slick-lightbox .slick-slider .slick-prev,
#contatiner .owl-carousel .owl-nav button.owl-prev {
	left: -6px; 
	transform: translateY(-50%) rotate(-180deg);
}
#contatiner .slick-slider .slick-next,
.slick-lightbox .slick-slider .slick-next,
#contatiner .owl-carousel .owl-nav button.owl-next {
	right: -6px; 
}
#contatiner .slick-slider .slick-prev:hover,
.slick-lightbox .slick-slider .slick-prev:hover,
#contatiner .owl-carousel .owl-nav button.owl-prev:hover {
	background: url(/mobile/images/btn/arrow_right.svg) no-repeat center; 
	background-size: 16px auto;
	transform: translateY(-50%) rotate(-180deg);
}
#contatiner .slick-slider .slick-next:hover,
.slick-lightbox .slick-slider .slick-next:hover,
#contatiner .owl-carousel .owl-nav button.owl-next:hover {
	background:url(/mobile/images/btn/arrow_right.svg) no-repeat center;
	background-size: 16px auto;
}
.slick-lightbox .slick-slider {
    max-width: 100%;
    margin: 0 auto;
}
.slick-lightbox .slick-slider .slick-prev {
	left: 10px; 
    margin-top: 0;
}
.slick-lightbox .slick-slider .slick-next {
    right: 10px;
    margin-top: 0;
}
.slick-lightbox .slick-lightbox-close {
    top: 50px;
    right: 0;
    width: 50px;
    height: 50px;
}
.slick-lightbox .slick-lightbox-close:before {
    font-size: 50px;
}
/* ScrollBar */
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    display: none;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar-thumb {
    display: none;
}
#contatiner .scroll-content.scroll-scrollx_visible { 
	top:  -2px; 
	margin-top:  3px; 
}
#contatiner .scroll-element {
    background-color: #fcfdff;
}
.scroll-element,
#contatiner .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
#contatiner .scroll-element .scroll-element_outer,
#contatiner .scroll-element .scroll-element_size,
#contatiner .scroll-element .scroll-element_inner-wrapper,
#contatiner .scroll-element .scroll-element_inner,
#contatiner .scroll-element .scroll-bar,
#contatiner .scroll-element .scroll-bar div {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
#contatiner .scroll-element .scroll-element_outer,
#contatiner .scroll-element .scroll-element_size,
#contatiner .scroll-element .scroll-element_inner-wrapper,
#contatiner .scroll-element .scroll-bar_body {
    background: none !important;
}
.scroll-element.scroll-x {
    bottom: 0;
    height: 3px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
.scroll-element.scroll-x .scroll-bar { 
	background-color: #999;
	border-radius: 6px;
}
.scroll-element.scroll-x .scroll-bar_body { 
	left: 2px; 
}
.scroll-element.scroll-x .scroll-bar_body-inner { 
	left: -4px; 
}
.scroll-element.scroll-x .scroll-bar_center { 
	left: 50%; 
	margin-left: -6px; 
	width: 12px; 
}
.scroll-element.scroll-x .scroll-bar_bottom { 
	left: auto; 
	right: 0; 
	width: 2px; 
}

/* Title */
#contatiner .contents {
	margin-right: 0;
}
#contatiner .contHeader {
	position: relative;
}
#contatiner .contHeader h2 {
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	text-transform: capitalize;
}
#contatiner .btnPageMove {
    display: none;
	position: absolute;
	top: 50%;
	height: 25px;
	transform: translateY(-50%);
}
#contatiner .btnPageMove:before {
	content: '';
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	background-image: url(/mobile/images/btn/arrow_w_l_left.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px auto;
}
#contatiner .btnPageMove.btnPrevPage {
	left: 0;
	padding-left: 25px;
}
#contatiner .btnPageMove.btnNextPage {
	right: 0;
	padding-right: 25px;
}
#contatiner .btnPageMove.btnPrevPage:before {
	left: 0;
}
#contatiner .btnPageMove.btnNextPage:before {
	right: 0;
	transform: rotate(-180deg);
}
#contatiner .btnPageMove span {
	display: none;
	color: #fff;
	line-height: 22px;;
}
#contatiner .btnPageMove:hover span {
	display: block;
}
#contatiner .section .inner {
	overflow: hidden;
	max-width: 1260px;
    margin: 0 auto;
}
#contatiner .section .subTitle {
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding-top: 25px;
	color: #333;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	/* font-weight: 600; */
	line-height: 1.1em;
	text-align: center;
}
#contatiner .section .subTitle:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 40px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #F00;
}
#contatiner .section .subTitle small {
	display: block;
	margin-top: 10px;
	color: #808080;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; /* 30px */
}
#contatiner .section .subTitle small.first {
	margin-top: 0;
	margin-bottom: 10px;
}
.contHeaderTypeA h2 {
	margin-top: 80px;
	color: #333;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 70px;
	text-transform: capitalize;
	border-color: #999;
}

/* Table */
#contatiner .formTypeA {
	border-top: 1px solid #e5e5e5
}
#contatiner .formTypeA th {
	padding-top: 20px;
	color: #4D4D4D;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1em; 
}
#contatiner .formTypeA td {
	padding: 5px 0;
}
#contatiner .formTypeA td.app_flx {
	display: flex;
	align-items: center;
    justify-content: space-between;
}
#contatiner .formTypeA td .list-accordion {
	margin: 0;
}
#contatiner .formTypeA #centerEle {
	display: none;
}
#contatiner .formTypeA .msgBox .btnWide {
	margin-top: 10px;
	padding: 12px 15px;
	height: auto;
	line-height: 1.1em;
	text-align: left;
}
/* Contact Us */
.contactUsWrap .section {
	margin-top: 80px;
}
.contactUsWrap .HowToReachUs ul.step {
	padding: 0;
	border: 0;
}
.contactUsWrap .HowToReachUs ul.step li:nth-child(1), 
.contactUsWrap .HowToReachUs ul.step li:nth-child(2), 
.contactUsWrap .HowToReachUs ul.step li:nth-child(3) {
	width : 100%;
}
.contactUsWrap .HowToReachUs ul.step li {
	position:relative; 
	margin: 15px 0 0; 
	padding: 12px 15px 12px 57px;
	border: 1px solid #E5E5E5;
}
.contactUsWrap .HowToReachUs ul.step li span {
	position:absolute; 
	left: 15px; 
	top: 50%; 
	width: 30px;
	width: 30px;
	transform: translateY(-50%);
}
.contactUsWrap .HowToReachUs ul.step .title strong { 
	color: #4D4D4D;
}
.contactUsWrap .HowToReachUs ul.step li .cont {
	padding:0 0 0 20px; 
	border-left:1px solid #e5e5e5;
}
.contactUsWrap .HowToReachUs.app_step ul.step li p {
	display: flex;
	align-items: center;
	padding: 0;
}
.contactUsWrap .HowToReachUs.app_step ul.step li {
	height: 75px;
	display: flex;
    align-items: center;
}
.contactUsWrap .HowToReachUs ul.step li .cont strong {
	display:block; 
	font-size:20px; 
	line-height:22px; 
	color:#4D4D4D; 
	font-weight: 500;
}
.contactUsWrap .HowToReachUs ul.step li p {
	padding-top:10px;
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em; 
}
.programsComon span.must {
	color: #e72410;
}

/*finish (from web)*/
.comon-finish {
	padding-top: 65px;
    padding-bottom: 65px;
    min-height: auto;
}
.comon-finish .article-header {
	text-align: center;
}
.comon-finish .article-header h2 strong {
    color: #000;
	font-size: 70px;
    font-size: 28px;
	line-height: 1.2;
    font-weight: 700;
	word-break: keep-all;
    text-transform: uppercase;
}
.comon-finish .article-header p {
    margin-top: 1em;
    font-size: 13px;
    font-weight: 400;
    color: inherit;
}
.comon-finish .article-content .btn-box {
	margin-top: 25px;
	text-align: center;
}
.comon-finish .article-content .btn-main {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    padding: 0 10px;
    border-width: 1px;
    border-style: solid;
    height: 40px;
    color: #6fba2c !important;
    font-size: 15px;
    line-height: 38px;
    font-weight: 700;
    border-color: #6fba2c;
    background-color: #fff !important;
    transition: all 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
    text-transform: uppercase;
}
.comon-finish .article-content .btn-main:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: -4px;
    display: block;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: inherit;
    border-width: 1px;
    z-index: -1;
    box-sizing: border-box;
    border-width: 0 4px 4px 0px;
    transition: none;
}
@media screen and (max-width:480px) {
    .slick-lightbox .slick-slider .slick-prev {
        left: 0; 
    }
    .slick-lightbox .slick-slider .slick-next {
        right: 0;
    }
}