/**2017.07.10JM**/
@import url(./jm_webfont.css);


/*all*/
body {margin:0; padding:0; font-size:14px; color:#444; font-family:'맑은 고딕', 'Malgun Gothic', 'NotoSansKR', 'AppleSDGothicNeo-Regular', 'AppleSDGothicNeo-Medium', '굴림', gulrim, '돋움', dotum; line-height:200%; background:#f2f2f2;}
ul, li {list-style:none; margin:0; padding:0;}
a {color:#444;}
label {cursor:pointer;}
.jm_clear {clear:both;}
.jm_float {float:left;}
.jm_center {text-align:center;}
.jm_pd5 {clear:both; height:5px;}
.jm_pd10 {clear:both; height:10px;}
.jm_pd15 {clear:both; height:15px;}
.jm_pd20 {clear:both; height:20px;}
.jm_pd30 {clear:both; height:30px;}
.jm_pd40 {clear:both; height:40px;}
.jm_pd50 {clear:both; height:50px;}
.jm_pd60 {clear:both; height:60px;}
.jm_pd70 {clear:both; height:70px;}
.jm_pd100 {clear:both; height:100px;}
.jm_strong {font-weight:bold;}
.jm_font {font-family: 'Hakgyoansim Allimjang'; letter-spacing:1px;}
.jm_font0 {font-family: 'ONE-Mobile-Title'; letter-spacing:1px;}
.jm_font_red {color:red;}
.jm_font1 {font-size:1.9em; font-family: 'Hakgyoansim Allimjang'; letter-spacing:1px;}
	.jm_font1 span{color:#188000;}
.jm_font2 {font-size:3em; letter-spacing:-2px; padding-bottom:15px; font-family: 'Hakgyoansim Allimjang'; letter-spacing:1px;}
	.jm_font2 span{color:#f58508;}
.jm_font3 {margin-top:40px; font-size:5em; height:70px; padding-top:40px;  text-align:center; font-weight:bold; letter-spacing:-2px; color:#fff; background:#ff9e32;}
.jm_font4 {margin-top:40px; color:#ff9e32; font-size:5em; font-weight:bold; letter-spacing:-2px; text-align:center;}
.jm_font5 {color:#188000; font-size:3.5em; padding-bottom:30px; font-weight:bold; letter-spacing:-2px; text-align:center;}
.jm_font6 {color:#ff6100;}
.jm_font7 {color:#f00; font-size:1.3em; font-weight:bold;}
.jm_font8 {font-size:4em;}

.listtype li{list-style-type:disc; margin-left:30px;}
.jm_underline {text-decoration:underline; color:#00f;}

.jm_bg {background:#eee; padding:7px 10px 7px 10px;}
.jm_bg1 {background:#f00; color:#fff; font-weight:bold;}
.jm_spacing {letter-spacing:-0.5px;}
.jm_icon {height:30px; padding-left:30px; background:url(../../../../img/sub1/icon.png) no-repeat; font-size:1.7em; letter-spacing:-1px; font-weight:bold; margin-bottom:5px;}
.jm_banban {width:50%; float:left;}


/*all*/
#jm_all {width:100%; min-width:1200px; margin:0 auto;}
.jm_all_in {width:1200px; margin:0 auto; text-align:left;}


/*top*/
#jm_top_logo {width:100%; min-width:1200px; height:110px; text-align:center; background:#ffe20a;}
#jm_top_menu {width:100%; min-width:1200px; height:54px; background:#ff9e32; font-family: 'Hakgyoansim Allimjang'; letter-spacing:1px;}
	#jm_top_menu #menu{width:950px; height:54px; margin:0 auto;}
	#jm_top_menu #menu li{width:190px; height:54px; text-align:center; float:left;}
	#jm_top_menu #menu a{color:#fff; display:block; text-decoration:none; font-size:1.4em; height:40px; padding-top:14px; text-align:center;}
	#jm_top_menu #menu a:hover{color:#fff; background:#d0a107;}
.top_select a{color:#fff; background:#d0a107;}



/*main*/
#jm_main {width:100%; min-width:1200px; height:933px; text-align:center; background:url(../../../../img/main/main.jpg) no-repeat top center; background-size:cover;}


/*copy*/
#jm_copy {clear:both; width:100%; min-width:1200px; height:280px; background:#ffe20a; color:#000; text-align:center;}
	#jm_copy .copy_txt1{padding:80px 0 10px 0; text-align:center; font-size:22px;}
	#jm_copy .copy_txt2{width:500px; margin:0 auto; background:#f58508; padding:5px 0 7px 0; text-align:center; font-size:22px; color:#fff;}




/*body*/
#jm_sub_main{clear:both; width:100%; min-width:1200px; height:240px; text-align:center; background:#f58508 url(../../../../img/sub/sub_main.jpg)  no-repeat top center; background-size:cover;}
#jm_body {width:1200px; margin:0 auto;}
.jm_jijeom li{width:300px; height:250px; text-align:center; float:left; font-size:1.5em; font-weight:bold;}
	.jm_jijeom p{font-size:0.6em; font-weight:normal; width:90%; margin:0 auto;}
.jm_navi1 {margin-top:45px; color:#0da4db; font-size:4.5em; font-weight:bold; letter-spacing:-2px; text-align:center;}
.jm_navi2 {margin-top:45px; font-size:2.5em; font-weight:bold; letter-spacing:-2px; text-align:center;}
	.jm_navi2 span{color:#0da4db;}
.jm_navi3 {background:#000; color:#ff0; font-size:2.1em; font-weight:bold; text-align:center; padding:5px 0 10px 0;}



/*table*/
.jm_table table{background:#ddd; margin:0 auto; clear:both; border:0px;}
	.jm_table th{height:35px; font-size:1.2em; background:#f1f1f1; border-top:3px solid #738cb5; text-align:center;}
	.jm_table td{background:#fff; height:30px; text-align:center; text-align:center;}
	.jm_table .td1{background:#e8f0f9}
	.jm_table .td2{background:#ffe5e5}
	.jm_table .td3{text-align:left; padding:5px;}
caption {overflow:hidden; top:0; left:0; width:0px; height:0px; font-size:0; color:#fff; line-height:0;}


.jm_table_m table{background:#ddd; margin:0 auto; clear:both; border:0px;}
	.jm_table_m th{height:35px; font-size:1.2em; background:#f1f1f1; border-top:3px solid #738cb5;}
	.jm_table_m td{background:#fff;}
	.jm_table_m .td1{padding:10px;}
	.jm_table_m .td2{text-align:center;}




/* rolling*/
.clsBannerScreen {overflow:hidden; position:relative; width:100%; height:600px; margin:0 auto;}
.clsBannerButton {cursor:pointer;}
	.clsBannerButton li{width:60px; height:33px; float:left; text-align:center;}
	.clsBannerButton li.labelOverClass{width:60px; height:33px;}
.jm_thumb_sub {width:700px; height:33px; position:relative; top:-60px; left:30px;}
	.jm_thumb_sub img{width:50px; height:33px; border:1px solid #fff;}
	.jm_thumb_sub img:hover{width:50px; height:33px; border:1px solid #ff8100;}




/*button*/
.jm_button {
	text-decoration:none !important;
	color:#ff6100;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	padding:5px 13px 5px 13px;
	position:relative;
	display:inline-block;
	text-shadow:0 1px 0 #fff;
	-webkit-transition:border-color .218s;
	-moz-transition:border .218s;
	-o-transition:border-color .218s;
	transition:border-color .218s;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eff1f2));
	background:-moz-linear-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eff1f2));
	background:#f8f8f8 0 50% repeat-x;
	border:solid 1px #c0c4cf;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	margin:0;
	white-space:nowrap; 
	vertical-align:top;
	cursor:pointer;
}
.jm_button:hover {color:#333; border-color:#777; -moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);    box-shadow 0 1px 2px rgba(0, 0, 0, 0.15);}
.jm_button:active {color:#444; border-color:#333;}


.jm_button2 {
	text-decoration:none !important;
	color:#000;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	padding:7px 25px 13px 25px;
	position:relative;
	display:inline-block;
	text-shadow:0 1px 0 #fff;
	-webkit-transition:border-color .218s;
	-moz-transition:border .218s;
	-o-transition:border-color .218s;
	transition:border-color .218s;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eff1f2));
	background:-moz-linear-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eff1f2));
	background:#f8f8f8 0 50% repeat-x;
	border:solid 2px #888;
	border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;
	margin:0;
	white-space:nowrap; 
	vertical-align:top;
	cursor:pointer;
}
.jm_button2:hover {color:#196dc7; border-color:#196dc7; -moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);    box-shadow 0 1px 2px rgba(0, 0, 0, 0.15);}
.jm_button2:active {color:#444; border-color:#196dc7;}









/*mobile*/
#tm_all {max-width:640px; min-width:320px; margin:0 auto; font-size:15px; line-height:180%;}
#tm_top_logo {width:100%; padding:10px 0 10px 0; text-align:center; background:#ffe20a;}
#tm_top_menu {max-width:640px; min-width:320px; height:30px; margin:0 auto; text-align:center; background:#ff9e32;}
	#tm_top_menu li{float:left; width:25%; text-align:center;}
	#tm_top_menu a{display:block; height:30px; text-decoration:none; color:#fff;}
	#tm_top_menu a:hover{color:#fff; background:#d0a107;}


/*
@media screen and (max-width:320px) {
	#tm_top_menu li a{width:100%; height:32px; text-decoration:none; font-size:0.9em; padding-top:8px; font-weight:bold; color:#fff; display:block;}
	#tm_top_menu li a:hover{height:32px; text-decoration:none; font-size:0.9em; font-weight:bold; color:#fff; background:#6fb1f3; display:block;}
}

@media screen and (min-width:321px) {
	#tm_top_menu li a{width:100%; height:32px; text-decoration:none; font-size:1em; padding-top:8px; font-weight:bold; color:#fff; display:block;}
	#tm_top_menu li a:hover{height:32px; text-decoration:none; font-size:1em; font-weight:bold; color:#fff; background:#6fb1f3; display:block;}
}
*/


.tm_body {width:97%; min-width:320px; margin:0 auto;}
.tm_banban {width:50%; float:left; text-align:center;}
#tm_map {width:300px; margin:0 auto; padding-top:10px;}
.tm_font1 {font-size:1.2em; letter-spacing:-2px; padding-top:10px; font-family: 'Hakgyoansim Allimjang'; letter-spacing:1px;}
	.tm_font1 span{color:#188000;}
.tm_font2 {font-size:1.4em; letter-spacing:-2px; padding-bottom:5px; font-family: 'Hakgyoansim Allimjang'; letter-spacing:1px;}
	.tm_font2 span{color:#f58508;}
.tm_font3 {font-size:1.4em; font-weight:bold; text-align:center; margin-top:10px; padding-bottom:3px; color:#fff; background:#ff9e32;}
	.tm_font3 a{color:#fff;}
.tm_font4 {margin-top:10px; color:#ff9e32; font-size:2em; font-weight:bold; letter-spacing:-2px; text-align:center;}
.tm_font5 {margin-top:10px; color:#188000; font-size:1.5em; font-weight:bold; letter-spacing:-2px; text-align:center;}

.tm_font6 {font-size:1.2em; font-weight:bold; letter-spacing:-2px; padding-bottom:5px;}
	.tm_font6 span{color:#00aeec;}
.tm_font7 {background:#000; color:#ff0; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:center; padding:2px;}
.tm_font8 {margin-top:10px; font-size:2em; font-weight:bold; letter-spacing:-2px; text-align:center;}


.tm_jijeom li{width:33.2%; height:140px; text-align:center; padding-bottom:30px; float:left; font-weight:bold;}
	.tm_jijeom p{font-size:0.7em; font-weight:normal; width:90%; margin:0 auto; line-height:130%;}

.copy_font1{color:#ff0; padding-bottom:5px;}
.copy_font2{background:#f58508; text-align:center; color:#fff;}
	.copy_font2 a{color:#fff;}

.jm_tab_menu li{float:left; margin:0 2px 15px 0; text-align:center; min-width:32%; background:#888;}
	.jm_tab_menu a{display:block; padding:3px; font-size:1em; font-weight:bold; color:#fff;}
	.jm_tab_menu a:hover{background:#196dc7; text-decoration:none;}
	.jm_tab_menu .tab_select a{background:#196dc7;}


#tm_copy {clear:both; width:100%; max-width:640px; min-width:320px; margin:0 auto; text-align:center; background:#ffe20a; padding:15px 0 10px 0; font-size:0.9em;}