@charset 'euc-kr';

body {color:#555; font-size:15px; word-break:break-all;}
input, textarea, select {font-size:15px; font-family:'NanumSquare', 'Malgun Gothic', '¸¼Àº °íµñ', 'Dotum', 'µ¸¿ò', 'Gulim', '±¼¸²', sans-serif;}

.mars10{margin:0 10px;}
.mars20{margin:0 20px;}
.mars30{margin:0 30px;}
.mars40{margin:0 40px;}
.mars50{margin:0 50px;}

/* Å¾¸Þ´º */
#navi{display:none;}
.tm{display:none;}
/*layout*/
#wrap {
	width:100%; height:100%; position:relative; box-sizing:border-box; min-width:320px;
	background:#e5e5e5;
	}
.eng_background{
	background:url('/images/main/eng_bg.png') no-repeat;
	width:100%; background-position:top center;
	}
#headerarea{
	width:100%;
	font-family:NanumSquare; position:relative; padding-bottom:10px; height:135px;
	transition: all 0.3s ease-out;
	}

#header{font-family:NanumSquare; width:100%; margin:0 auto; height:auto; position:relative;}
#header h5{position:absolute; top:20px; left:50%; width:189px; margin-left:-95px;}


.header_top{position:absolute; top:70px; right:70px;}
.header_top li{
	float:left; background:url('/images/com/header_top_bg.png') no-repeat left;
	padding-left:15px; margin-left:15px;
	}
.header_top li a{color:#000; text-decoration:none;}

#container{
	font-family:NanumSquare; width:100%; margin:0 auto; position:relative;
	height:550px; overflow:hidden;
	}
.visual{position:relative;}
.visual p{width:320px; margin:30px auto;}
.visual p img{width:100%;}
.visual ul{
	position:absolute; top:200px; left:50%; margin-left:-45%; font-size:24px; width:90%; color:#000;
	word-break:keep-all; line-height:110%; font-family:NanumSquare; text-align:center;
	display:none;
	}
.visual ul li{margin:5px 0; float:left; text-align:center; border:1px solid red;}

.container_menuarea{
	text-align:center; position:absolute; top:330px; left:0;
	right:0; margin:auto;
	}
.container_menuarea ul{display:inline-block; margin:0;}
.container_menuarea a{position:absolute; top:0; left:0; width:250px; height:200px; z-index:10;}
.container_menuarea h5{
	position:absolute; top:20px; left:50%; margin-left:-65px; width:130px; font-size:24px; text-align:center;}
.contmenu03 h5{font-size:22px;}
.contmenu05 h5{color:#000;}
.container_menuarea h6{
	position:absolute; bottom:20px; font-size:15px; display:block; text-align:center;
	width:50px; left:50%; margin-left:-25px; word-break:keep-all;
	}
.contmenu05 h6{color:#000;}

.contmenu01{position:relative; color:white; background:#05407d; width:250px; height:200px; border-radius:15px;}
.contmenu02{position:relative; color:white; background:#c33824; width:250px; height:200px; border-radius:15px;}

.contmenu01 h5 span{color:#ffc000;}
.contmenu02 h5 span{color:#f3c500;}

.contmenu01 ul li img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.contmenu02 ul li img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}


#footerarea{
	width:100%; background-color:#464646;
	color:white; font-family:NanumSquare; margin:0; padding:30px 0; height:200px;
	overflow:hidden;
	}
#footer{width:100%; margin:0 auto;}
#footer h6{width:150px; margin:0 auto;}
#footer h6 img{width:100%;}
#footer address{
	display:block; text-align:center; width:100%; 
	margin-top:20px; line-height:150%; 
	}
#footer address a{color:white; }



/* ¼­ºê css */

.CntBasic{width:1150px !important; margin:0 auto;}

#subwrap {
	width:100%; height:100%; position:relative; box-sizing:border-box; min-width:320px;
	min-height:900px;
	}


#subcontainer1{font-family:NanumSquare;
	background:url('/images/sub/bottommenu_bg.png') repeat-x; width:100%; height:56px;
	}

.subtopmenuarea{width:100%; margin:0 auto;}

.subtopmenuarea ul{overflow:hidden; text-align:center;}
.subtopmenuarea ul li{display:inline-block; font-size:18px; margin:0 5px; width:45%;}
.subtopmenuarea ul li a{
	width:100%; display:block; color:white; text-decoration:none;
	height:41px; padding-top:15px;
	background:url('/images/sub/subtopmenu_line.png') no-repeat;
	background-position:top right;
	}

.subtopmenuarea ul li a:hover{
	width:100%; display:block; color:white; text-decoration:underline;
	height:41px; padding-top:15px;
	background:url('/images/sub/subtopmenu_line.png') no-repeat;
	background-position:top right;
	}


#subcontainer2{font-family:NanumSquare;
	width:100%; height:auto; overflow:hidden;
	}

.ecbcontents{overflow:hidden; width:100%; margin:0 auto;}
.pagetitle{
	background:url('/images/sub/pagetitle_bg.gif') no-repeat; padding-top:15px;
	background-position:top center; margin:30px 0;
	text-align:center; font-size:40px; color:#1653a4; font-weight:normal;}


.top_btn{position:fixed; right:1%; bottom:5%;}