@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,  {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
A:link, A:hover{text-decoration:none; color:#000000;}
A:visited{text-decoration:none;color:#000000;}
ul, li{list-style:none;}
img{border:0px;}

.header_wrap{position:relative; background:url(/hm/2021/top_bg.png) repeat-x top center;}
.header{position:relative; width:1262px; height:97px; margin:0 auto; background:url(/hm/2021/top.png) repeat-x top center; z-index:99;}
h1.logo{float:left; margin:28px 0 0 184px; padding:0;}
.top_nav{width:933px; height:84px; margin:0 auto; position:relative; background:url(images/2021/top_bg.png) no-repeat center top;}
.top_nav h1{float:left; margin:0; padding:10px 0 0 0;}
.top_gnb_wrap{float:right;}
.top_gnb{float:left; margin:0; padding:15px 140px 0 0; font-size:0;}
.top_gnb li{float:left; padding-left:20px; background:url(/hm/2021/gnb_ling.png) no-repeat 10px 0px;}
.top_gnb li:first-child{padding-left:0; background-image:none;}
.top_gnb li a{display:block; height:7px;}

#gnb{position:absolute; top:48px; right:204px; width:656px; overflow:visible;}
#gnbmenu{margin:0; padding:0;}
#gnbmenu li{float:left; padding:0 0 0 82px;}
#gnbmenu > li{background:url(/hm/2021/mn_line.png) no-repeat 41px 0px;}
#gnbmenu li:first-child, #gnbmenu li.gnbmenu_first{padding-left:0; background-image:none;}
#gnbmenu li h2{position:relative; margin:0;}
#gnbmenu li h2 a{display:block; position:relative; z-index:200;}
#gnbmenu li .gnbmenu_submenu{position:absolute; top:0px; z-index:99;}
#gnbmenu li .gnbmenu_submenu ul{padding:0;}
#gnbmenu li .gnbmenu_submenu ul:after { display:block; visibility:hidden; clear:both; content:"" }
#gnbmenu li .gnbmenu_submenu ul li{float:left; margin:0; padding:0; font-size:0; line-height:0;}
#gnbmenu li .gnbmenu_submenu ul li.submenu_first{padding-left:0; background-image:none;}
#gnbmenu li .gnbmenu_submenu ul li a{display:block; height:28px; margin:38px 0 0 0; padding:0; font-size:0; line-height:0;}
#gnbmenu li .gnbmenu_submenu ul li:first-child a, #gnbmenu li .gnbmenu_submenu ul li.submenu_first a{padding-left:0; background-image:none;}
#gnbmenu_submenu1{left:-80px; display:none; width:304px;}
#gnbmenu_submenu2{left:80px; display:none; width:290px;}
#gnbmenu_submenu3{left:248px; display:none; width:104px;}
#gnbmenu_submenu4{left:376px; display:none; width:150px;}
#gnbmenu_submenu5{right:-20px; display:none; width:162px;}

.visual{overflow:hidden;}
.mainvisual{height:403px; background:url(/hm/2021/mainvisual.png) no-repeat center top;}

.mainbanner{width:1262px; margin:0 auto; padding:0; font-size:0; line-height:0; text-align:center;}

table.tbl_st1{margin:0 auto;}

.subvisual{position:relative; width:100%; height:213px; top:0px; background:url(/hm/2021/subvisual1.png) no-repeat center top;}
.subvisual1{background:url(/hm/2021/subvisual1.png) no-repeat center top;}
.subvisual2{background:url(/hm/2021/subvisual2.png) no-repeat center top;}
.subvisual3{background:url(/hm/2021/subvisual3.png) no-repeat center top;}
.subvisual4{background:url(/hm/2021/subvisual4.png) no-repeat center top;}
.subvisual5{background:url(/hm/2021/subvisual5.png) no-repeat center top;}
.subvisual6{background:url(/hm/2021/subvisual6.png) no-repeat center top;}
.subvisual7{background:url(/hm/2021/subvisual1.png) no-repeat center top;}

a.btn_main, a.btn_q{text-indent:-9999px;}

a.btn_main{display:block; position:absolute;} 
a.btn_main1, a.btn_main2, a.btn_main3{top:521px; height:86px;}
a.btn_main1{left:388px; width:179px;}
a.btn_main2{left:585px; width:150px;}
a.btn_main3{left:745px; width:179px;}

a.btn_main4, a.btn_main5, a.btn_main6{top:621px; height:59px;}
a.btn_main4{left:40px; width:222px;}
a.btn_main5{left:282px; width:236px;}
a.btn_main6{left:541px; width:179px;}

a.btn_q{display:block; position:absolute;} 
a.btn_q1{top:125px; right:-209px; width:110px; height:18px;}
a.btn_q2{top:150px; right:-202px; width:110px; height:18px;}
a.btn_q3{top:174px; right:-203px; width:110px; height:18px;}
a.btn_q4{top:200px; right:-200px; width:110px; height:18px;}
a.btn_q5{top:225px; right:-199px; width:110px; height:18px;}
a.btn_q6{top:260px; right:-209px; width:110px; height:18px;}

.subvisual{overflow:hidden;}
.subvisual .quick_inner a.btn_q1{top:48px; right:-257px; width:110px; height:18px;}
.subvisual .quick_inner a.btn_q2{top:74px; right:-226px; width:110px; height:18px;}
.subvisual .quick_inner a.btn_q3{top:98px; right:-207px; width:110px; height:18px;}
.subvisual .quick_inner a.btn_q4{top:125px; right:-176px; width:110px; height:18px;}
.subvisual .quick_inner a.btn_q5{top:151px; right:-149px; width:110px; height:18px;}
.subvisual .quick_inner a.btn_q6{top:149px; right:-147px; width:110px; height:18px;}

/* 스마트폰 가로+세로 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
div#floater{display:none;}
}

 /* 스마트폰 가로 */
@media only screen and (min-width : 321px) {
div#floater{display:none;}
}

 /* 스마트폰 세로 */
@media only screen and (max-width : 320px) {
div#floater{display:none;}
}

/* iPhone4와 같은 높은 크기 세로 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
div#floater{display:none;}
}

/* iPhone4와 같은 높은 해상도 가로 */
@media only screen and (min-width : 640px) {
div#floater{display:none;}
}

/* iPad 가로+세로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
div#floater{display:none;}
}

/* iPad 가로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
div#floater{display:none;}
}

/* iPad 세로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
div#floater{display:none;}
}

/* 데스크탑 브라우저 가로 */
@media only screen and (min-width : 1224px) {
div#floater{display:block;}
}

/* 큰 모니터 */
@media only screen and (min-width : 1824px) {
div#floater{display:block;}
}