@charset "euc-kr";
/* reset */
@import url(reset.css);

@font-face {font-family: mg; src: url(malgun.woff)}


body { 
	text-align: center;
	width: 100%;
	font-size: 75%;

	font-family: AppleGotihc, mg, "¸¼Àº °íµñ", ¡°Malgun Gothic¡±, dotum, sans-serif;

	color: #333333;
	list-style: none;
	line-height: 18px;
	border: 0px solid blue;
	outline: 0
}

.point_color10 {color: #3b84b1}


/* ÆÄÀÏ ¼û±è */
.blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}
.skip_navigation a{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip_navigation a:hover,
.skip_navigation a:active,
.skip_navigation a:focus{position: fixed; top: 0; left: 0; width:100%; height: 20px; line-height: 20px; vertical-align: middle; font-size: 14px; font-weight: bold; text-align: center; background: #000; color: #fff}


/* Àüü */
#wrapper {position: relative; width: 100%; margin: 0 auto; padding: 125px 0 0 0; text-align: left; border: 0px solid black; font-size: 1em;}

/* »ó´Ü */
#header {position: fixed; top: 0; left: 0; width: 100%; height: 125px; background: url(../make_img/common/bg_header.gif) repeat-x left top; z-index: 1000; border: 0px solid green;}
#header:after {content: ""; clear: both; display: block;}
#header .header_area {width: 1000px; height: 125px; margin: 0 auto;}
#header .header_area:after {content: ""; display: block; clear: both;}
#header .header_area .logo {float: left; padding-top: 15px; padding-left: 3px; border: 0px solid red;}
#header .header_area .logo:after {content: ""; display: block; clear: both;}
#header .header_area .logo img {float: left; display: block; border: 0px solid red;}
#header .header_area .logo .h1_sub_title {float: left; margin-top: 9px; margin-left: 19px;}

.gnb_area {float: right; padding-top: 31px; height: 59px; border: 0px solid red;}
.btn_university {float: left; margin-right: 24px;}
.btn_university a, .btn_university img {display: block;}
.btn_language_area {float: left;}
.btn_language_area dt {float: left; margin-right: 15px}
.btn_language_area dd {float: left; padding: 0 7px 0 6px; line-height: 9px; background: url(../make_img/common/icon_bar01.gif) no-repeat right top; *background: url(../make_img/common/icon_bar01.gif) no-repeat right 3px;}
.btn_language_area dd.none {background: transparent;}

.mainmenu {position: relative; clear: both; width: 1000px; padding-bottom: 19px; margin: 0 auto;}
.mainmenu ul {overflow: hidden; margin: 0; padding: 0;}  
.mainmenu li {
    float: left;
	/*
    padding: 0 10px;
    */
	padding: 0 7px;
}
.mainmenu li a img {display: block;}
.mainmenu li.none {background: transparent;}
.mainmenu li.gnb01 {padding-left: 3px;}
.mainmenu li.gnb11 {padding-right: 0;}


.mainmenu_new {position: relative; clear: both; width: 1000px; padding-bottom: 19px; margin: 0 auto;}
.mainmenu_new ul {overflow: hidden; margin: 0; padding: 0;}  
.mainmenu_new li {
    float: left;
	/*
    padding: 0 10px;
    */
	padding: 0 7px;
}
.mainmenu_new li a img {display: block;}
.mainmenu_new li.none {background: transparent;}
.mainmenu_new li.gnb01 {padding-left: 3px;}
.mainmenu_new li.gnb11 {padding-right: 0;}

/* ŸÀÌƲ */
.title_ipsi {font-size: 22px; color:#235EC6; font-weight: bold; margin-bottom:13px ; margin-left:-2px;letter-spacing:-1px;}

/* º»¹® */

#nav{
	list-style: none;
	position: fixed;
	top: 50%;
	right: 10px;
	margin-left: 550px;
	z-index: 999;
	margin-top: -50px;
	z-index: 100
}
#nav .word_scroll {margin-left: -10px; margin-bottom: 5px;}
#nav li {margin-top: -20px; text-indent: -5000em; border: 0px solid red;}

#nav li.section_menu01 a {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_off.png) no-repeat 0 0; z-index: 130}
#nav li.section_menu02 a {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_off.png) no-repeat 0 0; z-index: 120}
#nav li.section_menu04 a {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_off.png) no-repeat 0 0; z-index: 110}
#nav li.section_menu03 a {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_off.png) no-repeat 0 0; z-index: 100}

#nav li.section_menu01 a:hover {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_01_on.png) no-repeat 0 0; z-index: 130}
#nav li.section_menu02 a:hover {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_02_on.png) no-repeat 0 0; z-index: 120}
#nav li.section_menu04 a:hover {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_04_on.png) no-repeat 0 0; z-index: 110}
#nav li.section_menu03 a:hover {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_03_on.png) no-repeat 0 0; z-index: 100}


#nav li.section_menu01 a.on  {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_01_on.png) no-repeat 0 0; z-index: 130}
#nav li.section_menu02 a.on {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_02_on.png) no-repeat 0 0; z-index: 120}
#nav li.section_menu04 a.on {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_04_on.png) no-repeat 0 0; z-index: 110}
#nav li.section_menu03 a.on {position: relative; display: block; width: 66px; height: 42px; background: url(../make_img/main/contents_navigation_03_on.png) no-repeat 0 0; z-index: 100}


/* ¼½¼Ç 1 */
.section {position: relative; height: 732px; width: 100%; border: 0px solid red;}

#section01 {
	background: url(../make_img/main/bg_section01_2000.jpg) no-repeat center 125px fixed;
	background-size: cover;
}
#section02 {
	background: url(../make_img/main/bg_section02_2000.jpg) no-repeat center 125px fixed;
	background-size: cover;
}
#section03 {
	background: url(../make_img/main/bg_section03_2000.jpg) no-repeat center 125px fixed;
	background-size: cover;
}
#section04 {
	background: url(../make_img/main/bg_section04.jpg) no-repeat center 125px fixed;
	background-size: cover;
}

.section_area {position: absolute; bottom: 25%; left: 50%; margin-left: -500px; width: 1000px; border: 0px solid red;}
.title_main_01 {margin-bottom: 16px;}
.title_main_01 img {display: block;}
.word_section01 {margin-bottom: 15px;}
.word_section01 img {display: block;}


.list_area {height: 140px; margin-bottom: 7px; border: 0px solid red;}

.tabmenu {float: left; position: relative; border: 0px solid red; clear: both;}
.tabmenu:after {content: ""; display: block; clear: both;}
.tabmenu li {float: left;}
.tabmenu li .tabcontent {position: absolute; top: 31px; left: 0; width: 401px; height: 96px; padding-top: 12px; padding-left: 21px; padding-right: 27px; background: url(../make_img/main/bg_section01_01.png) no-repeat;  clear: both;}
.tabmenu li .tabcontent li {position: relative; float: left; display: block; width: 320px; padding-right: 80px; margin-bottom: 7px; color: #64676c;  border: 0px solid red; }
.tabmenu li .tabcontent li a {display: block; line-height: 16px; color: #64676c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overow: ellipsis;}
.tabmenu li .tabcontent li a strong {color: #404348}
.tabmenu li .tabcontent li a:hover {text-decoration: underline;}
.tabmenu li .tabcontent li .date {position: absolute; top: 0; right: 0;}

/* ¼ö½Ã Á¤º¸ */
.list_box01_02 {float: left; margin-left: 16px; width: 460px; height: 140px; background: url(../make_img/main/bg_section01_0202.png) no-repeat left bottom; border: 0px solid red;}
.list_box01_02 .info_box01 {float: left; width: 265px; height: 94px; padding: 23px 40px; border: 0px solid red;}
.list_box01_02 .info_box01 .title_list {margin-bottom: 9px}
.list_box01_02 .info_box01 .title_list img {display: block;}
.list_box01_02 .info_box01 .ipsi_main_title{
	font-size:22px;
	line-height:25px;
	letter-spacing:-2px;
	word-spacing:-2px;
}
.list_box01_02 .info_box01 .ipsi_main_title strong{
	color:#444;
}
.list_box01_02 .info_box01 .ipsi_main_title span{
	font-weight: bold;
	color:#235EC6;
}

.list_box01_02 .word_info01 {margin-bottom: 26px;}
.list_box01_02 .word_info01 img {display: block;}

.list_box01_02 .btn_go {margin: 0; padding-top: 25px}
.list_box01_02 .btn_go img {display: block;}

.menu_list01 {float: left; width: 68px; padding-top: 29px; padding-left: 22px; border: 0px solid red;}
.menu_list01 li {float: left; margin-bottom: 12px; border: 0px solid red;}
.menu_list01 li a {display: block; }
.menu_list01 li img {display: block;}

.list_box03 {width: 602px; height: 71px; padding-top: 13px; text-align: center; background: url(../make_img/main/bg_section01_03.png) no-repeat left top; border: 0px solid red;}
.list_box03 li {display: inline-block; display: inline-block; *display: inline; zoom: 1; margin: 0 15px}

.section_area02 {position: absolute; top: 145px; left: 50%; margin-left: -500px; width: 1000px;}
.section_area02 ul {border: 0px solid red; overflow: hidden;}
.section_area02 ul li {float: left; width: 162px; height: 110px; margin: 0 2px}
.section_area02 ul li a {position: relative; display: block; width: 162px; height: 110px; font-family: AppleGotihc, mg, "¸¼Àº °íµñ", ¡°Malgun Gothic¡±, dotum, sans-serif;}

.section_area02 ul li.menu01 a {background: url(../make_img/main/section02_menu01.jpg) no-repeat left top;}
.section_area02 ul li.menu02 a {background: url(../make_img/main/section02_menu02.jpg) no-repeat left top;}
.section_area02 ul li.menu03 a {background: url(../make_img/main/section02_menu03.jpg) no-repeat left top;}
.section_area02 ul li.menu04 a {background: url(../make_img/main/section02_menu04.jpg) no-repeat left top;}
.section_area02 ul li.menu05 a {background: url(../make_img/main/section02_menu05.jpg) no-repeat left top;}
.section_area02 ul li.menu06 a {background: url(../make_img/main/section02_menu06.jpg) no-repeat left top;}
.section_area02 ul li.menu07 a {background: url(../make_img/main/section02_menu07.jpg) no-repeat left top;}
.section_area02 ul li.menu08 a {background: url(../make_img/main/section02_menu08.jpg) no-repeat left top;}
.section_area02 ul li.menu09 a {background: url(../make_img/main/section02_menu09.jpg) no-repeat left top;}
.section_area02 ul li.menu10 a {background: url(../make_img/main/section02_menu10.jpg) no-repeat left top;}
.section_area02 ul li.menu11 a {background: url(../make_img/main/section02_menu11.jpg) no-repeat left top;}
.section_area02 ul li.menu12 a {background: url(../make_img/main/section02_menu12.jpg) no-repeat left top;}
.section_area02 ul li.menu13 a {background: url(../make_img/main/section02_menu13.jpg) no-repeat left top;}
.section_area02 ul li.menu14 a {background: url(../make_img/main/section02_menu14.jpg) no-repeat left top;}
.section_area02 ul li.menu15 a {background: url(../make_img/main/section02_menu15.jpg) no-repeat left top;}
.section_area02 ul li.menu16 a {background: url(../make_img/main/section02_menu16.jpg) no-repeat left top;}
.section_area02 ul li.menu17 a {background: url(../make_img/main/section02_menu17.jpg) no-repeat left top;}
.section_area02 ul li.menu18 a {background: url(../make_img/main/section02_menu18.jpg) no-repeat left top;}
.section_area02 ul li.menu19 a {background: url(../make_img/main/section02_menu19.jpg) no-repeat left top;}
.section_area02 ul li.menu20 a {background: url(../make_img/main/section02_menu20.jpg) no-repeat left top;}
.section_area02 ul li.menu21 a {background: url(../make_img/main/section02_menu21.jpg) no-repeat left top;}
.section_area02 ul li.menu22 a {background: url(../make_img/main/section02_menu22.jpg) no-repeat left top;}
.section_area02 ul li.menu23 a {background: url(../make_img/main/section02_menu23.jpg) no-repeat left top;}
.section_area02 ul li.menu24 a {background: url(../make_img/main/section02_menu24.jpg) no-repeat left top;}
.section_area02 ul li.menu25 a {background: url(../make_img/main/section02_menu25.jpg) no-repeat left top;}
.section_area02 ul li.menu26 a {background: url(../make_img/main/section02_menu26.jpg) no-repeat left top;}
.section_area02 ul li.menu27 a {background: url(../make_img/main/section02_menu27.jpg) no-repeat left top;}
.section_area02 ul li.menu28 a {background: url(../make_img/main/section02_menu28.jpg) no-repeat left top;}
.section_area02 ul li.menu29 a {background: url(../make_img/main/section02_menu29.jpg) no-repeat left top;}
.section_area02 ul li.menu30 a {background: url(../make_img/main/section02_menu30.jpg) no-repeat left top;}
.section_area02 ul li.menu31 a {background: url(../make_img/main/section02_menu31.jpg) no-repeat left top;}
.section_area02 ul li.menu32 a {background: url(../make_img/main/section02_menu32.jpg) no-repeat left top;}
.section_area02 ul li.menu33 a {background: url(../make_img/main/section02_menu33.jpg) no-repeat left top;}
.section_area02 ul li.menu34 a {background: url(../make_img/main/section02_menu34.jpg) no-repeat left top;}
.section_area02 ul li.menu35 a {background: url(../make_img/main/section02_menu35.jpg) no-repeat left top;}
.section_area02 ul li.menu36 a {background: url(../make_img/main/section02_menu36.jpg) no-repeat left top;}
.section_area02 ul li.menu37 a {background: url(../make_img/main/section02_menu37.jpg) no-repeat left top;}


.section_area02 ul li.menu01 a:hover {background: url(../make_img/main/section02_menu01_on.jpg) no-repeat left top;}
.section_area02 ul li.menu02 a:hover {background: url(../make_img/main/section02_menu02_on.jpg) no-repeat left top;}
.section_area02 ul li.menu03 a:hover {background: url(../make_img/main/section02_menu03_on.jpg) no-repeat left top;}
.section_area02 ul li.menu04 a:hover {background: url(../make_img/main/section02_menu04_on.jpg) no-repeat left top;}
.section_area02 ul li.menu05 a:hover {background: url(../make_img/main/section02_menu05_on.jpg) no-repeat left top;}
.section_area02 ul li.menu06 a:hover {background: url(../make_img/main/section02_menu06_on.jpg) no-repeat left top;}
.section_area02 ul li.menu07 a:hover {background: url(../make_img/main/section02_menu07_on.jpg) no-repeat left top;}
.section_area02 ul li.menu08 a:hover {background: url(../make_img/main/section02_menu08_on.jpg) no-repeat left top;}
.section_area02 ul li.menu09 a:hover {background: url(../make_img/main/section02_menu09_on.jpg) no-repeat left top;}
.section_area02 ul li.menu10 a:hover {background: url(../make_img/main/section02_menu10_on.jpg) no-repeat left top;}
.section_area02 ul li.menu11 a:hover {background: url(../make_img/main/section02_menu11_on.jpg) no-repeat left top;}
.section_area02 ul li.menu12 a:hover {background: url(../make_img/main/section02_menu12_on.jpg) no-repeat left top;}
.section_area02 ul li.menu13 a:hover {background: url(../make_img/main/section02_menu13_on.jpg) no-repeat left top;}
.section_area02 ul li.menu14 a:hover {background: url(../make_img/main/section02_menu14_on.jpg) no-repeat left top;}
.section_area02 ul li.menu15 a:hover {background: url(../make_img/main/section02_menu15_on.jpg) no-repeat left top;}
.section_area02 ul li.menu16 a:hover {background: url(../make_img/main/section02_menu16_on.jpg) no-repeat left top;}
.section_area02 ul li.menu17 a:hover {background: url(../make_img/main/section02_menu17_on.jpg) no-repeat left top;}
.section_area02 ul li.menu18 a:hover {background: url(../make_img/main/section02_menu18_on.jpg) no-repeat left top;}
.section_area02 ul li.menu19 a:hover {background: url(../make_img/main/section02_menu19_on.jpg) no-repeat left top;}
.section_area02 ul li.menu20 a:hover {background: url(../make_img/main/section02_menu20_on.jpg) no-repeat left top;}
.section_area02 ul li.menu21 a:hover {background: url(../make_img/main/section02_menu21_on.jpg) no-repeat left top;}
.section_area02 ul li.menu22 a:hover {background: url(../make_img/main/section02_menu22_on.jpg) no-repeat left top;}
.section_area02 ul li.menu23 a:hover {background: url(../make_img/main/section02_menu23_on.jpg) no-repeat left top;}
.section_area02 ul li.menu24 a:hover {background: url(../make_img/main/section02_menu24_on.jpg) no-repeat left top;}
.section_area02 ul li.menu25 a:hover {background: url(../make_img/main/section02_menu25_on.jpg) no-repeat left top;}
.section_area02 ul li.menu26 a:hover {background: url(../make_img/main/section02_menu26_on.jpg) no-repeat left top;}
.section_area02 ul li.menu27 a:hover {background: url(../make_img/main/section02_menu27_on.jpg) no-repeat left top;}
.section_area02 ul li.menu28 a:hover {background: url(../make_img/main/section02_menu28_on.jpg) no-repeat left top;}
.section_area02 ul li.menu29 a:hover {background: url(../make_img/main/section02_menu29_on.jpg) no-repeat left top;}
.section_area02 ul li.menu30 a:hover {background: url(../make_img/main/section02_menu30_on.jpg) no-repeat left top;}
.section_area02 ul li.menu31 a:hover {background: url(../make_img/main/section02_menu31_on.jpg) no-repeat left top;}
.section_area02 ul li.menu32 a:hover {background: url(../make_img/main/section02_menu32_on.jpg) no-repeat left top;}
.section_area02 ul li.menu33 a:hover {background: url(../make_img/main/section02_menu33_on.jpg) no-repeat left top;}
.section_area02 ul li.menu34 a:hover {background: url(../make_img/main/section02_menu34_on.jpg) no-repeat left top;}
.section_area02 ul li.menu35 a:hover {background: url(../make_img/main/section02_menu35_on.jpg) no-repeat left top;}
.section_area02 ul li.menu36 a:hover {background: url(../make_img/main/section02_menu36_on.jpg) no-repeat left top;}
.section_area02 ul li.menu37 a:hover {background: url(../make_img/main/section02_menu37_on.jpg) no-repeat left top;}





.section_area02 ul li a span {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 25px; text-align: center; line-height: 25px; color: #fff; background: url(../make_img/main/bg_section_title01.png) repeat-x left top;}
.section_area02 ul li a:hover span {position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 25px; text-align: center; line-height: 25px; color: #fff; background: url(../make_img/main/bg_section_title02.png) repeat-x left top;}

.section_area03 {position: absolute; bottom: 25%; left: 50%; margin-left: -500px; width: 1000px;}


.section_area04 {position: absolute; bottom: 20%; left: 50%; margin-left: -500px; width: 1009px;}

.list_menu03 {position: relative; width: 872px; height: 136px; padding-left: 128px; padding-top: 38px; background: url(../make_img/main/bg_serction03_01.png) no-repeat left top;}
.list_menu03 .title_main_02 {position: absolute; top: 24px; left: 25px;}
.list_menu03 ul {margin: 0; padding: 0 0 0 35px;}
.list_menu03 ul li {display: inline-block; *display: inline; zoom: 1; padding: 0 5px;}
.list_menu03 ul li a, .list_menu03 ul li img {display: block;}



.remodal-bg {
	position: relative;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	background: #000;
	width: 243px;
	height: 133px;
	overflow: hidden;
}
.remodal-bg a {
	display: block;
	transition: all 0.2s ease-in-out;
}
.remodal-bg a:hover {
	opacity: .5;
}
.darkness {
	position:absolute;
	top:0;
	left:0;
	width:inherit;
	height:inherit;
	background:#000000;
	/* Ãß°¡µÈ ºÎºÐ */
	opacity:0;
	transition:all .6s linear;
}

.btn-plus {
	position:absolute;
	top:0;
	width: 241px;
	height: 131px;
	text-align:center;
	/* Ãß°¡µÈ ºÎºÐ */
	opacity:0;
	transform:scale(2);
	transition:all .3s linear;
	border: 1px solid #fff;
}

.btn-plus span {
	width: 100%;
	text-align: center;
	font-size: 19px;
	color:#ffffff;
	user-select:none;
	line-height: 133px;
}

/* Ãß°¡µÈ ºÎºÐ */
.remodal-bg:hover .darkness{
	opacity: .5;
}

/* Ãß°¡µÈ ºÎºÐ */
.remodal-bg:hover .btn-plus {
	opacity:1;
	transform:scale(1);
}





/* ÇÏ´Ü */
#footer {position: fixed; bottom: 0; left: 0; clear: both; width: 100%; height: 118px; background: #fff; border: 0px solid red;}
.footer_area {position: relative; clear: both; width: 827px; padding-top: 30px; padding-left: 173px; margin: 0 auto; background: #fff; border: 0px solid red;}
.footer_area :after {content: ""; display: block; clear: both;}

.footer_area .footer_logo {position: absolute; top: 30px; left: 1px ; border: 0px solid red;}
.footer_area .footer_logo img {display: block;}

.company_info_box {padding-bottom: 17px; border: 0px solid red;}
.company_info_box img {display: block;}
.company_info_box address {margin-bottom: 7px;}
.company_info_box address img {display: block;}
.company_info_box .company_phone_info {margin: 0; padding: 0;}
.company_info_box .company_phone_info img {display: block;}

.select_area {clear: both; }
.select_area select {display: inline-block; vertical-align: middle; width: 200px; border: 1px solid #f3f4f7; border-top: 1px solid #e2e3e5; border-bottom: 1px solid #f3f6f8; font-family: "µ¸¿ò", Dotum, sans-serif;}
.select_area a, .select_area img {display: inline-block; vertical-align: middle;}

.info_advice_area {position: absolute; top: 30px; right: 0; width: 185px; height: 45px; padding: 17px 25px; background: url(../make_img/common/bg_footer_info.png) no-repeat left top;}
.info_advice_area h2 {width: 71px; height: 12px; margin-bottom: 8px; background: url(../make_img/common/title_footer_info.png) no-repeat left top; text-indent: -5000em;}
.info_advice_area ul {width: 115px; height: 26px; background: url(../make_img/common/footer_info01.png) no-repeat left top; text-indent: -5000em;}