@charset "UTF-8";

/* ## layout */
#wrapper{margin: 0 auto; overflow: hidden; width: 100%; }
.main{width: 100%; clear: both;}
#header{background: #151515; display: block; clear: both; width: 100%; position: relative; z-index: 10;  transition: all 0.3s;}
#contents{position: relative; }
#contents.main{margin-bottom: 0;}
#footer{position:relative; background-color: #fff; padding: 0; clear:both}
.container{margin:0 auto;padding:0 10px;max-width:1420px; position:relative; width: 100%;}
.container-sm{margin:0 auto;padding:0 10px;max-width:1180px; position:relative; width: 100%;}
.section-container{max-width: 1000px; padding: 0; margin: 0 auto;}

#sp-wrapper{width: 100%; margin: 0 auto;}
#sp-header{padding: 20px 0; background-color: #151515;}
#sp-header .container{display: flex; justify-content: space-between; align-items: center;}
#sp-header .btn{color: #fff; border: 1px solid #fff; border-radius: 20px; padding: 9px 23px 7px;}
.sp-bg{background-color: #f5f7fa;}
#sp-footer{padding: 10px; color: #777; margin-top: 30px; text-align: center; font-size: 13px;}

#sp-header .btn-history-back{display: none;}


#sp-wrapper.page-mypage #contents{max-width: 660px; margin: 0 auto;}
#sp-wrapper.page-mypage #sp-content{max-width: 660px; margin: 0 auto;}
/* #sp-wrapper.page-mypage #sp-footer{position: relative;}
#sp-wrapper.page-mypage .btn-back{display: none;}
#sp-wrapper.page-mypage .btn-history-back{display: block;}
#sp-wrapper.page-mypage #sp-header{padding: 40px 0 0 0 }
#sp-wrapper.page-mypage .subwrap-top{padding-top: 30px;}
#sp-wrapper.page-mypage .subwrap-top .container{overflow: visible;}
#sp-wrapper.page-mypage .subwrap-top .subwrap-title{font-size: 40px; color: #1a1a1a; line-height: 1em; font-weight: 500; text-align: center; display: block;} */

#skip-contents a {z-index: 100000; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden;}


/* ## Partner Layout */
#partner-header{background: #333; display: block; clear: both; width: 100%; position: relative; z-index: 10;  transition: all 0.3s; padding: 1.3rem 0;}
#partner-header .container-fluid{display: flex; justify-content: space-between; align-items: center;}
#partner-contents{position: relative; display: flex;}
#partner-footer{position:relative; background-color: #424242; padding: 2rem 1.5rem; clear:both; color: #a7a8a9; font-size: 12px;}
.container-fluid{width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto;}
.partner-content-wrap{width: calc(100% - 13rem); min-height: 80vh; padding: 2rem 2rem 5rem; margin-left: 13rem;}
.container-partner{max-width: 1360px;}

.header-link{color: #a7a8a9; font-size: 14px; padding-right: 30px;}
.header-link .user{border-bottom: 1px solid #fff;}
.header-link a{margin-left: 2rem;}

.aside{width: 260px; background-color: #f5f7fa; position: absolute; top: 0; left: 0; height: 100%;}
.aside ul{display: block;}
.aside ul li{position: relative; padding: 25px 30px;}
.aside ul li.active{background-color: #f0f0f0;}
.aside ul li.active a{color: #0957eb;}
.aside ul li a{color: #111; display: block;}

.section-partner{margin-top: 2.5rem;}

.help-box{padding: 0 30px; margin-top: 15px;}
.help-box a{display: block; background: url('../images/partner/banner_email.png') center/cover; height: 56px;}

.partner-banner{background: url('../images/partner/banner_partner.png') center/cover; margin-bottom: 2rem;}
.partner-banner h2{padding: 30px; font-weight: 500; font-size: 24px; color: #111; border-bottom: 0;}

.partner-title{font-weight: 500; font-size: 24px; color: #111; border-bottom: 1px solid #111; padding-bottom: 20px; margin-bottom: 20px; margin-top: 1rem;}

.logo.partner a{display: inline-block; width: 212px; height: 32px; background: url('../images/partner/logo_partner.png') no-repeat 0 0; background-size: cover; color: #fff;}

/* .table-responsive table td{} */


.card-header{display: flex; border-bottom: 1px solid #111; padding-bottom: 15px; margin-bottom: 2rem; justify-content: space-between; align-items: center;}
.card-header h3{font-size: 18px; color: #111; font-weight: 500;}
.icon-more{display: inline-block; width: 16px; height: 16px; background: url('../images/icons/ico_partner_plus.png') center/cover;}

.search-box{position: relative; margin-bottom: 2.5rem;}
.search-box .dx-input{width: 100%; max-width: 260px;}
.search-box .btn-search{background: url('../images/icons/ico_partner_search.png') no-repeat center; width: 40px; height: 40px; text-indent: -9999px; border: 1px solid #e1e1e1; display: inline-block; background-size: 50%;}

.partner-content-wrap .panel{padding: 0; margin: 0;}
.partner-content-wrap .panel-header{padding-top: 1rem;}
.partner-content-wrap .panel-body{padding: 0;}


.email-mode .btn-inner{display: none;}

.partner-dashboard table td{padding: 3px 0;}




/**********
* ## header
**********/
#header .container{display: flex; align-items: center; justify-content: space-between;}

.header-top{font-size: 14px; color: #646464; display: flex; align-items: center; height: 34px; line-height: 1.2; background-color: #fff;}
.header-top-menu{overflow: hidden;}
.header-top-menu li{float: left; padding: 0 30px;}
.header-top-menu li a:hover{color: #111;}
.header-top-menu li:first-child{padding-left: 0;}

.member-area{display: inline-block; margin-right: 20px;}
.member-area .btn-login{text-decoration: underline;}
.member-area:hover .utill-member{display: block; }
.utill-member{display: none; width: 120px; margin: 0; padding: 0; position: absolute; top: 18px; background: #ebebeb; font-size: 12.5px; text-align: left; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); color: #4d4c4c; z-index: 2;}
.utill-member:before{content: ""; position: absolute; left: 34px; top: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d7d7d7;}

.utill-member li{padding: 10px;}
.utill-member li a{display: block;}
.utill-member li a:hover{color: #000;}

#header .logo{display: inline-block;}
.logo a{display: inline-block; width: 189px; height: 35px; background: url('../images/logo_v6.png') no-repeat 0 0; background-size: cover; color: #fff;}

.header-sticky#header{position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}

.header-contractUs{margin-left: auto;}
.tnb{display: flex; align-items: center;}
.tnb li{position: relative; }
.tnb li:last-child{margin-left: 20px;}
.btn-inquiry{border: 1px solid #fff; border-radius: 25px; height: 42px; line-height: 42px; color: #fff; display: inline-block; padding: 0 30px !important;}
.btn-inquiry:hover{color: #333; background-color: #fff;}
.btn-blog{ border-radius: 50%; height: 42px; width: 42px; line-height: 42px; color: green; display: flex; justify-content: center;  align-items: center; background-color: #fff;}
.btn-blog:hover{box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.54);}
.icon-blog{background: url('../images/icons/ico_blog.png') no-repeat center/cover; text-indent: -9999px; width: 30px; height: 25px; display: inline-block; margin-top: 3px;}

.header-button{display: none;}
.header-button button{display: inline-block; margin: 0; width: 30px; height: 60px;}
.header-button .icon-bar {background-color: #888; width: 30px; height: 2px; display: block; }
.header-button .icon-bar:nth-child(2) {margin: 7px 0;}


/**********
* ## gnb
**********/
#gnb{position: relative; width: auto; margin-left: 50px;}
#gnb .topmenu{display: flex; -moz-display:flex; -o-display:flex; -ms-display:flex; -webkit-display:flex; z-index: 10;}
#gnb .topmenu > li > a{display: block; position: relative; line-height: 88px; color: #121212; height: 88px; color: #fff; padding: 0 30px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
#gnb .topmenu > li > a .icon-dropdown{display: inline-block; top: 50%; right: 12px; width: 12px; height: 7px; background: url('../images/icons/ico_arw_down.png') no-repeat center/cover; margin-left: 10px; vertical-align: middle; margin-top: -4px; transition: all 0.2s ease;}
#gnb .topmenu > li > a.active .icon-dropdown{transform: rotate(180deg); background-image: url('../images/icons/ico_arw_down_gr.png');}
#gnb .topmenu > li > a.active,
#gnb .topmenu > li > a:hover{color: #96faa3; font-weight: 500;}
#gnb .topmenu > li > a:hover .icon-dropdown{background-image: url('../images/icons/ico_arw_down_gr.png');}

#gnb .drop-wrap{position: absolute; top: 88px; display: none; left: 0; width: 100%; text-align: left; min-height: 290px; z-index: 2; background-color: #1c1c1c;}


.drop-inner{max-width: 760px; display: flex; margin: 0 auto; padding: 30px; width: 100%;}
.drop-menu-box{flex: 1; margin-left: 50px;}
.drop-menu-box:first-child{margin-left: 0;}
.drop-menu-box h5{font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #333; color: #a7a8a9; font-weight: 500;}

.gnb-image{ max-width: 760px; width: 100%; margin: 0 auto;}
.gi-image{width: 100%; display: inline-block; max-width: 49%; margin-bottom: 10px; min-height: 160px; background-repeat: no-repeat; background-size: auto; background-position: 50%; padding: 0 25px; vertical-align: top;}
.gi-image.pro{background-image: url('../images/common/bg_gnb_pro.png'); min-height: 180px; background-color: #0f9f6a; max-width: 100%; background-position: 100% 50%;}
.gi-image.server{background-image: url('../images/common/bg_gnb_server.png'); background-color: #23538b; background-position: 100% 50%;}
.gi-image.sdk{background-color: #d6f3fb; margin-left: 10px;}
.gi-image.sdk .gi-title{color: #000;}

.gi-image .gi-title{color: #fff; display: block; padding-top: 25px;}
.gi-image .gi-title h4{font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.gi-image .gi-desc{display: block;}


.gnb-sub.open{z-index: 1; display: block;}
.gnb-sub{position: absolute; display: none; left: 0; top: 122px; width: 100%; background-color: #1c1c1c; box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.2); }
.gnb-sub .full-menu{display: flex; justify-content: center; min-height: 250px; margin: 0 auto; margin-left: -8.5%;}

.gnb-sub ul.dropdown-menu{position: relative;;}
.gnb-sub ul.dropdown-menu li{padding: 0; margin-bottom: 10px;}
.gnb-sub ul.dropdown-menu li:last-child{margin-bottom: 0;}
.gnb-sub ul.dropdown-menu li a{font-size: 14px; height: auto; padding: 0; color: #e1e1e1; position: relative; width: auto; display: inline-block;}
.gnb-sub ul.dropdown-menu li a:hover{color: #fff;}

.gnb-sub ul.dropdown-menu > li > a::before{content: ''; position: absolute; display: block; bottom: -4px; left: 0; width: 0; background-color: #96faa3; height: 1px; transition: width 0.2s ease; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -ms-transition: width 0.2s ease; -o-transition: width 0.2s ease;}
.gnb-sub ul.dropdown-menu > li > a:hover::before{width: 100%;}


/**********
* ## Dropdown Menu
**********/
ul.dropdown-menu li{padding-left: 24px;}
ul.dropdown-menu li a{display: block; width: 100%; height: 100%; padding: 12px 0; font-size: 14px; border-bottom: none;}
ul.dropdown-menu li a:hover{color: #96faa3;}


/**********
* ## dlpo
**********/
.dlpo-wrap.hide{display: none;}
.dlpo-wrap {-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.dlpo-wrap { position:relative;top:0; overflow: hidden; z-index: 20;}
.dlpo-wrap .banner-item{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 5px 0; align-items: center; justify-content: center; background-color: #96faa3;}
.dlpo-wrap .banner-item a{position: relative; z-index: 1; text-align: center; font-weight: 300; color: #000;}

.dlpo-wrap .dlpo-close{position: absolute; top: 7px; right: 40px; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer; z-index: 1;}
.dlpo-wrap .dlpo-close:before, .dlpo-wrap .dlpo-close:after{width: 25px; height: 1px; top: 50%; margin-top: -1px; left: -2px; content: ""; background: #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;}
.dlpo-wrap .dlpo-close:after {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.dlpo-wrap.close { height:0}


/**********
* ## footer
**********/
#footer{background-color: #424242; color: #e7e7e7; padding: 80px 0 60px; font-size: 14px;}
#footer .footer-logo{position: absolute; left: 10px; top: 0;}
#footer .footer-logo a{display: inline-block; background: url('../images/logo_white.png') no-repeat center/cover; width: 140px; height: 33px; background-size: 140px auto;}

#footer .widget-wrap{display: flex; margin-left: 240px;}
.widget-wrap .footer-widget{margin-left: 100px;}
.widget-wrap .footer-widget:first-child{margin-left: 0;}
.widget-wrap .footer-widget h4{font-size: 16px; color: #fff; margin-bottom: 40px; line-height: 1; font-weight: normal;}
.widget-wrap .widget-menu{position: relative; margin-bottom: 30px;}
.widget-wrap .widget-menu li{padding:10px 0; position: relative; line-height: 1;}
.widget-wrap .widget-menu li:first-child{padding-top: 0;}
.widget-wrap .widget-menu a{display:block; color:#d6d6d6;}
.widget-wrap .widget-menu .menu-group{color:#fff;}
.widget-wrap .widget-menu a:hover{color:#fff}

#footer .footer-link{position: relative; display: flex; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 20px 0; margin: 30px 0 30px;}
#footer .footer-link li{padding:0 10px; position: relative; line-height: 1;}
#footer .footer-link li:first-child{padding-left:0;background:none}
#footer .footer-link li::after{content: ''; width: 1px; height: 12px; background-color: #919293; position: absolute; top: 0; right: 0;} 
#footer .footer-link li:last-child::after{display: none;} 
#footer .footer-link .menu-group{display:block; color:#d6d6d6;}
#footer .footer-link li:nth-child(2) a {font-weight: 500; color: #fff;}
#footer .footer-link a:hover{color:#fff}

#footer .address-info{font-size: 12px;}
#footer .address-info div{color:#ddd; margin-bottom: 2px;}
#footer .address-info div span {display:inline-block; margin: 0 3px; }
#footer .address-info div span:first-child {margin-left: 0 }
#footer .address-info div.copyright { letter-spacing: -0.5px; color: #ddd; margin-top: 8px; line-height: 1;}


#scroll-top{position: fixed; right: 10%; bottom: 10%; background-color: #233b4d; width: 35px; height: 35px; line-height: 30px; font-weight: 500; font-size: 12px; color: #fff; border-color: #233b4d; border-top: 0; opacity: 0; transition: all 0.3s ease; text-align: center;}
.btn-top{background: #2351b1 url('../images/common/quick_top.png') no-repeat center/cover; display: inline-block; width: 35px; height: 35px;}
#scroll-top.active{opacity: 1;}
.btn-top:hover{background-color: #028755; opacity: 0.6;}



/* ## quick */
/* .quick-wrap{position: fixed; right: 0; bottom: 40%; z-index: 10;}
.quick-content{position: relative; box-sizing: border-box;}
.quick-content .quick-item{text-align: center; background-color: #fff;}
.quick-content .quick-item a{ display: flex; align-items: center; justify-content: center; height: 90px; flex-direction: column; box-shadow: 0px 1px 1.8px 0.2px rgba(0, 0, 0, 0.1); border: solid 1px #d1d1d1;}
.quick-content .quick-item .quick-icon{margin: 0 auto 10px;}
.quick-content .quick-item p{font-size: 12px;}

.quick-item.scroll{background-color: #233b4d; height: 30px; line-height: 30px; }
.quick-item.scroll a{font-weight: 500; font-size: 12px; color: #fff; height: 30px; border-color: #233b4d; border-top: 0;}

.quick-item.inquiry{margin-top: 10px; background-color: transparent; }
.quick-item.inquiry a{height: auto; border: 0; box-shadow: none; }
.quick-item.inquiry .quick-icon{background: url('../images/btns/btn_apply.png') no-repeat center/cover; width: 90px; height: 48px; margin-bottom: 0;} */


/**********
* ## common
**********/
.dx-input{ background: #fff; height: 40px; line-height: 40px; padding: 0 0 0 5px; border: 0; border: 1px solid #e1e1e1;}
.dx-input.full{width: 100%;}
.dx-input.half{width: 50%;}
.dx-input.auto{width: auto;}
.dx-input.readonly{background-color: #f0f0f0;}
.dx-input:focus{outline: none;}

select.dx-input{color: #4d4c4c; background:url('../images/icons/ico_select_arrow.png') no-repeat 100% 50%; padding-right: 0; min-width: 100px;}
select.dx-input.full{width: 100%; background-position: 98% 50%; padding-right: 0;}
textarea.dx-input{min-height: 150px; color: #666; padding: 5px; line-height: 1.4;}

.hide{display: none;}
.main-color{color: #6ad784;}
.font-en{font-family: 'Roboto', sans-serif; }
.sound-only{position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; padding: 0; border: 0; margin: -1px;}
br.show-mobile, .show-mobile { display:none}
.img-responsive{width: auto; max-width: 100%;}

.label-req{padding-right: 5px; color: #fe0000; vertical-align: middle;}
.form-group{margin-bottom: 1rem; clear: both; position: relative;}
.form-group.lg{margin-bottom: 40px;}
.form-group .label{color: #121212; font-size: 16px; padding: 0; margin-bottom: 10px; display: inline-block; font-weight: 400; border-radius: 0; line-height: 1.4; text-align: left; display: block;}
.form-group .form-content{position: relative; display: flex;}
.form-group .form-content .location-input{display: flex; flex: 1;}
.form-group .form-content .location-input .select-box{width: 57%; }
.form-group .form-content .location-input .select-box.sub{margin-left: 3%; width: 40%;}

.form-group .form-content .name-container{margin-right: 20px; width: 40%;}
.form-group .form-content .phone-container{width: 60%;}
.phone-container .select-box{flex: 0 0 31%;}
.phone-container .dx-input{flex: 0 0 31%; margin-left: 3.5%;}


.error-place{position: relative;}
/* .error-place .error{margin-top: 0;} */
.error-place .error + .error{margin-left: 10px;}
.help-desc{color: #1473e6; font-size: 12px;}

.color{color: #028755;}
.color2{color: #6ad784;}

.link{text-decoration: underline; color: #1473e6;}

/**********
* ## table
**********/
.dx-table table{width: 100%; border-top: 1px solid #ddd;}
.dx-table table th{font-weight: 500;}
.dx-table table th, .dx-table table td{padding: 10px 20px 11px 20px; border-bottom: 1px solid #ddd; background-color: #fff; color: #666;}
.dx-table table td.no-post{padding: 3rem 0;}

table.table-bg th{background-color: #f5f5f5; color: #333; border-left: 1px solid #ddd; text-align: left; width: 25%; font-weight: 400;}
table.table-bg td{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
/* .dx-table.table-pad{padding: 0 100px;} */

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/**********
* ## Button
**********/
.btn.full{width: 100%;}
.sp-submit{height: 60px; line-height: 58px; background-color: #028755; color: #fff; padding: 0; min-width: 160px; display: inline-block;}
.sp-submit.full{width: 100%;}
.btn-group{margin-top: 2rem;}
.btn-group .btn + .btn{margin-left: 15px;}

.input-group{position: relative; }
.input-group-btn{position: absolute; top: 0; right: 0;}
.input-group.inline{width: 50%}

.btn-black{background-color: #000; border: 0; color: #fff;}
.ico{display: inline-block;  }
.ico.arrow-w{background: url('../images/icons/ico_arw_more_wh.png') no-repeat center/cover; width: 20px; height: 11px; margin-left: 10px;}
.ico.arrow-b{background: url('../images/icons/ico_arw_more_bk.png') no-repeat center/cover; width: 20px; height: 11px; margin-left: 10px;}

a.btn-more{padding: 19px 35px; line-height: 1; color: #fff; font-size: 20px; border-radius: 30px;}
.btn-icon-wrap{display: flex; align-items: center; justify-content: center;}
.btn-wrap{position: relative; text-align: center;}

.btn-flex-wrap{display: flex; justify-content: center;}

/**********
* ## paging
**********/
.pagination{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.pagination li{position: relative; width: 30px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 5px;}
.pagination li a{display: block;  text-align: center;}
.pagination li.active{border: 1px solid #2351b1}
.pagination li.active a{color: #2351b1}

.btn-paging{background-repeat: no-repeat; background-image: url('../images/btns/paginate.gif'); display: inline-block; width: 100%; text-indent: -9999px;}
.btn-paging.first-page{background-position: -4px -4px;}
.btn-paging.next-page{background-position: -81px -4px;}
.btn-paging.prev-page{background-position: -41px -4px;}
.btn-paging.last-page{background-position: -118px -4px;}


/**********
* ## layer popup
**********/
.layer-popup{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; transition: all 0.3s;}
.layer-popup.active{display: block; animation: aniFadeIn 0.5s; -moz-animation: aniFadeIn 0.5s; -webkit-animation: aniFadeIn 0.5s; -o-animation: aniFadeIn 0.5s;}
.layer-dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: .4; z-index: 1}
.pop-wrap{position: absolute; top: 50%; left: 50%; padding: 40px; background: #f9f9f9; z-index: 20; width: 50%;}
.pop-header{margin-bottom: 30px;}
.pop-header h3{font-size: 24px; font-weight: 500; }
.pop-content{background-color: #fff; padding: 10px;}
.pop-content h4{font-size: 0.8rem; margin-bottom: 10px;}
.pop-content strong{font-weight: 500;}
.pop-wrap .btn-close{position: absolute; top: 30px; right: 30px; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer;}
.pop-wrap .btn-close.cross:before, .pop-wrap .btn-close.cross:after{width: 25px; height: 1px; top: 50%; margin-top: -1px; left: -2px; content: ""; background: #121212; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;}
.pop-wrap .btn-close.cross:after {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.pop-wrap .btn-close.cross.white:before, .pop-wrap .btn-close.cross.white:after{background-color: #fff;}
.pop-wrap .btn-close.icon{background: url('../images/icons/ico_cancel.png') no-repeat center/cover;}

.pop-footer{margin-top: 2rem;}
.pop-footer .btn-close{position: relative; width: auto; height: auto; top: 0; left: 0; right: 0; text-indent: 0;}

.popup-video .btn-close{top: -20px; right: -20px;}
.popup-video .pop-wrap{padding: 0; background-color: transparent;}
.popup-video iframe{min-height: 540px;}

.popup-inquiry .layer-dim{background-color: rgba(255,255,255,0.4); opacity: 1;}
.popup-inquiry .pop-header{text-align: center; margin-bottom: 60px;}
.popup-inquiry .pop-wrap{border: 2px solid #121212; background-color: #fff; max-width: 960px; width: 100%;}
.popup-inquiry .pop-content{max-width: 560px; padding: 0; margin: 0 auto;}
.popup-inquiry .form-btn .btn{min-width: 190px; height: 46px; line-height: 46px;}
.popup-inquiry .select-box.full.active .select-list{max-height: 150px;}
.popup-inquiry .select-box.full .select-list a{font-size: 14px;}
.popup-inquiry .concept-area{display: none;}

/* .popup-privacy .pop-wrap{transform: translate(-50%, -50%);} */

.form-btn .btn-none{background-color: #777;}


.alert-layer{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999}
.alert-dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: .4; z-index: 1}
.alert-container{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px; background: #f9f9f9; z-index: 20; width: 50%; max-width: 300px; text-align: center;}
.alert-container .btn-confirm{margin-top: 30px; background-color: #ecb10d; color: #fff; height: 40px; line-height: 40px; font-size: 15px; display: inline-block; min-width: 100px; text-align: center; border-radius: 5px;}


/**********
* ## Custom element
**********/
.check-box{position: relative; display: flex; line-height: 1.25; }
.check-box input[type=checkbox]{opacity: 0; position: absolute; top: 0; left: 0; z-index: 0;}
.check-box label{display: inline;  cursor: pointer; text-align: center; margin-left: 25px; line-height: 1em; font-weight: normal; }
.check-box label::before, .check-box label::after {content: ''; position: absolute; top: 0; left: 0;}
.check-box label::before{width: 14px; height: 14px; background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; content: ""; border: 1px solid #a7a8a9;}
.check-box input[type="checkbox"]:checked + label::before {background-color: #fff;}
.check-box input[type="checkbox"]:checked + label::after {content: ''; background: url('../images/icons/ico_checkbox-act.png') center/cover; width: 16px; height: 16px; top: 0; left: 0; color: #fff; z-index: 1; line-height: 1; }
/*
.check-box.bg-white label::before{width: 18px; height: 18px; background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; content: "";  border: 1px solid #ccc;}
 .check-box.border label::before{border: 1px solid #ccc; width: 16px; height: 16px;}
.check-box.border input[type="checkbox"]:checked + label::after {width: 12px; height: 12px;}
*/
.check-box-inline{display: inline-flex;}
.check-box-inline + .check-box-inline{margin-left: 1rem;}

.check-box.icon-circle{font-size: 12px;}
.check-box.icon-circle label{line-height: 20px; margin-left: 30px;}
.check-box.icon-circle label::before{border: 1px solid #111; width: 20px; height: 20px; border-radius: 50%; background: #fff url('../images/icons/ico_check_dft.png') center/cover; border: 0;}
.check-box.icon-circle input[type="checkbox"]:checked + label::after {background-image: url('../images/icons/ico_check_act.png'); width: 20px; height: 20px; border: 0;}


.check-box.rtl input[type=checkbox]{left: auto; right: 0;}
.check-box.rtl label{margin-left: 0; margin-right: 25px;}
.check-box.rtl label::before, .check-box.rtl label::after {content: ''; position: absolute; top: -2px; left: auto; right: 0;}
.check-box.rtl label::before{background: #fff;}
.check-box.rtl input[type="checkbox"]:checked + label::after {left: auto; top: -2px}


.radio-box{position: relative; display: flex; line-height: 1.25; }
.radio-box input[type=radio]{opacity: 0; position: absolute; top: 0; left: 0; z-index: 0;}
.radio-box label{display: inline; cursor: pointer; text-align: center; margin-left: 1rem; line-height: 1em; font-weight: normal; }
.radio-box label::before, .radio-box label::after {content: ''; position: absolute; top: 0; left: 0;}
.radio-box label::before{width: 18px; height: 18px; background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; content: ""; }
.radio-box.bg-white label::before{width: 18px; height: 18px; background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; content: ""; border: 1px solid #e1e1e1;}
.radio-box input[type="radio"]:checked + label::after {content: ''; width: 14px; height: 14px; top: 0; left: 0; color: #fff; background: #0957eb; z-index: 1; line-height: 1;}
.radio-box input[type="radio"]:checked + label::before {background-color: #fff;}
.radio-box.border label::before{border: 1px solid #ccc; width: 16px; height: 16px;}
.radio-box.border input[type="radio"]:checked + label::after {width: 12px; height: 12px;}

.radio-box.square label::before{width: 14px; height: 14px; border: 1px solid #e1e1e1;}
.radio-box.square input[type="radio"]:checked + label::after {background: url('../images/icons/ico_checkbox-act.png') center/cover; width: 16px; height: 16px;}

.radio-box.icon{vertical-align: middle; line-height: unset;}
.radio-box input[type=radio]{opacity: 0; position: absolute; top: 0; left: 0; z-index: 0;}
.radio-box.icon label{display: inline; width: 31px; height: 31px; cursor: pointer; text-align: center; margin-left: 0; padding-left: 45px; font-weight: normal; vertical-align: middle; line-height: unset;}
.radio-box.icon label::before, .radio-box label::after {content: ''; position: absolute; top: -2px; left: 0;}
.radio-box.icon label::before{width: 31px; height: 31px; background: url('../images/icons/ico_unchecked.png') no-repeat center/cover; -webkit-transition: all .3s ease; transition: all .3s ease; content: ""; }
.radio-box.icon input[type="radio"]:checked + label::after {content: '';  z-index: 1; background: url('../images/icons/ico_checked.png') no-repeat center/cover; width: 31px; height: 31px; top: -2px; left: 0;}
.radio-box.icon input[type="radio"]:checked + label::before {background-color: #fff;}

.radio-box.icon + .radio-box.icon{margin-left: 60px;}
.form-table .radio-box.icon + .error-place{top: 120%;}


.select-box{display:block;position:relative;width:300px;text-align:left;border:1px solid #e1e1e1}
.select-box.full{width: 100%;}
.select-box.width-auto{width: auto; min-width: 120px;}
.select-box .select{display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-size:2em;color:#666;filter:alpha(opacity=0);opacity:0;z-index:1}
.select-box .btn-select{display:block;position:relative;padding:0 40px 0 10px;height:38px;line-height:40px; color:#666; background: url("../images/icons/ico_select_arrow.png") no-repeat right center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:1}
.select-box .select-list{display:none;position:absolute; left:0; top:100%; right:0; padding:10px 0; margin-top:-1px; border-radius:4px; box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.2); border: solid 1px #e5e5e5; background-color: #ffffff; max-height: 300px; overflow-y: auto;}
.select-box .select-list li{position: relative;}
.select-box .select-list a{display:block;padding:8px 5px 9px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align: center;}
.select-box .select-list a:hover{color:#fff; background-color: #f2f2f2; color: #0e9bf5;}
.select-box.scroll .select-list{max-height: 300px; overflow-y: scroll;}
.select-box.active{z-index:50}
.select-box.active .select-list{display:block;z-index:50}
.select-box.active.scroll .select-list { height:240px; overflow-y:auto}
.select-box.active .btn-select{border-color:#333;background:#fff url("../images/icons/ico_select_arrow.png") no-repeat right center}


/**********
* ## loading
**********/
.wrap-loading{position: fixed; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.2); /*not in ie */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */}
.wrap-loading div{position: fixed; top:50%; left:50%; margin-left: -21px; margin-top: -21px;}
.display-none{display:none;}


/**********
* ## Error
**********/
.topLogo {margin:20px}
.error-wrap {background:url('../images/icons/ico_error.gif') no-repeat center top; padding:100px 25px 35px; margin:150px auto 0; text-align:center; width:100%; max-width: 580px;  position:relative; overflow:hidden}
.error-header {color:#333; font-size:25px; font-weight:normal; display:block; padding:20px 0 30px; letter-spacing:-1px}
.error-header strong {display:block; font-size:70px}	

.error-text {border-top:1px solid #e0e0e0; padding:30px 0 40px; text-align:center; color:#666; line-height:22px; letter-spacing:-1px}
.error-btn {text-align:center}
.error-btn a{background: #888; color: #fff; width: 120px; height: 30px; line-height: 30px; display: inline-block; padding: 0; border-radius: 4px; text-decoration: none;}


/* ## single page wrap  */
.btn-back{background: url('../images/icons/btn_back_s2.png') no-repeat center left; display: inline-block;}
.btn-back span{margin-left: 30px; display: inline-block;}

.page-mypage .btn-history-back{background: url('../images/icons/btn_back_s2.png') no-repeat center left; display: inline-block;}
.page-mypage .btn-history-back span{margin-left: 30px; display: inline-block;}


/**********
* ## LOGIN
**********/
.panel.panel-login{max-width: 700px; background-color: transparent; }
.panel.panel-login .panel-header{background-color: transparent;}
.panel.panel-login .panel-body{max-width: 440px; margin: 0 auto; padding: 0; background-color: transparent;}
/* .panel-login .form-group{margin-bottom: 2rem;} */
/* .panel-login .panel-body{padding-top: 3rem;} */
.login-button{margin-top: 3rem;}
.login-button .sp-submit{background-color: #0957eb; height: 44px; line-height: 40px; width: 100%;}
.logrin-row .login-label{font-size: 14px; color: #111; }
.btn-register{display: block; color: #626262; border: 1px solid #626262; width: 100%; height: 44px; line-height: 44px; text-align: center; margin-top: 10px;}
.social-login{position: relative; border-top: 1px solid #eee; background-color: #fff; padding: 1rem 2rem;}
.social-login p{margin-bottom: 1rem;}
.search-id-password{float: right;}
.sl-btns a{width: 100%; display: block; border: 1px solid #ddd; padding: 9px 10px 10px 10px; margin-bottom: 10px; position: relative;}
.sl-btns a img{position: absolute; left: 10px; top: 11px;}
.sl-btns a .text{line-height: 1em; margin-left: 28px;}

.login-register{background-color: #f4f4f4; padding: 15px 0; text-align: center;}
.login-register p{margin-bottom: 10px;}
.login-register a{text-decoration: underline;}

.bs-number-container{display: flex;}
.bs-number-container input.n1{width: 29%; margin-right: 1%;}
.bs-number-container input.n2{width: 24%; margin-right: 1%;}
.bs-number-container input.n3{width: 45%;}

.autologinalert{font-size: 12px; margin-top: 1rem;}

.guest-wrap{margin-top: 2rem;}
.guest-wrap h4{font-size: 0.85rem;}
.guest-privacy{border: 1px solid #cdcdcd; text-align: left; line-height: 1.6em; color: #666; background: #fafafa; padding: 10px; height: 150px; margin: 10px 0; overflow-y: auto; font-size: 0.65rem;}
.guest-wrap .btn{margin-top: 1rem;}
.guest-wrap .checkbox-custom label{font-size: 0.65rem; letter-spacing: -1px;}

.guest-order{margin-top: 2rem; border-top: 1px solid #cdcdcd; padding-top: 1rem;}
.guest-order-desc{background: #f2f2f2; padding: 0.5rem; margin-top: 1rem; font-size: 0.65rem;}


/* ## PASSWORD / FINDACCOUNT */
.panel{width: 100%; max-width: 1180px; padding: 0 10px; margin: 3rem auto 5rem;}
.panel-header{padding: 2rem 0; background-color: #fff;}
.panel-header.border{margin-bottom: 2rem; border-bottom: 1px solid #111;}
.panel-header h2{font-size: 32px; font-weight: 500; color: #111;}
.panel-header .desc{font-size: 16px; color: #626262; font-weight: 400; margin-bottom: 10px;}
.panel-body{position: relative; background-color: #fff; padding: 0 4rem 5rem;}
.panel-body .desc{margin-bottom: 15px; line-height: 1.5;}
.panel-link{font-size: 14px; margin-top: 15px; display: flex; align-items: center; justify-content: end; line-height: 1;}
.panel-link .check-box label{margin-left: 20px;}
.panel-link .check-box label::before{top: -1px}
.panel-link .check-box input[type="checkbox"]:checked + label::after{top: -1px;}
.panel-link a{position: relative; padding-left: 5px; margin-left: 5px;}
.panel-link a::before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 12px; background-color: #626262; margin-right: 5px; }
.panel-footer{position: relative; text-align: center; border-top: 1px solid #eee; background-color: #fff; padding: 1rem 2rem; background-color: #f4f4f4;}

.findaccount .form-table .phone-input{width: 50%;}

.help-block{margin-top: 10px; color: #888; font-size: 13px;}
.control-label{margin-bottom: 5px; display: inline-block;}

.result-message{padding: 1rem 0; text-align: center;}


/**********
* ## REGISTER
**********/
/* #sp-wrapper.register{max-width: 640px;} */
.register-section{margin-bottom: 2rem;}
.register-section h4{margin-bottom: 15px; font-size: 18px; color: #111; font-weight: 500;}
.register-section.agree{background-color: #f0f0f0; padding: 2rem 1rem 2rem;}

.register-section .bs-number-input{width: auto;}

.check-agrea a{text-decoration: underline;}
.check-agrea label .req{color: #ff8133; font-size: 12px;}
.check-agrea label .req.sel{color: #888; }

/* .agree-box{border: 1px solid #eee; font-size: 14px;}
.agree-box li:first-child{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.agree-box li{padding: 5px 0;} */

.agree-box{color: #626262; font-size: 14px;}
.agree-box li{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.agree-box li:last-child{margin-bottom: 0;}
.agree-box li .check-agrea .check-box label{font-size: 12px;}
.agree-box li .check-agrea a{font-size: 0.65rem; color: #333;}
.agree-box li .check-agrea a:hover{text-decoration: underline; color: #109342}
.agree-box .error-place .error + .error{display: block; margin-left: 0; margin-top: 0;}

.panel-body .btn-wrap{margin-top: 3rem;}

.btn-inner{margin-left: 10px; display: inline-block;}

.result-place{font-size: 12px; display: inline-block; margin-left: 1rem;}
.result-place .success{color: #1473e6; background-color: transparent;}
.result-place .fail{color: #ff8133;}
.cert-container{display: none; margin-top: 10px;}

.d-inline-flex{display: inline-flex;}
.d-inline-flex .check-box + .check-box{margin-left: 10px;}
.d-inline-flex .radio-box + .radio-box{margin-left: 10px;}

/**********
* ## MOBILE
**********/
.menu-slide-container {position: fixed; z-index: 800; top: 0; bottom: 0; width: 80%; overflow-y: scroll; -webkit-transition: all 0.2s;transition: all 0.2s; opacity: 0; height: 100%; background-color: #fff;}
.dim-menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; display: none; z-index: 10;}
.dim-menu.on{display: block;}
.menu-content{background-color: #fff; position: absolute; width: 100%; z-index: 1; padding: 0;}

.menu-header{position: relative; background-color: #f7f7f7; padding: 12px 20px;}
.menu-header .select-box{width: 100px; background-color: #fff;}
/* .menu-logo .text{font-weight: 800; font-size: 24px; } */

.menu-slide-container.right-side {right: -80%; }
.menu-slide-container.right-side.menu-open {right: 0; opacity: 1;}
.menu-slide-container.left-side {left: -280px;}
.menu-slide-container.left-side.menu-open {left: 0;}
.menu-slide-container #logo {margin-bottom: 45px;}

.menu-slide-container .menu-close {position: absolute; top: 20px; right: 15px; display: inline-block; color: #fff; width: 20px; height: 20px; background: url('../images/icons/ico_close_m.png') no-repeat center; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 2; background-size: 22px;}
.menu-slide-container .menu-close:hover {color: #00e1c3;}

.menu-slide-container .header-top-menu{padding: 15px 0 15px 18px;}
.menu-slide-container .header-top-menu li{padding: 6px 0; width: 50%; }
.menu-slide-container .header-top-menu a{font-size: 14px; letter-spacing: -0.5px;}

.menu-slide,
.menu-slide ul {margin: 0; list-style: none;}

.menu-slide {position: relative; background-color: #fff;}
/* .menu-slide ul {margin-left: 10px;} */
.menu-slide li {position: relative; border-top: 1px solid #eeeef0; }
.menu-slide .dropdown-menu{display: none;}
.menu-slide .dropdown-menu .dropdown-title{color: #e1e1e1; padding: 20px 0 5px 20px; font-size: 14px; border-bottom: 2px solid #f5f7fa;}
.menu-slide .dropdown-menu + .dropdown-menu{padding-top: 15px;}
.menu-slide li.open .dropdown-menu{display: block; background-color: #028755;}
.menu-slide li a {padding: 22px 0; position: relative; display: block; margin-bottom: 0; font-size: 16px; line-height: 1em; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; padding-left: 20px; }
.menu-slide > li > a {font-size: 16px; margin-bottom: 0; }
.menu-slide li ul li{border-top: 0; padding-left: 0;}
.menu-slide li ul li a{color: #fff; padding: 14px 0; padding-left: 20px;}

.dropdown .icon-angle{position: absolute; top: 50%; right: 15px; width: 13px; height: 13px;  background: url('../images/icons/ico_plus.png') no-repeat center; margin-top: -6.5px; background-size: 13px auto;}
.dropdown.open .icon-angle{right: 15px; width: 13px; height: 13px;  background: url('../images/icons/ico_minus.png') no-repeat center; margin-top: -6.5px; background-size: 13px auto;}
/* .menu-slide li ul.dropdown-menu li{} */


/* .menu-tnb{margin: 30px 0 20px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.menu-tnb a{width: 47%; border-radius: 5px; display: inline-block; margin: 1%; padding: 10px 0; font-size: 18px; background-color: #ff8133; border: 1px solid #ff8133; text-align: center; color: #fff;}
.menu-tnb a:first-child{background-color: #fff; color: #ff8133;} */

.menu-link{text-align: center; margin-top: 15px; padding: 15px 0; background-color: #fff;}
.menu-link a{display: inline-block; position: relative; font-size: 14px; line-height: 1;}
.menu-link a:first-child{margin-right: 5px; padding-right: 10px;}
.menu-link a:first-child::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 12px; background-color: #121212;}



/**********
* ## MAIN
**********/
#main{position: relative;}
.section{padding: 100px 0; position: relative;}
#main .section.section-main-visual{margin-bottom: 0;}
#main .section.section-notice{margin-bottom: 40px;}

.section-main-visual{position: relative; overflow: hidden; height: 600px; background-color: #f4f4ed;}
.section-main-visual .swiper-slide{height: 600px; overflow: hidden;}
.section-main-visual .screen-image{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.section-main-visual .swiper-slide-active .screen-image{animation: aniScaleDown 7s ease-out;}
/* .section-main-visual .screen-image.active{animation: aniScaleDown 4s ease-out;} */
/* .section-main-visual .screen-image::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0.3);} */

.section-main-visual .screen-text-wrap{display: flex; width: 100%; height: 100%; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: aniFadeIn 3s ease-out;}
.section-main-visual .screen-text-continer{max-width: 650px; width: 100%;}
.section-main-visual .screen-text1{display: block; font-weight: 700; color: #151515; line-height: 1.45; font-size: 44px; margin-bottom: 33px;}
.section-main-visual .screen-text2{font-weight: 300; font-size: 20px; color: #333;}
.section-main-visual .screen-text2 + .screen-text2{line-height: 1.5; margin-top: 10px; }

.screen-btns{display: flex; margin-top: 33px;}
.section-main-visual .btn{width: 210px; height: 60px; line-height: 58px; background-color: #fff; color: #028755; display: inline-block; border: 2px solid #028755; font-size: 20px; padding: 0; border-radius: 4px;}
.section-main-visual .btn + .btn{margin-left: 20px;}
.section-main-visual .btn:hover{background-color: #028755; color: #fff;}

.section-main-visual .text-white .screen-text1{color: #fff;}
.section-main-visual .text-white .screen-text2{color: #fff;}
/* .section-main-visual .text-white .btn-more{} */

/* .section-main-visual .text-dark .screen-text1{border-color: #ecb10d; background-color: #ecb10d; color: #fff;}
.section-main-visual .text-dark .screen-text2{color: #121212;} */

.section-main-visual .swiper-pagination{bottom: 18%; left: 0; width: 100%; }
.section-main-visual .swiper-pagination-bullet-active{background-color: #ecb10d; width: 25px; border-radius: 7.5px;}
/* .swiper-pagination-bullet{width: 12px; height: 12px; background-color: #fff; opacity: 1; margin: 0 4px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.swiper {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;} */
/* .section-main-visual .text-dark .btn-more{background-color: #121212; color: #fff;} */


/* .slide-control{position: absolute; top: 70%; right: 1.5rem; opacity: 0.8;}
.slide-control .arrows{background-color: #fff; display: inline-block;}
.slide-control .arrows .pagingInfo{font-size: 0.65rem; display: inline-block; color: #000; padding: 0 10px ; line-height: 26px; letter-spacing: 2px; height: 28px;} */


.slick-dots{position: relative; bottom: 0; display: flex; align-items: center; justify-content: center; margin-top: 10px;}
.slick-dots li{position: relative; }
.slick-dots li button{background: #d1d1d1; width: 8px; height: 8px; text-indent: -9999px; margin: 0 5px; border-radius: 50%;}
.slick-dots li.slick-active button{background-color: #ecb10d; width: 10px; height: 10px;}

.btn-arrow-wrap{position: absolute; width: 100%; top: 50%; margin-top: -25px;}
.btn-arrow-wrap button{background-position: center; background-size: cover; width: 50px; height: 50px; position: absolute; z-index: 1;}
.btn-arrow-wrap .screen-prev{background-image: url('../images/icons/ico_slide_lt_dft.png'); left: -100px;}
.btn-arrow-wrap .screen-next{background-image: url('../images/icons/ico_slide_rt_dft.png'); right: -100px;}

.btn-arrow-wrap .screen-prev:hover{background-image: url('../images/icons/ico_slide_lt_act.png');}
.btn-arrow-wrap .screen-next:hover{background-image: url('../images/icons/ico_slide_rt_act.png');}

/* .pagination{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.pagination li{position: relative; }
.pagination li a{display: inline-block; margin: 0 8px;} */



.section-header{display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 80px; }
.section-header-title{font-size: 44px; font-weight: 700; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; position: relative; width: 100%; box-sizing: border-box; color: #151515;}
.section-header-desc{font-size: 20px; color: #424242;}
.section-header-arrow button{width: 22px; height: 18px; background-size: 22px 18px; display: inline-block; background-repeat: no-repeat;}


.main-swiper .swiper-slide {max-width: 380px;}
.btn-swiper-prev{background-image: url('../images/icons/ico_arw_left_act.png')}
.btn-swiper-next{background-image: url('../images/icons/ico_arw_right_act.png'); margin-left: 30px;}
.btn-swiper-prev.swiper-button-disabled{background-image: url('../images/icons/ico_arw_left_df.png'); }
.btn-swiper-next.swiper-button-disabled{background-image: url('../images/icons/ico_arw_right_df.png'); }

.swiper-arrows{position: absolute; top: 50%; z-index: 1; width: 100%;}
.swiper-arrows button{width: 44px; height: 44px; background-size: cover; display: inline-block; background-repeat: no-repeat; position: absolute;}
.swiper-arrows .btn-swiper-prev{left: -44px; margin-top: -22px; background-image: url('../images/icons/ico_arw_left_act.png'); }
.swiper-arrows .btn-swiper-next{right: -44px; margin-top: -22px; background-image: url('../images/icons/ico_arw_right_act.png'); margin-left: 0;}
.swiper-arrows .btn-swiper-prev.swiper-button-disabled{background-image: url('../images/icons/ico_arw_left_df.png'); }
.swiper-arrows .btn-swiper-next.swiper-button-disabled{background-image: url('../images/icons/ico_arw_right_df.png'); }


.video-wrap{background-color: #444; position: relative; margin-top: 60px; margin-bottom: 60px;}
.video-thumb{background: url('../images/main/video_thumb.jpg') no-repeat center/cover; width: 100%; height: 48.1vh; max-height: 450px;}
.video-wrap .icon-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.icon-wrap .icon-play{background: url('../images/icons/ico_play.png') no-repeat center/cover; width: 75px; height: 75px; display: inline-block; cursor: pointer;}
.icon-wrap p{color: #fff; font-size: 18px; margin-top: 12px; line-height: 1;}


#section-make{background-color: #f4f6f9;}
#section-make .section-header{margin-bottom: 40px;}
#main .section-header{text-align: center;}
#main .section-desc{font-size: 20px; text-align: center;}

.make-item{position: relative; display: flex;}
.make-item .item{flex: 1; padding: 40px 20px; border-radius: 4px; box-shadow: 2.5px 4.3px 8px 2px rgba(0, 0, 0, 0.1); background-color: #fff; margin-bottom: 60px;}
.make-item .item:nth-child(2){margin-left: 40px; margin-right: 40px;}
.make-item .item .title{color: #151515; font-size: 24px; line-height: 1; margin-bottom: 20px;}
.make-item .item .item-image{width: 100%; min-height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/main/img_con01_foam.jpg');}
.make-item .item.first .item-image{background-image: url('../images/main/img_con01_new.jpg');}
.make-item .item.upgrade .item-image{background-image: url('../images/main/img_con01_protect.jpg');}

.line-bottom{position: relative; z-index: 1;}
.line-bottom::before{position: absolute; bottom: 4px; left: 0; width: 100%; background-color: #96faa3; height: 10px; content: ''; z-index: -1;}

#section-make .btn-more{background-color: #028755;}
#section-make .btn-more:hover{background-color: #96faa3; color: #151515; }
#section-make .btn-more:hover .ico.arrow-w{background-image:url('../images/icons/ico_arw_more_bk.png');}

#section-mac{background-color: #429ac6; height: 74.8vh; max-height: 800px; background: url('../images/main/img_banner01_macOS.jpg') no-repeat center/cover; padding: 80px 0 60px;}
.flex-column{flex-direction: column;}
#section-mac .section-header-title, #section-mac .section-desc{color: #fff;}
#section-mac .btn-more{background-color: #96faa3; color: #151515;}
#section-mac .btn-more:hover{background-color: #028755; color: #fff;}
#section-mac .btn-more:hover .ico.arrow-b{background-image:url('../images/icons/ico_arw_more_wh.png')}
#section-mac .btn-wrap{position: absolute; bottom: 60px; left: 50%; transform: translate(-50%, 0);}
.icon-logo-apple{background: url('../images/main/img_apple.png') no-repeat center/cover; display: inline-block; width: 50px; height: 61px; margin-right: 20px; margin-top: -6px; vertical-align: top;}

#section-util{padding-bottom: 160px;}
.util-list{display: flex;}
.util-list .util-image-wrap{width: 50%; max-width: 700px; background-color: #e7e7e7; padding: 40px 0 30px 30px}
.util-list ul{padding: 20px 0 20px 50px; width: 50%;}
.util-list ul li{display: flex; margin-bottom: 40px; cursor: pointer; align-items: center;}
.util-icon{width: 100px; height: 100px;  margin-right: 30px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.util-list ul li.active .util-icon{ box-shadow: 1.5px 2.6px 18px 2px rgba(113, 220, 153, 0.2); }
.util-list ul li.active .util-content, .util-list ul li:hover .util-content{color: #151515;}
.util-content{color: #a2a3a4; width: calc(100% - 130px);}
.util-content h4{font-size: 32px; line-height: 1; margin-bottom: 15px;}
.util-content p{font-size: 20px; line-height: 1.3;}

.util-list ul li .util-icon.edit{background-image: url('../images/main/img_con02_ico01_dft.png');}
.util-list ul li.active .util-icon.edit{background-image: url('../images/main/img_con02_ico01_act.png');}

.util-list ul li .util-icon.converter{background-image: url('../images/main/img_con02_ico02_dft.png');}
.util-list ul li.active .util-icon.converter{background-image: url('../images/main/img_con02_ico02_act.png');}

.util-list ul li .util-icon.mark{background-image: url('../images/main/img_con02_ico03_dft.png');}
.util-list ul li.active .util-icon.mark{background-image: url('../images/main/img_con02_ico03_act.png');}

.util-list ul li .util-icon.ocr{background-image: url('../images/main/img_con02_ico04_dft.png');}
.util-list ul li.active .util-icon.ocr{background-image: url('../images/main/img_con02_ico04_act.png');}

.util-image{background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%;}
.util-image.edit{background-image: url('../images/main/img_con02_01.jpg');}
.util-image.converter{background-image: url('../images/main/img_con02_02.jpg');}
.util-image.mark{background-image: url('../images/main/img_con02_03.jpg');}
.util-image.ocr{background-image: url('../images/main/img_con02_04.jpg');}


#section-item{position: relative; background-color: #f3f3f3; padding-bottom: 40px;}
.item-list{position: relative;}
.item-list .item{box-shadow: 1.5px 2.6px 18px 2px rgba(0, 0, 0, 0.05); padding: 20px 20px 55px; height: 100%; background-color: #fff;}
.item-list .item .item-image{height: 220px; margin-bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.item-list .item .item-title{line-height: 1; color: #151515; font-size: 24px; font-weight: 500; margin-bottom: 15px;}
.item-list .item .item-desc{font-size: 18px;}
.item-list .col-12{margin-bottom: 60px; }

.item-list .item .item-image.item-01{background-image: url('../images/main/img_con03_01.jpg');}
.item-list .item .item-image.item-02{background-image: url('../images/main/img_con03_02.jpg');}
.item-list .item .item-image.item-03{background-image: url('../images/main/img_con03_03.jpg');}
.item-list .item .item-image.item-04{background-image: url('../images/main/img_con03_04.jpg');}
.item-list .item .item-image.item-05{background-image: url('../images/main/img_con03_05.jpg');}
.item-list .item .item-image.item-06{background-image: url('../images/main/img_con03_06.jpg');}

/* #section-customer{} */
#section-customer .section-header{margin-bottom: 60px;}
#swiper-customer{position: relative;}
#swiper-customer .swiper{padding: 30px 60px;}
/* 
#swiper-customer .swiper-slide{max-width: 140px;} */
#swiper-customer .swiper-slide img{border-radius: 50%; display: block; margin: auto;}
#swiper-customer .swiper-slide img:hover{box-shadow: 2.5px 4.3px 8px 2px rgba(0, 0, 0, 0.05);}


.section-footer{padding: 120px 0; background: #96faa3 url('../images/common/banner_pc.png') no-repeat right/contain;}
.section-footer .section-header-title{font-size: 32px; line-height: 1; margin-bottom: 20px;}
.section-footer .section-desc{font-size: 24px; line-height: 1;}
.section-footer .btn-flex-wrap a{font-size: 20px; width: 210px; height: 60px; line-height: 58px; padding: 0; margin: 0 10px; border-radius: 30px;}
.section-footer a.btn-download{background-color: #f7f9fb; color: #1473e6; border: 2px solid #f7f9fb;}
.section-footer a.btn-download:hover{ border-color: #1473e6;}
.section-footer a.btn-buy{background-color: #1473e6; color: #fff;}
.section-footer a.btn-buy:hover{background-color: #0957eb; }
.section-footer .btn-wrap p{margin-top: 25px;}
.section-footer .btn-wrap p a{font-weight: 500; border-bottom: 1px solid #151515;}
.section-footer-mark{position: absolute; top: -44px; left: 50%; transform: translate(-50%, 0); text-align: center; width: 130px; height: 131px;border-radius: 50%; padding: 24px 18px; background: #96faa3;}
.rightpdf-logo{background-color: #fff; width: 100%; height: 100%; background: url('../images/common/banner_bi.png') no-repeat center/cover;}


.btn-download-lg{display: inline-block; font-size:20px; background-color: #fff; border-radius: 4px; padding: 19px 62px; line-height: 1; text-align: center; transition: all 0.2s ease;}
a.btn-download-lg{padding: 19px 62px;}
.btn-download-lg span{display: block; font-size:12px; margin-top: 8px;}



.sub .section-header{margin-bottom: 30px;}
.sub .section-footer .section-header-title{font-size: 44px;}
.sub .section-footer .btn-download-lg{color: #0957eb;}
.sub .section-footer .btn-download-lg:hover{background-color: #0957eb; color: #fff;}
.sub .section-footer{padding: 105px 0;}



/**********
* ## SUB
**********/
.sub .section-main-visual{height: 27rem;}
.sub .section-main-visual .screen-text1{font-size: 56px; color: #111; margin-bottom: 5px;}


.sub-top-visual {position: relative; width: 100%; height: 240px; background-color: #eee; text-align: center;  overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub-top-visual .visual-title {font-size:20px; background-color: #ecb10d; color: #fff;  position: relative; line-height: 1; display: inline-block; padding: 8px 20px;}
.sub-top-visual .line{width: 40px; height: 2px; background-color: #fff; margin: 20px 0 18px;}
.sub-top-visual .visual-desc {font-size:40px; color: #fff; line-height: 1;}

.sub-top-visual.company {background-image: url('../images/company/img_title_corp.jpg');}
.sub-top-visual.business{background-image: url('../images/business/img_title_business.jpg');}
.sub-top-visual.products{background-image: url('../images/products/img_title_product.jpg');}
.sub-top-visual.network{background-image: url('../images/network/img_title_global-network.jpg');}
.sub-top-visual.recruit{background-image: url('../images/recruit/img_title_recruit.jpg');}
.sub-top-visual.cs{background-image: url('../images/cs/img_title_cs.jpg');}



.sub-top-tab.white{background-color: #f0f0f0;}
.sub-top-tab.sticky{position: fixed; top: 0; width: 100%; z-index: 10; }
/* .sub-top-tab.white ul li a{color: #96faa3;} */
.sub-top-tab.white ul li.active a, .sub-top-tab.white ul li a:hover{color: #333;}

.sub-top-tab {background:#333}
.sub-top-tab ul { display:table; table-layout: fixed; width:100%;}
.sub-top-tab ul li { display:table-cell; width:50%}
.sub-top-tab ul li a {display: block; text-align: center; color: #777; height: 44px; line-height: 44px;letter-spacing: 0;}
.sub-top-tab ul li.active a,
.sub-top-tab ul li a:hover{color:#fff}
.btn-top-tab{display: none;}
.sub-top-tab.sticky .sub-top-tab ul li a{color: #a7a8a9;}



.sub-tab-nav-warp{position:relative; margin-top: 30px;}
.sub-tab-nav-warp .btn-lnb{display: none;}
.fixed-nav .sub-tab-nav-warp{position:fixed; width: 100%; top: 0; z-index: 2; background-color: #f7f7f7;}
.fixed-nav .sub-tab-nav{margin-bottom: 0;}
.fixed-nav #header{display: none;}

.sub-tab-nav {font-size:0;clear: both;/* display: none; */ margin: 0 auto 3rem; text-align: center; display: flex;}
.sub-tab-nav li { display:inline-block; position: relative; flex: 1; border-bottom: 2px solid #ddd;}
.sub-tab-nav li:last-child {margin-right:0}
.sub-tab-nav li a {display:block;padding: 17px 0 16px;font-size:18px; color: #666;-webkit-transition: color 0.3s;transition: color 0.3s; line-height: 1;}
.sub-tab-nav li.active a,
.sub-tab-nav li a:hover{ color: #111; font-weight: 500;}
/* .sub-tab-nav li a:after {content: '';display: block; height: 2px;width: 100%; background: #121212;position: absolute;bottom: 0;left: 0;opacity: 0;transition: opacity .3s; ;} */
.sub-tab-nav li.active{border-bottom-color: #111; border-bottom-width: 3px;}
/* .sub-tab-nav li.active a:after { opacity: 1; } */


.lnb-wrap{position:relative; background:#fff;}
.lnb-wrap.fixed-layer{position:fixed; background:#fff; top: 0; width: 100%; z-index: 10; border-bottom: 1px solid #ddd;}
.lnb-wrap .lnb-menu{height:50px}
.lnb-wrap .lnb-menu li{float:left;position:relative;border-right:1px solid #ddd}
.lnb-wrap .lnb-menu .btn-home{display:block;width:80px;height:50px;text-align:left;text-indent:-9999px;background:url("../images/icons/ico_home.png") no-repeat; border-left:1px solid #ddd; background-size: 20px auto; background-position: center;}
.lnb-wrap .lnb-menu .btn-lnb{display:block;position:relative; width: 300px; padding:0 0 0 20px;height:50px;line-height:50px; white-space:nowrap; letter-spacing: 0.5px;}
.lnb-wrap .lnb-menu .btn-lnb .ic{display:block;position:absolute; right:20px; top:50%;margin-top:-3px;width:13px;height:7.5px;background:url("../images/icons/ico_depth_g_d.png") no-repeat; background-size: 13px auto;}
.lnb-wrap .lnb-menu .btn-lnb .text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; max-width: 85%;}
/* .lnb-wrap .lnb-menu .btn-lnb.active{border-bottom: ;} */
.lnb-wrap .lnb-menu .btn-lnb.active .ic{background-image:url("../images/icons/ico_depth_g_u.png")}
.lnb-wrap .lnb-menu .sub-menu{display:none;position:absolute; border:1px solid #ddd;background:#fff; z-index: 1; width: 100.7%; border-top: 0; margin-left: -1px; padding: 10px 0 5px 0;}
.lnb-wrap .lnb-menu .sub-menu:before {content: ""; position: absolute; top: 0; left: 50%; display: block; width: 88%; height: 1px; margin-left: -44%; background-color: #ddd;}

.lnb-wrap .lnb-menu .sub-menu.active{display:block;}
.lnb-wrap .lnb-menu .sub-menu a{display:block;padding:0 20px;height:44px;line-height:44px; color:#666; white-space:nowrap; text-align: left; letter-spacing: 0.5px; position: relative; overflow: hidden; text-overflow: ellipsis;}
.lnb-wrap .lnb-menu .sub-menu a:first-child{border-top:0}
.lnb-wrap .lnb-menu .sub-menu a:hover{color:#2351b1; }
.lnb-wrap .lnb-menu .sub-menu a:hover .text{border-bottom:1px solid #2351b1;}
.lnb-wrap .lnb-menu .menu-box.last .btn-lnb {display:none}
.lnb-wrap .lnb-menu .menu-box.last.show .btn-lnb {display:block}

.lnb-wrap .lnb-menu .menu-box2.last .btn-lnb {display:none}
.lnb-wrap .lnb-menu .menu-box2.last.show .btn-lnb {display:block}
.lnb-wrap .lnb-menu .menu-box2:last-child { background:#313235}


.subwrap-top{padding:2rem 0; text-align:center; background-position: top center; position: relative;}
.subwrap-top.pc { overflow: hidden}
/* .subwrap-top .container { position:relative; overflow:hidden; text-align: left;} */
.subwrap-top .subwrap-title{font-size:32px; position: relative; font-weight: 500; color: #111;}

.subwrap-top.bg-top{background-color: #f0f0f0; margin-bottom: 2rem;}

.subwrap-top .arrow-prev { position:absolute; top:30px; left:15px;}
.subwrap-top .arrow-prev span { color:#777; text-align:left; padding-left:10px; vertical-align:middle}
.subwrap-top .arrow-prev img { vertical-align:middle; width:30px;}
.subwrap-top .arrow-next { position:absolute; top:30px; right:15px;}
.subwrap-top .arrow-next span { color:#777; text-align:right; padding-right:10px;vertical-align:middle}
.subwrap-top .arrow-next img { vertical-align:middle; width:30px;}

.subwrap-top .subwrap-title + a { position:absolute; bottom:0; right:10px;}
.subwrap-title-s{font-size: 42px; color: #121212; font-weight: 700; line-height: 1.3em;}

.sub{position: relative;}
.sub section:last-child{margin-bottom: 5rem;}
.sub section.bg-section{margin-bottom: 0; padding-bottom: 5rem; background-color: #f5f7fa; padding-top: 3rem;}
.sub section.section-product{margin-bottom: 0;}
.section-page{position: relative;}
.section-title{font-size: 28px; color: #111; margin-bottom: 20px; line-height: 1; font-weight: 500;}
.section-desc{font-size: 18px;}
.bg-desc{background-color: #f0f0f0; padding: 2rem 1rem; margin-bottom: 2rem;}
.section-image{margin-top: 60px;}

.section-title-wrap{text-align: center;}

.wh-wrap{padding: 2rem 4rem 5rem; background-color: #fff;}
.wh-wrap .subwrap-top{padding-top: 0;}



/* #### PRO */
.screen-btns .btn-download-lg{border: 1px solid #333;}
.screen-btns .btn-download-lg:hover{background-color: #333; color: #fff;}

.section-main-visual .screen-text1.title-icon-wrap{display: flex; align-items: center;}
.title-icon-wrap .title-icon{display: inline-block; width: 60px; height: 54px; margin-right: 18px; background: url('../images/products/rightpdf_bi_b.png') no-repeat center/cover;}

.screen-text1 span.color{color: #005da6;}
.page-product .section-title{font-size: 44px; font-weight: 700;}
.page-product .section-desc{font-size: 20px; }
.page-product .section-footer .section-desc{font-size: 24px; }
.page-product.pro .section-main-visual{background-color: #E5F1FF;}
/* .license-wrap .row{margin: 0 -30px; align-items: center; justify-content: center;}
.license-wrap .row [class*="col-"]{padding: 0 30px; }
.license-wrap .row .col-md-4{max-width: 360px;} */

.section-license .section-title{margin-bottom: 80px;}
.license-wrap{display: flex; justify-content: center;}
.license-wrap .item{flex: 0 0 33.333%; margin-left: 60px; max-width: 360px; }
.license-wrap .item .item-content{padding: 40px 0 30px 0; border-radius: 10px; border: solid 1px #919293; background-color: #f9f9f9; height: 370px; text-align: center; position: relative; }
.license-wrap .item:first-child{margin-left: 0;}
.license-wrap .item .item-title{font-size: 24px; color: #151515; line-height: 1; margin-bottom: 30px;}
.license-wrap .item .desc{font-size: 16px; color: #757575; display: inline-block; margin-top: 20px; line-height: 1;}
.license-wrap .item .title-desc{ margin-bottom: 20px; margin-top: 0;}
.license-wrap .item .item-sub-title{font-size: 24px; color: #151515; font-weight: 700; line-height: 1;}
.license-wrap .item .item-footer{position: absolute; bottom: 0; width: 100%; height: 125px;}
.license-wrap .item .item-btns{border-top: 1px solid #d6d6d6; display: flex; align-items: center; justify-content: center; padding-top: 20px;}
.license-wrap .item .item-btns a{width: 130px; height: 50px; line-height: 48px; border-radius: 4px ; border: 2px solid #d6d6d6; color: #151515; font-size: 18px; padding: 0;}
.license-wrap .item .item-btns a + a{margin-left: 20px;}
.license-wrap .item .item-btns a:hover{background-color: #1473e6; color: #fff; border-color: #1473e6;}

.license-wrap .item.active .desc, .license-wrap .item:hover .desc{color: #424242;}
.license-wrap .item.active .title-desc, .license-wrap .item:hover .title-desc{color: #111;}
.license-wrap .item.active .item-title, .license-wrap .item:hover .item-title{color: #1473e6;}
.item-content::before{width: 100%; height: 100%; border: 2px solid #1473e6; position: absolute; top: -2px; left: -2px; border-radius: 10px; content: ''; display: none;}
.license-wrap .item.active .item-content::before, .license-wrap .item:hover .item-content::before{display: block;}

.license-wrap .item .item-footer .help-text{color: #757575; font-size: 12px; display: inline-block; margin-top: 8px;}
.license-wrap .item .item-footer .help-text a{border-bottom: 1px solid #757575; display: inline-block;}

.license-wrap .icon-wrap{font-size: 12px; color: #151515; margin-top: 10px;}
.license-wrap .icon-wrap .icon-help{margin-right: 5px; display: inline-block; width: 17px; height: 17px; border-radius: 50%; background-color: #454545; vertical-align: middle; background: url('../images/icons/ico_info.png') no-repeat center/cover;}

.license-wrap .item.terminal .item-title{margin-bottom: 60px;}



.product-item-price{font-weight: 700; font-size: 44px; line-height: 1;}
.product-item-price span{font-size: 20px;}


.section-util{background-color: #f7f9fb;}

.f-row{display: flex; margin-top: 100px;}
.f-image{background-color: #ababab; width: 50%; height: 22rem; background-repeat: no-repeat; background-position: center; background-size: cover;}/* width: 960px; */
.f-content-wrap{width: 50%;  padding: 80px 0  0 40px; ;}
.f-content{max-width: 630px;}
.f-title{font-size: 32px; line-height: 1; margin-bottom: 40px; color: #151515;}
.f-desc{font-size: 20px;}

.bg-p-edit{background-image: url('../images/products/pro_01.jpg');}
.bg-p-mark{background-image: url('../images/products/pro_02.jpg');}
.bg-p-ocr{background-image: url('../images/products/pro_03.jpg');}
.bg-p-sign{background-image: url('../images/products/pro_04.jpg');}


.f-icon{position: relative; margin-top: 30px;}
.icon-util{width: 80px; height: 80px; display: inline-block; border-radius: 50%; background-color: #cde9e3; background-repeat: no-repeat; background-position: center; background-size: cover;}
.icon-util.edit{background-image: url('../images/products/pro_01_01.jpg')}
.icon-util.mark{background-image: url('../images/products/pro_01_02.jpg')}
.icon-util.ocr{background-image: url('../images/products/pro_01_03.jpg')}
.icon-util.sign{background-image: url('../images/products/pro_01_04.jpg')}
.icon-util.encryption{background-image: url('../images/products/pro_01_05.jpg')}

.a-row{margin-top: 100px; margin-left: 27.3%;}/* margin-left: 520px; */
.a-header{display: flex; align-items: center; justify-content: space-between; max-width: 850px; margin-bottom: 30px;}
.a-header .f-title{margin-bottom: 0; margin-right: 10px; margin-top: -4px;}
.a-header .f-desc{max-width: 520px;}
.a-header .f-icon{margin-top: 0;}
.a-image{height: 22rem; width: 100%; background-color: #ababab; margin-left: auto; background-repeat: no-repeat; background-position: center; background-size: cover;}

.a-row.sign{margin-left: 0;}
.a-row.sign .a-header{text-align: center; max-width: 100%;}
.a-row.sign .a-header .f-title{margin-bottom: 40px; margin-top: 0; margin-right: 0;}
.a-row.sign .a-header .f-desc{max-width: 732px;}
.f-icon-wrap{display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.f-icon-wrap .f-icon + .f-icon{margin-left: 40px;}


.feature-list{display: flex; flex-wrap: wrap;}
.feature-list li{display: flex; flex: 0 0 50%; max-width: 50%; margin-bottom: 60px;}
.feature-image{width: 100px; height: 100px; background-color: #f3f3f3; border-radius: 50%; margin-right: 20px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.feature-content{max-width: 480px;}
.feature-title{font-size: 24px; font-weight: 500; line-height: 1.2; margin-bottom: 5px;}
.feature-desc{color: #757575;}

.feature-list li:nth-child(1) .feature-image{background-image: url('../images/products/pro_02_01.jpg');}
.feature-list li:nth-child(2) .feature-image{background-image: url('../images/products/pro_02_02.jpg');}
.feature-list li:nth-child(3) .feature-image{background-image: url('../images/products/pro_02_03.jpg');}
.feature-list li:nth-child(4) .feature-image{background-image: url('../images/products/pro_02_04.jpg');}
.feature-list li:nth-child(5) .feature-image{background-image: url('../images/products/pro_02_05.jpg');}
.feature-list li:nth-child(6) .feature-image{background-image: url('../images/products/pro_02_06.jpg');}
.feature-list li:nth-child(7) .feature-image{background-image: url('../images/products/pro_02_07.jpg');}
.feature-list li:nth-child(8) .feature-image{background-image: url('../images/products/pro_02_08.jpg');}
.feature-list li:nth-child(9) .feature-image{background-image: url('../images/products/pro_02_09.jpg');}
.feature-list li:nth-child(10) .feature-image{background-image: url('../images/products/pro_02_10.jpg');}

.feature-list li:nth-child(3), .feature-list li:nth-child(4), 
.feature-list li:nth-child(5), .feature-list li:nth-child(6), 
.feature-list li:nth-child(7), .feature-list li:nth-child(9){align-items: center;}


.system-wrap{background-color: #f3f3f3; padding: 60px 40px;}
.system-content{margin-bottom: 60px;}
.system-content:last-child{margin-bottom: 0;}
.system-title{font-size: 24px; color: #151515; line-height: 1; margin-bottom: 15px;}
.system-desc{color: #757575; font-size: 14px;}
.system-content dl{display: flex; margin-bottom: 15px;}
.system-label{font-weight: 500; color: #151515; width: 160px; font-size: 14px;}

.system-btns{display: flex;}
.system-btns .btn{padding: 0; width: 160px; height: 40px; line-height: 38px; border: 1px solid #757575; background-color: #fff; margin-right: 20px;}
.system-btns .btn:last-child{margin-right: 0;}


.section-comparison{background-color: #f3f3f3;}
.icon-check{width: 21px; height: 16px; display: inline-block; background: url('../images/icons/ico_check.png') no-repeat center/cover;}

.dx-table .table-comparison{border-color: #a2a3a4; margin-top: 60px;}
.dx-table .table-comparison thead th{background-color: #fff; font-size: 24px; color: #151515; padding: 21px 0 22px; border-bottom-color: #757575;}
.dx-table .table-comparison thead th.grayBg{background-color: #e7e7e7; border-right: 1px solid #757575; border-left: 1px solid #757575;}
.dx-table .table-comparison tbody td{text-align: center; border-color: #757575; background-color: #f3f3f3; padding: 26px 0;}
.dx-table .table-comparison tbody td p{font-size: 18px; padding-left: 20px; color: #151515;}
.dx-table .table-comparison tbody td.no-border{border-bottom: 0;}
.dx-table .table-comparison tbody td a.btn-white{margin: 13px 0 14px;}
.dx-table .table-comparison tbody td:last-child{background-color: #e7e7e7; border-right: 1px solid #757575; border-left: 1px solid #757575;}

.btn-white{background-color: #fff; border: 1px solid #757575; line-height: 1; padding: 12px 50px 10px; min-width: 160px;}
.btn-white:hover{border-color: #0957eb; color: #0957eb;}
.table-desc{background-color: #fff; padding: 20px 20px 35px; color: #757575; margin-top: 20px;}


/* ## Server */
.page-product.server .section-main-visual{background-color: #d7d8d9;}
.page-product.server .a-header{max-width: 1090px;}
.page-product.server .section-main-visual .screen-text1, .page-product.server .section-main-visual .screen-text2{color: #111;}
.page-product.server .a-header .f-desc{max-width: 762px;}
.page-product.server .f-content{max-width: 480px;}
.f-row.sdk .f-content{max-width: 580px;}

.page-product.server .title-icon-wrap .title-icon{background-image: url('../images/products/server_bi.png'); width: 50px; height: 50px;}

.bg-s-client{background-image: url('../images/products/server_01_01.jpg');}
.bg-s-admin{background-image: url('../images/products/server_01_02.jpg');}
.bg-s-sdk{background-image: url('../images/products/server_01_03.jpg');}

.page-product.server .feature-list li:nth-child(2) .feature-image{background-image: url('../images/products/server_02_02.png');}

.section-level{background-color: #f3f3f3;}

.page-product.server .dx-table .table-comparison{margin-bottom: 30px;}
.page-product.server .dx-table .table-comparison thead th{font-size: 18px;}
.page-product.server .dx-table .table-comparison tbody td:last-child{background-color: inherit; border-left: 0; border-right: 0; padding-left: 60px;}
.page-product.server .dx-table .table-comparison tbody td p{padding-left: 0; font-size: 20px; font-weight: 500;}

.page-product.server .table-desc{margin-top: 60px;}

.dash li{display: flex;}
.dash li label{width: 10px;}

.page-product.server .section-footer{background-color: #1a098c; color: #fff; background-image: url('../images/products/server_banner_01.jpg'); background-size: cover;}
.page-product.server .section-header-title{color: #fff; margin-bottom: 0; margin-top: 15px;}
.page-product.server .section-footer-mark{background-color: #1a098c;}
.page-product.server  .section-footer .btn-wrap p a{border-bottom-color: #fff;}



/* ## SDK */
.page-product.sdk .section-main-visual{background-color: #000a16;}
.page-product.sdk .section-main-visual .screen-text1, .page-product.sdk .section-main-visual .screen-text2{color: #fff;}
.page-product.sdk .section-main-visual .screen-text-continer{max-width: 100%;}

.page-product.sdk .section-footer-mark{background-color: #6ad784;}

.page-product.sdk .f-row{align-items: center;}
.page-product.sdk .f-row:last-child .f-content{max-width: 470px;}
.page-product.sdk .f-content-wrap{padding: 0 0 0 40px;}
.page-product.sdk .f-content{max-width: 540px;}
.f-row.reverse .f-content-wrap{padding: 0 40px 0 0;}
.f-row.reverse .f-content{margin-left: auto;  text-align: right; max-width: 575px;}

.bg-sdk-01{background-image: url('../images/products/sdk_01_01.jpg'); border: 5px solid #47E8C9;}
.bg-sdk-02{background-image: url('../images/products/sdk_01_02.jpg'); border: 5px solid #E24348;}
.bg-sdk-03{background-image: url('../images/products/sdk_01_03.jpg'); border: 5px solid #F0B010;}

.page-product.sdk .f-image{height: 47vh;}
.page-product.sdk .section-system{padding-top: 60px;}

.page-product.sdk .section-footer{background-color: #0e1013; padding: 120px 0; background-image: url('../images/products/sdk_banner_01.jpg'); background-size: cover;}
.page-product.sdk .section-footer .section-header-title{color: #fff;}
.page-product.sdk .section-footer .section-desc{color: #fff; font-size: 18px; max-width: 580px; line-height: 1.4;}
.page-product.sdk .section-footer .btn-download-lg{padding: 29px 82px; color: #111;}
.page-product.sdk .section-footer .btn-download-lg:hover{color: #fff;}




/* ## MAC */
.page-product.mac .section-main-visual{background-color: #ccc;}
.page-product.mac .section-main-visual .screen-text2{color: #333; max-width: 500px;}
.page-product.mac .screen-text1 span.color{color: #0066cc;}
.f-row.sign .f-content{max-width: 530px;}
.f-row.sign .f-icon-wrap{justify-content: left; margin-top: 0;}

.page-product.mac .feature-list li:nth-child(1) .feature-image{background-image: url('../images/products/pro_02_03.jpg');}
.page-product.mac .feature-list li:nth-child(2) .feature-image{background-image: url('../images/products/pro_02_04.jpg');}
.page-product.mac .feature-list li:nth-child(3) .feature-image{background-image: url('../images/products/pro_02_05.jpg');}
.page-product.mac .feature-list li:nth-child(4) .feature-image{background-image: url('../images/products/pro_02_07.jpg');}
.page-product.mac .feature-list li:nth-child(5) .feature-image{background-image: url('../images/products/pro_02_08.jpg');}



/* ## READER */
.page-product.reader .section-main-visual .screen-text-continer{max-width: 100%;}
.page-product.reader .title-icon-wrap .title-icon{background-image: url('../images/products/reader_bi.png'); width: 50px; height: 50px;}
.page-product.reader .screen-btns{margin-top: 10px;}
.page-product.reader .screen-btns .btn-wrap + .btn-wrap{margin-left: 30px;}
.screen-desc{color: #028755; font-size: 14px; margin-top: 40px; line-height: 1;}

.btn-qrcode{width: 120px; height: 120px; margin-bottom: 5px; display: block;}
.btn-app-link{width: 120px; height: 35px; display: block;}

.page-product.reader .f-row{align-items: center;}
.page-product.reader .f-image{height: 64.1vh;}
.page-product.reader .f-content-wrap{padding-top: 0;}
.page-product.reader .f-content{max-width: 580px;}

.bg-r-01{background-image: url('../images/products/reader_01_01.jpg');}
.bg-r-02{background-image: url('../images/products/reader_01_02.jpg');}

.page-product.reader .section-title-wrap{text-align: center;}
.page-product.reader .section-title-wrap .section-desc{max-width: 800px; margin: 0 auto 20px;}
.page-product.reader .section-title-wrap p.desc{font-size: 14px; color: #e64249;}

.page-product.reader .section-footer{background-color: #111; padding: 120px 0 50px; background-image: url('../images/products/reader_banner_01.jpg'); background-size: cover;}
.page-product.reader .section-footer-mark{background-color: #6ad784;}
.page-product.reader .section-footer .section-header-title{color: #fff;}
.page-product.reader .section-footer .section-desc{color: #fff; font-size: 18px;}
.page-product.reader .section-footer .screen-btns{justify-content: center;}
.page-product.reader .section-header{margin-bottom: 40px;}



/**********
* ## Download
**********/
/* #### LIST*/
.sub.page-download section:last-child{margin-bottom: 0; padding-bottom: 100px;}
/* .page-download .section-page{background-color: #f5f7fa; padding-top: 60px;} */
.bg-pattern{background: url('../images/download/wrapper-pattern.png') repeat;}
.download-title{padding: 65px 0; text-align: center; border: 1px solid #a7a8a9; background: url('../images/download/title-bg.png') no-repeat center/cover;}
.download-title .section-title{font-size: 32px; color: #111; font-weight: 700;}
.download-title .section-desc{font-size: 20px; color: #111;}

.download-list-wrap{margin-top: 60px; display: flex; justify-content: space-between;}
.download-list{flex:  0 0 50%; max-width: 520px;}
.download-list-line{background-color: #ccc; height: 1px; width: 100%; margin-top: 2rem;}
.download-list li{margin-bottom: 40px;}
.dl-label{color: #111; font-size: 14px; margin-bottom: 10px;}
.download-item{border: 1px solid #cccccc; align-items: center; display: flex; background-color: #fff;}
.download-item:hover, .download-item:active{border-color: #0957eb;}
.download-item .image{width: 80px; height: 80px; border-right: 1px solid #cccccc;}
.thumb-pro{background: url('../images/download/thumb-pro.png') no-repeat center/cover;}
/* .thumb-server{background: url('../images/download/thumb-server.png') no-repeat center/cover;} */
.thumb-gaaiho{background: url('../images/download/thumb-gaaiho.png') no-repeat center/cover;}
/* .thumb-android{background: url('../images/download/thumb-android.png') no-repeat center/cover;}
.thumb-apple{background: url('../images/download/thumb-apple.png') no-repeat center/cover;} */
.download-item .content{width: calc(100% - 80px); padding: 0 20px;}
.download-item .content span{display: inline-block;}
.download-item .content .title{font-weight: 500; font-size: 18px; color: #111; margin-right: 20px;}
.download-item .content .desc{color: #919293; display: inline-flex; align-items: center;}
.download-item .icon-download{background: url('../images/icons/ico_download_dft.png'); width: 12px; height: 15px; background-size: cover; margin-left: 5px;}

.download-item:hover .desc{color: #0957eb;}
.download-item:hover .icon-download{background-image: url('../images/icons/ico_download_act.png');}

/* #### PRO*/
.download-wrap{position: relative; background-color: #fff; border: 1px solid #ccc; background-image: url('../images/download/pro-side-bg.png'); background-repeat: no-repeat;}
.page-download.server .download-wrap{background-image: url('../images/download/server-side-bg.png'); }
.page-download.archive .download-wrap{background-image: url('../images/download/gaaiho-side-bg.png'); }
.page-download.ocr .download-wrap{background-image: none;}

.download-box{display: flex; margin-left: 120px;}
.download-box .dn-pac{width: calc(100% - 440px); padding: 0 0 0 6rem; border: 1px solid #ccc; position: relative; }
.download-box .dn-form{width: 440px; padding: 60px; background: #DFF6E6 url('../images/download/input-pro-bg.png') no-repeat center/cover; }
.page-download.server .download-box .dn-form{background: #D1E4EF url('../images/download/input-server-bg.png') no-repeat center/cover;}

.download-box .dn-pac h3{background: url('../images/download/right-pro-logo.png') no-repeat left; width: 100%; height: 94px; margin: 3rem 0 1rem -1.5rem ;}
.page-download.mac .download-box .dn-pac h3{background-image: url('../images/download/right-mac-logo.png');}
.page-download.server .download-box .dn-pac h3{background-image: url('../images/download/right-server-logo.png');}

.download-count-wrap{margin-right: 20px;}
.download-count-wrap strong{font-weight: 500;}
/* 
.download-count-wrap li{margin-right: 10px; border: 1px solid #cdcdcd; padding: 0.5rem;}
.download-count-wrap li strong{font-weight: 500;} */

.dn-pac .dn-content{position: relative;}
.dn-pac ul li{border-bottom: 1px solid #919293; padding: 10px 0; max-width: 59%; font-size: 18px; color: #626262;}
.dn-pac ul li:before{content: ''; display: inline-block; width: 17px; height: 14px; background: url('../images/icons/icon_download_checked.jpg') no-repeat; margin: 0 10px 0 -27px;}
.dn-pac a{display: inline-block; margin: 40px 0 0; color: #0e9bf5; font-size: 14px;}
.dn-pac a:before{content: ''; background: url('../images/icons/icon_download_detail_view.jpg') no-repeat; display: inline-block; margin: 0 10px -6px -30px; height: 23px; width: 23px; }
.page-download.server .dn-pac a:before{background-image: url('../images/icons/icon_download_detail_view_server.jpg');}
.dn-pac a:hover{opacity: 0.8;}
.dn-pac .mark-30{background: url('../images/download/free-trial-pro.png') no-repeat; position: absolute; top: 300px; right: 40px; width: 200px; height: 200px; transform: rotate(15deg);}
.page-download.server .dn-pac .mark-30{background-image: url('../images/download/free-trial-server.png'); }

.dn-form .dn-inner{margin: 0 auto;}
.dn-form .dn-form-header{color: #fff; margin-bottom: 2rem;}
.dn-form .dn-form-header h4{font-size: 24px; border-bottom: 1px solid #919293; padding-bottom: 15px;  color: #111;}
.dn-form .form-group{margin-bottom: 15px;}
.dn-form input[placeholder]{font-size: 12px; /* color: #0e9bf5; */}
/* .dn-form input::placeholder{font-size: 12px; color: #0e9bf5; } */
/* ::-webkit-input-placeholder { line-height: normal; } */

.dn-form .dx-input{padding-left: 10px;}
.dn-form .check-box{margin-bottom: 2rem;}
.dn-form .check-box label{color: #000;}
.dn-form .btn-wrap{text-align: center}
.dn-form .btn-wrap .btn-download-lg{background: #fff; color: #0957eb; border-color: #0957eb; font-size: 18px;}
.dn-form .btn-wrap .btn:hover{opacity: 0.7;}

.dn-form .btn-wrap .btn-server{background: #0957a9; color: #fff; box-shadow: 0 1px 1px rgba(5,40,83,1);}

.download-footer{padding: 60px 80px 100px 0; margin-left: 120px;}
.download-footer ul{display: flex; justify-content: space-between;}
.download-footer ul li{border-left: 1px solid #000; padding:0 0.5rem 0 1rem;}
.download-footer ul li a{color: #6ad784}
.download-footer ul li div{margin-bottom: 15px; color: #333;}
.download-footer ul li p{margin: 5px 0 0; color: #626262; font-size: 14px;}
.text-bold{font-weight: 700;}

.download-wrap .download-header{text-align: right; padding: 40px 20px 45px 0; display: flex; justify-content: end; }
.download-wrap .download-header a{margin-left: 10px;}


/* #### Archive*/
.archive-wrap{overflow: hidden}
.archive-content{margin-top: 2rem; text-align: center; padding: 0 1rem 2rem;}

.page-download.archive .download-header{justify-content: space-between; padding: 40px 20px 20px 40px; border-bottom: 1px solid #919293; margin-bottom: 3rem;}
.page-download.archive .download-header h3{font-size: 44px; color: #111; font-weight: normal;}

.page-download.archive .section-title{font-weight: 700; text-align: center;}
.page-download.archive .section-desc{font-size: 14px; color: #626262; text-align: center;}

.dx-tabs{display: flex;}
.dx-tabs.line li{margin: 0 10px;}
.dx-tabs.line li.active a{color: #109342}
.dx-tabs.line li a{border: 0; text-align: left; padding: 0.3rem 0; }
.dx-tabs.line li a:hover, .dx-tabs.line li a.active{color: #6ad784}

.dx-table-header{display: flex; margin-bottom: 30px; align-items: center;}
.dx-table-header .dx-input{margin-right: 20px;}
.dx-table-header .pull-right{margin-left: auto}

.dx-table table.version{margin: 0 auto; max-width: 660px; font-size: 14px;}
.dx-table table.version thead th{color: #fff; background-color: #203e5f; font-weight: 400;}
.dx-table table.version tbody p{margin: 10px 0;}
.dx-table table.version tbody td{padding: 10px;}
.dx-table table.version tbody td img:hover{color:#058638; opacity:0.7;}
.dx-table table.version tbody td a:hover{color:#058638; opacity:0.7;}
.dx-table table.version tbody td .bits{line-height: 45px; margin-top: 5px;}
.dx-table table.version tbody td .bits a{margin: 0 3px;}


/* #### ocr*/
.page-download.ocr .archive-content{text-align: left;}
.page-download.ocr .download-header{justify-content: space-between; padding: 40px 20px 20px 40px; border-bottom: 1px solid #919293; margin-bottom: 3rem;}
.page-download.ocr .download-header h3{font-size: 44px; color: #111; font-weight: normal;}
.page-download.ocr .section-desc {font-size: 14px; text-align: left;}

.page-download.ocr .lang-box.first{margin-top: 3rem;}
.page-download.ocr .lang-box div {background: #f4fbf5; border-top: 1px solid #dcdcdd; padding: 20px 0 20px 15px; position: relative;}
.page-download.ocr .lang-box div strong{font-weight: 500; font-size: 18px; display: inline-block; margin-right: 5px;}
.page-download.ocr .lang-box.odd div {background: #fff;}
.page-download.ocr .lang-box a {background: #028755; border-radius: 4px; color: #fff; display: inline-block; padding: 8px 12px 7px; position: absolute; top: 14px; right: 15px;}


/**********
* ## Help
**********/
/* #### Terms */
.terms-wrap p{margin-bottom: 0.75rem; line-height: 1.5;}
.terms-wrap .terms-list{counter-reset: List; list-style: none; color: #4d4c4c; margin: 1rem 1.5rem 1rem 3rem;}
.terms-wrap .terms-list ul{counter-reset: List; list-style: none; margin-top: 0; margin-bottom: 25px; margin-left: 50px;}
.terms-wrap .terms-list li::before{content: counters(List, "-") ". "; counter-increment: List; display: inline-block; width: 39px; margin-left: -39px;}
.terms-wrap .terms-list span.header{font-weight: 700; display: inline-block; color: #000; margin-bottom: 1rem;}
.last-update{font-size: 0.65rem; display: inline-block; border-top: 1px solid #cdcdcd; font-style: italic; padding: 6px 12px; margin-top: 2rem;}

/* #### guid */
.guide-link{margin: 2rem 0;}
.guide-link li{margin-bottom: 5px;}
.guide-link li a{color: #028755;}
.guide-link li a:hover{color: #111;}
.guide-wrap{margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #ccc;}

.guide-wrap .guideList {margin-top: 3rem; counter-reset: List;}
.guide-wrap .guideList p{margin-bottom: 0.5rem;}
.guide-wrap .guideList li {counter-increment: List; margin-bottom: 2rem;}
.guide-wrap .guideList li:before {content: counters(List,"-") ". "; display: inline-block; }
.guide-wrap .guideList ul {padding-left: 1rem; counter-reset: List;}
.guide-wrap .guideList ul li {counter-increment: List; padding-left: 2.5rem; margin: 1rem 0; position: relative;}
.guide-wrap .guideList ul li:before {content: counters(List,"-"); display: inline-block; position: absolute; width: 30px; left: 18px;}
.guide-wrap .guideList li span {display: inline-block; font-size: 18px; margin-left: 10px;}



/**********
* ## Resources
**********/

/* #### documents */
.pdoc-wrap{margin-top: 6rem;}
.pdoc-wrap + .pdoc-wrap{margin-bottom: 2rem;}
.pdoc-wrap .grid-list .grid-item{flex: 0 0 20%; padding: 25px; border: 1px solid #e1e1e1; margin-left: 1.5rem;}
.pdoc-wrap .grid-list .grid-item:first-child{margin-left: 0;}
.pdoc-wrap .grid-item .grid-image-wrap:before {padding-bottom: 100%;}
.pdoc-wrap .grid-item .grid-title{font-size: 18px;}
.pdoc-wrap .grid-item .grid-content{height: 130px;}
.pdoc-wrap .grid-btn{color: #028755; display: flex; align-items: center; justify-content: center;}
.pdoc-wrap .svg-inline--fa.fa-w-10{width: 0.625em; margin-left: 5px;}


/* #### sdk */
.page-resource.sdk .subwrap-top .subwrap-title{line-height: 1.4;}
.sdk-wrap{margin-top: 4rem;}
.sdk-download{margin-top: 2rem;}

.sdk-download li {display: flex; justify-content: space-between; padding: 20.5px 0; border-bottom: 1px solid #e4e4e4;}
.sdk-download li .btn-download {display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 50%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAjBJREFUSEvtlj9s00AUxr9nUsTAFLWYialD7ZIIIZERdUOAABE3TAzA0iHE7QwDYWFADOQMAiGBYE4d0YqyIVVsINQBIrtBQgKVpUhxxQBLGj90lVM55J/TFHUgt9jWe+9+97777mTCHg3aIy6G4EjK6yKTYvg3iOE6G4mbyOf9SIWhpB1JrVvTV5n5GYCfqlcdXc4vbw7BvRQYSt2iUPLRxUO1mrJEULKOWXwvEzqZSxeGBcJ+J2fPDCy1JtLvAEoBqI6Aj300S9/DYNdLxOVx0ixjFoz7EsjMM6uzpSfd4D33WBfGNQaeBpP8ck37oFYwzoCwBGDDNe24VjCyIDwIcj7v82sny3OL6wOBZXEIBBDeMuMNAbcBOACeA7gbQFZcL3EiyoXSs+PGqvXC9AUmfhl8M+QSAPmUQ75/Ur3q8aiXSRN48mFmHP7mEZ/oi3u99O1vqTSRPgvQqzYSrriHlRQuFevh2FR+KrY+Gk9yXTkQi9XWytmFtUa8CawJ4zWA0yC8cHP2lXZ7NGmlz/tMC6FY2c3ZSdB299uhcZEZG4H/Y8twRNZqbt7cMVgWTgjjHAGLACqqVz3aSd5dB2/BLeMU15WvlblipZN7/wm41wUh4/2DgQ8AWQCrICYwNdzbzOsWY/wm0BgT34q+x1Ha6TOnq7kmRPoxgS4DaDlKLRwK/te41c3ByZY+ZwIUBlQC3XPM+TttXd1nEwOlR765BqK0KR6Cd1vRjvP9f1L/AUorHy6is5LaAAAAAElFTkSuQmCC');
}


/* #### Release */
.release-content .section-title{margin-bottom: 3rem;}
.release-link li{padding: 4px 0;}
.release-link li a{display: inline-block;}
.release-link li a:hover{color: #028755;}

.release-content .releaseContentBlockList {margin-top: 2.25rem; border-top: 1px solid #ccc;}
.release-content .releaseContentBlockList .blockTitle {margin-top: 2.25rem; font-size: 20px;}
.release-content .releaseContentBlockList .releaseContentBlock .blockSubTitle {margin: 20px 0 10px 50px; font-weight: 500;}
.release-content .releaseContentBlockList .releaseContentBlock .textArea {margin-left: 50px; position: relative; padding-top: 1px;}
.release-content .releaseContentBlockList .releaseContentBlock .label {position: absolute; color: #111; font-size: 100%; top: 6px; padding: 0;}
.release-content .releaseContentBlockList .releaseContentBlock .blockText {display: block; padding-left: 16.8px; font-weight: 300; letter-spacing: .45px;}
.release-content .releaseContentBlockList .releaseContentBlock .areaLevel2 {margin-left: 70px;}

.tips{margin-top: 10px; color: #028755;}


/* #### Compare */
.page-resource.compare .sub-tab-nav li a{font-size: 16px}
.productCompareInfo {margin-bottom: 5rem;}
.productCompareInfo h4{font-size: 24px; color: #111; margin-bottom: 15px;}

.compareTable {border-collapse: separate; border-spacing: 0;}
.compareTable th {color: #028755; font-weight: normal;}
.compareTable th strong{display: block; font-size: 24px; font-weight: 500;}
.compareTable td, .compareTable th {text-align: center; width: 20%; padding: 12.5px 0; border-bottom: 1px solid #d6d6d6; font-size: 14px; background-clip: padding-box;}
.compareTable td:first-child, .compareTable th:first-child {text-align: left; width: 40%; font-size: .9em; padding-right: 12.5px;}
.compareTable td:last-child, .compareTable th:last-child {background: #f4fbf5;}
.compareTable .imgWrap {max-width: 130px; width: calc(100% - 7px); margin: 15px auto; border-radius: 50%; overflow: hidden;}
.img-fluid, .img-thumbnail {max-width: 100%; height: auto;}

.compareTable td:first-child {border-right: 1px solid #d6d6d6;}
.compareTitle {font-size: 1.4em; color: #007129; padding: 30px 0; border-bottom: 1px solid #d6d6d6; margin: 0;}
.compareNote {display: inline-block; vertical-align: middle; border: 1px solid #1b8744; border-radius: 3px; padding: 4px 5px 2px; color: #1b8744; margin-right: 10px; line-height: 1.2;}
.compareTableNote {margin-top: 4rem;}
.compareTableNote .d-inline-block{display: inline-block; margin-right: 10px;}

/* #### RemoteEnterprise */
.remoteEnterpriseTable {text-align: center; }
.remoteEnterpriseTable thead {color: #fff;}
.remoteEnterpriseTable thead tr:first-child {border-top: 1px solid #d6d6d6;}
.remoteEnterpriseTable thead tr:first-child th:first-child {width: 10.3%; color: #000; text-align: left; min-width: 64px;}
.remoteEnterpriseTable thead tr:first-child th:nth-child(2) {width: 19.8%; background-color: #75c36f;}
.remoteEnterpriseTable thead tr:first-child th:nth-child(3) {width: 40%; padding: 12px 6px; background-color: #4ba39b;}
.remoteEnterpriseTable thead tr:first-child th:nth-child(4) {background-color: #b2cd5d;}
.remoteEnterpriseTable thead tr:first-child th:last-child {background-color: #79b1c7; }
.remoteEnterpriseTable thead tr:nth-child(2) th {width: 13%; padding: 14px 6px; background-color: #76c7c1; vertical-align: top; }
.remoteEnterpriseTable thead th {font-size: 16px; font-weight: 400;}
.remoteEnterpriseTable td {font-size: 14px; text-align: left;}
.remoteEnterpriseTable td h3{font-size: 20px; margin-bottom: 5px;}

.remoteEnterpriseTable thead th h3 {font-size: 20px; font-weight: 300;}
.remoteEnterpriseTable thead tr:first-child th:nth-child(4) a {font-size: 12px; color: #6a8512; margin: 0; text-decoration: underline;}
.remoteEnterpriseTable td, .remoteEnterpriseTable th {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
	padding: 20px 8px;
}
.remoteEnterpriseTable tbody tr:nth-child(6) td:first-child {background-color: #2d8e4d;}
.remoteEnterpriseTable tbody tr:nth-child(6) td:first-child, .remoteEnterpriseTable tbody tr:nth-child(7) td:first-child {text-align: center; color: #fff;}
.remoteEnterpriseTable tbody tr:nth-child(6) td:first-child a, .remoteEnterpriseTable tbody tr:nth-child(7) td:first-child a {font-size: 12px; text-decoration: underline;}

.remoteEnterpriseTable tbody tr:nth-child(7) td:first-child {background-color: #e76924;}

.compareInfoBlock {border-top: 1px solid #666; padding: 2rem 0 0; margin-top: 5rem; }
.compareInfoBlock + .compareInfoBlock{margin-top: 2rem;}
.compareInfoBlock h5{font-size: 24px; margin-bottom: 10px;}
.compareInfoBlock ul {margin: 1rem auto 2rem;}
.compareInfoBlock ul li {margin-bottom: 10px;}
.compareNoteInfo {color: #dc3c00;}
.compareNoteInfo .btn-border{border-color: #dc3c00;}
.btn-border{border: 1px solid transparent}
#siteLicense .btn{margin-left: 5px;}

.compareContent .btn-wrap{margin-top: 120px;}
.compareContent .btn-mall{width: 240px; height: 50px; line-height: 50px; padding: 0; border-radius: 4px;}

/* #### tslCompare */

.tslInfoContent{display: flex; justify-content: space-between; margin-bottom: 6rem; flex-wrap: wrap;}
.tslInfoContent div {border: 1px solid #e4e4e4; padding: 65px 35px 0; max-width: 410px; min-height: 410px; margin-bottom: 35px; width: 33.33333%;}
.tslInfoContent div h3 {margin: 35px auto 25px; font-size: 20px;}
.tslTableWrap {margin-top: 6rem; margin-bottom: 3rem;}
.compareBasicTable.tsl td, .compareBasicTable.tsl th {padding-left: 20px;padding-right: 20px;}
.compareBasicTable.tsl th {padding-bottom: 25px; font-size: 20px;}
.compareBasicTable tbody tr:first-child {border-top: 1px solid #d6d6d6;}
.compareBasicTable.tsl td.title, .compareBasicTable.tsl th.title {padding-left: 0; font-weight: 500; width: 10%;}
.compareBasicTable td:first-child, .compareBasicTable th:first-child {width: 15%; border-left: none; }
.compareBasicTable td {border-left: 1px solid #d6d6d6;}
.compareBasicTable.tsl td {padding-bottom: 20px; padding-top: 20px;}

.compareBasicTable tbody tr {border-bottom: 1px solid #d6d6d6;}
.compareBasicTable td p {display: inline-block; margin-left: 12px; margin-bottom: 10px; max-width: calc(100% - 40px); vertical-align: top; } 
.compareBasicTable.tsl{table-layout: fixed;}

.row-title{font-weight: 500;}
.d-tableflex {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; font-size: 14px;}
.d-tableflex .btn{margin-left: auto; min-width: 60px;}
.compareBasicTable.tsl tr td .text {display: inline-block; margin-right: 10px; font-weight: 500;}
.compareBasicTable.tsl .d-icon{background-repeat: no-repeat; background-size: cover; margin-right: 10px; font-weight: 500; height: 60px;}
.compareBasicTable.tsl tr td .suite:after {background-image: url('https://rightpdf.com/static/media/Group\ 707.e42de426.svg') ; content: ""; display: inline-block; width: 60px; height: 100%;}
.compareBasicTable.tsl tr td .convert:after {background-image: url('https://rightpdf.com/static/media/Group\ 708.55031967.svg'); content: ""; display: inline-block; width: 60px; height: 100%;}

.productCompareInfo h2 {font-size: 1.6em;}
.productCompareInfo.tsl {margin-top: 7rem;}

.compareInfoBlock.tsl .q-mark-title:before {content: ""; display: inline-block; width: 30px; height: 30px; background-image: url('https://rightpdf.com//static/media/Group\ 470.3383a566.svg'); background-size: cover;}
.compareInfoBlock.tsl .q-mark-title h4 {display: inline-block; margin-left: 12px; margin-top: 2px; vertical-align: top; font-size: 24px; color: #111; font-weight: 500;}



/**********
* ## Support
**********/
/* #### Manual */
.manual-list{margin-top: 3rem;}
.manual-list ul{display: flex; flex-wrap: wrap; margin: 0 -1rem;}
.manual-list ul li{flex: 0 0 20%; padding: 0 1rem; margin-bottom: 2rem;}
.manual-list ul li a{display: block; border: 1px solid #e1e1e1; padding: 20px;}
.manual-list ul li .text{text-align: center;}
/* .manual-list ul li:first-child{margin-left: 0;} */
.manual-image{margin-bottom: 1rem;}
.manual-image img{width: 100%;}

.dx-table table .size{text-align: right;}
.dx-table table .download{text-align: center;}
.user-manual{margin-bottom: 3rem;}
.user-manual tr:hover td{background-color: #f4f5f9;}

.page-help.manual .section-title{color: #028755;}

/* #### Online */
.online-wrap .section-desc{color: #626262; text-align: center;}
.online-wrap .desc-wrap{color: #626262; font-size: 18px; background-color: #fff; padding: 2rem;}
.online-wrap .desc-wrap .dash li{margin-bottom: 1rem;}
.online-wrap .desc-wrap .dash li label{margin-right: 5px;}
.online-wrap .desc-wrap .dash li:last-child{margin-bottom: 0;}
a.btn-round{border: 1px solid #919293; border-radius: 20px; padding: 11px 48px 9px; display: inline-block; color: #333; line-height: 1;}
.btn-round:hover{border-color: #028755; background-color: #028755; color: #fff;}
.icon-email{display: inline-block; width: 20px; height: 15px; margin-right: 3px; vertical-align: middle; background: url('../images/icons/ico_email.png') center/cover;}

.form-box{border: 1px solid #1473e6; padding: 2rem 1rem; margin-bottom: 3rem; color: #333;}
.form-title{font-size: 18px; font-weight: 500; color: #1473e6; margin-bottom: 2rem;}
.form-title .icon-check{margin-right: 10px;}
.form-desc{font-weight: 500;}
.form-box p{margin-bottom: 20px;}
.form-serial{padding: 1rem 2rem; background-color: #f2f7ff; font-size: 18px; display: inline-block;}
.form-serial span{font-weight: 500; color: #1473e6;}

.btn-admin-wrap{margin-bottom: 1rem; text-align: right;}

.subwrap-top .btn-admin-wrap{position: absolute; right: 0; margin-bottom: 0; top: 0}


/* #### Estimate */
.bs-number-input{display: inline-block; width: 60%;}
.bs-number-input .bno1{width: 80px;}
.bs-number-input .bno2{width: 50px;}
.bs-number-input .bno3{width: 100px;}

.page-support.estimate section.group + section.group{margin-top: 3rem; margin-bottom: 0;}

.page-board.estimate .board-table{border-bottom: 2px solid #777; margin-bottom: 3rem; padding-bottom: 3rem;}
.page-board .estimate-view{max-width: 80%;}
.page-board .estimate-view .subwrap-top{position: relative;}
.page-board .estimate-view .dx-table table td{padding: 10px;}

.estimate-view{max-width: 45rem; margin: 0 auto; width: 100%; padding: 0 10px; position: relative;}
.bg-estimate{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.estimate-view .logo{position: absolute;}
.estimate-view .logo.gaaiho{top: 32px;}
.estimate-view .logo.right-pdf img{width: auto; height: 33px; }
.estimate-view .logo img{display: block; width: 86px; height: 40px;}
.estimate-view .page-title{text-align: center; letter-spacing: 12px; border-bottom: 0; margin-bottom: 1rem;}

.company-list{float: left; width: 50%; padding: 0 10px;}
.company-list ul{border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 2px solid #000; }
.company-list li{border-bottom: 1px solid #ccc; padding: 10px;}
.company-list li strong{width: 60px; display: inline-block; margin-right: 10px; font-weight: 500;}
.company-list li strong.fax{margin-left: 20px; width: 10%}
.company-list li .addr{ letter-spacing: -1px;}

.ev-header{overflow: hidden; margin: 0 -10px 1rem;}
.ev-content{margin-bottom: 2rem;}
.ev-content .dx-table{border-top: 2px solid #000;}
.ev-content .dx-table tbody td{vertical-align: top;}
.ev-content .dx-table tbody td.col-product{text-align: left; font-weight: 500;}
.table-inner{font-weight: normal; margin-top: 5px;}
.table-inner p{line-height: 1.5;}
.ev-content .dx-table tfoot td{padding: 14px 10px; border-bottom: 1px solid #f0f0f0;}
.ev-content .dx-table tfoot td.text{font-weight: 500; text-align: center}
.ev-content .dx-table tfoot td.number{text-align: right;}
.ev-content .price-box{padding: 1rem; background: #fafafa; border: 1px solid #ccc; border-radius: 4px; margin: 2rem 0;}
.ev-content .price-box ul{overflow: hidden;}
.ev-content .price-box ul li{float: left; width: 50%; text-align: center}

.ev-content .ev-info{border: 1px solid #000; padding: 1rem;}
.ev-content .ev-info ul{list-style: disc; padding-left: 20px; color: #4d4c4c}
.ev-content .ev-info ul li{padding: 5px 0;}

.col-date{font-size: 12px; width: 8rem;}
.icon-status{display: inline-block; font-size: 12px; padding: 2px 3px 2px; background: #999; border-radius: 2px; color: #fff;}
.icon-status.ready{background: #999;}
.icon-status.ing{background: #ecb10d;}
.icon-status.finish{background: #028755;}



/* #### Estimate-result */
.ev-result {padding-top: 4rem; }
.ev-result .info-box {margin: 2rem auto 0; text-align: center; font-size: 0.85rem; line-height: 1.6; background: #f2f2f2; padding: 2rem 0; position: relative;         max-width: 45rem; border: 1px solid #cdcdcd; }
.ev-result .ev-footer {margin-top: 2rem; }


/* #### Online-result */
.online-result .result-image{margin: 2rem auto; text-align: center}
.online-result .result-box h4{font-size: 1.2rem; margin-bottom: 1rem; text-align: center; font-weight: 500;}
.online-result .result-box p{font-size: 18px; margin-bottom: 2rem; text-align: center; color: #4d4c4c}
.online-result .result-box .help-center{font-size: 1.2rem; margin-bottom: 4rem; text-align: center; }



/* ## About */
/* #### about us */
.about-header{background: #028755; color: #fff; padding: 3rem; text-align: center; }
.about-header h3{margin-bottom: 1rem; font-size: 2.1rem}
.about-header p{display: inline-block; width: 70%; line-height: 1.6; margin-bottom: 0.5rem; font-size: 0.85rem;}

.about-row{overflow: hidden}
.about-row .date{float: left; width: 25%; text-align: right; padding-top: 2.5rem; font-family: Oswald;}
.about-row .date span{margin-right: 1.75rem; display: block; font-weight: 500; }
.about-row .date .year{font-size: 3rem; }
.about-row .date .month{font-size: 1.5rem; }
.about-row .content{float: left; width: 75%; padding: 1.75rem 2rem 1.75rem 0; background: url('../images/about/divide.png') no-repeat left bottom}
.about-row .content .about-image{float: left; width: 8rem; height: 8rem; margin: 0 3rem 0 3.5rem}
.about-row .content h4{font-size: 1.4rem; margin-bottom: 1rem; letter-spacing: -0.01em; font-weight: 500; margin-top: 1.5rem}
.about-row .content p{line-height: 1.5; margin-bottom: 1.5rem;}

.about-row.bg202207{background-color: #fff; color: #111;}
.about-row.bg202207 .about-image{background: url('../images/help/right_pdf_pro.png') no-repeat  center/cover; }

.about-row.bg201909{background-color: #2f678b; color: #fff;}
.about-row.bg201909 .about-image{background: url('../images/about/2019_9.png') no-repeat  center/cover;}

.about-row.bg201809{background-color: #f9f9f9}
.about-row.bg201809 .about-image{background: url('../images/about/2018.png') no-repeat  center/cover;}

.about-row.bg201705{background:url('../images/about/bg_08.jpg') no-repeat; color: #fff;}
.about-row.bg201705 .about-image{background: url('../images/about/2017.png') no-repeat center/cover;}

.about-row.bg201604{background-color: #f9f9f9;}
.about-row.bg201604 .about-image{background: url('../images/about/2016_4.png') no-repeat center/cover;}

.about-row.bg201602{background-color: #e7b13b; color: #fff;}
.about-row.bg201602 .about-image{background: url('../images/about/2016_2.png') no-repeat center/cover;}

.about-row.bg201412 .about-image{background: url('../images/about/2014.png') no-repeat center/cover;}

.about-row.bg201203{background: url('../images/about/bg_06.jpg') no-repeat; color: #fff;}
.about-row.bg201203 .about-image{background: url('../images/about/2012.png') no-repeat center/cover;}

.about-row.bg201103 .about-image{background: url('../images/about/2011.png') no-repeat center/cover;}

.about-row.bg200909{background: url('../images/about/bg_04.jpg') no-repeat; color: #fff;}
.about-row.bg200909 .about-image{background: url('../images/about/2009_9.png') no-repeat center/cover;}
.about-row.bg200902 .about-image{background: url('../images/about/2009_2.png') no-repeat center/cover;}

.about-row.bg200810{background: url('../images/about/bg_03.jpg') no-repeat; color: #fff;}
.about-row.bg200810 .about-image{background: url('../images/about/2008.png') no-repeat center/cover;}

.about-row.bg200703 .about-image{background: url('../images/about/2007.png') no-repeat center/cover;}

.about-row.bg200605{background-color: #4cc139; color: #fff;}
.about-row.bg200605 .about-image{background: url('../images/about/2006.png') no-repeat center/cover;}

.about-row.bg200501 .about-image{background: url('../images/about/2005.png') no-repeat center/cover;}

.about-row.bg200409{background: url('../images/about/bg_02.jpg') no-repeat; color: #fff;}
.about-row.bg200409 .about-image{background: url('../images/about/2004.png') no-repeat center/cover;}



/* #### certification */
.page-about.cert .section-desc{text-align: center; line-height: 1.5; margin-bottom: 40px;}
.page-about.cert .subwrap-top .container{text-align: center;}
.desc-line{margin: 1.5rem auto 0; width: 3rem; height: 1px; background: #000; display: inline-block;}

.cert-wrap{max-width: 50rem; margin: 0 auto;}
.certification-item{text-align: center}
.certification-item img{border: 1px solid #ebebeb;}
.certification-item p{margin: 0.5rem 0; }


/* #### Contract */
.contact-wrap{padding-top: 5rem;}
.contact-box-wrap{display: flex;}
.contact-box{border: 3px solid #1473e6; padding: 3rem 1rem; text-align: center; background-color: #fff; flex: 1; position: relative;}
.contact-box + .contact-box{margin-left: 2rem; border-color: #6ad784;}
.contact-box.basic{border-color: #999;}
.contact-box .contact-title{text-align: center}
.contact-box .contact-title h4{color: #111; font-size: 24px; margin-bottom: 1rem;}
.contact-box .contact-title p{font-size: 14px; color: #626262; line-height: 1.3;}
.contact-box a.btn{margin: 2rem 0;}
.contact-box span{color: #028755; font-weight: 700}

.line-text{margin: 2rem 0 1rem;}
.line-text .text{color: #1473e6;}
.contact-box + .contact-box .line-text .text{color: #028755;}
.line-text .line{display: inline-block; width: 60px; height: 1px; background-color: #028755; text-align: center; margin-top: 1rem;}

.round-box{border: 1px solid #ccc; border-radius: 20px; padding: 7px 30px; display: inline-block; margin: 2rem 0;}
/* .round-box:hover{background: #028755; color: #fff;} */
.contact-desc{margin-top: 20px;}

.contact-box .btn-admin-wrap {position: absolute; right: 10px; top: 10px; margin-bottom: 0;}
.contact-box .btn-admin-wrap .btn{margin: 0;}


/* ## location */
#location{padding-top: 3rem;}
.location-wrap{position: relative; display: flex;}
.location-map{width: calc(100% - 460px);}
.location-box{padding: 3rem 2rem; width: 460px; background-color: #fff;}
.location-content{margin-bottom: 3rem;}
.location-content h4{color: #111; margin-bottom: 1rem; font-weight: 500; font-size: 18px; display: flex; align-items: center;}
.location-content p{color: #626262;}
.icon-location{display: inline-block; width: 12px; height: 20px; margin-right: 5px; background: url('../images/icons/ico_location.png') center/cover;}
/* .location-content ul{margin-left: 1rem;}
.location-content ul li{padding: 5px 0; position: relative;}
.location-content ul li:after{content: ""; display: block; width: 4px; height: 4px; background-color: #028755; border-radius: 50%; position: absolute; top: 12px; left: -15px;} */


/* ## Partner Info */
.title-line{width: 3rem; height: 1px; background: #111; display: block; margin: 2rem auto;}
.partner-wrap .btn-flex-wrap {max-width: 680px; margin: 0 auto;}
.partner-wrap .btn-flex-wrap a{width: 100%; height: 60px; line-height: 58px; padding: 0; margin: 0 10px; border-radius: 30px; border: 1px solid #e1e1e1; background-color: #fff;}
.partner-wrap .btn-flex-wrap a:hover{background-color: #028755; color: #fff;}
.partner-wrap .btn-flex-wrap a:hover span{color: #fff;}
.partner-wrap .btn-flex-wrap a span{color: #028755; margin-right: 10px;}

.partner-info{text-align: center; margin-top: 2rem; font-size: 14px; color: #626262;}
.partner-info a{display: inline-block; margin-left: 10px; color: #0957eb;}


/* ## BuyingInfo */
.buy-content h4{font-size: 24px; color: #111; margin-bottom: 20px;}
.buy-content ul li{font-size: 14px; color: #626262; margin: 2px 0;}
.buy-content ul li span{width: 120px;}
.buy-content p.url{margin-top: 10px; color: #111; font-size: 14px;}
p.url + p.url { margin-top: 0;}

.buy-list{display: flex; margin-top: 3rem; flex-wrap: wrap;}
.buy-item{display: flex; border: 2px solid #555; margin-bottom: 60px; padding: 50px 20px; align-items: center; }
/* .buy-item:nth-child(2n){margin-left: 3%;} */
.buy-item.bi-2{border-color: #002f7c;}
.buy-item.bi-3{border-color: #2e7fed;}
.buy-logo{width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; background-color: #ebebeb; border-radius: 50%;}
.buy-logo img{max-width: 160px;}
.buy-content{margin-left: 20px;}



/* ## PRODUCTS */
.grid-list{display: flex; margin-top: 50px; text-align: center;}
.grid-list .grid-item{flex: 1;}
.grid-item{position: relative; margin-left: 2rem;}
.grid-item .grid-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.grid-item:first-child{margin-left: 0;}
.grid-item .grid-content {height: auto; position: relative;}
.grid-item .grid-title {font-weight: 500; line-height: 1.2; color: #000; margin-bottom: 10px;}

.grid-image-wrap{width: 100%; margin-bottom: 20px;}

.grid-container{max-width: 900px;}
.list-pad{padding: 0 100px;}
.grid-list.bg-white .grid-item{border-right: 1px solid #ddd; padding-right: 45px; margin-left: 45px;}
.grid-list.bg-white .grid-image-wrap img{width: 100%;}
.grid-list.bg-white .grid-item:first-child{margin-left: 0;}
.grid-list.bg-white .grid-content{background-color: #fff; border: 1px solid #ddd; padding: 20px 15px 50px 15px;}
.grid-list.bg-white .grid-item:last-child{border-right: 0; padding-right: 0;}
.grid-list.bg-white .grid-title{text-align: left; padding-left: 10px;}

.grid-item:hover .grid-image-wrap img{transform: scale(1.1); }
/* .grid-item .grid-link{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} */
.grid-item .grid-image-wrap {position: relative; overflow: hidden; margin-bottom: 20px;}
.grid-item .grid-image-wrap:before {content: ""; display: block; padding-bottom: 68.5%;}
.grid-item .grid-image-wrap img{position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; transition: transform .2s;}

.grid-btn{margin-top: 2rem; display: inline-block;}



/**********
* ## Form
**********/
.row-cert{display: none;}
.error-cert-check{display: inline-block;}
.contact-form{position: relative; border-top: 2px solid #000; }
.contact-top{display: flex; justify-content: space-between; margin-bottom: 5px; align-items: center;}
.contact-top .contact-title{font-size: 18px; font-weight: 500;}
.contact-top .label-req{font-size: 14px; margin-left: auto;}
.form-table {table-layout: fixed; }
.form-table th, .form-table td {padding: 1rem 0; position: relative; border-bottom: 1px solid #ccc;}
.form-table th {width: 20%; font-weight: 500; text-align: left; padding-left: 1rem; line-height: 1; background-color: #f0f0f0; color: #111;}
.form-table th label{vertical-align: middle;}
.form-table td {width: 80%; padding-left: 2rem;}

.form-table th em {font-size: 14px; margin-left: 11px;}
.form-table th.req {position: relative;}
.form-table th.req::after {content: "*"; padding-left: 5px; color: #fe0000;}


.form-table .select-box{display: inline-block; vertical-align: middle;}
.form-table .select-box + a{display: inline-block; margin-left: 10px; font-size: 13px; min-width: auto;}

/* .bg_gray .form-table .dx-input, .bg_gray .form-table .select-box .btn-select {background-color: #f8f8f8; } */

.form-table .phone-input {position: relative; width: 45%; display: inline-block; vertical-align: middle;}
.form-table .phone-input + a {display: inline-block; vertical-align: middle; margin-left: 10px;}
.form-table .phone-input .select-box {float: left; width: 25%;}
.form-table .phone-input .unit {float: left; width: 4%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666;}
.form-table .phone-input .dx-input {float: left; width: 71%;}
.form-table .phone-input .phone-02 {float: none; position: absolute; right: 0; top: 0;}

.form-table .name-input {position: relative; width: 100%; display: inline-block; vertical-align: middle;}

.form-table .product-input{display: flex; width: 60%;}
.form-table .product-input .dx-input{width: 70%;}
.form-table .product-input .select-box{margin-left: 1%;}

.form-table .email-input {position: relative; width: 80%; display: flex;}
.form-table .email-input .dx-input {float: left; width: 35%;}
.form-table .email-input .unit {float: left; width: 3%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666;}
.form-table .email-input .select-box {position: absolute; right: 0; top:0; width: 25%; margin-left: 2%;}

.form-table .email-input .select-box .select-list a{line-height: 1; padding: 4px 5px;}

.form-table .num-input {position: relative; width: 50%; display: inline-block; vertical-align: middle;}
.form-table .num-input .dx-input {width: 35%;}
.form-table .num-input a {display: inline-block; margin-left: 10px;}
.form-table .num-input .time {font-size: 14px; font-weight: 500; color: #fe0000; margin-left: 10px; display: inline-block;}

.form-table .time-input{position: relative; display: inline-block; width: 100%;}
.form-table .time-input .select-box{float: left; width: 20%;}
.form-table .time-input .unit {float: left; width: 4%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666;}

.form-table .marker-input{position: relative; width: 58%; display: inline-block; vertical-align: middle;}
.form-table .marker-input .dx-input {width: 76%;}
.form-table .marker-input a {display: inline-block; margin-left: 10px;}
.dx-input.search{background:url("../images/icons/search.png") no-repeat center right; background-size: 15px auto; }


.contact-form .form-group.lg{margin-top: 20px;}

.form-btn {margin-top: 3rem; text-align: center; display: flex; justify-content: center;}
.form-btn .btn{line-height: 1; font-size: 16px; min-width: 160px; padding: 15px 20px 17px;}
.form-btn a.btn{padding: 18px 20px 14px;}
.form-btn .btn + .btn{margin-left: 10px;}
.btn-line{border: 1px solid #333; width: auto; min-width: auto; font-size: 13px;}
.btn-line:hover{color: #ccc; }

/* .form-table td .error-place{bottom: 5px;} */

.form-table .help-desc{margin-top: 10px;}
.form-table-footer{margin-top: 1rem;}
.form-table-footer .check-box a{text-decoration: underline; color: #0e9bf5;}
/* .form-table-footer .check-box label::before, .form-table-footer .check-box label::after{top: 1px;} */
/* .form-table-footer .check-box input[type="checkbox"]:checked + label::after{top: 4px;} */


/* NOTICE */
.check-border{position: relative; display: inline-block; line-height: 1.25; font-size: 15px;}
.check-border input[type=checkbox]{opacity: 0; position: absolute; top: 0; left: 0; z-index: 0;}
.check-border label{display: inline; cursor: pointer; text-align: center;  line-height: 1em; font-weight: normal; font-size: 14px; padding: 5px 10px; border: 1px solid transparent; color: #233b4d;}
.check-border input[type="checkbox"]:checked + label{color: #ecb10d; border-radius: 15px; border: 1px solid #ecb10d; font-weight: 500;}


.list-empty{height: calc(100vh - 100px); background: #f2f2f2; text-align: center;}
.list-empty:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.list-empty .text {display: inline-block; vertical-align: middle; font-size: 15px; color: #b8bfc4;}


/**********
* ## Terms
**********/
.privacy-wrap {  padding:0px 0 100px; color:#666; line-height:1.6em; display:block;  clear:both; min-height:600px}
.privacy-wrap .privacy-box {padding:30px 0;}
.privacy-wrap .privacy-box:last-child {padding-bottom: 0;}
.privacy-wrap .privacy-box.summary {padding:30px; background:#f8f8f8; margin-bottom:20px}
.privacy-wrap .privacy-box.summary p {color:#333;}
.privacy-wrap .privacy-box.summary span.desc {font-size:13px; color:#999}
.privacy-wrap .privacy-box.summary p + p {margin-top:20px}
.privacy-box h4{margin: 15px 0 5px; color: #000; font-weight: 500;}
.terms .privacy-box h4{margin-top: 60px;}
.terms .privacy-box h4:first-child{margin-top: 0;}

.privacy-box.summary .list-style-box {display: table; width: 100%; table-layout: fixed; vertical-align: top;}
.privacy-box.summary .list-style {display: table-cell; width: 50%;}
.privacy-box.summary .list-style li{padding: 2px 0;}

.privacy-wrap .privacy-box .privacy-title { font-weight: 700;  color:#333; font-size:18px;}
.privacy-wrap .privacy-box  p + p,
.privacy-wrap .privacy-box  div + p,
.privacy-wrap .privacy-box  p + div,
.privacy-wrap .privacy-box  div + div{margin-top:10px;}
.privacy-wrap .privacy-listbox {padding:20px; border:1px solid #d5d5d5}
.privacy-wrap .privacy-listbox p {line-height: 1.4em}
.privacy-wrap .privacy-listbox p + p,

.list-style-box .list-style{position: relative; padding-left: 20px; font-size: 15px; color: #666; line-height: 1.4em;}


/**********
* ## FAQ
**********/
.faq-wrap { margin:0 auto; }
.faq-wrap ul.faq li.faq-item { border-bottom:1px solid #e5e5e5; overflow:hidden; color:#000; font-size:16px; }
.faq-wrap ul.faq li.faq-item a.faq-title { color:#000; padding:28px 0 28px 60px; display:block; position: relative; overflow: hidden;}
.faq-wrap ul.faq li.faq-item a.faq-title:hover { background-color: #f0f5fe;}
.faq-wrap ul.faq li.faq-item a.faq-title.active:hover { background-color: #fff;}
.faq-wrap ul.faq li.faq-item a.faq-title span { vertical-align:middle; display:inline-block}
.faq-wrap ul.faq li.faq-item a.faq-title span.faq-label {float: left;}
.faq-wrap ul.faq li.faq-item a.faq-title span.subject {width:90%; font-size:18px; float: left;}	
.faq-wrap ul.faq li.faq-item a.faq-title span.arrow { text-indent: -9999px; background:#fff url("../images/icons/bbs_next.png") center no-repeat; width:30px; height:17px; opacity: 0.3; position:absolute;top: 50%;  margin-top: -7px; right:20px; transition: all ease 0.2s;}
.faq-wrap ul.faq li.faq-item a.active .arrow { -webkit-transform:rotate(180deg); color:#333}
.faq-wrap ul.faq li.faq-item .answer {display:none; background-color:#fff; padding:0 20px 30px 60px; overflow: hidden;}
/* .faq-wrap ul.faq li.faq-item .answer .label-a {float: left;} */
.faq-wrap ul.faq li.faq-item .answer .answer-content {width: 90%;}
.faq-wrap ul.faq li.faq-item .faq-label {display:inline-block; color: #0957eb; margin-right: 20px; font-weight: 700; width: 15px; text-align: center;}
.faq-wrap .btn-wrap {margin-top:20px; text-align: center}



/**********
* ## MYPAGE
**********/
.mypage-container{background-color: #fff; min-height: 500px; padding-bottom: 40px;}
.mypage-list{position: relative;}
.mypage-list li{border-bottom: 1px solid #e5e5e5; font-weight: 500;}
.mypage-list li:hover{background-color: #f0f5fe;}
.mypage-list li.my-store:hover{background-color: transparent;}
.mypage-list li a{display: block; padding: 27px 0 27px 30px; width: 100%;  background: url('../images/icons/arrow_next.png') no-repeat 98% 50%;}

.mypage-header{background-color: #fff; padding: 30px; border-bottom: 2px solid #1a1a1a;}
.mypage-header h3{font-size: 17px; color: #1a1a1a; margin-bottom: 5px;}
.mypage-content{padding: 30px; background-color: #fff; min-height: 600px;}


/* .product-input{position: relative; overflow: hidden;}
.product-input .input-wrap{width: 80%; float: left; overflow: hidden;}
.product-input .dx-input{width: 40%; border: 1px solid #ccc; height: 35px; padding: 0 5px; float: left;}
.product-input .dx-input:first-child{width: 58%; margin-right: 2%;}
.product-input button{width: 18%; margin-left: 2%; min-width: auto; float: left;} */

.table-wrap{margin-top: 20px;}


.form-table .info-row th, .form-table .info-row td{padding-top: 0;}

.time-info{padding: 20px; background-color: #f5f5f5; font-weight: 500; color: #1a1a1a; overflow: hidden;}
.time-info .icon{float: left; width: 33px; height: 22px; background: url('../images/icons/ico_horn.png') no-repeat center/cover; margin-top: 10px;}
.time-info .text{float: left; padding-left: 20px;}

.file-input{position: relative; overflow: hidden;}
.file-input .dx-input{float: left; width: 80%;}
.file-input button{float: left; width: 18%; margin-left: 2%; min-width: auto;}

.input-inner{margin-bottom: 10px;}

#resultFile{display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 0 -10px 20px -10px;}
.file-item{flex: 0 0 25%; padding: 10px; position: relative;}
.file-item .file-image{background-position: center; background-size: cover; background-repeat: no-repeat; width: 140px; height: 140px; display: inline-block;}
.file-item .icon-ga-main{position: absolute; top: 10px; max-width: 140px; width: 100%; height: 30px; background-color: rgba(0,0,0,0.5); font-size: 13px; color: #fff; line-height: 30px; text-align: center;}
.file-item p{text-align: center;}


.btn-tabs{margin-bottom: 30px; text-align: center;}
.btn-tabs a + a{margin-left: 10px;}
.btn-tabs a.active{background-color: #2c353c; color: #fff; border-color: #2c353c;}

 
/**********
* ## BOARD
**********/
.bbs-wrap {margin: 0 auto 100px; min-height: 600px;}

.bbs-top {position: relative; padding: 0.5rem 0; border-bottom:2px solid #121212; display: flex; align-items: center;}
.bbs-top .top-left {color:#333}
.bbs-top .top-right {margin-left: auto;}
/* .bbs-top .top-right a{ line-height: 1;} */
.bbs-top .top-right a+a{margin-left: 5px; border-left: 1px solid #ddd; padding-left: 8px;}
.bbs-top .top-right ul.search-wrap > li { display:inline-block; vertical-align: middle; position:relative}

.member-util{display: flex;}
.member-util li{flex: 1; margin-left: 10px;}

.search-status{margin-top: 3px;}
.status-label{color: #000; margin-right: 10px; display: inline-block; font-weight: 500;}
.search-status label{margin: 0 5px; }

.bbs-top .top-right ul.search-wrap > li + li::before { content: ""; width:1px; height: 20px; background:#ccc; position: absolute; top:50%; margin-top:-10px; left: -1px}
.bbs-top .top-right ul.search-wrap > li input[type=text] {border:0; padding:10px 20px; width:200px; color:#333}
.bbs-top .top-right ul.search-wrap > li .btn-search{width:20px;height:20px;background:url("../images/icons/ico_search.png") no-repeat center center; display: block; position:absolute; top:50%; margin-top:-10px;right:0; background-size: 15px auto; }
.bbs-top .top-right ul.search-wrap .select-box  {width:100px; border: 0;}
.bbs-top .top-right ul.search-wrap .select-box .btn-select {padding-right: 30px; height: 33px;line-height: 33px; background: #fff url("../images/icons/ico_select_arrow.png") no-repeat right center; color: #121212;}
.bbs-top .top-right ul.search-wrap .all-view{margin-right: 10px;}
.bbs-top .top-right .btn-write{margin-left: 20px;}

.search-order{text-align: right; margin-bottom: 20px; line-height: 1;}
.search-order .select-box{width: auto; display: inline-block;}
.search-order .select-box .btn-select{height: 33px; line-height: 33px; font-size: 14px; color: #121212;}
.search-order .select-box .select-list li a{font-size: 14px;}

.search-category{padding: 20px 0 30px; margin-bottom: 30px; text-align: center; border: 1px solid #d5d5d5;}
.search-category .select-box{display: inline-block; width: 200px; vertical-align: middle;}
.search-category .select-box + .select-box{margin-left: 15px;}


.bbs-tab-warp{position:relative;}
.bbs-tab {clear: both; overflow: hidden; margin: 0; }
.bbs-tab li { float: left; width: auto; position: relative; table-layout: fixed; padding-right: 30px;}
.bbs-tab li:last-child {margin-right:0; }
.bbs-tab li a {display:inline-block; width: 100%;-webkit-transition: color 0.3s;transition: color 0.3s; text-align: center; line-height: 1.2; }
.bbs-tab li.active a{ font-weight: 500; border-bottom: 1px solid #121212;}
.bbs-tab li:hover a{color: #333;}


.bbs-table { min-height:300px;}
.bbs-wrap .bbs-table {min-height:auto;}
.bbs-table .line { display:block; width:100%; height:1px; background:#ececec; margin:20px auto}
.bbs-table .tit { color:#666}
.bbs-table table{table-layout: fixed;}
.bbs-table table thead th { position: relative; font-weight:500}
.bbs-table table tbody td.ft-s { font-size:13px; color:#333}
.bbs-table table thead td span.icon { font-size:9px; opacity: 0.5; margin-left:5px; vertical-align: middle;padding-bottom: 3px}
.bbs-table table tbody tr:hover { background-color: #f9f9f9;}
.bbs-table table tbody td { position: relative;; }
.bbs-table table tbody td.date { color:#999}
.bbs-table table tbody td .state { color:#f42534}
.bbs-table table tbody td .state.end { color:#999}
.bbs-table table td { border-bottom:1px solid #d1d1d1;color:#000; padding:15px 20px;/* text-align:center*/}
.bbs-table table thead th {padding:20px 0; border-bottom:1px solid #666;}
.bbs-table table td.subject { text-align:left; }
.bbs-table table td.subject .category {font-size: 14px; vertical-align: middle; background-color: #F0EDFF; border-radius: 5px; width: 40px; height: 24px; line-height: 24px; display: inline-block; text-align: center; font-weight: 500; margin-right: 5px;}
.bbs-table table td.subject .category.key-1 { color: #6841ff;}
.bbs-table table td.subject .category.key-2 { color: #61cdc9;}
.bbs-table table td a { color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: inline-block;max-width: 95%;vertical-align: middle;}
.bbs-table table td a:hover {text-decoration: underline;}
.bbs-table table td.last-btn a.btn span { text-decoration: underline;}
.bbs-table table td.last-btn span {font-size: 13px;}
.bbs-table table td .bbs-col {font-size: 13px; color: #777; display: inline-block; position: relative; padding-right: 10px; margin-right: 5px;}
.bbs-table table td .bbs-col:first-child::after {position: absolute; content: ''; top: 4px; right: 0; width: 1px; height: 10px; background-color: #777;}

.bbs-table table tr.noti td { background:#f8f8f8; font-weight: 500;}
.bbs-table table tr.noti td:first-child {color:#f42534}
.bbs-table table tr.cancel td,
.bbs-table table tr.cancel td a,
.bbs-table table tr.cancel td a:hover { color:#999!important; cursor:default; text-decoration: none;}

.bbs-table table td.bd_r { border-right:1px solid #ececec}
.bbs-table table td.bd_l { border-left:1px solid #ececec}
.bbs-table table td.info_left { text-align:left; padding:0 20px}
.bbs-table table tbody td.date { font-size: 13px; color: #666; letter-spacing: -0.5px; font-weight: normal;}
.bbs-table .type-box { position:relative; display:inline-block; top:0; left:0; font-size:12px; padding:0}
.bbs-table .type-box.end{background:#666666; border-color:#666666}
.bbs-table .type-box.ing{background:#f42534 ; border-color:#f42534 ;}

.bbs-btn {margin:40px auto 0; text-align: center}
.bbs-btn a {min-width:200px;}
.bbs-btn a span {font-weight:500; color:#333}
.bbs-btn a span.total { opacity: 0.6}
.bbs-btn .btn-line{border: 1px solid #a7a8a9; height: 50px; line-height: 47px; color: #333; display: inline-block; text-align: center; font-size: 16px;}
.bbs-btn .btn-line + .btn-line{margin-left: 10px;}
.bbs-btn .btn-line.btn-success span{color: #fff;}
.bbs-btn .btn-line.btn-primary span{color: #fff;}
/* .page-board .bbs-btn .btn-line{font-size: 18px; } */

.bbs-list-search{margin-top: 40px;}
.bbs-list-search .search-wrap{display: flex; align-items: center; justify-content: center;}
.bbs-list-search .search-wrap li{flex-direction: row; position: relative;}
.bbs-list-search .search-wrap li .select-box{width: 120px; border: 0; margin-right: 20px; padding-right: 10px;}
.bbs-list-search .search-wrap li .select-box::after{position: absolute; top: 11px; right: 0; width: 1px; height: 15px; background: #121212; content: '';}
.bbs-list-search .search-wrap li input[type=text]{border: 0; height: 38px; width: auto;}
.bbs-list-search .search-wrap li input[type=text]::placeholder{text-decoration: underline;}
.bbs-list-search .search-wrap li .btn-search{ background: url('../images/icons/ico_search.png') no-repeat center/cover; width: 16px; height: 16px; margin-top: -5px;}

.bbs-list-footer{overflow: hidden; margin-top: 40px;}


.empty-wrap {  padding:100px 0 66px; margin:0 auto; text-align:center; }
.empty-wrap .icon { margin-bottom:10px;}
.empty-wrap p { color:#666; font-size: 18px; font-weight: 500; letter-spacing:-0.5px;}
.empty-wrap p span {color:#666}

.empty-wrap .btn-wrap { text-align:center}
.empty-wrap .btn-wrap a {min-width:100px}
.empty-wrap .btn-wrap a + a { margin-left:4px}

.empty-post{padding: 50px 0 !important; text-align: center;}


.bbs-new { display: inline-block;background:#fe0000; width:5px;height:5px; border-radius: 5px; font-weight: 700; margin-left: 3px;vertical-align:middle; position: relative;top:-5px}
.bbs-new + a {vertical-align:middle}

.bbs-icon{display: inline-block; background: #f2f2f2; width: 15px; height: 15px; line-height: 15px; font-size: 13px; text-align: center; vertical-align: text-bottom; margin-left: 3px;}
.bbs-icon.download{background-image: url('../images/icons/ico_file.png'); width: 16px; height: 16px; }



/**********
* ## Board view
**********/
.bbs_btn { text-align:center; margin:20px auto 0} 
table.bbs-view { width:100%;table-layout:fixed; word-break:break-all; border-top:2px solid #777}
table.bbs-view td { border-bottom:1px solid #ccc; padding:20px 0;}
table.bbs-view td img {  max-width:100%}
table.bbs-view td.date { text-align:right}
table.bbs-view td.subject {text-align:left;}
table.bbs-view td.subject .detail-header { padding:15px 30px; font-size: 14px; color: #666; letter-spacing: -0.5px; position: relative;}
table.bbs-view td.subject .detail-header .info{background: none; margin-right: 10px;}
table.bbs-view td.subject .detail-header .info em{color: #333; padding-right: 3px;}

table.bbs-view td.subject .detail-header .label-type { position:absolute; top:50%; margin-top:-13px;right:30px}
.label-type.end {background-color: #999;}
.label-type span {background: #f42534; display: inline-block; padding: 8px 10px; color: #fff; font-size: 13px; line-height: 1em;}

table.bbs-view td.subject .detail-header p.hd-cate {color:#333; margin-bottom:10px; font-weight: 500; font-size: 15px}
table.bbs-view td.subject .detail-header p.hd-tit {color:#333; font-size:34px; padding-bottom:15px;letter-spacing:-1px; font-weight: 500; max-width: 90%; line-height: 1.3em; }
table.bbs-view td.subject .detail-header p.hd-tit span + span { margin-left:10px}
table.bbs-view td.subject .detail-header p .type { padding-right:10px; margin-right:15px; border-right:1px solid #d9d9d9}
table.bbs-view td.subject a{ color:#333}
table.bbs-view td.subject a:hover { color:#333; text-decoration:underline}
table.bbs-view td.subject p.date {display:none; color:#777; margin-top:4px; clear:both; }

table.bbs-view td.subject ul li { font-size:14px; color:#666; float:left; padding:10px;}
table.bbs-view td.subject ul li:first-child { padding-left:0}
table.bbs-view td.subject ul li.dot { padding:10px 0}

table.bbs-view thead td { padding:16px 0}
table.bbs-view tbody td { border-bottom:0}
table.bbs-view tbody td.contents { text-align:left; padding:30px; line-height:1.8em; color:#666; word-break:break-word; overflow:hidden}
table.bbs-view tbody td.contents #player {margin:0 auto 30px; display:block;}
table.bbs-view tbody td.contents p {word-break:break-word; line-height: 1.4;}
#post-content{min-height: 300px;}
#post-content iframe{max-width: 960px; width: 100%; height: 56vh;}

table.bbs-view tbody td.contents img { max-width:100%}

table.bbs-view tbody td.contents.btn-wrap { text-align:center}
table.bbs-view tbody td.file-wrap { border-bottom:1px solid #eee; padding:20px 30px 20px; text-align: left}
table.bbs-view tbody td.file-wrap ul {display:table; width:100%; table-layout: fixed;}
table.bbs-view tbody td.file-wrap ul li {display:table-cell; vertical-align: middle; padding-right:20px;}
table.bbs-view tbody td.file-wrap ul li + li {width:88%}
table.bbs-view tbody td.file-wrap p {color:#333; padding-left:25px; background:url('../images/icons/ico_file.png') left center no-repeat;  line-height: 1.4em; font-weight: 500; font-size: 17px}
table.bbs-view tbody td.file-wrap a { color:#666; display: inline-block; font-weight: 500;word-break: break-all; }
table.bbs-view tbody td.file-wrap a:hover { color:#333; text-decoration:underline}

table.bbs-view tbody td.btn-wrap { border-top:1px solid #eee; padding:30px; text-align: left}

table.bbs-view tbody tr:last-child td {border-bottom:1px solid #ccc}

table.bbs-view tfoot td { font-size:18px; color:#666; text-align:left }
table.bbs-view tfoot td a {color:#333;}
table.bbs-view tfoot td a .title {  padding:0 10px; width:60%; overflow:hidden; display:inline-block; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis}
table.bbs-view tfoot td a:hover .title { text-decoration:underline; font-weight:500}
table.bbs-view tfoot td.prev { text-align:left;}
table.bbs-view tfoot td.next { text-align:right}
table.bbs-view tfoot td.prev span.arrow { padding:0 10px 0 32px; border-right:1px solid #e5e5e5; background:url('../images/icons/arrow_prev.png') left center no-repeat}
table.bbs-view tfoot td.next span.arrow { padding:0 32px 0 10px; border-left:1px solid #e5e5e5; background:url('../images/icons/arrow_next.png') right center no-repeat}

.bbs-view .tag { text-align:left}
.bbs-view .tag .tag_box { color:#666}

.sns_area_title {font-size:18px; display:block; margin:0; height:auto;padding-bottom: 5px}
.bbs_photo .sns_area_title {display:none}

/*.bbs-view .tf_admin td { border-top:1px dashed #d5d5d5}*/
.bbs-view .tf_admin td .tf_img,
.bbs-view .tf_admin td .tf_name_wrap { display:inline-block; vertical-align: middle}
.bbs-view .tf_admin td .tf_name_wrap { background:url('../images/icons/admin.png') left center no-repeat; padding-left: 50px;}
.bbs-view .tf_admin td .tf_img { margin-right:10px;}
.bbs-view .tf_admin td .tf_img img{ width:50px; height:50px; border-radius: 50%}
.bbs-view .tf_admin td p { font-size:14px; color:#333}

.bbs-view .tf_admin td p span + span { margin-left:10px}
.bbs-view .tf_admin td.tf_share { text-align:right;line-height: 1em}
.bbs-view .tf_admin td.tf_share a + a { margin-left:5px}


.bbs-bot {margin-top: 5rem;}
.bbs-bot ul {display:table; width:100%; padding:20px 0; table-layout: fixed; border-top:1px solid #ccc}
.bbs-bot ul + ul {border-bottom:1px solid #ccc}
.bbs-bot ul li {display:table-cell; vertical-align: middle; width:10%}
.bbs-bot ul li.label {font-weight: 500; font-size: 13px; color: #333; padding: 0; border-radius: 0; text-align: left;}
.bbs-bot ul li.arrow {width:70px; background:url("../images/icons/bbs_prev.png") center no-repeat; opacity: 0.4;background-size: 15px;}
.bbs-bot ul li.subject {width:70%; color:#999}
.bbs-bot ul li.subject a {color:#333;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 90%;display: block; }
.bbs-bot ul li.date {color:#666; text-align: right;padding-right:30px; font-size: 13px }
.bbs-bot ul + ul li.arrow {background-image:url("../images/icons/bbs_next.png")}

.post-action{display: flex; margin-bottom: 2rem;}
.post-action .btn-line{line-height: 1; padding: 7px 12px; }
.post-action .btn-line:hover{text-decoration: none !important;}
.ml-auto{margin-left: auto;}


.post-desc{padding: 20px; background-color: #f5f7fa; margin-bottom: 1rem; color: #111;}
.list-group{position: relative;}
.list-group-item:first-child {border-top-left-radius: 4px; border-top-right-radius: 4px;}
.list-group-item:last-child {margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.list-group-item{display: flex; border: 1px solid #e1e1e1; padding: 0.5rem 1.5rem; margin-bottom: -1px;}
.list-group-title{width: 10%; font-weight: 500;}

/*********
* ## Board write
**********/
.bbs-write{padding: 30px; border-top: 2px solid #777;}
/* .bbs-title{text-align: center; font-size: 18px;} */
.bt-label{display: block; margin-bottom: 5px;}

.board-write .btn{width: 150px; height: 45px; line-height: 43px; padding: 0; font-size: 15px;}

.board-table .category-input {width: 100%; position: relative;}
.board-table .category-input .select-box {width: 30%; display: inline-block;}
.board-table .category-input a.btn-info {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}

.board-table .category-input label.error{display: block;}
.board-table textarea.dx-input{min-height: 250px;}


.well {min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f7f7f7; border: 1px solid #d1d1d1; }
.well-sm {padding: 9px;}
.passcord li {display: inline-block; margin-right: 5px; vertical-align: middle;}
#captcha_key {height: 40px; line-height: 40px; max-width: 90px;}
#captcha-reload {font-size: 0.65rem; padding: 0.3rem; background: #cdcdcd; border-radius: 2px; cursor: pointer; }

.password-wrap .panel{margin: 100px auto;}


/**********
* ## COMMENT
**********/
#comment_write_box{margin: 60px 0 20px;}
.chk_comment_all_wrapper {padding: 15px 0 10px; font-size: 14px;}
.comment_write_box_inner {margin-top:20px; padding:20px; border: 1px solid #ccc; border-radius: 5px;}
.comment_write_button_area {margin-top:20px; display: flex; align-items: center; font-size: 14px;}
.comment_write_button_area .checkbox{display: inline-block; margin-right: 5px;}
.comment_write_button_area .btn-group{margin-top: 0; display: flex;}
.comment_write_button_area .btn{min-width: auto;}
.comment_write_button_area .btn-xs{padding: 3px 5px; background-color: #fff;}
.comment_write_button_area .btn + .btn{margin-left: 10px;}

#viewcomment{position: relative;}

.comment-list-wrap{margin-top: 40px;}
.media-wrap{border-top: 1px solid #f0f0f0; margin-top: 20px;}
.media {clear: both; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0;}
.media, .media-body {overflow: hidden; zoom: 1;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-body, .media-left, .media-right {display: block;}
.media-heading {font-size: 14px; overflow: hidden; margin-top: 0; margin-bottom: 5px; font-weight: 500;}

.media .time{font-size:12px; padding-left:10px; color: #777;}
.media .ip{font-size:12px; padding-left:10px; color: #777;}
.media .reply{float:right; font-size:12px;}
.media .reply a{padding-left:5px; font-weight: 400;}
.media .label-warning{background: #888; padding: 2px 6px; margin-right: 4px; font-weight: 400; color: #fff;}

.btn-manage-wrap{position: relative; display: inline-block;}
.btn-manage-wrap .btn{margin-left: 10px;}
.btn-admin-manage-layer { display:none;border:1px solid #ddd;position:absolute;background-color:#fff;z-index:99999;}
.btn-admin-manage-layer div.item { height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; }
.btn-admin-manage-layer div.item { font:normal 11px 'dotum';line-height:23px; }
.btn-admin-manage-layer div.item i { width:20px;text-align:center; }



/**********
* ## ANIMATION
**********/
@keyframes scaleUp {
	0% {transform: scale(1)}
    100% {transform: scale(1.2);}
}

@keyframes aniScaleDown {
	0% {transform: scale(1.2)}
    100% {transform: scale(1);}
}

@keyframes aniRightToLeft{
	from {width: 18px;}
    to {width: 0;}
}

@keyframes aniLeftToRight{
	from {width: 0;}
    to {width: 18px;}
}

/* animation fadeIn  */
@keyframes aniSlideUp {
	from {top: -100%;}
    to {top: -158%;}
}
/* animation fadeIn  */
@keyframes aniFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-moz-keyframes aniFadeIn { /* Firefox */
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes aniFadeIn { /* Safari and Chrome */
    from {opacity: 0;}
    to {opacity: 1;}
}
@-o-keyframes aniFadeIn { /* Opera */
    from {opacity: 0;}
    to {opacity: 1;}
}

/* animation fadeIn  */
@keyframes aniDown {
    from {top: -200px;}
    to {top: 0;}
}




/**********
* ## Responsive
**********/
@media screen and (max-width:1440px) {
	.swiper-arrows .btn-swiper-prev{left: 0;}
	.swiper-arrows .btn-swiper-next{right: 0;}

	.lnb-wrap .container{padding: 0;}
	.tlt-item{padding: 60px 80px;}

	.license-wrap .item{margin-left: 2rem;}
	.license-wrap .item{flex-basis: 30%;}

	.container{padding: 0 2.5%;}

	.page-product.pro .section-main-visual .screen-image{background-position: 60% 50%;}
}


@media only screen and (max-width: 1200px) and (min-width: 992px){

	#gnb .topmenu > li > a{padding: 0 15px;}

	.download-box .dn-pac{width: calc(100% - 360px);}
	.download-box .dn-form{width: 360px; padding: 30px;}
	.dn-pac .mark-30{top: 250px}

	.download-list{flex: 0 0 45%;}
	.download-list + .download-list{margin-left: 5%;}

}

@media only screen and (max-width: 1180px) and (min-width: 992px){
	.buy-logo{width: 120px; height: 120px;}
	.buy-logo img{width: 80%;}
	.buy-content{width: calc(100% - 140px);}

	.bi-1577 .buy-logo img{width: 100%;}

}

@media (max-width: 991px) {

	.container{padding: 0 5%;}

	html{font-size: 16px;}
	body{font-size: 14px;}

	.layer-fix{overflow: hidden;}
    .show-mobile { display:block!important}
	.hide-mobile { display:none!important}

	.header-top, #gnb, .header-contractUs{display: none;}
	
	.dlpo-wrap .banner-item a{font-size: 14px;}
	.dlpo-wrap .dlpo-close{right: 10px; top: 5px;}

	.header-nav{height: 60px;}
	.header-button{display: block; position: absolute; right: 10px; z-index: 3;}

	.layer-popup .pop-wrap{width: 80%;}

	/* ## COMMON - 991 */
	.btn-more{font-size: 16px; padding: 16px 30px;}
	.section-header{margin-bottom: 40px;}
	.section-header-title{font-size: 32px; line-height: 1.2; margin-bottom: 5px;}

	.logo a{width: 160px; height: 29px;}
	
	.section{padding: 4rem 0;}

	.section-footer{padding: 6rem 0; background-image: url('../images/common/m_banner02.jpg'); background-position: center; background-size: cover;}
	.section-footer .section-header-title{font-size: 24px;}
	.section-footer-mark{width: 100px; height: 104px;}
	.section-footer .btn-flex-wrap a{font-size: 16px; height: 50px; line-height: 50px;}

	/* ## Mobile - 991 */
	.menu-header{display: flex; align-items: center;}
	.menu-header .btn-inquiry{border-color: #028755; background-color: #028755; color: #fff; height: 32px; line-height: 32px; padding: 0 15px; font-size: 14px;}
	.menu-header .btn-blog{height: 32px; line-height: 32px; width: 32px; margin-left: 10px;}
	.icon-blog{width: 24px; height: 21px;}

	/* ## FOOTER - 991 */
	#footer{padding: 20px 0 20px;}
	#footer .footer-logo{position: relative; left: 0; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
	.footer-logo .btn-menu{color: #fff; display: flex; align-items: center;}
	.footer-logo .btn-menu .icon-plus{width: 13px; height: 13px;  background: url('../images/icons/ico_plus.png') no-repeat center; background-size: 13px auto; margin-right: 5px;}
	.footer-logo .btn-menu.active .icon-plus{background-image: url('../images/icons/ico_minus.png')}
	#footer .widget-wrap{margin-left: 0; flex-wrap: wrap; display: none; transition: all 0.3s ease;}
	#footer .widget-wrap.open{display: block;}
	.widget-wrap .footer-widget{margin-left: 0; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px;}
	.widget-wrap .footer-widget:last-child{margin-bottom: 0;}
	.widget-wrap .footer-widget:last-child .widget-menu{margin-bottom: 0;}
	.widget-wrap .footer-widget h4{margin-bottom: 20px;}

	#footer .footer-logo a{width: 127px; height: 30px; background-size: 127px auto; opacity: 0.6;}

	/* MAIN - 991 */
	#main .section-desc{font-size: 18px;}
	
	.section-main-visual .screen-image{background-image: url('../images/main/m_main_jumbo.jpg') !important;}
	.section-main-visual .screen-text-wrap{top: 30%; height: auto;}
	.section-main-visual .screen-text-continer{text-align: center; max-width: 100%;}
	.section-main-visual .screen-text1{margin-bottom: 3rem;}
	.section-main-visual{height: auto}
	.show-mobile .screen-text-continer{padding: 1.5rem 0;}
	.show-mobile .section-main-visual .screen-text2{font-size: 16px;}
	.screen-btns{justify-content: center;}

	.video-thumb{max-height: 250px;}
	.make-item .item{margin-bottom: 30px; padding: 30px 15px;}
	.make-item .item:nth-child(2){margin: 0; margin-bottom: 30px;}
	.make-item{display: block;}
	.make-item .item .title{font-size: 18px;}

	#section-util{padding-bottom: 4rem;}
	.util-list ul li .util-icon.edit{background-image: url('../images/main/img_con02_ico01_act.png');}
	.util-list ul li .util-icon.converter{background-image: url('../images/main/img_con02_ico02_act.png');}
	.util-list ul li .util-icon.mark{background-image: url('../images/main/img_con02_ico03_act.png');}
	.util-list ul li .util-icon.ocr{background-image: url('../images/main/img_con02_ico04_act.png');}
	.util-list ul li .util-content, .util-list ul li:hover .util-content{color: #151515;}

	.util-list{flex-direction: column-reverse;}
	.util-list .util-image-wrap{/* width: 100%; max-width: 100%; height: 100%; min-height: 330px; margin-top: 20px; */ display: none;}
	.util-list ul{padding: 0; width: 100%;}
	.util-content{width: calc(100% - 110px);}
	.util-content h4{font-size: 20px;}
	.util-content p{font-size: 16px;}
	.util-icon{width: 80px; height: 80px;}
	.util-list ul li{margin-bottom: 20px;}

	.item-list .col-12{margin-bottom: 30px;}
	.item-list .item .item-title{font-size: 20px;}
	.item-list .item .item-desc{font-size: 16px;}
	.item-list .item{padding-bottom: 20px;}


	.full-popup{max-width: 100%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
	.full-popup.active{right: 0;}


	#section-make .section-header{max-width: 80%; margin: 0 auto 2rem;}

	#section-mac{padding: 3rem 0; background-image: url('../images/main/m_banner01_macOS.jpg'); height: 85.8vh;}
	.icon-logo-apple{display: block; margin: 0 auto 1rem; /* width: 30px; height: 37px; */}
	#section-mac .section-header .section-desc{display: none;}
	#section-mac .btn-wrap{bottom: 0; top: 46%; margin-top: -30px;}
	

	#swiper-customer .swiper{padding: 2rem  1rem;}
	#swiper-customer .swiper-slide img{max-width: 120px;}	
	.swiper-arrows{display: none;}


	/* ## SUB-991 */
	.sub .section-footer{padding: 7rem 0;}
	.subwrap-top{padding: 30px 0 20px;}
	.subwrap-top .subwrap-title{font-size: 26px; line-height: 1.3;}
	.subwrap-title-s{font-size: 32px;}
	
	.sub-top-visual{height: 150px;}
	.sub-top-visual .line{margin: 15px 0 13px;}
	.sub-top-visual .visual-desc{font-size: 24px;}
	.sub-top-visual .visual-title{font-size: 16px; }

    .lnb-wrap { border:0;box-shadow:0 0 10px rgba(0,0,0,0.2); border-top: 1px solid #ddd;}
	.lnb-wrap .lnb-menu{display: flex; height: 40px;}
	.lnb-wrap .lnb-menu li{flex: 1; font-size: 14px;}
	.lnb-wrap .lnb-menu .menu-box2:last-child {width:100%!important; border:0; background:#333}
	/* .lnb-wrap .lnb-menu .sub-menu { background:#333; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: -1; padding-bottom: 10px;}  */
	/* .lnb-wrap .lnb-menu .sub-menu a {color:#fff; border:0} */
	.lnb-wrap .lnb-menu .btn-lnb {letter-spacing: 0; width: 100%; padding-left: 12px; height: 40px; line-height: 40px; max-width: 100%; }
	.lnb-wrap .lnb-menu a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
	.lnb-wrap .lnb-menu .sub-menu a{text-align:center;padding:0 12px 0 12px; letter-spacing: 0; text-align:left; height: 40px; line-height: 40px;}
	/* .lnb-wrap .lnb-menu .btn-lnb .ic {width:56px;height: 56px;right: 0; top: 0; margin-top: 0; background: url("../img/hd/ico_gnb_arrow.png") no-repeat center center; background-size:38% auto} */
    /* .subwrap-top + .sub-wrap.notice-wrap .panel-sub:first-child {padding-top: 40px;} */
	.lnb-wrap .lnb-menu .btn-lnb .ic{right: 5px}

	.section-title{font-size: 24px; margin-bottom: 20px; line-height: 1.2;}
	.section-desc{font-size: 16px;}
	.section-image{margin-top: 30px;}
	.sub section.bg-section{padding-top: 2.5rem; padding-bottom: 2.5rem;}

	.sub-tab-nav li a{line-height: 1.2;}


	/* ## Key-991 */
	a.btn-download-lg{padding: 12px 40px; font-size: 16px;}

	.sub .section-main-visual{height: 67vh;}
	.sub .section-main-visual .screen-text-wrap{top: 25%;}
	.page-product.pro .section-main-visual .screen-image{background-image: url('../images/products/m_pro_jumbo_v2.jpg') !important;}
	.sub .section-main-visual .screen-text1{font-size: 32px; justify-content: center;}
	.section-main-visual .screen-text1.title-icon-wrap{margin-bottom: 1rem;}

	.screen-text2{font-size: 18px; color: #333;}
	.sub .show-mobile .screen-text-continer{background-color: #f7f8f9; padding: 1rem;}

	.page-product .section-title{font-size: 32px;}

	.section-license .section-title{margin-bottom: 3rem;}
	.license-wrap{display: block;}
	.license-wrap .item{flex: 1; margin: 0 auto 2rem; display: block; width: 90%;}
	.license-wrap .item:first-child{margin-left: auto;}

	.page-product .section-desc{font-size: 18px;}

	.f-row{display: block; margin-top: 3rem;}
	.f-image{width: 100%; height: 32.7vh;}
	.f-icon{display: none;}
	.f-title{font-size: 26px; margin-bottom: 1rem;}
	.f-desc{font-size: 16px;}
	.f-content-wrap{width: 100%; padding: 2rem;}
	.bg-p-edit{background-image: url('../images/products/m_pro_01.jpg');}

	.a-row{margin-top: 5rem; margin-left: 0;}
	.a-image{height: 35.7vh;}
	.icon-util{display: none;}

	.a-header{display: block; padding: 0 1rem; text-align: center;}
	.a-header .f-title{margin-right: 0; margin-top: 0; margin-bottom: 1rem;}
	.bg-p-mark{background-image: url('../images/products/m_pro_02.jpg');}

	.bg-p-ocr{background-image: url('../images/products/m_pro_03.jpg');}
	.bg-p-sign{background-image: url('../images/products/m_pro_04.jpg');}


	.feature-list li{flex: 1; max-width: 100%;}
	.feature-content{width: calc(100% - 100px);}

	.feature-list{display: block;}
	.feature-title{font-size: 20px;}

	.system-wrap{padding: 2.5rem 2rem;}
	.system-btns{flex-wrap: wrap; justify-content: space-between; }
	.system-label{width: 140px;}
	.system-desc{width: calc(100% - 140px);}
	.system-btns .btn{margin-right: 0; margin-bottom: 1rem; flex: 0 0 48%; min-width: auto; }
	/* .system-btns .btn + .btn{margin-left: 10px;} */

	.dx-table .table-comparison thead th{font-size: 18px;}
	.dx-table .table-comparison tbody td p{font-size: 14px;}

	.dx-table .table-comparison tbody td:last-child{padding: 10px;}

	.sub .section-footer .section-header-title{font-size: 32px;}
	.page-product .section-footer .section-desc{font-size: 16px;}
	.sub .section-header{margin-bottom: 1rem;}
	.section-footer .btn-wrap p{margin-top: 1rem;}


	.section-visual-mobile{background-color: #f5f7fa;}
	

	/* #### MAC */
	.page-product.mac .section-main-visual .screen-image{background-image: url('../images/products/m_macOS_jumbo_v2.jpg') !important;}

	.page-product.mac .section-main-visual .screen-text-wrap{top: 25%}

	.page-product.mac .system-btns{flex-wrap: nowrap;}
	.page-product.mac .system-btns .btn{margin-right: 1rem;}
	.page-product.mac .system-btns .btn:last-child{margin-right: 0;}

	
	.page-product.reader .section-main-visual .screen-image{background-image: url('../images/products/m_reader_jumbo.jpg') !important;}
	.page-product.reader .section-main-visual .screen-text1{font-size: 24px; letter-spacing: -0.8px;}
	.page-product.reader .screen-desc{display: none;}
	.page-product.reader .screen-btns{margin-top: 2rem;}
	.page-product.reader .section-main-visual .screen-text-wrap{top: 35%}

	.page-product.reader .f-image{height: 39vh;}
	.bg-r-01{background-image: url('../images/products/m_mobile_01_01.jpg');}
	.page-product.reader .f-content-wrap{padding-top: 2rem;}
	.f-row.reverse .f-content-wrap{padding: 1rem;}
	.f-row.reverse .f-content{text-align: center;}

	.page-product.reader .section-footer{background-image: url('../images/products/m_mobile_banner_01.jpg');}


	/* #### SERVER */
	/* .page-product.server .section-main-visual .screen-text1, .page-product.server .section-main-visual .screen-text2{color: #fff;} */
	.page-product.server .section-main-visual .screen-image{background-image: url('../images/products/m_server_jumbo.jpg') !important;}
	.page-product.server .section-main-visual .screen-text-wrap{top: 45%;}

	.bg-s-client{background-image: url('../images/products/m_server_01_01.jpg');}
	.bg-s-admin{background-image: url('../images/products/m_server_01_02.jpg');}
	.bg-s-sdk{background-image: url('../images/products/m_server_01_03.jpg');}

	.page-product.server .section-footer{background-image: url('../images/products/m_server_banner_01.jpg');}


	/* #### SDK */
	.page-product.sdk .section-main-visual .screen-image{background-image: url('../images/products/m_sdk_jumbo.jpg') !important;}
	.page-product.sdk .section-main-visual .screen-text-wrap{top: 42%;}

	.page-product.sdk .f-image{height: 32.3vh;}
	.page-product.sdk .f-content-wrap{padding: 1rem;}

	.page-product.sdk .section-footer{background-image: url('../images/products/m_sdk_banner_01.jpg');}
	.page-product.sdk .section-footer .btn-download-lg{padding: 22px 60px;}
	.page-product.sdk .section-footer .section-desc{font-size: 16px;}
	
	.bg-sdk-01{background-image: url('../images/products/m_sdk_01_01.jpg');}
	.bg-sdk-02{background-image: url('../images/products/m_sdk_01_02.jpg');}
	.bg-sdk-03{background-image: url('../images/products/m_sdk_01_03.jpg');}
	



	/* #### READER */
	.btn-qrcode{display: none;}

	/* ## About-991 */

	/* ## SUPPOPRT-991 */
	.online-wrap .desc-wrap{font-size: 16px;}

	.pdoc-wrap{margin-top: 3rem;}

	.tslInfoContent div{width: 100%; max-width: 100%;}

	/* #### FAQ-991 */
	.faq-wrap ul.faq li.faq-item a.faq-title span.subject{font-size: 16px;}


	/* ## PRODUCTS-991 */
	.page-products .section-desc{font-size: 16px;}
	.grid-item:first-child{margin-top: 0;}
	.grid-list{margin-top: 0;}
	.grid-item{margin-left: 20px;}
	.grid-list.bg-white .grid-item{padding-right: 20px; margin-left: 20px;}
	
	.product-title{font-size: 18px;}
	.product-title .line{width: 25px;}
	.product-item:first-child{margin-top: 0;}


	/* ## DOWNLOAD-991 */
	.download-list-wrap{display: block;}
	.download-list{max-width: 100%;}

	.download-wrap{border: 0; background-image: none;}
	.download-wrap .download-header{padding: 1rem; background-color: transparent; display: block; }


	.download-box{display: block; margin-left: 0;} 
	.download-box .dn-pac h3{margin: 0; text-align: center; background-position: center; margin-bottom: 2rem; background-size: contain;}
	.download-box .dn-pac{width: 100%; padding: 2rem;}
	.download-box .dn-form{width: 100%; padding: 30px; background: #dff6e6;}

	.dn-pac ul li{font-size: 14px; max-width: 80%;}
	.dn-pac .mark-30{top: 250px; width: 120px; height: 120px; background-size: cover; right: 20px;}
	.download-footer{margin-left: 0; padding: 2rem 0 1rem 0;}
	.download-footer ul{display: block;}
	.download-footer ul li{border-left: 0; border-bottom: 1px solid #000; padding-bottom: 1rem; margin-bottom: 1rem;}
	.download-footer ul li:last-child{border-bottom: 0; margin-bottom: 0;}

	.page-download.server .download-wrap{background-image: none;}

	.page-download.ocr .download-header{text-align: center;}
	.page-download.ocr .download-header h3{font-size: 28px;}
	.page-download.ocr .download-header a{display: block; margin-top: 1rem; text-align: right;}

	.page-download.ocr .lang-box div{padding: 1rem;}
	.page-download.ocr .lang-box a{position: relative; display: block; top: 0; right: 0; left: 0; margin-top: 0.5rem;}

	.page-download.archive .download-header{text-align: center;}
	.page-download.archive .download-header a{display: block; margin-top: 1rem; text-align: right;}
	.page-download.archive .download-header h3{font-size: 28px;}
	.archive-content{padding: 1rem; padding-top: 0;}

	/* ## SUPPORT-991 */
	.contact-wrap{padding-top: 3rem;}
	.wh-wrap{padding: 1rem 1rem 2.5rem;}
	.form-table td{padding-left: 20px;}



	/* ## FORM-991 */
	.bs-number-input{width: 100%; display: flex; align-items: center; justify-content: space-between;}
	.bs-number-input .bno1{width: 30%;}
	.bs-number-input .bno2{width: 20%;}
	.bs-number-input .bno3{width: 50%;}

	/* ## BOARD-991 */
	.bbs-wrap{margin-bottom: 50px;}

	.bbs-table table thead td, .bbs-table table tbody td.ft-s, .bbs-table .type-box {font-size: 18px; padding: 15px;}
	/* .bbs-table table td, .bbs-table table tbody td.subject {font-size: 18px; line-height: 24px; font-weight: normal;} */

	.bbs-table table td.subject .category{display: block; margin-bottom: 5px;}
	.bbs-table table tbody td.subject, .bbs-table table td a, .bbs-table table td, .bbs-table table tbody td.subject { color: #333; font-weight: 500; padding: 10px;}
	.bbs-table table tbody td.subject, .bbs-table table tbody td.subject + td {display: block; text-align: left!important; border: 0; padding: 20px 10px; }
	.bbs-table table tbody td.subject {padding-bottom: 0;}
	.bbs-table table tbody td.subject + td {padding-top: 5px; border-bottom: 1px solid #d5d5d5;}
	.bbs-table table tbody td.subject a {max-width: 75%; padding: 0;}


	.bbs-list-search{font-size: 14px;}
	.bbs-list-search .search-wrap li .select-box{width: 90px;}
	.bbs-list-search .search-wrap li .btn-search{right: -10px;}
	.bbs-list-search .search-wrap{max-width: 320px; margin: 0 auto;}
	.bbs-list-search .search-wrap li input[type=text]{max-width: 150px;}

	.bbs-bot{margin-top: 50px;}
	.bbs-bot ul li{font-size: 14px;}
	#post-content iframe{max-width: 100%; width: 100%; height: auto; min-height: 280px;}


	/* ## Panel - 991 */
	.panel{padding: 0 15px; margin-bottom: 3rem;}
	.panel-footer{padding: 1rem;}
	.panel-header h2{font-size: 24px;}
	.panel-body{padding: 0 1rem 3rem;}
	.password-wrap .panel{margin: 50px auto;}

	.alert{font-size: 14px;}


	/* ## Terms */
	.privacy-wrap{padding-bottom: 50px;}
	.privacy-wrap .privacy-box.summary{padding: 15px;}
	.privacy-box.summary .list-style-box, .privacy-box.summary .list-style{display: block; margin: 0 auto; width: 100%;}
}

@media(min-width: 768px){
	.section3-banner{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
	.section3-banner a{-webkit-box-flex: 1; -webkit-flex: 1 1 0px; -moz-box-flex: 1; -moz-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; margin-right: 40px; padding: 34px 40px;  background-color: #ffeef3; }


    /* #sp-footer{position: absolute; bottom: 0; width: 100%; left: 0;} */
    #sp-wrapper.register #sp-footer{position: relative}

	/* .panel.panel-login{position: absolute; top: 50%; left: 50%; margin-top: -350px; margin-left: -240px;} */
	
	/* .brand-info{-moz-flex-direction: row; flex-direction: row; } */

}

@media (max-width: 767px){
	

	/* ## FOOTER-767 */
	#footer .footer-bottom .footer-logo a{display: none;}
	/* #footer .footer-bottom .address{max-width: 80%;} */

	/* ## MAIN-767 */
	
	.section-main-visual .screen-text1{font-size: 32px;}
	.section-main-visual .screen-text2{font-size: 18px;}
	.section-main-visual .btn{font-size: 18px;}

	.make-item .item .item-image{min-height: 250px;}
	

	.layer-popup .pop-wrap{width: 100%; height: 100%; padding: 20px;}
	.pop-header{padding: 10px 0 0 0; height: 30px;}
	.pop-content{height: calc(100% - 60px); overflow-y: scroll; padding: 15px; max-height: 80vh;}
	.pop-footer{position: fixed; width: 100%; bottom: 10px;}
	.pop-wrap .btn-close{top: 30px; right: 20px; text-indent: -9999px; width: 20px; height: 20px;}
	.pop-wrap .btn-close.cross:before, .pop-wrap .btn-close.cross:after{background-color: #000;}
	.pop-footer .btn-close{top: 0; left: 0; right: 0; text-indent: 0; width: auto; height: auto;}
	
 		
	/*  ## SUB-767 */
	.sub section:last-child{margin-bottom: 2.5rem;}
	.sub.page-download section:last-child{padding-bottom: 2.5rem;}
	.sub section.bg-section{margin-bottom: 0;}
	.sub-tab-nav-warp{margin-top: 0;}
	.sub-tab-nav-warp .container{padding: 0;}
	.sub-tab-nav{transition: all 0.3s; width: 100%; z-index: 1; }
	.sub-tab-nav.active{display: flex; opacity: 1; background-color: #fff;}

	.sub-tab-nav li{border-bottom-width: 1px;}
	.sub-tab-nav li a{font-size: 14px; }
	.sub-tab-nav li.active{background-color: transparent; border-bottom-width: 2px;}
	/* .sub-tab-nav li.active a{color: #fff;} */
	.sub-tab-nav li a:after{display: none;}

	.fixed-nav .sub-tab-nav-warp .container{padding: 0;}
	.fixed-nav .sub-tab-nav{width: 100%;}

	/* .sub-tab-nav-warp .btn-lnb{display: block; background-color: #2351b1; color: #fff; padding: 12px 10px;} */
	.btn-lnb{padding: 19px 20px; width: 100%; display: block; position: relative; line-height: 1; }
	.btn-lnb .more{position: absolute;  width: 40px; height: 40px; right: 0; top: 0; text-align: center; line-height: 40px;}
	.btn-lnb .more .icon{width: 20px; height: 10px; background: url('../images/icons/ico_angle_down.png') no-repeat center; display: inline-block; background-size: 20px 10px;}

	.sub-tab-nav-warp .btn-lnb.active .icon{background-image: url('../images/icons/ico_angle_down_on.png');}

	.sub-top-tab{position: relative;}
	.sub-top-tab.white{background-color: #333;}
	.sub-top-tab ul{display: none; overflow: hidden;}
	.sub-top-tab ul li{display: block; width: 100%;}
	.sub-top-tab ul li a{color: #ccc; text-align: left;}
	.btn-top-tab{position: relative; display: flex; white-space: nowrap; padding: 11px 0; justify-content: space-between; color: #fff;}
	.btn-top-tab .icon{width: 12px; height: 7px; background: url('../images/icons/ico_arw_down.png') no-repeat center; display: inline-block; background-size: 12px 7px; position: absolute; top: 17px; right: 0;}
	.btn-top-tab.active .icon{background-image: url('../images/icons/ico_arw_up.png');}
	.sub-top-tab.white ul li.active a, .sub-top-tab.white ul li a:hover{color: #fff;}

	/* ## Key-767 */
	


	/* ## DOWNLOAD-767 */
	.download-title .section-title{font-size: 28px;}
	.download-title{padding: 2rem 0;}
	

	.table-responsive table.version{width: 800px;}



	/* ## SUPPORT-767 */
	.contact-box-wrap{display: block;}
	.contact-box + .contact-box{margin-left: 0; margin-top: 2rem;}
	.location-wrap{display: block;}
	.location-map{width: 100%;}
	.location-box{width: 100%;}
	.location-content:last-child{margin-bottom: 0;}


	.manual-list ul li{flex: 0 0 50%;}
	.manual-list ul li a{padding: 1rem;}

	
	.page-resource.compare .sub-tab-nav li{display: block;}
	.page-resource.compare .sub-tab-nav{display: block;}

	.compareTable th strong{font-size: 16px;}
	.compareTable .imgWrap{max-width: 100px;}
	.compareTable.title th:first-child{display: none;}
	.compareTable.content tr{display: flex; flex-wrap: wrap;}
	.compareTable.content td:first-child{width: 100%; border-right: 0; border-bottom: 1px dashed #d6d6d6;}
	.compareTable.content td, .compareTable.content th{width: 33.33%;}


	.productCompareInfo h4{font-size: 20px; line-height: 1.2;}
	.table-responsive .compareBasicTable.tsl{width: 600px;}

	.q-mark-title{display: flex; justify-content: space-between; align-items: center}
	.compareInfoBlock.tsl .q-mark-title h4{font-size: 20px; width: 90%; margin-left: 0; }


	/* ## About-767 */
	.about-header{padding: 1rem; text-align: center;}
	.about-header h3{margin-bottom: 1rem; font-size: 24px}
	.about-header p{display: inline-block; line-height: 1.6; margin-bottom: 0.5rem; font-size: 0.85rem; width: 100%;}

	.about-row .date{float: none; width: 100%; padding: 2rem 1rem 1rem; text-align: left; }
	.about-row .date span{display: inline-block; }
	.about-row .date .year{font-size: 32px; margin-right: 1rem; border-bottom: 1px solid #eee; padding-bottom: 0.5rem; line-height: 1em;}
    .about-row .content{width: 100%; float: none; padding: 1rem; padding-top: 0; background: none;}
	.about-row .content .about-image{display: none;}
    .about-row .content h4{margin: 0; margin-bottom: 1rem;}
    .about-row .content p{margin-left: 0;}
	
	.partner-wrap .btn-flex-wrap{display: block;}
	.partner-wrap .btn-flex-wrap a{margin-left: 0; margin-right: 0; margin-bottom: 1rem;}


	/* ## PRODUCTS-767 */
	.grid-list{display: block;}
	.grid-image-wrap{margin-bottom: 10px;}
	.grid-item{margin-top: 30px; margin-left: 0;}

	.grid-list.bg-white .grid-item{border-right: 0; padding-right: 0;}
	.grid-list.bg-white .grid-item{margin-left: 0;}

	.grid-list.bg-white .grid-content{padding-bottom: 20px;}

	.pdoc-wrap .grid-list .grid-item{margin-left: 0;}
	.pdoc-wrap .grid-item .grid-content{height: auto;}

	
	/* ## PANEL-767 */
	
	.social-login{padding: 1rem;}

	.form-table colgroup {display: none;}
	.form-table th {padding-bottom: 10px; padding-top: 15px; border-bottom: 0; text-align: left; }
	.form-table th.req {background-position: left center; width: auto;}
	.form-table .name-input, .form-table .phone-input {width: 100%;}
	.form-table th, .form-table td {width: 100%; display: block; }
	.form-table th + td {padding-top: 0; padding-left: 0;}

	.form-table .select-box {height: 40px;}
	.form-table .select-box .btn-select{padding-left: 0;}
	/* .select-box .select {z-index: 10;}
	.select-box .btn-select {z-index: 1;} */

	.form-table .email-input{width: 100%; display: block;}
	.form-table .email-input .dx-input{width: 47%;}
	.form-table .email-input .unit{width: 6%;}
	.form-table .email-input .select-box{display: block; position: relative; clear: both; width: 100%; margin-left: 0; margin-top: 10px; top: 5px; padding-left: 5px;}

	.form-table .phone-input + a {display: block; margin-left: 0; margin-top: 5px; height: 44px; line-height: 44px; padding: 0; font-size: 15px;}

	.form-table .num-input {width: 100%;}
	.form-table .num-input .dx-input {width: 100%;}
	.form-table .num-input a {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}
	.form-table .num-input .time {font-size: 17px; padding-left: 0; margin-top: 10px; margin-left: 0; display: block;}

	.form-table .category-input {width: 100%; position: relative;}
	.form-table .category-input .select-box {width: calc(100% - 110px);}
	.form-table .category-input a.btn-info {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}

	.input-inner{margin-top: 10px;}

	.form-table .product-input{width: 100%;}
	.form-table .product-input .select-box{width: 45%;}

	.select-input{width: 100%;}
	.select-input .select-box{width: 100%; margin-left: 0; padding-left: 5px;}

	.contact-top .label-req{font-size: 12px;}

	/* ## MYPAGE-767 */
	.mypage-form{padding: 15px;}

	.page-mypage .form-table .category-input .select-box{width: 100%;}
	.mypage-form .form-table .time-input .select-box{width: 48%;}


	/* ## BOARD-767 */
	.bbs-top{flex-direction: column-reverse; align-items: flex-start;}
	.bbs-top .top-right {position: relative; background: #fff; margin-bottom: 1rem;}
	.bbs-top .top-right ul.search-wrap {display: table; width: 100%; table-layout: fixed; margin: 0 auto; padding: 0; }
	.bbs-top .top-right ul.search-wrap > li {display: table-cell; vertical-align: bottom; width: 30%; position: relative; }
	.bbs-top .top-right ul.search-wrap > li .select-box {width: 90%;}
	.bbs-top .top-right ul.search-wrap > li + li {width: 70%;}
	.bbs-top .top-right ul.search-wrap > li + li::before {background: #fff; width: 10px; height: 106%; content: ""; display: block; left: -10px; bottom: 0; z-index: 10;}
	.bbs-top .top-right ul.search-wrap > li + li input,
	/* .bbs-top .top-right.single ul.search-wrap li input {width: 100%; padding: 13px 0; border-bottom: 1px solid #d5d5d5;} */
	.bbs-top .top-right ul.search-wrap > li + li .btn-search {right: 10px;}
	.bbs-top .top-right ul.search-wrap > li input[type=text]{border-bottom: 1px solid #e1e1e1; width: 100%;}
	.bbs-top .top-right ul.search-wrap .select-box .btn-select{border-bottom: 1px solid #e1e1e1;}
	.bbs-top .top-right ul.search-wrap .btn-write{position: absolute; top: 78px; right: 5%; margin-left: 0;}



	table.bbs-view td.subject .detail-header {padding: 15px;}
	table.bbs-view td.subject .detail-header p.hd-tit {font-size: 24px; line-height: 1.3em;}
	table.bbs-view td.subject .detail-header .label-type {top: 0; margin-top: 0; right: 0; }

	table.bbs-view tbody td.contents, table.bbs-view tbody td.file-wrap {padding: 20px 0;}
	table.bbs-view tbody td.file-wrap ul li {padding-right: 0; width: 30px;}
	table.bbs-view tbody td.file-wrap p {content: ""; width: 20px; display: block; height: 20px; }
	table.bbs-view tbody td.file-wrap p span {display: none;}

	.bbs-bot ul li {width:50px}
	.bbs-bot ul li.date {width:80px!important; padding-right: 0;}


	.board-table .category-input .select-box{width: 100%;}

	.bbs-write{padding: 15px 10px; overflow: hidden;}
	.board-write .btn{width: 49%; float: left;}
	.board-write.btn-group .btn + .btn{margin-left: 2%;}

	.empty-wrap p{font-size: 16px;}

	/* ## FAQ-767 */
	.page-faq .sub-top-visual{padding: 30px; margin-bottom: 30px;}
	.page-faq .sub-top-visual .visual-desc{font-size: 15px;}
	.faq-wrap ul.faq li.faq-item a.faq-title {padding: 20px 0 20px 20px; position: relative;}	
	.faq-wrap ul.faq li.faq-item a.faq-title span.arrow {right: 10px;}
	.faq-wrap ul.faq li.faq-item .faq-label{margin-right: 10px;}
	.faq-wrap ul.faq li.faq-item .answer{padding-left: 20px;}
	.faq-wrap ul.faq li.faq-item .answer .answer-content{width: calc(100% - 25px);}

}


@media (max-width: 640px){

	.buy-item{flex-direction: column; padding: 2rem;}
	.buy-logo{margin-bottom: 2rem;}
	.buy-content{margin-left: 0;}

}

@media (max-width: 480px){
	

	.form-group .form-content.inq-row{flex-direction: column;}
	.form-group .form-content .name-container{width: 100%; margin-right: 0; margin-bottom: 40px;}
	.form-group .form-content .phone-container{width: 100%;}
	/* .form-group .form-content .location-input{flex-direction: column;} */
	/* .form-group .form-content .location-input .select-box{width: 100%; } */
	/* .form-group .form-content .location-input .select-box.sub{width: 100%; margin-left: 0; margin-top: 20px;} */

	.main-swiper .swiper-slide{max-width: 80%;}

	/* ## STORE DETAIL - 480 */
	.gallery-item a{min-height: 110px;}
	.search-category .select-box{width: 42%;}

	/* .bbs-table table tbody td.subject a{max-width: 60%;} */

	.post-action .btn{min-width: auto;}
	.btn-group .btn + .btn{margin-left: 10px;}
	.media .reply{padding: 10px 0;}
}

/* @media (max-width: 400px){
	
}

@media (max-width: 360px){
	.bbs-table table tbody td.subject a{max-width: 50%;}
} */