@charset "utf-8";
/* skip skip_navigation */
html,body {min-width:320px;}
#skip_navigation{position:relative;top:0;left:0;z-index:100}
#skip_navigation a{overflow:hidden;position:absolute;width:1px;height:1px;margin-bottom:-1px}
#skip_navigation a:focus,#skip_navigation a:active{overflow:auto;position:relative;position:absolute;top:0;width:auto;width:auto;height:auto;margin:0;padding:5px 10px;border:2px solid #232323;background:#1287e0;font-weight:bold;color:#fff}

#header,#container,#footers{position:relative;z-index:1}
body.type02 #container{position:relative;top:-79px;margin-bottom:-79px}

#wrapper.pcoStyle #container,
#wrapper.macStyle #container {top:0 !important;}
#wrapper.pcoStyle #footer_new,
#wrapper.macStyle #footer_new {display:none !important}

/* common */
.view_wide.line{border-bottom:1px solid #d0d5db}
.view_wide.ko{display:none;}
html:lang(ko) .view_wide.ko{display:block;}
.view_default{overflow:hidden;position:relative;max-width:1300px;margin:0 auto;padding:0 70px 0 70px}
.view_default.fix{width:1300px}

/* header */
#header {position:fixed;top:0;left:0;right:0;z-index:101;border-bottom:1px solid #e6e6e6;border-right:0;background:#fff;transition:background 0.4s ease-in, border 0.4s ease-in;}
#header:after{display:block;clear:both;content:''}
#header .inner{position:relative;padding:0 70px;height:81px;margin:0 auto;text-align:center;}
#header .inner.stuck{z-index:10;position:fixed;top:0;left:0;right:0;}
#header .inner:after{display:block;clear:both;content:''}

#header #logo{z-index:6;float:left;position:relative}

#header #logo{z-index:6;float:left;position:relative}
#header #logo a.po {width:182px;height:80px;background:url(/assets/img/common/logo/logo_pc.png) no-repeat 0 45%;background-size:182px auto;transition:background 0.2s linear}
#header #logo a.po span{display:block;font-size:0;text-indent:-9999em}

/* gnb */
#header #gnb{z-index:5;position:absolute;top:0;left:0;right:0;text-align:center;}
#header #gnb:after{display:block;clear:both;content:'';}

/* menu */
#header .menu {display:inline-block;text-align:left;}
#header .menu:after {display:block;clear:both;content:'';}
#header .menu > li {position:relative;float:left;} 
#header .menu > li a.current {position:relative;display:block;height:80px;line-height:80px;padding:0 20px;font-size:16px;font-weight:400;color:#222} 
#header .menu > li a.current:hover {color:#1d7ffa;opacity:0.7}
#header .menu li.ko {display:none;}

html:lang(ko) #header .menu li.ko {display:block;}
html:lang(ko) #header .menu li.global {display:none;}



/* #header .menu > li a.sale:after {display:none;position:absolute;top:5px;left:50%;margin-left:-18px;width:36px;height:22px;background:url(/assets/img/common/badge_sale.png) no-repeat 50% 50%;background-size:36px auto;content:'';}
html:lang(ko) #header .menu > li a.sale:after {display:block;} */
#header .menu .sub_menu {display:none}
#header .menu .sub_menu {position:absolute;top:70px;left:-20px;padding:30px 40px;white-space:nowrap;background:#fff;border-radius:5px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);border: solid 1px rgba(0, 0, 0, 0.1);}
#header .menu .sub_menu > ul {display:inline-block;vertical-align:top;}
#header .menu .sub_menu > ul + ul {margin-left:40px;}
#header .menu .sub_menu > ul  li {line-height:1.5;}
#header .menu .sub_menu > ul  + ul li {line-height:2;}
#header .menu .sub_menu > ul > li .sec_tit {display:block;padding-bottom:10px;font-size:14px;color:#333;font-weight:600}
#header .menu .sub_menu > ul > li  + li {margin-top:20px;}

#header .menu .sub_menu > ul > li ul li ul li a:before {content:'- '}
#header .menu .sub_menu.single > ul > li  + li {margin-top:10px;}
#header .menu .sub_menu a {display:inline-block;font-size:14px;color:#333;line-height:22px;}
#header .menu .sub_menu a:hover {color:#1d7ffa}

/* util */
#util {position:absolute;top:24px;right:70px;}
#util > a {display:inline-block;position:relative;height:32px;line-height:32px;font-size:14px;color:#333;font-weight:400;}
#util > a:hover {color:#1d7ffa}
#util > a.order .ico {display:inline-block;vertical-align:middle;width:30px;height:32px;background:url(/assets/img/common/icon_order_inquiry_gray.png) no-repeat 0 40%;background-size:24px auto;}
#util > a.order:hover .ico {background-image:url(/assets/img/common/icon_order_inquiry_blue.png)}
#util > a.login {margin:0 20px;}
#util > a.login .ico {display:inline-block;vertical-align:middle;width:30px;height:32px;background:url(/assets/img/common/icon_login_gray.png) no-repeat 0 40%;background-size:24px auto;}
#util > a.login:hover .ico {background-image:url(/assets/img/common/icon_login_blue.png)}

#util > a.team {margin-right:45px}
#util > a.team .ico {display:inline-block;vertical-align:middle;width:30px;height:32px;background:url(/assets/img/common/icon_setting_gray.png) no-repeat 0 40%;background-size:24px auto;}
#util > a.team:hover .ico {background-image:url(/assets/img/common/icon_setting_blue.png)}

#util .member {position:relative;display:inline-block;margin-left:45px;height:32px;line-height:32px;}
#util .member .user > a {position:relative;padding-right:18px;}
#util .member .user > a:after {position:absolute;top:50%;right:0;margin-top:-3px;border:5px solid transparent;border-top-width:6px;border-bottom:none;border-top-color:#949494;content:'';}
#util .member .user > a.on:after {transform:rotate(180deg);}
#util .member .user > a .img {display:inline-block;margin-right:4px;vertical-align:middle;width:24px;height:24px;overflow:hidden;border-radius:24px;}
#util .member .user > a .img img {display:block;width:100%;height:100%;}
#util .member .user > a .name {font-size:14px;color:#333;font-weight:400;}
#util .member .user > a:hover .name {color:#1d7ffa}
#util .member .user > a:hover:after {border-top-color:#1d7ffa;}
#util .menu_toggle {width:32px;height:32px;margin-left:45px;background:url(/assets/img/common/icon_menu_gray.png) no-repeat 50% 50%;background-size:32px auto;font-size:0;text-indent:-9999em;opacity:1;}
#util .menu_toggle:hover {background-image:url(/assets/img/common/icon_menu_blue.png);}

.menu_mobile {display:none;}
.member_license {display:none;position:absolute;top:44px;right:-40px;width:320px;text-align:left;line-height:1.2;border-radius:6px 6px 5px 5px;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2);border:1px solid #c8c8c8;background-color:#fff;}
.member_license.basic .upgrade_banner {display:block;}
.member_license .upgrade_banner {display:none;overflow:hidden;display:none;margin:-1px;margin-bottom:0;background:#0029ad;border-radius:5px 5px 0 0}
.member_license .upgrade_banner a {display:block;padding:13px 30px;}
.member_license .upgrade_banner a span {position:relative;display:block;padding:0 20px 0 33px;font-size:13px;color:#fff;background:url(/maxage1/common/img/cloud/ic_crown_small.png) no-repeat 0 50%;background-size:24px auto}
.member_license .upgrade_banner a span:after {position:absolute;top:50%;margin-top:-12px;right:-20px;width:24px;height:24px;background:url(/maxage1/common/img/cloud/ic_arrow_right.png) no-repeat 0 50%;content:'';background-size:24px auto;}
.member_license .upgrade_banner.sale a {padding:13px 24px 13px 30px;background:url(/maxage1/common/img/cloud/upgrade_badge_sale.png) no-repeat 0 0;}
.member_license .user_info {min-height:36px;padding:23px 23px 0 23px;border-bottom:1px solid #d8d8d8}

.member_license.basic .user_info,
.member_license.smart .user_info,
.member_license.pro .user_info,
.member_license.business .user_info {padding-top:0;}

.member_license .user_info .service_name {display:block;margin-top:10px;height:30px;line-height:32px;padding:0 0 0 50px;font-size:13px;font-weight:500}
.member_license .user_info > a {display:block;}
.member_license .user_info dl {position:relative;padding-left:50px;margin:0 0 17px 0;min-height:35px;}
.member_license.basic .user_info dl {margin:17px 0;}

.member_license .user_info dl dt {position:absolute;top:0;left:0;}
.member_license .user_info dl dt img {overflow:hidden;display:block;width:35px;height:35px;border-radius:35px;}
.member_license .user_info dl dd {background:transparent}
.member_license .user_info dl dd span {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;height:18px;}
.member_license .user_info dl dd .user_name {padding-bottom:2px;color:#2f3133}
.member_license .user_info dl dd .user_mail {color:#919599}
.member_license .user_info dl dd .login {padding-top:10px;}
.member_license .service_account ul {padding:11px 6px 11px 20px}
.member_license .service_account ul li {padding:0 4px;float:none;height:auto;line-height:inherit;}
.member_license .service_account ul li.pcv {display:none;}
.member_license .service_account ul li a {line-height:28px;font-size:13px;color:#333;}
.member_license .service_account .b_box {margin:0 6px 0 14px;padding:12px 0 10px 0;text-align:center;border-top:1px solid #d2d2d2}
.member_license .service_account .b_box a {display:inline-block;height:26px;line-height:26px;padding:0 32px;font-size:14px;color:#333;border-radius:2px;text-align:center;border: 1px solid #c8c8c8;}

.member_license.basic .user_info .service_name {display:none}
.member_license.basic .service_account {top:25px}
.member_license.smart .user_info .service_name {color:#1d7ff9;background:url(/maxage1/common/img/cloud/ic_crown_small.png) no-repeat 6px 50%;background-size:24px auto}
.member_license.pro .user_info .service_name {color:#0029ad;background:url(/maxage1/common/img/cloud/ic_crown_small.png) no-repeat 6px 50%;background-size:24px auto}
.member_license.business .user_info .service_name {color:#102362;background:url(/maxage1/common/img/cloud/ic_business_small.png) no-repeat 6px 50%;}

/* !main gnb & menu & util */
.main #header {background:#222;border-bottom:1px solid #222;}
.main #header:before {display:none;}
.main #header #logo a.po {background-image:url(/assets/img/common/logo/logo_pc_light.png)} 
.main #header #logo a.po:hover {opacity:0.7;} 
.main #header .menu > li a.current {color:#fff} 
.main #header .menu > li a.current:hover {color:#fff;} 

.main #util > a {color:#f8f8f8}
.main #util > a .ico {transition:opacity 0.2s linear}
.main #util > a.order .ico {background-image:url(/assets/img/common/icon_order_inquiry_white.png);opacity:0.7}
.main #util > a.login .ico {background-image:url(/assets/img/common/icon_login_white.png);opacity:0.7}
.main #util > a:hover {color:#fff;}
.main #util > a:hover .ico {opacity:1;}
.main #util .member .user .name {color:#f8f8f8;}
.main #util .member .user > a:hover .name {color:#f8f8f8;}
.main #util .member .user > a:after {border-top-color:#bdbdbd;}
.main #util .menu_toggle {background-image:url(/assets/img/common/icon_menu_white.png)}


/* !main gnb & menu & util */
.main.fp-viewing-0 #header {background:transparent;border-bottom:1px solid transparent}

#container{min-height:1%;clear:both;;min-height:630px;padding:80px 0 40px 0;}
#container.pr_wrap{padding-top:134px;}
#container.sub_fixed{padding-top:134px;}
html.promotion #container .location.h{top:162px;}
html.promotion #container.sub_fixed .location.h{top:162px;}

.main #container{padding-top:0;}
html.promotion .main #container{padding-top:80px;}
#promotion {display:none;height:80px;overflow:hidden;}

html.promotion #container {padding-top:163px;}
html.promotion #container.pr_wrap  {padding-top:212px;}
html.promotion #container.sub_fixed {padding-top:212px;}


/* location */
.location{position:relative;z-index:1;margin:0 auto;padding:16px 70px}
.location:after{display:block;content:'';clear:both;}
.location > a,
.location > span{display:inline-block;font-size:12px;color:#666; vertical-align:top}
.location > a {margin-right:6px;padding-right:14px;background:url(/assets/img/common/bg_location.png) no-repeat 100% 50%}
.location.bg_type {height:20px;margin-bottom:-53px}
.location.bg_type > a,
.location.bg_type > span{color:#fff;}
.location.bg_type > a{background:url(/assets/img/common/bg_location02.png) no-repeat 100% 50%;}
.location.bg_type02 {height:20px;margin-bottom:-53px;}
.location.bg_type02 > a,
.location.bg_type02 > span {opacity:0.5}
.location.bg_type03 {height:20px;margin-bottom:-53px;}
.location.bg_type03 > a,
.location.bg_type03 > span{color:#999;}
.location.bg_type03 > a{background:url(/assets/img/common/bg_location03.png) no-repeat 100% 50%;}

.location.bg_type04 {height:20px;margin-bottom:-53px;}
.location.bg_type04 > a,
.location.bg_type04 > span{color:#333;}
.location.bg_type04 > a{background:url(/assets/img/common/bg_location03.png) no-repeat 100% 50%;}

.location .download_prod {position:absolute;top:0;right:55px;}
.location .download_prod:after {display:block;content:'';clear:both;}
.location .download_prod .sub_menu {position:relative;float:left;}
.location .download_prod .sub_menu > a,
.location .download_prod > a {display:block;float:left;font-size:14px;padding:16px 20px;background:none;}
.location .download_prod .sub_menu > a:hover,
.location .download_prod > a:hover {color:#1d7ffa}
.location .download_prod > a.btn {margin:12px 10px 0 20px;padding:0 22px;}
.location .download_prod .sub_menu > div {display:none;position:absolute;top:50px;left:-20px;padding:30px 40px;white-space:nowrap;background:#fff;border-radius:5px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);border: solid 1px rgba(0, 0, 0, 0.1);}
.location .download_prod .sub_menu strong {display:block;padding-bottom:10px;font-size:14px;color:#333;font-weight:600}
.location .download_prod .sub_menu >a {display:inline-block;font-size:14px;padding:16px 20px;font-size:14px;color:#333;line-height:20px;}
.location .download_prod .sub_menu a:hover {color:#1d7ffa}
.location .download_prod .sub_menu ul + strong {margin-top:20px;}
.location .download_prod .btn_box {display:inline-block;margin-top:12px;padding:0;text-align:right;}
.location .download_prod a.btn {margin-left:20px;padding:0 22px;height:30px;line-height:30px;background:#1d7ffa}
.location .download_prod a.btn:hover {background:#1766c7}
.location .download_prod .mobile {display:none;}
.location .o_btn {position:absolute;top:12px;right:70px;}

.location.h {z-index:12;position:fixed;top:82px;left:0;right:0;border-bottom:1px solid #e6e6e6;background:#fff}
html.promotion #container.sub_fixed .location.h {top:162px;}

/* footers */
#footers{height:400px;background:#333}
#footers .inner {position:relative;margin:0 auto;padding:17px 70px;line-height:1;}
#footers .inner:after {display:block;clear:both;content:'';}
#footers .inner + .inner {padding:30px 70px;text-align:left;border-top:1px solid #444;line-height:1.5;}
#footers .follow_us {float:left;overflow:hidden;}

.follow_us dt {float:left;padding:10px 8px 0 0;font-size:14px;color:#999}
.follow_us dd {float:left;margin-left:10px;}
.follow_us dd a {display:block;font-size:0;width:40px;height:40px;background-size:40px auto;background-repeat:no-repeat;background-position:50% 50%}
.follow_us dd a.facebook {background-image:url(/assets/img/common/sns_facebook_n.png);}
.follow_us dd a.blog {background-image:url(/assets/img/common/sns_blog_n.png);}
.follow_us dd a.youtube {background-image:url(/assets/img/common/sns_youtube_n.png);}
.follow_us dd a.insta {background-image:url(/assets/img/common/sns_insta_n.png);}
.follow_us dd a.kakao {display:none;background-image:url(/assets/img/common/sns_kakao_n.png);}
html:lang(ko) .follow_us dd a.kakao {display:block}
.follow_us dd a.vk {background-image:url(/assets/img/common/sns_vk_n.png);}
.follow_us dd a.facebook:hover {background-image:url(/assets/img/common/sns_facebook_s.png)}
.follow_us dd a.blog:hover {background-image:url(/assets/img/common/sns_blog_s.png)}
.follow_us dd a.youtube:hover {background-image:url(/assets/img/common/sns_youtube_s.png)}
.follow_us dd a.insta:hover {background-image:url(/assets/img/common/sns_insta_s.png)}
.follow_us dd a.kakao:hover {background-image:url(/assets/img/common/sns_kakao_s.png)}
.follow_us dd a.vk:hover {background-image:url(/assets/img/common/sns_vk_s.png)}

#footers .menu_toggle {float:right;margin-top:5px;height:32px;line-height:32px;padding-right:40px;font-size:14px;color:#fff;background:url(/assets/img/common/icon_menu_white.png) no-repeat 100% 50%;background-size:32px auto;}

#footers .info{overflow:hidden}
#footers .info li{float:left;padding-right:32px}
#footers .info li a{font-size:14px;color:#999}
#footers .info li a.privacy{color:#fff}
#footers .info li.ko {display:none;}
html:lang(ko) #footers .info li.ko {display:block;}

#footers .copyright{padding-top:22px;font-size:12px;color:#999}
#footers .prv{padding-top:25px;}
#footers .prv p {display:none;font-size:12px;color:#999;}
#footers .prv p + p {padding-top:25px;}
#footers .prv p a {color:#2baff4}
#footers .prv p strong {font-weight:500}
#footers .prv + .copyright {padding-top:20px;}
#footers .prv p.copyright {display:block;}
html:lang(ko) #footers .prv p {display:block;}

#footers .etc {position:absolute;top:30px;right:70px;}
#footers .etc .select_list {position:relative;display:inline-block;;height:36px;border-radius:.2em;border:1px solid #666;background:#303030}
#footers .etc .select_list a.fm_toggle{display:block;height:36px;padding:0 14px;line-height:36px;font-size:13px;color:#fff}
#footers .etc .select_list a.fm_toggle:after{display:inline-block;position:absolute;top:15px;right:14px;width:0;height:0;border-top:0;border-bottom:6px solid #aaa;border-right:4px solid transparent;border-left:4px solid transparent;content:'';transition:transform .2s ease}
#footers .etc .select_list a.fm_toggle.on:after{transform:rotate(180deg)}
#footers .etc .select_list .fm_list {display:none;position:absolute;left:-1px;right:-1px;bottom:37px;z-index:10;padding:5px 0;border-radius:.2em;background:#252525}
#footers .etc .select_list .fm_list li a{display:block;padding:6px 14px;font-size:14px;color:#999}
#footers .etc .select_list .fm_list li a:hover{color:#fff}
#footers .etc .select_list.f1 {width:155px;}
#footers .etc .select_list.f1 .fm_list li a {padding-left:38px;}
#footers .etc .select_list.f1 .fm_list li a.on {color:#fff;background:url(/assets/img/common/icon_check_white.png) no-repeat 14px 50%;background-size:14px auto}
#footers .etc .select_list.f2 {width:160px;margin-left:6px;}

#footers .ce_list {position:absolute;top:90px;right:70px;}
#footers .ce_list li {display:inline-block;margin-left:16px;}
#footers .ce_list li a {display:block;}
#footers .ce_list li a img {display:inline-block;height:40px;}

#allMenu {display:none;z-index:102;position:fixed;top:0;left:0;right:0;text-align:center;background:#222;}
#allMenu > .inner {display:inline-block;position:relative;padding:45px 0;text-align:left;}
#allMenu > .inner .menu_list .menu {overflow:hidden;}
#allMenu > .inner .menu_list .menu + .menu {margin-top:10px;}
#allMenu > .inner .menu_list .menu .current {float:left;min-width:120px;margin-right:30px;}
#allMenu > .inner .menu_list .menu .current a {position:relative;display:inline-block;padding:12px 0 0 20px;font-size:24px;color:#fff;font-weight:300;opacity:0.8;}
#allMenu > .inner .menu_list .menu .current a:after {width:12px;height:2px;background:#1d76e6;position:absolute;top:14px;left:-2px;transform: rotate(45deg);;content:'';}
#allMenu > .inner .menu_list .menu .list {overflow:hidden;margin-top:18px;}
#allMenu > .inner .menu_list .menu .list > li {float:left;float:left;margin-right:50px;}
#allMenu > .inner .menu_list .menu .list > li .sec_tit {display:block;padding-bottom:10px;font-size:16px;color:#fff;opacity:0.8;font-weight:500}
#allMenu > .inner .menu_list .menu .list > li a {font-size:16px;color:#fff;opacity:0.7;font-weight:300}
#allMenu > .inner .menu_list .menu .list > li ul  {}
#allMenu > .inner .menu_list .menu .list > li ul li ul {opacity:1;}
#allMenu > .inner .menu_list .menu .list > li ul li ul li a:before {content:'- '}
#allMenu > .inner .menu_list .menu .list.non_f li {float:none;}
#allMenu > .inner .menu_list .menu .list ul.col2 {overflow:hidden;width:420px;}
#allMenu > .inner .menu_list .menu .list ul.col2 li {float:left;width:210px;}
#allMenu > .inner .menu_list .menu .list ul.col2 li:nth-child(2n) {float:right;}
#allMenu > .inner .follow_us {position:absolute;right:0;bottom:45px;}
#allMenu > .close {position: absolute;top:24px;right:70px;width:32px;height:32px;font-size:0;background:url(/assets/img/common/icon_close_white.png) no-repeat 50% 50%;background-size:32px auto;}

#allMenu > .inner .menu_list .menu .list li.ko {display:none;}
html:lang(ko) #allMenu > .inner .menu_list .menu .list li.ko {display:block;}
html:lang(ko) #allMenu > .inner .menu_list .menu .list li.global {display:none;}



.layer_pop {display:none;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;}
.layer_pop:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.3;}
.layer_pop .inner {position:absolute;top:50%;left:50%;display:block;padding:20px 0 12px 0;border-radius:0.3em;background:#fff;}
.layer_pop .inner .contents {overflow:auto;padding:15px 30px 0 30px;max-height:400px;border:0;border-radius:0;box-shadow:none}
.layer_pop .inner .contents .cvc_img img {width:100%;max-width:100%;}
.layer_pop .inner .contents .descript {font-size:14px;color:#333;}
.layer_pop .inner .contents .descript02 {font-size:13px;color:#333;}
.layer_pop h1 {position:static;display:block;padding:0 45px 0 30px;text-align:left;font-weight:500;font-size:20px;color:#333;border-radius:0;background:none;}
.layer_pop h2 {display:block;padding:0 0 0 0;text-align:left;font-weight:500;font-size:14px;color:#333;}
.layer_pop p.text {margin:0;padding:0;}
.layer_pop a.close {position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;text-indent:-9999em;background:url(/assets/img/common/layer_close.png) no-repeat 50% 50%;}
.layer_pop .btn_box {margin-top:30px;padding:12px 0 0 0;border-top:1px solid #e6e6e6}
.layer_pop .btn.tax_btn_box .btn.small {margin:0;padding:0 30px;}
.layer_pop .btn.tax_btn_box {margin:0;border:0;}
.layer_pop table {border:0;border-bottom:1px solid #d6d6d6;}
.layer_pop table.line thead tr th + th,
.layer_pop table.line tbody tr td + td {border-left:1px solid #d6d6d6;}
.layer_pop table thead tr th {font-size:14px;font-weight:500}
.layer_pop table tbody tr th,
.layer_pop table tbody tr td {border-bottom:0;}
.layer_pop table tbody tr.last th,
.layer_pop table tbody tr.last td {border-bottom:0}

.bg_common.type01 {margin-bottom:-40px;background:#3f587b url(/assets/img/common/bg_common_type01.png) no-repeat 50% 0;background-size:cover;}
.bg_common.type02 {margin-bottom:-40px;background:#3f587b url(/assets/img/common/bg_common_type02.png) no-repeat 50% 0;background-size:cover;}
.bg_common.type03 {margin-bottom:-40px;background:#3f587b url(/assets/img/common/bg_common_type03.png) no-repeat 50% 0;background-size:cover;}
.bg_common.type04 {background:#3f587b url(/assets/img/common/bg_common_type04.jpg) no-repeat 50% 0;background-size:cover;}
.bg_common.type05 {background:#f5f5f5;}
.bg_common.type05 .tit {color:#333;font-weight:600;}
.bg_common.type05 .txt {color:#333;font-weight:400;}
.bg_common.type05 .bottom_banner .btn_box .btn.type01:before {background:none}

.view_wide.bg_common .view_default {display:table;width:100%;padding:0;}
.bottom_banner{display:table-cell;position:relative;height:70px;padding:65px 70px;vertical-align:middle;}
.bottom_banner .tit{margin-top:-4px;padding-right:200px;font-size:24px;color:#fff;font-weight:400;}
.bottom_banner .txt{padding-top:14px;font-size:16px;color:#fff;font-weight:300;}
.bottom_banner .txt a {margin:3px 2px 0 10px}
.bottom_banner .btn_box{position:absolute;top:80px;right:70px;}
.bottom_banner .btn_box .btn {min-width:160px;}
.bottom_banner .btn_box .btn.type01:before{background:#000;opacity:0.1}
.bottom_banner .btn_box .btn.type01:hover:before{background:#fff;opacity:0.2}
.bottom_banner.add_txt .tit{margin-top:-4px;padding:0;}
.bottom_banner.add_txt .txt{padding:9px 0 0;}
html:lang(ru) .bottom_banner{padding-right:360px;}
html:lang(ru) .bottom_banner .tit{padding-right:0;}

.download_prod_dim {position:fixed;top:190px;left:0;bottom:0;z-index:3;width:100%;height:100%;background:#000;opacity:0.3}
html.promotion .download_prod_dim {top:240px}

@media screen and (max-width:1439px){
	#header .inner {padding:0 30px;}
	.location  {padding:16px 30px;}
	.location .download_prod {right:10px;}
	#util {right:10px}
	#footers .inner {padding:17px 30px;}
	#footers .inner + .inner {padding:30px;}
	#footers .etc {right:30px;}
	#footers .ce_list {right:30px}

}
@media screen and (max-width:1550px){
	html:lang(ru) #header .menu > li a {padding:0 8px;}
	html:lang(ru) #util > a.login {margin:0 10px;}

	html:lang(ja) #header .menu > li a {padding:0 8px;}
	html:lang(ja) #util > a.login {margin:0 10px;}

	html:lang(en) #header .menu > li a {padding:0 15px;}
	html:lang(en) #util > a.login {margin:0 10px;}

}

@media screen and (max-width:1400px){
	html:lang(en) #header .menu > li a {padding:0 15px;}
}
@media screen and (max-width:1336px){
	#header .inner {padding:0 15px;height:51px;}
	#header #logo a.po {width:142px;height:51px;background-size:142px auto;}
	#header .menu {display:none}
	#header .menu > li a.sale:after {display:none;}
	html:lang(ko) #header .menu > li a.sale:after  {display:none;}
	#header .menu > li a.current {height:auto;line-height:1.2;}

	#util {top:10px}
	#util > a.team {display:none !important;}
	#util > a.order {display:none !important;}
	#util > a.login {display:none !important;}
	#util > a.join {display:none !important;}
	#util .member {display:none !important;}
	
	#container {padding-top:50px;}	
	html.promotion #container {padding-top:131px;}
	html.promotion #container.sub_fixed {padding-top:184px;}
	.location{max-width:100%;margin:0 auto;padding:16px 20px}
	.location.h {top:51px;}
	html.promotion #container.sub_fixed .location.h {top:132px}
	#container.sub_fixed {padding-top:96px;}

	#footers {height:auto;padding:0 0 20px 0;text-align:center;}
	#footers .inner {padding:10px 10px;}
	#footers .inner + .inner {padding:0;}
	#footers .follow_us {float:none;display:inline-block;}
	#footers .follow_us {text-align:center;}
	#footers .follow_us dt {display:none;}
	#footers .menu_toggle {display:none;}

	#footers .info {text-align:left;}
	#footers .info li {float:none;border-bottom:1px solid #444}
	#footers .info li a {display:block;padding:10px 25px;font-size:13px;}

	#footers .etc {display:flex;position:static;padding:20px 20px 18px 20px;text-align:left;}
	#footers .etc .select_list.f1,
	#footers .etc .select_list.f2 {width:100%;}
	#footers .prv {padding:0 20px;}
	#footers .prv p + p {padding-top:18px;}
	#footers .prv + .copyright {padding:18px 0 20px 20px}
	#footers .ce_list {position:static;}


	#header .menu_mobile {display:none;z-index:10;position:fixed;top:0;right:0}
	#header .menu_mobile .dim {z-index:5;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.7;;content:'';}
	#header .menu_mobile .member_license {z-index:7;display:block;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;right:0;bottom:0;width:300px;border-radius:0;border:0;}
	#header .menu_mobile .menu {display:block;}
	#header .menu_mobile .menu > li {float:none;}
	#header .menu_mobile .menu > li a.current {position:relative;padding:12px 25px;font-size:16px;color:#333;font-weight:400;border-bottom:1px solid #e6e6e6}
	.esub_main #header .menu>li a.current {color:#333 !important}
	#header .menu_mobile .menu > li a.current:hover {color:#333;}
	#header .menu_mobile .menu > li a.current.toggle:after {position:absolute;top:0;right:0;bottom:0;width:40px;background:url(/assets/img/common/bg_menu.png) no-repeat 50% 50%;background-size:10px auto;content:'';transition:all 0.2s linear}
	#header .menu_mobile .menu > li a.current.toggle.on:after {transform: rotate(180deg)}
	#header .menu_mobile .menu .sub_menu {display:none;position:relative;top:auto;left:auto;padding:20px 25px;width:auto;box-shadow:none;border-radius:0;border:0;background:#f5f5f5}
	#header .menu_mobile .menu .sub_menu > ul {display:block;}
	#header .menu_mobile .menu .sub_menu > ul + ul {margin:20px 0 0 0}
	#header .menu_mobile .menu .sub_menu > ul > li .sec_tit {font-size:12px}
	#header .menu_mobile .btn_box {padding:15px;}
	#header .menu_mobile .btn_box .btn {display:block;height:40px;line-height:39px;box-sizing:border-box;font-size:14px;}
	#header .menu_mobile .btn_box .btn + .btn {margin:10px 0 0 0;}
	#header .menu_mobile .btn_box .btn.order {color:#444;border:1px solid #b4b4b4}
	#header .menu_mobile .btn_box .btn.join {color:#fff;background:#1d7ffa}
	#header .menu_mobile .btn_box .btn.logout {color:#fff;background:#515358}
	
	.view_wide{overflow:hidden;position:relative}
	.view_wide .view_default{overflow:hidden;position:relative;max-width:100%;margin:0 auto;padding:0 20px}
	.view_wide .view_default.fix{width:auto}

	.view_wide.bg_common .view_default {display:table;min-height:140px;padding:30px 0;text-align:center;}
	.bottom_banner {display:table-cell;position:relative;height:auto;padding:0 20px;text-align:center;vertical-align:middle;}	
	html:lang(ru) .bottom_banner {padding:0 20px}
	.bottom_banner .tit {padding:0;font-size:20px;text-align:center;}
	.bottom_banner .txt a{display:block;margin:0;font-size:14px;}
	.bottom_banner .btn_box{position:static;padding-top:20px}
	.bottom_banner .btn_box .btn {display:block;max-width:280px;margin:0 auto;}
	.bottom_banner .btn_box .btn + .btn {margin-top:10px;}
	.bottom_banner .btn_box .btn.type01:before{background:#000;opacity:0.1}
	.bottom_banner .btn_box .btn.type01:hover:before{background:#fff;opacity:0.2}
	.bg_common.type01 {margin-bottom:-40px}
	
	.bg_common.type03 {margin-bottom:0}
	
}



@media screen and (max-width:1024px){

	.location {z-index:2;padding:0;}	
	.location > a,
	.location > span {display:none}
	.location .download_prod {position:relative;top:auto;right:auto;border-bottom:0;}
	.location.bg_type {height:auto;margin:0;}		
	.location .download_prod {z-index:2;background:#fff;}
	.location .download_prod .mobile {display:block;}
	.location .download_prod .web {display:none;}
	.location .download_prod > a {display:block;float:none;width:auto;height:45px;line-height:45px;padding:0 20px;border-top:1px solid #ebebeb;text-align:left;font-weight:500}
	.location .download_prod .btn_box {position:absolute;top:8px;right:20px;margin:0}	
	.location .download_prod .current:after{display:block;position:absolute;top:18px;right:150px;left:auto;width:13px;height:13px;background:url(/assets/img/common/bg_menu.png) no-repeat 100% 50%;background-size:13px auto;content:'';transition:transform .1s ease-in}
	.location .download_prod .current.on:after{transform:rotate(180deg);}
	.location .download_prod .tm {display:none;}
	/* .location .download_prod .current.r:after {right:20px;} */
	.location .o_btn {position:static;float:none;margin:10px 0;text-align:center}

	#promotion {height:50px;}
	html.promotion .main #container{padding-top:50px;}	
	html.promotion #container {padding-top:102px}
	html.promotion #container.pr_wrap {padding-top:153px;}
	html.promotion #container.sub_fixed {padding-top: 147px;}
	html.promotion #container.sub_fixed .location.h {top: 100px;}
	
	
}


/* was 기존 스타일 재설정 */
#wrapper.pcoStyle,
#wrapper.macStyle {min-width:auto}
#wrapper.pcoStyle #footers,
#wrapper.macStyle #footers{display:none;}
.payment.order.order_info {min-height:500px}
.member li:first-child a {padding:0;background:none;}
.member li a {color:#494949;}
.member li + li a {margin:0;padding:0;background:none;}
#container:after {content:'';display:block;clear:both;}
.contents_wrap {position:relative;top:0}
.contents.pay_info, .contents.contentsAll {min-height:1%;}
#lang {display:none;z-index:50;position:fixed;top:0;left:0;width:100%;height:100%;}
#lang:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.3;}
#lang .inner {position:absolute;top:50%;left:50%;padding:20px 0;border-radius:0.3em;background:#fff;}
#lang h1 {display:block;padding:0 0 0 30px;text-align:left;font-weight:500;font-size:16px;color:#333;}
#lang .list {margin-top:15px;min-width:220px;}
#lang .list li a {display:block;padding:5px 30px 8px 30px;font-size:14px;color:#666;}
#lang .list li a:hover {background:#f5f5f5;}
#lang .list li a.on {font-weight:600;color:#000;background:url(/assets/img/common/select_img.png) no-repeat 90% 45%;}
#lang a.close {position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;text-indent:-9999em;background:url(/assets/img/common/layer_close.png) no-repeat 50% 50%;}

div.popup label.pos{position:absolute;left:8px;top:6px;}
body.rtl div.popup label.pos{right:8px;left:auto;}
div.popup label.pos.off{display:none;}
div.popup div.txt_set01{margin:auto;padding:33px 0 25px 0;width:234px;text-align:center;line-height:17px; word-break:break-all;}
div.popup div.txt_set02{margin:auto;padding:25px 0 15px 0;width:210px;line-height:17px; word-break: break-word;}
div.popup div.txt_title{margin:auto;padding:0 0 25px 0; text-align:center;line-height:17px; word-break: break-word;}
div.popup div.input_setting{position:relative;margin:auto;padding-bottom:27px;width:210px;}
div.popup ul.input_setting2{margin:auto;padding:40px 0;width:200px;}
div.popup ul.input_setting2 li{position:relative;margin-top:12px;padding:0;}
div.popup ul.input_setting2 li.first{margin-top:0;}
div.popup ul.input_setting3{margin:auto;padding:23px 0;width:200px;}
div.popup ul.input_setting3 li{position:relative;margin-top:12px;padding:0;}
div.popup ul.input_setting3 li.first{margin-top:0;}
div.popup input.setting{width:184px;padding:0 7px;height:22px;font-size:11px;line-height:22px\0IE8;
	border: 1px solid #d8d9da;	-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;/**/}
div.popup input.setting:focus{outline:none;border:1px solid #1e82ff;}