/**2018.08.31JM**/ @charset "utf-8"; @import url(./jm_webfont.css); /*all*/ body {margin:0; padding:0; font-size:16px; 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_list_style li{list-style-type:disc; margin-left:20px;} .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 {font-size:2.5em; letter-spacing:-1px; font-weight:bold; padding-bottom:15px;} .jm_font2 {font-size:1.7em; letter-spacing:-1px; line-height:130%; padding-bottom:20px;} .jm_font2 span{color:#a00902;} .jm_font3 {color:#a00902; font-weight:bold;} /*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:38px; border-bottom:1px solid #eee;} #jm_top_line ul{width:1200px; margin:0 auto;} #jm_top_line li{width:70px; height:38px; float:right; text-align:center;} #jm_top_line li a{display:block; font-size:0.8em; height:38px;} #jm_top_line li a:hover{background:#eee;} #jm_top_logo {width:350px; height:90px; float:left;} #jm_top_menu {width:850px; height:90px; float:left;} #jm_top_menu li{width:170px; height:90px; float:left; text-align:center;} #jm_top_menu a{font-size:1.2em; font-weight:bold; display:block; width:170px; height:90px; padding-top:30px;} #jm_top_menu a:hover{color:#a00902; font-weight:bold;} #jm_top_menu .top_select a{color:#a00902; font-weight:bold;} .jm_sub_menu {width:100%; min-width:1200px; position:absolute; top:128px; display:none; z-index:1000000; overflow:hidden; background:#fff; border-bottom:1px solid #ccc;} .jm_sub_menu a{font-size:1em; display:block; text-decoration:none; padding:5px;} .jm_sub_menu a:hover {color:#fff; background:#a00902; font-weight:bold;} .jm_sub_menu #menu1{width:150px; margin-left:360px; text-align:center;} .jm_sub_menu #menu2{width:150px; margin-left:21px; text-align:center; *position:relative; *top:-19px;} .jm_sub_menu #menu3{width:150px; margin-left:20px; text-align:center; *position:relative; *top:-38px;} .jm_sub_menu #menu4{width:150px; margin-left:20px; text-align:center; *position:relative; *top:-58px;} .jm_sub_menu #menu5{width:150px; margin-left:20px; text-align:center; *position:relative; *top:-77px;} .jm_sub_menu .jm_top_sub_menu {width:1200px; margin:0 auto; clear:both; margin:0 auto; text-align:left;} .jm_sub_menu .jm_top_sub_menu ul{float:left; height:260px;} /*main*/ #jm_main {clear:both; width:100%; min-width:1200px; height:696px; margin:0 auto; background:url(../../../../img/main/main1.jpg) top center no-repeat;} #jm_main_bottom1 {width:100%; min-width:1200px; height:200px; text-align:center; background:#e1e9f1;letter-spacing:-2px;} #jm_main_bottom1 .font1{font-size:4em; padding-top:65px; font-weight:bold;} #jm_main_bottom1 .font2{padding-top:25px; font-weight:bold;} #jm_main_bottom1 span{color:#df3f00;} #jm_main_bottom2 {width:100%; min-width:1200px; height:580px; text-align:center; background:#f1f1f1;} #jm_main_bottom2 .font1{font-size:3em; padding-top:55px; font-weight:bold; color:#493a2f; letter-spacing:-2px;} #jm_main_bottom2 #bn{width:1000px; margin:0 auto;} #jm_main_bottom2 #bn li{float:left; text-align:center; padding-top:65px; width:250px;} #jm_main_bottom2 #bn p{font-weight:bold; font-size:1.3em;} #jm_main_bottom2 #bn span{font-size:0.85em;} #jm_main_bottom {clear:both; width:100%; min-width:1200px; height:650px; margin:0 auto; background:url(../../../../img/main/main_bottom.jpg) top center no-repeat;} #jm_notice_line {background:#f1f1f1; width:100%; min-width:1200px; height:250px;} .banban {width:50%; float:left;} .banban .pd550{width:550px; margin:0 auto;} .jm_latest1 {width:480px; height:30px; padding-left:20px; float:left;} .jm_latest2 {width:100px; height:30px; text-align:right; float:left; font-size:0.85em;} /*copy*/ #jm_copy {clear:both; width:100%; min-width:1200px; height:240px; background:#191919; color:#aaa; font-size:0.75em; line-height:190%;} #jm_copy #copy_left{width:80%; float:left;} #jm_copy #copy_right{width:20%; float:left; text-align:right;} #jm_copy #copy_right #copy_tel{width:280px; height:115px; margin-top:20px; background:url(../../../../img/main/copy_tel.png) #383838 no-repeat; float:right;} #jm_copy #copy_right #copy_tel .title{text-align:left; padding-left:70px;} #jm_copy #copy_right #copy_tel .hp{text-align:left; font-size:2.3em; padding-left:70px;} #jm_copy #copy_right #copy_tel .email{text-align:left; font-size:1.6em; padding-left:70px;} #jm_copy span{color:#ff6800;} #jm_copy #copy_c{font-size:0.8em; color:#c2cdd4;} /*body*/ #jm_sub_main1 {clear:both; width:100%; min-width:1200px; height:280px; background:url(../../../../img/sub1/sub1_main.jpg) top center no-repeat; border-bottom:3px solid #a00902;} #jm_sub_main2 {clear:both; width:100%; min-width:1200px; height:280px; background:url(../../../../img/sub2/sub2_main.jpg) top center no-repeat; border-bottom:3px solid #a00902;} #jm_sub_main3 {clear:both; width:100%; min-width:1200px; height:280px; background:url(../../../../img/sub3/sub3_main.jpg) top center no-repeat; border-bottom:3px solid #a00902;} #jm_sub_main4 {clear:both; width:100%; min-width:1200px; height:280px; background:url(../../../../img/sub4/sub4_main.jpg) top center no-repeat; border-bottom:3px solid #a00902;} #jm_sub_main5 {clear:both; width:100%; min-width:1200px; height:280px; background:url(../../../../img/sub5/sub5_main.jpg) top center no-repeat; border-bottom:3px solid #a00902;} #jm_body {width:1200px; text-align:left;} .jm_navi1{padding:20px 0 10px 0; font-size:2.4em; letter-spacing:-1px;} .jm_navi2{padding-bottom:10px; font-weight:bold; font-size:2.4em; color:#515151; letter-spacing:-2px; line-height:120%;} .jm_navi2 span{color:#5965a6;} .jm_icon {clear:both; font-size:2em; padding:4px 0 25px 0; color:#000; letter-spacing:-2px; background:url(../../../../img/sub1/icon.gif) no-repeat;} .jm_sub_b li{width:169px; height:46px; background:#444; text-align:center; float:left; margin:10px 0 20px 0; border-right:2px solid #fff;} .jm_sub_b a{color:#fff; display:block; text-decoration:none; width:169px; height:46px; padding-top:8px; border-right:2px solid #fff;} .jm_sub_b a:hover{background:#cc423c; color:#fff; display:block; text-decoration:none;} .sub_select a{background:#cc423c; color:#fff;} #jm_history li{width:195px; height:160px; border-top:3px solid #a00902; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; color:#a00902; padding:10px 5px 0 5px; float:left;} #jm_history .jm_history_pd {margin-left:6px;} .jm_font01 {font-size:2.2em; color:#e8706a; width:65px; float:left; padding-top:18px;} .jm_font02 {font-size:2.2em; color:#df625c; width:65px; float:left; padding-top:18px;} .jm_font03 {font-size:2.2em; color:#d2504a; width:65px; float:left; padding-top:30px;} .jm_font04 {font-size:2.2em; color:#c43d36; width:65px; float:left; padding-top:30px;} .jm_font05 {font-size:2.2em; color:#b4261f; width:65px; float:left; padding-top:30px;} .jm_font06 {font-size:2.2em; color:#a8140e; width:65px; float:left; padding-top:30px;} .jm_font01_r {float:left; width:535px; height:80px; padding:25px 0 0px 0; border-bottom:1px solid #ddd;} .jm_font03_r {float:left; width:535px; height:100px; padding:17px 0 0px 0; border-bottom:1px solid #ddd;} .jm_bg {width:100%; height:180px; padding:10px; background:#f2f2f2;} .jm_bg2 {padding:15px; background:#f2f2f2;} .banban580 ul{width:580px; float:left;} .banban580 li{list-style-type:disc; margin-left:25px;} .jm_bisangju {float:left; width:535px; height:72px; padding:20px 0 0px 0; border-bottom:1px solid #ddd;} .jm_siseol li{width:33.3%; float:left; text-align:center; padding-bottom:10px;} /*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-left:10px;} caption {overflow:hidden; top:0; left:0; width:0px; height:0px; font-size:0; color:#fff; line-height:0;} /*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; 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_all_in {max-width:640px; min-width:320px; margin:0 auto; text-align:left;} #tm_top_line {width:100%; height:27px; border-bottom:1px solid #eee; margin-bottom:5px;} #tm_top_line li{text-align:center; width:20%; float:right;} #tm_top_line li a{display:block; font-size:0.85em;} #tm_top_line li a span{color:#fff101;} #tm_top_logo {text-align:center; padding:5px 0 10px 0;} #tm_top_menu {max-width:640px; min-width:320px; height:40px; margin:0 auto; border-bottom:1px solid #eee; border-top:1px solid #eee;} #tm_top_menu li{float:left; width:20%; height:40px; text-align:center; text-align:center;} #tm_top_menu a{display:block; height:33px; padding-top:7px; text-decoration:none;} .tm_top_select a{color:#a00902; font-weight:bold;} .tm_font1 {font-weight:bold; font-size:1.2em;} .tm_font1 span{color:#a00902;} .tm_main_bottom1 {width:100%; height:100px; text-align:center; background:#e1e9f1;letter-spacing:-2px;} .tm_main_bottom1 .font11{font-size:1.5em; padding-top:15px; font-weight:bold;} .tm_main_bottom1 .font22{padding-top:7px; font-weight:bold;font-size:0.85em;} .tm_main_bottom1 span{color:#df3f00;} #tm_main_bottom2 {width:100%; height:490px; text-align:center; background:#f1f1f1;} #tm_main_bottom2 .font33{font-size:1.5em; padding-top:15px; font-weight:bold; color:#493a2f; letter-spacing:-2px;} #tm_main_bottom2 #bn{width:100%; margin:0 auto;} #tm_main_bottom2 #bn li{float:left; text-align:center; padding-top:25px; width:50%;} #tm_main_bottom2 #bn p{font-weight:bold; font-size:1em;} #tm_main_bottom2 #bn span{font-size:0.85em;} .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:#104cba} .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:#104cba; letter-spacing:-1px;} .tm_sub_b ul{width:100%; margin:0 auto;} .tm_sub_b li{width:32.5%; background:#444; text-align:center; float:left; margin:10px 0 0 0; border-right:2px solid #fff;} .tm_sub_b a{color:#fff; font-size:1em; display:block; text-decoration:none; width:100%; padding-top:2px;} .tm_sub_b a:hover{background:#cc423c; color:#fff; display:block; text-decoration:none;} .tm_sub_bselect a{background:#cc423c; color:#fff;} #tm_history {width:95%; margin:0 auto;} #tm_history li{border-top:3px solid #a00902; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; color:#a00902; padding:10px; margin-bottom:10px;} .tm_font01 li{padding:15px 0 15px 0; border-bottom:1px solid #ddd;} .tm_font01 span{color:#e8706a; font-weight:bold;} .tm_bg {padding:10px; background:#f2f2f2;} .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-top:2px; margin-bottom:10px; letter-spacing:-1px; background:url(../../../../img/sub1/icon.gif) no-repeat;} .tm_siseol li{width:50%; float:left; text-align:center; padding-bottom:10px;} /*copy*/ #tm_copy {clear:both; width:100%; padding:20px 0 20px 0; background:#191919; color:#aaa; font-size:0.85em; line-height:190%; text-align:center;} #tm_copy span{color:#ff6100;} /* tm icon*/ #tm_tel_icon {height:70px; width:70px; font-size:12px; bottom:20px; right:10px; position:fixed; z-index:9999;}