@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,input,textarea{margin:0;padding:0;border:0;outline:0;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
body, body *, html{margin: 0px; padding: 0px;font-family: 'Nanum Gothic', serif; color: #474747;}
body table{width: 100%;  max-width:100%;}
html{width:100%; min-height: 100%;}
ul, ol{list-style: none;}
.w_default{
	min-width: 1000px;
	width: 1000px;
	margin: 0 auto;
	position: relative; 
}
.curp{cursor: pointer;}
body{background-color: #fafafa;}
#top{
	min-width: 1000px; background-color: #fff;
	position: relative; z-index: 99;
	height: 150px;
}
#slid_top{
	background-color: #3376c7;
	position: relative;
	color: #fff;
}
#slid_top .right_box{
	position: relative; z-index: 1;
	float: right;
}
#slid_top span.menu_row{
	display: inline-block; line-height: 40px;
}
#slid_top span.menu_row > span{
	padding: 0 10px;
	display: inline-block; line-height: 40px;
}
#slid_top .right_box span.menu_row > span{
	padding: 0 25px 0 0; margin-right: 10px;
	background: no-repeat 95% 50% url('../../layouts/default/image/top_icon_01.png');
}
#slid_top span.menu_row > span a{
	color: #fff;
}
#slid_top span.menu_row > span a:hover{
	color: #fdfdaa;
}
#slid_top .right_back{
	position: absolute; display: block;;
	right: 0px; top: 0px;  height: 100%;
	background-color: #474747;
	/* Firefox */
	width: -moz-calc(50% - 220px);
	/* WebKit */
	width: -webkit-calc(50% - 220px);
	/* Opera */
	width: -o-calc(50% - 220px);
	/* Standard */
	width : calc(50% - 220px);
}


#memu_group h1.logo{
	position: absolute; left: 0px; top: -6px;
	display: inline-block; width: 217px; height: 74px;
	background: no-repeat  url('../../layouts/default/image/logo.jpg');
}
#memu_group h1.logo a{display: block;; width: 100%; height: 100%;}
#memu_group ul{
	margin-left: 30%; width: 67%; margin-top: 30px; margin-bottom: 30px; height: 50px;
}
#memu_group ul li{
	float: left; position: relative;
	width: 20%;
}
#memu_group ul li > a{
	display: block; width: 100%; line-height: 60px; text-align: center; font-size: 16px; font-weight: 600;
}
#memu_group ul li > a:hover span,#memu_group ul li > a.on span{
	color:#3376c7;
}
#memu_group ul li > div{
	position: absolute;
	display: none;
	z-index: 1;
	min-width: 180px;
	top:58px;
}
#memu_group ul li > div span.icon{
	display: block; width: 100%;position: relative;z-index: 2; height: 11px;
	background: no-repeat 34% 0  url('../../layouts/default/image/sub_menu_back.png');
}
#memu_group ul li > div dl{
	margin: -1px 0 0 1px;
	padding: 15px;
	background: #ffffff;
	border: #bcbcbc solid 1px;
}
#memu_group ul li > div dl dt{
	background: no-repeat 4% 49%  url('../../layouts/default/image/list_01.jpg');
}
#memu_group ul li > div dl dt a{
	display: block; padding-left: 20px; line-height: 24px; font-size: 13px; font-weight: 600;
}
#memu_group ul li > div dl dt a:hover,#memu_group ul li > div dl dt.on1 a{
	color:#5795df;
}
#memu_group ul li > div dl dd{
	min-width: 220px;
	background: no-repeat 8% 49%  url('../../layouts/default/image/list_02.jpg');
}
#memu_group ul li > div dl dd a{
	display: block; padding-left: 30px; line-height: 24px; font-size: 13px; font-weight: 600;
}
#memu_group ul li > div dl dd a:hover{
	color:#5959ff;
}
#memu_group .open_menu_btn{
	display: block; width: 38px; height: 37px;
	background: no-repeat  url('../../layouts/default/image/open_menu_btn.jpg');
	cursor: pointer; position: absolute; right: 0px; top: 11px;
}

#total_menu{
	width: 100%; border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5; position: absolute; z-index: 8; background-color: #fff;
	display: none;
}
#total_menu ul{width: 100%; display: block; min-height: 370px; overflow: hidden;}
#total_menu ul li{float: left; width: 20%; display: block; height: 370px;}
#total_menu ul li.bg2{background-color: #fbfafa;}
#total_menu ul li h2{margin-top: 20px;}
#total_menu ul li h2 a{
	display: block;
	font-size: 16px; font-weight: 600px; padding-left: 20px; line-height: 45px;
}
#total_menu ul li > div dl dt{
	margin-left: 20px;
	background: no-repeat 0% 49%  url('../../layouts/default/image/iist_03.jpg');
}
#total_menu ul li > div dl dt a{
	display: block; padding-left: 10px; line-height: 24px; font-size: 13px; font-weight: 600;
}
#total_menu ul li > div dl dt a:hover,#total_menu ul li > div dl dt.on1 a{
	color:#5795df;
}
 #total_menu> div dl dd{
	margin-left: 15px;
}
 #total_menu> div dl dd a{
	display: block; padding-left: 10px; line-height: 24px; font-size: 13px; font-weight: 600;
}
#total_menu> div dl dd a:hover{
	color:#5959ff;
}

#footer{
	height: 96px; background-color: #fafafa; overflow: hidden;;
}

#footer h1.footer_logo{
	width: 188px; height: 96px; float: left;
	background: no-repeat  url('../../layouts/default/image/footer_logo.png');
}
#footer h1.footer_logo a{
	display: block; width: 100%; height: 100%;
}
#footer  p{
	margin: 13px 0;
	float: left; line-height: 16px;
}
#footer  p b{
	font-size: 13px; line-height: 20px;
}
#content{
	padding: 0px;
	background-color: #fff;
	overflow: hidden;
}

#main_visual{
	height: 405px;
	background: repeat-x  left top url('../../layouts/default/image/mv_patten.jpg');
}
#main_visual > div{
	display: block; height: 100%;
	background: no-repeat  right top url('../../layouts/default/image/main_vback.png');
}
#main_visual > div div.v_text{
	position: absolute; left: 10px; top: 75px;
}
#main_visual > div div.v_text span.tr{display: block; opacity: 0;}
#main_visual > div div.v_text span.tr.text1,#main_visual > div div.v_text span.tr.text2{margin-top: 15px;}

#main_visual > div div.v_img{
	position: absolute;width: 100%; display: block; height: 100%;
	bottom: 0px; right: -120px;
}
#main_visual > div div.v_img >div{
	position: relative; width: 100%;display: block; height: 100%;
}
#main_visual > div div.v_img >div img{position: absolute;bottom: 0px;}
#main_visual > div div.v_img >div img.img02{left: 277px; display: none; width: 137px;}
#main_visual > div div.v_img >div img.img03{left: 419px; display: none; width: 162px;}
#main_visual > div div.v_img >div img.img04{left: 516px; display: none; width: 126px;}
#main_visual > div div.v_img >div img.img05{right: 201px; display: none; width:224px;}
#main_visual > div div.v_img >div img.img06{right: 59px; display: none; width: 164px;}
#main_visual > div div.v_img >div img.img07{right: 10px; display: none; width: 302px;}
#main_visual > div div.v_img >div img.img08{left: 328px; display: none; width: 166px;}
#main_visual > div div.v_img >div img.img09{left: 120px; display: none; width: 192px;}
#main_visual > div div.v_img >div img.img10{left: 185px; display: none; width: 190px;}
#main_visual > div div.v_img >div img.img11{right: 84px; display: none; width: 336px;}
#main_visual > div div.v_img >div img.img12{left: 21px; display: none; width: 278px }
#main_visual > div div.v_img >div img.left_back{left: 0px;}
#main_visual > div div.v_img >div img.right_back{right: 0px;}

#s_cont{padding: 25px 0;background-color: #fff;}
#s_cont > div{overflow: hidden;}
#s_cont > div > div{float: left; border: 1px solid #efefef; margin-left: 1%; height: 135px;}
#s_cont > div > div dl dt{margin: 20px 15px 0 15px; font-size: 16px; font-weight: 600;}
#s_cont > div > div.board_news{
	background-color: #f9f9f9;
	/* Firefox */
	width: -moz-calc(33% - 2px);
	/* WebKit */
	width: -webkit-calc(33% - 2px);
	/* Opera */
	width: -o-calc(33% - 2px);
	/* Standard */
	width : calc(33% - 2px);
	min-width: 32.5%;
}
#s_cont > div > div.guide{
	background: no-repeat  right bottom url('../../layouts/default/image/main_cont_img_02.png');
	/* Firefox */
	width: -moz-calc(23% - 2px);
	/* WebKit */
	width: -webkit-calc(23% - 2px);
	/* Opera */
	width: -o-calc(23% - 2px);
	/* Standard */
	width : calc(23% - 2px);
	min-width: 22.5%;
}
#s_cont > div > div.guide a{position: absolute; display: block; left: 0px; width: 100%; height: 100%;}
#s_cont > div > div.guide dl{width: 60%; border}
#s_cont > div > div.guide dl dd{font-size: 11px; color: #5f5f5f; font-weight: 600; line-height: 17px; margin: 5px 15px;}
#s_cont > div > div.guest dl dd{font-size: 11px; color: #5f5f5f; font-weight: 600; line-height: 17px; margin: 5px 15px; text-align: center;}
#s_cont > div > div.introduc{
	background: no-repeat  right bottom url('../../layouts/default/image/main_cont_img_01.png');
}
#s_cont > div > div.introduc,#s_cont > div > div.guest{
	/* Firefox */
	width: -moz-calc(20% - 2px);
	/* WebKit */
	width: -webkit-calc(20% - 2px);
	/* Opera */
	width: -o-calc(20% - 2px);
	/* Standard */
	width : calc(20% - 2px);
	min-width: 19.5%;
}


.sub_line{
	background-color: #fbfbfb;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.sub_line div > span{
	line-height: 35px;
}
.sub_line div > span a.home{
	display: block; width: 30px; float: left; height: 35px;
	background: no-repeat  center 50% url('../../layouts/default/image/home.png');
}

#content > div.w_default{
	margin-top: 40px;
}
.left_menu{
	position: absolute;
	left: 0px; top: 0px;
	width: 200px;
}
.left_menu > h3{
	background-color: #3376c7; width: 100%;
}
.left_menu > h3 span a{
	display: inline-block;
	padding-left: 17px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.left_menu > ul{
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.left_menu > ul > li{
	background-color: #f4f5f5;
	border-bottom: 1px solid #e6e6e6;
}
.left_menu > ul > li > a{
	display: block;
	padding-left: 17px;
	line-height: 45px; color: #474747;
	font-size: 14px; font-weight: 600;
}
.left_menu > ul > li:hover{
	background-color: #fff;
}
.left_menu > ul > li:hover > a{
	color: #1959a6;
}
.left_menu > ul > li.on{
	background-color: #fff;
}
.left_menu > ul > li.on > a{
	color: #1959a6;
}
.left_menu > ul > li > ul{
	margin: 5px 0 10px;
}
.left_menu > ul > li > ul > li > a{
	display: block; padding-left: 20px;
	line-height: 26px;
	font-weight: 600;
}
.left_menu > ul > li > ul > li > a:hover{
	color: #1959a6;
}
.left_menu > ul > li > ul > li > a.on{
	color: #1959a6;
}

#r_content.right_c{
	margin-left: 245px;
}
#r_content  h3.s_title{
	border-bottom: 2px solid #3376c7;
	line-height: 58px;
	font-size: 18px;
	margin-bottom: 20px;
}