/**2018.07.18JM**/
@charset "utf-8";
@import url(./jm_webfont.css);


/*all*/
body {margin:0; padding:0; font-size:14px; color:#444; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', 'Nanum Gothic', 'NotoSansKR', 'AppleSDGothicNeo-Regular', 'AppleSDGothicNeo-Medium', '굴림', gulrim, '돋움', dotum; line-height:200%; background:#fff;}
a, a:hover {color:#444;}
ul, li {list-style:none; margin:0; padding:0;}
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_pd90 {clear:both; height:90px;}
.jm_strong {font-weight:bold;}
.jm_font_family {font-family:'NotoSansKR';}
.jm_font1 {color:#532bcc; font-weight:bold; font-size:4em; text-align:center; padding:40px 0 25px 0; letter-spacing:-2px;}
.jm_font2 {font-size:0.9em; text-align:center;}



/*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_line {width:100%; min-width:1200px; height:118px; border-top:3px solid #532bcc;}
	#jm_top_line #jm_top_logo{width:250px; height:118px; float:left;}
	#jm_top_line #jm_top_menu{width:950px; height:118px; float:left}
	#jm_top_line #jm_top_menu li{width:158px; height:330px; text-align:center; float:left;}
	#jm_top_line #jm_top_menu a{color:#333333; font-size:1.2em; display:block; width:158px; height:118px; padding-top:55px; font-weight:bold;}
	#jm_top_line #jm_top_menu a:hover{color:#532bcc; text-decoration:underline;}

.top_select {color:#532bcc; text-decoration:underline;}



.jm_sub_menu {width:100%; min-width:1200px; position:absolute; top:121px; display:none; z-index:1000000; overflow:hidden; background:#fff; border-bottom:1px solid #cacaca;}
	.jm_sub_menu a{font-size:1em; display:block; text-decoration:none; padding:5px;}
	.jm_sub_menu a:hover {color:#fff; background:#dcd0ff;}
	.jm_sub_menu #menu1{width:130px; margin-left:220px; text-align:center;}
	.jm_sub_menu #menu2{width:140px; margin-left:30px; text-align:center; *position:relative; *top:-19px;}
	.jm_sub_menu #menu3{width:130px; margin-left:35px; text-align:center; *position:relative; *top:-38px;}
	.jm_sub_menu #menu4{width:130px; margin-left:35px; text-align:center; *position:relative; *top:-58px;}
	.jm_sub_menu #menu5{width:130px; margin-left:40px; text-align:center; *position:relative; *top:-77px;}
	.jm_sub_menu #menu6{width:130px; margin-left:35px; text-align:center; *position:relative; *top:-97px;}
	.jm_sub_menu .jm_top_sub_menu {width:1200px; margin:0 auto; clear:both; margin:0 auto; text-align:left; padding-top:20px;}
	.jm_sub_menu .jm_top_sub_menu ul{float:left; height:300px;}



/*main*/
#jm_main {clear:both; width:100%; min-width:1200px; height:750px; margin:0 auto; background:url(../../../../img/main/main_a.jpg) top center no-repeat;}
.jm_bn5 li{width:240px; height:240px; text-align:center; float:left;}



/*copy*/
#jm_copy {clear:both; width:100%; min-width:1200px; height:145px; background:#181818;}
	#jm_copy #copy_txt{color:#ddd; width:1200px; margin:0 auto; text-align:left; padding-top:35px;}
	#jm_copy #copy_txt span{color:#ff8300;}



/*body*/
#jm_sub_main{clear:both; width:100%; min-width:1200px; height:280px; background:url(../../../../img/sub/sub_main_a.jpg) top center no-repeat;}

#jm_left {width:210px; float:left;}
	#jm_left li{width:210px; height:42px;}
	#jm_left li a{text-decoration:none; display:block; width:210px; height:42px; padding:3px 0 0 55px; background:url(../../../../img/sub/b_bg.gif) no-repeat;}
	#jm_left li a:hover{text-decoration:none; display:block; width:210px; height:42px; font-weight:bold; color:#fff; background:url(../../../../img/sub/b_bg2.gif) no-repeat;}
	#jm_left .left_select a{width:210px; height:42px; color:#fff; font-weight:bold; background:url(../../../../img/sub/b_bg2.gif) no-repeat;}


#jm_body {width:970px; padding-left:20px; margin:0 auto; text-align:left; float:left;}
.jm_navi1{width:100%; padding:50px 0 65px 0; font-size:2em; letter-spacing:-2px; font-weight:bold;}
.jm_navi2{width:100%; padding:0 0 10px 0; font-size:1.7em; letter-spacing:-2px; color:#23589a;}


.jm_icon {clear:both; font-size:1.5em; font-weight:bold; padding:1px 0 0 15px; margin:10px 0 10px 0; letter-spacing:-1px; background:url(../../../../img/sub/icon.gif) no-repeat;}


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

.jm_table1 table{background:#ddd; text-align:center; margin:0 auto; clear:both; border:0px;}
.jm_table1 th{height:35px; font-size:13px; background:#f1f1f1; border-top:3px solid #738cb5;}
.jm_table1 td{background:#fff; height:30px; text-align:center; font-size:0.85em;}



/*rolling*/
.clsBannerScreen {overflow:hidden; position:relative; width:100%; height:745px; margin:0 auto;}
.clsBannerButton {cursor:pointer;}
	.clsBannerButton li{width:65px; height:36px; float:left; text-align:center;}
	.clsBannerButton li.labelOverClass{width:65px; height:39px; border-bottom:2px solid #ff8100;}
.jm_thumb_sub {width:1000px; height:36px; position:relative; top:-50px; left:30px;}
.jm_thumb_sub img{border:1px solid #000;}
.jm_thumb_sub2 {width:1000px; height:36px; position:relative; top:-110px; left:30px;}
.jm_thumb_sub2 img{border:1px solid #000;}


/*button*/
.jm_button {
	text-decoration:none !important;
	font-size:1.1em;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	padding:10px 20px 10px 20px;
	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;}















/*mobile*/
#tm_all {max-width:640px; min-width:320px; margin:0 auto; font-size:15px; line-height:180%;}
#tm_top_line {width:100%; height:30px; background:#292b37;}
	#tm_top_line li{width:100px; height:30px; border-left:1px solid #999; text-align:center; float:right;}
	#tm_top_line a{color:#fff; font-size:0.9em; display:block; width:100px; height:30px;}
	#tm_top_line a:hover{text-decoration:underline;}
#tm_top_logo {text-align:center;}
.tm_all_in {max-width:640px; min-width:320px; margin:0 auto; text-align:left;}

#tm_top_menu {max-width:640px; min-width:320px; height:40px; margin:0 auto; border-top:1px solid #ddd;}
	#tm_top_menu li{float:left; width:25%; height:40px; text-align:center; border-bottom:1px solid #ddd; text-align:center;}
	#tm_top_menu a{display:block; height:33px; padding-top:7px; text-decoration:none;}
.top_selectm a{color:#fd6a00; font-weight:bold;}
.top_selectm a{color:#fd6a00; font-weight:bold;}
.tm_font1 {padding:10px 0 5px 0; font-size:1.3em; font-weight:bold; color:red; text-align:center;}
	.tm_font1 span{color:#fd6a00;}
.tm_font2 {font-size:1.1em; font-weight:bold;}
#tm_main {max-width:640px; min-width:320px; margin:0 auto;}
#tm_main_bottom {width:100%;}
	#tm_main_bottom li{background:#ed6c07; width:25%; text-align:center; float:left; padding:10px 0 5px 0;}
	#tm_main_bottom a{display:block; width:100%; text-decoration:none; color:#fff;}


/*
@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_ban3 li{width:33.3%; float:left;}
.tm_ban {float:left; width:50%; text-align:center; padding:10px 0 10px 0;}
.tm_line {clear:both; width:100%; border-top:1px solid #959595;}

.tm_body {width:97%; min-width:320px; text-align:left; margin:0 auto;}
.tm_navi1{width:100%; padding:15px 0 5px 0; font-weight:bold; font-size:1.7em; letter-spacing:-1px;}
.tm_navi2{width:100%; padding-top:5px; font-size:1.1em; letter-spacing:-1px; font-weight:bold;}
	.tm_navi2 span{color:#fd6a00} 
.tm_navi3 {font-size:1.1em; text-align:center; padding-bottom:20px;}
.tm_navi4 {font-size:1.2em; text-align:center; font-weight:bold; color:#fd6a00; letter-spacing:-1px;}

.tm_sub_b ul{width:100%; margin:0 auto;}
.tm_sub_b li{width:32.5%; height:30px; background:#444; text-align:center; float:left; margin:2px 0 0 0; border-right:2px solid #fff;}
.tm_sub_b a{color:#fff; font-size:0.9em; display:block; text-decoration:none; width:100%; height:30px;}
.tm_sub_b a:hover{background:#fd6a00; color:#fff; display:block; text-decoration:none;}

.tm_sub_b2 ul{width:70%; margin:0 auto;}
.tm_sub_b2 li{width:48.5%; height:30px; background:#444; text-align:center; float:left; margin:2px 0 0 0; border-right:2px solid #fff;}
.tm_sub_b2 a{color:#fff; font-size:0.9em; display:block; text-decoration:none; width:100%; height:30px;}
.tm_sub_b2 a:hover{background:#fd6a00; color:#fff; display:block; text-decoration:none;}

.tm_sub_b3 ul{width:100%; margin:0 auto;}
.tm_sub_b3 li{width:32.5%; height:30px; background:#444; text-align:center; float:left; margin:10px 0 0 0; border-right:2px solid #fff;}
.tm_sub_b3 a{color:#fff; font-size:0.9em; display:block; text-decoration:none; width:100%; height:30px;}
.tm_sub_b3 a:hover{background:#fd6a00; color:#fff; display:block; text-decoration:none;}


.sub_bselect a{background:#fd6a00; color:#fff;}





.tm_bg1 {padding:10px; background:#404548; color:#fff;}
	.tm_bg1 p{font-size:1.2em; letter-spacing:-1px; font-weight:bold;}
	.tm_bg1 span{color:#ff6100;}
.tm_map {width:300px; margin:0 auto;}
.tm_icon {clear:both; font-size:1.2em; font-weight:bold; padding-left:15px; margin-bottom:10px; letter-spacing:-1px; background:url(../../../../img/sub1/icon.gif) no-repeat;}



/*copy*/
#tm_copy {clear:both; width:100%; background:#eee;}
	#tm_copy #tm_copy_txt{margin:0 auto; text-align:center; padding:15px 5px 15px 5px;}
	#tm_copy #tm_copy_txt span{color:#fd6a00;}
#tm_copy_logo2 {text-align:center; width:100%; margin-bottom:20px;}





/* tm icon*/
#tm_tel_icon {height:70px; width:70px; font-size:12px; bottom:20px; right:10px; position:fixed; z-index:9999;}