/**2017.12.04JM**/
@charset "utf-8";


/*all*/
@font-face {
	font-family: 'ONE-Mobile-Title';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {margin:0; padding:0; font-size:15px; color:#222; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', 'Nanum Gothic', 'NotoSansKR', 'AppleSDGothicNeo-Regular', 'AppleSDGothicNeo-Medium', '굴림', gulrim, '돋움', dotum; line-height:200%; background:#fff;}
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_left {text-align:left;}
.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_pd110 {clear:both; height:110px;}
.jm_strong {font-weight:bold;}
.jm_small {font-size:0.8em; color:#999;}
.jm_small2 {font-size:0.7em;}
.jm_font {font-family: 'ONE-Mobile-Title'; letter-spacing:1px;}
.jm_font0 {font-family: 'yg-jalnan';}
.jm_font1 {font-size:1.4em; padding-bottom:30px;}
	.jm_font1 span{color:#ff6100}
.jm_font2 {font-size:1.5em; padding-bottom:20px; font-weight:bold;}
	.jm_font2_1{font-size:1.5em; font-weight:bold;}
	.jm_font2_2{font-size:1.3em; font-weight:bold;}
.jm_font3 {font-size:1.2em; padding-bottom:30px;}
.jm_font4 {color:#fff; background:#056784; padding:3px 10px 7px 10px;}
.jm_font5 {color:#ff0; font-weight:bold; font-size:1.7em; background:#000; padding:3px 5px 8px 5px;}
.jm_font6 {color:#f00; font-weight:bold; font-size:1.5em;}
.jm_font7 {color:#f00; font-weight:bold;}
.jm_font8 {color:#056784; font-weight:bold; font-size:3em;}
.jm_font8_1 {color:#056784; font-weight:bold; font-size:2em;}
.jm_font8_2 {font-weight:bold; font-size:1.5em; padding-bottom:10px; text-align:center}
	.jm_font8_2 span{color:#056784;}
.jm_font8_3 {font-weight:bold; font-size:4em; text-align:center; padding-bottom:30px;}
	.jm_font8_3 span{color:#056784;}
.jm_border img{border:1px solid #ddd;}



/*all*/
#jm_all {width:1400px; margin:0 auto;}
.jm_all_in {width:1400px; margin:0 auto; text-align:left;}
.jm_all_in2 {width:1400px; margin:0 auto; text-align:left;}


/*top*/
.jm_top_logo {padding:10px 0 10px 0; text-align:center;}
	.jm_top_logo .li1{width:860px; text-align:right; float:left;}
	.jm_top_logo .li2{width:540px; text-align:right; float:left; padding-top:10px;}
	.jm_top_logo .li2 a{font-size:1.8em; text-decoration:none; letter-spacing:2px;}
.jm_nav {width:100%; background:#fff; margin:0 auto; border-top:1px solid #ddd;}
	.jm_nav .jm_home{float:left; width:60px;}
	.jm_nav .jm_home a{color:#ec652d;}
	.jm_nav li{float:left; width:223px; height:39px; text-align:center; border-bottom:1px solid #ddd; text-align:center;}
	.jm_nav a{display:block; height:33px; padding-top:7px; text-decoration:none; cursor: pointer;}
	.jm_nav a:hover{height:33px; background:#ec652d; color:#fff; padding-top:7px; text-decoration:none;}
.jm_navfixed {width:100%; max-width:1400px; min-width:320px; position:fixed; top:-1px;}
.top_select a{height:33px; background:#ec652d; color:#fff; text-decoration:none;}






/*main*/
#jm_main {clear:both; width:100%; max-width:1400px; height:970px; margin:0 auto; background:url(../../../../img/main/main.jpg) top center no-repeat;}
.premium {width:100%; height:945px; background:url(../../../../img/main/premium_bg.gif) top center repeat-x; text-align:center;}

.mov_left {width:50%; float:left; height:500px; background:url(../../../../img/main/mov_left.jpg) bottom center; background-size: cover;}
.mov_right {width:50%; float:left; height:500px;  background:#7fafbd;}
.mov_in {width:550px; height:500px; background:#fff;}
	.mov_in .txt{width:420px; margin:0 auto;}
	.mov_in p{padding-top:40px;  text-align:left;}
	.mov_in iframe{padding-left:30px;}
.jm_ban33 li{float:left; text-align:center; width:33.3%; height:570px;}
	.jm_ban33 a img {transition: transform 0.2s ease;}/*이미지 마우스오버시 부드러운 효과*/
	.jm_ban33 a:hover img {transform: translateY(-5px);}



/*copy*/
#jm_copy {clear:both; width:100%; max-width:1400px; height:300px; color:#fff; border-top:3px solid #02567b; background:#404548;}
	#jm_copy #copy_txt{padding:10px 0 0 2%; float:left;}
	#jm_copy #copy_txt .copy_font1{font-size:1.1em; color:#ff9601;}
	#jm_copy #copy_txt .copy_font2{font-size:2.5em; color:#ff9601; padding:7px 0 20px 0;}
	#jm_copy a{color:#404548; text-decoration:none;}

.jm_fixed {height:30px; position:fixed; z-index:999; bottom:130px; right:5px;}
.jm_fixed1 {height:30px; position:fixed; z-index:999; bottom:60px; right:5px;}
.jm_fixed2 {height:30px; position:fixed; z-index:9999; bottom:60px; left:5px;}
.jm_hide_menu{width:80%; max-width:1400px; display:none; background:#fff; border:1px solid #eee; z-index:9999; position:fixed; bottom:20px; right:10px;}
.jm_sms_title {width:100%; height:35px; background:#777; color:#fff; padding-top:2px;}
	.jm_sms_title .txt{width:40%; float:left; padding-left:10px;}
	.jm_sms_title .jm_close {width:50%; float:left; text-align:right; font-weight:bold; font-size:1.2em; padding-right:10px;}
	.jm_sms_title .jm_close a{color:#fff;}




/*body*/
#jm_sub_main{clear:both; width:100%; max-width:1400px; height:440px; background:url(../../../../img/sub/sub_main.jpg) top center no-repeat;}
.jm_navi1 {font-size:3em; text-align:center; letter-spacing:-1px; padding:30px 0 20px 0;}
.jm_navi2 {font-size:1.75em; text-align:center; letter-spacing:-1px; padding:0px 0 30px 0; color:#ec652d;}
.jm_navi3 {font-size:1.5em; text-align:center; padding:20px 0 50px 0; color:#4f4139;}

.jm_banban {width:50%; float:left;}
.jm_banban2 {width:50%; float:left; text-align:center; padding-bottom:10px;}
.jm_ban3 li{float:left; text-align:center; width:33.3%; height:400px;}
	.jm_ban3 a:hover img {opacity: 0.7;}
	.jm_ban3 div{width:380px; margin:0 auto; padding-top:20px; text-align:left; line-height:170%;}


.jm_sub_b1 {width:300px; margin:0 auto; position:relative; top:334px;}
	.jm_sub_b1 li{width:300px; height:45px; text-align:center; float:left; margin-top:61px;}
	.jm_sub_b1 a{display:block; text-decoration:none; height:45px; line-height:45px;; color:#fff;}
	.jm_sub_b1 a:hover{background:#016a87; display:block; text-decoration:none;}
.jm_sub_select a{background:#016a87; color:#fff;}

.jm_sub_b2 {width:600px; margin:0 auto; position:relative; top:334px;}
	.jm_sub_b2 li{width:299px; height:45px; text-align:center; float:left; margin-top:61px; border-right:1px solid #9dc1d9;}
	.jm_sub_b2 a{display:block; text-decoration:none; height:45px; line-height:45px;; color:#fff;}
	.jm_sub_b2 a:hover{background:#016a87; display:block; text-decoration:none;}

.jm_sub_b3 {width:1400px; margin:0 auto; position:relative; top:334px;}
	.jm_sub_b3 li{width:365px; height:45px; text-align:center; float:left; margin-top:61px; border-right:1px solid #9dc1d9;}
	.jm_sub_b3 a{display:block; text-decoration:none; height:45px; line-height:45px; color:#fff;}
	.jm_sub_b3 a:hover{background:#016a87; display:block; text-decoration:none;}

.jm_sub_b6 {width:1400px; margin:0 auto; position:relative; top:334px;}
	.jm_sub_b6 li{width:182px; height:45px; text-align:center; float:left; margin-top:61px; border-right:1px solid #9dc1d9;}
	.jm_sub_b6 a{display:block; text-decoration:none; height:45px; line-height:45px;; color:#fff;}
	.jm_sub_b6 a:hover{background:#016a87; display:block; text-decoration:none;}

.jm_sub_b8 {width:1400px; margin:0 auto; position:relative; top:334px;}
	.jm_sub_b8 li{width:136px; height:45px; text-align:center; float:left; margin-top:61px; border-right:1px solid #9dc1d9;}
	.jm_sub_b8 a{display:block; text-decoration:none; height:45px; line-height:45px;; color:#fff;}
	.jm_sub_b8 a:hover{background:#016a87; display:block; text-decoration:none;}




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

.jm_table1 table{border-collapse:collapse; width:100%; text-align:left; border:1px solid #ddd; border-top:2px solid #056784;}
.jm_table1 th{height:50px; font-size:1.2em; border-bottom:1px solid #ddd; text-align:center;}
.jm_table1 td{background:#fff; height:50px; border-bottom: 1px solid #ddd;}


.jm_table2 table{background:#ddd; margin:0 auto; clear:both; border:0px;}
.jm_table2 th{height:30px; background:#f1f1f1; border-left:3px solid #738cb5; font-weight:normal; text-align:left; padding-left:14px;}
.jm_table2 td{background:#ffffff; height:30px; padding-left:5px;}
.jm_table2 input{height:30px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:1px; text-align:center;}
.jm_number_input {width:50px;}
.tm_submit {width:150px; height:40px; font-weight:bold;}


/*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:-80px; 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;
	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.1em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 15px 5px 15px;
	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:#eee 0 50% repeat-x;
	margin:5px 0 5px 0; border:1px solid #ddd;
	white-space:nowrap; 
	vertical-align:top;
	cursor:pointer;
}
.jm_button2: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_button2:active {color:#444; border-color:#333;}



.jm_button3 {
	text-decoration:none !important;
	color:#000;
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	padding:4px 8px 4px 8px;
	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 3px #fec300;
	border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
	margin:0;
	white-space:nowrap; 
	vertical-align:top;
	cursor:pointer;
}
.jm_button3: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_button3: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_logo {clear:both; width:100%; padding:5px 0; text-align:center; border-bottom:1px solid #ddd; text-align:center;}


.tm_nav {width:100%; background:#fff; margin:0 auto; border-top:1px solid #ddd;}
	.tm_nav .tm_home{float:left; width:10%;}
	.tm_nav .tm_home a{color:#ec652d;}
	.tm_nav li{float:left; width:30%; height:39px; text-align:center; border-bottom:1px solid #ddd; text-align:center;}
	.tm_nav a{display:block; height:33px; padding-top:7px; text-decoration:none; cursor: pointer;}
	.tm_nav a:hover{height:33px; background:#ec652d; color:#fff; padding-top:7px; text-decoration:none;}
.tm_navfixed {width:100%; max-width:640px; min-width:320px; position:fixed; top:-1px;}


.top_selectm a{background:#ec652d; color:#fff;  font-weight:bold; font-size:1.1em;}
.tm_font1 {font-size:2em;}
.tm_font2 {color:#51740c; font-weight:bold;}

.tm_font5 {color:#ff0; font-weight:bold; font-size:1.1em; background:#000; padding:2px 4px 5px 4px;}
.tm_font6 {color:#f00; font-weight:bold; font-size:1.2em;}
.tm_font7 {color:#f00; font-weight:bold;}


#tm_main {width:100%; height:5vh; padding-top:200px; position:relative; overflow:hidden; margin:0 auto; background:url(../../../../img/main/main_m2.jpg) top center no-repeat; background-size:cover;  text-align:center;}

.tm_text-line1 {animation: slideFromTop 0.7s ease-in-out forwards; font-size:2em; color:#fff;}
.tm_text-line2 {animation: slideFromBottom 1s ease-in-out forwards; font-size:1.1em;}
	.tm_text-line2 span{ background:rgba(170, 170, 170, 0.7); padding:5px; border-radius:7px;}
.tm_text-line3 {animation: slideFromBottom2 1s ease-in-out forwards; font-size:1.3em; color:#7f7873;}
	.tm_text-line3 span{background:rgba(255, 255, 255, 0.7); padding:10px;}
	.tm_text-line3 p{font-size:1.25em; color:#23758e;}



/*
@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; text-align:left; margin:0 auto;}
#tm_sub_main {width:100%; height:15vh; padding-top:30px; position:relative; overflow:hidden; margin:0 auto; background:url(../../../../img/sub/sub_main.jpg) top center no-repeat; background-size:cover;}
.tm_navi1{width:100%; padding:20px 0 5px 0; text-align:center; font-weight:bold; font-size:1.7em; color:#fff; letter-spacing:-1px;}
.tm_navi2{width:100%; text-align:center; color:#fff; letter-spacing:-1px;}
.tm_navi11{width:100%; padding:20px 0 5px 0; text-align:center; font-weight:bold; font-size:1.7em; color:#444;}
.tm_navi22{width:100%; text-align:center; color:#444; letter-spacing:-1px;}
.tm_navi3{width:100%; padding-top:10px; text-align:center; font-size:1.7em; font-family:'ONE-Mobile-Title'; letter-spacing:1px;}
.tm_navi4{width:100%; padding-top:10px; text-align:center; font-weight:bold; font-size:1.1em;}
.tm_navi5{width:100%; padding-top:10px; text-align:center; font-weight:bold; font-size:1.5em; color:#ec652d; font-family:'ONE-Mobile-Title'; letter-spacing:1px;}


.tm_sub_b {margin-top:10px;}
.tm_sub_b li{width:32.5%; height:35px; background:#444; text-align:center; float:left; margin-bottom:10px; border-right:2px solid #fff;}
	.tm_sub_b a{color:#fff; display:block; text-decoration:none; width:100%; height:32px; padding-top:3px;}
	.tm_sub_b a:hover{background:#056784; color:#fff; display:block; text-decoration:none;}
	.tm_sub_b span{font-size:0.9em;}
.tm_sub_bselect a{background:#056784; 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_ban {float:left; width:50%; text-align:center; padding-bottom:5px;}
.tm_icon {clear:both; font-size:1.3em; font-weight:bold; padding-left:30px; margin-bottom:10px; letter-spacing:-1px; background:url(../../../../img/sub/icon.gif) no-repeat;}


/*copy*/
#tm_copy {clear:both; width:100%; border-top:3px solid #02567b; background:#404548; color:#fff;}
	#tm_copy #tm_copy_txt{margin:0 auto; padding:0 20px;}
	#tm_copy #tm_copy_txt .copy_font1{color:#c5ff35;}
	#tm_copy #tm_copy_txt .copy_font2{font-size:2.3em; color:#c5ff35; padding:5px 0 20px 0;}
	#tm_copy a{color:#fff; text-decoration:none;}

#tm_copy_logo2 {text-align:center; width:100%; margin-bottom:100px;}
	#tm_copy_logo2 a{color:#fff; text-decoration:none;}




/*swiper*/
.swiper-container {
	width:100%;
	min-height:320px;
	max-height:780px;
}
.swiper-slide {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}