@charset "utf-8";
p {line-height: 1.7;}
.header_wrap {width: 100%;height: 110px;position: fixed;left: 0;top: 0;z-index: 2000;transition: All .5s ease;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease;}
.header_wrap.on {top: -110px;}
.header_wrap.prod {background: #fff;border-bottom: 1px solid #e5e5e5;}
.header_wrap .header {position: relative;max-width: 1920px;height: 110px;margin: 0 auto;padding: 60px 50px 0;}
.header_wrap .header h1.thinkfree_logo {display: inline-block;font-size: 0;margin: 0;}
.header_wrap .header h1.thinkfree_logo a, .header_wrap .header h1.thinkfree_logo span.logo {display: inline-block;width: 124px;height: 24px;background: url("https://office.hancom.com/contents/data/1/07/logo_01.png") no-repeat 0 0;}
.header_wrap .header .header_right {float: right;height: 100%;}
.header_wrap .header .header_right .gnb {position: relative;display: inline-block;height: 100%;vertical-align: top;}
.header_wrap .header .header_right .gnb > ul {height: 100%;}
.header_wrap .header .header_right .gnb > ul > li {float: left;height: 100%;margin-right: 40px;}
.header_wrap .header .header_right .gnb > ul > li:last-child {margin-right: 70px;}
.header_wrap .header .header_right .gnb > ul > li > a {display: inline-block;font-family: open_bold,spjp_regular;font-size: 14px;color: #000;line-height: 1;font-weight: 600;}
.header_wrap .header .header_right .gnb > ul > li > a:hover {text-decoration: none;}
.header_wrap .header .header_right .gnb > ul > li.prod > a {padding-right: 18px;background: url("https://office.hancom.com/contents/data/1/07/arr_07.png") no-repeat 100% 50%;}
.header_wrap .header .header_right .gnb > ul > li.prod.on {border-bottom: 3px solid #0a6ee6;}
.header_wrap .header .header_right .gnb > ul > li.prod.on > a {color: #0a6ee6;background: url("https://office.hancom.com/contents/data/1/07/arr_07_on.png") no-repeat 100% 50%;}
.header_wrap .header .header_right .util {position: relative;display: inline-block;height: 100%;vertical-align: top;}
.header_wrap .header .header_right .util > ul {height: 100%;}
.header_wrap .header .header_right .util > ul > li {float: left;height: 100%;}
.header_wrap .header .header_right .util > ul > li.join {margin-right: 30px;}
.header_wrap .header .header_right .util > ul > li.menu {margin-left: 40px;}
.header_wrap .header .header_right .util > ul > li > a {display: inline-block;font-family: open_regular,spjp_regular;font-size: 12px;color: #333;line-height: 1;}
.header_wrap .header .header_right .util > ul > li > a:hover {text-decoration: none;}
.header_wrap .header .header_right .util > ul > li.menu > a {display: inline-block;width: 26px;height: 26px;background: url("https://office.hancom.com/contents/data/1/07/btn_menu.png") no-repeat 100% 0;font-size: 0;text-indent: -9999px;vertical-align: top;}
.header_wrap .header .header_right .util > ul > li.menu.on > a {background: url("https://office.hancom.com/contents/data/1/07/btn_menu_on.png") no-repeat 100% 0;}
.header_wrap .header .header_right .util > ul > li.user > a {font-family: open_semibold,spjp_regular;color: #0a6ee6;padding-right: 19px;background: url("https://office.hancom.com/contents/data/1/07/arr_08.png") no-repeat 100% 70%;}
.header_wrap .header .header_right .util > ul > li.user.on {border-bottom: 3px solid #0a6ee6;}
.header_wrap .header .header_right .util > ul > li.user.on > a {background: url("https://office.hancom.com/contents/data/1/07/arr_08_on.png") no-repeat 100% 70%;}
.header_wrap .header .header_right .util > ul > li.wrap_language {margin-left: 40px;padding-top: 2px;}
.header_wrap .header .header_right .util > ul > li.wrap_language strong {display: block;font-family: open_regular,spjp_regular;font-size: 12px;font-weight: 600;padding-right: 20px;background: url("https://office.hancom.com/contents/data/1/07/arr_09_on.png") no-repeat right center;cursor: pointer;}
.header_wrap .header .header_right .util > ul > li.wrap_language strong.on {background: url("https://office.hancom.com/contents/data/1/07/arr_09.png") no-repeat right center;}
.header_wrap .header .header_right .util > ul > li.wrap_language .list_lang {display: none;position: relative;margin-top: 10px;z-index: 1900;}
.header_wrap .header .header_right .util > ul > li.wrap_language .list_lang li {margin-bottom: 10px;}
.header_wrap .header .header_right .util > ul > li.wrap_language .list_lang li a {font-family: open_regular,spjp_regular;font-size: 12px;color: #888;}
.header_wrap .header .header_right .util > ul > li.wrap_language .list_lang li a:hover {text-decoration: none;}
.header_wrap .header .btn_trial_pos {position: absolute;right: 50px;top: 20px;}
.header_wrap .header .btn_trial_pos .btn_trial {display: inline-block;padding: 0 10px;height: 30px;font-family: open_semibold,spjp_regular;font-size: 14px;color: #000;line-height: 28px;text-align: center;border: 1px solid #333;border-radius: 3px;background: #fff;}
.header_wrap .header .btn_trial_pos .btn_trial:before {content: "";display: inline-block;width: 8px;height: 9px;background: url("https://office.hancom.com/contents/data/1/07/arr_14.png") no-repeat 0 0;margin-right: 8px;}
.header_wrap .header .btn_trial_pos .btn_trial:hover, .header_wrap .header .btn_trial_pos .btn_trial:active, .header_wrap .header .btn_trial_pos .btn_trial:focus {text-decoration: none;}
.header_wrap .dropdown_menu {position: absolute;height: 315px;background: #fff;z-index: 1900;}
.header_wrap .dropdown_menu.product {display: none;width: 557px;left: 0;bottom: -315px;}
.header_wrap .dropdown_menu.product.on {display: block;}
.header_wrap .dropdown_menu.user {display: none;width: 500px;right: 100px;bottom: -315px;}
.header_wrap .dropdown_menu.user.on {display: block;}
.header_wrap .dropdown_menu:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.header_wrap .dropdown_menu .list {float: left;padding: 50px 0 0 40px;}
.header_wrap .dropdown_menu .list .title {font-family: open_bold,spjp_regular;font-size: 18px;color: #000;line-height: 1;font-weight: 600;margin-bottom: 35px;}
.header_wrap .dropdown_menu .list .title a {color: #000;}
.header_wrap .dropdown_menu .list .title a:hover {text-decoration: none;}
.header_wrap .dropdown_menu .list ul li a {display: inline-block;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 1;margin-bottom: 15px;}
.header_wrap .dropdown_menu .list ul li a:hover {color: #0a6ee6;text-decoration: none;}
.header_wrap .dropdown_menu .banner {float: right;}
.header_wrap .dropdown_menu .banner.user {display: inline-block;padding: 116px 40px 0 0;}
.header_wrap .dropdown_menu .banner.user a {width: 180px;padding: 0 27px;margin-bottom: 15px;}
.header_wrap .nav {display: none;position: absolute;top: 110px;left: 0;width: 100%;height: 315px;background: #fff;z-index: 1800;}
.header_wrap .nav.on {display: block;}
.header_wrap .nav .wrap_nav {position: relative;min-width: 1024px;max-width: 1920px;margin: 0 auto;}
.header_wrap .nav .wrap_nav .dropdown_menu {position: relative;}
.header_wrap .nav .wrap_nav .dropdown_menu .navList {width: 100%;height: 315px;}
.header_wrap .nav .wrap_nav .dropdown_menu .navList .list:nth-child(1) {padding-left: 19.5%;transition: .5s;}
.header_wrap .nav .wrap_nav .dropdown_menu .navList .list:nth-child(2) {padding-left: 8.3%;transition: .5s;}
.header_wrap .nav .wrap_nav .dropdown_menu .navList .list:nth-child(3) {padding-left: 12.5%;transition: .5s;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns {position: absolute;right: 350px;top: 50px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a {display: inline-block;width: 17px;height: 17px;font-size: 0;text-indent: -9999px;vertical-align: top;background: url("https://office.hancom.com/contents/data/1/07/sns_footer.png") no-repeat;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a.ico_facebook {background-position: 0 0;margin-right: 15px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a.ico_in {background-position: -17px 0;margin-right: 19px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a.ico_twitter {background-position: -34px 0;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a.ico_facebook:hover {background-position: 0 -17px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a.ico_in:hover {background-position: -17px -17px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_sns a.ico_twitter:hover {background-position: -34px -17px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language {position: absolute;right: 350px;bottom: 46px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language strong {display: block;font-family: open_regular,spjp_regular;font-size: 16px;font-weight: normal;padding-right: 34px;background: url("https://office.hancom.com/contents/data/1/07/arr_09.png") no-repeat right center;cursor: pointer;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language strong.on {background: url("https://office.hancom.com/contents/data/1/07/arr_09_on.png") no-repeat right center;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language .list_lang {display: none;position: absolute;top: -83px;left: 0;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language .list_lang li {margin-bottom: 20px;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language .list_lang li a {font-family: open_regular,spjp_regular;font-size: 16px;color: #888;}
.header_wrap .nav .wrap_nav .dropdown_menu .wrap_language .list_lang li a:hover {text-decoration: none;}
.header_wrap .nav .wrap_nav .dropdown_menu .banner {position: absolute;right: 50px;top: 0;}
.header_wrap.white .header h1.thinkfree_logo a {background: url("https://office.hancom.com/contents/data/1/07/logo_03.png") no-repeat 0 0;}
.header_wrap.white .header .header_right .gnb > ul > li > a {color: #fff;}
.header_wrap.white .header .header_right .gnb > ul > li.prod > a {background: url("https://office.hancom.com/contents/data/1/07/arr_10.png") no-repeat 100% 50%;}
.header_wrap.white .header .header_right .util > ul > li > a {color: #eee;}
.header_wrap.white .header .header_right .util > ul > li.menu > a {background: url("https://office.hancom.com/contents/data/1/07/btn_menu02.png") no-repeat 100% 0;}
.header_wrap.white .header .header_right .util > ul > li.user > a {color: #fff;background: url("https://office.hancom.com/contents/data/1/07/arr_11.png") no-repeat 100% 70%;}
.productSubmenu {position: absolute;left: 0;right: 0;top: 110px;display: block;width: 100%;height: 55px;background: #fff;border-bottom: 1px solid #e5e5e5;z-index: 1600;}
.productSubmenu .wrap_submenu {position: relative;min-width: 1024px;max-width: 1920px;height: 55px;background: #fff;text-align: center;margin: 0 auto;border-bottom: 1px solid #e5e5e5;}
.productSubmenu .wrap_submenu .subGnb_tit {position: absolute;top: 0;left: 50px;height: 55px;font-family: open_semibold,spjp_regular;font-size: 16px;color: #000;line-height: 55px;}
.productSubmenu .wrap_submenu .subGnb_list {display: inline-block;margin-left: 0;transition: .3s;-webkit-transition: .3s;}
.productSubmenu .wrap_submenu .subGnb_list li {float: left;margin-right: 52px;transition: .3s;-webkit-transition: .3s;}
.productSubmenu .wrap_submenu .subGnb_list li:last-child {margin-right: 0;}
.productSubmenu .wrap_submenu .subGnb_list li a {display: inline-block;height: 55px;font-family: open_semibold,spjp_regular;font-size: 16px;color: #000;font-weight: 600;line-height: 55px;}
.productSubmenu .wrap_submenu .subGnb_list li a:hover {color: #000;text-decoration: none;border-bottom: 3px solid #0a6ee6;}
.productSubmenu .wrap_submenu .subGnb_list li a.on {border-bottom: 3px solid #0a6ee6;}
.productSubmenu .wrap_submenu .subGnb_bt {position: absolute;top: 0;right: 0;}
.productSubmenu .wrap_submenu .subGnb_bt .btn_type8 {margin-right: 40px;transition: .3s;-webkit-transition: .3s;}
.footer_wrap {width: 100%;background: #121212;}
.footer_wrap .footer {margin: 0 auto;background: #121212;color: #fff;}
.footer_wrap .footer .footer_top {position: relative;width: 100%;text-align: center;}
.footer_wrap .footer .footer_top .footer_logo {position: absolute;top: 0;left: 0;}
.footer_wrap .footer .footer_top .footer_list {display: inline-block;}
.footer_wrap .footer .footer_top .footer_list:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.footer_wrap .footer .footer_top .footer_list dl {float: left;text-align: left;margin: 0 70px;transition: .5s;-webkit-transition: .5s;}
.footer_wrap .footer .footer_top .footer_list dl dt {font-family: spjp_bold;font-size: 20px;margin-bottom: 20px;}
.footer_wrap .footer .footer_top .footer_list dl dd {margin-bottom: 12px;}
.footer_wrap .footer .footer_top .footer_list dl dd a {font-family: spjp_light;font-size: 20px;color: #fff;letter-spacing: -.3px;}
.footer_wrap .footer .footer_top .footer_list dl dd a:hover, .footer_wrap .footer .footer_top .footer_list dl dd a:active, .footer_wrap .footer .footer_top .footer_list dl dd a:focus {text-decoration: none;}
.footer_wrap .footer .footer_top .footer_lang {position: absolute;top: 0;right: 0;text-align: left;}
.footer_wrap .footer .footer_top .footer_lang strong {display: block;font-family: open_regular,spjp_regular;font-size: 16px;color: #bbb;font-weight: normal;padding-right: 34px;background: url("https://office.hancom.com/contents/data/1/07/arr_09_on.png") no-repeat right center;cursor: pointer;}
.footer_wrap .footer .footer_top .footer_lang strong.on {background: url("https://office.hancom.com/contents/data/1/07/arr_09.png") no-repeat right center;}
.footer_wrap .footer .footer_top .footer_lang .list_lang {display: none;position: absolute;top: 22px;left: 0;}
.footer_wrap .footer .footer_top .footer_lang .list_lang li {margin-top: 20px;}
.footer_wrap .footer .footer_top .footer_lang .list_lang li a {font-family: open_regular,spjp_regular;font-size: 16px;color: #fff;}
.footer_wrap .footer .footer_top .footer_lang .list_lang li a:hover {text-decoration: none;}
.footer_wrap .footer .footer_sns a {display: inline-block;width: 17px;height: 17px;font-size: 0;text-indent: -9999px;vertical-align: top;background: url("https://office.hancom.com/contents/data/1/07/sns_footer.png") no-repeat;}
.footer_wrap .footer .footer_sns a.ico_facebook {background-position: 0 0;margin-right: 10px;}
.footer_wrap .footer .footer_sns a.ico_in {background-position: -17px 0;margin-right: 15px;}
.footer_wrap .footer .footer_sns a.ico_twitter {background-position: -34px 0;}
.footer_wrap .footer .footer_sns a.ico_facebook:hover {background-position: 0 -17px;}
.footer_wrap .footer .footer_sns a.ico_in:hover {background-position: -17px -17px;}
.footer_wrap .footer .footer_sns a.ico_twitter:hover {background-position: -34px -17px;}
.footer_wrap .footer .footer_copyright {width: 100%;text-align: center;line-height: 15px;}
.footer_wrap .footer .footer_copyright p {display: inline-block;font-family: open_regular,spjp_regular;font-size: 15px;color: #888;margin: 0;}
.footer_wrap .footer .footer_copyright a {display: inline-block;font-family: open_regular,spjp_regular;font-size: 15px;color: #888;margin-left: 5px;}
.footer_wrap .footer .footer_copyright a + a {border-left: 1px solid #888;padding-left: 5px;}
.footer_wrap .footer .footer_copyright a:hover, .footer_wrap .footer .footer_copyright a:active, .footer_wrap .footer .footer_copyright a:focus {text-decoration: none;}
.footer_members {width: 100%;min-width: 1024px;height: 250px;text-align: center;}
.footer_members a {font-size: 14px;color: #0a6ee6;text-decoration: underline;}
.footer_members a:hover, .footer_members a:focus, .footer_members a:active {color: #0a6ee6;text-decoration: underline !important;}
.footer_members .footer_copyright {display: inline-block;font-family: open_regular,spjp_regular;font-size: 14px;color: #888;vertical-align: middle;margin: 0 0 0 23px;padding-left: 26px;border-left: 1px solid #888;}
.footer_wrap.main {position: relative;z-index: 11;}
.footer_wrap.main .footer {min-width: 1280px;}
.mainWrap {width: 100%;min-width: 1280px;background: url("https://office.hancom.com/contents/data/1/07/top_bg.png") no-repeat center top;}
.mainSection {position: relative;width: 100%;min-width: 1280px;}
.mainSection .con {width: 100%;font-family: sp_regular,spjp_regular;margin: 0 auto;position: relative;}
.mainSection .con .motion_obj {position: absolute;z-index: 10;}
.mainSection .con .slideWrap {position: absolute;width: 100%;min-width: 1280px;height: 1200px;left: 0;top: 0;text-align: center;padding-top: 50px;}
.mainSection .con .conWrap {position: relative;width: 1280px;height: 100%;margin: 0 auto;text-align: left;}
.mainSection .con .slideWrap .conWrap {margin: 0;display: inline-block;}
.mainSection .wrap_control {position: absolute;left: 0;right: 0;bottom: 200px;max-width: 1920px;margin: 0 auto;}
.mainSection .slideCount {position: absolute;left: 50px;bottom: 0px;height: 45px;font-size: 14px;z-index: 10;}
.mainSection .slideCount .wrap {position: relative;}
.mainSection .slideCount .circle {display: inline-block;width: 45px;height: 45px;border-radius: 45px;-webkit-border-radius: 45px;}
.mainSection .slideCount .current {position: absolute;left: 20px;top: 14px;font-family: open_bold,spjp_regular;}
.mainSection .slideCount .current em {font-family: open_bold,spjp_regular;}
.mainSection .slideCount .total {position: absolute;left: 75px;top: 14px;font-family: open_semibold,spjp_regular;opacity: .5;}
.mainSection .slideArr {position: absolute;right: 50px;bottom: 0px;z-index: 10;}
.mainSection .slideArr span {display: inline-block;width: 45px;height: 45px;text-indent: -9999px;cursor: pointer;}
.mainSection .slideArr span.prev {margin-right: 10px;}
.mainSection .slideArr span.trans {opacity: .2;cursor: default;}
.mainSection .con .toggleBox {position: absolute;left: 620px;top: 270px;z-index: 20;transition: .5s;-webkit-transition: .5s;}
.mainSection .con .toggleBox .wrap {position: relative;height: 500px;}
.mainSection .con .toggleBox .box {position: absolute;left: 428px;top: 0;width: 388px;height: 500px;text-align: center;transition: .5s;-webkit-transition: .5s;}
.mainSection .con .toggleBox .box .box_txt {font-family: sp_regular,spjp_regular;font-size: 26px;line-height: 38px;padding: 45px 0 295px;margin: 0;}
.mainSection .con .toggleBox .box .btn_type3 {margin-left: 30px;}
.mainSection .con .toggleBox .box.first {left: 0;-webkit-box-shadow: -10px 50px 100px rgba(0,0,0,.3);box-shadow: -10px 50px 100px rgba(0,0,0,.3);transition: .5s;-webkit-transition: .5s;z-index: 20;}
.mainSection .con .toggleBox .indicator {position: absolute;left: 170px;bottom: -50px;width: 50px;}
.mainSection .con .toggleBox .indicator span {display: inline-block;width: 15px;height: 15px;background: url("https://office.hancom.com/contents/data/1/07/bu_1.png") no-repeat;cursor: pointer;}
.mainSection .con .toggleBox .indicator span.on {background: url("https://office.hancom.com/contents/data/1/07/bu_2.png") no-repeat;}
.mainSection .con .toggleBox .indicator span:first-child {margin-right: 15px;}
@keyframes toggle3D {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
	50% {-webkit-transform: scale3d(.8,.8,.8);transform: scale3d(.8,.8,.8);}
	100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
.toggle3D {-webkit-animation-name: toggle3D;animation-name: toggle3D;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;z-index: 19;}
div>section.hs-widget-class {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.mainSection.section1 .con {height: 1013px;}
.mainSection.section1 {background: #fff;}
.mainSection.section1 .txt1 {position: absolute;left: 0;right: 0;font-family: sp_regular,spjp_regular;font-size: 80px;color: #000;text-align: center;z-index: 20;}
.mainSection.section1 .txt1 span {display: inline-block;font-family: sp_regular,spjp_regular;color: #000;}
.mainSection.section1 .txt2 {position: absolute;left: 0;right: 0;font-family: sp_regular,spjp_regular;font-size: 32px;color: #000;text-align: center;z-index: 20;}
.mainSection.section1 .cursor {display: inline-block;width: 3px;height: 69px;background: #000;position: absolute;left: 925px;}
.mainSection.section1 .arrow {display: inline-block;width: 47px;height: 69px;position: absolute;left: 938px;background: url("https://office.hancom.com/contents/data/1/07/icon_arr.png") no-repeat;}
.mainSection.section1 .scroll {position: absolute;left: 0;right: 0;bottom: 40px;margin: 0 auto;width: 9px;z-index: 19;}
.mainSection.section1 .scroll_arr {position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 9px;height: 100px;padding-top: 75px;cursor: pointer;z-index: 20;}
.mainSection.section2 .con {height: 1013px;}
.mainSection.section2 {background: #fff;}
.mainSection.section2 .txt1 {font-family: sp_regular,spjp_regular;font-size: 90px;color: #000;line-height: 100px;}
.mainSection.section2 .txt2 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 32px;}
.mainSection.section2 .delivers {width: 100%;}
.mainSection.section2 .box {height: 470px;text-align: center;padding-top: 210px;background-color: transparent;transition: .3s;-webkit-transition: .3s;margin: auto;}
.mainSection.section2 .box:hover {background-color: #fff;-webkit-box-shadow: 0px 20px 40px rgba(0,0,0,.15);box-shadow: 0px 20px 40px rgba(0,0,0,.15);}
.mainSection.section2 .box .p1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;margin: 0;}
.mainSection.section2 .box .p2 {font-family: sp_bold;font-size: 50px;color: #000;margin: 0 0 45px 0;}
.mainSection.section2 .box.neo {background-image: url("https://office.hancom.com/contents/data/1/07/icon_desktop.png");background-repeat: no-repeat;background-position: center 30px;}
.mainSection.section2 .box.neo:hover {background-image: url("https://office.hancom.com/contents/data/1/07/icon_desktop_hover.png");}
.mainSection.section2 .box.mobile {background-image: url("https://office.hancom.com/contents/data/1/07/icon_mobile.png");background-repeat: no-repeat;background-position: center 30px;}
.mainSection.section2 .box.mobile:hover {background-image: url("https://office.hancom.com/contents/data/1/07/icon_mobile_hover.png");}
.mainSection.section2 .box.online {background-image: url("https://office.hancom.com/contents/data/1/07/icon_online.png");background-repeat: no-repeat;background-position: center 30px;}
.mainSection.section2 .box.online:hover {background-image: url("https://office.hancom.com/contents/data/1/07/icon_online_hover.png");}
.mainSection.section3.bg1 {background-color: #00a5e5;}
.mainSection.section3.bg2 {background-color: #ece8e3;}
.mainSection.section3 .con .slideWrap.slide1 {background-color: #00a5e5;}
.mainSection.section3.bg1 .slideCount {color: #fff;}
.mainSection.section3.bg1 .slideCount .circle {background: #50c5f3;}
.mainSection.section3.bg1 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_1.png") no-repeat;}
.mainSection.section3.bg1 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_1.png") no-repeat;}
.mainSection.section3 .con .slideWrap.slide2 {background: #ece8e3 url("https://office.hancom.com/contents/data/1/07/section3_bg2.png") no-repeat center bottom;}
.mainSection.section3.bg2 {}
.mainSection.section3.bg2 .slideCount {color: #000;}
.mainSection.section3.bg2 .slideCount .circle {background: #fff;}
.mainSection.section3.bg2 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_1.png") no-repeat;}
.mainSection.section3.bg2 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_1.png") no-repeat;}
.mainSection.section3 .con .slideWrap.slide3 {background: #fff;}
.mainSection.section3.bg3 {}
.mainSection.section3.bg3 .slideCount {color: #000;}
.mainSection.section3.bg3 .slideCount .circle {background: #ddd;}
.mainSection.section3.bg3 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_3.png") no-repeat;}
.mainSection.section3.bg3 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_3.png") no-repeat;}
.mainSection.section3 .txt_1_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #fff;}
.mainSection.section3 .txt_1_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #fff;line-height: 60px;}
.mainSection.section3 .txt_1_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #fff;line-height: 34px;}
.mainSection.section3 .txt_2_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;position: absolute;left: 50px;top: 280px;}
.mainSection.section3 .txt_2_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;position: absolute;left: 50px;top: 330px;}
.mainSection.section3 .txt_2_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;position: absolute;left: 50px;top: 550px;}
.mainSection.section3 .txt_2_4 {position: absolute;left: 50px;top: 770px;}
.mainSection.section3 .txt_2_5 {position: absolute;left: 660px;top: 345px;}
.mainSection.section3 .txt_2_5 .feature {font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;line-height: 38px;padding-left: 95px;}
.mainSection.section3 .txt_2_5 .feature.no1 {background: url("https://office.hancom.com/contents/data/1/07/section3_icon1.png") no-repeat;height: 135px;padding-top: 25px;}
.mainSection.section3 .txt_2_5 .feature.no2 {background: url("https://office.hancom.com/contents/data/1/07/section3_icon2.png") no-repeat 6px 12px;height: 125px;}
.mainSection.section3 .txt_2_5 .feature.no3 {background: url("https://office.hancom.com/contents/data/1/07/section3_icon3.png") no-repeat 10px 0;height: 70px;padding-top: 5px;}
.mainSection.section3 .txt_3_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;position: absolute;left: 50px;top: 350px;z-index: 20;}
.mainSection.section3 .txt_3_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;position: absolute;left: 50px;top: 400px;z-index: 20;}
.mainSection.section3 .txt_3_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;position: absolute;left: 50px;top: 550px;}
.mainSection.section3 .con .toggleBox .box1 {background: #639bde;background: -webkit-linear-gradient(-35deg,#6f86d6,#48c6ef);background: -o-linear-gradient(-35deg,#6f86d6,#48c6ef);background: -moz-linear-gradient(-35deg,#6f86d6,#48c6ef);background: linear-gradient(-35deg,#6f86d6,#48c6ef);}
.mainSection.section3 .con .toggleBox .box1 .box_txt {color: #fff;background: url("https://office.hancom.com/contents/data/1/07/section3_icon4.png") no-repeat center 170px;}
.mainSection.section3 .con .toggleBox .box2 {background: #ededed;}
.mainSection.section3 .con .toggleBox .box2 .box_txt {color: #888;background: url("https://office.hancom.com/contents/data/1/07/section3_icon5.png") no-repeat center 170px;}
.mainSection.section4 .con .slideWrap.slide1 {background-color: #fff;padding-left: 8px;}
.mainSection.section4.bg1 .slideCount {color: #000;}
.mainSection.section4.bg1 .slideCount .circle {background: #259868;}
.mainSection.section4.bg1 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_2.png") no-repeat;}
.mainSection.section4.bg1 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_2.png") no-repeat;}
.mainSection.section4 .con .slideWrap.slide2 {background: #ece8e3 url("https://office.hancom.com/contents/data/1/07/section4_bg2.png") no-repeat center bottom;}
.mainSection.section4.bg2 .slideCount {color: #000;}
.mainSection.section4.bg2 .slideCount .circle {background: #fff;}
.mainSection.section4.bg2 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_1.png") no-repeat;}
.mainSection.section4.bg2 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_1.png") no-repeat;}
.mainSection.section4 .con .slideWrap.slide3 {background: #fff;}
.mainSection.section4.bg3 .slideCount {color: #000;}
.mainSection.section4.bg3 .slideCount .circle {background: #ddd;}
.mainSection.section4.bg3 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_3.png") no-repeat;}
.mainSection.section4.bg3 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_3.png") no-repeat;}
.mainSection.section4 .txt_1_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;}
.mainSection.section4 .txt_1_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;}
.mainSection.section4 .txt_1_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;}
.mainSection.section4 .txt_2_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;position: absolute;left: 50px;top: 350px;}
.mainSection.section4 .txt_2_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;position: absolute;left: 50px;top: 400px;}
.mainSection.section4 .txt_2_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;position: absolute;left: 50px;top: 550px;}
.mainSection.section4 .txt_2_4 {position: absolute;left: 50px;top: 680px;}
.mainSection.section4 .txt_2_5 {position: absolute;left: 660px;top: 305px;}
.mainSection.section4 .txt_2_5 .feature {font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;line-height: 38px;padding-left: 100px;}
.mainSection.section4 .txt_2_5 .feature.no1 {background: url("https://office.hancom.com/contents/data/1/07/section4_icon1.png") no-repeat 0 35px;height: 150px;}
.mainSection.section4 .txt_2_5 .feature.no2 {background: url("https://office.hancom.com/contents/data/1/07/section4_icon2.png") no-repeat 6px 12px;height: 140px;}
.mainSection.section4 .txt_2_5 .feature.no3 {background: url("https://office.hancom.com/contents/data/1/07/section4_icon3.png") no-repeat 12px 10px;height: 150px;}
.mainSection.section4 .txt_3_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;position: absolute;left: 50px;top: 350px;z-index: 20;}
.mainSection.section4 .txt_3_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;position: absolute;left: 50px;top: 400px;z-index: 20;}
.mainSection.section4 .txt_3_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;position: absolute;left: 50px;top: 550px;}
.mainSection.section4 .con .toggleBox .box1 {background: #ffc2af;background: -webkit-linear-gradient(-35deg,#ffbfa9,#ffcec2);background: -o-linear-gradient(-35deg,#ffbfa9,#ffcec2);background: -moz-linear-gradient(-35deg,#ffbfa9,#ffcec2);background: linear-gradient(-35deg,#ffbfa9,#ffcec2);}
.mainSection.section4 .con .toggleBox .box1 .box_txt {color: #fff;background: url("https://office.hancom.com/contents/data/1/07/section4_icon4.png") no-repeat center 150px;}
.mainSection.section4 .con .toggleBox .box2 {background: #ededed;}
.mainSection.section4 .con .toggleBox .box2 .box_txt {color: #888;background: url("https://office.hancom.com/contents/data/1/07/section4_icon5.png") no-repeat center 150px;}
.mainSection.section5 .con .slideWrap.slide1 {background: #f05a46;}
.mainSection.section5.bg1 {background: #f05a46;}
.mainSection.section5.bg1 .slideCount {color: #fff;}
.mainSection.section5.bg1 .slideCount .circle {background: #f5c000;}
.mainSection.section5.bg1 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_1.png") no-repeat;}
.mainSection.section5.bg1 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_1.png") no-repeat;}
.mainSection.section5 .con .slideWrap.slide2 {background: #ece8e3 url("https://office.hancom.com/contents/data/1/07/section5_bg2.png") no-repeat center bottom;}
.mainSection.section5.bg2 {}
.mainSection.section5.bg2 .slideCount {color: #000;}
.mainSection.section5.bg2 .slideCount .circle {background: #fff;}
.mainSection.section5.bg2 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_1.png") no-repeat;}
.mainSection.section5.bg2 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_1.png") no-repeat;}
.mainSection.section5 .con .slideWrap.slide3 {background: #fff;}
.mainSection.section5.bg3 {}
.mainSection.section5.bg3 .slideCount {color: #000;}
.mainSection.section5.bg3 .slideCount .circle {background: #ddd;}
.mainSection.section5.bg3 .slideArr .prev {background: url("https://office.hancom.com/contents/data/1/07/btn_prev_3.png") no-repeat;}
.mainSection.section5.bg3 .slideArr .next {background: url("https://office.hancom.com/contents/data/1/07/btn_next_3.png") no-repeat;}
.mainSection.section5 .txt_1_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #fff;}
.mainSection.section5 .txt_1_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #fff;line-height: 60px;}
.mainSection.section5 .txt_1_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #fff;line-height: 34px;}
.mainSection.section5 .icon_browser {position: absolute;left: 50px;top: 670px;}
.mainSection.section5 .icon_browser span {display: inline-block;width: 33px;height: 33px;margin-right: 20px;}
.mainSection.section5 .icon_browser span.f {background: url("https://office.hancom.com/contents/data/1/07/section5_icon4.png") no-repeat 0 0;}
.mainSection.section5 .icon_browser span.c {background: url("https://office.hancom.com/contents/data/1/07/section5_icon5.png") no-repeat 0 0;}
.mainSection.section5 .icon_browser span.i {background: url("https://office.hancom.com/contents/data/1/07/section5_icon6.png") no-repeat 0 0;}
.mainSection.section5 .icon_browser span.s {background: url("https://office.hancom.com/contents/data/1/07/section5_icon7.png") no-repeat 0 0;}
.mainSection.section5 .con .toggleBox .box1 {background: #b8e79e;background: -webkit-linear-gradient(-35deg,#b8e893,#b9e1c2);background: -o-linear-gradient(-35deg,#b8e893,#b9e1c2);background: -moz-linear-gradient(-35deg,#b8e893,#b9e1c2);background: linear-gradient(-35deg,#b8e893,#b9e1c2);}
.mainSection.section5 .con .toggleBox .box1 .box_txt {color: #fff;background: url("https://office.hancom.com/contents/data/1/07/section5_icon8.png") no-repeat center 180px;}
.mainSection.section5 .con .toggleBox .box2 {background: #eaeaea url("https://office.hancom.com/contents/data//2018/07/section5_icon9.png") no-repeat bottom center;}
.mainSection.section5 .con .toggleBox .box2 .box_txt {color: #888;}
.mainSection.section5 .txt_2_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;position: absolute;left: 50px;top: 270px;}
.mainSection.section5 .txt_2_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;position: absolute;left: 50px;top: 320px;}
.mainSection.section5 .txt_2_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;position: absolute;left: 50px;top: 595px;}
.mainSection.section5 .txt_2_4 {position: absolute;left: 50px;top: 730px;}
.mainSection.section5 .txt_2_5 {position: absolute;left: 660px;top: 320px;}
.mainSection.section5 .txt_2_5 .feature {font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;line-height: 38px;padding-left: 100px;}
.mainSection.section5 .txt_2_5 .feature.no1 {background: url("https://office.hancom.com/contents/data/1/07/section5_icon1.png") no-repeat 10px 15px;height: 140px;}
.mainSection.section5 .txt_2_5 .feature.no2 {background: url("https://office.hancom.com/contents/data/1/07/section5_icon2.png") no-repeat 12px 15px;height: 140px;}
.mainSection.section5 .txt_2_5 .feature.no3 {background: url("https://office.hancom.com/contents/data/1/07/section5_icon3.png") no-repeat 5px 5px;height: 70px;}
.mainSection.section5 .txt_3_1 {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;position: absolute;left: 50px;top: 360px;z-index: 20;}
.mainSection.section5 .txt_3_2 {font-family: sp_regular,spjp_regular;font-size: 50px;color: #000;line-height: 60px;position: absolute;left: 50px;top: 410px;z-index: 20;}
.mainSection.section5 .txt_3_3 {font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;position: absolute;left: 50px;top: 560px;}
.mainSection.section6 .txt1 {font-family: sp_regular,spjp_regular;font-size: 90px;line-height: 100px;text-align: center;color: #000;}
.mainSection.section6 .txt2 {font-family: sp_regular,spjp_regular;font-size: 32px;line-height: 48px;text-align: center;color: #000;}
.mainSection.section6 .txt3 {font-family: open_regular,spjp_regular;margin: auto;font-size: 20px;line-height: 34px;text-align: center;color: #000;}
.mainSection.section6 .txt4 {text-align: center;}
.mainSection.section7 .con .conWrap {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: flex-end;-ms-flex-align: flex-end;align-items: flex-end;}
.mainSection.section7 .boxWrap {width: 100%;height: 100%;position: relative;}
.mainSection.section7 .boxWrap .txt1 {width: 100%;font-family: open_semibold,spjp_regular;font-size: 18px;color: #bbb;text-align: center;}
.mainSection.section7 .boxWrap .txt2 {font-family: sp_regular,spjp_regular;width: 100%;font-size: 32px;color: #000;line-height: 48px;text-align: center;}
.mainSection.section7 .boxWrap .txt3 {width: 100%;font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 34px;text-align: center;}
.mainSection.section7 .boxWrap .txt4 {width: 100%;text-align: center;}
.mainSection.section7 .boxWrap .txt4 .btn_type3 {margin-left: 40px;}
.mainSection.section8 .shortcut li {transition: all .3s;-webkit-transition: all .3s;}
.mainSection.section8 .con {height: auto;}
.mainSection.section8 .con .conWrap {padding: 0 40px;}
.mainSection.section8 .shortcut li .stitle4 {position: relative;padding-top: 110px;margin-bottom: 20px;}
.mainSection.section8 .shortcut li .stitle4:before {content: "";display: inline-block;width: 86px;height: 83px;position: absolute;left: 0;top: 0;}
.mainSection.section8 .shortcut li.trial .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_trial.png") no-repeat 0 0;}
.mainSection.section8 .shortcut li.online .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_online.png") no-repeat 0 0;}
.mainSection.section8 .shortcut li.help .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_help.png") no-repeat 0 0;}
.mainSection.section8 .shortcut li .txt_type3 {margin-bottom: 20px;}
@keyframes scroll_arr {0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translate(0px,15px);transform: translate(0px,15px);}}
.scroll_arr {-webkit-animation: scroll_arr 8s;animation: scroll_arr 10s;-webkit-animation-fill-mode: both;animation-fill-mode: both;z-index: 19;}
@keyframes cursor {0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}}
.cursor {-webkit-animation: cursor 1.3s;animation: cursor 1.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;z-index: 19;}
.motion_obj {position: absolute;}
.animated {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}
@keyframes updown {0% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
	50% {-webkit-transform: translate(0px,-10px);transform: translate(0px,-10px);}
	100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}}
.updown {-webkit-animation: updown 6s infinite;animation: updown 6s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;z-index: 19;}
@keyframes downup {0% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}
	50% {-webkit-transform: translate(0px,10px);transform: translate(0px,10px);}
	100% {-webkit-transform: translate(0px,0px);transform: translate(0px,0px);}}
.downup {-webkit-animation: downup 6s infinite;animation: downup 6s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;z-index: 19;}
@keyframes rotate {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	50% {-webkit-transform: rotate(30deg);transform: rotate(30deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
.rotate {-webkit-animation: rotate 15s infinite;animation: rotate 15s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;z-index: 19;}
@keyframes rotate2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	50% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
.rotate2 {-webkit-animation: rotate2 13s infinite;animation: rotate2 13s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;transform-origin: center;z-index: 19;}
@keyframes rotate3 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	50% {-webkit-transform: rotate(-13deg);transform: rotate(-13deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
.rotate3 {-webkit-animation: rotate3 13s infinite;animation: rotate3 13s infinite;-webkit-animation-fill-mode: both;animation-fill-mode: both;transform-origin: center;z-index: 19;}
.mainLayerPop {}
.mainLayerPop .dim {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;opacity: .4;z-index: 3000;}
.mainLayerPop .wrap {display: inline-block;width: 600px;height: auto;position: absolute;left: 0;right: 0;top: 100px;margin: auto;background: #fff;z-index: 3001;}
.mainLayerPop .layerTop {position: relative;}
.mainLayerPop .layerTop .slideWrap {position: relative;}
.mainLayerPop .layerTop .slideWrap a img {max-width: 100%;}
.mainLayerPop .layerTop .indicator {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 53px;text-align: center;padding-top: 0;z-index: 1;}
.mainLayerPop .layerTop .indicator span {display: inline-block;width: 16px;height: 16px;background: #cecece;background-size: auto;border-radius: 50%;margin: 0 8px;cursor: pointer;}
.mainLayerPop .layerTop .indicator span.on {background: #0a6ee6;background-size: auto;}
.mainLayerPop .layerBottom {height: 60px;border-top: 0;background: #f1f1f1;}
.mainLayerPop .layerBottom .no_more {display: inline-block;width: 100%;height: 60px;font-family: open_regular,spjp_regular;font-size: 18px;color: #888;line-height: 60px;text-align: center;cursor: pointer;}
.mainLayerPop .layerBottom .no_more:hover {color: #fff;background: #0a6ee6;}
.mainLayerPop .wrap .layerPopClose {position: absolute;right: -32px;top: -32px;display: inline-block;width: 64px;height: 64px;background: url("https://office.hancom.com/contents/data/1/07/common/btn_close_01.png") no-repeat 0 0;cursor: pointer;opacity: 1;z-index: 1;}
.content {width: 100%;min-width: 1024px;max-width: 1920px;margin: 0 auto;}
.content.member {margin: 200px auto 75px;}
.content.mypage {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_mypage01.png") no-repeat center top;}
.content .wrap_tit {text-align: center;}
.content .wrap_tit .stitle1 {line-height: 1;margin: 0 0 30px 0;}
.content .wrap_intro {width: 100%;min-height: 450px;color: #fff;background: #006cee;padding: 110px 0 120px;}
.content .wrap_intro h2.tit {position: absolute;left: 56px;top: 0;max-width: 350px;font-family: sp_regular,spjp_regular;font-size: 64px;line-height: 80px;color: #fff;letter-spacing: -.8px;margin: 0;}
.content .wrap_intro .desc {width: 100%;padding-left: 400px;}
.content .wrap_intro .desc .topic {display: inline-block;font-family: sp_regular,spjp_regular;font-size: 30px;line-height: 48px;color: #fff;font-weight: normal;margin-bottom: 10px;}
.content .wrap_intro .desc .txt_type2 {color: #fff;line-height: 36px;margin-bottom: 40px;}
.content .wrap_intro .desc .btn_type1 {min-width: 250px;}
.content .bg_bottom_gray {width: 100%;background: #f7f7f7;}
.content .bg_deepblue {width: 100%;background: #0c4da2;color: #fff;}
.content.member .w1280 {position: relative;}
.content.member .w768 {width: 768px;margin: 0 auto;}
.content.member .select_lang {position: absolute;right: 40px;top: 0;}
.content.member .bt_goback {position: absolute;left: 40px;top: 0;}
.content.member .bt_goback a {display: inline-block;font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;text-decoration: none;line-height: 1;padding-left: 47px;background: url("https://office.hancom.com/contents/data/1/07/common/arr_02.png") no-repeat left center;}
.content.member .titArea {text-align: center;}
.content.member .titArea .desc {font-family: open_semibold,spjp_regular;font-size: 32px;color: #000;line-height: 48px;}
.content.member .titArea .desc span {font-family: open_semibold,spjp_regular;}
.content.member .titArea .desc strong {font-family: open_regular,spjp_regular;font-size: 32px;line-height: 48px;font-weight: 400;}
.content.member .btn_ac {margin-top: 40px;}
.content.member .btn_ac .btn_type1 {min-width: 240px;}
.content.member .login .select_lang {top: 160px;}
.content.member .login .titArea a {display: inline-block;}
.content.member .login .titArea a img {display: inline-block;}
.content.member .login .titArea .stitle1 {margin: 45px 0 25px;}
.content.member .login .frmArea {margin-top: 90px;}
.content.member .login .frmArea .input_row.password {margin-bottom: 0;}
.content.member .login .frmArea .clear {margin-top: 24px;}
.content.member .login .frmArea .clear .fr {padding-top: 5px;}
.content.member .login .frmArea .clear .fr span {display: inline-block;font-family: open_light;font-size: 16px;color: #888;font-weight: 100;padding-right: 25px;border-right: 2px solid #e5e5e5;margin-right: 23px;}
.content.member .login .frmArea .clear .fr a {font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;text-decoration: underline;}
.content.member .login .frmArea .clear .fr a:hover {text-decoration: underline;}
.content.member .password .titArea .stitle1 {margin-bottom: 30px;}
.content.member .password .btn_ac {margin-top: 0;}
.content.member .password .guide_comment1 {margin-top: 40px;}
.content.member .password .frmArea {margin-top: 90px;}
.content.member .password .frmArea.find_pw .input_row {margin-bottom: 40px;}
.content.member .password .frmArea.find_pw .input_row .alarm_msg1 {position: static;padding: 15px 0 0;}
.content.member .password .frmArea.reset_pw .input_row.password_con {margin-bottom: 40px;}
.content.member .password .frmArea.reset_pw .input_row.password_con .alarm_msg1, .content.member .password .frmArea.reset_pw .input_row.password_con .alarm_msg2 {position: static;padding: 15px 0 0;}
.content.member .join .titArea .stitle1 {margin-bottom: 10px;}
.content.member .join .stepWrap {margin: 35px 0 60px;}
.content.member .join .stepWrap ul li {float: left;width: 48%;margin-left: 24px;position: relative;}
.content.member .join .stepWrap ul li:first-child {margin-left: 0;}
.content.member .join .stepWrap ul li.check {position: relative;overflow: hidden;}
.content.member .join .stepWrap ul li:before {content: "";display: inline-block;width: 100%;height: 2px;background: #cecece;position: absolute;top: 50%;left: 0;margin-top: -1px;}
.content.member .join .stepWrap ul li.ing:before, .content.member .join .stepWrap ul li.check:before {background: #0a6ee6;}
.content.member .join .stepWrap ul li span {position: relative;display: inline-block;font-family: open_light;font-size: 16px;line-height: 40px;color: #888;font-weight: 100;height: 40px;padding: 0 24px 0 0;background: #fff;}
.content.member .join .stepWrap ul li span em {display: inline-block;width: 40px;height: 40px;background: #cecece;border-radius: 50%;text-align: center;font-size: 18px;color: #fff;margin-right: 10px;}
.content.member .join .stepWrap ul li.ing span, .content.member .join .stepWrap ul li.check span {color: #0a6ee6;}
.content.member .join .stepWrap ul li.ing span em {background: #0a6ee6;}
.content.member .join .stepWrap ul li.check span em {background: #0a6ee6;text-indent: -9999%;white-space: nowrap;}
.content.member .join .stepWrap ul li.check span em:after {content: "";position: absolute;left: 0;top: 0;display: inline-block;width: 40px;height: 40px;background: url("https://office.hancom.com/contents/data/1/07/icon_check01.png") no-repeat center;}
.content.member .join .join_intro .box {position: relative;display: block;width: 100%;height: 300px;border-radius: 7px;-webkit-transition: .3s;transition: .3s;}
.content.member .join .join_intro .box:hover {-webkit-box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);text-decoration: none;}
.content.member .join .join_intro .box:nth-child(1) {background: #eee url("https://office.hancom.com/contents/data/1/07/icon_join01.png") no-repeat 70px 83px;margin-bottom: 40px;}
.content.member .join .join_intro .box:nth-child(1):hover {margin: -3px 0 43px -3px;}
.content.member .join .join_intro .box:nth-child(2) {background: #eee url("https://office.hancom.com/contents/data/1/07/icon_join02.png") no-repeat 64px 70px;margin-bottom: 65px;}
.content.member .join .join_intro .box:nth-child(2):hover {margin: -3px 0 68px -3px;}
.content.member .join .join_intro .box:before {content: "";position: absolute;display: inline-block;width: 100%;height: 300px;border-radius: 7px;opacity: 0;transition: opacity .3s;-webkit-transition: opacity .3s;}
.content.member .join .join_intro .box:nth-child(1):before {background: #0a6ee6 url("https://office.hancom.com/contents/data/1/07/icon_join01.png") no-repeat 70px 83px;}
.content.member .join .join_intro .box:nth-child(2):before {background: #0a6ee6 url("https://office.hancom.com/contents/data/1/07/icon_join02.png") no-repeat 64px 70px;}
.content.member .join .join_intro .box:hover:before {opacity: 1;transition: opacity .3s;-webkit-transition: opacity .3s;}
.content.member .join .join_intro .box p.tit {position: relative;font-family: open_semibold,spjp_regular;font-size: 32px;line-height: 1;color: #000;text-decoration: none;margin-bottom: 15px;padding: 100px 0 0 295px;}
.content.member .join .join_intro .box p.desc {position: relative;font-family: open_light;font-size: 20px;line-height: 30px;color: #888;font-weight: 100;text-decoration: none;padding: 0 0 0 295px;}
.content.member .join .join_intro .box:hover .tit {color: #fff;text-decoration: none;-webkit-transition: .3s;transition: .3s;}
.content.member .join .join_intro .box:hover .desc {color: #fff;text-decoration: none;-webkit-transition: .3s;transition: .3s;}
.content.member .join .frmArea .input_row.password_con {margin-bottom: 0;}
.content.member .join .frmArea .agree {margin-top: 24px;}
.content.member .join .frmArea .agree .alarm_msg1 {padding: 15px 0 0 0;}
.content.member .join.finish .titArea .tit {font-family: sp_regular,spjp_regular;font-size: 64px;color: #000;margin: 0 0 25px;}
.content.member .join.finish .commentArea {text-align: center;margin-top: 15px;}
.content.member .join.finish .subscribe {width: 100%;height: 700px;background: #f1f1f1;margin-top: 100px;}
.content.member .join.finish .subscribe .w1440 {position: relative;height: 700px;overflow: hidden;}
.content.member .join.finish .subscribe .w1440:before {content: "";position: absolute;right: 50%;top: 180px;display: inline-block;width: 703px;height: 340px;background: url("https://office.hancom.com/contents/data/1/07/img_join01.png") no-repeat 0 0;}
.content.member .join.finish .subscribe .wrap {position: absolute;left: 50%;top: 0;width: 50%;padding-left: 15px;padding-top: 235px;}
.content.member .join.finish .subscribe .wrap .tit {font-family: open_semibold,spjp_regular;font-size: 20px;color: #000;line-height: 1;margin-bottom: 15px;}
.content.member .join.finish .subscribe .wrap .desc {font-family: open_light;font-size: 18px;color: #888;font-weight: 100;line-height: 28px;margin-bottom: 25px;}
.content.company .wrap_kv {height: 700px;background: url("https://office.hancom.com/contents/data/1/07/vis_company.jpg") no-repeat center top;background-size: cover;margin-bottom: 110px;}
.content.company .wrap_con {position: relative;padding-bottom: 100px;}
.content.company .wrap_con:before {content: "";position: absolute;left: 0;right: 0;bottom: 105px;margin: 0 auto;display: inline-block;width: 100%;height: 238px;background: url("https://office.hancom.com/contents/data/1/07/bg_company01.png") no-repeat top center;}
.content.company .wrap_con .w1280 {position: relative;}
.content.company .stitle2 {margin: 115px 0 30px;}
.content.company .txt_type1 {margin-bottom: 80px;}
.content.company .stitle3 {position: relative;margin-top: 15px;padding-left: 20px;}
.content.company .stitle3:before {content: "";position: absolute;left: 0;top: 20px;display: inline-block;width: 8px;height: 8px;background: #000;border-radius: 50%;}
.content.company .txt_cap2 {margin-top: 80px;}
.content .newsroom {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_news01.png") no-repeat center top;}
.content .newsroom.view {background: url("https://office.hancom.com/contents/data/1/07/bg_news02.png") no-repeat center top;}
.content .newsroom .w1280 {padding: 0 56px;}
.content .newsroom .wrap_tit .stitle1 {margin-bottom: 90px;}
.content .newsroom .table_top {text-align: right;margin-bottom: 20px;}
.content .newsroom .table_top .vi_count {display: inline-block;color: #888;background: url("https://office.hancom.com/contents/data/1/07/icon_view02.png") no-repeat left center;padding-left: 35px;}
.content.contactus {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_contact01.png") no-repeat center top;}
.content.contactus .office {margin: 80px 0 40px;}
.content.contactus .office ul li {float: left;width: 520px;height: 557px;margin-top: 10px;transition: .3s;-webkit-transition: .3s;}
.content.contactus .office ul li:nth-child(2n) {float: right;}
.content.contactus .office ul li .bg_tit {position: relative;width: 100%;height: 280px;font-family: sp_bold;font-size: 72px;color: #fff;line-height: 280px;text-align: center;background-size: cover !important;}
.content.contactus .office ul li.usa .bg_tit {background: url("https://office.hancom.com/contents/data/1/07/img_contact01.jpg") no-repeat center;}
.content.contactus .office ul li.bel .bg_tit {background: url("https://office.hancom.com/contents/data/1/07/img_contact02.jpg") no-repeat center;}
.content.contactus .office ul li.kor .bg_tit {background: url("https://office.hancom.com/contents/data/1/07/img_contact03.jpg") no-repeat center;}
.content.contactus .office ul li.aus .bg_tit {background: url("https://office.hancom.com/contents/data/1/07/img_contact04.jpg") no-repeat center;}
.content.contactus .office ul li .name {font-family: sp_bold;font-size: 32px;color: #000;font-weight: 600;padding: 40px 0 20px;margin: 0;}
.content.contactus .office ul li span {display: block;font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 36px;}
.content.contactus .office ul li .adress:hover {color: #0a6ee6;text-decoration: underline;}
.content.contactus .office ul li .tel {position: relative;margin-top: 5px;padding-left: 23px;}
.content.contactus .office ul li .tel:before {content: "T";position: absolute;left: 0;top: 0;display: inline-block;font-family: open_bold,spjp_regular;font-size: 22px;line-height: 33px;}
.content.contactus .howto_contact .stitle2 {padding: 100px 0 90px;margin: 0;}
.content.contactus .howto_contact ul li {float: left;width: 33%;height: 245px;}
.content.contactus .howto_contact ul li:nth-child(3), .content.contactus .howto_contact ul li:nth-child(6) {width: 34%;}
.content.contactus .howto_contact ul li .txt_type3 {margin: 15px 0 25px;}
.content.contactus .howto_contact ul li .mail {display: inline-block;height: 30px;font-family: open_regular,spjp_regular;font-size: 16px;color: #0a6ee6;line-height: 27px;border-bottom: 1px solid #0a6ee6;}
.content.contactus .howto_contact ul li .mail:hover {text-decoration: none;}
.content.contactus .howto_contact .sns_link {margin-bottom: 120px;}
.content.contactus .howto_contact .sns_link .txt_type3 {margin-right: 20px;}
.content.contactus .howto_contact .sns_link a {display: inline-block;width: 40px;height: 40px;vertical-align: middle;margin: 0 6px;}
.content.contactus .howto_contact .sns_link a.facebook {background: url("https://office.hancom.com/contents/data/1/07/icon_sns_f.png") no-repeat 0 0;}
.content.contactus .howto_contact .sns_link a.facebook:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_sns_f2.png") no-repeat 0 0;}
.content.contactus .howto_contact .sns_link a.in {background: url("https://office.hancom.com/contents/data/1/07/icon_sns_i.png") no-repeat 0 0;}
.content.contactus .howto_contact .sns_link a.in:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_sns_i2.png") no-repeat 0 0;}
.content.contactus .howto_contact .sns_link a.twit {background: url("https://office.hancom.com/contents/data/1/07/icon_sns_t.png") no-repeat 0 0;}
.content.contactus .howto_contact .sns_link a.twit:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_sns_t2.png") no-repeat 0 0;}
.content.trial {padding-top: 200px;}
.content.trial .wrap_tit {margin-bottom: 80px;}
.content.trial .wrap_grad {position: relative;padding: 110px 0 90px;color: #fff;text-align: center;background: #0a6ee6;}
.content.trial .wrap_grad.neo {background: #619edf;background: -webkit-linear-gradient(-35deg,#6f86d6,#48c6ef);background: -o-linear-gradient(-35deg,#6f86d6,#48c6ef);background: -moz-linear-gradient(-35deg,#6f86d6,#48c6ef);background: linear-gradient(-35deg,#6f86d6,#48c6ef);margin-bottom: 10px;}
.content.trial .wrap_grad.neo:before {content: "";position: absolute;left: 0;right: 0;top: -93px;margin: 0 auto;display: inline-block;width: 100%;height: 221px;background: url("https://office.hancom.com/contents/data/1/07/bg_trial01.png") no-repeat top center;}
.content.trial .wrap_grad.off {background: #667eea;background: -webkit-linear-gradient(-35deg,#764ba2,#667eea);background: -o-linear-gradient(-35deg,#764ba2,#667eea);background: -moz-linear-gradient(-35deg,#764ba2,#667eea);background: linear-gradient(-35deg,#764ba2,#667eea);}
.content.trial .wrap_grad.off:before {content: "";position: absolute;left: 0;right: 0;top: -80px;margin: 0 auto;display: inline-block;width: 100%;height: 210px;background: url("https://office.hancom.com/contents/data/1/07/bg_trial02.png") no-repeat top center;}
.content.trial .wrap_grad .ic_tit {font-family: sp_regular,spjp_regular;font-size: 48px;color: #fff;padding-top: 145px;}
.content.trial .wrap_grad.neo .ic_tit {background: url("https://office.hancom.com/contents/data/1/07/icon_trial01.png") no-repeat center top;}
.content.trial .wrap_grad.off .ic_tit {background: url("https://office.hancom.com/contents/data/1/07/icon_trial02.png") no-repeat center top;}
.content.trial .wrap_grad .stitle4 {color: #fff;}
.content.trial .wrap_grad .tit_desc {font-family: sp_regular,spjp_regular;font-size: 20px;color: #fff;margin: 20px 0 55px;}
.content.trial .wrap_grad .bt_area a {min-width: 260px;padding: 0 40px;margin: 0 18px;}
.content.trial .wrap_grad.neo ul {width: 800px;text-align: left;margin: 50px auto 0;}
.content.trial .wrap_grad.neo ul li {position: relative;padding-left: 50px;}
.content.trial .wrap_grad.neo ul li:before {position: absolute;left: 0;top: 5px;display: inline-block;width: 32px;height: 32px;font-family: sp_bold;font-size: 16px;color: #4fbbeb;line-height: 30px;text-align: center;background: #fff;border-radius: 50%;}
.content.trial .wrap_grad.neo ul li.lang:before {content: "A";}
.content.trial .wrap_grad.neo ul li.how:before {content: "!";}
.content.trial .wrap_grad.neo ul li .txt1 {font-family: open_semibold,spjp_regular;font-size: 16px;color: #fff;font-weight: 600;margin-bottom: 5px;}
.content.trial .wrap_grad.neo ul li .txt2 {font-family: open_regular,spjp_regular;font-size: 16px;color: #fff;line-height: 24px;}
.content.trial .wrap_grad.neo ul li .txt2 a {color: #fff;text-decoration: underline;}
.content.trial .wrap_grad.neo ul li .txt2 a:hover, .content.trial .wrap_grad.neo ul li .txt2 a:focus, .content.trial .wrap_grad.neo ul li .txt2 a:active {color: #fff;text-decoration: underline !important;}
.content.trial .wrap_mobile {text-align: center;padding: 100px 56px;}
.content.trial .wrap_mobile .wrap_down {margin-top: 40px;}
.content.trial .wrap_mobile .wrap_down a {display: inline-block;margin: 0 18px;}
.support .request {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_support01.png") no-repeat top center;}
.support .request.main .w1280 {padding: 0 56px;}
.support .request.main .wrap_tit {margin-bottom: 100px;}
.support .request.main .tab_request ul {width: 100%;}
.support .request.main .tab_request ul li {float: left;width: 25%;position: relative;}
.support .request.main .tab_request ul li a {display: block;height: 350px;text-align: center;padding-top: 220px;position: relative;border: 2px solid #dbdbdb;border-left: 1px solid #dbdbdb;border-right: 0;}
.support .request.main .tab_request ul li a:hover {text-decoration: none;}
.support .request.main .tab_request ul li:first-child a {border-left: 2px solid #dbdbdb;}
.support .request.main .tab_request ul li:last-child a {border-right: 2px solid #dbdbdb;}
.support .request.main .tab_request ul li .icon {position: absolute;left: 0;right: 0;display: inline-block;margin: 0 auto;}
.support .request.main .tab_request ul li:nth-child(1) .icon {width: 127px;top: 53px;}
.support .request.main .tab_request ul li:nth-child(2) .icon {width: 70px;top: 34px;}
.support .request.main .tab_request ul li:nth-child(3) .icon {width: 112px;top: 53px;}
.support .request.main .tab_request ul li:nth-child(4) .icon {width: 173px;top: 53px;}
.support .request.main .tab_request ul li .icon:before, .support .request.main .tab_request ul li .icon:after {transition: .3s;}
.support .request.main .tab_request ul li:hover .icon:before, .support .request.main .tab_request ul li:hover .icon:after {-webkit-box-shadow: 2px 8px 20px 0 rgba(0,0,0,.2);box-shadow: 2px 8px 20px 0 rgba(0,0,0,.2);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.support .request.main .tab_request ul li:nth-child(1) .icon:before {content: "";display: inline-block;width: 65px;height: 130px;background: #febf00;border-radius: 65px 0 0 65px;position: absolute;left: 0;top: 0;}
.support .request.main .tab_request ul li:nth-child(1) .icon:after {content: "";display: inline-block;width: 53px;height: 130px;background: #4f9c71;position: absolute;left: 74px;top: 0;}
.support .request.main .tab_request ul li:nth-child(2) .icon:before {content: "";display: inline-block;width: 70px;height: 70px;background: #7ab1f4;border-radius: 50%;position: absolute;left: 0;top: 0;}
.support .request.main .tab_request ul li:nth-child(2) .icon:after {content: "";display: inline-block;width: 55px;height: 68px;background: #004ba8;position: absolute;left: 7px;top: 83px;}
.support .request.main .tab_request ul li:nth-child(3) .icon:before {content: "";display: inline-block;width: 55px;height: 132px;background: #4f9c71;position: absolute;left: 14px;top: 1px;}
.support .request.main .tab_request ul li:nth-child(3) .icon:after {content: "";display: inline-block;width: 94px;height: 94px;background: #febf00;border-radius: 50%;position: absolute;left: 32px;top: 0;}
.support .request.main .tab_request ul li:nth-child(4) .icon:before {content: "";display: inline-block;width: 57px;height: 122px;background: #ff332c;transform-origin: left top;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;left: 0;top: 40px;}
.support .request.main .tab_request ul li:nth-child(4):hover .icon:before {top: 35px;}
.support .request.main .tab_request ul li:nth-child(4) .icon:after {content: "";display: inline-block;width: 40px;height: 105px;background: #7ab1f4;transform-origin: left top;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 145px;top: 0;}
.support .request.main .tab_request ul li:nth-child(4):hover .icon:after {top: -5px;}
.support .request.main .tab_request ul li a:before {content: "";position: absolute;left: -2px;top: -2px;width: 101%;height: 350px;border: 4px solid #0a6ee6;box-sizing: border-box;opacity: 0;}
.support .request.main .tab_request ul li:last-child a:before {left: -1px;}
.support .request.main .tab_request ul li a:hover:before {opacity: 1;transition: .5s;-webkit-transition: .5s;}
.support .request.main .tab_request ul li a .stitle4 {margin-bottom: 20px;}
.support .request.main .tab_request ul li a .btn_type3 {padding-left: 35px;}
.support .request.main .tab_request ul li a:hover .btn_type3 {transition: transform .5s ease;-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);}
.support .request.main .tab_request ul li a:hover .btn_type3 span:after {width: 0;}
.support .request.main .tab_request ul li a:hover .btn_type3 .arrow_icon_circle {stroke-dashoffset: 0;}
.support .request.main .wrap_faq {margin-top: 35px;}
.support .request.main .wrap_faq ul li {float: left;width: 25%;text-align: center;font-size: 18px;}
.support .request.main .wrap_faq ul li a {color: #0a6ee6;text-decoration: underline !important;}
.support .request.main .table_top {position: relative;margin: 85px 0 20px;}
.support .request.main .table_top .posR {position: absolute;right: 0;top: 3px;}
.support .request.main .bg_bottom_gray {padding: 70px 0 100px;}
.support .request.main .bg_bottom_gray .shortcut li {float: left;margin-left: 179px;}
.support .request.main .bg_bottom_gray .shortcut li:first-child {margin-left: 0;}
.support .request.main .bg_bottom_gray .shortcut li .stitle4 {position: relative;padding-top: 110px;margin-bottom: 20px;}
.support .request.main .bg_bottom_gray .shortcut li .stitle4:before {content: "";display: inline-block;width: 86px;height: 83px;position: absolute;left: 0;top: 0;}
.support .request.main .bg_bottom_gray .shortcut li.trial .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_trial.png") no-repeat 0 0;}
.support .request.main .bg_bottom_gray .shortcut li.help .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_help.png") no-repeat 0 0;}
.support .request.main .bg_bottom_gray .shortcut li.blog .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_blog.png") no-repeat 0 0;}
.support .request.main .bg_bottom_gray .shortcut li .txt_type3 {min-height: 84px;margin-bottom: 20px;}
.support .request.ask .frmArea {margin-top: 30px;}
.support .request.ask .frmArea .txt_cap2 {text-align: right;margin-bottom: 60px;}
.support .request.ask .frmArea .input_row .textarea_type1 {height: 300px;}
.support .request.ask .btn_ac {margin-top: 40px;}
.support .request.ask .btn_ac a {min-width: 180px;margin: 0 16px;}
.support .request.ask .info_msg {margin: 60px auto 100px;}
.support .request.ask.productInq .guide_comment1 {text-align: left;margin: 25px 0 0 0;}
.support .policy {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_support02.png") no-repeat top center;}
.support .policy .w1280 {padding: 0 56px;}
.support .policy .wrap_con {padding: 90px 0;border-bottom: 1px solid #dbdbdb;}
.support .policy .wrap_con.noline {border-bottom: none;}
.support .policy .wrap_con .stitle3 {margin-bottom: 30px;}
.support .policy .wrap_con .txt_type2 {margin-bottom: 65px;}
.support .policy .wrap_con .cap_tit {font-family: open_semibold,spjp_regular;font-size: 20px;color: #888;margin-bottom: 15px;}
.support .policy .wrap_con .btn_type2 {margin: -15px 0 70px;}
.support .policy .wrap_con .list_tit {font-family: sp_bold;font-size: 20px;color: #000;font-weight: 600;margin-bottom: 10px;}
.support .policy .wrap_con .list li {position: relative;font-family: open_regular,spjp_regular;font-size: 20px;line-height: 36px;padding-left: 17px;}
.support .policy .wrap_con .list li:before {content: "";position: absolute;left: 0;top: 15px;display: inline-block;width: 6px;height: 6px;background: #000;border-radius: 50%;}
.support .policy .guide_comment1 {margin-bottom: 100px;}
.support .policy .bg_bottom_gray {height: 400px;}
.support .policy .bg_bottom_gray .anyQuestions {width: 785px;margin: 0 auto;padding-top: 75px;background: url("https://office.hancom.com/contents/data/1/07/bg_question.png") no-repeat right 80px;}
.support .policy .bg_bottom_gray .anyQuestions .txt_cap2 {color: #000;margin-bottom: 5px;}
.support .policy .bg_bottom_gray .anyQuestions .tit {font-family: sp_regular,spjp_regular;font-size: 42px;line-height: 55px;margin-bottom: 35px;}
.support .policy.license .stitle3 {margin-bottom: 70px;}
.mypage .frmArea {margin-top: 90px;}
.mypage .btn_ac {margin-top: 40px;}
.mypage .modify .frmArea .input_row.password .pw_signal {top: 19px;}
.mypage .modify .frmArea .input_row.password_con {margin-bottom: 0;}
.mypage .modify .frmArea .input_row.password_con .alarm_msg1, .mypage .modify .frmArea .input_row.password_con .alarm_msg2 {padding-bottom: 0;}
.mypage .modify .btn_ac .btn_type1 {min-width: 240px;}
.mypage .modify .guide_comment1 {margin: 35px 0 95px;}
.mypage .delete .frmArea .input_row.password {margin-bottom: 0;}
.mypage .delete .frmArea .input_row.password .alarm_msg1 {padding-bottom: 0;}
.mypage .delete .guide_comment1 {margin: 35px 0 60px;}
.mypage .delete .info_msg {margin-bottom: 95px;}
.mypage .product .w1280 {padding: 0 56px;}
.mypage .product .frmArea .input_row .alarm_msg1 {padding-bottom: 0;}
.mypage .product .info_msg {margin: 60px auto 70px;}
.mypage .product .btn_ac .btn_type1 {min-width: 240px;}
.mypage .product .table_top {text-align: right;margin-bottom: 10px;}
.mypage .product.personal .tbl_type1 td.subj .stitle4 {width: 90%;}
.mypage .product.team .tab_type1 {max-width: 1200px;margin: 65px auto 0;padding: 0 40px;}
.mypage .product.team .tbl_type1.package td.subj .stitle4 {width: 90%;}
.documentPopup {background: #393939;}
.documentPopup .wrap {width: 800px;background: #fff;margin: 0 auto;}
.documentPopup .contop {position: relative;height: 100px;border-bottom: 1px solid #dbdbdb;}
.documentPopup .contop .poptit {font-family: sp_regular,spjp_regular;font-size: 26px;color: #000;line-height: 100px;padding-left: 40px;margin: 0;}
.documentPopup .contop .btn_area {position: absolute;right: 40px;top: 24px;}
.documentPopup .contop .btn_area .btn_type2 {width: 180px;padding: 0 5px 0 0;margin-left: 6px;}
.documentPopup .contop .btn_area .btn_type2.cl1:before {content: "";display: inline-block;width: 27px;height: 40px;margin-right: 20px;background: url("https://office.hancom.com/contents/data/1/07/icon_print.png") no-repeat 0 8px;vertical-align: middle;transition: .5s;-webkit-transition: .5s;}
.documentPopup .contop .btn_area .btn_type2.cl1:hover:before {background: url("https://office.hancom.com/contents/data/1/07/icon_print_over.png") no-repeat 0 8px;}
.documentPopup .contop .btn_area .btn_type2.cl3:before {content: "";display: inline-block;width: 20px;height: 40px;margin-right: 20px;background: url("https://office.hancom.com/contents/data/1/07/icon_contact.png") no-repeat 0 10px;vertical-align: middle;transition: .5s;-webkit-transition: .5s;}
.documentPopup .contop .btn_area .btn_type2.cl3:hover:before {background: url("https://office.hancom.com/contents/data/1/07/icon_contact_over.png") no-repeat 0 10px;}
.documentPopup .con {padding: 70px 40px 40px 40px;}
.documentPopup .con .doctit {font-family: sans-serif,dotum;font-size: 26px;color: #000;text-align: center;margin-bottom: 50px;}
.documentPopup .con .info {margin-bottom: 45px;}
.documentPopup .con .info li {position: relative;min-height: 20px;font-family: sans-serif,dotum;font-size: 18px;color: #888;padding-left: 160px;margin-bottom: 10px;}
.documentPopup .con .info li.line2 {min-height: 20px;}
.documentPopup .con .info li .lb {position: absolute;left: 0;top: 0;font-family: sans-serif,dotum;font-size: 18px;color: #000;line-height: 20px;}
.documentPopup .con .tableWrap2 {border-bottom: 2px solid #cecece;margin-bottom: 45px;}
.documentPopup .con .tbl_type2 th {font-family: sans-serif,dotum;font-size: 16px;color: #888;font-weight: 600;vertical-align: middle;padding: 13px 0;}
.documentPopup .con .tbl_type2 td {font-family: sans-serif,dotum;font-size: 16px;color: #000;padding: 25px 10px;}
.documentPopup .con .txt1 {font-family: sans-serif,dotum;font-size: 16px;color: #888;line-height: 30px;margin: 0;}
.documentPopup .con .txt2 {font-family: sans-serif,dotum;font-size: 16px;color: #000;line-height: 30px;margin: 0 0 25px 0;}
.documentPopup .con .tit1 {font-family: sans-serif,dotum;font-size: 20px;color: #000;line-height: 36px;margin: 0 0 25px 0;}
.documentPopup .con .tit2 {font-family: sans-serif,dotum;font-size: 16px;color: #000;font-weight: 600;line-height: 30px;margin: 0;}
.documentPopup .con .contract {margin-top: 40px;}
.documentPopup .conbottom {margin-top: 70px;}
.documentPopup .conbottom:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.documentPopup .conbottom .seal {float: left;display: inline-block;font-family: sans-serif,dotum;font-size: 16px;color: #000;}
.documentPopup .conbottom .seal img {display: inline-block;vertical-align: middle;margin-left: 6px;}
.documentPopup .conbottom .logo {float: right;}
.mypage .subscription .w1280 {min-height: 800px;}
.mypage .subscription .wrap_con {text-align: center;}
.mypage .subscription .wrap_con .txt_cap3 {margin-top: 30px;}
.mypage .subscription .wrap_con .btn_ac {margin: 60px 0 30px;}
.mypage .subscription .wrap_con .btn_ac a {min-width: 185px;margin: 0 16px;}
.mypage .subscription .guide_comment1 {margin-bottom: 100px;}
.mypage .subscription .wrap_con .box_subscribe {position: relative;width: 368px;height: auto;border: 2px solid #dbdbdb;padding: 25px 20px 45px;margin: 75px auto 25px;}
.mypage .subscription .wrap_con .box_subscribe .flag {text-align: left;}
.mypage .subscription .wrap_con .box_subscribe .wrap_device {position: absolute;right: 20px;top: 25px;}
.mypage .subscription .wrap_con .box_subscribe .wrap_device span {display: inline-block;font-size: 14px;color: #888;margin-left: 15px;}
.mypage .subscription .wrap_con .box_subscribe .wrap_device span.ico_pc {padding-left: 29px;background: url("https://office.hancom.com/contents/data/1/07/icon_pc.png") no-repeat left center;}
.mypage .subscription .wrap_con .box_subscribe .wrap_device span.ico_device {padding-left: 20px;background: url("https://office.hancom.com/contents/data/1/07/icon_device.png") no-repeat left center;}
.mypage .subscription .wrap_con .box_subscribe .wrap_info {margin: 55px 0 130px;}
.mypage .subscription .wrap_con .box_subscribe .wrap_info .stitle4 {margin-bottom: 30px;}
.mypage .subscription .wrap_con .box_subscribe .wrap_info .ico_cal {font-family: sp_regular,spjp_regular;font-size: 18px;padding-left: 34px;background: url("https://office.hancom.com/contents/data/1/07/icon_calendar.png") no-repeat left center;}
.mypage .subscription .wrap_con .box_subscribe .wrap_info .exp_date {font-family: sp_regular,spjp_regular;font-size: 48px;line-height: 1;color: #0a6ee6;margin: 10px 0 25px;}
.mypage .subscription .wrap_con .box_subscribe .wrap_info .period {font-size: 18px;color: #888;}
.mypage .subscription .wrap_con .box_subscribe .group_member {background: #f8f8f8;padding: 25px 0;margin-top: -80px;}
.mypage .subscription .wrap_con .box_subscribe .group_member .txt {font-family: open_regular,spjp_regular;margin: 0;}
.mypage .subscription .wrap_con .box_subscribe .group_member a {display: inline-block;font-family: open_regular,spjp_regular;color: #0a6ee6;text-decoration: underline;margin-top: 10px;}
.mypage .subscription .wrap_con .box_subscribe .group_member a:focus, .mypage .subscription .wrap_con .box_subscribe .group_member a:active {text-decoration: underline !important;}
.mypage .subscription .wrap_con .box_subscribe .btn_type3.line2 {text-align: left;margin-top: 50px;}
.mypage .subscription .wrap_con .box_subscribe.expired .flag {opacity: .4;}
.mypage .subscription .wrap_con .box_subscribe.expired .wrap_device {opacity: .5;}
.mypage .subscription .wrap_con .box_subscribe.expired .wrap_info {margin: 55px 0 60px;}
.mypage .subscription .wrap_con .box_subscribe.expired .wrap_info .stitle4 {color: #bbb;}
.mypage .subscription .wrap_con .box_subscribe.expired .wrap_info .ico_cal {color: #bbb;background: url("https://office.hancom.com/contents/data/1/07/icon_calendar02.png") no-repeat left center;}
.mypage .subscription .wrap_con .box_subscribe.expired .wrap_info .exp_date {color: #bbb;}
.mypage .subscription .wrap_con .box_subscribe.expired .wrap_info .period {color: #bbb;}
.mypage .subscription .wrap_con .box_subscribe.expired .group_member {margin-bottom: 20px;margin-top: -10px;}
.mypage .subscription .wrap_con .box_subscribe.expired .cause {line-height: 23px;color: #888;margin-bottom: 50px;}
.mypage .group_manage .w1280 {min-height: 800px;padding: 0 40px;}
.mypage .group_manage .wrap_con {text-align: center;}
.mypage .group_manage .wrap_con .txt_cap3 {margin-top: 30px;}
.mypage .group_manage .wrap_con .btn_ac {margin: 60px 0 30px;}
.mypage .group_manage .wrap_con .btn_ac a {min-width: 185px;}
.mypage .group_manage .wrap_con .stitle3 {margin-top: 60px;}
.mypage .group_manage .wrap_con .tab_type1 {margin-top: 60px;}
.mypage .group_manage .wrap_con .frmArea {text-align: left;}
.mypage .group_manage .wrap_con .frmArea .alarm_msg1.static {padding-bottom: 0;}
.mypage .group_manage .wrap_con .frmArea + .btn_ac {margin: 40px 0 0;}
.mypage .group_manage .wrap_con .info_msg {margin: 60px auto 70px;}
.mypage .group_manage .wrapListStyle {width: 100%;padding: 0 16px 120px 16px;}
.mypage .group_manage .wrapListStyle .table_top {text-align: right;margin-bottom: 10px;}
.mypage .group_manage .wrapListStyle .tbl_type1 td {vertical-align: middle;}
.mypage .group_manage .wrapListStyle .tbl_type1 td.subj .stitle4 {width: 95%;}
.mypage .purchase .w1280 {padding: 0 56px;}
.mypage .purchase .wrap_tit {margin-bottom: 90px;}
.mypage .purchase .table_top {text-align: right;margin-bottom: 10px;}
.mypage .purchase .tbl_type1 td {min-height: 130px;vertical-align: middle;}
.mypage .purchase .tbl_type1 td.subj .stitle4 {width: 90%;}
.mypage .purchase .tbl_type1 td.subj .stitle4:hover, .mypage .purchase .tbl_type1 td.subj .stitle4:active {color: #000;text-decoration: none;}
.mypage .purchase .tbl_type1 td.subj .stitle4 p {font-family: sp_regular,spjp_regular;margin: 0;}
.mypage .purchase .tbl_type1 td.subj .stitle4 p:focus {color: #000;}
.mypage .purchase .tbl_type1 td.tac p {margin: 0;font-family: open_light;font-weight: 100;}
.mypage .purchase .no_content {margin-bottom: 350px;}
.mypage .purchase .viewBtnGroup {margin: 150px 0;}
.mypage .inquire .btn_ac {margin-bottom: 85px;}
.mypage .inquire .btn_ac a {min-width: 180px;}
.mypage .inquire .table_top {text-align: right;margin-bottom: 10px;}
.mypage .inquire .tbl_type1 td {vertical-align: middle;}
.mypage .inquire .tbl_type1 td.subj .stitle4 {width: 90%;}
.mypage .inquire .boardView_2 {margin-top: 110px;}
.mypage .inquire .boardView_2 .inquire_view {padding-top: 50px;border-bottom: 2px solid #bcbcbc;}
.mypage .inquire .boardView_2 .inquire_view .item_row {position: relative;min-height: 38px;padding: 0 130px 0 300px;margin-bottom: 40px;font-size: 20px;}
.mypage .inquire .boardView_2 .inquire_view .item_row .posL {position: absolute;left: 0;top: 0;}
.mypage .inquire .boardView_2 .inquire_view .item_row .stitle4 {line-height: 38px;word-break: break-word;}
.mypage .inquire .boardView_2 .inquire_view .item_row .info_list {overflow: hidden;margin-top: 40px;}
.mypage .inquire .boardView_2 .inquire_view .item_row .info_list li {float: left;width: 200px;}
.mypage .inquire .boardView_2 .inquire_view .item_row .info_list li .item_name {margin-bottom: 10px;}
.mypage .inquire .boardView_2 .inquire_view .item_row .message {font-family: open_regular,spjp_regular;font-size: 22px;line-height: 38px;color: #000;word-wrap: break-word;word-break: keep-all;}
.mypage .inquire .boardView_2 .inquire_view .item_row .message div, .mypage .inquire .boardView_2 .inquire_view .item_row .message p {word-wrap: break-word;word-break: keep-all;}
.mypage .inquire .boardView_2 .inquire_view .item_row .file_down {margin-top: 25px;padding-bottom: 10px;}
.mypage .inquire .boardView_2 .inquire_view .item_row .file_down .item_name {margin-bottom: 5px;}
.mypage .inquire .boardView_2 .inquire_view .item_row .file_down a.btn_download2 span {font-family: open_regular,spjp_regular;font-size: 20px;}
.online_header {position: relative;width: 100%;min-width: 1024px;height: 96px;background: #fff;-webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);z-index: 100;}
.online_header .wrap {position: relative;max-width: 1920px;height: 96px;}
.online_header .wrap .editor_tit {font-family: sp_regular,spjp_regular;font-size: 28px;padding: 25px 0 0 40px;}
.online_header .wrap .menu_right {position: absolute;right: 30px;top: 25px;}
.online_header .wrap .menu_right:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.online_header .wrap .menu_right .fileInputHidden {float: left;margin-right: 20px;cursor: pointer;}
.online_header .wrap .menu_right .fileInputHidden input[type="file"] {height: 44px;cursor: pointer;font-size: 0;}
.online_header .wrap .menu_right .fileInputHidden .btn_type2:before {content: "";display: inline-block;width: 25px;height: 21px;background: url("https://office.hancom.com/contents/data/1/07/icon_file01.png") no-repeat 0 0;vertical-align: middle;margin-right: 12px;transition: .5s;-webkit-transition: .5s;}
.online_header .wrap .menu_right .fileInputHidden .btn_type2:hover {background: #fff;color: #0a6ee6;}
.online_header .wrap .menu_right .fileInputHidden .btn_type2:hover:before {background: url("https://office.hancom.com/contents/data/1/07/icon_file01_over.png") no-repeat 0 0;}
.online_header .wrap .menu_right .fileInputHidden input[type="file"]:hover + .btn_type2 {background: #fff;color: #0a6ee6;}
.online_header .wrap .menu_right .fileInputHidden input[type="file"]:hover + .btn_type2:before {background: url("https://office.hancom.com/contents/data/1/07/icon_file01_over.png") no-repeat 0 0;}
.online_header .wrap .menu_right .select_document {display: inline-block;float: left;margin-top: 2px;}
.content.editor {position: relative;min-width: 1024px;background: #f8f8f8;overflow: hidden;z-index: 99;padding-left: 210px;margin: 0;}
.content.editor .con_left {position: absolute;left: 0;top: 0;width: 210px;}
.content.editor .con_left .tab_editor {margin-top: 40px;}
.content.editor .con_left .tab_editor ul li a {position: relative;display: block;width: 100%;height: 88px;font-family: open_regular,spjp_regular;font-size: 16px;color: #888;line-height: 88px;padding-left: 96px;}
.content.editor .con_left .tab_editor ul li a:hover {text-decoration: none;}
.content.editor .con_left .tab_editor ul li a:before {content: "";position: absolute;left: 0;top: 0;display: inline-block;width: 4px;height: 88px;}
.content.editor .con_left .tab_editor ul li a.all {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list01.png") no-repeat 40px center;}
.content.editor .con_left .tab_editor ul li a.word {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list02.png") no-repeat 40px center;}
.content.editor .con_left .tab_editor ul li a.cell {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list03.png") no-repeat 40px center;}
.content.editor .con_left .tab_editor ul li a.show {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list04.png") no-repeat 40px center;}
.content.editor .con_left .tab_editor ul li a.all.on, .content.editor .con_left .tab_editor ul li a.all:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list01_on.png") no-repeat 40px center;color: #006dee;}
.content.editor .con_left .tab_editor ul li a.all.on:before, .content.editor .con_left .tab_editor ul li a.all:hover:before {background: #006dee;}
.content.editor .con_left .tab_editor ul li a.word.on, .content.editor .con_left .tab_editor ul li a.word:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list02_on.png") no-repeat 40px center;color: #004ba8;}
.content.editor .con_left .tab_editor ul li a.word.on:before, .content.editor .con_left .tab_editor ul li a.word:hover:before {background: #004ba8;}
.content.editor .con_left .tab_editor ul li a.cell.on, .content.editor .con_left .tab_editor ul li a.cell:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list03_on.png") no-repeat 40px center;color: #269f6c;}
.content.editor .con_left .tab_editor ul li a.cell.on:before, .content.editor .con_left .tab_editor ul li a.cell:hover:before {background: #269f6c;}
.content.editor .con_left .tab_editor ul li a.show.on, .content.editor .con_left .tab_editor ul li a.show:hover {background: url("https://office.hancom.com/contents/data/1/07/icon_editor_list04_on.png") no-repeat 40px center;color: #f15a47;}
.content.editor .con_left .tab_editor ul li a.show.on:before, .content.editor .con_left .tab_editor ul li a.show:hover:before {background: #f15a47;}
.content.editor .con_right {position: relative;width: 100%;min-width: 814px;max-width: 1860px;min-height: 903px;padding: 47px 0 100px;border-left: 1px solid #fff;}
.content.editor .con_right .wrap_document {position: relative;height: 252px;padding: 0 80px 0 180px;}
.content.editor .con_right.tab_view .wrap_document {height: auto;padding: 0 0 0 180px;}
.content.editor .con_right .wrap_document .btn_newdoc {position: absolute;left: 30px;top: 0;display: inline-block;width: 150px;height: 252px;color: #888;text-align: center;transition: .3s;-webkit-transition: .3s;}
.content.editor .con_right .wrap_document .btn_newdoc:hover {color: #000;text-decoration: none;}
.content.editor .con_right .wrap_document .btn_newdoc span {display: block;width: 86px;height: 113px;font-family: sp_regular,spjp_regular;font-size: 14px;line-height: 1;padding-top: 40px;margin: 44px auto 20px;background: url("https://office.hancom.com/contents/data/1/07/bg_editor.png") no-repeat 0 0;transition: .3s;-webkit-transition: .3s;}
.content.editor .con_right .wrap_document .btn_newdoc:hover span {-webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);}
.content.editor .con_right .wrap_document .btn_newdoc:hover span.word {background: url("https://office.hancom.com/contents/data/1/07/bg_editor_over_word.png") no-repeat 0 0;}
.content.editor .con_right .wrap_document .btn_newdoc:hover span.cell {background: url("https://office.hancom.com/contents/data/1/07/bg_editor_over_cell.png") no-repeat 0 0;}
.content.editor .con_right .wrap_document .btn_newdoc:hover span.show {background: url("https://office.hancom.com/contents/data/1/07/bg_editor_over_show.png") no-repeat 0 0;}
.content.editor .con_right .wrap_document .btn_newdoc span.word {color: #004ba8;}
.content.editor .con_right .wrap_document .btn_newdoc span.cell {color: #269f6c;}
.content.editor .con_right .wrap_document .btn_newdoc span.show {color: #f15a47;}
.content.editor .con_right .wrap_document .btn_newdoc span:before {content: "";display: block;width: 26px;height: 26px;margin: 0 auto 8px;}
.content.editor .con_right .wrap_document .btn_newdoc span.word:before {background: url("https://office.hancom.com/contents/data/1/07/icon_plus01.png") no-repeat 0 0;}
.content.editor .con_right .wrap_document .btn_newdoc span.cell:before {background: url("https://office.hancom.com/contents/data/1/07/icon_plus02.png") no-repeat 0 0;}
.content.editor .con_right .wrap_document .btn_newdoc span.show:before {background: url("https://office.hancom.com/contents/data/1/07/icon_plus03.png") no-repeat 0 0;}
.content.editor .con_right .wrap_document .btn_newdoc div {font-family: open_regular,spjp_regular;}
.content.editor .con_right .wrap_document .document_list {}
.content.editor .con_right .wrap_document .document_list ul {height: 252px;overflow: hidden;}
.content.editor .con_right.tab_view .wrap_document .document_list ul {height: auto;}
.content.editor .con_right .wrap_document .document_list ul li {position: relative;float: left;width: 282px;height: 212px;background-size: contain !important;background-repeat: no-repeat !important;background-position: center top !important;margin: 20px 16px;cursor: pointer;}
.content.editor .con_right .wrap_document .document_list ul li .doc_tit {position: absolute;bottom: 0;left: 0;width: 100%;height: 56px;background: rgba(255,255,255,.9);padding: 0 20px;}
.content.editor .con_right .wrap_document .document_list ul li .doc_tit .recent {display: inline-block;font-family: sp_bold;font-size: 20px;color: #f15a47;margin-right: 7px;vertical-align: middle;padding-top: 7px;}
.content.editor .con_right .wrap_document .document_list ul li .doc_tit .elps {display: inline-block;width: 90%;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;line-height: 56px;vertical-align: middle;}
.content.editor .con_right .wrap_document .document_list ul li .item_over {position: absolute;left: 0;top: 0;width: 282px;height: 212px;padding-top: 50px;opacity: 0;transition: .5s;-webkit-transition: .5s;}
.content.editor .con_right .wrap_document .document_list ul li:hover .item_over {opacity: 1;}
.content.editor .con_right .wrap_document .document_list ul li .item_over .blind {position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 212px;background: rgba(0,0,0,.85);}
.content.editor .con_right .wrap_document .document_list ul li .item_over a {position: relative;display: block;width: 40px;height: 40px;font-family: open_regular,spjp_regular;font-size: 14px;color: rgba(255,255,255,0);color: rgba(255,255,255,0);line-height: 40px;text-align: center;border-radius: 20px;margin: 8px auto;overflow: hidden;transition: .5s;-webkit-transition: .5s;}
.content.editor .con_right .wrap_document .document_list ul li .item_over a:hover {width: 130px;}
.content.editor .con_right .wrap_document .document_list ul li .item_over a.bt_preview {background: #fff url("https://office.hancom.com/contents/data/1/07/icon_preview.png") no-repeat center 0;}
.content.editor .con_right .wrap_document .document_list ul li .item_over a.bt_editing {background: #0a6ee6 url("https://office.hancom.com/contents/data/1/07/icon_editing.png") no-repeat center 0;}
.content.editor .con_right .wrap_document .document_list ul li .item_over a.bt_preview:hover {color: #000;text-decoration: none;background: #fff url("") no-repeat center 0;}
.content.editor .con_right .wrap_document .document_list ul li .item_over a.bt_editing:hover {color: #fff;text-decoration: none;background: #0a6ee6 url("") no-repeat center 0;}
.content.editor .con_right .wrap_document .doc_more {position: absolute;right: 40px;top: 50%;margin-top: -18px;}
.content.editor .con_right .editor_banner {position: absolute;left: -184px;bottom: 125px;width: 160px;height: 240px;overflow: hidden;}
.content.editor .con_right .editor_banner .banner_con {width: 100%;height: 240px;}
.content.editor .con_right .editor_banner .banner_con carousel {display: inline-block;width: 100%;height: 240px;}
.content.editor .con_right .editor_banner .banner_con carousel .carousel {width: 100%;height: 240px;}
.content.editor .con_right .editor_banner .banner_con carousel .carousel .carousel-indicators {display: block;position: absolute;bottom: 0;left: 0;z-index: 15;width: 100%;margin: 0;padding-left: 0;list-style: none;text-align: center;}
.content.editor .con_right .editor_banner .banner_con carousel .carousel .carousel-indicators li {display: inline-block;width: 8px;height: 8px;margin: 0px;margin: 0 4px;text-indent: 0;border: 1px solid #cecece;border-radius: 50%;background: #cecece;cursor: pointer;}
.content.editor .con_right .editor_banner .banner_con carousel .carousel .carousel-indicators li.active {background: #2e70de;border: 1px solid #2e70de;}
.content.editor .con_right .editor_banner .banner_con carousel .carousel-inner {width: 100%;height: 214px;}
.content.editor .con_right .btn_group {position: absolute;left: -210px;bottom: 28px;width: 210px;padding-left: 24px;}
.content.editor .con_right .btn_group a {display: block;height: 22px;font-family: open_regular,spjp_regular;font-size: 16px;color: #888;line-height: 22px;padding-left: 35px;margin-top: 13px;}
.content.editor .con_right .btn_group a:hover {text-decoration: none;}
.content.editor .con_right .btn_group a.guide {background: url("https://office.hancom.com/contents/data/1/07/icon_guide01.png") no-repeat 0 center;}
.content.editor .con_right .btn_group a.contact {background: url("https://office.hancom.com/contents/data/1/07/icon_info01.png") no-repeat 0 center;}
.content.editor .con_right .footer_editor {position: absolute;bottom: 28px;left: 0;right: 0;text-align: center;}
.content.editor .con_right .footer_editor p {font-family: open_regular,spjp_regular;font-size: 14px;color: #888;}
.content.editor .con_right .footer_editor p.caption {position: absolute;left: 20px;top: 0;padding-left: 17px;}
.content.editor .con_right .footer_editor p.caption .recent {position: absolute;left: 0;top: 0;display: inline-block;font-family: sp_bold;font-size: 20px;color: #f15a47;line-height: 25px;}
.content.editor .con_right .footer_editor p.copyright {display: inline-block;}
.content.editor .con_right .footer_editor p.copyright .homepage {display: inline-block;color: #888;padding-right: 15px;margin-right: 15px;border-right: 1px solid #bbb;}
.content.editor .con_right .footer_editor .wrap_language {position: absolute;right: 40px;top: 0;}
.content.editor .con_right .footer_editor .wrap_language strong {display: block;font-family: open_regular,spjp_regular;font-size: 14px;color: #888;font-weight: normal;padding-right: 34px;background: url("https://office.hancom.com/contents/data/1/07/arr_09.png") no-repeat right center;cursor: pointer;}
.content.editor .con_right .footer_editor .wrap_language strong.on {background: url("https://office.hancom.com/contents/data/1/07/arr_09_on.png") no-repeat right center;}
.content.editor .con_right .footer_editor .wrap_language .list_lang {display: none;position: absolute;top: -55px;left: 0;}
.content.editor .con_right .footer_editor .wrap_language .list_lang li {margin-bottom: 5px;text-align: left;}
.content.editor .con_right .footer_editor .wrap_language .list_lang li a {font-family: open_regular,spjp_regular;font-size: 14px;color: #888;}
.content.editor .con_right .footer_editor .wrap_language .list_lang li a:hover {text-decoration: none;}
.layerPop .oneditor .popContent {padding: 30px 40px 60px 40px;}
.layerPop .oneditor .popContent .relative.word {padding-left: 100px;background: url("https://office.hancom.com/contents/data/1/07/icon_newdoc_w.png") no-repeat 0 5px;}
.layerPop .oneditor .popContent .relative.cell {padding-left: 100px;background: url("https://office.hancom.com/contents/data/1/07/icon_newdoc_c.png") no-repeat 0 5px;}
.layerPop .oneditor .popContent .relative.show {padding-left: 100px;background: url("https://office.hancom.com/contents/data/1/07/icon_newdoc_s.png") no-repeat 0 5px;}
.layerPop .oneditor .popContent .relative.word.on {padding-left: 100px;background: url("https://office.hancom.com/contents/data/1/07/icon_newdoc_w2.png") no-repeat 0 5px;}
.layerPop .oneditor .popContent .relative.cell.on {padding-left: 100px;background: url("https://office.hancom.com/contents/data/1/07/icon_newdoc_c2.png") no-repeat 0 5px;}
.layerPop .oneditor .popContent .relative.show.on {padding-left: 100px;background: url("https://office.hancom.com/contents/data/1/07/icon_newdoc_s2.png") no-repeat 0 5px;}
.layerPop .oneditor .popContent .relative .input_row input[type=text]:disabled {background: none;}
.layerPop .oneditor .popContent .img_preview {width: 100%;height: 321px;background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;margin-bottom: 30px;}
.layerPop .oneditor .popContent .img_preview img {display: inline-block;width: 100%;height: auto;vertical-align: top;}
.layerPop.editor_banner {width: 480px;}
.layerPop.editor_banner .popContent {height: 327px;padding: 0;background: #f0f0f0;}
.layerPop.editor_banner .popContent .control {text-align: center;}
.layerPop.editor_banner .popContent .control span {display: inline-block;width: 12px;height: 12px;background: #d3d3d3;border-radius: 50%;margin: 0 6px;}
.layerPop.editor_banner .popContent .control span.on {background: #0a6ee6;}
.layerPop.editor_banner .popClose {height: 65px;text-align: center;border-top: 1px solid #dedede;background: #f0f0f0;}
.layerPop.editor_banner .popClose a {display: inline-block;font-size: 16px;color: #888;line-height: 65px;}
.layerPop.useguide {width: 1024px;}
.layerPop.useguide p {margin: 0;}
.layerPop.useguide .txt_type3 span {color: #0a6ee6;text-decoration: underline;}
.layerPop.useguide .popContent {padding: 30px 40px;}
.layerPop.useguide .popContent .txt_cap3 {position: relative;display: inline-block;padding-left: 15px;margin-top: 15px;}
.layerPop.useguide .popContent .txt_cap3:before {position: absolute;left: 0;top: 7px;content: "";display: inline-block;width: 10px;height: 10px;background: url("https://office.hancom.com/contents/data/1/07/bu01.png") no-repeat 0 0;}
.layerPop.useguide .popContent .howto {}
.layerPop.useguide .popContent .howto li {border-top: 1px solid #dbdbdb;padding: 35px 0 35px 70px;}
.layerPop.useguide .popContent .howto li:nth-child(1) {background: url("https://office.hancom.com/contents/data/1/07/icon_useguide01.png") no-repeat left center;border-top: 0;}
.layerPop.useguide .popContent .howto li:nth-child(2) {background: url("https://office.hancom.com/contents/data/1/07/icon_useguide02.png") no-repeat left center;}
.layerPop.useguide .popContent .howto li:nth-child(3) {background: url("https://office.hancom.com/contents/data/1/07/icon_useguide03.png") no-repeat left center;}
.layerPop.useguide .popContent .howto li:nth-child(4) {background: url("https://office.hancom.com/contents/data/1/07/icon_useguide04.png") no-repeat left center;}
.layerPop.useguide .popContent .howto li:nth-child(5) {background: url("https://office.hancom.com/contents/data/1/07/icon_useguide05.png") no-repeat left center;}
.layerPop.useguide .popContent .howto li strong.tit {display: inline-block;font-family: open_semibold,spjp_regular;font-size: 18px;color: #000;font-weight: 600;margin-bottom: 10px;}
.layerPop.useguide .popContent .howto li .txt_type5 {line-height: 24px;}
.content.store {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_store01.png") no-repeat top center;}
.content.store .w1280 {padding: 0 56px;}
.content.store .wrap_tit {margin-bottom: 100px;}
.content.store .list_comment {position: absolute;right: 0;top: 15px;font-family: open_light;font-size: 16px;color: #f00;}
.content.store .list_type {font-family: sp_regular,spjp_regular;font-size: 26px;color: #888;margin-bottom: 30px;padding-left: 25px;}
.content.store .list_type span {font-family: sp_regular,spjp_regular;}
.content.store .list_type.blue {background: url("https://office.hancom.com/contents/data/1/07/bu_01.png") no-repeat 0 12px;}
.content.store .list_type.orange {background: url("https://office.hancom.com/contents/data/1/07/bu_02.png") no-repeat 0 12px;}
.content.store .list_type.blue span {color: #0a6ee6;}
.content.store .list_type.orange span {color: #ff322b;}
.content.store .prdt_list {margin-bottom: 20px;}
.content.store .prdt_list:last-child {margin-bottom: 100px;}
.content.store .prdt_list ul {width: 100%;}
.content.store .prdt_list ul:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.content.store .prdt_list ul li {float: left;width: 33.33%;height: auto;margin-bottom: 32px;}
.content.store .prdt_list ul li:nth-child(3n-1) .wrap {margin: 0 10px;}
.content.store .prdt_list ul li:nth-child(3n) .wrap {margin: 0 0 0 auto;}
.content.store .prdt_list .wrap {width: auto;max-width: 368px;height: 607px;text-align: center;border: 2px solid #dbdbdb;padding: 2px;transition: .2s;-webkit-transition: .2s;}
.content.store .prdt_list.perpetual .wrap:hover {border: 4px solid #0a6ee6;padding: 0;}
.content.store .prdt_list.subscription .wrap:hover {border: 4px solid #ff322b;padding: 0;}
.content.store .prdt_list .userType {height: 100px;padding: 25px 20px 0 20px;}
.content.store .prdt_list .userType .type {float: left;font-family: open_regular,spjp_regular;font-size: 16px;color: #888;text-align: left;}
.content.store .prdt_list .userType .count {float: right;font-size: 14px;color: #888;background: url("https://office.hancom.com/contents/data/1/07/icon_pc.png") no-repeat 0 1px;padding-left: 30px;}
.content.store .prdt_list .userType .device {float: right;font-size: 14px;color: #888;background: url("https://office.hancom.com/contents/data/1/07/icon_device.png") no-repeat 0 1px;padding-left: 20px;margin-left: 20px;}
.content.store .prdt_list .img {width: 250px;height: 190px;margin: 0 auto 40px auto;position: relative;}
.content.store .prdt_list .img .btn_more {width: 70px;height: 70px;font-family: open_regular,spjp_regular;font-size: 14px;color: #0a6ee6;text-align: right;padding: 20px 12px 0 0;position: absolute;right: -27px;top: -27px;background: url("https://office.hancom.com/contents/data/1/07/bg_more.png") no-repeat;cursor: pointer;}
.content.store .prdt_list .img .btn_more + img {cursor: pointer;}
.content.store .prdt_list .prdt_con {height: 180px;padding: 0 20px;}
.content.store .prdt_list .prdt_con .name {height: 64px;font-family: sp_regular,spjp_regular;font-size: 20px;line-height: 32px;word-wrap: break-word;word-break: break-word;overflow: hidden;}
.content.store .prdt_list .prdt_con .division {font-size: 16px;color: #888;padding: 10px 0 8px 0;}
.content.store .prdt_list .prdt_con .price {font-family: sp_regular,spjp_regular;font-size: 20px;color: #ff322b;}
.content.store .prdt_list .prdt_con .discount {display: inline-block;font-family: sp_regular,spjp_regular;font-size: 20px;color: #000;opacity: .3;text-decoration: line-through;}
.content.store .shortcut {padding: 120px 0 100px;}
.content.store .shortcut li {float: left;}
.content.store .shortcut li:nth-child(1) {width: 275px;}
.content.store .shortcut li:nth-child(2) {width: 289px;margin-left: 150px;}
.content.store .shortcut li:nth-child(3) {width: 289px;margin-left: 150px;}
.content.store .shortcut li .stitle4 {position: relative;padding-top: 110px;margin-bottom: 20px;}
.content.store .shortcut li .stitle4:before {content: "";display: inline-block;width: 86px;height: 83px;position: absolute;left: 0;top: 0;}
.content.store .shortcut li.trial .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_trial.png") no-repeat 0 0;}
.content.store .shortcut li.online .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_online.png") no-repeat 0 0;}
.content.store .shortcut li.help .stitle4:before {background: url("https://office.hancom.com/contents/data/1/07/icon_banner_help.png") no-repeat 0 0;}
.content.store .shortcut li .txt_type3 {margin-bottom: 20px;}
.content.store .faq .stitle2 {margin-bottom: 50px;}
.content.store .faq .faq_list dl {border-bottom: 2px solid #bcbcbc;margin-bottom: 50px;}
.content.store .faq .faq_list dl dt {font-family: sp_regular,spjp_regular;font-size: 32px;color: #000;font-weight: normal;position: relative;padding-bottom: 55px;cursor: pointer;transition: .2s;-webkit-transition: .2s;}
.content.store .faq .faq_list dl dt:after {content: "";display: inline-block;width: 24px;height: 14px;background: url("https://office.hancom.com/contents/data/1/07/arr_12.png") no-repeat;position: absolute;right: 22px;top: 13px;}
.content.store .faq .faq_list dl dt.on {color: #0a6ee6;transition: .2s;-webkit-transition: .2s;}
.content.store .faq .faq_list dl dt:hover {color: #0a6ee6;}
.content.store .faq .faq_list dl dt.on:after {background: url("https://office.hancom.com/contents/data/1/07/arr_12_on.png") no-repeat;}
.content.store .faq .faq_list dl dd {display: none;font-family: sp_regular,spjp_regular;font-size: 20px;color: #888;line-height: 34px;padding-bottom: 50px;padding-right: 100px;word-wrap: break-word;}
.content.store .faq .faq_list dl dt.on + dd {margin-top: -20px;}
.content.store .guide_comment1 {margin-bottom: 100px;}
.content.store .bg_bottom_gray {height: 400px;}
.content.store .bg_bottom_gray .anyQuestions {width: 785px;margin: 0 auto;padding-top: 75px;background: url("https://office.hancom.com/contents/data/1/07/bg_question.png") no-repeat right 80px;}
.content.store .bg_bottom_gray .anyQuestions .txt_cap2 {color: #000;margin-bottom: 5px;}
.content.store .bg_bottom_gray .anyQuestions .tit {font-family: sp_regular,spjp_regular;font-size: 42px;line-height: 55px;margin-bottom: 35px;}
.content.store .floating {width: 100%;height: 1px;position: fixed;left: 0;right: 0px;top: 500px;margin: auto;z-index: 50;}
.content.store .floating .wrap {width: 100%;position: relative;}
.content.store .floating a {display: block;width: 240px;height: auto;background: #7ab1f4;-webkit-box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);padding: 25px 40px 25px 40px;position: absolute;right: 0;top: 0;}
.content.store .floating a:hover {text-decoration: none;}
.content.store .floating .txt1 {height: 90px;font-family: open_light;font-size: 18px;color: #fff;font-weight: 100;line-height: 28px;}
.content.store .floating .txt2 {display: inline-block;font-family: open_regular,spjp_regular;font-size: 26px;color: #fff;border-bottom: 1px solid #fff;}
.layerPop.store {width: 800px;}
.layerPop.store .prdt_desc .poptitle {height: 140px;font-family: open_regular,spjp_regular;border-bottom: 1px solid #dbdbdb;}
.layerPop.store .prdt_desc .link {padding: 20px 110px;background: #f1f1f1;}
.layerPop.store .prdt_desc .link div {padding: 10px 0;}
.layerPop.store .prdt_desc .link div .field {display: inline-block;width: 115px;font-size: 18px;color: #888;}
.layerPop.store .prdt_desc .link div a {display: inline-block;font-family: open_light;font-size: 16px;color: #0a6ee6;font-weight: 100;text-decoration: underline;}
.layerPop.store .prdt_desc .link div a.attached {background: url("https://office.hancom.com/contents/data/1/07/icon_file.png") no-repeat right 5px;padding-right: 25px;margin-right: 15px;}
.content.connect .wrap_kv {width: 100%;height: 900px;background: url("https://office.hancom.com/contents/data/1/07/vis_connect.jpg") no-repeat top center;background-size: cover;}
.content.connect .explain .wrap {margin-top: 200px;}
.content.connect .explain .wrap .s_tit {font-family: sp_bold;font-size: 32px;color: #000;font-weight: 600;text-align: center;margin-bottom: 40px;}
.content.connect .explain .wrap .title {font-family: sp_regular,spjp_regular;font-size: 52px;color: #000;line-height: 72px;text-align: center;}
.content.connect .explain .wrap.simply ul {margin-top: 90px;}
.content.connect .explain .wrap.simply ul li {width: 100%;height: 350px;margin-bottom: 30px;}
.content.connect .explain .wrap.simply ul li .txt {width: 50%;float: left;}
.content.connect .explain .wrap.simply ul li:nth-child(1):before {content: "";width: 50%;height: 100%;float: left;background: url("https://office.hancom.com/contents/data/1/07/img_connect01.png") no-repeat top center;}
.content.connect .explain .wrap.simply ul li:nth-child(1) .txt {padding: 20px 45px 0 16px;}
.content.connect .explain .wrap.simply ul li:nth-child(2) .txt {padding: 60px 40px 0 0;}
.content.connect .explain .wrap.simply ul li:nth-child(2):before {content: "";width: 50%;height: 100%;float: right;background: url("https://office.hancom.com/contents/data/1/07/img_connect02.png") no-repeat top center;}
.content.connect .explain .wrap.simply ul li strong {display: inline-block;font-family: open_bold,spjp_regular;font-size: 26px;color: #000;font-weight: 600;margin-bottom: 10px;}
.content.connect .explain .wrap.simply ul li .topic {font-family: open_regular,spjp_regular;font-size: 26px;color: #000;margin-bottom: 10px;}
.content.connect .explain .wrap.business ul {margin: 100px 0 200px;}
.content.connect .explain .wrap.business ul li {float: left;width: 50%;text-align: center;padding: 290px 20px 0;}
.content.connect .explain .wrap.business ul li:nth-child(1) {background: url("https://office.hancom.com/contents/data/1/07/img_connect03.png") no-repeat top center;}
.content.connect .explain .wrap.business ul li:nth-child(2) {background: url("https://office.hancom.com/contents/data/1/07/img_connect04.png") no-repeat top center;}
.content.connect .explain .wrap.business ul li .txt_type4 {margin-bottom: 20px;}
.content.connect .bg_deepblue {height: 550px;text-align: center;}
.content.connect .bg_deepblue .partnership {position: relative;top: -90px;max-width: 1600px;height: 752px;margin: 0 auto;background: url("https://office.hancom.com/contents/data/1/07/bg_connect01.png") no-repeat top center;}
.content.connect .bg_deepblue .partnership .stitle2 {color: #fff;margin-bottom: 50px;padding-top: 250px;}
.content.connect .connected {text-align: center;margin-bottom: 160px;}
.content.connect .connected .stitle2 {padding-top: 140px;}
.content.connect .connected .connectwith {margin-top: 95px;}
.content.connect .connected .connectwith li {float: left;margin-left: 30px;}
.content.connect .connected .connectwith li:first-child {margin-left: 0;}
.content.connect .connected .connectwith li .img img {display: inline-block;}
.content.connect .connected .btn_ac {margin-top: 55px;}
.content.connect .bg_bottom_gray {text-align: center;}
.content.connect .bg_bottom_gray .stitle2 {padding-top: 140px;}
.content.connect .bg_bottom_gray .reseller {padding-bottom: 160px;}
.content.connect .bg_bottom_gray .reseller .bg {position: relative;display: inline-block;}
.content.connect .bg_bottom_gray .reseller .bg .stitle2 {margin-bottom: 40px;}
.product .topIntro {background: #f1f1f1;text-align: center;}
.product .topIntro .tit {display: inline-block;font-family: sp_bold;font-size: 32px;color: #000;margin: 0 0 30px 0;}
.product .topIntro .tit:before {content: "";display: inline-block;width: 72px;height: 72px;vertical-align: middle;margin-right: 20px;}
.product .topIntro p.stitle6 {letter-spacing: -.8px;margin-bottom: 40px;}
.product .intro_icon_list {padding-top: 120px;}
.product .intro_icon_list ul li {float: left;padding-top: 200px;}
.product .intro_icon_list ul li:nth-child(1) {width: 36%;}
.product .intro_icon_list ul li:nth-child(2) {width: 35%;}
.product .intro_icon_list ul li:nth-child(3) {width: 29%;}
.product .intro_icon_list ul li .stitle3:before {content: "";display: block;width: 64px;height: 4px;background: #0a6ee6;margin-bottom: 55px;}
.product .download_area {width: 100%;background: #f1f1f1;}
.product .download_area ul {max-width: 1920px;margin: 0 auto;}
.product .download_area ul li {float: left;width: 50%;height: 440px;text-align: center;padding: 120px 40px 0 40px;}
.product .download_area ul li:first-child {border-right: 1px solid #fff;}
.product .download_area ul li:last-child {border-left: 1px solid #fff;}
.product .download_area ul li .stitle3 {margin-bottom: 10px;}
.product .download_area ul li .txt_cap1 {color: #a3a3a3;line-height: 30px;margin-bottom: 25px;}
.product .product_btngroup {position: relative;height: 220px;}
.product .product_btngroup > div {position: absolute;top: 50%;margin-top: -15px;display: inline-block;}
.product .product_btngroup > div.prev {left: 50px;}
.product .product_btngroup > div.next {right: 50px;}
.product .product_btngroup > div > figure {position: absolute;opacity: 0;z-index: 1;transition: .4s;-webkit-transition: .4s;}
.product .product_btngroup > div > a:hover + figure {opacity: 1;}
.product .product_btngroup > div.prev.overview > figure {left: 80px;top: -25px;}
.product .product_btngroup > div.prev.overview > a:hover + figure {left: 120px;top: -40px;}
.product .product_btngroup > div.next.word > figure {left: -185px;top: -65px;}
.product .product_btngroup > div.next.word > a:hover + figure {left: -175px;top: -60px;}
.product .product_btngroup > div.prev.word > figure {left: 20px;top: -65px;}
.product .product_btngroup > div.prev.word > a:hover + figure {left: 60px;top: -60px;}
.product .product_btngroup > div.next.cell > figure {left: -90px;top: -45px;}
.product .product_btngroup > div.next.cell > a:hover + figure {left: -140px;top: -30px;}
.product .product_btngroup > div.prev.cell > figure {left: 0px;top: -50px;}
.product .product_btngroup > div.prev.cell > a:hover + figure {left: 30px;top: -40px;}
.product .product_btngroup > div.next.show > figure {left: -80px;top: -50px;}
.product .product_btngroup > div.next.show > a:hover + figure {left: -113px;top: -60px;}
.product .product_btngroup > div.prev.android > figure {left: 100px;top: -65px;}
.product .product_btngroup > div.prev.android > a:hover + figure {left: 80px;top: -75px;}
.product .product_btngroup > div.next.android > figure {left: -90px;top: -40px;}
.product .product_btngroup > div.next.android > a:hover + figure {left: -135px;top: -50px;}
.product .product_btngroup > div.prev.dex > figure {left: 70px;top: -80px;}
.product .product_btngroup > div.prev.dex > a:hover + figure {left: 50px;top: -65px;}
.product .product_btngroup > div.next.dex > figure {left: -100px;top: -90px;}
.product .product_btngroup > div.next.dex > a:hover + figure {left: -157px;top: -75px;}
.product .product_btngroup > div.prev.chrome > figure {left: 50px;top: -95px;}
.product .product_btngroup > div.prev.chrome > a:hover + figure {left: 90px;top: -90px;}
.product .product_btngroup > div.next.chrome > figure {left: -90px;top: -85px;}
.product .product_btngroup > div.next.chrome > a:hover + figure {left: -150px;top: -75px;}
.product .product_btngroup > div.next.ios > figure {left: -120px;top: -85px;}
.product .product_btngroup > div.next.ios > a:hover + figure {left: -142px;top: -50px;}
.product .product_btngroup > div > a {display: inline-block;position: relative;z-index: 2;}
.product .product_btngroup > div.prev > a {padding-left: 35px;}
.product .product_btngroup > div.next > a {padding-right: 35px;}
.product .product_btngroup > div.prev > a:after {content: "";position: absolute;left: 0;top: 0;display: inline-block;width: 15px;height: 26px;background: url("https://office.hancom.com/contents/data/1/07/btn_arr05.png") no-repeat 0 0;transition: .3s;-webkit-transition: .3s;}
.product .product_btngroup > div.prev > a:hover:after {transform: translate3d(-10px,0,0);}
.product .product_btngroup > div.next > a:after {content: "";position: absolute;right: 0;top: 0;display: inline-block;width: 15px;height: 26px;background: url("https://office.hancom.com/contents/data/1/07/btn_arr06.png") no-repeat 0 0;transition: .3s;-webkit-transition: .3s;}
.product .product_btngroup > div.next > a:hover:after {transform: translate3d(10px,0,0);}
.product .product_btngroup > div > a > span {position: relative;display: inline-block;font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;line-height: 26px;vertical-align: middle;transition: .3s;-webkit-transition: .3s;}
.product .product_btngroup > div > a:hover > span {transform: scale(1.5);}
.product .product_btngroup > div.prev > a > span {transform-origin: left center;}
.product .product_btngroup > div.next > a > span {transform-origin: right center;}
.product .stitle6 {margin: 0 0 30px 0;}
.product .txt_type2 {line-height: 30px;margin: 0;}
.content.product.neo .wrap_kv {width: 100%;height: 900px;background: url("https://office.hancom.com/contents/data/1/07/vis_product_neo.jpg") no-repeat top center;background-size: cover;}
.product.neo .translate {text-align: center;padding: 600px 0 175px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_word05.png") no-repeat top center;}
.product.neo .file_format .stitle3 {color: #fff;text-align: center;margin-bottom: 50px;}
.product.neo .file_format ul li {float: left;width: 50%;}
.product.neo .file_format ul li span {position: relative;display: block;font-family: open_regular,spjp_regular;font-size: 18px;color: #fff;padding: 0 20px 0 28px;margin-bottom: 15px;}
.product.neo .file_format ul li span:before {content: "";position: absolute;left: 0;top: 10px;display: inline-block;width: 7px;height: 7px;background: #fff;border-radius: 50%;}
.product.neo .intro_icon_list ul li:nth-child(1) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo11.png") no-repeat 0 0;}
.product.neo .intro_icon_list ul li:nth-child(2) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo12.png") no-repeat 0 0;}
.product.neo .intro_icon_list ul li:nth-child(3) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo13.png") no-repeat 0 0;}
.product.neo .overview .cont_one {position: relative;height: 1600px;padding: 220px 0 0 0;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo01.jpg") no-repeat bottom center;}
.product.neo .overview .cont_one .obj_1 {content: "";position: absolute;left: 0;top: -65px;display: inline-block;width: 100%;height: 393px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_neo01.png") no-repeat top center;}
.product.neo .overview .cont_one .wrap_txt {width: 100%;padding-right: 44.5%;}
.product.neo .overview .cont_one .wrap_txt .stitle5 {margin-bottom: 30px;}
.product.neo .overview .cont_two {height: 543px;background: #f7f7f7 url("https://office.hancom.com/contents/data/1/07/img_prod_neo02.png") no-repeat top center;margin: 0 auto;padding-top: 140px;}
.product.neo .overview .cont_two .stitle2 {line-height: 68px;}
.product.neo .overview .compatibility {position: relative;text-align: center;padding: 140px 0 0;}
.product.neo .overview .compatibility .obj_2 {content: "";position: absolute;left: 0;top: 240px;display: inline-block;width: 100%;height: 401px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_neo02.png") no-repeat top center;}
.product.neo .overview .compatibility .stitle6 {margin-bottom: 120px;padding: 0 56px;}
.product.neo .overview .compatibility .slideArea {position: relative;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item {}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name {width: 900px;margin: 0 auto 50px;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span {display: inline-block;width: 49%;font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span:before {content: "";display: inline-block;width: 47px;height: 47px;margin-right: 20px;vertical-align: middle;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span.tfw:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo14_1.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span.msw:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo14_2.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span.tfc:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo15_1.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span.msc:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo15_2.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span.tfs:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo16_1.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .program_name span.mss:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo16_2.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer {height: 683px;padding-top: 25px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo03.jpg") no-repeat top center;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container {width: 902px;height: 496px;margin: 0 auto;padding: 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container img {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container .twentytwenty-handle {box-sizing: border-box;height: 70px;width: 70px;position: absolute;left: 50%;top: 50%;margin-left: -35px;margin-top: -35px;background: #0a6ee6;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);-moz-box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);box-shadow: 6px 8px 24px 0 rgba(0,0,0,.3);z-index: 40;cursor: pointer;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:before {bottom: 50%;margin-bottom: 35px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:after {top: 50%;margin-top: 35px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:before, .product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:after {content: " ";display: block;background: #0a6ee6;position: absolute;z-index: 30;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container .twentytwenty-handle .twentytwenty-left-arrow, .product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container .twentytwenty-handle .twentytwenty-right-arrow {top: 50%;width: 12px;height: 21px;border: none;position: absolute;margin-top: -10px;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container .twentytwenty-handle .twentytwenty-left-arrow {border-right: none;left: 50%;margin-left: -20px;background: url("https://office.hancom.com/contents/data/1/07/arr01.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_container .slide_item .computer .twentytwenty-container .twentytwenty-handle .twentytwenty-right-arrow {border-left: none;right: 50%;margin-right: -20px;background: url("https://office.hancom.com/contents/data/1/07/arr02.png") no-repeat 0 0;}
.product.neo .overview .compatibility .slideArea .slide_control {position: absolute;left: 0;right: 0;top: 50%;margin-top: -38px;}
.product.neo .overview .compatibility .slideArea .slide_control span {position: absolute;top: 0;display: inline-block;width: 76px;height: 76px;border-radius: 50%;cursor: pointer;}
.product.neo .overview .compatibility .slideArea .slide_control span.bt_prev {left: 50px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/btn_arr01.png") no-repeat center;}
.product.neo .overview .compatibility .slideArea .slide_control span.bt_next {right: 50px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/btn_arr02.png") no-repeat center;}
.product.neo .overview .convertpdf {padding: 140px 0 150px;text-align: center;background: #f7f7f7;margin-top: 150px;}
.product.neo .overview .convertpdf .stitle6 {margin-bottom: 20px;}
.product.neo .overview .convertpdf .txt_type2 {margin-bottom: 100px;}
.product.neo .overview .convertpdf .slideArea {position: relative;}
.product.neo .overview .convertpdf .slideArea .slide_item figure img {display: inline-block;}
.product.neo .overview .convertpdf .slideArea .slide_item .btn_type1 {margin: 70px 0 80px;}
.product.neo .overview .convertpdf .slideArea .slide_item .convertpdf_video {position: relative;}
.product.neo .overview .convertpdf .slideArea .slide_item .convertpdf_video .thumbnail {position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 657px;cursor: pointer;background-position: center;}
.product.neo .overview .convertpdf .slideArea .slide_item:nth-child(1) .convertpdf_video .thumbnail {background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_thumb01.jpg") no-repeat center;}
.product.neo .overview .convertpdf .slideArea .slide_item:nth-child(2) .convertpdf_video .thumbnail {background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_thumb02.jpg") no-repeat center;}
.product.neo .overview .convertpdf .slideArea .slide_item:nth-child(3) .convertpdf_video .thumbnail {background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_thumb03.jpg") no-repeat center;}
.product.neo .overview .convertpdf .slideArea .slide_control {position: absolute;left: 0;right: 0;top: 20px;width: 620px;margin: 0 auto;}
.product.neo .overview .convertpdf .slideArea .slide_control span {position: absolute;top: 0;display: inline-block;width: 25px;height: 47px;cursor: pointer;}
.product.neo .overview .convertpdf .slideArea .slide_control span.bt_prev {left: 0;background: url("https://office.hancom.com/contents/data/1/07/btn_arr03.png") no-repeat 0 0;}
.product.neo .overview .convertpdf .slideArea .slide_control span.bt_next {right: 0;background: url("https://office.hancom.com/contents/data/1/07/btn_arr04.png") no-repeat 0 0;}
.product.neo .overview .nativemobile {height: 2248px;background: #0a6ee6 url("https://office.hancom.com/contents/data/1/07/img_prod_neo09.png") no-repeat bottom center;padding-top: 200px;}
.product.neo .overview .nativemobile .contop ul li {float: left;width: 50%;min-height: 415px;}
.product.neo .overview .nativemobile .contop ul li:nth-child(2n) {float: right;}
.product.neo .overview .nativemobile .contop ul li .wrap {padding: 0 14% 0 0;}
.product.neo .overview .nativemobile .contop ul li:nth-child(2n) .wrap {padding: 0 0 0 14%;}
.product.neo .overview .nativemobile .contop ul li .wrap .stitle3 {position: relative;display: inline-block;height: 95px;color: #fff;font-weight: normal;padding-left: 85px;}
.product.neo .overview .nativemobile .contop ul li:nth-child(1) .wrap .stitle3 {padding-left: 75px;}
.product.neo .overview .nativemobile .contop ul li:nth-child(4) .wrap .stitle3 {height: 120px;}
.product.neo .overview .nativemobile .contop ul li .wrap .stitle3:before {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 57px;height: 61px;}
.product.neo .overview .nativemobile .contop ul li:nth-child(1) .wrap .stitle3:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo01.png") no-repeat 0 0;}
.product.neo .overview .nativemobile .contop ul li:nth-child(2) .wrap .stitle3:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo02.png") no-repeat 0 0;}
.product.neo .overview .nativemobile .contop ul li:nth-child(3) .wrap .stitle3:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo03.png") no-repeat 0 0;}
.product.neo .overview .nativemobile .contop ul li:nth-child(4) .wrap .stitle3:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo04.png") no-repeat 0 0;}
.product.neo .overview .nativemobile .contop ul li .wrap .txt_type1 {color: #fff;}
.product.neo .overview .nativemobile .contop ul li .wrap .txt_cap2 {display: inline-block;color: #fff;opacity: .6;margin-top: 10px;}
.product.neo .overview .nativemobile .conbottom {padding-top: 820px;}
.product.neo .overview .nativemobile .conbottom .wrap_txt {overflow: hidden;margin-bottom: 40px;}
.product.neo .overview .nativemobile .conbottom .wrap_txt .stitle2 {float: left;margin: 0;}
.product.neo .overview .nativemobile .conbottom .wrap_txt .txt_cap2 {display: inline-block;float: left;padding: 140px 0 0 15%;}
.product.neo .overview .application {height: 350px;border-top: 2px solid #f1f1f1;padding-top: 110px;}
.product.neo .overview .application .stitle2 {float: left;width: 55%;}
.product.neo .overview .application ul {float: right;width: 45%;}
.product.neo .overview .application ul li {float: left;width: 33%;text-align: center;padding-top: 110px;}
.product.neo .overview .application ul li:nth-child(1) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo05.png") no-repeat top center;}
.product.neo .overview .application ul li:nth-child(2) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo06.png") no-repeat top center;}
.product.neo .overview .application ul li:nth-child(3) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo07.png") no-repeat top center;}
.product.neo .overview .application ul li a {display: inline-block;font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;line-height: 1;vertical-align: middle;transition: .2s;-webkit-transition: .2s;}
.product.neo .overview .application ul li a:hover {color: #0a6ee6;text-decoration: none;}
.product.neo .overview .application ul li a:after {content: "";display: inline-block;width: 9px;height: 16px;background: url("https://office.hancom.com/contents/data/1/07/arr_05.png") no-repeat 0 0;margin-left: 13px;transition: .2s;-webkit-transition: .2s;}
.product.neo .overview .application ul li a:hover:after {background: url("https://office.hancom.com/contents/data/1/07/common/arr_05_b.png") no-repeat 0 0;}
.product.neo .word .topIntro {height: 1890px;padding-top: 285px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_neo_word01.jpg") no-repeat bottom center;}
.product.neo .word .topIntro .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo08.png") no-repeat center left;}
.product.neo .word .layoutOptions {position: relative;max-width: 1600px;height: 930px;margin: 0 auto;}
.product.neo .word .layoutOptions .wrap {position: absolute;left: 0;right: 0;top: 190px;max-width: 1280px;padding: 0 56px;margin: 0 auto;}
.product.neo .word .layoutOptions .wrap .txt {width: 40%;padding-top: 80px;}
.product.neo .word .layoutOptions .layout_slide {position: absolute;right: 0;top: 190px;width: 50%;}
.product.neo .word .layoutOptions .layout_slide .slideArea {position: relative;display: inline-block;width: 100%;}
.product.neo .word .layoutOptions .layout_slide .slideArea .slide_container .slide_item img {max-width: 100%;}
.product.neo .word .layoutOptions .layout_slide .slideArea .slide_indicator {text-align: center;}
.product.neo .word .bg_fx {height: 1890px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_word06.jpg") no-repeat bottom center;}
.product.neo .word .bg_fx .visualObject {max-width: 1280px;padding: 0 56px;margin: 0 auto 980px;}
.product.neo .word .bg_fx .visualObject .txt {width: 590px;}
.product.neo .word .bg_fx .visualObject .txt .stitle6 {margin-bottom: 30px;}
.product.neo .word .bg_fx .visualObject .txt .txt_type2 {margin-bottom: 50px;}
.product.neo .word .bg_fx .visualObject .txt .txt_cap2 {position: relative;padding-left: 15px;}
.product.neo .word .bg_fx .visualObject .txt .txt_cap2:before {content: "*";position: absolute;left: 0;top: 0;display: inline-block;}
.product.neo .word .bg_fx .equation {position: relative;max-width: 1440px;height: 406px;padding: 0 56px;margin: 0 auto;overflow: hidden;}
.product.neo .word .bg_fx .equation .v_center {text-align: left;}
.product.neo .word .bg_fx .equation .txt {max-width: 1280px;padding-right: 60%;}
.product.neo .word .bg_fx .equation .txt .stitle6 {margin-bottom: 30px;}
.product.neo .word .bg_fx .equation figure {position: absolute;left: 50%;top: 0;vertical-align: middle;}
.product.neo .word .bg_fx .equation figure img {display: inline-block;width: 100%;}
.product.neo .word .trackChange {text-align: center;padding: 150px 0;background: #eee url("https://office.hancom.com/contents/data/1/07/bg_prod_neo03.png") no-repeat bottom center;}
.product.neo .word .trackChange .stitle6 {margin-bottom: 30px;}
.product.neo .word .trackChange img {display: inline-block;max-width: 100%;}
.product.neo .word .file_format {height: 540px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_neo04.png") no-repeat top center;margin-top: -125px;padding-top: 225px;}
.product.neo .cell .topIntro {height: 1798px;padding-top: 285px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_neo_cell01.jpg") no-repeat bottom center;}
.product.neo .cell .topIntro .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo09.png") no-repeat center left;}
.product.neo .cell .charts {text-align: center;padding: 140px 40px;}
.product.neo .cell .charts .txt_type2 {margin-bottom: 40px;}
.product.neo .cell .charts ul li {float: left;width: 28%;height: 420px;border-top: 3px solid #4f9d72;margin: 90px 2.6% 0;background: #fff;-webkit-box-shadow: -8px 15px 50px 0 rgba(0,0,0,.2);box-shadow: -8px 15px 50px 0 rgba(0,0,0,.2);}
.product.neo .cell .charts ul li .stitle4 {margin: 35px 0 60px;}
.product.neo .cell .charts ul li figure img {display: inline-block;max-width: 100%;}
.product.neo .cell .bg_cell {height: 1965px;padding-top: 120px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_cell03.jpg") no-repeat bottom center;}
.product.neo .cell .bg_cell .stitle6 {margin-bottom: 30px;}
.product.neo .cell .bg_cell .txt1 {width: 730px;margin-bottom: 390px;}
.product.neo .cell .bg_cell .txt2 {width: 420px;}
.product.neo .cell .conditional {height: 1000px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_neo_cell04.jpg") no-repeat bottom center;text-align: center;padding-top: 140px;}
.product.neo .cell .macro {height: 1000px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_cell05.jpg") no-repeat bottom center;padding-top: 340px;}
.product.neo .cell .file_format {height: 454px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_neo05.png") no-repeat top center;padding-top: 95px;}
.product.neo .show .topIntro {height: 1697px;padding: 1210px 0 0 0;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_neo_show01.jpg") no-repeat top center;}
.product.neo .show .topIntro .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_neo10.png") no-repeat center left;}
.product.neo .show .templates {height: 1150px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_show02.jpg") no-repeat bottom center;text-align: center;padding-top: 140px;}
.product.neo .show .customShape {padding: 140px 0 150px;background: #f1f1f1;text-align: center;}
.product.neo .show .customShape .txt_type2 {margin-bottom: 80px;}
.product.neo .show .customShape .movie {position: relative;}
.product.neo .show .customShape .movie .thumbnail {position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 657px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_neo_thumb04.jpg") no-repeat center;cursor: pointer;}
.product.neo .show .multimedia {text-align: center;padding: 140px 40px;}
.product.neo .show .multimedia ul li {float: left;width: 28%;height: 340px;border-top: 3px solid #e06451;margin: 90px 2.6% 0;background: #fff;-webkit-box-shadow: -8px 15px 50px 0 rgba(0,0,0,.2);box-shadow: -8px 15px 50px 0 rgba(0,0,0,.2);}
.product.neo .show .multimedia ul li .stitle4 {margin: 35px 0 40px;}
.product.neo .show .multimedia ul li figure img {display: inline-block;max-width: 100%;}
.product.neo .show .effects {padding: 0 40px;}
.product.neo .show .effects .txt {padding: 140px 0 140px 16px;}
.product.neo .show .effects figure {padding-top: 80px;text-align: center;position: relative;}
.product.neo .show .effects figure img {display: inline-block;max-width: 100%;}
.product.neo .show .effects figure .mask1 {position: absolute;left: 0px;right: 0;top: 60px;margin: auto;width: 415px;height: 415px;border-radius: 368px;border: 210px solid #fff;transition: 1.2s;}
.product.neo .show .effects figure .mask1.on {border: 0px solid #fff;transition: 1.2s;}
.product.neo .show .effects figure .mask2 {position: absolute;left: 94px;top: 77px;width: 410px;height: 360px;background: #fff;transition: 1.2s;}
.product.neo .show .effects figure .mask2.on {left: 504px;width: 0px;transition: 1.2s;}
.product.neo .show .effects figure .maskPos1 {position: absolute;left: 0px;top: -500px;width: 0px;height: 0px;}
.product.neo .show .effects figure .maskPos2 {position: absolute;left: 0px;top: -600px;width: 0px;height: 0px;}
.product.neo .show .effects > div:after {display: block;height: 0;clear: both;content: ".";visibility: hidden;}
.product.neo .show .effects > div.ani {border-bottom: 2px solid #e5e5e5;}
.product.neo .show .effects > div.ani .txt {float: left;width: 50%;}
.product.neo .show .effects > div.ani .txt .txt_type2 {padding: 0 45px 0 0;}
.product.neo .show .effects > div.ani figure {float: right;width: 50%;}
.product.neo .show .effects > div.trans .txt {float: right;width: 50%;}
.product.neo .show .effects > div.trans .txt .txt_type2 {padding: 0 80px 0 0;}
.product.neo .show .effects > div.trans figure {float: left;width: 50%;}
.product.neo .show .file_format {height: 454px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_neo06.png") no-repeat top center;padding-top: 95px;}
.product.neo .show .file_format ul li {width: 32%;}
.product.neo .show .file_format ul li:first-child {width: 36%;}
.content.product.mobile .wrap_kv {width: 100%;height: 900px;background: url("https://office.hancom.com/contents/data/1/07/vis_product_mobile.jpg") no-repeat top center;background-size: cover;}
.content.product.mobile .intro_icon_list ul li:nth-child(1) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_mobile04.png") no-repeat 0 0;}
.content.product.mobile .intro_icon_list ul li:nth-child(2) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_mobile05.png") no-repeat 0 0;}
.content.product.mobile .intro_icon_list ul li:nth-child(3) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_mobile06.png") no-repeat 0 0;}
.content.product.mobile .app_download {padding: 100px 0;background: #f1f1f1;text-align: center;z-index: 2;}
.content.product.mobile .app_download .txt_cap2 {margin-top: 15px;}
.content.product.mobile .app_download a {display: inline-block;margin-top: 50px;}
.content.product.mobile .app_download img {display: inline-block;}
.product.mobile .overview .stitle6 {margin: 35px 0 55px;}
.product.mobile .overview .wrap_cont > div {position: relative;padding-top: 125px;text-align: center;}
.product.mobile .overview .wrap_cont > div .logo_area img {display: inline-block;}
.product.mobile .overview .wrap_cont > div .w1280 {position: relative;}
.product.mobile .overview .wrap_cont > div figure {position: relative;margin-top: 60px;text-align: center;}
.product.mobile .overview .wrap_cont > div figure img {display: inline-block;max-width: 100%;}
.product.mobile .overview .wrap_cont > div.chrome figure {text-align: right;}
.product.mobile .overview .wrap_cont > div.android .obj_2 {position: absolute;left: 0;top: 1300px;display: inline-block;width: 100%;height: 341px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_modile01_2.png") no-repeat top center;}
.product.mobile .overview .wrap_cont > div.chrome .obj_3 {position: absolute;left: 0;top: 800px;display: inline-block;width: 100%;height: 242px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_modile02.png") no-repeat top center;}
.product.mobile .overview .wrap_cont > div.ios .obj_4 {position: absolute;left: 0;top: 500px;display: inline-block;width: 100%;height: 373px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_modile03.png") no-repeat top center;}
.product.mobile .android .topIntro {position: relative;height: 1890px;padding-top: 285px;background: #f1f1f1;}
.product.mobile .android .topIntro:before {content: "";position: absolute;left: 0;bottom: -350px;display: inline-block;width: 100%;height: 1445px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_android01.png") no-repeat top center;}
.product.mobile .android .topIntro .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_mobile01.png") no-repeat center left;}
.product.mobile .android .topIntro .txt_type5 {line-height: 28px;text-align: left;padding-left: 95px;margin-top: 940px;}
.product.mobile .android .wrap_word {position: relative;height: 1000px;padding-top: 320px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_android03.png") no-repeat bottom center;}
.product.mobile .android .wrap_word .txt {padding-right: 50%;}
.product.mobile .android .wrap_word .txt .stitle3 {display: inline-block;color: #4c73b8;margin-bottom: 5px;}
.product.mobile .android .wrap_word .txt .stitle6 {margin-bottom: 30px;}
.product.mobile .android .wrap_word .txt .txt_type2 {padding-right: 20px;}
.product.mobile .android .wrap_cell {height: 1000px;padding-top: 285px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_android04.jpg") no-repeat bottom center;}
.product.mobile .android .wrap_cell .txt {padding-left: 50%;}
.product.mobile .android .wrap_cell .txt .stitle3 {display: inline-block;color: #24a06e;margin-bottom: 5px;padding: 0 0 0 16px;}
.product.mobile .android .wrap_cell .txt .stitle6 {margin-bottom: 30px;padding: 0 0 0 16px;}
.product.mobile .android .wrap_cell .txt .txt_type2 {padding: 0 30px 0 16px;}
.product.mobile .android .wrap_show {position: relative;height: 1530px;padding-top: 145px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_android05.jpg") no-repeat bottom center;}
.product.mobile .android .wrap_show .txt {text-align: center;}
.product.mobile .android .wrap_show .txt .stitle3 {display: inline-block;color: #f15a47;margin-bottom: 5px;}
.product.mobile .android .wrap_show .txt .stitle6 {margin-bottom: 30px;}
.product.mobile .android .customerCase {padding: 140px 0 50px;border-top: 2px solid #f1f1f1;}
.product.mobile .android .customerCase .stitle5 {text-align: center;}
.product.mobile .android .customerCase .group {padding-bottom: 85px;}
.product.mobile .android .customerCase .group.one {border-bottom: 2px solid #f5c000;}
.product.mobile .android .customerCase .group .stitle3 {margin: 90px 0 30px;}
.product.mobile .android .customerCase .group .txt_type1 {margin-bottom: 15px;padding-right: 210px;}
.product.mobile .android .customerCase .group .logos {margin-top: 30px;text-align: center;}
.product.mobile .android .customerCase .group .logos img {display: inline-block;margin: 20px 7% 0 0;}
.product.mobile .android .customerCase .group .logos img:last-child {margin-right: 0;}
.product.mobile .dex .topIntro {position: relative;height: 1890px;padding-top: 285px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_dex02.jpg") no-repeat bottom center;}
.product.mobile .dex .topIntro .tit:before {display: none;}
.product.mobile .dex .topIntro .txt_cap2 {margin-top: 15px;}
.product.mobile .dex .con_one {position: relative;height: 1000px;padding-top: 300px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_dex03.jpg") no-repeat top center;}
.product.mobile .dex .con_one:before {content: "";position: absolute;top: -180px;left: 0;right: 0;margin: 0 auto;display: inline-block;width: 100%;height: 374px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_modile05.png") no-repeat top center;}
.product.mobile .dex .con_one .txt {padding-right: 50%;}
.product.mobile .dex .con_two {position: relative;height: 1000px;padding-top: 365px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_dex04.jpg") no-repeat top center;}
.product.mobile .dex .con_two:after {content: "";position: absolute;bottom: -47px;left: 0;right: 0;margin: 0 auto;display: inline-block;width: 100%;height: 397px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_modile06.png") no-repeat top center;}
.product.mobile .dex .con_two .txt {padding-left: 50%;}
.product.mobile .dex .con_three {height: 1510px;padding-top: 120px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_dex05.jpg") no-repeat bottom center;}
.product.mobile .dex .con_three .txt {text-align: center;}
.product.mobile .chrome .topIntro {position: relative;height: 1700px;padding-top: 285px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_chrome01.jpg") no-repeat bottom center;}
.product.mobile .chrome .topIntro .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_mobile02.png") no-repeat center left;}
.product.mobile .chrome .topIntro .txt_type2 {padding: 0 23px;}
.product.mobile .chrome .topIntro .txt_type5 {line-height: 28px;text-align: left;padding-left: 95px;margin-top: 900px;}
.product.mobile .chrome .need {height: 1000px;padding-top: 170px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_chrome02.jpg") no-repeat bottom center;}
.product.mobile .chrome .need .txt {padding-right: 50%;}
.product.mobile .chrome .need .txt .txt_type2 {padding-right: 50px;}
.product.mobile .chrome .with {height: 1050px;padding-top: 140px;background: #f8f8f8 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_chrome03.png") no-repeat bottom center;text-align: center;}
.product.mobile .chrome .with a {margin-top: 50px;}
.product.mobile .ios .topIntro {position: relative;height: 1626px;padding-top: 1130px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_ios01.jpg") no-repeat top center;}
.product.mobile .ios .topIntro:before {content: "";position: absolute;left: 0;right: 0;bottom: 350px;margin: 0 auto;display: inline-block;width: 100%;height: 278px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_modile07.png") no-repeat top center;}
.product.mobile .ios .topIntro .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_mobile03.png") no-repeat center left;}
.product.mobile .ios .topIntro .txt_type2 {padding: 0 62px;}
.product.mobile .ios .topIntro .txt_type5 {line-height: 28px;margin-top: 25px;}
.product.mobile .ios .con_one {height: 1000px;padding-top: 285px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_ios02.jpg") no-repeat bottom center;}
.product.mobile .ios .con_one .txt {padding-left: 50%;}
.product.mobile .ios .con_two {height: 1000px;padding-top: 250px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/img_prod_mo_ios03.jpg") no-repeat bottom center;}
.product.mobile .ios .con_two .txt {padding-right: 50%;}
.product.mobile .ios .con_three {position: relative;height: 1550px;padding-top: 160px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_mo_ios04.jpg") no-repeat bottom center;}
.product.mobile .ios .con_three .w1280 {text-align: right;}
.product.mobile .ios .con_three .txt {display: inline-block;width: 584px;text-align: left;}
.product.mobile .ios .txt .stitle3 {display: inline-block;margin-bottom: 5px;}
.product.mobile .ios .con_one .txt .stitle3 {color: #4c73b8;}
.product.mobile .ios .con_one .txt .txt_type2 {padding-right: 10px;}
.product.mobile .ios .con_two .txt .stitle3 {color: #24a06e;}
.product.mobile .ios .con_two .txt .txt_type2 {padding-right: 33px;}
.product.mobile .ios .con_three .txt .stitle3 {color: #f15a47;}
.product.mobile .ios .additional {text-align: center;border-top: 2px solid #f1f1f1;padding: 100px 0;}
.product.mobile .ios .additional .slideArea {position: relative;margin-top: 50px;}
.product.mobile .ios .additional .slideArea .slide_container {position: relative;}
.product.mobile .ios .additional .slideArea .slide_container .slide_item img {display: inline-block;max-width: 100%;}
.product.mobile .ios .additional .slideArea .slide_control {position: absolute;left: 0;right: 0;top: 50%;margin-top: -38px;}
.product.mobile .ios .additional .slideArea .slide_control span {position: absolute;top: 0;display: inline-block;width: 76px;height: 76px;border-radius: 50%;cursor: pointer;}
.product.mobile .ios .additional .slideArea .slide_control span.bt_prev {left: 50px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/btn_arr01.png") no-repeat 30px center;}
.product.mobile .ios .additional .slideArea .slide_control span.bt_next {right: 50px;background: #f1f1f1 url("https://office.hancom.com/contents/data/1/07/btn_arr02.png") no-repeat 35px center;}
.content.product.online .wrap_kv {width: 100%;height: 900px;background: url("https://office.hancom.com/contents/data/1/07/vis_product_online.jpg") no-repeat top center;background-size: cover;}
.content.product.online .intro_icon_list ul li {width: 50%;padding-top: 200px;}
.content.product.online .intro_icon_list ul li:nth-child(1) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online06.png") no-repeat 0 0;}
.content.product.online .intro_icon_list ul li:nth-child(2) {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online07.png") no-repeat 0 0;}
.content.product.online .editing {position: relative;text-align: center;margin-top: 190px;}
.content.product.online .editing .obj_1 {content: "";position: absolute;left: 0;top: -200px;display: inline-block;width: 100%;height: 404px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_online01_1.png") no-repeat top center;}
.content.product.online .editing .stitle6 {position: relative;}
.content.product.online .editing figure.img {position: relative;max-width: 1920px;min-width: 1024px;height: 920px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_online01.png") no-repeat center bottom;margin-top: -25px;}
.content.product.online .wrap_cont {}
.content.product.online .wrap_cont > div {position: relative;text-align: center;padding-top: 125px;}
.content.product.online .wrap_cont > div .tit {font-family: sp_bold;font-size: 32px;color: #000;margin-bottom: 40px;}
.content.product.online .wrap_cont > div .tit:before {content: "";display: inline-block;width: 73px;height: 73px;vertical-align: middle;margin-right: 23px;}
.content.product.online .wrap_cont > div.word .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online01.png") no-repeat 0 0;}
.content.product.online .wrap_cont > div.cell .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online02.png") no-repeat 0 0;}
.content.product.online .wrap_cont > div.show .tit:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online03.png") no-repeat 0 0;}
.content.product.online .wrap_cont > div .stitle6 {margin-bottom: 140px;}
.content.product.online .wrap_cont > div figure.img {position: relative;max-width: 1920px;min-width: 1024px;}
.content.product.online .wrap_cont > div.word figure.img {height: 830px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_online02.png") no-repeat center bottom;}
.content.product.online .wrap_cont > div.cell figure.img {height: 1078px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_online03.png") no-repeat center bottom;}
.content.product.online .wrap_cont > div.show figure.img {height: 1119px;background: url("https://office.hancom.com/contents/data/1/07/img_prod_online04.png") no-repeat center bottom;}
.content.product.online .wrap_cont > div.cell .obj_3 {content: "";position: absolute;left: 0;top: 970px;display: inline-block;width: 100%;height: 388px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_online02.png") no-repeat top center;}
.content.product.online .wrap_cont > div.show .obj_4 {content: "";position: absolute;left: 0;top: 1150px;display: inline-block;width: 100%;height: 446px;background: url("https://office.hancom.com/contents/data/1/07/bg_prod_online03.png") no-repeat top center;}
.content.product.online .browsers {text-align: center;border-top: 2px solid #f1f1f1;padding: 120px 0;}
.content.product.online .browsers .stitle5 {margin-bottom: 70px;}
.content.product.online .browsers dl {display: inline-block;}
.content.product.online .browsers dl dt {display: inline-block;font-family: open_regular,spjp_regular;font-size: 32px;color: #000;font-weight: normal;line-height: 1;vertical-align: middle;margin-right: 14px;}
.content.product.online .browsers dl dt:before {content: "";display: inline-block;width: 58px;height: 58px;margin-right: 23px;vertical-align: middle;}
.content.product.online .browsers dl dt.win:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online04.png") no-repeat 0 0;}
.content.product.online .browsers dl dt.mac:before {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_online05.png") no-repeat 0 0;}
.content.product.online .browsers dl dd {display: inline-block;font-family: open_regular,spjp_regular;font-size: 20px;color: #000;line-height: 1;vertical-align: middle;padding: 0 15px 0 10px;background: url("https://office.hancom.com/contents/data/1/07/bar01.png") no-repeat right center;}
.content.product.online .browsers dl dd:last-child {background: none;}
.content.product.converter .wrap_kv {width: 100%;height: 900px;background: url("https://office.hancom.com/contents/data/1/07/vis_product_docsconverter.jpg") no-repeat top center;background-size: cover;}
.content.product.converter .wrap_intro .desc {padding-left: 49%;}
.content.product.converter .wrap_intro .desc .btn_type1 {padding: 0 30px;}
.product.converter .present {padding: 120px 56px 65px;}
.product.converter .present .list > li {float: left;width: 50%;height: 450px;}
.product.converter .present .list > li:nth-child(2n) {width: 50%;padding-left: 80px;}
.product.converter .present .list > li .stitle3 {min-height: 70px;font-size: 30px;line-height: 40px;margin-bottom: 30px;padding-left: 85px;transition: .3s;-webkit-transition: .3s;}
.product.converter .present .list > li:nth-child(1) .stitle3 {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs01.png") no-repeat 0 0;}
.product.converter .present .list > li:nth-child(2) .stitle3 {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs02.png") no-repeat 0 0;}
.product.converter .present .list > li:nth-child(3) .stitle3 {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs03.png") no-repeat 0 0;}
.product.converter .present .list > li:nth-child(4) .stitle3 {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs04.png") no-repeat 0 0;}
.product.converter .present .list > li:nth-child(3) .stitle3, .product.converter .present .list > li:nth-child(4) .stitle3 {height: 125px;}
.product.converter .present .list > li > ul {padding-right: 41px;}
.product.converter .present .list > li > ul li {position: relative;font-family: open_regular,spjp_regular;font-size: 22px;color: #000;line-height: 32px;margin-bottom: 15px;padding-left: 15px;}
.product.converter .present .list > li > ul li:before {content: "-";position: absolute;left: 0;top: 0;display: inline-block;}
.product.converter .awsmarket {background: #f8f8f8;text-align: center;}
.product.converter .awsmarket .logo_aws {display: inline-block;padding-top: 155px;margin-bottom: 25px;}
.product.converter .awsmarket .logo_aws img {display: inline-block;}
.product.converter .awsmarket .btn_type1 {margin: 65px 0 155px;}
.product.converter .service {padding: 120px 0 190px;text-align: center;}
.product.converter .service img {display: inline-block;max-width: 100%;margin-top: 100px;}
.product.converter .customers {background: #f8f8f8;padding: 115px 0;}
.product.converter .customers .tit {font-family: sp_bold;font-size: 32px;color: #000;text-align: center;margin-bottom: 30px;}
.product.converter .customers .stitle6 {text-align: center;}
.product.converter .customers ul {margin-top: 80px;}
.product.converter .customers ul li {float: left;}
.product.converter .customers ul li:nth-child(1) {width: 23%;}
.product.converter .customers ul li:nth-child(2) {width: 20%;text-align: center;}
.product.converter .customers ul li:nth-child(3) {width: 33%;text-align: center;}
.product.converter .customers ul li:nth-child(4) {width: 24%;text-align: right;}
.product.converter .customers ul li img {display: inline-block;}
.product.converter .formats {text-align: center;padding-top: 120px;margin-bottom: 200px;}
.product.converter .formats .stitle6 {margin-bottom: 30px;}
.product.converter .formats .tbl_type2 th {vertical-align: middle;}
.product.converter .formats .tbl_type2 tr.pat td {padding-bottom: 5px;}
.product.converter .formats .tbl_type2 tr.pad2 td {padding: 5px 25px;}
.product.converter .formats .tbl_type2 tr.pab td {padding-top: 5px;}
.product.converter .system {padding: 100px 40px;}
.product.converter .system .stitle6 {text-align: center;margin-bottom: 30px;}
.product.converter .system .system_list {position: relative;padding-left: 200px;}
.product.converter .system .system_list .tit {position: absolute;left: 0;top: 0;font-family: open_semibold,spjp_regular;font-size: 24px;color: #000;}
.product.converter .system .system_list ul li {position: relative;font-family: open_light;font-size: 20px;color: #000;font-weight: 100;line-height: 32px;padding-left: 25px;}
.product.converter .system .system_list ul li:before {content: "";position: absolute;left: 0;top: 12px;display: inline-block;width: 7px;height: 7px;background: #000;border-radius: 50%;}
.product.converter .system .clear {margin-top: 60px;}
.product.converter .system .clear .system_list {float: left;width: 50%;}
.layerPop .doscConverter .popContent .txt1 {font-family: open_semibold,spjp_regular;font-size: 22px;color: #000;line-height: 38px;margin-bottom: 10px;}
.layerPop .doscConverter .popContent .txt2 {font-family: open_light;font-size: 18px;color: #000;font-weight: 100;line-height: 28px;text-align: center;margin-bottom: 80px;}
.layerPop .doscConverter .popContent .info_msg {width: 100%;margin: 65px 0 60px;}
.layerPop .doscConverter .popContent .convert_list {}
.layerPop .doscConverter .popContent .convert_list li {float: left;width: 25%;}
.layerPop .doscConverter .popContent .convert_list li a {position: relative;display: inline-block;width: 100%;height: 177px;font-family: open_regular,spjp_regular;font-size: 16px;color: #000;text-align: center;padding-top: 105px;border-top: 2px solid #dbdbdb;border-bottom: 2px solid #dbdbdb;border-left: 0;border-right: 1px solid #dbdbdb;}
.layerPop .doscConverter .popContent .convert_list li a:hover {color: #000;text-decoration: none;}
.layerPop .doscConverter .popContent .convert_list li:nth-child(1) a {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs05.png") no-repeat center 35px;border-left: 2px solid #dbdbdb;}
.layerPop .doscConverter .popContent .convert_list li:nth-child(2) a {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs06.png") no-repeat center 35px;}
.layerPop .doscConverter .popContent .convert_list li:nth-child(3) a {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs07.png") no-repeat center 35px;}
.layerPop .doscConverter .popContent .convert_list li:nth-child(4) a {background: url("https://office.hancom.com/contents/data/1/07/icon_prod_docs08.png") no-repeat center 35px;border-right: 2px solid #dbdbdb;}
.layerPop .doscConverter .popContent .convert_list li a:after {content: "";display: inline-block;width: 144px;height: 177px;position: absolute;left: -2px;top: -2px;border: 4px solid #0a6ee6;box-sizing: border-box;opacity: 0;transition: .2s;-webkit-transition: .2s;}
.layerPop .doscConverter .popContent .convert_list li a:hover:after {opacity: 1;}
.content.etc .terms {position: relative;min-height: 1000px;padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/bg_terms01.png") no-repeat center top;}
.content.etc .terms .tab_type1 {margin: 100px 0 80px;}
.content.etc .terms .tab_type1 li {width: 50%;}
.content.etc .terms .wrap_con .wrap_subtit {position: relative;border-bottom: 4px solid #000;}
.content.etc .terms .wrap_con .wrap_subtit .stitle3 {padding-bottom: 10px;margin: 0;}
.content.etc .terms .wrap_con .wrap_subtit .select_revised {position: absolute;right: 0;top: 0;}
.content.etc .terms .wrap_con .wrap_subtit .select_revised .select_ui1 {width: 220px;}
.content.etc .terms .wrap_con .wrap_subtit .select_revised .sbSelector {border-bottom: 0;}
.content.etc .terms .wrap_con .editor_contents {padding: 100px 0 140px;word-wrap: break-word;}
.content.error {min-height: 1200px;background: #f5f5f5;padding-top: 250px;}
.content.error .stitle5 {padding-top: 200px;background: url("https://office.hancom.com/contents/data/1/07/icon_error01.png") no-repeat top center;margin: 0;}
.content.error .desc {font-family: open_regular,spjp_regular;font-size: 24px;color: #888;margin: 30px 0 45px;}
.content.error .btn_ac {margin-bottom: 80px;}
.content.error.not_sup .stitle5 {padding-top: 0;background: none;margin: 0;}
.content.error.not_sup ul.browser {margin-top: 110px;}
.content.error.not_sup ul.browser li {float: left;width: 33%;text-align: center;}
.content.error.not_sup ul.browser li:nth-child(2) {border-left: 1px solid #cecece;border-right: 1px solid #cecece;}
.content.error.not_sup ul.browser li .name {height: 220px;padding-top: 140px;font-family: open_semibold,spjp_regular;font-size: 26px;color: #000;line-height: 30px;}
.content.error.not_sup ul.browser li .name span {font-family: open_regular,spjp_regular;font-size: 18px;color: #000;}
.content.error.not_sup ul.browser li.ie .name {background: url("https://office.hancom.com/contents/data/1/07/icon_error02.png") no-repeat center top;}
.content.error.not_sup ul.browser li.ch .name {background: url("https://office.hancom.com/contents/data/1/07/icon_error03.png") no-repeat center top;}
.content.error.not_sup ul.browser li.fi .name {background: url("https://office.hancom.com/contents/data/1/07/icon_error04.png") no-repeat center top;}
.content.error.not_sup ul.browser li .btn_type1 {width: 240px;}
.content.error.not_sup .spt_bro {text-align: center;margin-top: 120px;}
.content.error.not_sup .spt_bro .tit {font-family: open_semibold,spjp_regular;font-size: 20px;color: #000;margin-bottom: 20px;}
.content.error.not_sup .spt_bro .txt {font-family: open_regular,spjp_regular;font-size: 18px;color: #888;line-height: 28px;}
@media screen and (min-width: 1025px) {.mainSection .con {height: 1200px;}
	.mainSection .conWrap.mob-conWrap {display: none;}
	.mainSection.section1 .scroll {bottom: 288px;}
	.mainSection.section1 .scroll_arr {bottom: 250px;}
	.mainSection.section1 .txt1, .mainSection.section1 .txt2 {width: 700px;margin: auto;}
	.mainSection.section1 .txt1 span {padding-right: 30px;}
	.mainSection.section2 .txt1 {margin-top: 90px;padding-right: 55px;text-align: right;}
	.mainSection.section2 .txt2 {margin-top: 220px;}
	.mainSection.section2 .delivers {position: absolute;left: 0;bottom: 200px;width: 100%;height: 470px;}
	.mainSection.section2 .delivers li {float: left;width: 33.33%;height: 470px;position: relative;}
	.mainSection.section3.bg1, .mainSection.section3.bg2 {padding-left: 8px;}
	.mainSection.section4 .txt_1_1 {position: absolute;left: 50px;top: 280px;}
	.mainSection.section4 .txt_1_2 {position: absolute;left: 50px;top: 330px;}
	.mainSection.section4 .txt_1_3 {position: absolute;left: 50px;top: 550px;}
	.mainSection.section3 .txt_1_1 {position: absolute;left: 50px;top: 280px;}
	.mainSection.section3 .txt_1_2 {position: absolute;left: 50px;top: 330px;}
	.mainSection.section3 .txt_1_3 {position: absolute;left: 50px;top: 550px;}
	.mainSection.section6 .txt1 {margin: auto;width: 550px;}
	.mainSection.section5 .txt_1_1 {position: absolute;left: 50px;top: 335px;}
	.mainSection.section5 .txt_1_2 {position: absolute;left: 50px;top: 385px;z-index: 20;}
	.mainSection.section5 .txt_1_3 {position: absolute;left: 50px;top: 535px;}
	.mainSection.section6 {background: #fff url("https://office.hancom.com/contents/data/1/07/section6_bg.png") no-repeat center 200px;}
	.mainSection.section6 .con {height: 1000px;}
	.mainSection.section6 .txt1 {position: absolute;left: 0;right: 0;top: 480px;}
	.mainSection.section6 .txt2 {position: absolute;left: 0;right: 0;top: 710px;}
	.mainSection.section6 .txt3 {position: absolute;left: 0;right: 0;top: 825px;}
	.mainSection.section6 .txt4 {position: absolute;left: 0;right: 0;bottom: 0px;}
	.mainSection.section6 .txt4 a {min-width: 180px;}
	.mainSection.section6 .txt2 {margin: auto;width: 515px;}
	.mainSection.section6 .txt3 {width: 760px;}
	.mainSection.section7 {background: url("https://office.hancom.com/contents/data/1/07/section7_bg.png") no-repeat center top;}
	.mainSection.section7 .con .conWrap {-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
	.mainSection.section7 .boxWrap .txt1 {position: absolute;left: 0;top: 60px;}
	.mainSection.section7 .boxWrap .txt2 {font-family: sp_regular,spjp_regular;position: absolute;left: 0;top: 280px;}
	.mainSection.section7 .boxWrap .txt3 {position: absolute;left: 0;top: 405px;width: 100%;}
	.mainSection.section7 .boxWrap .txt4 {position: absolute;left: 0;top: 510px;width: 100%;}
	.mainSection.section7 .box1 {width: 50%;margin-right: 10px;height: 621px;background: url("https://office.hancom.com/contents/data/1/07/section7_boxbg1.png") no-repeat;background-size: 100% 100%;}
	.mainSection.section7 .box2 {width: 50%;margin-right: 10px;height: 621px;background: url("https://office.hancom.com/contents/data/1/07/section7_boxbg2.png") no-repeat;background-size: 100% 100%;}
	.mainSection.section8 .con {height: 830px;padding-top: 300px;}
	.mainSection.section8 .shortcut li {float: left;width: 33.33%;}
	.mainSection.section8 .shortcut li:nth-child(1) {padding-left: 1%;}
	.mainSection.section8 .shortcut li:nth-child(2) {padding-left: 3%;}
	.mainSection.section8 .shortcut li:nth-child(3) {padding-left: 11%;}
	.footer_wrap.main .footer {position: relative;width: 100%;min-width: 1024px;max-width: 1920px;height: 486px;padding: 70px 50px 0;}
	.footer_wrap .footer .footer_sns {position: absolute;top: 55px;left: 0;}
	.footer_wrap.footer_mob {display: none;}}
@media screen and (min-width: 1367px) {.mainSection.section2 .box {position: absolute;width: 368px;z-index: 20;}
	.hs-widget-class {display: block;}
	.mainSection.section2 .txt1 {position: absolute;left: 0px;top: 0px;width: 640px;}
	.mainSection.section2 .txt2 {position: absolute;right: 0px;top: 0px;width: 640px;}
	.mainSection .section7 .con .conWrap {display: block;}
	.mainSection.section7 .box1, .mainSection.section7 .box2 {position: absolute;bottom: 0px;width: 541px;height: 621px;}
	.mainSection.section7 .box1 {left: 0;margin-left: 90px;}
	.mainSection.section7 .box2 {right: 0;margin-right: 90px;}
	.footer_wrap .footer .footer_copyright {position: absolute;bottom: 50px;left: 0;right: 0;}}
@media screen and (max-width: 1366px) {.mainWrap {min-width: 1200px;}
	.mainSection {min-width: 1200px;}
	.mainSection .con .conWrap {width: 1200px;}
	.mainSection .con .slideWrap {min-width: 1200px;}
	.mainSection .con .toggleBox {left: 510px;transition: .5s;-webkit-transition: .5s;}
	.mainSection .wrap_control {max-width: 1305px;}
	.mainSection.section8 .shortcut li:nth-child(1) {margin-left: 0;}}
@media screen and (max-width: 1300px) {.content.connect .connected .connectwith li {float: left;width: 32%;height: 228px;margin-left: 2%;background: #fff;}}
@media screen and (max-width: 1280px) {.header_wrap .nav .wrap_nav .dropdown_menu .navList .list:nth-child(1) {padding-left: 10%;transition: .5s;-webkit-transition: .5s;}
	.header_wrap .nav .wrap_nav .dropdown_menu .navList .list:nth-child(2) {padding-left: 5%;transition: .5s;-webkit-transition: .5s;}
	.header_wrap .nav .wrap_nav .dropdown_menu .navList .list:nth-child(3) {padding-left: 10%;transition: .5s;-webkit-transition: .5s;}
	.productSubmenu .wrap_submenu .subGnb_list li {float: left;margin-right: 30px;transition: .3s;-webkit-transition: .3s;}
	.productSubmenu .wrap_submenu .subGnb_bt .btn_type8 {margin-right: 20px;transition: .3s;-webkit-transition: .3s;}
	.productSubmenu.neo .wrap_submenu .subGnb_list {display: inline-block;margin-left: -155px;transition: .3s;-webkit-transition: .3s;}
	.footer_wrap.main .footer {position: relative;width: 100%;min-width: 992px;max-width: 1920px;height: 580px;padding: 70px 50px 0;margin: 0 auto;background: #121212;color: #fff;}
	.footer_wrap.main .footer .footer_top {position: relative;width: 100%;text-align: left;}
	.footer_wrap.main .footer .footer_top .footer_list {display: inline-block;margin-top: 100px;}
	.footer_wrap.main .footer .footer_top .footer_list dl:first-child {margin-left: 0;}
	.support .request.main .bg_bottom_gray .shortcut li {float: left;width: 26.5%;margin-left: 10%;}
	.content.store .shortcut li:nth-child(1) {width: 27%;}
	.content.store .shortcut li:nth-child(2) {width: 29%;margin-left: 8%;}
	.content.store .shortcut li:nth-child(3) {width: 28%;margin-left: 8%;}
	.product .intro_icon_list ul li .stitle3 {font-size: 28px;}
	.product.converter .present .list > li .stitle3 {font-size: 26px;line-height: 36px;margin-bottom: 30px;padding-left: 80px;transition: .3s;-webkit-transition: .3s;}
	.product.converter .present .list > li:nth-child(3) .stitle3, .product.converter .present .list > li:nth-child(4) .stitle3 {height: 108px;padding-left: 70px;}
	.content.contactus .office ul li {float: left;width: 48%;height: 557px;transition: .3s;-webkit-transition: .3s;}}
@media screen and (max-width: 1220px) {.mainWrap {min-width: 992px;}
	.mainSection {min-width: 992px;}
	.mainSection .con .conWrap {width: 992px;}
	.mainSection .con .slideWrap {min-width: 992px;}
	.mainSection .con .motion_obj {margin-right: -170px;}}
@media screen and (max-width: 1111px) {.content.editor .con_right .wrap_document .document_list ul li {display: none;}
	.content.editor .con_right .wrap_document .document_list ul li:first-child {display: block;}
	.content.editor .con_right.tab_view .wrap_document .document_list ul li {display: block;}}
@media screen and (max-width: 1024px) {br {display: none;}
	div>section.hs-widget-class {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.btnPos {text-align: center;}
	.btn_type1 {max-width: 160px;height: 40px;font-size: 16px;line-height: 1;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
	.btn_type3 span {font-size: 14px;}
	.btnPos .appStore {margin-bottom: 20px;}
	.btnPos .appStore .os-type {display: inline-block;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;height: 40px;color: #000;text-align: left;padding-left: 53px;margin-left: 20px;background-size: 37px auto;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.btnPos .appStore .android {padding-left: 53px;margin-left: 20px;background: url("https://office.hancom.com/contents/data/1/08/icon_playstore.png") no-repeat;background-size: 37px auto;}
	.btnPos .appStore .ios {padding: 0 20px 0 47px;background: url("https://office.hancom.com/contents/data/1/08/icon_appstore.png") no-repeat;background-size: 32px auto;border-right: 1px solid #dedede;}
	.btnPos .appStore .txt2 {font-family: "sp_regular";font-size: 16px;}
	.stitle4 {font-size: 16px;}
	.txt_type3 {font-size: 14px;}
	.mainWrap {min-width: 700px;}
	.mainSection {min-width: 700px;}
	.mainSection .con .conWrap, .footer_wrap.footer_mob .footer {width: 700px;}
	.mainSection .con .slideWrap {min-width: 700px;}
	.mainSection, .footer_wrap.footer_mob .footer {padding: 60px 0;}
	.mainSection .mob-conWrap, .mainSection.section6 .conWrap {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
	.mainSection .mob-conWrap .txtGroup1 {text-align: center;}
	.mainSection .motion_obj, .mainSection .wrap_control {display: none;}
	.mainSection .relative {display: none !important;}
	.mainSection.section1 {background-image: url("https://office.hancom.com/contents/data/1/08/main_bg01.jpg");background-repeat: no-repeat;background-size: cover;}
	.mainSection.section1 .con {height: 100vh;min-height: 400px;}
	.mainSection.section1 .txt1 {margin-top: -160px;font-size: 36px;}
	.mainSection.section1 .txt2 {margin-top: -240px;font-size: 16px;}
	.mainSection.section3 .txt_1_1, .mainSection.section4 .txt_1_1, .mainSection.section5 .txt_1_1, .mainSection.section6 .txt1 {font-size: 16px;padding-bottom: 15px;line-height: 1;}
	.mainSection.section3 .txt_1_2, .mainSection.section4 .txt_1_2, .mainSection.section5 .txt_1_2, .mainSection.section6 .txt2 {font-size: 20px;line-height: 1.5;}
	.mainSection.section1 .scroll, .mainSection.section1 .scroll_arr {display: none;}
	.mainSection.section2 {padding: 60px 0 30px;}
	.mainSection.section2 .con {height: auto;}
	.mainSection.section2 .txt1 {font-size: 28px;line-height: 1;padding-bottom: 15px;}
	.mainSection.section2 .txt2 {font-size: 14px;}
	.mainSection.section2 .box {height: 392px;}
	.mainSection.section2 .box .p1 {font-size: 22px;}
	.mainSection.section2 .box .p2 {font-size: 26px;}
	.mainSection.section2 .widget {text-align: center;}
	.mainSection.section2 .delivers {position: static;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;margin-bottom: 0;}
	.mainSection.section2 .delivers li {width: 100%;}
	.mainSection.section3.bg1 {background-image: url("https://office.hancom.com/contents/data/1/07/obj_3_1_2.png"),url("https://office.hancom.com/contents/data/1/07/obj_3_1_1.png");background-repeat: no-repeat,no-repeat;background-size: 200px,450px;background-position: center calc(100% - 120px),center calc(100% - 180px);}
	.mainSection.section3 .txt_1_3, .mainSection.section4 .txt_1_3, .mainSection.section5 .txt_1_3, .mainSection.section6 .txt3 {display: none;}
	.mainSection.mainSection.section3 .con, .mainSection.mainSection.section4 .con, .mainSection.mainSection.section5 .con, .mainSection.mainSection.section6 .con {height: 500px;}
	.mainSection.section4.bg1 {background-image: url("https://office.hancom.com/contents/data/1/08/obj_4_1_1-3.png");background-repeat: no-repeat;background-size: 360px;background-position: center calc(100% - 150px);}
	.mainSection.section5.bg1 {background-image: url("https://office.hancom.com/contents/data/1/08/obj_5_1_1-3.png");background-repeat: no-repeat;background-size: 400px;background-position: center calc(100% - 130px);}
	.mainSection.section6 {background-image: url("https://office.hancom.com/contents/data/1/08/main_bg05-2.jpg");background-repeat: no-repeat;background-size: 400px;background-position: center calc(100% - 170px);}
	.mainSection.section7 .con .conWrap {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
	.mainSection.section7 section.hs-widget-class {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-top: -60px;}
	.mainSection.section7 .box1 {padding-top: 30px;background: url("https://office.hancom.com/contents/data/1/07/main_bottom_1.png") no-repeat;background-size: initial;background-position: top center;margin-bottom: 60px;}
	.mainSection.section7 .box2 {padding-top: 30px;background: url("https://office.hancom.com/contents/data/1/07/main_bottom_2.png") no-repeat;background-size: initial;background-position: top center;}
	.mainSection.section7 .boxWrap .txt1 {margin-bottom: 150px;}
	.mainSection.section7 .boxWrap .txt2 {display: none;}
	.mainSection.section7 .boxWrap .txt3 {margin-bottom: 10px;font-size: 16px;}
	.mainSection.section8 .shortcut {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.mainSection.section8 .shortcut li:not(:last-child) {margin-bottom: 30px;}
	.mainSection.section8 .shortcut li .stitle4 {padding-top: 95px;}
	.footer_wrap.main {display: none;}
	.footer_wrap .footer {color: #fff;}
	.footer_wrap .footer .footer_top {margin-bottom: 35px;}
	.footer_wrap.footer_mob .footer {font-size: 10px;}
	.footer_wrap.footer_mob .footer .footer_top .footer_list {width: 100%;margin-top: 5px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
	.footer_wrap .footer .footer_top .footer_list li {width: 33.3333%;text-align: left;}
	.footer_wrap .footer .footer_top .footer_list li a {color: inherit;}
	.footer_wrap .footer .footer_top .footer_lang {display: none;}
	.footer-second-nav {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
	.footer_wrap .footer .thinkfree {text-transform: uppercase;font-size: 15px;color: inherit;}
	.footer_wrap .footer .footer_copyright {padding-top: 10px;text-align: left;}}
@media screen and (max-width: 768px) {.mainWrap {min-width: 90%;}
	.mainSection {min-width: 90%;}
	.mainSection .con .conWrap, .footer_wrap.footer_mob .footer {width: 90%;}
	.mainSection .con .slideWrap {padding: 0;}
	.mainSection.section2 .widget {text-align: left;}
	.mainSection.section2 .con {height: auto;}
	.mainSection.section2 .delivers {display: none;}
	.mainSection.section8 {display: none;}}
@media screen and (max-height: 700px) {.content.store .floating {width: 100%;height: 1px;position: fixed;left: 0;right: 0px;top: 300px;margin: auto;z-index: 50;}}
@media screen and (max-width: 440px) {.btnPos .appStore .os-type span {display: none;}
	.mainSection, .footer_wrap.footer_mob .footer {padding: 30px 0;}
	.mainSection.section3.bg1 {background-size: 150px,340px;background-position: center calc(100% - 90px),center calc(100% - 150px);}
	.mainSection.section4.bg1 {background-size: 280px;background-position: center calc(100% - 140px);}
	.mainSection.section5.bg1 {background-size: 300px;background-position: center calc(100% - 100px);}
	.mainSection.section6 {background-size: 280px;background-position: center calc(100% - 150px);}
	.mainSection.section7 .boxWrap .txt4 .btn_type3 {margin-left: 0;}
	.btn_type3 .arrow_icon {display: none;}}