@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
/* webcss */
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;top:1px;margin-left:5px;padding:3px;font-size:100%;font-weight:bold;text-align:center;text-decoration:none;border:1px solid #113355;background:#eee}
.sknavi {position:absolute;top:-500px;z-index:999}
/*a:focus{outline-style:dashed;outline-width:1px}*/
/* Accessibility */
.accessibility, .skip, hr, legend, caption{position:absolute;text-indent:-1000em}
/* Reset */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;}
html,body{width:100%;height:100%}
body{font-size:1.45em;line-height:1.5;font-family:"Noto Sans KR", sans-serif;color:#000;word-break:keep-all; letter-spacing: -1px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block}
img,fieldset{border:0}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
hr{display:none}
a{color:#000;text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
a:hover{color:#000;text-decoration:none}
input,select,.btn{vertical-align:middle}
input[type='text']::-webkit-input-placeholder{color:#ccc}
input[type='text']::-moz-placeholder{color:#ccc}
input[type='text']::-ms-input-placeholder{color:#ccc}
input[type='text']:focus{border:1px solid #c70751;background:#fff}
input[type='password']::-webkit-input-placeholder{color:#ccc}
input[type='password']::-moz-placeholder{color:#ccc}
input[type='password']::-ms-input-placeholder{color:#ccc}
input[type='password']:focus{border:1px solid #c70751;background:#fff}
textarea::-webkit-input-placeholder{color:#ccc}
textarea::-moz-placeholder{color:#ccc}
textarea::-ms-input-placeholder{color:#ccc}
textarea:focus{border:1px solid #c70751;background:#fff}

/* [S] common html */
/* width */
.w_5p{width:5%;}
.w_10p{width:10%;}
.w_15p{width:15%;}
.w_20p{width:20%;}
.w_25p{width:25%;}
.w_30p{width:30%;}
.w_35p{width:35%;}
.w_40p{width:40%;}
.w_45p{width:45%;}
.w_50p{width:50%;}
.w_55p{width:55%;}
.w_60p{width:60%;}
.w_65p{width:65%;}
.w_70p{width:70%;}
.w_75p{width:75%;}
.w_80p{width:80%;}
.w_85p{width:85%;}
.w_90p{width:90%;}
.w_95p{width:95%;}
.w_100p{width:100%;}
@media(max-width:990px){
    .w_5p{width:100%;}
    .w_10p{width:100%;}
    .w_15p{width:100%;}
    .w_20p{width:100%;}
    .w_25p{width:100%;}
    .w_30p{width:100%;}
    .w_35p{width:100%;}
    .w_40p{width:100%;}
    .w_45p{width:100%;}
    .w_50p{width:100%;}
    .w_55p{width:100%;}
    .w_60p{width:100%;}
    .w_65p{width:100%;}
    .w_70p{width:100%;}
    .w_75p{width:100%;}
    .w_80p{width:100%;}
    .w_85p{width:100%;}
    .w_90p{width:100%;}
    .w_95p{width:100%;}
    .w_100p{width:100%;}
}

.pc {display: block !important;}
.mo {display: none !important;}

/* dim */
.dim{display:none;position:fixed;z-index:50;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);}

/* input, textarea css */
input[type='text'], input[type='password']{width:100%;height:38px;padding:0 15px;font-size:16px;box-sizing:border-box;border-radius:2px;border:1px solid #ccc;}
textarea{width:100%;padding:10px 15px;font-size:16px;line-height:26px;box-sizing:border-box;border-radius:2px;border:1px solid #ccc;}

/* Animations */
/* 이동 - translate (위치 이동) */
.AnimationTop{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(0,-50px);opacity:0.0;}
.AnimationTop.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;transition-delay:0.2s;}

.AnimationBottom{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(0,50px);opacity:0.0;}
.AnimationBottom.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;transition-delay:0.2s;}

.AnimationLeft{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(-50px,0);opacity:0.0;}
.AnimationLeft.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;}

.AnimationRight{transition:transform 0.0s ease, opacity 0.0s ease;transform:translate(50px, 0);opacity:0.0;}
.AnimationRight.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:translate(0,0);opacity:1.0;}

/* 크기변형 확대,축소 - scale (크기 변형) */
.AnimationScaleUp{transition:transform 0.0s ease, opacity 0.0s ease;transform:scale(1.3,1.3);opacity:0.0;}
.AnimationScaleUp.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:scale(1.0,1.0);opacity:1.0;}

.AnimationScaleDown{transition:transform 0.0s ease, opacity 0.0s ease;transform:scale(0.3,0.3);opacity:0.0;}
.AnimationScaleDown.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:scale(1.0,1.0);opacity:1.0;}

/* 회전 - rotateY (회전) */
.AnimationRotateY{transition:transform 0.0s ease, opacity 0.0s ease;transform:rotateY(1040deg);opacity:0.0;}
.AnimationRotateY.In{transition:transform 0.5s ease, opacity 1.0s ease;transform:rotateY(0deg);opacity:1.0;}

/* btn_type */
a.btn_mv_icon{box-sizing:border-box;border-radius:2px;}
a.btn_mv_icon i{display:inline-block;transition:all 0.5s ease;}
a.btn_mv_icon:hover i{transform:translateX(10px);}
a.btn_mv_text{overflow:hidden;box-sizing:border-box;border-radius:2px;}
a.btn_mv_text span{display:inline-block;position:relative;}
a.btn_mv_line{position:relative;box-sizing:border-box;border-radius:2px;}
a.btn_mv_line:after{display:block;height:2px;width:0;content:'';position:absolute;left:50%;bottom:0;transition:all 0.5s ease;background:#000;}
a.btn_mv_line:hover:after{width:100%;left:0;}

/* popup */
.popup_open{display:inline-block;cursor:pointer;}
.popup_close{display:inline-block;cursor:pointer;}
.btn_popup_close{display:inline-block;cursor:pointer;}
.popup_wrap{display:none;width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;z-index:51;overflow-y:auto;background:rgba(0,0,0,0.3);}
.popup_wrap .div_table{display:table;width:100%;height:100%;vertical-align:middle;}
.popup_wrap .div_table_cell{display:table-cell;padding:30px;vertical-align:middle;}
.popup_wrap .popup_content{width:500px;height:500px;margin:0 auto;position:relative;top:-500px;box-sizing:border-box;border:1px solid #c70751;background:#fff;}
.popup_wrap .popup_close{display:block;width:50px;height:50px;position:absolute;right:-60px;top:-1px;min-width:50px;background:#c70751;}
.popup_wrap .popup_close img{vertical-align:top;transition-property:all;transition-duration:0.5s;}
.popup_wrap .popup_close img:hover{transform:rotate(180deg);}
.popup_wrap .popup_close i{display:block;width:25px;height:2px;position:absolute;left:13px;top:24px;vertical-align:top;transition-property:all;transition-duration:0.5s;background:#fff;}
.popup_wrap .popup_close i:first-child{transform:rotate(90deg);}
.popup_wrap .popup_close:hover i{transform:rotate(135deg);}
.popup_wrap .popup_close:hover i:first-child{transform:rotate(225deg);}
/* [S] common html */

/* [S] layout */
@media(max-width:580px){body{font-size:0.9em;}}
@media(max-width:425px){body{font-size:0.8em;}}
@media(max-width:375px){body{font-size:0.7em;}}
@media(max-width:320px){body{font-size:0.6em;}}

/* header */
#header{width:100%; height:140px;position:fixed;left:0;top:0;z-index:10;background:#fff;}
#header header{max-width:1792px; padding:0 50px; margin:0 auto;position:relative;z-index:1;box-sizing:border-box; display:flex; height:140px; align-items: center;}
#header header:after{content:'';display:block;clear:both;}
#header .logo{width:203px; height:45px; float:left; padding-right:52px;}
#header .logo a{display:block;width:100%;height:100%;text-indent:-1000em;background:url(../image/logo.png) no-repeat center center;background-size:100% auto;}
#header nav{float:left;transition:all 0.5s ease;}
#header nav > ul {display: flex; align-items: center; height: 140px;}
#header nav > ul:after{content:'';display:block;clear:both;}
#header nav > ul > li{float:left;padding-left:36px; height:100%; display: flex; align-items: center;}
#header nav > ul > li:first-child{padding-left:0;}
#header nav > ul > li p a{display:block;font-size:22px;line-height:32px;font-weight:300;letter-spacing:-1px;transition:all 0.5s ease;}
#header nav > ul > li.home p a {font-weight: 700; color: #000;}
#header nav > ul > li p a:hover{color:#ee7963;}
#header nav > ul > li.on p a{color:#ee7963;}
#header nav > ul > li.active p a{color:#ee7963;}
#header nav > ul > li .nav_2dep{width:100%;height:0;overflow:hidden;position:absolute;left:0;top:140px;box-sizing:border-box;}
#header nav > ul > li .nav_2dep:after{content:'';display:block;clear:both;}
#header nav > ul > li .nav_2dep ul{padding-top:10px;float:left;}
#header nav > ul > li .nav_2dep ul:nth-child(even){margin-left:140px;}
#header nav > ul > li .nav_2dep ul li{padding-top:10px;}
#header nav > ul > li .nav_2dep ul li a{font-size:18px;line-height:28px;color:#fff;letter-spacing:-1px;}
#header nav > ul > li .nav_2dep ul li a:hover{color:#ee7963;}
#header nav > ul > li .nav_2dep ul li.active a{color:#ee7963;}
#header nav > ul > li .nav_2dep ul li.on a{color:#ee7963;}
#header nav > ul > li.active .nav_2dep{display:block;height:290px;}
#header nav > ul > li:nth-child(2) .nav_2dep{padding-left:403px;}
#header nav > ul > li:nth-child(3) .nav_2dep{padding-left:523px;}
#header nav > ul > li:nth-child(4) .nav_2dep{padding-left:738px;}
#header nav > ul > li:nth-child(5) .nav_2dep{padding-left:905px;}
#header nav > ul > li:nth-child(6) .nav_2dep{padding-left:1100px;}
#header nav > ul > li:nth-child(7) .nav_2dep{padding-left:1294px;}
#header .search{width:300px; margin-left:auto; transition:all 0.5s ease;}
#header .search:after{content:'';display:block;clear:both;width:90%;height:3px;border-radius:50px;background:#030405;}
#header .search input{width:260px;border:none;transition:all 0.5s ease;}
#header .search a{display:inline-block;width:33px;height:33px;margin-top:0;float:right;text-indent:-1000em;background:url(../image/btn_search.png) no-repeat center center;background-size:100% auto;}
#header .nav_2dep_bg{width:100%;max-width:1692px;height:0;position:absolute;left:50%;margin-left:-846px;top:140px;z-index:0;background:rgba(38,38,38,0.8);}
#header .nav_2dep_bg.active {height: 310px;}
#header_m{display:none;}
#search_wrap{display:none;}
#nav_wrap{display:none;}
.nav_2dep_bg_m{display:none;}
@media(max-width:1810px){
    /* #header nav{float:left;}
    #header nav > ul > li p a{font-size:1.1vw;line-height:30px;}
    #header .search {width:14vw; padding-left:3vw;}
    #header .search input{width:210px;padding:0;font-size:14px;}
    #header .search a{width:25px;}
    #header nav > ul > li .nav_2dep ul li a{font-size:16px;line-height:24px;}
    #header nav > ul > li:nth-child(2) .nav_2dep{padding-left:380px;}
    #header nav > ul > li:nth-child(3) .nav_2dep{padding-left:486px;}
    #header nav > ul > li:nth-child(4) .nav_2dep{padding-left:676px;}
    #header nav > ul > li:nth-child(5) .nav_2dep{padding-left:824px;}
    #header nav > ul > li:nth-child(6) .nav_2dep{padding-left:999px;} */
    #header{height:7.73vw;}
    #header header{max-width:99.01vw; padding:0 2.76vw; height:7.73vw;}
    #header .logo{width:11.22vw; height:2.49vw;  padding-right:2.87vw;}
    #header nav > ul { height: 7.73vw;}
    #header nav > ul > li{padding-left:1.99vw; }
    #header nav > ul > li p a{font-size:1.18vw;line-height:1.77vw;letter-spacing:-0.06vw;}

    #header nav > ul > li .nav_2dep{width:100%;top:7.73vw;}
    #header nav > ul > li .nav_2dep ul{padding-top:0.55vw;}
    #header nav > ul > li .nav_2dep ul:nth-child(even){margin-left:7.73vw;}
    #header nav > ul > li .nav_2dep ul li{padding-top:0.55vw; line-height:1.25;}
    #header nav > ul > li .nav_2dep ul li a{font-size:0.99vw;letter-spacing:-0.06vw;}
    #header nav > ul > li.active .nav_2dep{height:16.02vw;}

    #header nav > ul > li:nth-child(2) .nav_2dep{padding-left:22.27vw;}
    #header nav > ul > li:nth-child(3) .nav_2dep{padding-left:28.70vw;}
    #header nav > ul > li:nth-child(4) .nav_2dep{padding-left:40.12vw;}
    #header nav > ul > li:nth-child(5) .nav_2dep{padding-left:49.00vw;}
    #header nav > ul > li:nth-child(6) .nav_2dep{padding-left:59.5vw;}
    #header nav > ul > li:nth-child(7) .nav_2dep{padding-left:69.9vw;}
    #header .search{width:16.57vw;}
    #header .search:after{height:0.17vw;border-radius:2.76vw;}
    #header .search input{width:14.36vw;}
    #header .search a{width:1.82vw;height:1.82vw;}
    #header .nav_2dep_bg{max-width:93.28vw;margin-left:-46.64vw;top:7.73vw;}
    #header .nav_2dep_bg.active {height: 17.13vw;}
}
/*
@media(max-width:1420px){
    #header header{padding:0 15px;}
    #header nav > ul > li{padding-left:25px;}
    #header nav > ul > li p a{font-size:18px;}
    #header .search a{width:23px;}
    #header .search:after{height:2px;}
    #header nav > ul > li .nav_2dep ul li a{font-size:14px;line-height:20px;}
    #header nav > ul > li:nth-child(1) .nav_2dep{padding-left:250px;}
    #header nav > ul > li:nth-child(2) .nav_2dep{padding-left:324px;}
    #header nav > ul > li:nth-child(3) .nav_2dep{padding-left:409px;}
    #header nav > ul > li:nth-child(4) .nav_2dep{padding-left:563px;}
    #header nav > ul > li:nth-child(5) .nav_2dep{padding-left:682px;}
    #header nav > ul > li:nth-child(6) .nav_2dep{padding-left:824px;}
}
@media(max-width:1170px){
    #header{height:90px;}
    #header .logo{width:160px;padding-top:20px;}
    #header nav{}
    #header nav > ul > li p a{padding-bottom:35px;font-size:15px;line-height:25px;}
    #header .search{right:50px;top:22px;}
    #header nav > ul > li.active .nav_2dep{top:90px;}
    #header .nav_2dep_bg{top:90px;}
    #header nav > ul > li .nav_2dep ul li a{font-size:13px;line-height:17px;font-weight:300;}
    #header nav > ul > li:nth-child(1) .nav_2dep{padding-left:205px;}
    #header nav > ul > li:nth-child(2) .nav_2dep{padding-left:266px;}
    #header nav > ul > li:nth-child(3) .nav_2dep{padding-left:342px;}
    #header nav > ul > li:nth-child(4) .nav_2dep{padding-left:477px;}
    #header nav > ul > li:nth-child(5) .nav_2dep{padding-left:585px;}
    #header nav > ul > li:nth-child(6) .nav_2dep{padding-left:710px;}
}
*/
@media(max-width:990px){
    #header{display:none;}
    #header_m{display:block;}
    #search_wrap.active{display:block;}
}
.hidden{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}
#header_m{width:100%;height:100px;position:fixed;left:0;top:0;z-index:10;background:#ee7963;}
#header_m header{position:relative;z-index:1;}
#header_m .logo{width:230px;height:51px;margin:0 auto;padding-top:28px;}
#header_m .logo a{display:block;width:100%;height:100%;text-indent:-1000em;background:url(../image/logo_v1.png) no-repeat center center;background-size:100% auto;}
#header_m .search{width:36px;height:36px;position:absolute;right:111px;top:31px;}
#header_m .search a{display:block;width:100%;height:100%;text-indent:-1000em;background:url(../image/m_btn_search.png) no-repeat center center;background-size:100% auto;}
#header_m .btn_nav{width:29px;height:26px;position:absolute;right:50px;top:37px;}
#header_m .btn_nav a{display:block;width:100%;height:100%;position:relative;}
#header_m .btn_nav i{display:block;width:100%;height:2px;position:absolute;left:0;background:#111;}
#header_m .btn_nav i:nth-child(1){top:0;}
#header_m .btn_nav i:nth-child(2){top:12px;}
#header_m .btn_nav i:nth-child(3){bottom:0;}
#search_wrap{width:100%;position:fixed;left:0;top:100px;z-index:10;padding:60px 3%;text-align:center;box-sizing:border-box;background:#d3f1fc;}
#search_wrap:after{content:'';display:block;clear:both;}
#search_wrap input{width:80%;height:64px;font-size:35px;vertical-align:middle;border:none;border-bottom:6px solid #030405;background:none;}
#search_wrap a{display:inline-block;width:64px;height:64px;text-indent:-1000em;vertical-align:middle;background:url(../image/m_btn_search_02.png) no-repeat center center;background-size:100% auto;}
#nav_wrap{width:100%;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:51;}
#nav_wrap nav{width:85%;position:absolute;right:0;top:0;bottom:0;overflow-y:auto;background:#fff;}
#nav_wrap ul{padding:0 45px;}
#nav_wrap li{text-align:right;letter-spacing:-1px;}
#nav_wrap li a{display:block;}
#nav_wrap li p{padding:30px 0;position:relative;font-size:35px;line-height:45px;border-bottom:1px solid #000;}
#nav_wrap li p:before{content:'';display:block;clear:both;width:20px;height:2px;position:absolute;left:10px;top:53px;transform:rotate(90deg);background:#000;}
#nav_wrap li p:after{content:'';display:block;clear:both;width:20px;height:2px;position:absolute;left:10px;top:53px;background:#000;}
#nav_wrap li p.active:before{width:15px;left:4px;transform:rotate(45deg);}
#nav_wrap li p.active:after{width:15px;left:14px;transform:rotate(-45deg);}
#nav_wrap li .nav_2dep{display:none;}
#nav_wrap li ul{padding:0;}
#nav_wrap li ul li{padding:25px 0;font-size:25px;line-height:30px;border-bottom:1px solid #b2b2b2;}
#nav_wrap li ul li a{color:#595959;}
#nav_wrap li ul li.on a{color:#00a0da;}
#nav_wrap .btn_nav_close{width:29px;height:26px;position:fixed;right:90%;top:35px;}
#nav_wrap .btn_nav_close a{display:block;width:100%;height:100%;}
#nav_wrap .btn_nav_close a i{display:block;width:100%;height:2px;position:absolute;left:0;top:12px;background:#fff;}
#nav_wrap .btn_nav_close a i:nth-child(1){transform:rotate(45deg);}
#nav_wrap .btn_nav_close a i:nth-child(2){transform:rotate(-45deg);}
.nav_2dep_bg_m{width:100%;position:fixed;z-index:50;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);}
@media(max-width:990px){
	#header_m .logo a{background:url(../image/logo_m.png) no-repeat center center;background-size:100% auto;}
}
@media(max-width:580px){
    #header_m{height:auto;padding:8px 0;}
    #header_m .logo{width:180px;padding:0;}
    #header_m .search{display: none;width:25px;height:25px;right:15%;top:25%;}
    #header_m .btn_nav{width:25px;height:20px;right:3%;top:30%;}
    #header_m .btn_nav i:nth-child(2){top:9px;}
    #search_wrap{top:67px;padding:30px 3%;}
    #search_wrap input{height:45px;border-width:4px;font-size:30px;}
    #search_wrap a{width:45px;height:45px;}
    #nav_wrap ul{padding:0 25px;}
    #nav_wrap li p{padding:15px 0;font-size:25px;line-height:35px;}
    #nav_wrap li p:before{top:32px;}
    #nav_wrap li p:after{top:32px;}
    #nav_wrap li ul li{padding:15px 0;font-size:20px;line-height:25px;}
    #nav_wrap .btn_nav_close{top:20px;}
}
@media(max-width:450px){
    #nav_wrap ul{padding:0 15px;}
    #nav_wrap li p{padding:10px 0;font-size:17px;line-height:25px;}
    #nav_wrap li p:before{width:14px;top:22px;}
    #nav_wrap li p:after{width:14px;top:22px;}
    #nav_wrap li p.active:before{width:10px;left:8px;}
    #nav_wrap li p.active:after{width:10px;}
    #nav_wrap li ul li{padding:10px 0;font-size:13px;line-height:20px;}
    #nav_wrap .btn_nav_close{right:88%;}
}
@media(max-width:380px){
    #header_m .logo{width:150px;}
    #header_m .search{width:20px;height:20px;top:28%;}
    #header_m .btn_nav{width:20px;height:15px;top:32%;}
    #header_m .btn_nav i:nth-child(2){top:7px;}
    #nav_wrap nav{width:80%;}
}

.bg_d9d9d9 #container{background:#d9d9d9;}
.bg_d9d9d9 #footer{background:#d9d9d9;}
.bg_d9d9d9 .btn_download_m{background:#d9d9d9;}
.bg_d9d9d9 .page_title em{color:#fff;font-weight:600;font-size:0.6em;vertical-align:top;border:none;background:#000;}

.bg_c9caca #container{background:#c9caca;}
.bg_c9caca #footer{background:#c9caca;}
.bg_c9caca .btn_download_m{background:#c9caca;}
.bg_c9caca .page_title em{color:#fff;font-weight:600;font-size:0.6em;vertical-align:top;border:none;background:#000;}
@media(max-width:990px){
    .bg_c9caca #container{background:#e6e6e6;}
    .bg_c9caca #footer{background:#e6e6e6;}
    .bg_c9caca .btn_download_m{background:#e6e6e6;}
}

/* container */
#container{padding-top:160px;}
@media(max-width:1110px){
    #container{padding-top:130px;}
}
@media(max-width:990px){
    #container{padding-top:120px;}
}
@media(max-width:580px){
    #container{padding-top:80px;}
}




.btn_download_m{display:none;height:87px;padding:50px 0;text-align:center;}
.btn_download_m a{display:block;width:auto;height:100%;margin:0 50px;font-size:28px;line-height:87px;color:#fff;font-weight:300;background:#1d1d1b;}
.btn_download_m a i{display:inline-block;width:56px;height:41px;margin-right:25px;vertical-align:middle;background:url(../image/m_btn_download.png) no-repeat center center;}
.btn_download_m.btn_type1 a{background:#9e9e9e;}
.btn_download_m.btn_type1 a i{background:url(../image/icon_feedback.png) no-repeat center center; background-size: 100% auto;}
#container.main .btn_type2 {padding:50px 0 18px;}
#container.main .btn_type2:last-child {padding:5px 0 15px;}


@media(max-width:990px){
    .btn_download_m{display:block;}
}

@media(max-width:580px){
    .btn_download_m{height:50px;padding: 15px 0 5px;}
    .btn_download_m a{margin:0 3%;font-size:20px;line-height:50px;}
    .btn_download_m a i{width:35px;height:100%;margin-right:15px;background-size:100% auto;}
	#container.main .btn_type2 {padding:5px 0;}
}





/* footer */
#footer{border-top:1px solid #444041; max-width:1690px;margin:0 auto;padding:0 40px 0 0; margin-top:50px; box-sizing:border-box;}
#footer footer{padding:20px 0 20px;position:relative;font-size:14px;line-height:24px;color:#3d3d3d;box-sizing:border-box;}
#footer:before{content:'';display:none;clear:both;max-width:1920px;height:1px;margin:0 auto;background:#969495;}
#footer footer a{font-size:14px;line-height:24px;color:#3d3d3d;}
#footer footer:after{content:'';display:block;clear:both;}
#footer .left address{color:#000;}
#footer .left .f_info:after{content:'';display:block;clear:both;}
#footer .left .f_info p{float:left;}
#footer .left .f_info b{color:#000;}
#footer .left .f_info i{display:inline-block;padding:0 4px;color:#000;}
#footer .left .f_info a{display:inline-block;color:#000;}
#footer .left .f_info a:hover{color:#3d3d3d;transition:all 0.5s ease;}
#footer .right{position:absolute;right:0;top:20px;text-align:right;}
#footer .right a{display:block;font-weight:700;}
#footer .right a:hover{color:#000;transition:all 0.5s ease;}
#footer .right .logo_wa{display:inline-block;width:36px;height:35px;margin-top:17px;background:url(../image/logo_wa.png) no-repeat center center;background-size:100% auto;}
#footer .copy{clear:both;padding-top:4px;color:#595959;}

@media(max-width:1810px){
    #footer{border-top:0.06vw solid #444041; max-width:93.37vw;padding:0 2.21vw 0 0; margin-top:2.76vw; }
    /* #footer footer{padding:1.10vw 0 1.10vw;font-size:0.77vw;line-height:1.33vw;}
    #footer:before{max-width:106.08vw;height:0.06vw;}
    #footer footer a{font-size:0.77vw;line-height:1.33vw;}
    #footer .left .f_info i{padding:0 0.22vw;}
    #footer .right{right:0;top:1.10vw;}
    #footer .right .logo_wa{width:1.99vw;height:1.93vw;margin-top:0.94vw;}
    #footer .copy{padding-top:0.22vw;} */
}

@media(max-width:990px){
    #footer{padding-top:0;}
    #footer footer{padding:30px 50px;position:relative;}
    #footer:before{content:'';display:none;clear:both;height:1px;position:absolute;left:50px;right:50px;background:#000;}
    #footer .left .f_info p:nth-child(3){clear:both;}
    #footer .right .logo_wa{width:45px;height:45px;}
    #footer .right{right:50px;top:30px;}
}
@media(max-width:580px){
    #footer footer{padding:30px 3%;font-size:14px;line-height:24px;}
    #footer:before{left:3%;right:3%;}
    #footer footer a{font-size:14px;line-height:24px;}
    #footer .left address u{display:block;}
    #footer .left .f_info p:nth-child(6){clear:both;}
    #footer .right{right:3%;}
    #footer .right .logo_wa{width:55px;height:55px;}
}
/* @media(max-width:410px){
    #footer .right{position:relative;left:0;top:0;text-align:left;}
    #footer .right a{color:#000;}
    #footer .copy{font-size:12px;}
} */
/* [E] layout */