@charset "euc-kr";
/*±âº» ÆùÆ® ³ª´®°íµñ*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,p,div,td{font-family: 'Nanum Gothic', serif;letter-spacing:-0.1em}

img{line-height:auto; vertical-align:top;}
div, ul, li{ list-style:none}


#header {
text-align:center;
line-height: 65px;
height: 65px;
padding-top:5px;
margin-bottom:0px;
}
#header a.mmenu:before,
.header a.mmenu:before {
    content: '\f0c9';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #7eb5a9;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 10px;
}
#header a.friends:before,
.header a.friends:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #7eb5a9;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
	right:10px;
    left: auto;
}

.mlogo {}
.mlogo img {height:60px}


#top_menu{ width:100%; margin:0}
#top_menu li{ float:left; width:25%}
#top_menu li img{ width:100%}

#top_menu table{ padding:0; margin:0; width:100%}
#top_menu table td{ width:25%}
#top_menu table td img{ width:100%}

/*
.main_visual{ width:100%; margin:0; padding:0; position:relative; z-index:1}
	.main_visual img{ width:100%;}

.main_menu{ position:absolute; z-index:2; top:58%; width:100%; margin-bottom:0}

	.menu_1 { width:100%; margin:auto; padding:0 14% 0 }
	.menu_1 li{ float:left; width:33%;}
	.menu_1 li img{ width:100%}
	.menu_2 { width:100%; clear: both; margin:auto; padding:0 2% 0}
	.menu_2 li{ float:left; width:25%;}
	.menu_2 li img{ width:100%}
	*/
	
.bottom_wrap{width:100%; position:relative; padding:0; margin:0 auto}
.bottom{ width:100%; position:relative; padding:0; margin:0 auto}
.bottom_banner{ width:100%;}
.bottom_banner li{ float:left; width:33.3%}
.bottom_banner li img{ width:100%; border:0}

.bottom_call{ width:100%;}
.bottom_call img{ width:100%}
.bottom_copy{ background:#343434;}
.bottom_copy p{ color:#898989;text-align:center;font-size:11px; line-height:18px; letter-spacing:0}

.space {color: #343434;}

/*  mian container  */
.bold{ font-weight:bold}
.cr_text_yellow{ color:#7eb5a9}

.sub_title { position:relative}
.sub_title img { width:100%;}

.sub_body{ width:100%; margin:0 auto 0; padding-top:10px; position:relative; clear:both}
.sub_con{ margin:15px; font-size:13px;}

.tt_tile {font-size:22px;color:#333;font-weight:bold; padding:0 0 10px 0; text-align:center}
.tt_box{ background:url(/m2/img/tt_box_bg.jpg) left top repeat-x; background-size : cover; color:#FFF; font-size:13px; padding:10px; line-height:17px}
	.tt_box span{ float:left;}
	.tt_box span img{ width:30px}
	.tt_box p{ display:block; padding-left:35px}
	.tt_box ul{ display:block; padding-left:35px}
.top_text {margin-bottom:30px;line-height:20px; text-align:justify}
.tt_point {padding:10px;font-size:16px;color:#fff;line-height:20px; background-color:#738caa}
.ct_box_blue{ border:1px solid #ebebeb; display:block; padding:10px; background-color:#CCC}

.img_type{ width:100%;margin:0 auto 10px; text-align:center}
.img_type img{ width:130px;}

.sub_imgdl {text-align:center;}
.sub_imgdl img {width:100%;}
h2{padding:6px 0 8px 35px;font-size:14px; color:#fff; font-weight: normal; margin:1px 0 0px 0; background:url(/m2/img/h2.jpg) left center repeat-x;}
.tt_text {margin-bottom:30px;line-height:20px; border:1px solid #ebebeb; padding:10px;}

.arrow1{ width:100%; margin:0 auto 20px;text-align:center}
.arrow1 img{ width:20px;}
.list_1st{margin:0 0 0px 0px;padding:0;}
.list_1st li{padding-left:17px;background:url(/m2/img/list_1st.jpg) no-repeat 2px 4px;line-height:20px;}
.list_2st{margin:0 0 0px 0px;padding:0;}
.list_2st li{padding-left:10px;background:url(/m2/img/list_2st.jpg) no-repeat 0px 8px;line-height:20px;}
.list_3st{margin:0 0 0px 0px;padding:0;}
.list_3st li{padding-left:15px;background:url(/m2/img/list_3st.png) no-repeat 0px 6px;line-height:20px;}
.line{ text-decoration:underline}
.back_bl{ background-color:#3b938b; color:#FFF}


.sub_tab1{ width:100%;}
.sub_tab1 ul{}
.sub_tab1 ul li{ float:left; background-color:#d3d3d3; width:33.3333333333%; text-align:center; border-bottom:1px solid #fff;border-left:1px solid #fff}
.sub_tab1 ul li a{ color:#fff; font-size:14px;display:block; line-height:30px}
.sub_tab1 .sub_tab_on{ background-color:#FFF;}
.sub_tab1 .sub_tab_on a{ color:#333; font-size:14px;display:block; line-height:30px }
.sub_tab1 .sub_tab_on a img{ margin-top:10px; margin-left:7px; width:11px}

.sub_tab2{ width:100%;}
.sub_tab2 ul{}
.sub_tab2 ul li{ float:left; background-color:#d3d3d3; width:25%; text-align:center; border-bottom:1px solid #fff;border-left:1px solid #fff}
.sub_tab2 ul li a{ color:#fff; font-size:13px;display:block; line-height:30px}
.sub_tab2 .sub_tab_on{ background-color:#FFF;}
.sub_tab2 .sub_tab_on a{ color:#333; font-size:13px;display:block; line-height:30px }
.sub_tab2 .sub_tab_on a img{ margin-top:9px; margin-left:7px; width:11px}

.sub_tab3{ width:100%;}
.sub_tab3 ul{}
.sub_tab3 ul li{ float:left; background-color:#d3d3d3; width:50%; text-align:center; }
.sub_tab3 ul li a{ color:#fff; font-size:16px;display:block; line-height:40px}
.sub_tab3 .sub_tab_on{ background-color:#FFF;}
.sub_tab3 .sub_tab_on a{ color:#333; font-size:16px;display:block; line-height:40px }
.sub_tab3 .sub_tab_on a img{ margin-top:14px; margin-left:7px; width:11px}




.sub_map img {width:100%;}


.style01 {width:100%;}
.style01 ul {border-top:1px solid #ECECEC;}
.style01 ul li {clear:both;}
.style01 ul li span.title {color:#000;border-bottom:1px solid #fff; width:20%; text-align:center; padding:10px 0 10px 0px; background-color:#ECECEC;}
.style01 ul li span.text {border-bottom:1px solid #ECECEC; width:80% ;text-align:left; padding:10px 0 10px 10px}
.style01 ul li span.text2 {border-bottom:1px solid #ECECEC; width:80% ;text-align:left; padding:5px 0 5px 10px}
.style01 ul li span.text2 input{ border: 1px solid #d9d9d9; height:25px}
.style01 ul li span.text2 textarea{ border: 1px solid #d9d9d9;}
.style01 ul li span.con {line-height:24px; display:block; margin-top:10px; padding-top:10px}
.bt{ font-size:12px}
.title { text-align:center; margin:auto; display:block}
.hx{ padding-top:30px}

.left_btn_news ul {margin-left:-40px;}
.left_btn_news ul li {float:left;padding-right:5px}

.page_list {}
.page_list ul { float:left; }
.page_list ul li { float:left; padding-right:5px;  }
.page_list p { float:left;  font-size:15px; padding:0; margin:5px 0} 
.page_list p span {  padding:5px 10px 5px 10px; border:0px solid #ECECEC;} 
.page_list p  a { color:#333; font-weight:bold; }




.mb_icon {width:100%;margin:0 auto;}
.mb_icon ul {margin-left:-40px;}
.mb_icon ul li {float:left;width:33.333%;text-align:center;border:1px solid #ddd;padding:20px;}