@charset "utf-8";

@font-face{
font-family:'NanumGothic';
src:url('../font/NanumGothic.eot');
src:local(※),url('../font/NanumGothic.woff') format("woff");
}
@font-face{
font-family:'NanumBarunGothic';F#FFF
src: url('../font/NanumBarunGothic.eot')format('eot');
src:local(※),url('../font/NanumBarunGothic.woff') format('woff');
}
/*@font-face{
font-family: "NanumBarunGothicBold";
src: url('../fonts/NanumBarunGothicBold.eot')format('eot');
src: url('../fonts/NanumBarunGothicBold.woff') format('woff');
}*/

/* Reset CSS*/

@charset "utf-8";
*{-webkit-text-size-adjust:none;}
/* BIN Reset CSS*/
*{ margin:0; padding:0; border:0; vertical-align:top}
/*body,button,table{font-family:'나눔고딕', NanumGothic, '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:12px; color:#4a4a4a; font-weight:normal;line-height:24px;} 
textarea,input,select{font-family:'나눔고딕', NanumGothic, '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:13px; color:#4a4a4a; font-weight:normal;}*/
body,button,table{font-family:'맑은고딕', Malgun Gothic, '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:12px; color:#4a4a4a; font-weight:normal;line-height:24px; letter-spacing:-0.02em} 
textarea,input,select{font-family:'맑은고딕', Malgun Gothic, '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:13px; color:#4a4a4a; font-weight:normal;}
img,fieldset{border:0} 
img, video { max-width:100%}
i,em,address{font-style:normal; font-weight:normal} 
ul,ol,li{list-style:none;}
select,textarea {vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#4a4a4a;}
a:hover{color:#000 !important; }
label { cursor:pointer;}
.blind, legend, hr{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
caption { display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
input{height:24px; padding-left:3px; border:1px solid #CCC; vertical-align:middle; line-height:20px}
select{border:1px solid #CCC;vertical-align:middle;height:20px; line-height:16px}

.mgr18 { margin-right:18px} 
.stxt { font-size:11px; color:#FFFFFF}
.stxt2 { font-size:11px; color:#8b8b8b}
.color_ex {color:#969696; padding-left:5px; *vertical-align:middle; line-height:24px; font-size:11px}
.mb20 { margin-bottom:20px}
.mbf_25 { margin-bottom:35px; float:left; width:100%; padding-bottom:30px; border-bottom:solid 1px #e0e0e0}

#wrap {width:100%;height:100%; min-width:300px;}
#header {position:relative;z-index:9999}

/* Box : gnb */
#logo {float:left;margin:0;width:128px; height:35px;}
#logo a { display:block; width:128px; height:35px; background:url(../img/logo.png) no-repeat 0 0; margin-top:45px}
#gnb{position:relative;height:102px;z-index:999; background:url(../img/bg_menu.png) repeat-x}
#navi_wrap {z-index:999; position:relative; height:102px;} /* z-index:600; */
#navi_wrap .gnb { position:absolute; right:0; top:2px; width:165px;}
#navi_wrap .gnb li { float:right; margin:0 6px; line-height:18px}#navi_wrap .gnb li a { font-size:11px; color:#CCCCCC; letter-spacing:-0.04em; }
#navi {float:right;position:relative;width:500px;height:75px;z-index:9999; margin-top:24px} 


.nav_w {float:left;text-align:center;width:24.4%; height:75px; padding-top:29px;}
.nav_w:after {clear:both;display:block;content:""}
.nav_w span {float:left;width:100%}
.nav_w2 {float:left;text-align:center;width:16.5%; border-right:solid 1px #f6efdd;height:28px; padding-top:15px;}
.nav_w2:after {clear:both;display:block;content:""}
.nav_w2 span {float:left;width:100%}


.navi_fir {position:relative;}
.navi_fir a {display:block;padding-bottom:20px; }
.navi_fir a.2line {display:block;color:#000000;}
.navi_fir a:hover {color:#0257c0}
.navi_fir strong {font-size:100%;text-align:center}
.navi_sec {display:none;clear:left;position:absolute;top:75px;left:0;width:24.4%; padding-left:0.6%} 
.navi_sec ul {min-height:195px;border-right:1px solid #504f4f; padding-top:5px }
.navi_sec li {text-align:left;padding:3px 0 3px 27px;}
.navi_sec li a {color:#fff;font-size:13px; letter-spacing:-0.05em}
.navi_sec li a:hover {color:#875b15 !important; font-weight:bold}  
.navi_sec a.smenu{font-size:11px !important; color:#CCC;float:left; width:100%}
.ms {width:16.6%;}


#navi_bg {display:none;position:absolute;left:0px;top:99px;width:100%;height:200px; background:url(../img/nave_bg.png) repeat; border-bottom:solid 1px #ccc2a4;} 
*:first-child+html #navi_bg {} /* z-index:-1; */
.navi_bg_img {min-height:190px;padding-top:0px; }


/* visual */

.area_visual {overflow:hidden; position:relative; top:0; left:0; width:100%; height:587px; border-bottom:1px solid #c7cbd0; -webkit-box-shadow:0 -1px rgba(0,0,0,.2) inset; -moz-box-shadow:0 -1px rgba(0,0,0,.2) inset; -ms-box-shadow:0 -1px rgba(0,0,0,.2) inset; box-shadow:0 -1px rgba(0,0,0,.2) inset;}
.area_visual .ul_visual { width:100%}
.area_visual .ul_visual li { float:left; width:50%;height:587px;}
.area_visual .ul_visual li.mimg1 {background:url(../img/img_park_off.jpg) right top no-repeat;}
.area_visual .ul_visual li.mimg2 {background:url(../img/img_yodan_off.jpg) left top no-repeat;}
.area_visual .ul_visual li.mimg1 .box { position:absolute; right:50%; top:200px}
.area_visual .ul_visual li.mimg2 .box { position:absolute; left:50%; top:200px}


#container {overflow:hidden;*zoom:1; height:auto} 
#mproduct_area {float:left;width:100%;position:relative;border-bottom:solid 1px #e1dbca;}
#mproduct_area .mproduct{float:none;width:1000px; margin:0 auto;position:relative; height:262px }
#mproduct_area .mproduct li { display:inline;}

#mproduct_area .mproduct li dl{ float:left; width:250px; position:relative;}
#mproduct_area .mproduct li dl .layer_circle { position:absolute; left:0; top:24px; width:250px; height:166px;}
#mproduct_area .mproduct li dt { margin-top:24px; background-position:center; background-repeat:no-repeat}
#mproduct_area .mproduct li dt img {width:250px; height:166px;}
#mproduct_area .mproduct li dd { text-align:center; width:100%; margin-top:14px; float:left}
#mproduct_area .mproduct li dd a { line-height:14px}
#mproduct_area .mproduct li dd em { padding:0 5px}

.area_view{position:relative;width:1492px;margin:0 auto;}
.area_ct {position:relative;width:1000px;margin:0 auto; }
input[type="text"] {background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} 

/*.contents {position:relative; margin-top:554px}*/
#mobile_mcontents  {display:none}
#m_menu_wrap {display:none}

#mcontents_area{width:100%;}
#mcontents {width:1000px; margin:0 auto;position:relative; height:120px;}
#mcontents .notice { float:left; width:430px; height:123px;letter-spacing:-0.04em}
#mcontents .notice h2 { font-weight:bold; font-size:15px; color:#000000; width:85px; position:absolute; top:25px; left:15px;*top:26px; *padding-bottom:2px}
#mcontents .notice .not_list { float:left; width:75%; margin-top:26px; margin-left:95px}
#mcontents .notice .not_list li { line-height:22px; background:url(../img/bullet_not.png) no-repeat 0 8px; padding-left:10px; font-size:13px; position:relative; }
#mcontents .notice .not_list li span { font-size:12px; color:#808080; position:absolute; right:40px}
#mcontents .icon_box {display:block; float:right; margin-top:37px}
#mcontents .icon_box li { float:left; width:auto; margin:0 50px 0 12px}
#mcontents .icon_box li.end { margin:0 0 0 25px}


/* Box : Top Content */

.sub_view { float:left; width:100%;background:url(../img/sub_visual.png) no-repeat; background-position:top center;z-index:9}
.site_tit { float:left; background:url(../img/site_title.png); width:261px; height:127px}

.sub_view_area_01 { width:100%;background:url(../img/sub01.jpg) no-repeat; background-position:center}


#sub_container {width:1000px; margin:0 auto;position:relative;z-index:999 }
	#sub_container #sub_contents { float:left; width:100%;position:relative;padding-bottom:20px; background:url(../img/bg_pc_con.png) repeat-y; margin-top:88px }
	#sub_container #sub_contents #lnb-group { float:left; width:199px; height:100%;}
	#sub_container #sub_contents #lnb-group .banner { float:left;border-top:solid 1px #e5dbcd; margin-top:15px; width:260px}
	
	#sub_container #sub_contents .title_area { float:left; width:100%; height:85px;position:relative; background:url(../img/bg_subtit.png)}
	#sub_container #sub_contents .title_area .menu_tit { position:absolute;width:186px; height:85px; background-color:#032770; text-align:center;}
	#sub_container #sub_contents .title_area .menu_tit img { padding-top:30px}
	#sub_contents .title_area .con_tit { float:left;width:300px; margin-left:224px; line-height:85px; font-size:28px; color:#065c9c}
	#sub_contents .title_area .con_tit span{ font-size:15px; color:#7d7d7d;line-height:85px; padding-left:10px}
	#sub_contents .title_area .depth {	font-size:12px;	color:#848484;line-height:12px; position:absolute; right:10px; top:35px; width:310px; text-align:right}
	#sub_contents .title_area .depth a{ padding:0 8px; color:#848484 !important}
	#sub_contents .title_area .depth img { padding-right:3px; line-height:}
	

#lnb { float:left; width:186px; margin-top:12px}
#lnb li{ float:left; height:40px; width:150px; line-height:40px; border-bottom:solid 1px #d9e3e6}
#lnb li a{ color:#2e2e2e; font-size:15px; display:block;padding-left:25px;}
#lnb li a:hover { font-weight:600; color:#0066b3 !important; display:block;background:url(../img/lnb_over.png) no-repeat 170px 10px;}
#lnb li a.select { font-weight:600; color:#0066b3; display:block; background:url(../img/lnb_over.png) no-repeat 170px 10px;}
#lnb li.end{border-bottom:solid 1px #fff;}

#foot_area { width:100%; background-color:#d6d6d6; padding:28px 0;overflow:hidden;}
	.foot {width:1000px; margin:0 auto;position:relative;}
	.foot .logo_f {float:left; clear:both; margin-top:8px}
	.foot .add { float:left; font-size:12px ; color:#828282; line-height:18px; margin-left:30px; letter-spacing:-0.05em} 
	.foot .add a {color:#999 !important; }
	.foot .add em { color:#828282; padding:0 8px}
	.foot span { font-size:11px}

/* common css */
.sub_h3_title {font-weight:bold;font-size:250%}
.h3_ma {margin:40px 0 20px 0}
.input_text {height:19px;border:1px solid #cccccc} /* min-width:183px; */
.hidden {display:none}

.btn_area_c{ width:242px; font-size:14px; margin:0 auto}
.btn_area_c2{ width:120px; font-size:14px; margin:0 auto}
.btn_area { float:left;width:100%; text-align:right; margin-top:30px;border-top:solid 1px #d6d6d6; padding-top:20px; font-size:14px}
.tline_w {border-top:solid 1px #fff;}
.btn_area a:hover { color:#FF0 !important; background-color:#171717 !important}
.list_btn a {float:right; width:120px; height:27px; background-color:#3689c8; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:normal; } 
.regist_btn a {float:right; width:120px; height:27px; background-color:#e53b3b; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold; } 
.black_btn a {float:right; width:120px; height:27px; background-color:#000; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold; } 
.cancle_btn a {float:right; width:120px; height:27px; background-color:#666666; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold} 
.temp_btn a {float:right; width:120px; height:27px; background-color:#aac1cf; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold} 
.login_btn a {float:left; width:120px; height:27px; background-color:#73a70a; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:normal; margin-top:20px} 
.login_btn2 a {float:left; width:120px; height:27px; background-color:#73a70a; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:normal; margin-top:5px} 
.regist_btn2 a {float:left; width:120px; height:27px; background-color:#e53b3b; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:normal; margin-top:20px} 


/* Content */
#content-group { float:right; width:80%; padding-bottom:80px; font-size:13px; position:relative; margin-top:50px; background:url(../img/bg_con.png) 0 0 no-repeat}
#content-group .contxt { margin:30px 0 0 30px}
#content { float:right;width:770px;*margin-top:5px; letter-spacing:-0.02em;}
/*#content .stit {margin:20px 0 20px 0;font-size:16px;color:#7f5d0a;border-bottom:solid 1px #e4dcc6; padding-bottom:12px}*/
#content .stit { float:left; width:95%;margin:20px 0 20px 0;font-size:16px;color:#7f5d0a;padding-left:25px; background:url(../img/bg_title.png) no-repeat 0 4px; border-bottom:solid 1px #e4dcc6; padding-bottom:12px}
#content .stit2 { float:left; width:95%;margin:30px 0 10px 0;font-size:16px;color:#7f5d0a;padding-left:25px; background:url(../img/bg_title.png) no-repeat 0 4px; border-bottom:solid 1px #e4dcc6; padding-bottom:12px}
#content .stit span{ font-size:11px}
/*#content p { font-size:14px; font-weight:bold; line-height:32px}*/
.intxt {float:left; margin-top:20px; width:100%;}
.intxt .sect { float:left; margin-top:20px; width:100%; margin-bottom:20px}
.intxt .sect span {float:left;width:100%; margin-top:15px}
.intxt .sect .scolor { color:#846e3d}
.intxt p { font-size:20px;line-height:32px; text-decoration:underline; padding-bottom:10px; color:#000}
.intxt dl { float:left; width:100%; margin:10px 0}
.intxt dl dt { float:left; width:95px; font-weight:600}
.intxt dl dd { float:left; width:77%; border-left:solid 1px #EEEEEE; padding-left:10px}
dl.course { width:100%; float:left; margin-bottom:28px}
dl.course dt { float:left; width:220px;}
dl.course dd { float:left; width:68%; line-height:20px}
dl.course dd span { font-size:15px;text-decoration:underline; color:#000; padding-bottom:10px; float:left; width:100%}
.history_block dl { float:left; width:95%; border-bottom:solid 1px #e6e6e6; padding-bottom:20px; margin-bottom:15px;}
.history_block dt { float:left; width:20%; display:block; font-size:24px;  color:#1b538f; padding-top:2px}
.history_block dd { float:left; width:65%; display:block;}
h5 { font-size:12px; font-weight:bold; color:#5b5b5b;padding:17px 0}
ul.h5Text {
	margin-top: 0px;
	margin-left:7px;
	margin-bottom: 10px;
	padding: 10px;}
	
ul.h5Text li {	padding-left: 10px;	background: url(../img/bullet_1.png) no-repeat 0 7px; margin-bottom:8px}
ol.h5Text {margin-top:20px;margin-left: 22px;margin-bottom: 25px;color: #666;	}
.h5Text ol li {padding-left:10px;background:none; margin-bottom:3px}
.table_tit { font-size:13px; font-weight:bold; color:#619c40;line-height:18px}

.p_tab_area3 {float:left; width:100%;margin-top:15px;}
.p_tab_area3 li{ float:left; width:33.1%;height:50px; border-right:solid 1px #c3c3c2; border-bottom:solid 1px #e5e5e4; border-top:solid 1px #e5e5e4;text-align:center;background-color:#f8f8f8}
.p_tab_area3 li a{height:50px;display:block; line-height:50px;font-size:14px;  }
.p_tab_area3 li.end{ float:left; height:50px; border-right:0;}
.p_tab_area3 li.end a{height:50px;display:block;}
.p_tab_area3 li .select{height:50px;display:block;border-bottom:solid 1px #ffffff; background-color:#fff; color:#0095da; font-size:15px; font-weight:600}

table.style1 {margin-bottom:4px;width:100%; margin-top:4px }
table.style1 { float:left; width:100%}
table.style1 th { background:#e5f4f2; border-bottom:solid 1px #abb4cf;border-top:solid 1px #abb4cf; padding:10px; font-size:12px;line-height:16px}
table.style1 th.date {background:#f4f4f4;border-bottom:solid 1px #d6d0c0; border-top:0}
table.style1 td{ background:#fbf9f4; border-bottom:solid 1px #d6d0c0; padding:7px 0; font-size:12px; padding:10px; line-height:16px; text-align:center}
table.style1 td.s_tit {background:#e4ecfa !important;}
.tb_txt { font-size:12px; color:#999}
.lar { text-align:right}

.img_area { float:left; width:100%; height:auto; text-align:center; margin-top:17px; margin-bottom:20px}
.img_area_cate2 { float:left; width:100%; height:auto; margin-top:17px; margin-bottom:25px}
.img_area_cate2 .hlaf { float:left;width:auto; margin:0 0.2%;margin-bottom:15px}.img_area_cate2 .hlaf img{ width:auto; height:auto}
.pic_stxt {font-size:12px;line-height:16px ;padding-top:8px; color:#636363; letter-spacing:-0.05em}

.sub_go { width:94%; margin:40px 0 25px 0; border-bottom:solid 1px #e9d8ab;border-top:solid 1px #e9d8ab; padding:20px 0 20px 45px; background:url(../img/bgico_go.png) 0 13px no-repeat; font-size:12px; color:#8e846a;}
.sub_go a { display:block; width:94%; color:#8e846a !important;}

.list_1 ul { float:left; margin:10px 0 0 15px; width:100%}
.list_1 li { padding-left:10px;background: url(../img/bullet_1.png) no-repeat 0 7px;}
.list_1 li span { font-weight:bold; padding-right:8px}


/* Community */
#content-list { float:right; width:100%; height:auto; position:relative; }
#content-group .list_box { float:left;border-top:solid 2px #3689c8;margin-top:5px; width:100%; position:relative}

#content-group #top_area {position:relative; float:left; width:100%; margin-top:30px}
#content-group #top_area .top { position:absolute; right:0; background:url(../img/btn_top.png); width:52px; height:52px; display:block;}
#content-group #top_area .top a {width:52px; height:52px; display:block;}

.bbs_lst {float:left; width:100%; border-bottom:1px solid #efefef; padding:14px 0 14px 0; color:#656565; line-height:18px; }.bbs_lst img { vertical-align:middle}
	.bbs_lst .num{ float:left; width:7%;font-size:12px;text-align:center;}
	.bbs_lst .bbs_sub {float:left;width:66%; }
	.bbs_lst .bbs_sub a {float:left; padding-left:10px; color:#3e3e3e; font-size:13px;padding-bottom:2px}
	.bbs_lst .date {float:left;width:15%; text-align:center;font-size:11px !important}
	.bbs_lst .hit {float:left;width:12%; text-align:center;font-size:12px}

.srh_area {margin:0px 0 5px 0; width:100%; text-align:right; padding-left:0px}
	.srh_area a:hover { color:#FF0 !important; background-color:#333333 !important}
	.srh_area img{ vertical-align:middle; *margin-top:1px} 
.list_choice { z-index:999; width:100%; float:left; margin-top:6px; }
	.list_choice li{position:relative;float:right; width:auto;margin:0 2px 0 18px;color:#7c818f;font-size:11px;z-index:999}
	.list_choice .choice{width:auto;background:url(../img/ico_viewtype.png) no-repeat right 6px;padding:0 16px 5px 0;display:block}
	.list_choice .choice:hover div{display:block;}
	.list_choice .choice div{display:none;position:absolute;height:auto;border:solid 1px #e6e6e6;background:#FFFFFF;z-index:110; padding:3px; font-size:11px;color:#666;width:87px; top:25px;left:-7px;}
	.list_choice .choice div:hover{display:block}
	.list_choice .choice div li {float:left;width:83px;line-height:22px; margin:0; padding:0 2px}
	.list_choice .choice div li:hover {background-color:#efefef}
	.list_choice .choice div li .select{color:#e27b0d}
	.list_choice a{ color:#717583;}
	.list_choice a:hover{ color:#000; text-decoration:none}
	.list_choice .all { font-size:11px; width:180px; position:absolute; left:0}
	
.view_header{float:left;border-bottom:solid 1px #3689c8;width:100%; padding:18px 0 20px 0; position:relative; z-index:2}
	.view_header .subject { float:left; color:#1e1e1e; font-size:16px; line-height:22px;padding-left:10px;font-weight:normal }
	.view_header .pro_sub { float:left; color:#000; font-size:16px; line-height:22px;padding-left:10px;font-weight:600 }
.view_num {width:100%; float:left; margin-top:15px; font-size:11px;line-height:14px; margin-bottom:5px;border-bottom:solid 1px #b6c7d4; padding-bottom:5px}
	.view_num .date {float:right;  width:25%; text-align:right}
	.view_num em { color:#D4D4D4; padding:0 4px}
	.view_num .file {float:left; text-align:left; width:70%; margin-bottom:10px; padding-left:15px; line-height:16px}.view_num .file a { padding-bottom:4px}
.view_menu_area {float:left; position:relative;width:100%; height:40px;z-index:9999; margin-top:10px}
	.view_menu_area .loc_ico {top:0; right:92px}
.location2 { top:0; right:0}
.view_menu {position:absolute;}
	.view_menu li {float:left; width:auto}
	.view_menu li a{overflow:hidden;display:block;text-indent:-9999em;width:auto;height:24px;background:url(../img/ico_print.png) no-repeat left top;}
	.view_menu li.print a{width:24px;background-position:0 top;}
.font_set {position:absolute; right:0;width:83px;height:24px; float:left; z-index:9999}
	.font_set .style a{position:relative; float:left;text-indent:-9999em;width:43px;height:24px;background:url(../img/ico_fontstyle.png) no-repeat left top;}
	.font_set .big a{float:left;text-indent:-9999em;width:19px;height:24px;background:url(../img/ico_fontstyle.png) no-repeat -43px top;}
	.font_set .small a{float:left;text-indent:-9999em;width:21px;height:24px;background:url(../img/ico_fontstyle.png) no-repeat -62px top;}
	#style_layer{position:absolute;border:solid 1px #e6e6e6;top:20px;left:0;width:81px;background-color:#FFF; z-index:9999}
	#style_layer li {float:left;line-height:22px; width:80px; padding-left:3px; font-size:11px}
	#style_layer li:hover {background-color:#efefef}

.view_body{width:100%; text-align:center; margin-top:5px; float:left}
	.view_body .text{float:left; text-align:left; font-size:14px; padding:10px; font-weight:normal; }
	.view_body .text img { margin-bottom:15px}
	.view_body .text p {font-weight:normal !important;}
	.view_body .ex_img { width:655px; margin:0 auto; height:auto; border:solid 1px #f5f5f5; margin-bottom:2%}
	.view_body .pro_img { width:100%; height:auto; border:solid 1px #f5f5f5; margin-bottom:2%; background-position:center}
	.view_body .pro_img img{ width:100%;}
	.view_body .roll_btn { float:right; width:auto; margin-bottom:5px}
	.view_body .roll_btn li { float:left; padding:2px 5px}
	.view_body .view_menu_area {float:left; position:relative;width:100%;z-index:9999}

.pro_ex_area { float:left; width:100%;border-top:solid 1px #f2f2f2;}	
dl.pro_ex { float:left;width:100%; border-bottom:solid 1px #f2f2f2;text-align:left}
dl.pro_ex dt { float:left;font-weight:600; width:24%; padding:8px 0 8px 1%; font-size:13px}
dl.pro_ex dd {width:72.5%; float:left;border-left:solid 1px #f2f2f2;padding:8px 0 8px 1.5%; font-size:12px}

.thumb_area { float:left;font-size:12px; padding-top:20px; width:100%}
.thumb_area p { font-weight:bold; color:#333; margin:15px 0 20px 0; text-align:left}
.thumb_list { float:left;width:167px; height:auto;position:relative; margin:0 3.3% 3% 0}
.thumb_list.end {float:left;margin:0 0 3% 0}
.thumb_list dt {width:167px; height:103px; border:solid 1px #d3d3d3; margin-bottom:6px; background-position:center}.thumb_list dt a{width:167px; height:103px;display:block;}
.thumb_list dt img{wiidth:167px; height:103px;}
.thumb_list dd {}
.thumb_list dd a {font-weight:normal;}

.prothumb_area { float:left;font-size:12px; padding-top:10px; width:100%; border-top: solid 1px #d8d7cb}
.prothumb_area p { font-weight:bold; color:#333; margin:10px 0 20px 0; text-align:left}
.pro_info { text-align:left; margin-top:20px; float:left; color:#666;font-size:13px}
.pro_info p img{ width:100%;}
.pro_info p { font-weight:normal !important; font-size:13px !important; line-height:24px !important;}
	
.detial_info { float:left; width:100%; padding:10px 0; font-size:12px; border-bottom: solid 1px #e6dfcc}
.detial_info li { float:left;width:100%; }
.detial_info li span{ float:left; font-weight:bold; padding:0 12px; color:#605d56}

.service_more { float:left;margin-top:20px;width:100%; height:30px;font-size:11px;  border-bottom:solid 1px #b6c7d4;border-top:solid 1px #b6c7d4; position:relative; padding:5px 0}
	.service_more p { margin-left:15px}
	.service_more li {float:left; width:80px; padding:0 7px;line-height:24px;}.service_more li img {padding-right:3px; vertical-align:middle}
	.service_more li a{overflow:hidden;display:block;width:auto; color:#838383}
	.service_more .f_print { position:absolute; right:2px;width:24px;height:24px;background:url(../img/ico_print.png);top:8px;}
	.service_more .f_print a { display:block;width:24px;height:24px; }
.view_list{margin-top:20px;color:#000000;float:left; width:100%;}
	.view_list p{letter-spacing:-0.05em; font-weight:bold}
	.view_list ul {	margin-top:12px;color: #999900;}
	.view_list li a{line-height:22px; color:#2f3443;font-size:12px; }

.sitemap { width:100%; margin-top:10px}
.sitemap .stm { float:left; padding-left:3%; border-left:solid 1px #e9e9e9; width:40%; height:220px; margin-top:20px}
.sitemap .stmlft {float:left; padding-left:3%; border-left:solid 1px #fff; width:40%; height:220px; margin-top:20px }
.sitemap .stm p { font-weight:bold; font-size:16px; color:#065c9c}
.sitemap .stmlft p { font-weight:bold; font-size:16px; color:#065c9c}
.sitemap ul { margin:10px}
.sitemap li a{ font-size:13px; line-height:30px}

/*자유게시판*/
.free_lst {float:left; width:100%; border-bottom:1px solid #efefef; padding:14px 0 14px 0; color:#656565; line-height:16px; }
	.free_lst .num{ float:left; width:7%;font-size:12px;text-align:center; font-size:12px}
	.free_lst .bbs_sub {float:left;width:64%; }
	.free_lst .bbs_sub a {float:left; padding-left:10px; color:#3e3e3e; font-size:13px;padding-bottom:2px}
	.free_lst .writer {float:left;width:10%; text-align:center;font-size:11px !important}
	.free_lst .date {float:left;width:10%; text-align:center;font-size:11px !important}
	.free_lst .hit {float:left;width:9%; text-align:center;font-size:12px}

.list_body  { float:left; margin-top:20px; width:100%; font-size:13px;}
.list_body .thumb_img { float:left;width:214px; height:215px;margin-bottom:19px;position:relative; margin:0 2.55% 3% 1.3%}
.list_body .thumb_img dl { float:left}
.list_body .thumb_img dt {width:214px; height:133px; border:solid 1px #d3d3d3; margin-bottom:10px; background-position:center; background-repeat:no-repeat}.thumb_img dt a{width:214px; height:133px;display:block;}
.list_body .thumb_img dt img{wiidth:215px; height:133px;}
.list_body .thumb_img dd { line-height:18px; float:left} .list_body .thumb_img dd span { font-size:12px; float:left; padding-top:4px}
.list_body .thumb_img dd em { padding:0 4px; color:#999}
.list_body .thumb_img dd a {color:#000000;}

.link_sect {}
.link_sect dl { float:left; width:286px; margin:0 20px; height:270px}
.link_sect dt { width:286px; height:176px; border:solid 1px #dfd7c2; margin-bottom:8px}
.link_sect dd { font-size:14px; color:#7f5d0a; background:url(../img/circle_arrow.png) 0 6px no-repeat; padding-left:28px; line-height:20px; padding-top:7px}
.link_sect dd .url a{ font-size:11px; color:#7f5d0a; width:100%; line-height:18px}
	
/*페이징*/
.paginate_complex{padding:35px 0 10px;line-height:normal;text-align:center; width:100%; float:left;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:4px 8px;border-left:1px solid #e4e4e4;background-color:#fff; font-size:12px;color:#222222;text-decoration:none;vertical-align:top}
.paginate_complex a.first {border-left:solid 1px #FFFFFF}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ee4242}
.paginate_complex .direction{border:0; !important;z-index:1;padding:0 1px; width:28px; height:24px}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{padding:0}
.paginate_complex .next{padding:0}
.paginate_complex .strong_sel {border-left:solid 1px #FFFFFF}

.write_form {float:left;width:100%; margin-top:30px;border-top:solid 1px #3689c8;}
.write_form_bbs {float:left;width:100%; margin-top:60px;border-top:solid 2px #7f5d0a; }	
table.write { float:left;width:100%;border-spacing:0; padding:0; border-collapse:callapse; margin-bottom:10px; font-size:12px}
table.write th{width:12%;color:#000000;border-bottom:solid 1px #f2f2f2; line-height:38px; padding-top:2px}
table.write th em{ color:#FF6633; padding-right:3px}
table.write td{width:80%;padding:10px 6px 10px 18px; line-height:18px;color:#797979;border-bottom:solid 1px #f2f2f2}
table.write .end{border-bottom:solid 1px #fff}
table.write .smart { width:602px}
table.write input { height:24px; margin-bottom:2px}
table.write img { margin-top:1px}
table.write .end { border-bottom:0}
table.pw {width:100%;border-spacing:0; padding:0; border-collapse:callapse; margin-bottom:10px; font-size:12px}
table.pw th{color:#000000;border-bottom:solid 1px #f2f2f2; line-height:38px; padding-top:2px}
table.pw td{padding:10px 6px 10px 18px; line-height:18px;color:#797979;border-bottom:solid 1px #f2f2f2}

dl.historic { float:left; width:100%; margin-bottom:20px}
dl.historic dt { float:left; width:180px; margin-right:18px; margin-bottom:10px}
dl.historic dd { float:left; width:63%}
.add_txt { font-size:11px; color:#7aa524; line-height:16px; display:block; float:left; width:100%}

.mem_pic { float:left; width:auto; margin:0 25px 20px 0}
.alin_r { width:100%; float:left; text-align:right; margin:20px 0}

table.qna {float:left;border-top:solid 2px #bd9229; width:100%;margin-top:15px;}
table.qna th{border-bottom:solid 1px #e4e4e4; line-height:32px;text-align:center; width:100px}
table.qna td{border-bottom:solid 1px #e4e4e4; padding:5px 0; line-height:24px}
.ex_txt { font-size:11px; color:#009900;}
.step { float:left; width:100%; margin-bottom:35px}
.step .step_t { float:left;width:185px}
.step .step_info { float:left; font-size:12px; letter-spacing:-0.2px; width:70%; line-height:17px}
.step_arrow { float:left; width:100%; height:40px; background:url(../img/arrow_btm.png) no-repeat; background-position:center}

.qna_form { float:left;border-top:solid 2px #bd9229;margin-top:15px; width:100%}
.qna_form dl{ float:left; border-bottom:solid 1px #e4e4e4;  width:100%; padding:6px 0 }
.qna_form dt{ font-weight:bold; float:left; width:120px; text-align:center}
.qna_form dd { width:80%; padding-left:2%; display:block; float:left}

.log_form{ float:left;border-top:solid 2px #dddfd8;margin-top:15px; width:80%; margin:0 10%; background-color:#f7f7f7; padding:8px 0; margin-top:20px}
.log_form li { float:left; width:40%; padding-left:4%}

.regist_ok { width:80%; text-align:center; margin:0 auto; padding-top:30px}
.regist_ok .ok_grp { border-bottom:solid 2px #9cd97a;border-top:solid 2px #9cd97a; padding:20px 0; margin-top:30px}
.regist_ok .regist_info { text-align:left; font-size:11px; line-height:18px; padding:20px 0 40px 0}

.regist_confirm { border-bottom:solid 1px #e6d9ac;border-top:solid 1px #e6d9ac; padding:25px 0; float:left; width:100%; background-color:#faf8e0; text-align:center; margin-top:50px; color:#d9670b}

.com_grp { float:left; width:100%; margin-top:30px}
.com_grp dl {float:left; width:153px;margin:0 2% 3% 1.5%}
.com_grp dt { float:left; border:solid 1px #e6dfcc; width:153px; height:84px}
.com_grp dd a{ float:left; font-size:12px; text-align:center; width:100%}
.map_area { float:left; width:612px; height:462px; margin:20px 0 20px 0}
.map_tit { width:100%; padding:15px 0; float:left}
.map_add { width:100%; float:left; margin-top:20px}

/*popup*/
#pop_wrap {float:left; width:99%; height:auto;}
#pop_wrap h1 {width:90%; float:left; margin-bottom:8px}
#pop_wrap .info_con{float:left;width:100%; _width /**/:100%; margin:0 auto;padding-top:20px;}
#pop_wrap .info_con .txt {width:100%; text-align:center; margin-bottom:10px; line-height:18px}
#pop_wrap .info_con .txt_left {width:420px;margin-bottom:10px; line-height:18px; margin-left:50px}
#pop_wrap .info_con .txt_left textarea{ padding:5px}
#pop_wrap .info_con .txt_left dl { float:left; width:100%; margin-bottom:5px}
#pop_wrap .info_con .txt_left dt { float:left;width:120px; line-height:18px; letter-spacing:-1px}
#pop_wrap .info_con .txt_left dd { float:left;width:300px; line-height:18px}
#pop_wrap .info_con .txt2 {width:100%; text-align:center; margin-bottom:10px; line-height:14px}
#pop_wrap .info_con .txt3 { float:left;margin:5px 0; line-height:14px; margin-left:20px}
#pop_wrap .info_con .txt strong { color:#e47600}
#pop_wrap .info_con .btn_area {width:100%; text-align:center; margin:5px 0 20px 0}
#pop_wrap input{height:18px; padding-left:2px;line-height:18px;}
.post_srh {float:left;padding:10px 0; width:350px;text-align:center; border-left:solid 20px #ffffff; border-right:solid 20px #ffffff;border-bottom:solid 1px #f5dcdc;border-top:solid 1px #f5dcdc; margin-bottom:15px}
.addr_list{position:relative; width:330px;height:120px; padding:10px;border:1px solid #f5dcdc; overflow:auto;-webkit-overflow-scrolling:touch; margin:10px 20px 20px 20px}
.addr_list li { line-height:19px}

.mt50 { margin-top:50px; float:left}
.mt40 { margin-top:40px; float:left}
.mt20 { margin-top:20px; float:left}
.down_list { float:left; width:100%}
.down_list li { padding-left:2%; width:96%; border-bottom:solid 1px #F2F2F2; padding:7px 0; margin-left:2%}
.down_list li a { margin-left:15px}

dl.mem_grp { float:left; width:100%; border-bottom:solid 1px #F4F0E3; padding:10px 0}
dl.mem_grp dt { float:left;width:200px}
dl.mem_grp dd { float:left;width:65%}
dl.mem_grp dd .name { font-size:16px; color:#8D723F; padding-bottom:10px; float:left; width:100%}

.add_text { font-size:12px; color:#999999; line-height:18px; float:left; margin-top:25px; width:100%;}

.bus_area {float:left; width:100%; margin-top:40px}
.bus_area dl { float:left; width:330px; margin:30px 40px 10px 10px}
.bus_area dt { float:left; width:100%;}
.bus_area dt span { width:auto; padding:6px 10px 6px 10px; line-height:30px; background-color:#5991ce; font-size:17px; color:#FFF}
.bus_area dd {float:left; width:auto; border-bottom:solid 1px #5991ce; border-top:solid 3px #5991ce;}
.bus_area dd .spc_s { display:none}

.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.clear { clear:both}

/************************************************************************** MediaQuery **************************************************************************/

/* ALL - All Resolution Common Style */
@media screen and (min-width:1240px) {
	.area_view { width:100%; text-align:center}
}

@media screen and (max-width:1100px) {
	.main_view .position .btn_box .next {position:absolute;top:230px;right:370px;}
}

@media screen and (max-width:768px) {

/* Mobile Gnb */

/*#gnb {height:77px}*/
#navi_wrap {z-index:0; height:102px}

/*#navi_bg {height:400px}*/
.navi_sec ul {min-height:390px}
.area_view { width:100%; text-align:center}

/* Mobile Gnb */
#navi_wrap {width:96%; margin:0 auto;}
#navi_wrap .gnb { display:none}
#navi {display:none}

.foot {width:96%; margin:0 auto;position:relative;}
	
#mproduct_area { padding-bottom:15px}
#mcontents {width:98%; margin:0 auto;position:relative; margin-top:0; z-index:9;}
#mcontents .notice { float:left; width:100%; height:80px;}
/*#mcontents .notice h2 { font-weight:bold; font-size:15px; color:#000000; width:85px; position:absolute; top:25px; left:15px;*top:26px; *padding-bottom:2px}*/
#mcontents .notice .not_list { float:left; width:80%; margin-top:26px; margin-left:95px}
#mcontents .notice .not_list li { line-height:22px; background:url(../img/bullet_not.png) no-repeat 0 8px; padding-left:10px; font-size:13px; position:relative; }
#mcontents .notice .not_list li span { font-size:12px; color:#808080; position:absolute; right:10px}
#mcontents .icon_box {float:left; width:100%; margin-top:37px;border-top:solid 1px #E6E6E6; padding-top:20px; margin:30px 0 20px 0}
#mcontents .icon_box li { float:left; width:33.2%; margin:0; text-align:center;}
#mcontents .icon_box li img { height:45px}
#mcontents .icon_box li.end { margin:0}

#m_menu_wrap {display:block}
.m_depth01 {width:100%;background:#1d1e1d; border-bottom:solid 1px #3f3f3f}
.m_depth01 a {display:block;padding:6px 3.125%;font-size:14px;color:#fff}.m_depth01 a:hover {color:#FFFF00 !important}
.m_depth01 .m_depth02 {background:#363636;}
.m_depth01 .m_depth02 li {padding:2px 3.125%;border-bottom:1px solid #3f3f3f; line-height:11px !important;}
.m_depth01 .m_depth02 a {display:block;padding-left:15px;font-size:13px; color:#fff}
.m_depth01 .m_depth02 a:hover{color:#FFFF00 !important;}
.m_depth01 .m_depth02 .smenu02 {line-height:11px !important; padding:0 0 10px 15px}
#m_menu_close {position:absolute;top:36px;right:3.125%}
.m_menu_open {position:absolute;top:36px;right:3.125%}

.title_area .lbg { display:none}

.area_ct {width:100%}
.area_view {width:100%}
.mcon_wrap{width:100%}

#sub_container {width:100%;}
	#sub_container #sub_contents { float:left; width:100%;position:relative;padding-bottom:20px; background:url(../img/bg_pc_con.png) repeat-y }
	
#content-group { float:left; width:96%;padding:0 2% 80px 2%; font-size:13px; position:relative; margin-top:50px; background:none}
#content-group .contxt{ margin:30px 0 0 0}
#content { float:left;width:100%; letter-spacing:-0.02em;}	
#sub_container #sub_contents .title_area { margin-bottom:30px}	


.thumb_area { float:none;font-size:12px; width:380px; margin:0 auto} 
.thumb_area p { float:left; width:100%; margin-top:15px}
.prothumb_area { float:none;font-size:12px; width:380px; margin:0 auto; border-top:0} 
.prothumb_area p { float:left; width:100%; margin-top:15px}
.thumb_list { float:left;width:167px; height:auto;position:relative; margin:0 3% 3% 0}
.pic_area { width:96%; margin:0 auto}

.list_body .thumb_img {margin:0 1% 3% 1%}
.view_body .ex_img { width:95%; margin:0 auto; height:auto;}

#sub_contents .title_area .depth { display:none}

dl.course dd {width:62%; }
.name_gup2 li.name { width:28%; }
.name_gup2 li.spc { width:5%; }
.think_area dt { float:left; width:30%;}
.think_area dd { float:left; width:70%}

.sitemap .stm {width:25%; height:300px; margin-top:35px}

dl.historic dd { float:left; width:55%}
.sub_go { width:93%; margin:25px 0; padding:10px 0 15px 45px; background:url(../img/bgico_go.png) 0 13px no-repeat; font-size:12px; color:#8e846a; line-height:18px; min-height:30px}
.step .step_t { float:left;width:100%; text-align:center}
.step .step_info { width:100%; padding-top:10px}

.qna_form dt{ width:100%; text-align:left}
.qna_form dd { width:100%;}
.log_form{ float:left;border-top:solid 2px #dddfd8;margin-top:15px; width:80%; margin:0 10%; background-color:#f7f7f7; padding:8px 0; margin-top:20px}
.log_form li { float:left; width:96%; padding-left:4%; padding-bottom:4px}
dl.mem_grp dt { float:left;width:100%; text-align:center}
dl.mem_grp dd { float:left;width:100%}

#container {overflow:hidden;clear:left;*zoom:1;}
.mcon_wrap {width:313px;margin:0 auto; position:relative; z-index:99;}
.main_view { display:none}
.main_view_mob {margin-top:0;width:100%;z-index:1; background:#FFFFFF; display:block}
.main_view_mob li { display:block;height:180px; }
.mcon_spc { display:block; height:180px}
.mcon { position:relative;width:313px; float:left;z-index:99;height:1120px}

.contents {padding:0; position:relative; margin-top:0px}

#sub_container {width:100%;}
	#sub_container #sub_contents { background:none;}
	#sub_container #sub_contents #lnb-group {display:none}
	#sub_container #sub_contents #content-group { width:100%;margin:0 auto; padding-bottom:60px; float:none; position:relative}
	#content-group #top_area {float:none; width:52px; margin:0 auto}	
	#content-group #top_area {position:relative; float:left; width:100%; margin:25px 0}
	#content-group #top_area .top { position:relative; background:url(../img/btn_top.png); width:51px; margin:0 auto; height:52px; display:block;}
	#content-group #top_area .top a {width:52px; height:52px; display:block;}
	.bbs_lst .bbs_sub {float:left;width:61%; padding-right:5%}
	.bbs_lst .date { float:right}
	.bbs_lst .hit { display:none}
	
	/*자유게시판*/
	.free_lst .bbs_sub {float:left;width:69%; }
	.free_lst .writer {width:12%;}
	.free_lst .date { float:right;width:12%;}
	.free_lst .hit { display:none}

.bus_area {width:330px; margin:0 auto; float:none;}
.bus_area dl{ margin:10px 0 30px 0}

.list_body{width:460px; margin:0 auto; float:none;}
	.list_body .thumb_img {margin:10px 8px}
.pic_area { width:98%; margin:0 auto }

.p_tab_area2 {float:left; width:100%;margin-top:0px;} 
#content-list { margin-top:0}
.write_form {margin-top:25px}

.sitemap { float:left; margin-top:70px}

}

@media screen and (max-width:640px) {

#sub_container #sub_contents .title_area { float:left; width:100%; height:170px;position:relative; border-bottom:solid 1px #becfe4; background-color:#e2eaf9}
#sub_container #sub_contents .title_area .menu_tit { position:absolute;width:100%; height:85px; background-color:#032770; text-align:center;}
#sub_container #sub_contents .title_area .menu_tit img { padding-top:30px}
#sub_contents .title_area .con_tit { float:left;width:97%; margin-left:3%; line-height:250px; font-size:24px; color:#065c9c}
#sub_contents .title_area .con_tit span{ font-size:13px; color:#7d7d7d;line-height:254px; padding-left:10px}

/* Common */
.img_area_cate2 .hlaf { float:left;width:100%;margin-bottom:15px}.img_area_cate2 .hlaf img{ width:auto; height:auto}
.area_view {width:100%}

.bbs_lst .bbs_sub {float:left;width:75%; padding-right:0}

/*자유게시판*/
.free_lst .bbs_sub {float:left;width:65%; }
.free_lst .writer {width:14%;}
.free_lst .date { float:right;width:14%;}
.free_lst .hit { display:none}

.history_block dt { float:left; width:30%; display:block; font-size:24px; color:#1b538f; padding-top:2px}
.history_block dd { float:left; width:70%; display:block}

.pic_area { width:100%; margin:0 auto }
.pic_area dl {width:49%;margin:0 0.5% 30px 0.5%}

	.view_num .date {float:right;  width:100%; text-align:right}
	.view_num .file {width:100%; margin-bottom:10px; padding-left:15px; line-height:16px}

.foot .add {margin-left:0; width:100%; margin-top:15px} 


#mcontents {width:98%; margin:0 auto;position:relative; margin-top:0; z-index:9;}


#sub_container #sub_contents #content-group { width:94%;margin:0 auto;padding-bottom:40px;}
#content-group {font-size:15px; letter-spacing:0; color:#2f2f2f}

#content p { font-size:16px;}



/*.sub_view_area .title_area .title { margin:35px 0 0 83px; width:300px;}
.sub_view_area .title_area .title img{ height:20px; width:auto;}
*/
#content-group .con_title img{height:20px; width:auto}
#content-group .con_title {padding:24px 0 21px 0}
.thumb_area { float:none;font-size:12px; width:200px; margin:0 auto} 
.prothumb_area { float:none;font-size:12px; width:200px; margin:0 auto}

.bbs_lst .bbs_sub a {font-size:15px;}
.bbs_lst .bbs_sub {float:left;width:61%; padding-right:5%;}
.free_lst .bbs_sub {float:left;width:54%; }
.free_lst .writer {width:19%;}
.free_lst .date { float:right;width:18%;}
.list_body  {width:214px; margin:0 auto; float:none}
	.list_body .thumb_img {margin:10px 0}

.history_block dt {  font-size:18px; color:#1b538f; padding-top:2px}


.mem_pic_r { float:right; width:150px; margin:0 0 20px 25p}
.p_tab_area2 li{ float:left; width:49%;}

dl.historic dd { float:left; width:45%}
.regist_ok { width:100%;}

.p_tab_area3 {float:left; width:100%;margin:15px 0 15px 0;}
.p_tab_area3 li{ float:left; width:99.6%;border-left:solid 1px #c3c3c2;}
.p_tab_area3 li.end{ border-right:solid 1px #c3c3c2;border-left:solid 1px #c3c3c2;}
dl.course dd {width:50%; }
.com_grp{width:330px; margin:0 auto; float:none;}
	.com_grp dl {margin:10px 4px 10px 4px}
	
.sitemap { width:100%; margin-top:10px}
.sitemap .stm { float:left; padding-left:3%; border-left:solid 1px #e9e9e9; width:45%; height:220px; margin-top:10px}
.sitemap .stmlft {float:left; padding-left:3%; border-left:solid 1px #fff; width:45%; height:220px; margin-top:10px }
	
}

@media screen and (max-width:480px) {


.business dd .spc { display:none}
.business dd .spc_s { display:block}

.area_visual {width:100%; height:400px;}
.area_visual .ul_visual { width:100%}
.area_visual .ul_visual li { float:left; width:100%;height:200px;}
.area_visual .ul_visual li.mimg1 {background:url(../img/img_park_off.jpg) right top no-repeat; background-size:auto 375px}
.area_visual .ul_visual li.mimg2 {background:url(../img/img_yodan_off.jpg) left top no-repeat; background-size:auto 375px; background-position:0 bottom}
.area_visual .ul_visual li.mimg1 .box { position:absolute; right:20px; top:50px}
.area_visual .ul_visual li.mimg1 .box img { width:140px;}
.area_visual .ul_visual li.mimg2 .box img { width:140px;}
.area_visual .ul_visual li.mimg2 .box { position:absolute; left:20px; top:250px}

#mcontents .notice .not_list li span { display:none}
#mcontents .icon_box {float:left; width:100%; border-top:solid 1px #E6E6E6;margin:30px 0 0 0;padding-top:0; }
#mcontents .icon_box li { float:left; width:100%; margin:0; border-bottom: solid 1px #E1E1E1; padding:10px 0 15px 0}
#mcontents .icon_box li.end { margin:0}
dl.course dt { width:100%; float:left; text-align:center}
dl.course dd {width:100%; padding-top:10px}

}

@media screen and (max-width:320px) {

#lnb {height:43px}
#mcontents h2 {font-size:16px;}


.title_area .title img{ height:18px; width:auto;}
.title_area .link{ width:68px;height:52px;border-left:solid 1px #e2ecf8; border-right:0; background:url(../img/btn_link.png) -5px -3px;background-repeat:no-repeat;right:1px; top:13px  }
.title_area .link a { display:block;width:68px;height:52px; }

.bbs_lst .num{ float:left; width:9%;font-size:12px;text-align:center; font-size:12px}
.bbs_lst .bbs_sub {float:left;width:91%; padding-right:0}
.bbs_lst .date { display:none}


.free_lst .bbs_sub {float:left;width:56%; }
.free_lst .writer {width:17%;}
.free_lst .date { float:right;width:18%;}

.view_num .date {float:left; line-height:12px; width:100%; text-align:left; padding-bottom:10px;padding-left:8px}
.view_num .file {float:left; text-align:left; width:100%;padding-left:8px}

.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:4px 6px;border-left:1px solid #e4e4e4;background-color:#fff; font-size:11px;color:#222222;text-decoration:none;vertical-align:top}

.view_menu_area { display:none}
.f_print{ display:none}



.mem_pic_r { float:right; width:120px; margin:0 0 20px 25px}



dl.historic dd { float:left; width:100%}
}