@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;}

#headerarea{
	width:100%; background:url('/images/com/header_bg.png') repeat-x; min-width:1150px;
	font-family:NanumSquare; position:relative; padding-bottom:10px; height:135px;
	transition: all 0.3s ease-out;
	}
.header_menu_btn{display:none;}

#header{width:1150px; margin:0 auto; height:auto; position:relative;}
#header h5{position:absolute; top:20px; left:0;}
.header_menu {position:absolute; top:80px; left:250px;}
.header_menu ul li{float:left; font-size:22px; margin-right:30px;}
.header_menu a{font-family:NanumSquare; color:#000; text-decoration:none;}
.header_menu a:hover{color:#1653a4;}

.header_top{position:absolute; top:10px; right:0;}
.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%; min-width:1150px; height:auto;
	background:#f5f5f5;}
#container2{font-family:NanumSquare; width:100%; min-width:1150px; height:auto;
	}
.visualarea{width:1150px; margin:0 auto; height:432px; position:relative; overflow:hidden;}
.visualarea img{width:100%;}


#Roll{position:absolute; text-align:center; z-index:100; width:100%; height:20px; bottom:20px;}
#Roll ul li{display:inline-block; margin:0 3px;}
.slide_nav{width:20px; height:20px; background:url('/images/main/roll_off.png') no-repeat; cursor:pointer;}
#Roll ul .ov{width:20px; height:20px; background:url('/images/main/roll_on.png') no-repeat !important;
	cursor:pointer;}
.mainnew_popupzone>div li{list-style:none;}


.contboxAbg{width:100%; background:url('/images/main/contboxA_bg.png') repeat-x; height:131px;}
.contboxA{width:1150px; margin:0 auto; height:131px;}

.contboxA1box1{
	position:relative; background-color:#1653a4; color:white; width:287px; height:131px;
	float:left;}
.contboxA1box2{position:relative; background-color:#1dab51; color:white; width:287px; height:131px; float:left;}
.contboxA1box1_t a{color:white; display:block; font-size:18px; text-decoration:none; padding:20px;}
.contboxA1box1_t a span{color:#ffde00; display:block;}
.contboxA1box1_i a{
	position:absolute; right:20px; bottom:20px; text-decoration:none; font-size:15px; height:17px; color:white;
	background:url('/images/main/arrow_icon.png') no-repeat; background-position:right;
	padding-right:20px; margin-right:15px;
	}

.contboxA2{float:left; margin-left:10px; position:relative; overflow:hidden;}
.contboxA2 ul{float:left;}
.contboxA2 ul li{float:left; width:140px; height:131px;
	background:url('/images/main/main_quickbg.png') no-repeat; background-position:center right;}
.contboxA2 ul li a{
	width:140px; color:#000; text-decoration:none; text-align:center; font-size:18px;
	display:block; padding-top:90px;
	}
.contboxA2_1 p{
	background:url('/images/main/main_quick1bg.png') no-repeat; background-position:center 30px;
	width:143px; height:130px; z-index:999;
	}
.contboxA2_2 p{
	background:url('/images/main/main_quick2bg.png') no-repeat; background-position:center 30px;
	width:143px; height:130px; z-index:999;
	}
.contboxA2_3 p{
	background:url('/images/main/main_quick3bg.png') no-repeat; background-position:center 30px;
	width:143px; height:130px; z-index:999;
	}
.contboxA2_4 p{
	background:url('/images/main/main_quick4bg.png') no-repeat; background-position:center 30px;
	width:143px; height:130px; z-index:999;
	}

.contboxA2 ol{float:left; overflow:hidden;}
.contboxA2 ol li{float:left; width:144px; height:54px; box-sizing:border-box; background:#eee; margin:30px;}
.contboxA2 ol li a{display:block;  box-sizing:border-box;}


.contboxBbg{width:100%;}
.contboxB{width:1150px; margin:0 auto; overflow:hidden; padding:40px 0;}
.contboxB div{border:1px solid #ddd; float:left; padding:25px; width:310px; position:relative;}
.contboxB div ul{margin-top:5px; overflow:hidden;}
.contboxB div li{margin:15px 0; font-size:15px; overflow:hidden;}
.contboxB div li a{
	display:block; white-space:nowrap; float:left; width:180px; overflow:hidden; text-overflow:ellipsis;
	color:#000; text-decoration:none; text-align:left;}

.contboxB h6{font-size:22px; font-weight:normal; }
.contboxB h6 span{color:#1653a4;}
.contboxB p a{position:absolute; top:30px; right:25px;}

.t1{float:left;}
.t2{float:right;}
.contboxB1 ul{min-height:110px;}
.contboxB2 ul{min-height:110px;}
.contboxB3 ul{min-height:110px;}

.contboxB2{margin:0 28px;}
.contboxB1{}

.contboxC{width:1150px; margin:0 auto; overflow:hidden; text-align:center;}
.contboxC_title{text-align:center; font-size:24px; font-weight:normal; color:#000; margin-bottom:10px;}
.contboxC_title span{color:#1653a4;}



.contboxC_videobox{
	display:inline-block; width:360px; height:265px; box-shadow:1px 1px 3px 1px #ddd; overflow:hidden;
	border:1px solid #ddd; margin:0 8px;
	}

.contboxC_videoboxA{width:360px; height:195px; background:#ddd; position:relative;}
.contboxC_videoboxA p{
	position:absolute; width:62px; height:61px; top:0; left:0; right:0; bottom:0;
	margin:auto; z-index:99;}
.contboxC_videoboxAbg{position:absolute; background-color:#000; width:370px; height:195px; opacity:0.3;}
.contboxC_videoboxAbox{overflow:hidden;}
.contboxC_videobox ul li{text-align:center;}
.contboxC_videoboxt1{
	font-size:18px; margin:15px auto 5px auto;
	text-overflow:ellipsis; overflow:hidden; width:330px;
	text-align:center; white-space:nowrap;
	}
.contboxC_videoboxt1 a{color:#000; text-decoration:none;}
.contboxC_videoboxt2{font-size:15px;}

.contboxC_gallery{text-align:center; width:1150px; margin:20px auto; text-align:center;}
.contboxC_galleryA{
	display:inline-block; width:360px; height:265px; box-shadow:1px 1px 3px 1px #ddd; overflow:hidden;
	border:1px solid #ddd; margin:0 10px;
	}
.contboxC_galleryboxApicture{width:360px; height:195px;}
.contboxC_galleryboxApicture a img{width:100% !important; max-width:100%; height:100% !important; }

.contboxC_gallerybox ul li{text-align:center;}
.contboxC_gallerybox a{color:#000; text-decoration:none; text-align:center;}
.contboxC_galleryboxt1{font-size:18px; margin:15px 0 5px 0; display:block;}
.contboxC_galleryboxt2{font-size:15px; display:block;}


#footerarea{
	width:100%; min-width:1150px; background:url('/images/com/foot_bg.gif') repeat-x; height:181px;
	color:white; font-family:NanumSquare; margin-top:50px;
	}
#footer{width:1150px; margin:0 auto;}
#footer h6{float:left; margin:20px 40px 0 0;}
#footer address{
	display:block; float:left;
	margin-top:20px; line-height:150%; 
	}
.footer_menu{float:left; margin-top:20px; width:800px;}
.footer_menu ul li{float:left; margin-right:20px;}
.footer_menu ul li a{color:white; text-decoration:none;}

.tabmenu{display:none;}

/* ¼­ºê css */

.w1150{width:1150px; margin:0 auto;}
.CntBasic{width:1150px !important; margin:0 auto;}
#subcontainer1{font-family:NanumSquare;
	background:url('/images/sub/bottommenu_bg.png') repeat-x; width:100%; height:56px;
	}

.subtopmenuarea{width:1150px; margin:0 auto; min-width:1150px;}
.subtopmenuarea h6{font-size:20px;}
.subtopmenuarea h6 a{
	display:block; float:left; background-color:#29b05a; color:white; text-decoration:none;
	font-weight:normal; width:250px; text-align:center; height:40px; padding:16px 0 0 0;
	}

.subtopmenuarea ul li{
	float:left; background:url('/images/sub/subtopmenu_line.png') no-repeat right;
	padding:0 20px;
	height:56px;
	}
.subtopmenuarea ul li a{
	color:white; text-decoration:none; font-size:18px; display:block;
	background:url('/images/sub/arrow.png') no-repeat; background-position:left 20px;
	padding:16px 0 0 15px; height:40px;
	}


#subcontainer2{font-family:NanumSquare;
	width:100%; height:auto; overflow:hidden;
	}
.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;}
.ecbcontents{height:auto; min-height:400px;}

.top_btn{position:fixed; right:1%; bottom:5%;}