.wrap {width:1240px; position:relative; margin:0 auto;} @media all and (max-width:1200px){ .wrap {width:100%;padding:0 30px;} } @media all and (max-width:640px){ .wrap {width:100%;padding:0 20px;} } /* 蹂몃Ц諛붾줈媛�湲� */ .accessibility{overflow:hidden;position:relative;z-index:1000;width:100%;} .accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center} .accessibility a:focus, #accessibility a:hover, #accessibility a:active{width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:bold;line-height:1;color:#fff;} #hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} #header {opacity:0; position:relative; top:-90px; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -ms-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s;} .body_active #header {opacity:1; top:0px; margin:0px 0 0 0} /* Header */ #header{position:fixed; background:#fff; z-index:1000;height:90px; width:100%; transition: all 0.75s ease 0s;} #header .link_set li{display:inline-block;float:left;height:46px; font-size:12px; text-align:center; padding:0 10px} #header .top_search_btn_box {position:absolute; top:28px; right:0px; z-index:999; transition: all 0.75s ease 0s;} #header .top_search_btn_box .top_search_box button img {width:21px; height:21px} #header .logo{position:absolute;left:0px; top:22px; z-index:999; transition: all 0.75s ease 0s;} #header .logo a {display:inline-block; vertical-align:top; font-size:0px;} #header .logo a.logo_img img {width:190px } #header .top_search_btn_box {font-size:0px; } #header .top_search_btn_box form {display:inline-block; vertical-align:top; width:224px; height:36px; border:1px solid #d7d7d7; } #header .top_search_btn_box form input {width:calc(100% - 30px); font-size:15px; box-sizing:border-box; float:left; border:none; line-height:32px; padding:0 10px} #header .top_search_btn_box form button { display:inline-block; margin-top:6px} .top_btn2 {display:block;background: rgb(44,220,188); background: linear-gradient(90deg, rgba(44,220,188,1) 0%, rgba(51,174,236,1) 100%); display:inline-block; vertical-align:top; width:173px; height:36px; line-height:36px; color:#000; margin-left:25px; text-align:center; font-size:14px ;transition: all 0.25s ease 0s; font-weight: 700; font-family: 'SpoqaHanSansNeo-Bold';} .top_btn2:hover {box-shadow:0 0 12px rgb(0, 181, 255); } .scroll #header {height:80px;} .scroll #lnb {height:80px;} .scroll #lnb .top1menu .depth1_ti span {height:80px; line-height:80px;} .scroll #header .logo {top:19px;} .scroll #header .top_search_btn_box {top:22px; } .m_logo {display:none} /* 硫붾돱 */ #lnb {position:absolute;top:0px;left:0;z-index:920;width:100%;height:90px; } #lnb .m_top_search_btn_box {display:none} #lnb .top2mbg{display:none;position:absolute;top:61px;left:0;width:100%;height:200px;border:solid 3px #2b52a7; border-top:none;box-sizing:border-box;background:#fff;} #lnb .top1menu{width:1240px;margin:0 auto; padding-right:200px; text-align:center; box-sizing:border-box} #lnb .top1menu > li{display: inline-block; padding: 0; margin:0px;} /*硫붿씤�고듃�ъ씠利� 議곗젙*/ #lnb .top1menu .depth1_ti {font-size:16px; display:inline-block; padding:0 20px; width:100%; box-sizing: border-box; } #lnb .top1menu .depth1_ti span {line-height:90px;height:90px; box-sizing:border-box; display:inline-block; letter-spacing:-0.025em; color:#000000; transition: all 0.75s ease 0s; text-align:center; text-decoration:none;font-weight:bold; } #lnb .top1menu .depth1.on .depth1_ti {color:#333; } #lnb .top1menu .depth1.on .depth1_ti span {border-bottom:5px solid #000} #lnb ul li > div{display:none;} #lnb ul .top2m {display:none;position:absolute;z-index:300;left:0; line-height: 1.35em; width:100%; box-sizing:border-box; background:#fff; box-shadow: 0px 10px 15px rgb(0 0 0 / 7%); border-top: 1px solid #eee;} #lnb ul .top2m .menu_bg{position:relative;z-index:920;width:1240px;margin:0 auto; } #lnb ul .top2m.top2m2 ul {display:none; float:left; margin:0 20px; text-align:center; border-top:none; padding:0px; } #lnb .menu_bg:before {position:absolute; top:0px; left:350px; width:1px; height:100%; background:#d8d8d8; display:block; content:"";} #lnb .lnb_title_box {float:left; width:350px; text-align:left; } #lnb .lnb_title_box .title {width:100%; display:inline-block; vertical-align:top; font-size:20px; font-weight:bold; padding:30px 0 10px; color:#000} #lnb .lnb_title_box .text {width:100%; display:inline-block; vertical-align:top; font-size:12px; color:#000} #lnb .lnb_menu_box {float:left; padding:30px 0 0 50px; text-align:left;} #lnb .lnb_menu_box strong {font-size:15px; color:#000; letter-spacing:-0.025em; margin:0 0 10px 0} #lnb .lnb_banner {float:right} #lnb .lnb_banner img {vertical-align:top;} #lnb .depth2{margin:0; width: 100%; line-height: 1.35em; display: inline-block; vertical-align:top;} #lnb .depth2 > li {display:block; padding: 0; background:none; } #lnb .depth2 > li > a{display: block; margin: 0; color: #000; font-size: 13px; text-align: left; letter-spacing: -1px; } #lnb .depth2 > li > a:hover {} #lnb .depth2 ul{ display:none} #lnb .depth2 ul li{padding:0 0 0 14px;background:url('../images/common/board_bu.gif') no-repeat 4px 9px; word-break:keep-all;} #lnb .depth2 ul li img{vertical-align:-1px;margin-left:2px;} #lnb .depth2 ul li:hover{background:none;} #lnb .depth2 ul li a{display:inline;padding:0;color:#606060;font-size:12px;line-height:22px;background:none;font-weight:400;letter-spacing:0; word-break:keep-all; } #lnb .depth2 ul li a.blank_menu {padding:0 20px 0 0; background:url('../images/common/blank_icon.gif') no-repeat right center;} #lnb .depth2 ul li a.blank_menu:hover {background:url('../images/common/blank_icon.gif') no-repeat right center;} #lnb .depth2 ul li a:hover{color:#606060;background:none;} #lnb #top1menu.web ul ul{display:none} .lnb_m_nav, .mask, .lnb_logo, .lnb_close{display:none} #footer {background:#212121; position:relative; } #footer .footer_top {padding:65px 0 0px; width:100%; display:inline-block} #footer .footer_logo {float:left; width:400px; padding-left:25px} #footer .footer_logo img {width:190px} #footer .footer_top .footer_link {float:left; width:calc(100% - 400px);} #footer .footer_top .footer_link .footer_link_list {float:left; width:25%} #footer .footer_top .footer_link .footer_link_list h3 {color:#fff; font-size:15px; margin:0 0 10px 0} #footer .footer_top .footer_link .footer_link_list li {line-height:1.35em;} #footer .footer_top .footer_link .footer_link_list li a {color:#b4b4b4; font-size:14px;} #footer .footer_bot {width:100%; display:inline-block; vertical-align:top; border-top:1px solid #333; padding:30px 0; margin-top:30px} #footer .footer_bot .text_link {float:left;} #footer .footer_bot .text_link li {float:left;} #footer .footer_bot .text_link li a {position:relative; color:#b4b4b4; font-size:14px; padding:0 12px} /*#footer .footer_bot .text_link li a:before {position:absolute; top:3px; left:0px; content:""; width:1px; height:14px; background:#b4b4b4; display:block;}*/ #footer .footer_bot .text_link li:first-child a {padding-left:0px} #footer .footer_bot .text_link li:first-child a:before {display:none} #footer .footer_bot .img_link {float:left; margin:2px 0 0 5px;} #footer .footer_bot .img_link li {float:left;} #footer .footer_bot .img_link li a {padding:0 10px} #footer .footer_bot .img_link li a img {width:22px; height:22px; } #footer .footer_bot .copy {float:right; color:#b4b4b4; font-size:12px; font-family:'Gmarket'; } #footer .footer_bot2 {width:100%; display:inline-block; vertical-align:top; border-top:1px solid #333; padding-top:30px; margin-top:30px} #footer .footer_bot2 .textlink {float:left;} #footer .footer_bot2 li {float:left; position:relative; color:#b4b4b4; font-size:14px; padding:0 12px} #footer .footer_bot2 .text_link li a:before {position:absolute; top:3px; left:0px; content:""; width:1px; height:14px; background:#b4b4b4; display:block;} #footer .footer_bot2 .text_link li:first-child a {padding-left:0px} #footer .footer_bot2 .text_link li:first-child a:before {display:none} @media only screen and (max-width:1560px){ #header .logo {left:30px;} #header .call_top a {right:30px} } @media only screen and (max-width:1480px){ } @media only screen and (max-width:1400px){ } @media only screen and (max-width:1320px) { #header .top_search_btn_box {right:20px} } @media only screen and (max-width:1200px) { #lnb .top1menu {padding-right:300px;} /*�몃━�� �쒕컠2022 �좎�以�*/ #lnb .top1menu .depth1_ti {padding:0 20px} /*�몃━�� �쒕컠2022 �좎�以�*/ } @media only screen and (max-width:1100px) { #header .top_search_btn_box form {width:200px} #header .top_search_btn_box .top_btn {width:140px; margin-left:15px;} /*�몃━�� �쒕컠2022 �좎�以�*/ #header .top_search_btn_box form {width: 150px;} .top_btn2 {width:130px; margin-left:10px} /*�몃━�� �쒕컠2022 �좎�以�*/ } @media only screen and (max-width:1000px) { #quick_banner {display:none} .m_logo {display:block} #header .m_logo {text-align:center; margin:15px auto 0} #header .m_logo a.logo_img img {width: 160px;} #header{height:80px; z-index:1001} #header .logo {top:19px;} .m_top_search_btn_box .top_search_box {width:90%; margin:15px 5% 8px; display:inline-block; background:#fff; padding:10px 10px;} .m_top_search_btn_box .top_search_box input {width:calc(100% - 30px); vertical-align:top; border:none; display:inline-block} .m_top_search_btn_box .top_search_box button img { width: 21px; height: 21px; vertical-align:top; display:inline-block} .m_top_search_btn_box .top_btn {width:90%; margin:0 5%; padding:6px 0; display:inline-block; color:#000; background:#fff; text-align:center;} .top_search_btn_box {display:none;} #lnb .m_top_search_btn_box {display:block} #lnb {z-index:9999} #lnb .top1menu .depth1 {width:100%;} .lnb_m_nav {display:block;position:absolute; top:20px; right:20px;z-index:910;} .lnb_m_nav .open .line {width:35px; height:4px; margin:4px 0; background:#000; text-align:right; float:right; clear:both; display:block; vertical-align:top; } .openM .lnb_m_nav{z-index:90;} #lnb .top2mbg{display:none} #header #lnb {overflow-y:scroll; position:fixed; background:#000; top:0px; right:-280px; left:auto; width:280px; height:100% !important;border:none;} #lnb .top1menu .depth1_ti {padding:0 10px} #lnb .top1menu{z-index:930; height:calc(100% - 145px); width:90%; margin:0 5%; background-color:#000; padding:0px} #lnb .top1menu li{display:block;float: none; width:100%;background:#000;} #lnb .top1menu li:first-child{width:auto;} #lnb .top1menu > li{border-bottom:1px solid rgba(255,255,255,0.2);} #lnb .top1menu .depth1_ti span {color:#fff; width:100%; text-align:left;} #lnb .top1menu .depth1_ti{color:#fff;} #lnb .top1menu .depth1_ti:hover{} #lnb .top1menu .depth1_ti:hover span{} #lnb ul li > div {display:none !important} .lnb_close {display:block;position:absolute; right:-48px;top:0; background:#000; z-index:999} .lnb_close button{width:48px;height:48px; font-size:0} .lnb_close button:before {content:""; width:2px; height:30px; border-radius:2px; display: block; position: absolute; left: 0; right:0px; top: -12px; margin: 0 auto; background-color: #fff; transition: all .4s; transform: translateY(21px) rotate(-315deg);} .lnb_close button:after {content:""; width:2px; height: 30px; border-radius:2px; display: block; position: absolute; left: 0; right:0px; top: 5px; margin: 0 auto; background-color: #fff; transition: all .4s; transform: translateY(4px) rotate(315deg);} .mask{ position: fixed; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} #footer .footer_logo {padding-left:0px; width:250px} #footer .footer_top .footer_link {width: calc(100% - 250px);} } @media only screen and (max-width:950px) { } @media only screen and (max-width:800px) { #footer .footer_logo {width:190px; margin:0 auto; float:none} #footer .footer_top {padding-top:50px} #footer .footer_top .footer_link {width:100%; margin-top:20px} #footer .footer_bot {text-align:center;} #footer .footer_bot .img_link, #footer .footer_bot .text_link {margin:0px; float:none; display:inline-block;} #footer .footer_bot .copy {width:100%; display:inline-block; text-align:center; font-size:11px} } @media only screen and (max-width:640px) { #footer .footer_top {display:none} #footer .footer_bot {border-top:none; margin-top:0px; text-align:center;} #footer .footer_bot .img_link {padding:30px 0 10px} #footer .footer_bot .text_link li, #footer .footer_bot .img_link li {display:inline-block; float:none;} #footer .footer_bot .img_link li a {padding:0 5px} #footer .footer_bot .img_link, #footer .footer_bot .text_link {width:100%; display:inline-block; text-align:center;} } #quick_banner {position:fixed; top:50%; right:0px; transform: translate(60px, -50%); z-index:100} #quick_banner ul { background:rgba(0,0,0,0.5); text-align:right; border-radius:10px 0 0 10px} #quick_banner ul li {width:100%; margin:0 8px; width:40px; text-align:center;} #quick_banner ul li:first-child a {border-top:0px;} #quick_banner ul li a {padding:20px 0; border-top:1px solid #fff;} #quick_banner ul li a img {vertical-align:top;} #quick_banner .top_btn {text-align:center; text-align:right; float:right; margin:15px 3px 0 0; } .body_active #quick_banner {transform: translate(0px, -50%); transition: all 1.5s ease 0s;} @media only screen and (max-width:420px) { }