@charset 'euc-kr';

body {color:#555; font-size:15px; word-break:break-all;}
input, textarea, select {font-size:14px; font-family:'NanumSquare', 'Malgun Gothic', '¸¼Àº °íµñ', 'Dotum', 'µ¸¿ò', 'Gulim', '±¼¸²', sans-serif;}

/* ž¸Þ´º */
#navi{width:100%; height:100%;  z-index:9990;}
.tm_menubg
	{width:100%; height:100%; background:black; z-index:9990; position:fixed; opacity:0.8;
	left:0; right:0; top:0; bottom:0;
	}
.tm_menuarea{
	background:white; width:70%; height:100%; position:fixed; font-family:NanumSquare;
	overflow-y:scroll;
	z-index:9999; right:0; box-shadow:1px 1px 1px 1px #ddd;}
.tm_menuarea h5{width:100px; margin:10px auto 0 auto;}
.tm_menuarea h5 img{width:100%; height:auto;}

.tm_menuarea p{
	position:absolute; width:13px; top:10px; right:10px; padding:8px 10px; border:1px solid #ddd;
	border-radius:3px;
	}
.tm_menuarea p img{width:100%; height:auto;}

.tm_menu_top{width:100%; text-align:center; margin:10px 0 5px 0; overflow:hidden;}
.tm_menu_top ul li{font-size:13px; display:inline-block; }
.tm_menu_top ul li a{
	color:#333; text-decoration:none; display:block; border:1px solid #ddd; 
	padding:3px 10px; border-radius:3px; margin:0 2px;
	}

.tm_menu ul li{width:100%;}
.tm_menu ul li a{color:#000; text-decoration:none;}

.ecbmenu1{
	font-size:18px; margin:0; overflow:hidden; border-top:1px dashed white;}

.ecbmenu1 span{color:#fff; padding-left:10px;}
.ecbmenu1 a{color:white !important; padding:10px 0; display:block; width:100%;}
.ecbmenu1 ol{font-size:15px; border-top:1px solid #ddd;}
.ecbmenu1 ol li a{
	display:block; background:#f5f5f5 !important; padding:10px 0 10px 15px;
	border-bottom:1px dashed #ddd; color:#000 !important;}
.boxSR{background:white !important;}
.boxSR a{padding:5px 0 5px 10px; border-bottom:1px dashed #ddd; color:#000 !important;}
.boxSR a:hover{padding:5px 0 5px 10px; border-bottom:1px dashed #ddd; color:#1653a4 !important;}

#top-menu1{background:#1653a4;}
#top-menu2{background:#1653a4;}
#top-menu3{background:#1653a4;}
#top-menu4{background:#1653a4;}
#top-menu5{background:#1653a4;}
#top-menu6{background:#1653a4;}
#top-menu7{background:#1653a4;}
#top-menu8{background:#1653a4;}
#top-menu9{background:#1653a4;}


/*layout*/
#wrap {width:100%; height:100%; position:relative; box-sizing:border-box; min-width:320px; overflow:hidden;}

#headerarea{
	width:100%; background:url('/images/com/header_bg.png') repeat-x; min-width:320px;
	font-family:NanumSquare; position:relative; padding-bottom:10px; height:135px;
	transition: all 0.3s ease-out;
	}
#header{width:100%; margin:0 auto; height:auto; position:relative;}
#header h5{position:absolute; top:20px; width:189px; left:50%; margin-left:-94px;}

.header_menu_btn a{
	position:absolute; top:50px; right:10px; width:15px; height:16px;
	padding:15px; border:1px solid #ddd;
	background:url('/images/com/menu_btn.png') no-repeat;
	background-position:center;
	}

/* µð½ºÇ÷¹ÀÌ none */
.header_top{display:none;}
.header_menu{display:none;}


#container{font-family:NanumSquare; width:100%; height:auto; overflow:hidden;}
.visualarea{width:100%; margin:0 auto; position:relative; }
.visualarea img{width:100%; height:100%;}


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

.slidesjs-pagination{display:none !important;}
.slidesjs-play{display:none !important;}
.slidesjs-stop{display:none !important;}


#container{font-family:NanumSquare; width:100%; height:auto; }
#container2{font-family:NanumSquare; width:100%; height:auto; }
.contboxA1{width:100%;}
.contboxA1box1{position:relative; background-color:#1653a4; color:white; width:50%; height:131px; float:left;}
.contboxA1box2{position:relative; background-color:#1dab51; color:white; width:50%; height:131px; float:left;}
.contboxA1box1_t a{color:white; display:block; font-size:18px; text-decoration:none; padding:20px;
	width:60%; word-break:keep-all;}
.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; width:100%; position:relative;}
.contboxA2 ul{overflow:hidden;}
.contboxA2 ul li{float:left; width:25%; height:131px;}
.contboxA2 ul li a{
	width:auto; color:#000; text-decoration:none; text-align:center; font-size:15px;
	display:block; padding-top:90px;
	}
.contboxA2_1 p{
	background:url('/images/main/main_quick1bg.png') no-repeat; background-position:center 30px;
	width:100%; height:130px; z-index:999;
	}
.contboxA2_2 p{
	background:url('/images/main/main_quick2bg.png') no-repeat; background-position:center 30px;
	width:100%; height:130px; z-index:999;
	}
.contboxA2_3 p{
	background:url('/images/main/main_quick3bg.png') no-repeat; background-position:center 30px;
	width:100%; height:130px; z-index:999;
	}
.contboxA2_4 p{
	background:url('/images/main/main_quick4bg.png') no-repeat; background-position:center 30px;
	width:100%; height:130px; z-index:999;
	}

.contboxA2 ol{overflow:hidden; text-align:center;}
.contboxA2 ol li{display:inline-block; width:144px; height:54px; box-sizing:border-box; background:#eee; margin:10px;}




.contboxB{width:100%; margin:0 auto 30px auto; overflow:hidden; padding:5px 0;
	border-bottom:1px dashed #ddd; border-top:1px dashed #ddd;}
.contboxB div{padding:1%; width:95%; position:relative; margin:10px auto; border-bottom:1px dashed #ddd;}
.contboxB div ul{margin-top:5px; overflow:hidden;}
.contboxB div li{margin:15px 0; font-size:14px; overflow:hidden;}
.contboxB div li a{
	display:block; white-space:nowrap; float:left; width:70%; overflow:hidden; text-overflow:ellipsis;
	color:#000; text-decoration:none; text-align:left;}

.contboxB h6{font-size:18px; font-weight:normal; text-align:center;}
.contboxB h6 span{color:#1653a4;}
.contboxB p a{display:none; position:absolute; top:10px; right:5px;}

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

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

.contboxC_video{width:95%; margin:0 auto; overflow:hidden;}
.contboxC_videobox{
	width:99%; height:265px; box-shadow:1px 1px 3px 1px #ddd; overflow:hidden;
	border:1px solid #ddd; margin-bottom:20px;
	}

.contboxC_videoboxA{width:auto; height:195px; background:#ddd; position:relative;}
.contboxC_videoboxA iframe{width:100%;}
.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:15px; margin:15px auto 5px auto;
	text-overflow:ellipsis; overflow:hidden; width:90%;
	text-align:center; white-space:nowrap;
	}

.contboxC_videoboxt1 a{color:#000; text-decoration:none;}
.contboxC_videoboxt2{font-size:14px;}

.contboxC_gallery{text-align:center; width:100%; margin:20px auto; text-align:center;}
.contboxC_galleryA{
	display:inline-block; width:95%; height:265px; box-shadow:1px 1px 3px 1px #ddd; overflow:hidden;
	border:1px solid #ddd; margin:5px 1px; 
	}
.contboxC_galleryboxApicture{width:100%; 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:320px; background:url('/images/com/foot_bg.gif') repeat-x; height:200px;
	color:white; font-family:NanumSquare; margin-top:30px; overflow:hidden;
	}
#footer{width:100%; margin:0 auto; position:relative;}
#footer h6{width:100px; display:block; margin:0 auto; padding-top:35px;}
#footer h6 img{width:100%;}
#footer address{
	display:block; overflow:hidden; margin:10px auto 0 auto; line-height:150%; font-size:13px;
	word-break:keep-all;
	width:90%; text-align:center;
	}
#footer address a{color:white; font-weight:bold; text-decoration:none;}
.footer_menu{
	position:absolute; top:0; font-size:13px; top:10px; width:100%; text-align:center;}
.footer_menu ul li{display:inline-block; margin:0 10px;}
.footer_menu ul li a{color:white; text-decoration:none;}




/* ¼­ºê css */
#subcontainer1{font-family:NanumSquare;}
.CntBasic{width:100%; margin:0 auto;}
.subtopmenuarea{width:100%; margin:0 auto;}
.subtopmenuarea h6{font-size:20px;}
.subtopmenuarea h6 a{
	width:100%;
	display:block; float:left; background:url('/images/sub/bottommenu_bg.png') repeat-x;
	color:white; text-decoration:none;
	font-weight:normal; text-align:center; height:40px; padding:16px 0 0 0;
	}
.subtopmenuarea ul{width:100%; float:left;}
.subtopmenuarea ul li{margin-right:10px;}
.subtopmenuarea ul li a{
	color:#000; text-decoration:none; font-size:15px; display:block;
	background-position:right 10px;
	background-size:10px;
	background:url('/images/sub/menu_arrow.png') no-repeat right 50%;
	padding:16px 5px 0 15px; height:40px;
	text-align:left; border-bottom:1px dashed #ddd;
	}

.subtopmenuarea ul li a:hover{
	color:#000; text-decoration:none; font-size:15px; display:block;
	background-position:right 10px;
	background-size:10px;
	background:url('/images/sub/menu_arrow.png') no-repeat right 50%;
	padding:16px 5px 0 15px; height:40px;
	text-align:left; border-bottom:1px dashed #ddd;
	}

.pcmenu{display:none;}
.tabmenu{display:block;}


#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:26px; color:#1653a4; font-weight:normal;}


.top_btn{position:fixed; width:45px; right:1%; bottom:5%; z-index:99;}
.top_btn img{width:100%; height:auto;}