* {box-sizing:border-box; -webkit-overflow-scrolling: touch;}  
html {height:100%;}
body {-webkit-text-size-adjust:none; }
td, div, p, li, dt, dd, input, textarea, h1, h2, h3, h4, h5 { font-family:"EyeLevel","Arial",sans-serif; font-size:16px; line-height:1.6em; font-weight:300; color:#555;  word-break:break-all;}
html[lang=vi-VN] * {font-family:"Helvetica", "Arial"} 
html * {
	word-break:break-word;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-ms-word-break :normal;
	/* 
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    */ 
} 
header, footer, section, article, nav, aside {display:block;}
video {position:relative; vertical-align:top; z-index:10;}
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; 
}

.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:16px;}

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;}
select	{display:block; font-size:16px; font-weight:normal; height:40px; width:100%; padding:0 5px; padding:0 0 0 10px; margin:0; border:1px solid #bcbcbc; background:#fff url(/images/blt/blt.png) no-repeat 94% 50%; text-align:left; border-radius:0px; box-shadow:none; vertical-align:middle; -webkit-appearance:none; -moz-appearance: none; appearance:none; cursor:pointer;}
select option {color:#555;}
select option:first-child{color:#555;}
select::-ms-expand { display:none; }

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; margin-top:-6px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/olympiad/common/btn_check_off.png) no-repeat 0 0; box-sizing:border-box; outline:none; }
input[type=checkbox]:checked	{ background:url(/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(/images/olympiad/common/btn_radio_off.png); }
input[type=radio]:checked + label::before { background: url(/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: 28px; height: 28px; vertical-align: middle; margin: -2px 10px 0 0; background: url(/images/olympiad/common/btn_radio_off2.png); }
input[class="radioTypeB"]:checked + label::before { background: url(/images/olympiad/common/btn_radio_on2.png); background-position: 28px 0; }

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

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;}
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; max-width:100%; border:0;} 
img {max-width:100%;}
strong, b {font-weight:700;}
.posMC {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.dnBr br {display:none !important;}
.dbBr br {display:block !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:break-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 {}
#centerList #loadingArea img {margin-left:-130px; margin-top:-200px;}

.colorStyleA {color:#000 !important;}	
.colorStyleB {color:#333 !important;}	
.colorStyleC {color:#7c7c7c !important;}	
.colorStyleD {color:#a1a1a1 !important;}	
.colorStyleE {color:#ccc !important;}	
.colorStyleF {color:#e72410 !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; text-transform:uppercase;}
.btn:after {content:""; position:absolute; bottom:-4px; right:-4px; display:block; width:96%; height:90%; border-style:solid; border-color:inherit; border-width:0 3px 3px 0;}
.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:60px; }
.btnArea.small { margin:40px 0; }
.btnArea .btn.btnSizeB  { margin-left:20px; }
.btnArea .btn.btnSizeB:first-child { margin-left:0; }
.btnArea .btn.btnSizeA  { margin-left:20px; }
.btnArea .btn.btnSizeA:first-child { margin-left:0; }
.btnArea .btn.btnSizeD  { margin-left:20px; }
.btnArea .btn.btnSizeD:first-child { margin-left:0; }
.btnSide {margin-top:-35px; text-align:right;}

.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:#434343; background-color:#fff; color:#434343 !important;}
.btnTypeB {border-color:#fabe00; background-color:#fabe00; color:#000 !important;}
.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:#fff; color:#7c7c7c !important;} 
.btnTypeH {border-color:#0062b1; background-color:#fff; color:#0062b1 !important;}

.btnSizeA {height:50px; line-height:50px; font-weight:700;}
.btnSizeB {height:60px; border-width:2px; line-height:56px; font-weight:700; font-size:30px; }
.btnSizeC {height:40px; line-height:38px; font-weight:500; font-size:13px;}
.btnSizeC:after {display:none;}
.btnSizeD {height:60px; border-width:2px; line-height:56px; font-weight:700; font-size:24px;}

.btn.facebook {border-color:#4867b4; background:#4867b4 url(/images/icon/facebook.png) no-repeat 12px 50%; color:#fff;}
.btn.kakaotalk {border-color:#ffde00; background:#ffde00 url(/images/icon/kakao.png) no-repeat 12px 50%; color:#1e1e1e;} 
.btn.email {border-color:#fff; background:#fff url(/images/icon/email.png) no-repeat 12px 50%; color:#000;}

.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%; height:120px; padding:0; margin-top:-1px; border:1px solid #434343; border-left:none; border-right:none; background:none; z-index:5} 
.contHeaderTypeA h2 {display:table-cell; width:100%; font-size:60px; padding:0; vertical-align:middle; text-align:center; line-height:60px;}

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

/* form */
.formInfoTxt {padding-bottom:10px; text-align:right; color:#7c7c7c; font-size:15px;}
.formTypeA {table-layout:fixed; width:100%; border-top:2px solid #434343; border-bottom:1px solid #434343;}
.formTypeA .point {}
.formTypeA .point th,
.formTypeA .point td {border-bottom:1px solid #434343;}
.formTypeA .point + tr th {padding-top:29px;}
.formTypeA .point + tr td {padding-top:20px;}
.formTypeA .point + tr td {padding-top:20px;}
.formTypeA tr:last-child th,
.formTypeA tr:last-child td {padding-bottom:20px;}
.formTypeA th,
.formTypeA td {padding:10px; padding-right:0; text-align:left; vertical-align:top; line-height:22px;} 
.formTypeA th {padding:19px 0; font-weight:700; color:#333;}
.formTypeA th span.subTh {display:block; color:#7c7c7c; font-size:12px; font-weight:400;} 
.formTypeA td {vertical-align:middle;}
.formTypeA td .infoTxt {padding-top:5px !important; margin-top:0 !important; font-size:15px !important; line-height:22px !important; color:#a1a1a1 !important; clear:both;}
.formTypeA tr.point td .centerName { padding-right:10px; }
.formTypeA td .divition {margin-top:5px;}
.formTypeA .chkArea {display:inline-block; margin-right:15px;}

.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;}

/* other underline color */
.formTypeA.formView td { border-bottom:1px solid #ccc; vertical-align:middle; color:#333; font-weight:400; }		


.searchFormA {position:relative; margin-bottom:30px; text-align:center;}
.searchFormA .inputWrap {position:relative; display:inline-block; max-width:550px; padding-right:49px; width:41%; vertical-align:top;}
.searchFormA select {display:inline-block; width:22%; vertical-align:top;}
.searchFormA a {display:block; position:absolute; right:0; top:0; width:50px; height:50px; border:1px solid #b7b7b7; background:#fff url(/images/icon/search2.png) no-repeat 50%; text-indent:-3000em; text-align:left;}
.searchFormA select,
.searchFormA input[type=text] {height:50px; padding:0 30px; border:1px solid #b7b7b7; font-size:15px;}

.searchFormA + .btnSide {margin: -75px 0 30px}

.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(/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;}

.listTypeA {}
.listTypeA:after {content:""; display:block; clear:both;}
.listTypeA .section {float:left; width:22%; margin-left:3%;}
.listTypeA .section:first-child {margin-left:0;}
.listTypeA .section .thum {position:relative; width:100%; height:182px; overflow:hidden; border:1px solid #e1e1e1;}
.listTypeA .section .thum img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%;}
.listTypeA .section .header {height:45px; margin-bottom:15px; border-bottom:1px solid #bcbcbc;}
.listTypeA .section .header:after {content:""; display:block; clear:both;}
.listTypeA .section .header strong {position:relative; display:inline-block; float:left; line-height:44px; font-size:14px; 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 .cont {margin-top:20px; padding-top:15px; border-top:1px solid #bcbcbc;}
.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.typeD .header strong:after,
.listTypeA .section.other .header strong:after,
.listTypeA .section.others .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 {float:right; line-height:44px; }
.listTypeA .section p {font-size:18px; line-height:22px; color:#333; word-break:break-word;}
.listTypeA .section .cont p {font-weight:400;}
.listTypeA .section .date {display:block; padding-top:5px; color:#7c7c7c;}

.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; text-transform:uppercase; line-height:18px;}
.listTypeB thead th span.subTh {display:block; padding-top:0; color:#7c7c7c; font-size:13px; line-height:13px; font-weight:300; } 
.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 {display:block; color:#333; font-weight:500;} 
.listTypeB tbody td.tit strong {display:block; font-weight:300;}
.listTypeB tbody td.tit p {font-size:14px; color:#7c7c7c; line-height:20px;}
.listTypeB tbody td.tit.style { padding-left: 40px; padding-right: 0; text-align: left; position: relative; }
.listTypeB tbody td.tit.style input[type=radio] + label { cursor:pointer; position: absolute; left: 5px; }
.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 .typeA td.divi span:after,
.listTypeB tbody .notice td.divi span:after {background:#0062b1;}
.listTypeB tbody .typeB td.divi span:after,
.listTypeB tbody .event td.divi span:after {background:#fabe00;}
.listTypeB tbody .typeC td.divi span:after,
.listTypeB tbody .news td.divi span:after {background:#6fba2c;}
.listTypeB tbody .typeD td.divi span:after,
.listTypeB tbody .other td.divi span:after {background:#e1e1e1;}
.listTypeB tbody td.none {text-align:center; font-size:20px; padding:20px 0; color:#333; font-weight:500;}

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

.listTypeC { table-layout:fixed; width:33.3%; border-top:2px solid #434343; }
.listTypeC thead {}
.listTypeC tbody tr { position:relative; border-bottom: 1px solid #bcbcbc; }
.listTypeC thead th { height:70px; border-bottom:1px solid #434343; text-align:center; color:#333; font-weight:500; text-align:center; }
.listTypeC tbody td { padding:14px 0; height:54px; text-align:center; color:#555; font-weight:400; }
.listTypeC tbody td.num { background:#f5f5f5; }
.listTypeC tbody tr.none th, .listTypeC tbody tr.none td { padding:26px 0; border-bottom:1px solid #bcbcbc; }

.listTypeD { table-layout:fixed; width:100%; border-top:2px solid #434343; }
.listTypeD thead {}
.listTypeD thead th { height:50px; 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:2px solid #434343; }
.listTypeE tbody th,
.listTypeE tbody td {padding:30px 20px; border-bottom:2px solid #e1e1e1; font-size:22px; line-height:26px; text-align:left;}
.listTypeE tbody th {background:#f4f4f4; color:#333; font-weight:700;}
.listTypeE tbody td {padding:14px 0; text-align:center; color:#555;} 

.listTypeF {border-top:2px solid #333;}
.listTypeF li {position:relative; min-height:250px; padding:30px 20px 30px 270px; border-bottom:1px solid #b7b7b7;}
.listTypeF li a {display:block;}
.listTypeF li .thum {position:absolute; left:0; top:30px; width:252px; height:190px; overflow:hidden; border:1px solid #e1e1e1;}
.listTypeF li .thum img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%;}
.listTypeF li .header {height:45px; margin-bottom:15px; margin-top:-15px;}
.listTypeF li .header:after {content:""; display:block; clear:both;} 
.listTypeF li .header strong {position:relative; display:inline-block; margin-right:10px; line-height:44px; font-size:14px; color:#333; text-transform:uppercase;}
.listTypeF li .header strong:after {content:""; display:block; width:100%; height:3px; position:absolute; bottom:-1px; left:0; font-size:0; line-height:0;}
.listTypeF li.math .header strong:after {background:#ed1c2a;}
.listTypeF li.english .header strong:after {background:#0062b1;}
.listTypeF li .header span {display:inline-block; line-height:44px; }
.listTypeF li .tit {display:block; color:#333; font-size:18px; line-height:24px; font-weight:500;}
.listTypeF li div.cont {margin-top:5px; max-height:44px; max-width:540px; font-size:14px; line-height:22px; color:#7c7c7c; overflow:hidden; word-break : keep-all; word-wrap : break-word;} 
.listTypeF li dl {position:absolute; left:270px; bottom:30px; }
.listTypeF li dl dt {display:inline-block; margin-right:5px; font-size:15px; line-height:18px; font-weight:500; text-transform:uppercase;}
.listTypeF li dl dd {display:inline-block; font-size:15px; line-height:18px;}
.listTypeF li.none {padding:50px 0; min-height:0; text-align:center; font-size:20px; color:#333; font-weight:500;}
.listTypeF li.noThum {padding-left:20px;}
.listTypeF li.noThum dl {left:20px;}
				 
.viewTypeA {}
.viewTypeA .header {height:41px; border-bottom:1px solid #b7b7b7;}
.viewTypeA .header:after {content:""; display:block; clear:both;}
.viewTypeA .header .fl {}
.viewTypeA .header .fl strong {position:relative; display:inline-block; line-height:44px; font-size:14px; color:#333; line-height:40px;}
.viewTypeA .header .fl strong:after {content:""; display:block; width:100%; height:3px; position:absolute; bottom:-1px; left:0; font-size:0; line-height:0;}
.viewTypeA .header.typeA .fl strong:after,
.viewTypeA .header.notice .fl strong:after {background:#0062b1;}
.viewTypeA .header.typeB .fl strong:after,
.viewTypeA .header.event .fl strong:after {background:#fabe00;}
.viewTypeA .header.typeC .fl strong:after,
.viewTypeA .header.news .fl strong:after {background:#6fba2c;}
.viewTypeA .header.typeD .fl strong:after,
.viewTypeA .header.other .fl strong:after {background:#e1e1e1;}
.viewTypeA .header.math .fl strong:after {background:#ed1c2a;}
.viewTypeA .header.english .fl strong:after {background:#0062b1;}
.viewTypeA .header .fl span {display:inline-block; margin-left:5px; font-size:14px; line-height:40px;} 
.viewTypeA .header .fl span.centerName {color:#a1a1a1; font-weight:400;} 
.viewTypeA .header .fr {}
.viewTypeA .header .fr * {display:inline-block; vertical-align:top;}
.viewTypeA .header .fr dl {}
.viewTypeA .header .fr dl dt,
.viewTypeA .header .fr dl dd {line-height:40px; font-size:14px; font-weight:400;}
.viewTypeA .header .fr dl dt {text-transform:uppercase;}
.viewTypeA .header .fr dl dd {margin:0 25px 0 5px; color:#a1a1a1;}
.viewTypeA .header .fr .snsArea {padding-top:5px;} 
.viewTypeA .header .fr .snsArea li {display:inline-block;}
.viewTypeA .header .fr .snsArea li a {display:block; width:30px; height:30px; background:url(/images/btn/sns.png) no-repeat; text-indent:-3000em; text-align:left;}
.viewTypeA .header .fr .snsArea li.facebook a {background-position:0 -60px !important;}
.viewTypeA .header .fr .snsArea li.twitter a {background-position:-30px -60px !important;}
.viewTypeA .header .fr .snsArea li.googlePlus a {background-position:-60px -60px !important;}


.viewTypeA h3.tit {padding:15px 20px; border-bottom:2px solid #434343; font-size:24px; line-height:30px; font-weight:400; color:#333; text-align:center;} 
.viewTypeA .viewCont {min-height:440px; padding:20px; border-bottom:1px solid #eaeaea;}
.viewTypeA .viewCont .thum {padding-bottom:30px; text-align:center;}
.viewTypeA .viewCont .mediaContent {max-width:900px; margin:0 auto; padding-bottom:30px; text-align:center;}

.viewTypeA .viewCont dl.writeInfo {padding-bottom:15px;}
.viewTypeA .viewCont dl.writeInfo dt,
.viewTypeA .viewCont dl.writeInfo dd {display:inline-block; vertical-align:top; line-height:40px; font-size:14px; font-weight:400;}
.viewTypeA .viewCont dl.writeInfo dt {text-transform:uppercase;}
.viewTypeA .viewCont dl.writeInfo dd {margin:0 25px 0 5px; color:#a1a1a1;}
 

.pagingTypeA {margin-top:30px; min-height:29px; 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(/images/blt/arrow_left.png) no-repeat 50%;}
.pagingTypeA a.btnNext {margin-left:5px; background:url(/images/blt/arrow_right.png) no-repeat 50%;}  
.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 {margin-top:85px; border-top:1px solid #434343;} 
.pagingTypeB li {position:relative; padding:19px 20px 19px 110px; border-bottom:1px solid #eaeaea;}
.pagingTypeB li span,
.pagingTypeB li strong {display:block; font-weight:400; line-height:22px;}
.pagingTypeB li span {position:absolute; left:0; top:50%; width:110px; margin-top:-11px; text-align:center;}
.pagingTypeB li.viewPrev span {background:url(/images/blt/arrow_up2.png) no-repeat 100% 50%;}
.pagingTypeB li.viewNext span {background:url(/images/blt/arrow_down2.png) no-repeat 100% 50%;}  
.pagingTypeB li strong {padding-left:40px;} 

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(/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:16px; color:#555555; padding-right:18px; background:url(/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; text-align:left;}
#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;  text-align:left;} 
#lnbTypeA ul li a {position:relative; display:block; padding:8px 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; text-align:left; text-transform:uppercase;}
#lnbTypeA ul li a:before {content:""; position:absolute; left:0; top:0; display:block; width:80px; 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;}  

.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:49%; height:40px; padding:0 10px; background:#fff; border:1px solid #bcbcbc; line-height:40px; font-size:16px; vertical-align:top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fileWrap label {display:inline-block; height:40px; min-width:220px; padding:0 10px; border:1px solid #bcbcbc; background:#f4f4f4; font-size:13px; font-weight:500; line-height:38px; vertical-align:top; text-align:center; cursor:pointer;}
.fileWrap .fileInfo {display:none; padding-top:5px !important; margin-top:0 !important; font-size:15px !important; font-weight:400 !important;}
.fileWrap .fileInfo span {color:#a1a1a1; font-weight:300;}
.fileWrap .fileInfo a {display:inline-block;}
.fileWrap .fileInfo a img {vertical-align:-3px;}

#errorWrap {position:absolute; left:0; top:50%; width:100%; height:300px; margin-top:-200px; text-align:center;}
#errorWrap h1 {display:none;}
#errorWrap p {padding-top:40px; font-size:40px; line-height:50px; font-weight:700; color:#333;}
#errorWrap .btnArea {margin-top:65px;}

.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;}

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

/* popup */
#frameCont {position:relative; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; z-index:50}

#frameArea {position:absolute; left:0; top:0; bottom:0; right:0; max-width:95%; min-width:750px; height:95%; max-height:95%; margin:auto; z-index:10001; opacity:0; }
#frameArea:before {content:""; display:block; position:absolute; right:-11px; bottom:-11px; width:100%; height:100%; border:1px solid #fff; background:transparent; z-index:-1;}
#frameArea:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;}
#frameArea > .btnLayerClose {right:0; top:0; background:#fff;}
#frameArea iframe {position:relative; z-index:10;}

.layerPop {position:relative;}

#popWrap {position:relative; padding:60px 30px 50px; max-width:930px; margin:0 auto;} 
#popWrap h1 {text-align:center; font-size:40px; line-height:46px; color:#333; font-weight:700;}
#popWrap .hTxt {max-width:650px; padding-top:10px; margin:0 auto; font-size:18px; color:#7c7c7c; line-height:26px; text-align:center; word-break:break-word;}
#popWrap .btnPrint {position:absolute; left:30px; top:30px;}
.btnLayerClose {position:absolute; right:30px; top:30px; 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%;}



label[for="youtubeUrl"] {
	display: inline-block;
	width: 140px;
	padding: 8px;
	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_[해외]올림피아드 성적 페이지 수정 : 추가시작 */
.listTypeD tbody td.effect2 {color:#6fba2c;}
.btnMore.type1 {overflow:hidden;}
.btnMore.type1 a {margin-left:60px;}
.btnArea.type1 .btn:after {width:45%;}
/* 1120_[해외]올림피아드 성적 페이지 수정 : 추가끝 */