@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("layout.css");
@import url("style.css");
@import url("main.css");

/* additional jquery css */
@import url("../jquery/fakeLoader/fakeLoader.css");
@import url("../jquery/colorbox_2/colorbox.css");
@import url("../jquery/selectize/selectize.default.css");
@import url("../../js/jquery/waitMe/waitMe.min.css");
@import url("../../js/jquery/bxslider/jquery.bxslider.min.css");

* {margin:0; padding:0; box-sizing:border-box; }
ul, dl {list-style:none;}

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, span {margin: 0; padding: 0;  outline: 0; }

div {margin: 0; padding: 0; border: 0; outline: 0; }

/* body { font:13px  "Nanum Gothic" , Helvetica, Verdana, sans-serif ; color:#444;  letter-spacing:-0.3px; line-height:1.3; } */
/*body { font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; font-size: 13px; color:#444;  letter-spacing:-0.3px; line-height:1.3; }*/
body { font-family: 'Noto Sans KR', dotum, sans-serif; font-size: 14px; font-weight:400;  letter-spacing:-0.7px; line-height:1.3; color:#333; }
span {display:inline-block; }



a, a:link {	text-decoration:none !important ;}
a.hover{color:#000; }


a, button  { color:inherit;}


input[type="button"],input[type="submit"]{
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}

form legend, table caption {text-indent: -9999px; }

table  {border-collapse:collapse; } 

/* input,textarea,select,button,a,table { font:13px 'Nanum Gothic', dotum, sans-serif ; color:#444;  line-height:1.4;} */
input,textarea,select,button,a,table { font-size: 14px; color:#333; line-height:1.4;}

select {border:1px solid #C8C8C8; height:34px; padding:0 50px 0 3px;   -webkit-appearance: none; -moz-appearance: none;
		 background:#fff url(/images/user/select_arr.png) no-repeat right 50%; }

/* IE 10, 11 */

select::-ms-expand {  display: none;}

input[type="file"] {display:inline-block;}
input[type="file"],
input[type="password"],
input[type="text"] {text-indent:7px; height:34px; line-height:32px; background:#fff;  border:1px solid #C8C8C8; }
textarea{padding:7px;  border:1px solid #C8C8C8;  background-color:#fff;  	line-height:1.5; }



input[type=radio]:not(old) {width:24px; opacity : 0;}
input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -24px;
  padding-left : 24px;
    line-height:18px;
  background   : url('/images/user/ico.png') no-repeat -5px -179px;
   font-weight:normal; 
  cursor:pointer;}

input[type=radio]:not(old):checked + label{
  background   : url('/images/user/ico.png') no-repeat -5px -216px;}


input[type=checkbox]:not(old) {width:25px; opacity : 0;}
input[type=checkbox].row2 + label{
  background   : url('/images/user/ico.png') no-repeat -5px -68px;}
input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -25px;
  padding-left : 25px;
  line-height:18px;
  background   : url('/images/user/ico.png') no-repeat -5px -71px;
  font-weight:normal;
  cursor:pointer;}

input[type=checkbox]:not(old):checked + label{
  background   : url('/images/user/ico.png') no-repeat -5px -107px;
  }

input[type=checkbox].row2:checked + label{
  background   : url('/images/user/ico.png') no-repeat -5px -102px;
  }
/*margin*/
.mL2 {margin-left:2px;}
.mL3 {margin-left:3px;}
.mL5 {margin-left:5px;}
.mL7 {margin-left:7px;}
.mL8 {margin-left:8px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mL25 {margin-left:25px;}
.mL30 {margin-left:30px;}
.mL35 {margin-left:35px;}
.mL40 {margin-left:40px;}
.mL45 {margin-left:45px;}
.mL55 {margin-left:55px;}

.mT2 {margin-top:2px;}
.mT5 {margin-top:5px;}
.mT7 {margin-top:7px;}
.mT10 {margin-top:10px;}
.mT12 {margin-top:12px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT25 {margin-top:25px;}
.mT27 {margin-top:27px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}
.mT90 {margin-top:90px;}

.mR5 {margin-right: 5px;}
.mR10 {margin-right: 10px;}
.mR15 {margin-right: 15px;}
.mR20 {margin-right: 20px;}
.mR30 {margin-right: 30px;}
.mR50 {margin-right: 50px;}
.mR95 {margin-right: 95px;}
.mR320 {margin-right: 320px;}

.mB5 {margin-bottom: 5px;}
.mB10 {margin-bottom: 10px;}
.mB15 {margin-bottom: 15px;}
.mB20 {margin-bottom: 20px;}

/* width */
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w35 {width:35px;}
.w40 {width:40px;}
.w45 {width:45px;}
.w55 {width:55px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}

.w100p {width: 100%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w75p {width: 75%;}
.w70p {width: 70%;}
.w66p {width: 66%;}
.w60p {width: 60%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
.w33p {width: 33%;}
.w30p {width: 30%;}
.w25p {width: 25%;}
.w20p {width: 20%;}

/* height */
.height5 {height: 5px;}

/* border */
.b0 {border: 0px;}

/* font */	
.bold {font-weight:bold; }
.fleft { float:left; overflow:hidden;}
.fright { float:right; overflow:hidden; }
.aleft {text-align:left;}
.acen {text-align:center;}
.aright {text-align:right;}
.f_black {color:#000;}
.f_grey {color:#777;}
.f_blue {color:#0066cc;}
.f_red {color:#cc0000;}
.f_red:hover {color:#cc0000;}
.f_green {color:#609209;}
.f_org {color:#ff6600;}
.block {display:block;}
.repre {padding:0 5px; line-height:20px; color:#fff; font-size:12px; border-radius:3px;  background:#db4646; }
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.line-he15 {line-height:1.5;} 
.line-he16 {line-height:1.6;} 
.line-he17 {line-height:1.7;} 
.line-he2 {line-height:2;} 
.line-he25 {line-height:2.5;} 
.inline {display:inline-block;}
.atop {vertical-align:top;}
.vm {vertical-align:middle;}
.unlerline {text-decoration:underline;}
.agree_area {padding:20px 30px; width:100%; height:300px; color:#888; border:1px solid #d6d6d6; background:#fafafa;}

/*NEW CLASSES MIGHT CONFLICT AFTER MERGING WITH ERDENETSOGT'S CODE*/

/*.page-title {*/
/*	background-image: url(/images/user/pt-bg.gif);*/
/*	background-position: center center;*/
/*	background-size: cover;*/
/*	line-height: 150px;*/
/*	height: 150px;*/
/*	text-align: center;*/
/*	color: white;*/
/*	font-weight: bold;*/
/*	font-size: 38px;*/
/*	border:none;*/
/*	margin-top: 86px;*/
/*}*/

/* .sms_frm{
	font-family: 'Nanum Gothic';
} */
.sms_frm .box.type2{
	background: #fa9319;
	color: #fff;
	font-size: 0;
	padding: 15px;
	margin-bottom: 25px;
}
.sms_frm .box.type2 li {
	display: inline-block;
	text-align: center;
	line-height: 21px;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	padding: 0 25px;
	width: 25%;
	font-size: 14px;
}
.sms_frm .box.type2 li b {
	font-size: 16px;
}
.sms_frm .box.type2 li:last-child {
	border-right: none;
}

.menu-quick-wrap{
	width: 1100px;
	position: relative;
	margin:auto;
}

.menu-quick{
	position: absolute;
	top: 55px;
	left: calc(100% + 30px);
	width: 120px;
	text-align: center;
}

.menu-quick .menu-quick-top{
	background: #0367c8;
	color: #fff;
	padding: 12px 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 14px;
	float:initial;
}

.menu-quick .menu-quick-body{
	padding: 0 15px;
	background: #fff;
	border: 1px solid #0367c8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.menu-quick .menu-quick-body li{
	padding: 12px 0;
	border-top: 1px solid #ccc;
}

.menu-quick .menu-quick-body li a{
	font-size: 13px;
	font-weight: 300; /*uul ni 100 ghdee tasarch haragdaad bna*/
}

.menu-quick .menu-quick-bottom{
	background: url(/images/user/contact.png) no-repeat center 12px #505050;
	margin-top: 10px;
	border-radius: 4px;
	color: white;
	padding: 60px 0 15px 0;
}

.menu-quick .menu-quick-body li:first-child{
	border-top: none;
}

.nav-sub{
	/*padding: 20px 0;*/
	text-align: center;
	line-height: 54px;
}
.nav-sub-wrap{
	height: 56px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.nav-sub .nav-item{
	display: inline-block;
	padding: 0 40px;
	color: #ccc;
}

.nav-sub .nav-item a{
	color: #777;
	font-size: 17px;
	font-weight: 400; /*doesnt seem right so i put it to 400, but default is 100*/
}

.nav-sub .nav-item.on a{
	color: #0367c8;
	font-weight: bold;
	/*border-bottom:1px solid #0367c8;*/
}

.d-none{
	display: none;
}

.menu_wrapper{
	background: transparent;
/* 	padding-right: 60px; */
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: background .3s;
	transition: background .3s;
	pointer-events: none;
	visibility: hidden;
	z-index: 20;
}
.menu_wrapper.show{
	background: rgba(0, 0, 0, 0.6);
	display: block;
	pointer-events: all;
	visibility: visible;
}
.menu_wrapper .menu {
	width: calc(100% - 60px);
	background: #fff;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	left: -90%;
	top: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.menu_wrapper.show .menu{
	left:0;
}
.menu_wrapper .menu_top {
	text-align: center;
	background: #27609d;
	color: #fff;
}
.menu_wrapper .menu_top .user_info {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 15px;
	padding:15px 0;
}
.menu_wrapper a.menu_close {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	width: 30px;
	height: 30px;
}
.badge.pill {
	border-radius: 5rem;
}

.badge.red {
	background: #dc3737;
	color: white;
}
.badge.white {
	background: white;
	color: black;
}
.badge.small {
	padding: 4px;
	font-size: 81.25%;
}
.badge {
	display: inline-block;
	padding: 4px 10px;
	background: #000;
	border-radius: 6px;
	line-height: 1;
	font-weight: 200;
}
.menu_wrapper .cash_info {
	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-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding:15px 0;
}

.menu_wrapper .cash_info .price_info {
	list-style: disc;
	margin-bottom: 0;
	opacity: .6;
	line-height: 1.4;
	padding:15px;
}

.menu_wrapper .btn {
	display: inline-block;
	padding: 8px 16px;
	min-width: 100px;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
}
.btn.white.outline {
	border: 1px solid white;
	color: white;
}

.menu_wrapper .menu_list {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 0;
	overflow: auto;
}
.menu_wrapper .menu_list a {
	padding: 15px;
	display: block;
	border-bottom: 1px solid #c9c9c9;
	font-weight: 600;
}
.menu_wrapper .menu_list a.open_sub {
	position: relative;
}
.menu_wrapper .menu_list a.open_sub::before {
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.menu_wrapper .menu_list a.open_sub::after {
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg);
	transform: translateY(-50%) translateX(-50%) rotate(0deg);
}
.menu_wrapper .menu_list a.open_sub::after, .menu_wrapper .menu_list a.open_sub::before,
.menu_wrapper .menu_list a.open_sub::after, .menu_wrapper .menu_list a.open_sub::after {
	right: 20px;
}
.menu_wrapper .menu_list a.open_sub::after, .menu_wrapper .menu_list a.open_sub::before,
.menu_wrapper .menu_list a.open_sub::after, .menu_wrapper .menu_list a.open_sub::after {
	display: block;
	content: "";
	height: 15px;
	width: 2px;
	background: #aeaeae;
	position: absolute;
	top: 50%;
}

.menu_wrapper .menu_list ul {
	background: #e6e6e6;
	color: #777;
	display: none;
}

.em_part {padding:10px 22px; border-radius:5px; border:1px solid #f6d974; background:#fdfcf9;overflow:hidden;}
.em_part li {float:left; margin:2px 0; width:100px;}
.em_part li a {color:#666;}
.em_part li a:hover {color:#e32626; text-decoration:underline;}
.em_part li a.on {font-weight: bolder; color: #e40000;}



.menu_wrapper a.menu_close::before{
	-webkit-transform: translateY(-50%) translateX(-50%) rotate( -45deg );
	transform: translateY(-50%) translateX(-50%) rotate( -45deg );
}
.menu_wrapper a.menu_close::after {
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.menu_wrapper a.menu_close::after, .menu_wrapper a.menu_close::before{
	left: 50%;
}
.menu_wrapper a.menu_close::after, .menu_wrapper a.menu_close::after,
.menu_wrapper a.menu_close::after, .menu_wrapper a.menu_close::before {
	display: block;
	content: "";
	height: 30px;
	width: 2px;
	background: white;
	position: absolute;
	top: 50%;
}

.template_wrap .template .template_header{
	overflow:hidden;
}