@charset "utf-8";

/*login*/
#page-login{background-color:#eaedf1;padding:0;margin:0}
.login-content{position:absolute;width:796px;height:499px;margin:150px auto;right:0;left:0}
.login-content h1{margin-bottom:10px;margin-left:3px}

.login-text{text-align:center;position:absolute;top:0;left:0;width:50%;height:233px;padding-top:162px;padding-left:46px}
.login-text:after{display:block;position:absolute;z-index:10}
.login-text .title{position:relative;width:87%;font-size:16px;color:#fff;font-weight:600;line-height:1;z-index:10;text-shadow:0 0 3px #000}
.login-text .sub{width:88%;position:relative;margin-top:6px;color:#fff;text-shadow:0 0 3px #000;font-size:12px}

.login-box{position:relative;background:url(../images/login_bg.png) 0 100% no-repeat #fff;width:100%;padding:50px 0 0 398px;height:419px;overflow:hidden}
.login-box h2{line-height:1;color:#1b1b1b;font-size:21px;padding-left:30px;margin:0 0 34px}
.login-box form{width:100%;max-width:336px;min-height:229px;margin:0 auto;display:block}
.login-box form .g-input{text-indent:10px;margin-top: 10px;}
.login-box .g-input{display:block;width:100%;height:35px;line-height:35px;background-color:#f8f8f8}
.login-box .g-input:last-of-type{margin-top:10px}
.login-box .b-input.submit{display:block;width:100%;height:38px;margin-top:16px; margin-bottom:16px;line-height:38px;background-color:#1d50a3;border:1px solid #113d85;color:#fff;font-size:14px}
.login-box .b-input.submit:before{display:inline-block;margin-top:-1px;margin-right:10px;background-image:url(../images/sub.png);background-position:0 0;width:12px;height:17px;vertical-align:middle}

.login-box .set-checkbox{margin:17px 0 21px;line-height:1;font-size:0}
.login-box .set-checkbox label{margin-left:3px;vertical-align:top;font-size:12px;color:#7f8184;line-height:22px}
.login-box .set-checkbox input{vertical-align:top;padding:0}

.dot{margin-right:6px;font-size:0;line-height:0}
.dot:before{display:inline-block;background-image:url(../images/sub.png);background-position:-61px -48px;width:3px;height:5px}
.bbs__tel{margin-right:6px;font-size:0;line-height:0}
.bbs__tel:before{display:inline-block;background-image:url(../images/sub.png);background-position:-48px -67px;width:12px;height:12px}
.bbs__mail{margin-right:6px;font-size:0;line-height:0}
.bbs__mail:before{display:inline-block;background-image:url(../images/sub.png);background-position:-66px -68px;width:12px;height:9px}

.margin_t_20{margin-top:20px!important}
.margin_b_20{margin-bottom:20px!important}

fieldset a{border:none;min-width:0;color:inherit}

/* login footer */
#loginFooter .copy{padding-top:27px;font-size:11px;color:#7f8184;line-height:16px;text-align:center}


@charset "UTF-8";
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
a,audio,canvas,label,progress,span,video{display:inline-block}
article,aside,audio,blockquote,body,button,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-word !important}
body,html{text-rendering:optimizeLegibility}
img{border:none}
audio,img,video{max-width:100%;max-height:100%}
figcaption,figure{margin:0;padding:0}
b,strong{font-weight:600}
address,cite,dfn,em,i{font-style:normal}
mark{background-color:#ff0;color:#000}
small{font-size:90%}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{text-decoration:line-through}
a,span{display:inline-block;vertical-align:middle}
ol,ul,ul li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption{position:relative;width:1px;height:1px;margin:0;padding:0;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{position:absolute;width:1px;height:1px;margin:0;padding:0;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
hr{visibility:hidden;overflow:hidden;position:absolute;height:0;width:0;font-size:0}
template{display:none}
.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.skip{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
input{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;border:1px solid #e9e9e9;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=file]{margin:6px 0 5px;border:none;vertical-align:middle;line-height:21px;height:22px;border-radius:0}
input[type=checkbox],input[type=radio]{width:16px;height:16px;border:1px solid #a6a6a6}
input[type=checkbox]{-webkit-border-radius:0;-moz-border-radius:0}
button{text-transform:none;vertical-align:middle}
[type=button],[type=reset],[type=submit],button{background-color:transparent;cursor:pointer;-webkit-border-radius:0;-webkit-appearance:none}
select{font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle}
textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none}
input[disabled=disabled]{background-color:#ebebeb;color:#959595}
select[disabled=disabled]{background-color:#ebebeb;color:#959595}
:after,:before{display:none;content:''}
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body{position:relative;font-size:12px;line-height:1.5;color:#505050;font-weight:400;font-family:Roboto,"Droid Sans",BaseLine,"Apple SD Gothic Neo",AppleSDGothicNeo,Tahoma,Arial sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
a:active{color:inherit;text-decoration:underline}
.wrap{position:relative;width:1200px;margin:0 auto}

.header{min-width:1200px;background:url(../images/header-bg.gif);height:80px}
.header a:hover{text-decoration:none}
.gnb{position:relative;height:27px;background-color: #4997da;text-align:right;overflow:hidden;}
.gnb:before{display:block;position:absolute;top:0;right:0;width:calc((50vw - 600px) + 100px);height:27px;background-color:#1d50a3}
.gnb .wrap{overflow:hidden}
.gnb__inner{display:inline-block;position:relative;height:27px;min-width:26%;padding-left:26px;margin-right:18px;}
.gnb__inner_portal{display:inline-block;position:relative;height:27px;min-width:26%;padding-left:26px;}
.gnb__inner_portal:before{position:absolute;top:0;right:-40px;display:block;width:calc(100% + 14px);height:27px;background-color: #1d50a3;border-left: 10px solid #75b5ea;-webkit-transform:skew(-30deg);transform:skew(-30deg);}
.gnb__link_portal{display:inline-block;position:relative;padding:0 2px 0; color:#fff;line-height:28px;font-size:1em;text-decoration:none;vertical-align:top}
.gnb__link_portal:link,.gnb__link:visited{color:#fff}
.gnb__link_portal:hover{color:#f9eb06}
.gnb__link_portal:not(:first-child):before{display:inline-block;position:absolute;left:-7px;top:10px;width:1px;height:8px;background-color:rgba(255,255,255,.5)}
.gnb__inner:before{position:absolute;top:0;right:-40px;display:block;width:calc(100% + 14px);height:27px;background-color: #1d50a3;border-left: 10px solid #75b5ea;-webkit-transform:skew(-30deg);transform:skew(-30deg);}
.gnb__link{display:inline-block;position:relative;padding:0 2px 0; margin-right:12px;color:#fff;line-height:28px;font-size:1em;text-decoration:none;vertical-align:top}
.gnb__link:link,.gnb__link:visited{color:#fff}
.gnb__link:hover{color:#f9eb06}
.gnb__link:not(:first-child):before{display:inline-block;position:absolute;left:-7px;top:10px;width:1px;height:8px;background-color:rgba(255,255,255,.5)}
.gnb__link_user{display:inline-block;position:relative;margin-right:12px;color:#fff;line-height:27px;font-size:1em;text-decoration:none;vertical-align:top}
.gnb__link_user:link,.gnb__link_user:visited{color:#9ddbfe}
.gnb__link_user:hover{color:#f9eb06}
.gnb__link_user:not(:first-child):before{display:inline-block;position:absolute;left:0;top:10px;width:1px;height:8px;background-color:rgba(255,255,255,.5)}
.gnb button{display:inline-block;position:relative;font-size:0;vertical-align:top;line-height:27px}
.gnb button:after,.gnb button:before{display:inline-block;vertical-align:middle}
.gnb .user{display:inline-block;position:relative;margin-top:1px;margin-right:0px;font-size:12px;color:#9ddbfe;font-weight:600;line-height:27px;vertical-align:middle;}
.gnb .user span{margin-left:6px;vertical-align:middle}
.gnb .user:before{display:inline-block;vertical-align:middle;margin-top:-2px;background-image:url(../images/common.png);background-position:-230px 0;width:10px;height:11px}
.gnb .mail{position:relative;font-size:0;line-height:0;width:26px;height:12px;vertical-align:middle}
.gnb .mail:before{display:block;position:absolute;top:50%;left:0;vertical-align:middle;background-image:url(../images/common.png);background-position:-101px -193px;width:13px;height:10px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.gnb .mail:after{display:block;position:absolute;top:50%;right:0;margin-left:6px;vertical-align:middle;background-image:url(../images/common.png);background-position:-230px -64px;width:8px;height:4px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.gnb .mail-group{position:relative;display:inline-block;padding:5px 10px 4px;margin-right:-10px;vertical-align:top}
.gnb .mail-group.open{background-color:rgba(0,0,0,.15)}
.gnb .notification{position:relative;font-size:0;line-height:0;width:25px;height:12px;vertical-align:middle}
.gnb .notification:before{display:block;position:absolute;top:50%;left:0;vertical-align:middle;background-image:url(../images/common.png);background-position:-80px -193px;width:11px;height:12px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.gnb .notification:after{display:block;position:absolute;top:50%;right:0;vertical-align:middle;background-image:url(../images/common.png);background-position:-230px -64px;width:8px;height:4px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.gnb .notification__number{position:relative;display:inline-block;margin-right:2px;padding:1px 10px 0;background-color:#fff;border-radius:12px;color:#fd461c;font-size:11px;line-height:15px;vertical-align:middle}
.gnb .notification-group{display:inline-block;position:relative;padding:4px 12px 4px;vertical-align:top}
.gnb .notification-group.open{background-color:rgba(0,0,0,.15)}

.mail__more{display:none;position:absolute;z-index:940;width:147px;top:-3px;right:210px}
.mail__more a{display:block;background-color:#66696e;border:1px solid #b6b6b6;color:#fff;font-size:13px;line-height:35px;text-align:center;text-decoration:none}
.mail__more a:after{display:inline-block;margin-left:15px;vertical-align:middle;background-image:url(/images/common_m.png);background-position:0 -120px;width:4px;height:7px}
.mail__more.open{display:block}
.main .mail__more{right:239px}
.notification__wrap{display:none;position:absolute;z-index:930;width:315px;top:0;right:123px;background:#fff;border:1px solid #b6b6b6;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.notification__wrap.open{display:block}
.notification__item{display:block}
.notification__item a{display:block;padding:20px 20px 15px;text-decoration:none}
.notification__item span{display:block;color:#505050}
.notification__item .idf{color:#505050}
.notification__item .date{color:#8b8b8b;text-align:right}
.notification__item:not(:first-child){border-top:1px solid #e8e8e8}
.notification__item:nth-child(odd){background-color:#f6f6f6}
.notification__more{margin-left:-1px;margin-right:-1px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.notification__more a{display:block;background-color:#66696e;color:#fff;font-size:13px;line-height:28px;text-align:center;text-decoration:none}
.notification__more a:after{display:inline-block;margin-left:14px;vertical-align:middle;background-image:url(/images/common_m.png);background-position:0 -120px;width:4px;height:7px}
.main .notification__wrap{right:154px}

.navigator{position:relative;height:53px;z-index:100}
.sub .logo{position:absolute;left:0;top:10px;z-index:20;width:250px}
.logo{position:absolute;left:0;top:6px;z-index:20;width:250px}
.logo__link{background-image:url(/images/common.png);background-position:0 -59px;width:190px;height:35px}
.logo__link1{background-image:url(/images/common1.png);background-position:0 -0px;width:150px;height:28px}
.nav-no-transition{-webkit-transition:none;transition:none}
.main .nav__tab-body{left:calc(600px - 50vw)}
.main .nav__list{padding-left:calc(50vw - 600px + 250px)}
.nav{position:relative;width:100%}
.nav .depth2,.nav .depth3{display:none}
.nav__wrap{position:relative;overflow-x:hidden;width:calc(100% - 50px);height:100%;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.nav__wrap:after{display:block;position:absolute;width:250px;height:50px;left:0;top:0;background:url(/images/header-bg.gif);z-index:10}
.nav .nav__wrap::-webkit-scrollbar,.nav .nav__wrap::-webkit-scrollbar-thumb,.nav .nav__wrap::-webkit-scrollbar-track{display:none;background-color:transparent}
.nav .nav__tab-body::-webkit-scrollbar,.nav .nav__tab-body::-webkit-scrollbar-thumb,.nav .nav__tab-body::-webkit-scrollbar-track{display:none;background-color:transparent}
.nav .nav__contents::-webkit-scrollbar,.nav .nav__contents::-webkit-scrollbar-thumb,.nav .nav__contents::-webkit-scrollbar-track{display:none;background-color:transparent}
.nav__tab-body{position:relative;width:calc(100% - 80px);-ms-overflow-style:none;-webkit-overflow-scrolling:auto;overflow:-moz-scrollbars-none}
.nav__group{overflow-x:hidden;overflow-y:hidden;float:left;position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;padding-right:100px;box-sizing:content-box;}
.nav__m-button{display:none}
.nav__contents{overflow-x:auto;float:left;position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}
.nav__list{float:left;height:100%;padding-left:250px;white-space:nowrap}
.nav__item{display:inline-block;position:relative;vertical-align:top}
.nav__link{margin-top:3px;padding:0 15px;font-weight:600;font-size:15px;color:rgba(255,255,255,.8);line-height:50px;text-decoration:none}
.nav__link:link,.nav__link:visited{color:rgba(255,255,255,.8)}
.nav__link:hover{color:#f9eb06;text-decoration:none}
.nav .depth2{position:absolute;width:200px;left:50%;top:53px;border: 1px solid #c5c8cd;background-color:#fff;z-index:500;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.nav .depth2:before{display:block;position:absolute;left:calc(50% - 5px);bottom:100%;width:0;height:0;border-left:5px solid transparent;border-right:7px solid transparent;border-bottom:5px solid #fff}
.nav .depth2>li>a{display:block;position:relative;padding:5px 10px 6px 24px;color:#727272;font-size:13px;word-break:keep-all;white-space:normal}
.nav .depth2>li>a:before{display:block;position:absolute;left:15px;top:12px;vertical-align:middle;background-image:url(/images/common.png);background-position:-230px -78px;width:3px;height:5px}
.nav .depth2>li>a:hover{background-color:#c5e6ff;text-decoration:none}
.nav__button{position:absolute;top:15px;width:24px;height:26px}
.nav__button:before{display:inline-block;margin-top:-2px;vertical-align:middle}
.nav__button.prev{right:15px}
.nav__button.prev:before{background-image:url(/images/common.png);background-position:-20px -193px;width:10px;height:15px}
.nav__button.next{right:-5px}
.nav__button.next:before{background-image:url(/images/common.png);background-position:-60px -193px;width:10px;height:15px}
.nav__button:hover.prev:before{background-position:0 -193px}
.nav__button:hover.next:before{background-position:-40px -193px}
.nav-m__header{display:none}
.nav__backdrop{display:none}
.nav .my-menu{display:none}
.nav__tab{display:none}
.footer{overflow:hidden;position:relative;margin-top:25px;background-color:#d2d6dc;height:35px}
.footer:before{display:block;position:absolute;top:0;right:0;width:50vw;height:100%;background:#e6e8ec}
.footer .wrap{text-align:center}
.footer__outro{font-size:11px;font-weight:600;color:#7e7f82}
.footer__outro span{display:inline-block;position:relative;z-index:10}
.footer__outro>span{padding-left:47px;padding-right:47px}
.footer__outro>span:before{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e6e8ec;-webkit-transform:skew(-30deg);transform:skew(-30deg)}
.footer__outro>span span{padding-top:12px;padding-bottom:8px;line-height:1.4em}
.g-responsive{position:relative;width:100%;min-height:.01%;overflow-x:auto;overflow-y:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.text_center{text-align:center}
.text_right{text-align:right}
.text_left{text-align:left}
.vertical_top{vertical-align:top}
.vertical_middle{vertical-align:middle}
.vertical_bottom{vertical-align:bottom}

/* window_popup 추가 */
.g-window__header, .modal__header{margin:0;padding:10px 15px;background-color:#4d525a}
.g-window__title,.modal .modalTitle,.modal__title{font-size:1.2em;color:#fff}
.g-window__content,.modal__content{position:relative;padding:15px;overflow-y:auto;height:70%}
.g-window .main{position:relative;margin:0}
.modal__header{position:relative;font-size:12px;line-height:1.7em;color:#505050;font-family:Roboto,"Droid Sans",BaseLine,"Apple SD Gothic Neo",AppleSDGothicNeo,Tahoma,Arial sans-serif;background-color: #4d525a;letter-spacing:0;text-align:left;}
.modal__header:after{display:block;position:absolute;right:2px;top:-3px;width:16%;height:3px;background-color:#1d50a3;border-left:10px solid #75b5ea;-webkit-transform:skew(-27deg);transform:skew(-27deg);z-index:11}
.modal__header:before{display:inline-block;position:absolute;right:0;top:-3px;width:10px;height:3px;background-color:#1d50a3;z-index:15}

/* go_top */
.go_top {z-index:10;position:fixed; bottom:20px; right:10px; width:40px;height:40px;text-align:center;border-radius:40px;background-color:rgba(102,102,102,.7)}
.go_top span {display:block;padding-top:12px;font-size:11px;color:#fff;}

/* 징수요청 CSS */
.comboframe{clear:both;margin-bottom:0px;overflow: hidden;}
.combobox {width: 48%; height: 500px; border: 1px solid #a5a5a5; float: left;}
.combobox:first-child {margin-right: 4%; }
.combo_top{top:0;margin:10px 10px 0 10px;height:35px;}
.combo_top_main{background:#f3f3f3;height:50ㅇpx;padding:5px 5px 0 5px; border:1px solid #eaeaea;font-weight:bold;}
.combo_main{border:1px solid #eaeaea;margin:0 10px 0px 10px;height:445px;overflow:auto;}
.combo_btn {float: left; position: absolute; top: 320px; right: 49%; margin: 0 auto; text-align: center; }
.buttonProsmall{padding: 5px 11px;font-size: 11px;font-weight: normal;border-radius: 3px;}
@media all and (max-width:1440px){
 .combo_btn{right: 48.5%;}
}
}



@charset "UTF-8";
#main-content{margin-top:20px}
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,
.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.visual{position:relative;background-color:#f2f4f7}
.visual__button{display:block;position:absolute;top:50%;width:55px;height:55px;background-color:#fcfdfd;-webkit-transform:translateY(-24px);transform:translateY(-24px)}
.visual__button:before{display:inline-block}
.visual__button.prev{left:-55px}
.visual__button.prev:before{background-image:url(../images/main.png);background-position:-275px -93px;width:11px;height:21px}
.visual__button.next{right:-55px}
.visual__button.next:before{background-image:url(../images/main.png);background-position:-275px -31px;width:11px;height:21px}
.visual__button:hover{background-color:#3c3d3d}
.visual__button:hover.prev:before{background-image:url(../images/main.png);background-position:-275px -62px;width:11px;height:21px}
.visual__button:hover.next:before{background-image:url(../images/main.png);background-position:-275px 0;width:11px;height:21px}
.visual__dots{display:block;position:absolute;right:0;bottom:30px;width:calc(483px - 66px);text-align:center;font-size:0;line-height:0}
.visual__dots li{display:inline-block;vertical-align:middle}
.visual__dots li.slick-active button{width:40px;height:6px;border-radius:4px;background-color:#fd461c}
.visual__dots li.autoplay button{background-color:transparent;border-radius:0;vertical-align:middle}
.visual__dots li.autoplay .pause{background-image:url(../images/main.png);background-position:-116px -216px;width:20px;height:20px}
.visual__dots li.autoplay .play{background-image:url(../images/main.png);background-position:-86px -216px;width:20px;height:20px}
.visual__dots button{display:block;width:10px;height:10px;margin-left:4px;border-radius:50%;background-color:#79797a;vertical-align:middle}
.visual__item{position:relative}
.visual__item.n1 .visual__text:after{top:88px;left:27%;background-image:url(../images/main.png);background-position:-216px 0;width:49px;height:46px}
.visual__item.n2 .visual__text:after{top:82px;left:27%;background-image:url(../images/main.png);background-position:-144px -144px;width:57px;height:46px}
.visual__item.n3 .visual__text:after{top:88px;left:28%;background-image:url(../images/main.png);background-position:-216px -166px;width:40px;height:40px}
.visual__item img{vertical-align:top}
.visual__text{position:absolute;top:0;right:-1px;width:40.2%;height:233px;padding-top:90px;padding-left:16%}
.visual__text:after{display:block;position:absolute;z-index:10}
.visual__text:before{display:block;position:absolute;top:0;left:0;width:482px;height:233px;background:url(../images/main/visual_text_bg.png) no-repeat left top}
.visual__title{position:relative;width:88%;font-size:1.42em;color:#303741;font-weight:700;line-height:1;z-index:10}
.visual__sub{position:relative;margin-top:6px;color:#7e7d7d}

.grid-area{display:-ms-grid;display:grid;-ms-grid-columns:250px 1fr 250px;grid-template-columns:250px 1fr 250px;
    grid-template-areas:
            "curreny news quick-nav"
            "curreny news popup"
            "holiday news popup";margin-top:20px}
.grid-area1{display:-ms-grid;display:grid;-ms-grid-columns:950px 250px;grid-template-columns:950px 250px;grid-template-areas:"todo_list_all support" "todo_list_all sitelink";margin-top: -40px;}

.section__title{margin-left:5px;font-size:1.5em;color:#1b1b1b;line-height:1em}

/* Improvement opinion / Reference Room */
.quick-nav{-ms-grid-row:1;-ms-grid-column:3;grid-area:quick-nav;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#5099d8;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:103px}
.quick-nav__link{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:50%;padding-top:64px;padding-bottom:0px;text-align:center;line-height:1em;text-decoration:none;color:#fff}
.quick-nav__link:link,
.quick-nav__link:visited{color:#fff}
.quick-nav__link:hover{text-decoration:none;background-color:#3574aa}
.quick-nav__link:before{display:inline-block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);right:0%}
.quick-nav__link.n1:before{background-image:url(../images/icon_quick_nav.png);background-position:0 0;width:106px;height:64px}
.quick-nav__link.n1:hover:before{background-image:url(../images/icon_quick_nav.png);background-position:0 -64px;width:106px;height:64px}
.quick-nav__link.n2:before{background-image:url(../images/icon_quick_nav.png);background-position:-126px 0;width:106px;height:64px}
.quick-nav__link.n2:hover:before{background-image:url(../images/icon_quick_nav.png);background-position:-126px -64px;width:106px;height:64px}
.quick-nav__link .link__infor{padding:7px 20px 7px;border-top:1px solid transparent;background-color:#72777e}
.quick-nav__link .link__infor span{line-height:100%}
.quick-nav__link:hover .link__infor{text-decoration:none;background-color:#5b5f65}
.quick-nav__link:not(:first-child):after{display:block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:rgba(255,255,255,.15)}


/* Support Browser */
.support{-ms-grid-row:1;-ms-grid-column:2;grid-area:support;position:relative;border:1px solid #eaedf2;margin-top:55px}
.support__link{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;text-align:left;line-height:1em;text-decoration:none;padding:20px 0 20px 0}
.support__link span{margin-right:26px;float:right;font-size:12px;color:#5f646b}
.support__link:hover{text-decoration:none;background-color:#f3f5f8}
.support__link:before{display:inline-block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);right:0%}
.support__link.n1:before{background-image:url(../images/support.png);background-position:0 0;margin: 14px 0px 0px -50px;width:95px;height:22px}
.support__link a{color:inherit;}

/* Related Website */
.sitelink{-ms-grid-row:2;-ms-grid-column:2;grid-area:sitelink;position:relative;margin-top: 15px;padding:18px 11px 15px 13px;background-color:#f2f4f7;height:95px}
.sitelink__title{font-size:1.17em;color:#1b1b1b;line-height:1em;margin-left:2px}
.sitelink__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}
.sitelink__select{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:calc(100% - 40px);height:30px;line-height:30px;padding:0 8px;border:1px solid #cdd2da;border-right:none;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff url(../images/select_arrow.png) no-repeat right 8px center}
.sitelink__go{width:40px;height:30px;line-height:25px;margin-left:-3px;background-color:#5f646b;border:1px solid #5f646b;color:rgba(255,255,255,.8)}

@media all and (max-width:1280px){
.visual__control{display:none}
}