@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

html,BODY,td						{ color:#3b3b3b; font-family: 'Nanum Gothic', sans-serif !important;  font-size:19px !important; line-height:1.4em; }
span								{ font-size:20px; }
a:link								{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:focus							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:active							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }


/* HTML ±âº» CSS ¼±¾ð */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input,textarea, select{ margin:0; padding:0; }
ul,ol,dl							{ list-style:none; }
h1, h2, h3, h4, h5, h6				{ font-size:100%; font-weight:normal; }
fieldset, abbr, acronym					{ border:0 none;}
img								{ border:0; vertical-align:top; }
li								{ float:left;}
label, select, input, textarea				{vertical-align:middle;}
address, caption, strong, em, cite			{font-weight:normal; font-style:normal;}
b,strong							{ font-weight:800; }


/* °øÅë CSS ¼±¾ð */
.no-padding							{ padding: 0 !important; margin: 0 !important; }
.link								{ cursor:pointer; }
.img								{ max-width:100%; }
.img_max							{ width:100%; max-width:1200px; display:block; }
.bd								{ border:1px solid red; }
.br								{ display:block; }
.br980							{ display:block; }
.bold								{ font-weight:700; }
.major_bgcolor						{ background-color:#005ca9; }
.major_color							{ color:#005ca9; }
.white_color							{ color:#fff; }
.gray_color							{ color:#999; }
.green_color						{ color:#2f9a3a; }
.light_black_color						{ color:#3a3a3a; }
.blue_color							{ color:#57b4e0; }
.red_color							{ color:#e00;}
.bg_blue_color						{ background-color: #80bbde; }
.bg_green_color						{ background-color: #73c49b; }
.bg_orange_color						{ background-color: #f7b401; }
.bg_pink_color						{ background-color: #f19aa9; }
.width_100							{ width:100%; }
.font_weight_400						{ font-weight:400; }
.font_weight_700						{ font-weight:700; }
.font_weight_800						{ font-weight:800; }
.font_size_1							{ font-size:55px; }
.font_size_2							{ font-size:45px; }
.font_size_3							{ font-size:35px; }
.font_size_4							{ font-size:25px;}
.font_size_5							{ font-size:22px;}
.font_size_6							{ font-size:20px; }
.font_size_7							{ font-size:17px; }
.font_size_8							{ font-size:15px; }
.font_normal						{ font-weight:normal; }
.font_bold							{ font-weight:bold; }
.lineheight_3						{ line-height:1.1em; }
.inline_block							{ display:inline-block;}
.padding-left						{ padding-left:15px !important; }
.box_padding						{ padding:20px; }
.box_big_padding						{ padding:40px; }
.max_width							{ width:1200px; }
.margin_bottom						{ margin-bottom:10px !important; display:inline-block; }
.line_height							{ line-height:1.7em; }
.line								{ border-top:1px solid #ccc; margin:40px 0; }
.border_radius						{ border-radius:20px; }

.line_top_orange						{ border-top:5px solid #ffac4c !important; }
.line_top_green						{ border-top:5px solid #94c744 !important; }
.line_bottom_gray						{ border-bottom:1px solid #ccc; }
.box_border_gray						{ border:1px solid #aaa; }
.box_border_green					{ border:1px solid #94c744; }

.btn_max							{ width:100%; max-width:450px; margin-bottom:10px; }
.btn_gray							{ display:inline-block; margin-top: 20px; background:#ffffff; border:1px solid #dddddd; border-radius:60px; padding:5px 50px; text-align:center; }
.btn_gray:hover						{ display:inline-block; background:#ffac4c; border:1px solid #ffac4c; color:#ffffff; border-radius:60px; padding:5px 50px; text-align:center; }
.btn_gray1							{ background-color: #bebebe; padding:7px 15px; border-radius:5px; color:#fff; white-space:nowrap;}
.btn_gray1:hover						{  }
.circle_line_orange					{ border:4px solid #ffac4c; border-radius:40px; padding:10px 70px; color:#ffac4c;}
.absmiddle							{ vertical-align:top; }
.td_min_width						{ min-width:150px !important; }

.border_radius_box_gray					{ width:100%;  padding:20px 50px 20px 50px;  border-radius:30px; border:5px solid #e5e5e5; }
.border_radius_box_gray li				{ width:100%; padding:10px 0; line-height:30px; }
.border_radius_box_gray .absmiddle			{ padding-top:10px; }


.white_box							{width:100%; margin:0 auto; padding:20px 50px 20px 50px;  border-radius:20px; border:1px solid #e5e5e5; padding-top: 30px; padding-bottom: 30px; overflow:hidden;
										box-shadow: 0px 5px 0px 0px #f2f2f2;}

.title_orange						{ display:inline-block; text-align:center; background:#fdf5e8; color:#ed9d1b; font-weight:bold; font-size:22px; border-radius:10px; padding:5px 40px 5px 40px; margin-bottom: 10px;}
.title_green							{ display:inline-block; text-align:center; background:#e0f2e8; color:#4bbd7e; font-weight:bold; font-size:22px; border-radius:10px; padding:5px 40px 5px 40px; margin-bottom: 10px;}
.title_blue							{ display:inline-block; text-align:center; background:#e9f5fc; color:#3fa5e2; font-weight:bold; font-size:22px; border-radius:10px; padding:5px 40px 5px 40px; margin-bottom: 10px;}


.btn_red							{ display:inline-block; text-align:center; background:#f16e6e;  font-weight:bold; border-radius:10px; padding:15px 40px 15px 40px; margin-right: 15px;}
.btn_red a							{color:#ffffff; display:block; font-weight: bold;}
.btn_red img						{margin-top: 10px; margin-left: 20px;}

.btn_green							{ display:inline-block; text-align:center; background:#1ca0a5;  font-weight:bold; border-radius:10px; padding:15px 40px 15px 40px;}
.btn_green a						{color:#ffffff; display:block; font-weight: bold;}
.btn_green img						{margin-top: 10px; margin-left: 20px;}

.green_box							{ width:100%; position: relative; background:#ffffff; border:1px solid #76c399; border-radius:15px; padding-bottom: 30px;}
.green_box_title						{ background:#e0f2e8; padding-top: 10px; padding-bottom: 10px; text-align:center;  border-top-left-radius:15px; border-top-right-radius:15px;}
.green_box_title h2					{ font-weight:bold; color:#313131; font-size:25px;}
.green_box_area						{ width:90%; margin:0 auto; position: relative; margin-top: 20px; text-align: left;}

.orange_box						{ width:100%; position: relative; background:#ffffff; border:1px solid #f4a82e; border-radius:15px; padding-bottom: 30px;}
.orange_box_title						{ background:#fdf5e8; padding-top: 10px; padding-bottom: 10px; text-align:center;  border-top-left-radius:15px; border-top-right-radius:15px;}
.orange_box_title h2					{ font-weight:bold; color:#313131; font-size:25px;}
.orange_box_area						{ width:90%; margin:0 auto; position: relative; margin-top: 20px;  text-align: left;}

.blue_box							{ width:100%; position: relative; background:#ffffff; border:1px solid #a0c7dd; border-radius:15px; padding-bottom: 30px;}
.blue_box_title						{ background:#e9f5fc; padding-top: 10px; padding-bottom: 10px; text-align:center;  border-top-left-radius:15px; border-top-right-radius:15px;}
.blue_box_title h2						{ font-weight:bold; color:#313131; font-size:25px;}
.blue_box_area						{ width:90%; margin:0 auto; position: relative; margin-top: 20px;  text-align: left;}

.graph_box							 {width:100%;  border:1px solid #e0e0e0; padding:20px; float:left; position: relative; margin-right: 20px; margin-bottom: 20px;}
.graph_box h2						 {font-weight:bold; font-size:25px; margin-bottom: 10px; color:#80bbde;}
.graph_text							 {height:100px;}



/* Çмú´ëȸ */
.program							{ width:100%; }
.program th						{ padding:10px; }
.program td						{ padding:10px; font-size:0.8rem !important; }
.program_color_1						{ background-color:#1f497d; color:#ffffff;  }
.program_color_2						{ background-color:#f0f0f0 }
.program_color_3						{ background-color:#dce6f1 }
.program_color_4						{ background-color:#c0504d; color:#fff;  }

/* ¹ÝÀÀÇü ·¹À̾ƿô */
.col_3								{ width:31%; }
.col_3_space						{ width:3.5%; }

.col_2								{ width:45%; }
.col_2_space						{ width:4%; }

.col_4								{ width:23%; vertical-align:top; }
.col_4_space						{ width:2.6%; }

.col_5								{ width:18%; vertical-align:top; }
.col_5_space						{ width:2.5%; }


.num_col_2							{ width:100% !important; display:inline-block !important;  }
.num_col_2 > li:first-child				{ width:15%; }
.num_col_2 > li:last-child				{ width:85%; text-align: left;}
.circle_num							{ background-color: #ffac4c; color:#fff; width:40px; height:40px; border-radius:30px; padding:5px 10px; text-align: center;}



/* 񃧯  */
#wrapper							{ width:100%; position:relative; margin:0 auto; }
#header_wrapper						{ position:fixed; top:0px; left:0px; width:100%; height:90px; margin:0 auto; z-index:1000; border-bottom:1px solid #ccc; background-image:url("/images/top-bg.gif"); background-repeat:repeat-x;  background-color: #fff;}
#main_header						{ width:100%; position:relative; margin:0 auto; top:0px; left:0px; z-index:999; }



/* »ó´Ü¿µ¿ª */
.home							{ background:#f7b401; padding:5px 15px; border-radius:5px; margin-right: 3px; color: #fff;}
.sitemap							{ background:#76c399; padding:5px 15px; border-radius:5px; color:#fff; }

#top_info							{ width:100%; padding-top:3px; }
#top_info	li						{ padding-right:10px; }
#top_area							{ height:90px; margin:0 auto; padding-top:10px;}

#topMenuArea						{ width:100%;  background-color: #fff; text-align: center; }
#topMenu							{ display:inline-block; width:100%; background-color: #fff; padding-top:5px;  }
#topMenu > li						{ width:20%; text-align:center; }
#topMenu > li > a					{ width:100%; display:inline-block; background:#fff; color:#555; padding:15px; font-size:20px; font-weight: bold; }
#topMenu > li > a:hover				{ color:#027dc7;  }
#topMenu > li > ul					{ display:none; text-align:center; padding-top:10px; padding-bottom:20px !important; }
#topMenu > li > ul > li				{ clear:both;  width:100%; letter-spacing:-1.5px; }
#topMenu > li > ul > li > a:hover		{ display:inline-block;  width:100%; background-color:#fff; color:#027dc7; padding:7px; }
#topMenu > li > ul > li > a			{ display:inline-block;  width:100%; padding:5px !important; }
.m4 > a							{ letter-spacing:-3px; }



/* modal */
.modal-title							{text-align: center; font-weight: bold;}


.repeat_banner						{ background-color: #005ca9;}



/* ¸ÞÀÎ */
#mainVisualArea						{ margin-top:90px; }
#mainBanner						{ padding-top:20px; text-align:center; }
#mainBanner > ul					{ width:100%; max-width:1200px; display:inline-block;  }
#contents_bg						{ width:100%; margin-top: 20px;}
#contents							{ width:100%; max-width:1200px; margin:0 auto; }
#visual							{ width:100%; margin:0 auto; padding-top:170px; left:0px;z-index:400; }
#ifr_main							{ width:100%; height:360px; }

.img_area							{ width:100%; height:240px; position: relative;}
.img_area ul						{ width:100%;}
.img_area ul li						{ float:left;  width:50%; padding-top:20px;  text-align: center;} 

.movie_slides_area					{ width:100%; height:130px; position: relative; margin-left: 7px; margin-top: 5px;}
.movie_slides_area ul					{ width:100%;}
.movie_slides_area ul li					{ float:left; border:1px solid #dddddd;}


#boardArea							{ width:100%;text-align: center; }

.board_title							{ width:100%; position: relative; overflow:hidden; margin-bottom: 10px;}
.board_title h2						{ float:left; font-weight:bold; font-size:25px; }
.board_title span						{ float:right; font-size:18px; }

#container							{ width:100%; height:175px; border:1px solid #cfcfcf; padding:10px; padding-top:20px;}
.panel								{ width:100%; display:inline-block; margin-top:20px; }
.panel a,span,td						{ font-size:15px; }
.panel	> li							{ width:100%; }
.tab li							{ list-style-type:none;  float:left; font-size:20px; margin-right: 20px;}
.tab li a							{ outline:none; display:block; color:#4e4e4d; text-align:left;  font-weight: bold;}
.tab li a.selected						{ text-decoration:none; color:#f7812a; cursor:default;  }



.banner							{ text-align: right;}
.banner ul							{ display:inline-block;}
.banner ul li						{ float:left; position: relative; height:215px;  border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-right:1px solid #aaa;  }
.banner ul li:nth-child(1)				{ border-left:1px solid #aaa; background-image:url('/images/online-counsel.gif'); background-position:right bottom;  background-repeat:no-repeat;  background-origin:padding-box; padding:50px;}
.banner ul li:nth-child(2)				{ background-image:url('/images/test.gif'); background-position:right bottom;  background-repeat:no-repeat; }
.banner ul li:nth-child(3)				{ background-image:url('/images/consulting.gif'); background-position:right bottom;  background-repeat:no-repeat; }

#content							{ width:100%; overflow:hidden; margin:0 auto; position: relative; margin-bottom: 50px;}





/* ¼­ºê ³»¿ë ¿µ¿ª */
#subVisual							{ width:100%; margin-top:53px; text-align:center; height:200px;		background-image:url('/images/sub-img.png'); background-repeat:no-repeat; background-position:bottom center; }
#mobileSubVisual						{ padding-top:70px; }
#subContents						{ width:100%; max-width:1200px; margin:0 auto; padding-top:50px !important; text-align: left; letter-spacing:-0.5px; padding:0 15px; }
.subTitle							{ width:100%; display:inline-block; border-bottom:1px solid #ddd; padding-bottom:15px; }
.subTitleBg							{ width:100%; height:196px;  position: relative; background:url('/sub-2/images/title-bg.gif') no-repeat top center; text-align:center; line-height:3em;}
.subTitleBg	div						{ padding-top:50px; }
.subTitleBg	span						{ color:#80bbde; }

/* ¼­ºê ÅÇ ¸Þ´º */
.sub_tab_area						{ width:100%; text-align:center;  margin-bottom: 5px; }
.sub_tab_area li						{ float:left; margin-right: 5px; }
.sub_tab_area li a					{ display:block; text-align:center; font-weight:bold; color:#313131;  border:1px solid #dddddd; padding:15px 50px; border-radius:10px;}
.sub_tab_area li a:hover				{ display:block; text-align:center; font-weight:bold; color:#ffffff; border:1px solid #d9d9d9;  background:#027dc7; padding:15px 50px; border-radius:10px;}
.sub_tab_area li a.sub_tab_select			{ display:block; text-align:center; font-weight:bold; color:#ffffff; border:1px solid #d9d9d9;  background:#027dc7; padding:15px 50px; border-radius:10px;}


/* ¼­ºê³»¿ë */
.submenu_bg						{ width:100%; height:49px; border-bottom:1px solid #ccc; }
.submenu_area						{ width:100%; max-width:1200px; margin:0 auto; position: relative;}

#dropdown_quickmenu					{ display:flex; flex-flow:row nowrap; justify-content:space-between; max-width:600px; }
#dropdown_quickmenu	 > div			{ border:1px solid #ccc; box-sizing:border-box; padding:10px;}
#dropdown_quickmenu	 > div:nth-child(1)	{ width:40px; text-align: center; border-right:0px;}
#dropdown_quickmenu	 > div:nth-child(2)	{ flex-grow:1; text-align: center; position:relative; border-right:0px; display:block; }
#dropdown_quickmenu	 > div:nth-child(3)	{ flex-grow:1; text-align: center; position:relative; border-right:1px solid #ccc; display:block; }

.big_menu							{ position:relatvie;  z-index:100; cursor:pointer; }
.big_menu_list						{ display:none; position:absolute; left:-1px; top:2.5rem;  width:100%;  background-color: #fff; border:1px solid #ccc; border-top:0px;  transition:all 0.5s; padding:0px; }
.big_menu_list > ul					{ display:block; width:100%;padding:0px; position:relative; top:0px;}
.big_menu_list > ul	> li				{ display:block; border-bottom:1px solid #ccc; padding:9px 0; transition:all 0.2s;  width:100%; }
.big_menu_list > ul	> li:last-child		{ border-bottom:0px;  }
.big_menu_list > ul	> li:hover			{ background-color:#eee; transition:all 0.2s; }
.big_menu_list > ul > li > a > span		{ display:block;}

.small_menu						{ position:relatvie; z-index:100;  cursor:pointer; }
.small_menu_list						{ display:none; position:absolute; left:-1px; top:2.5rem;  width:100%; background-color: #fff;   border:1px solid #ccc; border-top:0px;  transition:all 0.5s; padding:0px; }
.small_menu_list > ul					{ display:block; width:100%;padding:0px; position:relative; top:0px;}
.small_menu_list > ul	> li				{ display:block; border-bottom:1px solid #ccc; padding:9px 0; transition:all 0.2s; width:100%;}
.small_menu_list > ul	> li:last-child		{ border-bottom:0px; }
.small_menu_list > ul	> li:hover			{ background-color:#eee; transition:all 0.2s; }
.small_menu_list > ul > li > a > span		{ display:block;}

.flex_space_between					{ display:flex;justify-content:space-between; }
.display_block						{ display:block; }




/* Å×À̺í */
.time_table							{ background:#dddddd; width:100%; }
.time_table	td						{ border:1px solid #ccc; }
.time_table_title						{ background:#e9f5fc; text-align:center; padding:5px; font-weight:bold;}
.time_table_gray						{ background:#f7f7f7; text-align:center; padding:5px; }
.time_table_text						{ background:#ffffff; text-align:center; padding:5px;}
.time_table_text2						{ background:#ffffff; text-align:left; padding:5px; padding-left:20px;}


/* ÇÏ´Ü¿µ¿ª */
#bottom_partner						{ width:100%; height:80px; }
#bottom_partner > div					{ width:100%; height:80px; margin:0 auto; margin-top: 5px; text-align: center;}
#bottom_partner > div > iframe			{ width:100%; max-width:1200px; height:98px; text-align: center; }


/* ÇÏ´Ü */
#bottom							{ position:relative; width:100%; margin:0 auto; overflow:hidden; padding-top: 0px; padding-bottom: 20px;  background-color:#f9fbfa;  color:#fff; }
#bottom_copyright					{ width:100%; max-width:1200px; margin:0 auto; position: relative; padding-top: 30px; padding-bottom:10px; text-align:center; color:#666;}
#bottom_copyright ul					{ width:100%; display:inline-block; }
#bottom_copyright ul > li				{ display:block; padding-right:30px; }
.bottom_area						{ max-width:100%; margin:0 auto; text-align:center;}
.bottom_area h2						{ margin-bottom: 30px; }


/* ¸ð¹ÙÀÏ ¸Þ´º */
#coverLayer							{ position:fixed;left:0;top:67px;width:100%;height:100%;background-color:#000;display:none;opacity:0.7;z-index:700; }
#mobileMenu						{ display:none; position: absolute; top:0px; left:-700px; width:80%; z-index:1999; margin-top:70px; padding:0px; position:fixed; background:#fff; border-radius:0 0 20px 0; box-shadow: 5px 10px #aaa; background: linear-gradient(90deg, #fff 0%, #eee 100%); }

.mobileSubMenu						{ position:relative; text-align:left;  clear:both; }
.mobileMenu_title a					{ padding:10px 10px 10px 20px; color:#333; font-size:17px; font-weight:bold; display:block; }
.mobileMenu_title a:hover				{ background:#51a5e8; color:#fff; display:block;}

.mobileSubMenu						{ display:none; }
.mobileSubMenu ul li					{ float:left; width:100%;}
.mobileSubMenu ul li a				{ width:100%; color:#333; display:inline-block;  background:#333; padding:3px 5px 3px 20px; background-color: #eee; }
.mobileSubMenu ul li a:hover			{ width:100%; background:#51a5e8; color:#fff; display:block; }


/* ¸ð¹ÙÀÏ ÇÏ´Ü ¸Þ´º */
#mobile_bottom_menu					{ position:fixed; bottom:0px; display:none; z-index:5000; width:100%;}
#mobile_bottom_icon					{ width:100%; }
.mobile_bottom_icon					{ width:20%; }
.mobile_bottom_icon	img				{ width:100%; }

/* Modal â */
#popLayer							{ z-index:10000;}