body, html {width: 100%; height: 100%; !important; font-family: tahoma !important; margin: 0px; padding: 0px; overflow: auto;}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
.row {width: 100%;}
.row div {float: left;}
 img.lang {height: 16px; vertical-align: bottom}
.LngKorean {display: none;}
.LngSpanish {display: none;}
.LNG_Ko, .LNG_En, .LNG_Sp, .LNG_In {cursor: pointer;}
.BlockScreen {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999; background-color: rgba(0,0,0,0.5); overflow: hidden; display: none;}
.BlockScreen .Box {width: 250px; text-align: center; padding: 30px 50px; font-size: 1.1em; height: 150px; border-radius: 10px; border: 1px solid #666; background-color: #FFF; position: relative; top: 50%; margin: -100px auto auto auto; color: #FFF; text-decoration: none;}
.BlockScreen .Box a {text-decoration: none; color: #FFF;}
.BlockScreen .Box2 {width: 500px; text-align: center; padding: 30px 50px; font-size: 1.1em; height: 320px; border-radius: 10px; border: 1px solid #666; background-color: #FFF; position: relative; top: 50%; margin: -230px auto auto auto; color: #FFF; text-decoration: none;}
.BlockScreen .Box2 a {text-decoration: none; color: #FFF;}

.BlockScreen_2_School {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999; background-color: rgba(0,0,0,0.5); overflow: hidden; display: none;}
.BlockScreen_2_School .Box {width: 250px; text-align: center; padding: 30px 50px; font-size: 1.1em; height: 150px; border-radius: 10px; border: 1px solid #666; background-color: #FFF; position: relative; top: 50%; margin: -100px auto auto auto; color: #FFF; text-decoration: none;}
.BlockScreen_2_School .Box a {text-decoration: none; color: #FFF;}
.BlockScreen_2_School .Box2 {width: 500px; text-align: center; padding: 30px 50px; font-size: 1.1em; height: 320px; border-radius: 10px; border: 1px solid #666; background-color: #FFF; position: relative; top: 50%; margin: -230px auto auto auto; color: #FFF; text-decoration: none;}
.BlockScreen_2_School .Box2 a {text-decoration: none; color: #FFF;}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    ._Mobile_Hide_ {display: none;}
    .Header35 {font-size: 1.5em;}
    .Header25 {font-size: 1em;}
    ._BodyText_FS1_ {font-size: 1em; line-height: 120%;}
    ._Padding_2LR_ {padding: 1em !important;}
    .Logo_1 {display: none;}
    .RightHeader {line-height: 100% !important; font-size: 1.5em !important; display: block;}
    .MobilMargin_1 {margin-top: 1em; display: block;}
    .Title_H1 {font-size: 1em; text-align: center;display: block;}
    .Title_H2 {font-size: 1.5em; display: block; text-align: center;}
    .Tools_TOPRight_Bottom {text-align: center; position: relative !important; width: 100%;}
    .Tools_TOPRight_top {text-align: center; position: relative !important; width: 100%; display: none;}
    ._FontSize_Function_ {font-size: 1em !important;}

    ._Padding_1TB_ {padding-top: 0.2em !important; padding-bottom: 0.2em !important;}
    ._Padding_2TB_ {padding-top: 0.6em !important; padding-bottom: 0.6em !important;}
    ._Padding_3TB_ {padding-top: 1em !important; padding-bottom: 1em !important;}
    ._Margin_3TB_ {margin-top: 1em !important; margin-bottom: 1em !important;}
    ._Padding_1B_ {padding-bottom: 0.2px;}
    ._Padding_2B_ {padding-bottom: 0.6px;}
    ._Padding_3B_ {padding-bottom: 1px;}
    
    ._Mobile_Padding_Top_0_ {padding-top: 12px;}
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .col-m-1 {width: 8.33%;}  .col-m-2 {width: 16.66%;}  .col-m-3 {width: 25%;}  .col-m-4 {width: 33.33%;}  .col-m-5 {width: 41.66%;}  .col-m-6 {width: 50%;}  .col-m-7 {width: 58.33%;}  .col-m-8 {width: 66.66%;}  .col-m-9 {width: 75%;}  .col-m-10 {width: 83.33%;}  .col-m-11 {width: 91.66%;}  .col-m-12 {width: 100%;}
    .Header35 {font-size: 3.5em;}
    .Header25 {font-size: 2.5em;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.col-m-1 {width: 8.33%;}  .col-m-2 {width: 16.66%;}  .col-m-3 {width: 25%;}  .col-m-4 {width: 33.33%;}  .col-m-5 {width: 41.66%;}  .col-m-6 {width: 50%;}  .col-m-7 {width: 58.33%;}  .col-m-8 {width: 66.66%;}  .col-m-9 {width: 75%;}  .col-m-10 {width: 83.33%;}  .col-m-11 {width: 91.66%;}  .col-m-12 {width: 100%;}    
}

/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {
    .Title_H1 {font-size: 1.2em; padding-top: 12px;}
    .Title_H2 {font-size: 2.2em; display: block}
    .Tools_TOPRight_Bottom {position: absolute; bottom: 10px; right: 6px;}
    .Tools_TOPRight_Top {position: absolute; top: 10px; right: 6px;}
    .Tools_TOPRight_Top a {text-decoration: none; color: #FFF;}

    .col-1 {width: 8.33%;}    .col-2 {width: 16.66%;}    .col-3 {width: 25%;}    .col-4 {width: 33.33%;}    .col-5 {width: 41.66%;}    .col-6 {width: 50%;}    .col-7 {width: 58.33%;}    .col-8 {width: 66.66%;}    .col-9 {width: 75%;}    .col-10 {width: 83.33%;}    .col-11 {width: 91.66%;}    .col-12 {width: 100%;}    
}



/* for Management share with basic.css*/
._Blue_Box_Rec_ {background: #0070c0; color: #FFF;}
._Blue_Box_Rec_ span {padding: 0.5em; display: inline-block}
._Orange_Box_Rec_ {background: #ff6600; color: #FFF;}
._Orange_Box_Rec_ span {padding: 0.5em; display: inline-block}
._Blue_Box_Rou_ {background: #0070c0; color: #FFF; border-radius: 15px;}
._Blue_Box_Rou_ span {padding: 1em; display: inline-block}
._White_Header_ {font-size: 1.5em; text-align: center; font-weight: bold;}
._Box_Note_ {display: inline-block; padding: 1em 0em 1em 0em;}
h4.Sub {margin: 0px; margin-top: 48px; margin-bottom: 12px; display: inline-block}

            
.RecordBox_Red {background: #F00; display: block; padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden; margin-top: 12px;}
.RecordBox_Green {background: #009900; display: block; padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden; margin-top: 12px;}
.RecordBox_Blue {background: #0070c0; display: block; padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden; margin-top: 12px; position:relative;}
.RecordBox_Blue input {background: none; border: none; font-size: 1em; margin-top: 24px; color: #FFF; width: 90%; cursor: context-menu}
.RecordBox_Blue input.On {background: #FFF;; border: thin; color: #000; margin-top: 20px; padding: 1% 0% 1% 0%;}
.RecordBox_Blue button {position: absolute; bottom: 0px; cursor: pointer; display: none;}
.RecordBox_Blue button.Update {right: 40px;}
.RecordBox_Blue button.Cancel {right: 100px;}
._Record_Point2_ img {width: 29%; margin: 1%; cursor: pointer;}
._Record_Point2_ img:first-child {cursor: default;}

.RecordBox_Red2 {background: #F00; display: inline-block; width: calc(100% - 59.2px); padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden;}
.RecordBox_Green2 {background: #009900; display: inline-block; width: calc(100% - 59.2px); padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden;}
.RecordBox_Blue2 {background: #0070c0; display: inline-block; width: calc(100% - 59.2px); padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden;}
._Record_Point3_ img {width: 26%; margin: 1%;}
._Record_Point3_ img:first-child {cursor: default;}
._RecordPicture_ span {margin: 1% 0% 1% 0%;}
._RecordPicture_ img {margin: 1% 0% 1% 0%;}


.RecordBox_Red3 {background: #F00; display: inline-block; width: calc(100% - 61px); padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden;}
.RecordBox_Green3 {background: #009900; display: inline-block; width: calc(100% - 61px); padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden;}
.RecordBox_Blue3 {background: #0070c0; display: inline-block; width: calc(100% - 61px); padding-left: 1em; line-height: 80px; color: #FFF; font-weight: bold; font-size: 1em; height: 80px; overflow: hidden;}


.MsgBox {width: 100%; height: 200px; background: #f6f7f8; border: 2px solid #c0c1c2; padding: 1rem 2rem; font-size: 1em; margin-top: 0.5rem;}
.MsgButton {
    margin-top: 0.5rem;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.MsgButton_Disabled {background: #666 !important; border:1px solid #666 !important; color: #FFF !important;text-shadow: none !important; box-shadow: none !important}
.MsgButton_Disabled:hover {
	background:linear-gradient(to bottom, #666 5%, #ccc 100%) !important;
	background-color:#666;
}

.MsgButton:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.MsgButton:active {
	position:relative;
	top:1px;
}
.MsgButton_Red {
    margin-top: 0.5rem;
	box-shadow:inset 0px 1px 0px 0px #eb522e;
	background:linear-gradient(to bottom, #c02400 5%, #9b1f02 100%);
	background-color:#c02400;
	border-radius:3px;
	border:1px solid #9b1f02;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b1f02;
}
.MsgButton_Black {
    margin-top: 0.5rem;
	box-shadow:inset 0px 1px 0px 0px #717171;
	background:linear-gradient(to bottom, #323131 5%, #525151 100%);
	background-color:#323131;
	border-radius:3px;
	border:1px solid #525151;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #525151;
}

.MsgButton_Red:hover {
	background:linear-gradient(to bottom, #9b1f02 5%, #c02400 100%);
	background-color:#9b1f02;
}
.MsgButton_Red:active {
	position:relative;
	top:1px;
}

.arrow_box {
    width: 100%; min-height: 50px; padding: 1rem 2rem; font-size: 1em; margin-top: 0.5rem;
	position: relative;
	background: #afb6c9;
	border: 3px solid #d3f5c9;
    border-radius: 15px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 7%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(175, 182, 201, 0);
	border-bottom-color: #afb6c9;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(211, 245, 201, 0);
	border-bottom-color: #d3f5c9;
	border-width: 14px;
	margin-left: -14px;
}

/* Share Class */
.BoxBtn_Red {background: #F00; color: #FFF; display: block; font-size: 2em; padding: 16px 24px 16px 24px; cursor: pointer; width: 70%; margin: 0 auto;}
.RegiBox_Blue {background: #00297a; border-radius: 15px; width: 70%; margin: 1em auto; display: block; color: #FFF; padding: 2em 2em 3em 2em;}
.RegiBox_Blue input {padding: 0.6em; border-radius: 10px; font-size: 1.3em; width: 44%; margin: 1%}

.Logo_1 {max-width: 120px}
.RightHeader {float: none; display: block; font-size: 2.2em; font-weight: bold; padding-top: 22px; text-align: left;}
.RightText {float: none; display: block;}
.textLogo_M {color: #ff0000}
.textLogo_P {color: #dea900}
.textLogo_O {color: #009900}
.textLogo_B {color: #0070c0}

._Text_Align_Center_ {text-align: center;}
._Text_Align_Left_ {text-align: left !important;}
._Text_Color_White_ {color: #FFF;}
._Text_Color_Yellow_ {color: #fec00f}
._Text_Color_Black_ {color: #000;}
._Text_Color_Red_ {color: #F00;}

._BodyText_FS1_ {font-size: 1.5em; line-height: 140%;}
._FontSize_Function_ {font-size: 1.4em; cursor: pointer;}
._BG_Color_Black_ {background-color: #002060;}
._BG_Color_Black2_ {background-color: #016;}
._BG_Color_White_ {background-color: #FFF;}
._BG_Color_Grey_ {background-color: #CCC;}
._BG_Color_Red_ {background-color: #F00;}
._BG_Color_DarkRed_ {background-color: #ee0000;}
._BG_Color_DarkYello_ {background-color: #92d050;}
._BG_Color_BrightGreen_ {background-color: #92d050;}

._Padding_1TB_ {padding-top: 12px; padding-bottom: 12px;}
._Padding_2TB_ {padding-top: 24px; padding-bottom: 24px;}
._Padding_3TB_ {padding-top: 36px; padding-bottom: 36px;}
._Margin_3TB_ {margin-top: 36px; margin-bottom: 36px;}
._Padding_1B_ {padding-bottom: 12px;}
._Padding_2B_ {padding-bottom: 24px;}
._Padding_3B_ {padding-bottom: 36px;}
._Padding_3T_ {padding-top: 36px;}

._Padding_1LR_ {padding-left: 4em; padding-right: 4em;}
._Padding_2LR_ {padding-left: 7em; padding-right: 7em;}

.SecondRowDisplay {width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden; position: relative; float: none !important;}
.SecondRowDisplay_1920 {width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; position: relative; float: none !important;}

.FullRowDisplay {width: 100%; margin: 0 auto; overflow: hidden; position: relative;}

._BOTTOM {font-size: 1.6em;}
._BOTTOM a {color: inherit; text-decoration: none; font-weight: normal; font-size: 0.8em; padding: 0px 10px 0px 10px;}
._BOTTOM a._CIRCLE_MENU_ {background-color: #ffc000; color: #000; padding: 5px 25px 5px 25px; border-radius: 30px;}
._BOTTOM {height: 370px; background-color: #00b0f0; color: #FFF; font-size: 1.5em;}
._BOTTOM_BLACK {background-color: #666; color: #FFF; font-size: 0.8em; padding: 60px 25px; text-align: center; height: 40px;}
._BOTTOM_WHITE {background-color: #FFF; color: #000; font-size: 0.7em; padding: 85px 5px 85px 5px; text-align: center;}
._BOTTOM a {color: #FFF; text-decoration: none; font-size: 0.5em;}



/* Float Menu */
._Black {color: #000;}
._Float {position: fixed; width: 100%; height: 100%; overflow-y: hidden; overflow-x: hidden; z-index: 9999; display: none;}
._bgBlack70 {background-image: url(/imgs/bgBlack70.png); background-repeat: repeat;}
._bgBlack80 {background-image: url(/imgs/bgBlack80.png); background-repeat: repeat;}



/* Circle Number */
.NumberTable {cellpadding: 0px; cellspacing: 0px; text-align: left; font-size: 1.3em; font-weight: normal; line-height: 140%;}
.NumberTable tr {vertical-align: top;}
.NumberTable td:first-child span {padding: 3px 12px;text-align:center;border-radius: 24px;margin: 0px 10px 20px 0px; line-height: 30px; background-color:#F00;color:#FFF; display: inline-block; float: left; vertical-align: middle;}



/* Multiple Sign Up */
.msError {position: absolute; top: 0px; left: 2px; width: 98%; z-index: 9; cursor: pointer; display: none;}
.msOk {position: absolute; top: 0px; left: 2px; width: 98%; z-index: 99; cursor: pointer; display: none;}


		#MobileMenu {
			background: #ee0000;
			color: #FFF;
			height: 45px;
			padding-left: 18px;
			border-radius: 0px;
		}
		#MobileMenu ul, #MobileMenu li {
			margin: 0 auto;
			padding: 0;
			list-style: none
		}
		#MobileMenu ul {
			width: 100%;
		}
		#MobileMenu li {
			float: left;
			display: inline;
			position: relative;
		}
		#MobileMenu a {
			display: block;
			line-height: 45px;
			padding: 0 14px;
			text-decoration: none;
			color: #FFFFFF;
			font-size: 16px;
			text-transform: capitalize;
		}
		#MobileMenu a.dropdown-arrow:after {
			content: "\25BE";
			margin-left: 5px;
		}
		#MobileMenu li a:hover {
			color: #FFFFFF;
			background: #F23636;
		}
		#MobileMenu input {
			display: none;
			margin: 0;
			padding: 0;
			height: 45px;
			width: 100%;
			opacity: 0;
			cursor: pointer
		}
		#MobileMenu label {
			display: none;
			line-height: 45px;
			text-align: center;
			position: absolute;
			left: 35px
		}
		#MobileMenu label:before {
			font-size: 1.4em;
			content: "\2261  Menu"; 
			margin-left: 10px;
		}
		#MobileMenu ul.sub-menus{
			height: auto;
			overflow: hidden;
			width: 170px;
			background: #444444;
			position: absolute;
			z-index: 99;
			display: none;
		}
		#MobileMenu ul.sub-menus li {
			display: block;
			width: 100%;
		}
		#MobileMenu ul.sub-menus a {
			color: #FFFFFF;
			font-size: 16px;
		}
		#MobileMenu li:hover ul.sub-menus {
			display: block
		}
		#MobileMenu ul.sub-menus a:hover{
			background: #C6C6C6;
			color: #FFFFFF;
		}        
@media screen and (max-width: 800px){
			#MobileMenu {position:relative}
			#MobileMenu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
			#MobileMenu ul.sub-menus {width:100%;position:static;}
			#MobileMenu ul.sub-menus a {padding-left:30px;}
			#MobileMenu li {display:block;float:none;width:auto;}
			#MobileMenu input, #MobileMenu label {position:absolute;top:0;left:0;display:block}
			#MobileMenu input {z-index:4}
			#MobileMenu input:checked + label {color:white}
			#MobileMenu input:checked + label:before {content:"\00d7  Close"}
			#MobileMenu input:checked ~ ul {display:block}
		}