@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(/gt/2021/top_bg.png) repeat top center; z-index:99;}
.header{position:relative; width:1003px; margin:0 auto; height:89px; z-index:99;}
h1.logo{float:left; width:177px; height:86px; margin:30px 0px 0px 48px; padding:0px;}
h1.logo a{display:block; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=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:0px 0px 0px 0px; padding:13px 24px 0 0;}
.top_gnb li{float:left; padding:0 12px 0 6px;}
.top_gnb li.lst{padding:0px;}
.top_gnb li a{display:block; font-size:10px; opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}

#gnb{position:absolute; top:48px; right:13px; width:680px; overflow:visible;}
#gnbmenu{margin:0; padding:0;}
#gnbmenu li{float:left; padding:0 0 0 56px;}
#gnbmenu > li{background:url(/gt/2021/mn_line.png) no-repeat 25px 0px;}
#gnbmenu li:first-child, #gnbmenu li.gnbmenu_first{padding-left:0; background-image:none;}
#gnbmenu li h2{position:relative; margin:0;}
#gnbmenu li .gnbmenu_submenu{position:absolute; top:15px; 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:40px; margin:0; padding:24px 0 0 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:0px; display:none; width:246px;}
#gnbmenu_submenu2{left:46px; display:none; width:290px;}
#gnbmenu_submenu5{left:440px; display:none; width:178px;}


.visual{overflow:hidden;}
.mainvisual_wrap{position:relative; top:0px; width:1003px; height:350px; z-index:80;}
.mainvisual{position:absolute; top:-89px; width:1003px; height:439px; background:url(/gt/2021/m_intro.png) no-repeat center top; z-index:80;}

.quick_inner{position:relative; width:1003px; margin:0 auto;}
.visual_inner{position:relative; width:1003px; height:799px; margin:0 auto;}

a.a_block{display:block;}

.subvisual_wrap{position:relative; top:0px; width:1003px; height:192px; z-index:80;}
.subvisual{position:absolute; top:-89px; width:1003px; height:281px; background:url(/gt/2021/sub_intro.png) no-repeat center top;}
.subvisual1{background:url(/gt/2021/sub_intro.png) no-repeat center top;}
.subvisual2{background:url(/gt/2021/sub_intro2.png) no-repeat center top;}
.subvisual3{background:url(/gt/2021/sub_intro3.png) no-repeat center top;}
.subvisual4{background:url(/gt/2021/sub_intro4.png) no-repeat center top;}
.subvisual5{background:url(/gt/2021/sub_intro5.png) no-repeat center top;}
.subvisual6{background:url(/gt/2021/sub_intro6.png) no-repeat center top;}
.subvisual7{background:url(/gt/2021/sub_intro1.png) no-repeat center top;}

ul.lm{margin:0; padding:20px 0 0 0;}
ul.lm li{float:left;}
ul.lm li a{display:block; margin:0; padding:0; font-size:0; line-height:0;}

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;}
}