@charset "euc-kr";

* { margin: 0; padding: 0; border: 0; }
*:focus { outline: none; }
html { min-width: 100%; }
body { 
	line-height: 1.5;
	background: #222;
	letter-spacing: -0.5px;
}
i { vertical-align: baseline; }
i span { display: none; }

/* -------- help class -------- */
.ir { height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px; }
.float_l { position: relative; float: left; }
.float_r { position: relative; float: right; }
.clrfix { clear: both; *zoom: 1; }
.clrfix:after { content: ""; display: block; clear: both; }

.in_bl { display: inline-block; }
.di_bl { display: block; }
.cboth { clear: both; }

/* margin */
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:60px!important;}
.mt75 {margin-top:75px!important;}
.mt80 {margin-top:80px!important;}
.mt100 {margin-top:100px!important;}

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb70 {margin-bottom:70px!important;}
.mb80 {margin-bottom:80px!important;}
.mb100 {margin-bottom:100px!important;}

.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml12 {margin-left:12px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml55 {margin-left:55px!important;}
.ml60 {margin-left:60px!important;}
.ml80 {margin-left:80px!important;}

.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr40 {margin-right:40px!important;}
.mr50 {margin-right:50px!important;}
.mr55 {margin-right:55px!important;}
.mr60 {margin-right:60px!important;}
.mr70 {margin-right:70px!important;}

/* padding */
.ptrbl10{padding:10px!important;}
.ptrbl15{padding:15px!important;}

.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt70 {padding-top:70px!important;}

.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}
.pb35 {padding-bottom:35px!important;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!important;}
.pb60 {padding-bottom:60px!important;}
.pb70 {padding-bottom:70px!important;}
.pb80 {padding-bottom:80px!important;}
.pb90 {padding-bottom:90px!important;}

.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl12 {padding-left:12px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl35 {padding-left:35px!important;}
.pl40 {padding-left:40px!important;}
.pl45 {padding-left:45px!important;}
.pl50 {padding-left:50px!important;}
.pl60 {padding-left:60px!important;}
.pl70 {padding-left:70px!important;}
.pl80 {padding-left:80px!important;}

.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}
.pr40 {padding-right:40px!important;}
.pr50 {padding-right:50px!important;}

.ptb5{padding-top:5px !important;padding-bottom:5px !important;}
.ptb10{padding-top:10px !important;padding-bottom:10px !important;}
.ptb20{padding-top:20px !important;padding-bottom:20px !important;}

.plr5{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}

/* vertical-align */
.vMid {vertical-align:middle;}
.vTop {vertical-align:top;}
.vam1 {vertical-align:-1px;}
.vam2 {vertical-align:-2px;}
.vam3 {vertical-align:-3px;}
.vam4 {vertical-align:-4px;}
.vam5 {vertical-align:-5px;}

.delline {text-decoration:line-through;}
.underline {text-decoration:underline;}

/* text-align */
.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}

/* font-size */
.font13{font-size:13px!important;}
.font14{font-size:14px!important;}
.font15{font-size:15px!important;}
.font16{font-size:16px!important;}
.font17{font-size:17px!important;}
.font18{font-size:18px!important;}
.font20{font-size:20px!important;}
.font23{font-size:23px!important;}
.font25{font-size:25px!important;}
.font30{font-size:30px!important;}
.font35{font-size:35px!important;}

/* font-weight */
.bld {font-weight:bold;}
.bld1 {font-weight:100!important;}
.bld2 {font-weight:200!important;}
.bld3 {font-weight:300!important;}
.bld4 {font-weight:400!important;}
.bld5 {font-weight:500!important;}
.bld6 {font-weight:600!important;}
.bld7 {font-weight:700!important;}
.bld8 {font-weight:800!important;}
.bldNormal {font-weight:normal;}

/* font-color */
.red{color:#e43e3e!important;}
.or{color:#f5821f!important;}
.yel{color:#fbb103!important;}
.mint{color:#0dc2bb!important;}
.bl{	color:#40a3bc!important;}
.nav{color:#044471!important;}
.bk{color:#3f3f3f!important;}
.bur{color:#7f1a21!important;}
.gry{color:#b5b5b5!important;}
.blk{color:#000000!important;}
.white{color:#fff!important;}

/* background-color */
.bg_navy{background:#35467c !important;}
.bg_red{background:#d62222 !important;}
.bg_or{background:#f5821f !important;}
.bg_whitegray{background:#f8fafb !important;}
.bg_gray{background:#595959 !important;}
.bg_darkgray{background:#484848 !important;}
.bg_yel{background:#fcc520 !important;}
.bg_mint{background:#0dc2bb !important;}

.line_gray { border: solid 1px #999; }

/* btn style */
.btn_small{
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#fff;
	padding:5px 10px;
	font-size:13px;
}
.btn_mid{
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#fff;
	padding:7px 15px;
	font-size:14px;
}
.btn_wide{
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#fff;
	padding:10px 33px;
	font-size:16px;
	font-weight:500;
}
a.btn_line {
	display: block;
	color: #f5821f;
	border: 1px solid #f7a631;
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.5px;
	padding: 5px 7px;
	margin: 10px 0;
	float: left;
	line-height:100%;
}
a.btn_line:hover {
	color: #fff;
	background: #3c88de;
	border: 1px solid #3c88de;
}

.btn_small:hover, .btn_mid:hover, .btn_wide:hover{
	text-decoration:underline;
}



/* layout
------------------------------------------------------ */
#gedWrap {
	margin: 0 auto;
	width: 100%;
	min-width: 1280px;
	overflow: hidden;
}


/* -------- ±âÃâ¹®Á¦Ç®ÀÌ -------- */
.ged-quiz { 
	background: #007e58 !important; 
}


/* -------- common -------- */
section { 
	margin: 0 auto;
	display: block;
	width: 1200px;
}


/* -------- header -------- */
.ged_hd {
	background: #fff;
}
.ged_hd section {
	position: relative;
	padding: 40px 0;
	height: 50px;
	line-height: 50px;
}

/* ³²ºÎ±³À°Áö¿øû ·Î°í */
.ged_hd /* */ .logo_nambu {
	width: 180px; height: 50px;
	background: url("/images/main/logo_nambu.png") no-repeat left center;
}
.ged_hd section li:not(:first-child) {
	margin: 0 0 0 30px;
	line-height: 50px; 
	color: #444;
}
.ged_hd section li i { 
	color: #ef5350; 
}

/* ·Î°í */
.ged_hd h1.logo /* */ { 
}
.ged_hd h1.logo a {
	position: absolute; left: 50%; top: 50%;
	display: block;
	min-width: 100px; min-height: 10px;
	line-height: 1;
	text-align: center;
	transform: translate(-50%, -50%);
}
.ged_hd h1.logo a img { 
	display: block; 
}

/* »ó´Ü·Î±×ÀÎ */
.ged_hd .txt_login { 
	padding: 7px 0 0;
	height: 40px;
	font-size: 0;
}
.ged_hd .txt_login a { 
	display: inline-block; 
	margin: 0 0 0 20px;
	line-height: 37px;
	font-size: 15px;
	border: solid 1px transparent;
}
.ged_hd .txt_login a.on { 
	padding-left: 20px;
	padding-right: 20px;
	border-color: #d5d5d5;
	border-radius: 25px;
	transition: .4s ease-out;
}
.ged_hd .txt_login a.on:hover { 
	color: #fff;
	background-color: #222;
	border-color: #222;
}

/* ¸ÞÀθ޴º */
.ged_hd .ged_gnb {
	border-top: solid 1px #ddd;
	border-bottom: solid 2px #222;
}
.ged_gnb ul {
	margin: 0 auto;
	width: 1200px;
	font-size: 0;
	text-align: center;
}
.ged_gnb li {
	display: inline-block;
	margin: 0 35px;
}
.ged_gnb li:first-child { 
	margin-left: 0; 
}
.ged_gnb li:last-child { 
	margin-right: 0; 
}
.ged_gnb li a {
	position: relative;
	display: block;
	padding: 25px 10px;
	line-height: 1;
	font-size: 17px;
	font-weight: 700;
	color: #222;
}
.ged_gnb li a:after {
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 50%; bottom: -2px;
	width: 0%; height: 4px;
	background: #1b8ee1;
	transform: translateX(-50%);
	transition: .2s;
}
.ged_gnb li a:hover:after {
	width: 100%;
}

/* -------- Ä¿¹Â´ÏƼÇнÀ°ü -------- */
/* gnb */
.gnb_jay {
	position: relative;
}
.gnb_jay a.on {
	/* color: #1b8ee1; */
}

/* snb */
.snb_jay ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 1100px;
	text-align: left;
}
.snb_jay a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.snb_jay .depth2 {
	display: none;
	position: absolute; left: 0; top: 67px; right: 0;
	width: 100%;
	background: #fff;
	border-top: solid 1px #ddd;
	border-bottom: solid 2px #333;
	z-index: 299;
}
.snb_jay .depth2>ul {
	justify-content: flex-start;
	padding: 20px 0 35px;
	height: auto;
	font-size: 17px;
}
.snb_jay .depth2>ul>li {
	flex-basis: auto;
}
.snb_jay .depth2>ul>li:first-child {
	margin-right: 50px;
	padding-right: 30px;
	border-right: dashed 1px #333;
}
.snb_jay .depth2>ul>li>p {
	width: 160px; height: 170px;
	background: url('/images/edutri/snb_bg_02.png') no-repeat 0 0;
}
/* 2023-04-25 Ãß°¡ : K-¿ø°ÝÆò»ý±³À°¿ø */
.snb_jay .depth2>ul>li>p.k-edu { 
	background-image: url('/images/edutri/snb_bg_02_021061.png');
}
.snb_jay .depth2>ul>li:nth-child(2) {
	margin: 0 70px 0 0;
}
.snb_jay .depth2>ul>li:nth-child(3) {
	margin: 0 75px 0 0;
}
.snb_jay .depth2>ul>li:nth-child(4) {
	margin: 0 110px 0 0;
}
.snb_jay .depth2>ul>li:last-child {
	margin: 0;
}
.snb_jay .depth2>ul>li>a {
	padding: 10px 0 7px;
	font-weight: 700;
	color: inherit !important;
}
.snb_jay .depth2>ul>li>a>i {
	margin: 0 10px 0 0;
	font-size: 20px;
	color: #0091ea !important;
}
.snb_jay .depth3 {
	position: relative;
	display: block;
	margin: 10px 0 0;
	width: 100%; height: auto;
	line-height: 170%;
	font-size: 16px;
	font-weight: 300;
}
.snb_jay .depth3.col_num {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}
.snb_jay .depth3 li { 
	display: block;
	margin: 0; 
}
.snb_jay .depth3 a { 
	position: static;
	padding: 0;
	line-height: inherit;
	font-size: 16px;
	font-weight: 400;
	color: #666;
}
.snb_jay .depth3 a:before {
	content: "-";
	display: inline-block;
	clear: both;
	margin: 0 5px 0 10px;
	font-family: xeicon;
	color: #999;
}
.snb_jay ul a:after { 
	display: none !important; 
}

/* ¿ÀÇ¿¹Á¤ */
.gnb_jay .no_open {
	display: none;
}


/* footer
------------------------------------------------------ */
.ged_ft {
	height: 300px;
	background: #333;
}
.ged_ft .ged_fnb {
	background: #404040;
	text-align: center;
}

/* fnb */
.ged_fnb ul {
	margin: 0 auto;
	width: 1200px;
	font-size: 0;
}
.ged_fnb li {
	display: inline-block;
}
.ged_fnb li a {
	display: block;
	margin: 0 30px;
	padding: 20px 5px;
	line-height: 1;
	font-size: 15px;
	font-weight: 500;
	color: #777;
	transition: .2s ease-out;
}
.ged_fnb li a:hover { 
	color: #a2a2a2; 
}

/* copyright */
.ged_ft .ged_copy { 
	margin: 0 auto;
	padding: 45px 0 0 180px;
	width: 1020px;
	line-height: 1.6;
	font-size: 14px;
	color: #666;
	background: url('/images/main/logo_emblem.png') no-repeat 7px 40px;
	cursor: default;
}

/*--- btn_top ---*/
.btn_top,
.btn_back_list,
.btn_back,
.btn_top_quiz,
.btn_contact { 
	display: block;
	position: fixed; right: 15px; bottom: -40px;
	width: 40px; height: 40px;
	line-height: 40px;
	background: rgba(0,0,0,0.4);
	border-radius: 20px;
	text-align: center;
	cursor: pointer;
	transition: .5s;
	z-index: 9999;
}
.btn_top:before,
.btn_back_list:before,
.btn_back:before,
.btn_top_quiz:before { 
	content: "\e627";
	display: block;
	clear: both;
	font-family: 'xeicon';
	font-size: 18px;
	color: #fff;
}
.btn_top:hover,
.btn_back:hover,
.btn_contact:hover { 
	background: rgba(0,0,0,0.8);
}
.btn_top_quiz:before { 
	content: "\e915"; 
}
.btn_top span,
.btn_top_quiz span,
.btn_hidden span { 
	display: none; 
}

/*--- btn_back_list ---*/
.btn_back_list { 
	bottom: 180px;
	background: #283593;
	-webkit-animation-name: twk2;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count: infinite;
	animation-name: twk2;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
}
.btn_back_list:before { 
	content: "\e604";
}
@-webkit-keyframes twk2 {
	0% {}
	50% { background: #ec407a; }
}
@keyframes twk2 {
	0% {}
	50% { background: #ec407a; }
}

/*--- btn_contact ---*/
.btn_contact { 
	bottom: 130px; 
	font-size: 18px;
	color: #fff;
}
/* .btn_contact:first-child { 
	background: #ec407a; 
} */
.btn_contact i { 
	position: relative; top: -1px;
	vertical-align: middle; 
}

/*--- btn_back ---*/
.btn_back { 
	bottom: 230px; 
}
.btn_back:before { 
	transform: rotate(-90deg);
}




/* -------- Äü¸Þ´º -------- */
#quick {  
	position: fixed; top: 0; right: 0;
	z-index: 10000;
	transition: .3s ease-out;
}
.fold #quick { 
	right: -240px; 
}
#quick .btn_fold { 
	display: block;
	margin: 30px 0 0;
	width: 36px; height: 40px;
	line-height: 1;
	color: #fff;
	background: #35467c;
	border-radius: 5px 0 0 5px;
	/* box-shadow: 0 15px 20px rgba(0,0,0,0.1); */
	cursor: pointer;
	/* z-index: 10001; */
}
#quick .btn_fold i { 
	font-size: 17px; 
}
#quick .quick {
	width: 240px; height: 100vh;
	font-size: 14px;
	background: #fff;
	box-shadow: 0 15px 20px rgba(0,0,0,0.2);
}
#quick .q_tit { 
	margin: 0 0 7px;
	font-size: 15px;
	font-weight: 700; 
}
#quick .q_tit i { 
	margin: 0 7px 0 4px; 
	font-size: 1.05em;
	font-weight: 400;
	color: #1b8ee1;
}
#quick input,
#quick textarea {
	font-size: 14px;
	box-sizing: border-box; *behavior: url('/include/js/boxsizing.htc');
}
#quick input[type="text"], 
#quick input[type="password"], 
#quick input[type="number"] {
	padding: 0 9px;
	width: 200px; height: 32px;
	line-height: 32px;
	font-size: 13px;
	border-bottom: 0;
}
#quick input[type="password"] { 
	border-bottom: solid 1px #ddd; 
}
#quick input[type="number"]::-webkit-outer-spin-button,
#quick input[type="number"]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
#quick label { 
	display: block;
	padding: 7px 0;
	font-size: 11.5px;
	color: #757575;
	vertical-align: middle;
}
#quick label input { 
	vertical-align: text-top;
}
#quick textarea { 
	display: block;
	padding: 6px 5px 5px 9px;
	width: 200px; height: 100px;
	line-height: 1.5;
}
#quick button,
#quick .quick_login li a { 
	height: 36px;
	line-height: 36px;
	font-size: 13.5px;
	font-weight: 400;
	border: 0;
	text-align: center;
	cursor: pointer;
}
#quick button { 
	color: #fff;
	background: #1b8ee1;  
}
#quick form label { 
	display: inline-block; 
	padding: 0;
}
#quick .quick_login { 
	padding: 13px 20px 15px;
	/* height: 180px;
	overflow: hidden; */
}
#quick .quick_login form,
#quick .quick_login .logged { 
	height: 156px; 
}
#quick .quick_login button,
#quick .quick_login li a { 
	width: 50%;
	color: #fff;
}
#quick .quick_login p { 
	font-size: 13px; 
	color: #757575;
}
#quick .quick_login .logged ul { 
	list-style: circle;
	margin: 0 0 0 -15px;
	padding: 8px 0 12px 40px;
	height: 60px; 
}
#quick .quick_login .logged li { 
}
#quick .quick_login .logged li a { 
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #757575; 
	text-align: left;
}
#quick .quick_login .logged_name { 
	height: 38px;
	line-height: 38px;
	font-size: 15px;
	color: #757575;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align: center; 
	cursor: default;
}
#quick .quick_login .logged_name a { 
	position: relative; top: -1px; 
}
#quick .quick_login .logged button { 
	width: 100%;
	background: #222;
}
#quick .quick_form { 
	padding: 13px 20px 15px;
	background: #f2f2f2;
	border-top: solid 1px #d5d5d5; 
}
#quick .quick_form li .tel_num { 
	padding: 0 9px;
	width: 180px; height: 31px;
	line-height: 31px;
	background: #fff; 
	border: solid 1px #d5d5d5;
	border-bottom: 0;
}
#quick .quick_form li .tel_num input,
#quick .quick_form li .tel_num select { 
	padding: 0;
	width: 53px; height: 31px;
	line-height: 31px;
	font-size: 13px;
	border: 0;
	text-align: center;
	vertical-align: baseline;
}
#quick .quick_form li .tel_num select { 
	text-align: left;
}
#quick .quick_form button { 
	width: 100%;
}
#quick .quick_list { 
	border-top: solid 1px #d5d5d5; 
}
#quick .quick_list li { 
	border-top: solid 1px #ddd; 
}
#quick .quick_list li:first-child { 
	border-top: 0; 
}
#quick .quick_list li a { 
	display: block;
	padding: 0 25px;
	line-height: 41px;
	color: #757575;
}
#quick .quick_list li i { 
	margin: 0 10px 0 0;
	font-size: 1.2em;
	color: #222;
}
#quick .quick_tel { 
	padding: 25px 25px 0;
	border-top: solid 1px #d5d5d5; 
}
#quick .q_num { 
	line-height: 1;
	font-size: 30px;
	font-weight: 900;
	color: #222;
	letter-spacing: -1px;
}
#quick .q_time { 
	line-height: 1.4;
	font-size: 13px; 
	color: #666;
	letter-spacing: -0.7px;
}
#quick .q_sns li a { 
	display: block; 
	margin: 0 0 0 10px;
	width: 30px; height: 30px;
	line-height: 30px;
	color: #fff;
	background-image: url('/images/main/quick_sns.png'); 
	background-repeat: no-repeat; 
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
}
#quick .q_sns li:first-child a { 
	margin-left: 0; 
	background-position: 0 0;
}
#quick .q_sns li:nth-child(2) a { 
	background-position: -40px 0;
}
#quick .q_sns li:nth-child(3) a { 
	background-position: -80px 0;
}


/* -------- ¹«·á»ó´ã½Åû -------- */
#contact { 
	position: fixed; left: 0; bottom: 0;
	width: 100%;
	background: linear-gradient(#fff, #f1f2f3);
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
	z-index: 999;
}
#contact section { 
	position: relative; 
}
#contact .btn { 
	position: absolute; left: 0; top: -30px; 
	padding: 9px 20px 7px;
	font-size: 10.8pt;
	font-weight: 400;
	color: #fff;
	background: #f04040;
	border-radius: 6px 6px 0 0;
	/* transform: translateX(-50%); */
	cursor: pointer;
}
#contact h4 { 
	margin: 0;
	height: 20px;
	line-height: 26px;
	font-size: 12pt;
	font-weight: 700;
	text-align: left;
}
#contact h4 i { 
	margin: 0 6px 0 0; 
}
#contact .contact { 
	padding: 29px 0 31px;
}
#contact .form { 
	/* width: 840px; */
}
/*2020-07-02 : ȸ¿ø°¡ÀÔÃß°¡*/
#contact .joinBtn { 
	width: 259px; height: 138px;
	line-height: 138px;
	background: #325ddc;
	border: solid 1px #222;
	border-right: 0;
	text-align: center;
}
#contact .joinBtn a { 
	font-size: 19pt;
	font-weight: 700;
	color: #fff;
	letter-spacing: -1px;
}
#contact .form { 
	width: 610px; 
}
#contact form { 
	padding: 20px;
	height: 140px;
	border: solid 1px #222;
	text-align: left;
	box-sizing: border-box;
	clear: both;
}
#contact input,
#contact select,
#contact textarea { 
	padding: 0 10px;
	font-family: 'Roboto', 'Noto Sans KR', sans-serif;
	font-size: 10.3pt;
	font-weight: 300;
	color: #666;
	background: #fff;
	border: solid 1px #d5d5d5;
	vertical-align: middle;
	outline: none;
}
#contact input { 
	height: 33px;
	line-height: 33px;
}
#contact select { 
	height: 35px;
	line-height: 35px;
}
#contact textarea { 
	margin: 0 0 0 10px;
	padding: 8px 10px; 
	/* width: 470px; */ width: 240px; height: 82px;
	line-height: 20px;
	border-right: 0;
}
#contact input[name=f_name] { 
	width: 158px;
}
#contact .f_tel { 
	margin: 4px 0;
}
#contact .f_tel label { 
	display: none;
}
#contact .f_tel select { 
	padding: 0 0 0 3%;
	width: 60px;
}
#contact .f_tel input { 
	padding: 0;
	width: 58px; 
	text-align: center;
}
#contact label { 
	display: block;
}
#contact .f_tel input[name=f_tel2] { 
	width: 60px;
	border-width: 1px 0; 
}
#contact label.chk { 
	padding: 0 0 0 1px; 
	height: 21px;
	line-height: 21px;
	font-size: 10pt;
	font-weight: 400;
	color: #757575;
	letter-spacing: -0.7px;
	vertical-align: bottom;
}
#contact label.chk input { 
	margin: 0 4px 0 0; 
	height: 21px;
	line-height: 21px;
	vertical-align: bottom;
}
#contact .btn_frm { 
	padding: 25px 0;
	width: 117px; height: 100px;
	line-height: 25px; 
	font-size: 12.5pt;
	font-weight: 500;
	color: #fff;
	background: #666;
	box-sizing: border-box;
	text-align: center;
	transition: .3s ease-out;
}
#contact .btn_frm:hover {
	background: #3450a4;
}
#contact .btn_frm span { 
	display: block; 
}
#contact .support { 
	width: 300px; 
}
#contact .support h1 { 
	height: 80px;
	line-height: 80px;
	font-size: 33pt;
	font-weight: 900;
	color: #f84f61;
	text-align: center;
}
#contact .support p { 
	height: 40px;
	line-height: 40px;
	font-size: 10.3pt;
	font-weight: 500;
	background: #ddd;
	text-align: center;
}
#contact .support p span { 
	margin: 0 0 0 4px;
	font-weight: 400;
	vertical-align: baseline;
}


/* 2022-12-08 contact »èÁ¦ ¹× Ãß°¡ */
#contact .contact { 
	padding: 20px 0;
	height: 70px;
}
#contact .button { 
	display: flex;
	justify-content: space-between;
	width: 560px;
}
#contact .button a {
	width: 50%; height: 70px;
	line-height: 70px;
	font-size: 13pt;
	font-weight: 700;
	color: #fff;
	background: #325ddc;
	letter-spacing: -1px;
	text-align: center;
	transition: background .3s ease-out;
}
#contact .button a:hover { 
	background: #0034a9; 
}
#contact .button a ~ a { 
	background: #0dc2bb; 
}
#contact .button a ~ a:hover { 
	background: #00918b; 
}
#contact .support { 
	display: flex;
	justify-content: space-between;
	width: 580px;
}
#contact .support>div { 
	width: 48%; 
}
#contact .support h4 { 
	height: auto;
	line-height: unset;
	font-size: 10pt;
}
#contact .support h1 { 
	height: 45px;
	line-height: 45px;
	font-size: 24pt; 
	text-align: left;
}
#contact .support p { 
	height: 25px;
	line-height: 25px;
	font-size: 9pt; 
}

/* -------- 2024-01-29 °Ë»öâ Ãß°¡ -------- */
.ged_hd .srch_box { 
	margin: 0 auto;
	padding: 0 0 25px;
	height: auto; 
}
.srch_frm { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
	width: 30%; height: 40px;
	min-width: 380px;
	border-radius: 40px;
	box-sizing: border-box;
}
.srch_frm.type1 { 
	border: 2px solid #333;
}
.srch_frm input,
.srch_frm button { 
	line-height: 40px;
	font-size: 12.6pt;
	border: 0;
	letter-spacing: -0.5px;
	box-sizing: border-box;
	outline: none;
}
.srch_frm input { 
	/* flex: 0 0 650px; */
	padding: 0 0 0 20px;
	width: calc(100% - 90px); 
	font-weight: 400;
	color: #333;
	background: transparent;
	border-radius: 70px;
	transition: .3s;
}
.srch_frm input::placeholder { 
	color: #a9a9a9; 
}
.srch_frm input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px transparent inset; 
	-webkit-text-fill-color: #333; 
}
.srch_frm input:-webkit-autofill, 
.srch_frm input:-webkit-autofill:hover, 
.srch_frm input:-webkit-autofill:focus, 
.srch_frm input:-webkit-autofill:active { 
	transition: background-color 5000s ease-in-out 0s; 
}
.srch_frm input::-ms-clear,
.srch_frm input::-ms-reveal {
	display: none;
	width: 0; height: 0;
}
.srch_frm input::-webkit-search-decoration,
.srch_frm input::-webkit-search-cancel-button,
.srch_frm input::-webkit-search-results-button,
.srch_frm input::-webkit-search-results-decoration {
	display: none;
}
.srch_frm button { 
	/* flex: 0 0 150px; */
	width: 90px; 
	font-weight: 700;
	color: #333;
	letter-spacing: -1px;
	text-align: center;
	cursor: pointer;
}
.srch_frm button i { 
	position: relative; top: 2px;
	margin: 0 5px 0 0;
	font-size: 1.2em; 
}