/*
 * File       : style-kms.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 *
 * SUMMARY:
 * 1)  SUB HEADER - SQUARE CUSTOM
 * 2)  GLOBAL
 * 3)  회사개요
 * 4)  인재채용
 * 5)  사업영역
 * 6)  제품소개
 * 7)  개인정보취급방침
 * 8)  이용약관
 * 9)  404
 * 10) GOTOP
 * 11) 20161107 수정 - MAIN VISUAL SLIDE05 추가
 * 12) 전자공고
 * 13) 제품상세
 * 14) 고객지원
 * 15) 20170719 수정 - MAIN VISUAL SLIDE07 추가
 */



/* **************************************** *
 * SUB HEADER - SQUARE CUSTOM
 * **************************************** */
.square.square_3x4 span {width: 33.33%; height: 25%;} /* square_3x4 layout */

.square.square_3x3 span {width: 33.33%;} /* square_3x3 layout */
.square_3x3 span:nth-child(1) {left: 0;      top: 0;      -webkit-transition-delay:100ms;      transition-delay:100ms}
.square_3x3 span:nth-child(2) {left: 33.33%; top: 0;      -webkit-transition-delay:200ms;      transition-delay:200ms}
.square_3x3 span:nth-child(3) {left: 66.66%; top: 0;      -webkit-transition-delay:300ms;      transition-delay:300ms}
.square_3x3 span:nth-child(4) {left: 0;      top: 33.33%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_3x3 span:nth-child(5) {left: 33.33%; top: 33.33%; -webkit-transition-delay:350ms; transition-delay:350ms}
.square_3x3 span:nth-child(6) {left: 66.66%; top: 33.33%; -webkit-transition-delay:450ms; transition-delay:450ms}
.square_3x3 span:nth-child(7) {left: 0;      top: 66.66%; -webkit-transition-delay:500ms; transition-delay:500ms}
.square_3x3 span:nth-child(8) {left: 33.33%; top: 66.66%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_3x3 span:nth-child(9) {left: 66.66%; top: 66.66%; -webkit-transition-delay:200ms; transition-delay:200ms}

.square.square_3x2 span {width: 33.33%;} /* square_3x2 layout */
.square_3x2 span:nth-child(1) {left: 0;      top: 12%;      -webkit-transition-delay:100ms;      transition-delay:100ms}
.square_3x2 span:nth-child(2) {left: 33.33%; top: 12%;      -webkit-transition-delay:200ms;      transition-delay:200ms}
.square_3x2 span:nth-child(3) {left: 66.66%; top: 12%;      -webkit-transition-delay:300ms;      transition-delay:300ms}
.square_3x2 span:nth-child(4) {left: 0;      top: 54%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_3x2 span:nth-child(5) {left: 33.33%; top: 54%; -webkit-transition-delay:350ms; transition-delay:350ms}
.square_3x2 span:nth-child(6) {left: 66.66%; top: 54%; -webkit-transition-delay:450ms; transition-delay:450ms}

.square_4x4 span:nth-child(1) {left: 0;   top: 0;   -webkit-transition-delay:100ms;   transition-delay:100ms}
.square_4x4 span:nth-child(2) {left: 25%; top: 0;   -webkit-transition-delay:250ms;   transition-delay:250ms}
.square_4x4 span:nth-child(3) {left: 50%; top: 0;   -webkit-transition-delay:400ms;   transition-delay:400ms}
.square_4x4 span:nth-child(4) {left: 75%; top: 0;   -webkit-transition-delay:550ms;   transition-delay:550ms}
.square_4x4 span:nth-child(5) {left: 0;   top: 25%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_4x4 span:nth-child(6) {left: 25%; top: 25%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_4x4 span:nth-child(7) {left: 50%; top: 25%; -webkit-transition-delay:550ms; transition-delay:550ms}
.square_4x4 span:nth-child(8) {left: 75%; top: 25%; -webkit-transition-delay:700ms; transition-delay:700ms}
.square_4x4 span:nth-child(9) {left: 0;   top: 50%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_4x4 span:nth-child(10){left: 25%; top: 50%; -webkit-transition-delay:550ms; transition-delay:550ms}
.square_4x4 span:nth-child(11){left: 50%; top: 50%; -webkit-transition-delay:700ms; transition-delay:700ms}
.square_4x4 span:nth-child(12){left: 75%; top: 50%; -webkit-transition-delay:850ms; transition-delay:850ms}
.square_4x4 span:nth-child(13){left: 0;   top: 75%; -webkit-transition-delay:550ms; transition-delay:550ms}
.square_4x4 span:nth-child(14){left: 25%; top: 75%; -webkit-transition-delay:700ms; transition-delay:700ms}
.square_4x4 span:nth-child(15){left: 50%; top: 75%; -webkit-transition-delay:850ms; transition-delay:850ms}
.square_4x4 span:nth-child(16){left: 75%; top: 75%; -webkit-transition-delay:1000ms; transition-delay:1000ms}

.pg .square_container {width: 405px;height: 385px;} /* square_pg layout */
.square_pg span:nth-child(1) {width: 33.33%; left: -3.33%; top: 0;      -webkit-transition-delay:100ms;      transition-delay:100ms}
.square_pg span:nth-child(2) {width: 33.33%; left: 34.33%; top: 0;      -webkit-transition-delay:300ms;      transition-delay:300ms}
.square_pg span:nth-child(3) {width: 33.33%; left: 70.66%; top: 0;      -webkit-transition-delay:400ms;      transition-delay:400ms}
.square_pg span:nth-child(4) {width: 25%;    left: 0;      top: 33.33%; -webkit-transition-delay:200ms; transition-delay:200ms}
.square_pg span:nth-child(5) {width: 25%;    left: 25%;    top: 33.33%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_pg span:nth-child(6) {width: 25%;    left: 50%;    top: 33.33%; -webkit-transition-delay:300ms; transition-delay:300ms}
.square_pg span:nth-child(7) {width: 25%;    left: 75%;    top: 33.33%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_pg span:nth-child(8) {width: 100%;   left: 0;      top: 66.66%; -webkit-transition-delay:300ms; transition-delay:300ms; font-size:45px;}

.salt .square_container {width: 405px;height: 478px;} /* square_salt layout */
.square_salt.square span {width: 20%; height: 25%;}
.square_salt span:nth-child(1)  {left: 0;   top: 0;   -webkit-transition-delay:100ms;   transition-delay:100ms}
.square_salt span:nth-child(2)  {left: 20%; top: 0;   -webkit-transition-delay:200ms;   transition-delay:200ms}
.square_salt span:nth-child(3)  {left: 40%; top: 0;   -webkit-transition-delay:300ms;   transition-delay:300ms}
.square_salt span:nth-child(4)  {left: 60%; top: 0;   -webkit-transition-delay:400ms;   transition-delay:400ms}
.square_salt span:nth-child(5)  {left: 80%; top: 0;   -webkit-transition-delay:500ms;   transition-delay:500ms}
.square_salt span:nth-child(6)  {left: 0;   top: 25%; -webkit-transition-delay:150ms; transition-delay:150ms}
.square_salt span:nth-child(7)  {left: 20%; top: 25%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_salt span:nth-child(8)  {left: 40%; top: 25%; -webkit-transition-delay:350ms; transition-delay:350ms}
.square_salt span:nth-child(9)  {left: 60%; top: 25%; -webkit-transition-delay:300ms; transition-delay:300ms}
.square_salt span:nth-child(10) {left: 80%; top: 25%; -webkit-transition-delay:200ms; transition-delay:200ms}
.square_salt span:nth-child(11) {left: 0;   top: 50%; -webkit-transition-delay:200ms; transition-delay:200ms}
.square_salt span:nth-child(12) {left: 20%; top: 50%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_salt span:nth-child(13) {left: 40%; top: 50%; -webkit-transition-delay:500ms; transition-delay:500ms}
.square_salt span:nth-child(14) {left: 60%; top: 50%; -webkit-transition-delay:450ms; transition-delay:450ms}
.square_salt span:nth-child(15) {left: 80%; top: 50%; -webkit-transition-delay:350ms; transition-delay:350ms}
.square_salt span:nth-child(16) {width: 25%; left: -4.5%; top: 75%; -webkit-transition-delay:350ms; transition-delay:350ms}
.square_salt span:nth-child(17) {width: 25%; left: 23.5%; top: 75%; -webkit-transition-delay:550ms; transition-delay:550ms}
.square_salt span:nth-child(18) {width: 25%; left: 51.5%; top: 75%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_salt span:nth-child(19) {width: 25%; left: 79.5%; top: 75%; -webkit-transition-delay:100ms; transition-delay:100ms}



/* **************************************** *
 * GLOBAL
 * **************************************** */
a.smartro_btn_basic {display: block;width: 220px;margin: 0 auto;padding: 10px 0 12px 30px;font-size: 14px;letter-spacing: .1em;text-align: left;color: #fff;border: 1px solid #dc372b;background: #dc372b url(../images/sub/jobs-btn-arrow.png) no-repeat 157px center;}
a.smartro_btn_basic.white {border: 1px solid #fff;background: transparent url(../images/sub/jobs-btn-arrow.png) no-repeat 157px center;}
a.smartro_btn_basic.point_color {color: #dc372b;background: #fff url(../images/sub/jobs-btn-arrow-color.png) no-repeat 157px center;}
a.smartro_btn_basic.go_kakao {color:#000;background: #fae100 url(../images/sub/bizzle-kakao-ch-icon.svg) no-repeat 163px  center;}
a.smartro_btn_long {display: block;width: 217px;margin: 5% 0 0;font-size: 11px;line-height: 1;letter-spacing: .4em;text-align: left;color: #fff;background: transparent url(../images/sub/van-btn-long-arrow.png) no-repeat left bottom;}

.action_btn.smartro_btn_basic:before {background-image: url(../images/sub/jobs-btn-arrow.png); background-position: 157px center;}
a.smartro_btn_basic.go_kakao:before {background-color:#e2cc00; background-image: url(../images/sub/bizzle-kakao-ch-icon.svg); background-position: 163px  center;}
.action_btn.smartro_btn_basic.point_color:before {background-color:#fbebea; background-image:url(../images/sub/jobs-btn-arrow-color.png);}
.action_btn.smartro_btn_basic.white:before{background-color: rgba(191, 38, 29, 0.4);}
.mobile_br {display: none;}



/* **************************************** *
 * 회사개요
 * **************************************** */
.introduce_about p span{display: inline-block;}



/* **************************************** *
 * 인재채용
 * **************************************** */
body.page-id-32 .sub_menu li,
body.page-id-34 .sub_menu li,
body.page-id-36 .sub_menu li {width: 33.3333%;}

.careers h2.sub_part_title {font-size: 24px;font-weight: 700;color: #dc372b;}

.careers_full_grid {float: left;width: 50%;height: 440px;position: relative;}
.careers_full_grid h2 {padding-bottom: 0.8%;font-size: 27px;font-weight: 700;color: #fff;}
.careers_full_grid p {font-size: 14px;font-weight: 700;color: #fff;}
.careers_full_grid p a, .sub_part_jobs_01 .sub_jobs_content p a:hover {color: #fff;}
.careers_full_grid .table_wrap {display: table;width: 100%;height: 100%;padding: 0 3%;position: absolute;top: 0; left: 0;}
.careers_full_grid .table_wrap > div {display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;}

p.sub_part_number {font-size: 14px;font-weight: bold;color: #fff;padding: 34px 0 0 41px;}
p.sub_part_number span {position: relative;}
.load p.sub_part_number span:after {width: 107px;left: 27px;}
p.sub_part_number span:after {display: block;position: absolute;left: 27px;width: 0px;height: 3px;background: #fff;top: 9px;content: "";-webkit-transition: width 800ms;transition: width 800ms;right: -30px;}

/* 인재상 */
.talent .sub_header {background-image: url('../images/sub/talent-header.jpg');}

.sub_part_talent {float: left;width: 100%;position: relative;}
.sub_part_talent:before {content: '';width: 96%;height: 92%;position: absolute;top: 4%;left: 2%;overflow: hidden;border: 1px solid rgba(255,255,255,0.4);z-index: 2;-moz-box-sizing: border-box;box-sizing: border-box;}
.sub_talent_content {width: 50%;padding: 18.2% 2.5% 19.8%;text-align: center;}
.sub_talent_content h2 {padding-bottom: 2%;font-size: 1em;font-weight: 700;letter-spacing: .8em;word-wrap: break-word;color: #fff;}
.sub_talent_content p {font-size: 15px;font-weight: 700;line-height: 1.9;letter-spacing: .6em;color: #fff;}
.sub_talent_content p span {font-size: 28px;font-weight: 700;line-height: 1.5;letter-spacing: 0;color: #fff;}
.sub_talent_content01 {float: left;background: url('../images/sub/talent-content-bg01.jpg') no-repeat center center;background-size: cover;}
.sub_talent_content02 {float: right;background: url('../images/sub/talent-content-bg02.jpg') no-repeat center center;background-size: cover;}

/* 인사제도/복리후생 */
.hr .sub_header {background-image: url('../images/sub/hr-header.jpg');}

.sub_part_hr_01 {float: left;width: 100%;position:relative;}
.careers_full_grid.sub_hr_content01 {background: url('../images/sub/hr-content-bg01.jpg') no-repeat center center;background-size: cover;}
.careers_full_grid.sub_hr_content02 {background: url('../images/sub/hr-content-bg02.jpg') no-repeat center center;background-size: cover;}
.careers_full_grid.sub_hr_content03 {width: 100%;margin-top: -1px;background: url('../images/sub/hr-content-bg03.jpg') no-repeat center center;background-size: cover;}
.sub_part_hr_01 .motion_bar_01{width:7px;height:199px;left: 22.5%;top: 27.2%;}
.sub_part_hr_01 .motion_bar_02{width:16px;height:90px;left: 36.7%;top: 58.4%;}
.sub_part_hr_01 .motion_bar_03{width:7px;height:162px;right: 38.7%;top: 61.5%;}
.sub_part_hr_01 .motion_bar_04{width:34px;height:119px;right: 24.7%;top: 14.4%;}
.sub_part_hr_02 {float: left;width: 100%;padding: 5.8% 2% 63px;text-align: center;}
.sub_hr_02_content01 ul {display: block;margin: 1% 0 3.4%;padding: 0 5%;}
.sub_hr_02_content01 ul li {display: inline-block;width: 200px;padding: 0 5px 65px;}
.sub_hr_02_content01 ul li p {font-size: 16px;font-weight: 700;color: #222;position: relative;}
.sub_hr_02_content01 ul li p:before {content: '';display: block;width: 100%;height: 6px;position: absolute;left: 0;bottom: 5px;background: #eee;}
.sub_hr_02_content01 ul li p:after {content: '';width: 41px;height: 69px;position: absolute;bottom: -57px;left: -30px;background: transparent url(../images/sub/hr-year.png) no-repeat center center; }
.sub_hr_02_content01 ul li:last-child p:after {background-image: url(../images/sub/hr-year-02.png); }
.sub_hr_02_content01 ul li:first-child p:after {display: none;}
.sub_hr_02_content01 ul li p span {position: relative;z-index: 2;}

.sub_part_hr_03 {float: left;width: 100%;padding: 3.2% 0 100px;text-align: center;background: #fafafa;}
.sub_hr_03_content01 {width: 100%;max-width: 1023px;margin: auto;}
.sub_hr_03_content01 h2 {padding-bottom: 3.7%;}
.sub_hr_03_content01 h3 {padding-bottom: 6.5%;font-size: 18px;font-weight: 700;color: #444;text-align: center;border-bottom: 4px solid #dc372b;}
.sub_hr_03_content01 p {padding: 2.5% 0;font-size: 14px;font-weight: 700;color: #222;word-break: keep-all;}
.sub_hr_03_content01 li:nth-child(2) {margin-top:-2.5%;}
.sub_hr_03_content01 p.sub {padding-left:9px;font-weight: 400;color: #666;}
.sub_hr_03_content01 p.sub:before{content: '-';font-size: 14px;font-weight: 400;color: #666;position: absolute;left: 0;top: 5px;}
.sub_hr_03_content01 p span {display: inline-block;}
.hr_grid {float: left;width: 313px;min-height: 776px;padding: 0 27px;text-align: left;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.hr_grid.grid01, .hr_grid.grid02 {margin-right: 42px;}
.hr_grid img {display: block;margin: 16% auto 8%;max-width: 100%;}
.hr_grid > ul {display: block;width: 100%;margin-top: 15px;}
.hr_grid > ul > li {display: block;width: 100%;padding: 2% 0;border-bottom: 1px dotted #ddd;}
.hr_grid > ul > li:last-child {border-bottom: none;}
.hr_grid > ul > li > ul > li {position: relative;}

/* 채용안내 */
.jobs .sub_header {background-image: url('../images/sub/jobs-header.jpg');}

.sub_part_jobs_01 {float: left;width: 100%;}
.careers_full_grid.sub_jobs_content01 {background: url('../images/sub/jobs-content-bg01.jpg') no-repeat center center;background-size: cover;}
.careers_full_grid.sub_jobs_content02 {background: url('../images/sub/jobs-content-bg02.jpg') no-repeat center center;background-size: cover;}

.sub_part_jobs_02 {float: left;width: 100%;padding: 5.8% 0 63px;text-align: center;background: #fafafa;}
.sub_jobs_02_content01 ul {display: block;margin: 2.3% 0 3.8%;padding: 0 5%;}
.sub_jobs_02_content01 ul li {display: inline-block;width: 200px;margin: 1% 0;padding: 0 5px;}
.sub_jobs_02_content01 ul li figure {width: 100%;text-align: center;}
.sub_jobs_02_content01 ul li figure img {display: block;margin: 0 auto;max-width: 100%;vertical-align: top;}
.sub_jobs_02_content01 ul li figcaption {padding-top: 12%;}
.sub_jobs_02_content01 ul li figcaption p {font-size: 16px;font-weight: 700;color: #222;position: relative;}
.sub_jobs_02_content01 ul li figcaption p:before {content: '';display: block;width: 100%;height: 6px;position: absolute;left: 0;bottom: 5px;background: #eee;}
.sub_jobs_02_content01 ul li figcaption p:after {content: '';width: 7px;height: 7px;position: absolute;bottom: 5px;right: -13px;background: transparent url(../images/sub/jobs-arrow.png) no-repeat center center; }
.sub_jobs_02_content01 ul li:last-child figcaption p:after {display: none;}
.sub_jobs_02_content01 ul li figcaption p span {position: relative;z-index: 2;}

.sub_part_jobs_02 a.smartro_btn_basic {width: 175px;background-position: 123px center;}



/* **************************************** *
 * 사업영역
 * **************************************** */
.business h2.sub_part_title {margin: 3.2% 0 1%; font-size: 24px;font-weight: 700;color: #dc372b;}
.business h2.sub_part_title.pic_grid_header {margin: 3.2% 0 1.5%; font-size: 24px;font-weight: 700;color: #dc372b;}

.business_banner_wrap {float: left;width: 100%;height: 520px;position: relative;background: #D2544D url('../images/sub/van-banner.jpg') center center no-repeat;background-size: cover;}
.business_banner_wrap strong { color: #fff; font-size: 27px; font-weight: bold; line-height: 31px; display: block; text-align: center; margin-bottom: 15px; }
.business_banner_wrap p { text-align: center; font-size: 14px; color: #fff;}
.business_banner_wrap:before { content: ''; width: 95%; height: 84%; position: absolute; top: 8%; left: 2.5%; overflow: hidden; border: 1px solid rgba(255,255,255,0.4); z-index: 2; -moz-box-sizing: border-box; box-sizing: border-box; }
.business_banner_wrap .business_banner_inner {display: table; width: 100%; height: 100%;}
.business_banner_wrap .business_banner_inner > div {display: table-cell; vertical-align: middle;}

.pic_grid_list {display: block;width: 100%;max-width: 1030px;margin: 2.3% auto;}
.pic_grid_list li {float: left;width: 29%;padding-bottom: 5%;text-align: center;}
.pic_grid_list li:first-child, .pic_grid_list li:first-child + li {margin-right: 6.5%;}
.pic_grid_list span {display: block;height:150px;border-bottom: 2px solid #e3e3e3;background-repeat: no-repeat;background-position: center bottom;}
.pic_grid_list strong {display: block;margin: 8% 0 4%;font-size: 18px;font-weight: 700;color: #444;}
.pic_grid_list p {padding-bottom: 2px;font-size: 14px;font-weight: 400;line-height: 1.6;color: #666;}

ul.pic_service_list {width: 100%;max-width: 1030px;margin: 0 auto;border-top: 2px solid #e3e3e3;}
ul.pic_service_list > li {width: 100%;height: 270px;border-bottom: 1px dotted #e3e3e3;}
ul.pic_service_list .service_pic, ul.pic_service_list .service_text {float: left;width: 50%;height: 100%;text-align: left;}
ul.pic_service_list .service_pic {padding-top: 74px;}
ul.pic_service_list .service_text {padding-top: 66px;}
ul.pic_service_list .service_pic span {display: block;font-size: 50px;font-weight: 700;line-height: 1.1;letter-spacing: .4em;color: #d6d6d6;}
ul.pic_service_list .service_text p {font-size: 14px;font-weight: 400;line-height: 1.8;color: #666;}
ul.pic_service_list .service_text p.title {margin-bottom: 3.3%;}
ul.pic_service_list .service_text p span {position: relative;font-size: 18px;font-weight: 700;color: #dc372b;}
ul.pic_service_list .service_text p span:after {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: -2px;background: #dc372b;}
ul.pic_service_list .service_text ul {display: block; width: 100%;}
ul.pic_service_list .service_text ul > li {display: block; width: 100%; position: relative;}
ul.pic_service_list .service_text ul > li > p {padding: 1% 0 1% 9px;}
ul.pic_service_list .service_text ul > li > p:before{content: '-';font-size: 14px;font-weight: 400;color: #666;position: absolute;left: 0;top: 4px;}

ul.pic_service_sub_list {display: block;width: 100%;max-width: 1030px;margin: 37px auto 0;}
ul.pic_service_sub_list li {display: block;width: 100%;margin-bottom: 6px;position: relative;text-align: left;}
ul.pic_service_sub_list li span {display: block;margin-left: 14px;font-size: 14px;font-weight: 400;color: #666;}
ul.pic_service_sub_list li span:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 6px;background: #dc372b;}

/* VAN */
.van .sub_header {background-image: url('../images/sub/van-header.jpg');}

.sub_part_van .jumbo {background-image: url('../images/sub/van-smartro.jpg');}

.van_section_02 {float: left; width: 100%; text-align: center;background: #fafafa;overflow: hidden;}
.van_section_02 .pic_grid_list li:first-child span {background-image: url('../images/animate/van-service-01.gif');}
.van_section_02 .pic_grid_list li:first-child + li span {background-image: url('../images/animate/van-service-02.gif');}
.van_section_02 .pic_grid_list li:first-child + li + li span {background-image: url('../images/animate/van-service-03.gif');}
.van_section_02 .line {width: 65%;max-width: 773px;margin: 0 auto 13px;padding-top:2px;clear: both;}
.van_section_02 .device {width: 65%;max-width: 656px;margin: auto;clear: both;}
.van_section_02 .line img {width: 100%;max-width: 100%;height: auto;}
.van_section_02 .device {position:relative}
.van_section_02 .device #van_device_card {position:absolute;left: 0;top: 35px;}
.van_section_02 .device #van_device {width: 100%;max-width: 100%;height: auto;vertical-align: bottom;position: relative;z-index: 3;}
.van_section_02 .line img.mobile_line_img {display: none;}
.van_section_02 p.line_middle_text {display: block;margin: 1% 0;font-size: 21px;font-weight: 700;color: #c2c2c2;}
.van_section_02 p.line_middle_text span {display: block;font-size: 40px;color: #8a8a8a;}

.van_section_03 {background-image: url('../images/sub/van-banner.jpg');}
.van_section_03 .motion_bar_01{width:7px;height:199px;left: 25.4%;top: -9%;}
.van_section_03 .motion_bar_02{width:16px;height:90px;left: 36.2%;top: 66%;}
.van_section_03 .motion_bar_03{width:7px;height:99px;right: 49.7%;top: 85.9%;}
.van_section_03 .motion_bar_04{width:34px;height:119px;right: 23.6%;top: 13%;}

.van_section_04 {float: left;width: 100%;padding-bottom: 1.5%;text-align: center;background: #fafafa;}
.van_section_04 ul.partner_info_list {display: table;width: 100%;max-width: 1030px;margin: auto;font-size: 14px;}
.van_section_04 ul.partner_info_list li { display: table-row; }
.van_section_04 ul.partner_info_list b, ul.partner_info_list strong, ul.partner_info_list span{display: table-cell;padding: 15px 0;border-bottom: 1px solid #ddd;}
.van_section_04 ul.partner_info_list b {color: #222;border-top: 2px solid #dc372b}
.van_section_04 ul.partner_info_list b:first-child {width: 293px;border-right: 1px solid #ddd;}
.van_section_04 ul.partner_info_list strong {color: #dc372b; width: 293px; font-weight: bold; vertical-align: middle;border-right: 1px solid #ddd;}
.van_section_04 ul.partner_info_list span {text-align: left; color: #666; padding-left: 30px;}
.van_section_04 .pic_grid_list {margin: 0 auto;}
.van_section_04 .pic_grid_list li:first-child span {background-image: url('../images/sub/van-pay-01.png');}
.van_section_04 .pic_grid_list li:first-child + li span {background-image: url('../images/animate/van-pay-02.gif');}
.van_section_04 .pic_grid_list li:first-child + li + li span {background-image: url('../images/animate/van-pay-03.gif');}

.van_section_05 {float: left; width: 100%;}
.sub_part_van .van_section_05 .jumbo {background-image: url('../images/sub/van-pos.jpg');}

.van_section_06 {float: left;width: 100%;padding-bottom: 4.3%;text-align: center;background: #fafafa;}
.van_section_06 .pic_grid_list {margin: -0.5% auto;}
.van_section_06 .pic_grid_list li:first-child span {background-image: url('../images/animate/van-smile-01.gif');}
.van_section_06 .pic_grid_list li:first-child + li span {background-image: url('../images/animate/van-smile-02.gif');}
.van_section_06 .pic_grid_list li:first-child + li + li span {background-image: url('../images/animate/van-smile-03.gif');}
.van_section_06 .smile_pos_list {display: block;width: 100%;max-width: 1030px;margin: auto;}
.van_section_06 .smile_pos_list > li {float: left;width: 49.5%;height: 238px;padding: 0 2%;background: #f1f1f1;border-radius: 3px;}
.van_section_06 .smile_pos_list > li:first-child {margin-top: 1.5%; margin-bottom: 1%; margin-right: 1%;}
.van_section_06 .smile_pos_list > li:first-child + li {margin-top: 1.5%; margin-bottom: 1%;}
.van_section_06 .smile_pos_list > li:first-child + li + li {margin-right: 1%;}
.van_section_06 .smile_pos_list figure {display: block;width: 100%;height: 100%;}
.van_section_06 .smile_pos_list figcaption {height: 90px;}
.van_section_06 .smile_pos_list img {max-width: 100%;vertical-align: middle;}
.van_section_06 .smile_pos_list p {padding-top: 5%;font-size: 16px;font-weight: 700;color: #dc372b;}
.van_section_06 .smile_pos_list p span {position: relative;}
.van_section_06 .smile_pos_list p span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: -7px;background: #dc372b;}

.van_section_07 {float: left;width: 100%;padding: 1.5% 0 7%;text-align: center; background: url('../images/sub/van-area.jpg') no-repeat center center;background-size: cover;}
.van_section_07 b {font-size: 24px;font-weight: 700;color: #fff;}
.van_section_07 p {padding: 0.5% 0 0;font-size: 14px;font-weight: 400;color: #ababab;color: rgba(255,255,255,0.5);}
.van_section_07 a.smartro_btn_basic {margin: 2.3% auto 2.6%;width: 200px;}
.van_area_info {padding: 0 2%;}
.van_area_info > div {display: inline-block;margin: 0 1%;padding: 0;}
.van_area_info img{max-width: 100%;vertical-align: middle;}

.business .van_section_08 h2.sub_part_title.pic_grid_header {margin: 3.2% 0 0.7%;font-size: 24px;font-weight: 700;color: #dc372b;}
.van_section_08 {float: left;width: 100%;padding-bottom: 4.3%;text-align: center;background: #fafafa;}
.van_section_08 ul.payment_info_list {display: table;width: 100%;max-width: 1030px;margin: auto;font-size: 14px;margin-top: 19px;}
.van_section_08 ul.payment_info_list li { display: table-row; }
.van_section_08 ul.payment_info_list b, ul.payment_info_list strong, ul.payment_info_list span{display: table-cell;padding: 15px 0;border-bottom: 1px solid #ddd;}
.van_section_08 ul.payment_info_list b {color: #222;border-top: 2px solid #dc372b}
.van_section_08 ul.payment_info_list b:first-child {width: 293px;border-right: 1px solid #ddd;}
.van_section_08 ul.payment_info_list strong {color: #dc372b; width: 293px; font-weight: bold; vertical-align: middle;border-right: 1px solid #ddd;}
.van_section_08 ul.payment_info_list span {text-align: left; color: #666; padding-left: 30px;}

.van_section_08 .pic_grid_list {margin: 2.9% auto;}
.van_section_08 .pic_grid_list li:first-child span {background-image: url('../images/animate/van-payment-info-01.gif');}
.van_section_08 .pic_grid_list li:first-child + li span {background-image: url('../images/animate/van-payment-info-02.gif');}
.van_section_08 .pic_grid_list li:first-child + li + li span {background-image: url('../images/animate/van-payment-info-03.gif');}

/* PG */
.pg .sub_header {background-image: url('../images/sub/pg-header.jpg');}

.sub_part_pg .jumbo {background-image: url('../images/sub/pg-smilepay.jpg');}

.pg_section_02 {float: left; width: 100%; text-align: center;background: #fafafa; overflow:hidden;}
.pg_section_02 .pic_grid_list {margin: -0.3% auto;}
.pg_section_02 .pic_grid_list li:first-child span {background-image: url('../images/sub/pg-pay-01.png');}
.pg_section_02 .pic_grid_list li:first-child + li span {background-image: url('../images/animate/pg-pay-02.gif');}
.pg_section_02 .pic_grid_list li:first-child + li + li span {background-image: url('../images/animate/pg-back-02.gif');}
.pg_section_02 .device_wrap {clear: both;padding-top: 17px;}
.pg_section_02 .device {width: 65%;max-width: 773px;margin: auto;clear: both;position: relative;}
.pg_section_02 .device .device_img,
.pg_section_02 .device .device_img_mobile {width: 100%;max-width: 100%;height: auto;vertical-align: bottom;}
.pg_section_02 .device .device_img_mobile {display: none;}
.pg_section_02 p.device_wrap_text {font-size: 21px;font-weight: 700;line-height: 30px;letter-spacing: .4em;color: #919191;}
.pg_section_02 p.device_wrap_text span {position: absolute;top: 50%;margin-top: -27px;}
.pg_section_02 p.device_wrap_text span.context01 {left: -11.5%;}
.pg_section_02 p.device_wrap_text span.context02 {right: -22%;}
.pg_section_02 p.device_wrap_text b {color: #c2c2c2;}
.pg_section_02 p.device_wrap_text em {color: #dc372b;}

.pg_section_03 {background-image: url('../images/sub/pg-banner.jpg');}
.pg_section_03 .motion_bar_01{width:7px;height:199px;left: 25.4%;top: -9%;}
.pg_section_03 .motion_bar_02{width:16px;height:90px;left: 36.2%;top: 66%;}
.pg_section_03 .motion_bar_03{width:7px;height:99px;right: 49.7%;top: 85.9%;}
.pg_section_03 .motion_bar_04{width:34px;height:119px;right: 23.6%;top: 13%;}

.pg_section_04 {float: left; width: 100%; text-align: center;background: #fafafa;}
.pg_section_04 ul.smilepay_info_list {display: block; width: 100%;max-width: 1030px;margin: auto;overflow: hidden;}
.pg_section_04 ul.smilepay_info_list li {float: left; width: 33.333%; min-height: 200px; border-right: 1px solid #ddd;}
.pg_section_04 ul.smilepay_info_list li:nth-child(3n) {border-right: none;}
.pg_section_04 ul.smilepay_info_list li:first-child + li + li + li,
.pg_section_04 ul.smilepay_info_list li:first-child + li + li + li + li,
.pg_section_04 ul.smilepay_info_list li:first-child + li + li + li + li + li {border-bottom: 1px solid #ddd;}
.pg_section_04 ul.smilepay_info_list strong {display: block;margin-bottom: 7%;padding: 4% 0;font-size: 14px;color: #222;font-weight: bold;border-top: 2px solid #dc372b;border-bottom: 1px solid #ddd;}
.pg_section_04 ul.smilepay_info_list p {padding-bottom: 3px;font-size: 14px; color: #666;}

.pg_section_04 .partner_network {clear: both;}
.pg_section_04 .partner_network > div {position: relative;width: 495px;height: 135px;margin: 4.5% auto;border: 2px dotted #dc372b;border-radius: 10px;}
.pg_section_04 .partner_network p {position: absolute;top: -18px;left: 121px;font-size: 18px;font-weight: 700;color: #dc372b;background: #fafafa;}
.pg_section_04 .partner_network b {display: block;width: 737px;position: absolute;top: -3px;left: -130px;font-size: 50px;font-weight: 700;line-height: 131px;color: #cfcfcf;}
.pg_section_04 .partner_network b span {background: #fafafa;}
.pg_section_04 .partner_network_text01, .pg_section_04 .partner_network_text02 {padding-right: 25px;}

.pg_section_05 {float: left;width: 100%;height: 520px;text-align: center;background: #D2544D url('../images/sub/pg-backoffice.jpg') center center no-repeat; position: relative;}
.pg_section_05 strong { color: #dc372b; font-size: 27px; font-weight: bold; line-height: 31px; display: block; text-align: center; margin-bottom: 15px; }
.pg_section_05 strong span {display: inline-block;}
.pg_section_05 p { text-align: center; font-size: 14px; font-weight: bold; color: #222;}
.pg_section_05:before { content: ''; width: 95%; height: 84%; position: absolute; top: 8%; left: 2.5%; overflow: hidden; border: 1px solid rgba(255,255,255,0.4); z-index: 2; -moz-box-sizing: border-box; box-sizing: border-box; }
.pg_section_05 .section_05_inner {width: 59.2%;    height: 318px;background: #fff;margin: auto;position: relative;top: 100px;z-index: 3;}
.pg_section_05 .section_05_inner:after {content: "";position: absolute;bottom: -13.5px;left: 50%;display: block;width: 0;height: 0;margin-left: -3.5px;border-style: solid;border-color: transparent;border-width: 7px;border-top-color: #fff; }
.section_05_inner .table_wrap {display: table;width:100%;height: 100%;}
.section_05_inner .table_wrap > div {display: table-cell; vertical-align: middle;}

.pg_section_06 {float: left; width: 100%; padding-bottom: 124px; text-align: center;background: #fafafa;}
.pg_section_06 .pic_grid_list {margin: 1.2% auto;}
.pg_section_06 .pic_grid_list li:first-child span {background-image: url('../images/animate/pg-back-01.gif');}
.pg_section_06 .pic_grid_list li:first-child + li span {background-image: url('../images/animate/pg-back-02.gif');}
.pg_section_06 .pic_grid_list li:first-child + li + li span {background-image: url('../images/animate/pg-back-03.gif');}

/* BIZZLE */
.bizzle .sub_header {background-image: url('../images/sub/bizzle-header.jpg');}
.square_bizzle span:nth-child(1) {width: 25%;    left: 0;      top: 0; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_bizzle span:nth-child(2) {width: 25%;    left: 25%;    top: 0; -webkit-transition-delay:300ms; transition-delay:300ms;}
.square_bizzle span:nth-child(3) {width: 25%;    left: 50%;    top: 0; -webkit-transition-delay:400ms; transition-delay:400ms;}
.square_bizzle span:nth-child(4) {width: 25%;   left: 75%;    top: 0; -webkit-transition-delay:300ms; transition-delay:300ms;}
.square_bizzle span:nth-child(5) {width: 33.33%; left: -3.33%; top: 33.33%;      -webkit-transition-delay:100ms; transition-delay:100ms}
.square_bizzle span:nth-child(6) {width: 33.33%; left: 34.33%; top: 33.33%;      -webkit-transition-delay:300ms; transition-delay:300ms}
.square_bizzle span:nth-child(7) {width: 33.33%; left: 70.66%; top: 33.33%;      -webkit-transition-delay:400ms; transition-delay:400ms}
.square_bizzle span:nth-child(8) {width: 33.33%; left: -3.33%; top: 66.66%; -webkit-transition-delay:200ms; transition-delay:200ms}
.square_bizzle span:nth-child(9) {width: 33.33%; left: 34.33%; top: 66.66%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_bizzle span:nth-child(10) {width: 33.33%; left: 70.66%; top: 66.66%; -webkit-transition-delay:300ms; transition-delay:300ms}
.bizzle_visual_btn_container {overflow: hidden;text-align:center;display: block;margin: 29px auto 0;font-size: 0;}
.bizzle_visual_btn_container .bizzle_visual_btn {font-size: 18px;color: #fff;line-height: 1;z-index: 4;background-color: #dc372b;padding: 22px 63px;display: inline-block;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);-webkit-transition:-webkit-transform 500ms;transition:-webkit-transform 500ms;transition:transform 500ms;transition: transform 500ms, -webkit-transform 500ms;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.bizzle_visual_btn_container .bizzle_visual_btn:before {content: "";display: block;position: absolute;z-index: 1;background: #bf261d no-repeat;width: 0;height: 100%;top: 0;left: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition:500ms cubic-bezier(0, 0.4, 0.5, 1);}
html.desktop .bizzle_visual_btn_container .bizzle_visual_btn:hover:before {width:100%;}
.bizzle_visual_btn_container .bizzle_visual_btn span {position: relative;z-index: 2;}
.load .bizzle_visual_btn_container .bizzle_visual_btn {-webkit-transition-delay:600ms; transition-delay:600ms; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.sub_part_bizzle .jumbo {background-image: url('../images/sub/bizzle-content-bg01.jpg');}

.bizzle_section_02 {float: left;width: 100%;background: #fafafa;}
.bizzle_section_02 h2 {text-align: center;}
.pic_service_list_container {max-width:1032px; margin:0 auto;padding-bottom:120px;}
.pic_service_list_container_02 {padding-top: 120px;}
.pic_service_list {border-bottom:1px solid #e3e3e3;}
.pic_service_list:first-child {border-top:1px solid #e3e3e3;}
.bizzle_service {font-size:0;}
.bizzle_service > div {display: inline-block;}
.bizzle_service_txt {width:58.14%;vertical-align: middle;padding-right: 15px;}
.bizzle_service_txt h3 {font-size: 36px; font-weight:700;color:#222;letter-spacing: 0.1em;line-height:1.38; margin-bottom: 29px;word-break: keep-all;}
.bizzle_service_txt h3 span {color:#ccc;}
.bizzle_service_txt i {font-style: normal;font-size: 16px;font-weight:700;color:#d23d32;letter-spacing: -0.025em;box-shadow: inset 0 -2px 0 0 #d23d32;word-break: keep-all;}
.bizzle_service_txt_list {margin-top: 19px;}
.bizzle_service_txt_list li {position:relative;padding-left: 15px;font-size:14px;font-weight:400;color:#666;letter-spacing: -0.025em;margin-top: 14px;}
.bizzle_service_txt_list li:first-child {margin-top:0;}
.bizzle_service_txt_list li:before {content:'';position:absolute;left: 1px;top:9px;width:4px;height:4px;background-color:#d23d32;}
.bizzle_service_img {width:41.86%;vertical-align: middle;padding-top: 61px;text-align: center;}
.bizzle_service_img img {max-width:100%; vertical-align:middle;}
.bizzle_service_slide {position:relative;}
.bizzle_service_slide_inner {display:inline-block;}
.bizzle_service_slide_control {width: 100%;height: 50px;position: absolute;left: 0;bottom: calc(50% - 55px * 1);}
.bizzle_service_slide_btn {position: absolute;z-index: 110;cursor: pointer;display: block;width: 23px;height: 38px;background: url('../images/sub/extra-service-arrow.png') no-repeat;}
.bizzle_service_slide_prev {background-position: -146px -20px;left: -12px;}
html.desktop .bizzle_service_slide_prev:hover {background-position: -209px -20px;}
.bizzle_service_slide_next {background-position: -20px -20px;right: -12px;}
html.desktop .bizzle_service_slide_next:hover {background-position: -83px -20px;}
.bizzle_waiting_service .bizzle_service_txt {width:34.5%;}
.bizzle_waiting_service .bizzle_service_img {width:65.5%;}
.bizzle_video_popup_list {padding-top: 38px;display: inline-block;}
.bizzle_video_popup_list:after {content:''; display:table; clear:both;}
.bizzle_video_popup_list a {display: inline-block;position:relative;margin-right: 10px;}
.bizzle_video_popup_list a:last-child {margin-right:0;}
.bizzle_video_popup_list a:after {content:'';position:absolute; width:calc(100% - 6px * 1); height:calc(100% - 6px * 1); top:0;left:0; background-color: rgba(0,0,0,.7); border:3px solid transparent;-webkit-transition:.3s; transition:.3s;}
html.desktop .bizzle_video_popup_list a:hover:after {border-color:#d23d32;}
.bizzle_video_popup_list a figure:before {content:'';position:absolute;width:26px;height:26px;top: 19px;left: 45px;background: url(../images/sub/bizzle-youtube-btn.png) center center no-repeat;background-size:contain;z-index: 10;-webkit-transition:.3s; transition:.3s;opacity:1;}
html.desktop .bizzle_video_popup_list a:hover figure:before {opacity:0;}
.bizzle_video_popup_list a figure:after {content:'';position:absolute;width:26px;height:26px;top: 19px;left: 45px;background: url(../images/sub/bizzle-youtube-btn-hover.png) center center no-repeat;background-size:contain;z-index: 10;-webkit-transition:.3s; transition:.3s;opacity:0;}
html.desktop .bizzle_video_popup_list a:hover figure:after {opacity:1;}
.bizzle_video_popup figure img {vertical-align:middle;}

#bizzle_youtube_popup_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity:.8;display:none;z-index: 440;}
.bizzle_youtube_popup {position: fixed;width: 720px;z-index: 450;top: 50%;left: 50%;background-color: #000;display: none;}
.bizzle_youtube_popup_inner {position: relative;padding-top: calc(56.38888888889% - 2px * 1);}
html.mobile .bizzle_youtube_popup_inner {padding-top:56.38888888889%;}
.bizzle_youtube_popup iframe {position:absolute;top:0; left:0; width:100%; height:100%;}
.bizzle_youtube_popup_close {display: block;width: 45px;height: 45px;position: absolute;right: -10px;top: -50px;background: url('../images/close.svg') no-repeat center center;background-size: 25px auto;z-index: 460;}

.bizzle_easy_point_container {background-color:#dc372b;text-align:center;}
.bizzle_easy_point {max-width: 1243px;margin:0 auto;padding-top: 110px;}
.bizzle_easy_point h4 {font-size: 34px; color:#fff; letter-spacing: 0.1em;word-break: keep-all;}
.bizzle_easy_point h4 br {display: none;}
.bizzle_easy_point h4 span:after {content:'';display: inline-block;width:19px;height:31px;background: url('../images/sub/bizzle-easy-point-coin.svg') center center no-repeat;margin-left: 15px;position: relative;top: 2px;}
.bizzle_easy_point_container p {font-size: 14px;color:#fff;line-height: 1.86;padding-top: 14px;opacity:.5;word-break: keep-all;}
.bizzle_easy_point_img {font-size:0;padding-top: 75px;}
.bizzle_easy_point_img:after {content:''; display: table; clear:both;}
.bizzle_easy_point_img figure {display:inline-block;margin-right: 2.4%;width: 22.2%;}
.bizzle_easy_point_img figure:last-child {margin-right:0;width:50.8%;}
.bizzle_easy_point_img figure img {max-width: 100%;vertical-align:middle;}


/* 비즐 페이지 개편
.bizzle ul.pic_service_list li .service_pic {background: url('../images/animate/bizzle-service-01.gif') no-repeat 78% bottom;}
.bizzle ul.pic_service_list li:first-child + li .service_pic {background-image: url('../images/animate/bizzle-service-02.gif');}
.bizzle ul.pic_service_list li:first-child + li + li .service_pic {background-image: url('../images/animate/bizzle-service-03.gif');background-position: 86% bottom;}
.bizzle ul.pic_service_list li:first-child + li + li + li .service_pic {background-image: url('../images/animate/bizzle-service-04.gif');background-position: 86% bottom;}
.bizzle ul.pic_service_list li:first-child + li + li + li + li .service_pic {background-image: url('../images/animate/bizzle-service-05.gif');background-position: 86% bottom;}
.bizzle ul.pic_service_list li:first-child + li + li + li + li + li .service_pic {background-image: url('../images/animate/bizzle-service-06.gif');background-position: 86% bottom;}
*/

.bizzle_section_03 {float: left;width: 100%;height: 592px;background: url('../images/sub/bizzle-content-bg02.jpg') no-repeat center center;background-size: cover;}
.bizzle_section_03 .position_wrap {width: 100%;height: 100%;max-width: 1210px;margin: 0 auto;position: relative;}
.bizzle_section_03 h2 {margin-bottom: 2%;font-size: 24px;font-weight: 700;letter-spacing: .4em;color: #fff; }
.bizzle_section_03 p {font-size: 14px;font-weight: 400;line-height: 1.8;color: #fff; }
.bizzle_section_03 .bizzle_pad {position: absolute;top: -18%;left: -9%;z-index: 2;}
.bizzle_section_03 .bizzle_mobile {position: absolute;bottom: -17.3%;right: 7.4%;z-index: 2;}
.bizzle_section_03 .position_right {position: absolute;display: block;width: 440px;text-align: right;right: 6.5%;top: 11%;z-index: 3;}
.bizzle_section_03 .position_left {position: absolute;display: block;width: 420px;text-align: left;left: 7.3%;bottom: 12.9%;z-index: 3;}
.bizzle_section_03 .position_right .smartro_btn_basic {float: left;width: 200px;margin: 24px 0 0 11px;padding: 12px 52px 12px 20px;}
.bizzle_section_03 .position_right .smartro_btn_basic.pos_download {width: 210px;}
.bizzle_section_03 .position_left .smartro_btn_basic {margin: 0;width: 200px;padding: 12px 0 12px 20px;}
.bizzle_section_03 .position_left .smartro_btn_basic.android_download {margin-top: 5.9%;/* margin-bottom: 10px; */}
.bizzle_section_03 .position_left a.smartro_btn_basic + a.smartro_btn_basic {margin-top: 10px;}

.bizzle_section_04 {float: left;width: 100%;padding-top: 201px;background: #fafafa;}
.bizzle_section_04 > div {width: 100%;max-width: 1020px;margin: auto;}
.bizzle_section_04 img {width: 100%; max-width: 100%;}

.bizzle_section_05 {float: left;width: 100%;padding: 4.7% 0 180px;text-align: center;background: #fafafa;}
.bizzle_section_05 .interview_wrap {position: relative;width: 100%;max-width: 1035px;margin: 0 auto;}
/*.bizzle_section_05 .interview_absolute_wrap {position: absolute;top: 0;left: 0;z-index: 2;}*/
.bizzle_section_05 .interview_relative_wrap {float: left; width: 100%; margin-bottom: 3.5%; position: relative;}
.bizzle_section_05 .interview_left {float: left;width: 39%;text-align: left;border-top: 2px solid #e3e3e3;}
.bizzle_section_05 .interview_right {float: left;width: 61%;padding: 3.5% 0 0 3.7%;text-align: left;border-top: 2px solid #e3e3e3;}
.bizzle_section_05 .interview_full {float: left;width: 100%;text-align: left;}
.bizzle_section_05 figure {display: block;width: 100%;margin: 10% 0 6%;}
.bizzle_section_05 figcaption {margin-top: 13px;}
.bizzle_section_05 img {width: 100%;height: auto;max-width: 100%;vertical-align: middle;}
.bizzle_section_05 h3 {padding-bottom: 2%;font-size: 17px;font-weight: 700;color: #dc372b;}
.bizzle_section_05 .interview_full h3 {padding-bottom: 1%;}
.bizzle_section_05 .interview_full p {margin-bottom: 2.5%;}
.bizzle_section_05 blockquote {margin-bottom: 8.5%;}
.bizzle_section_05 blockquote.one_content {margin-bottom: 0;}
.bizzle_section_05 blockquote p {margin-bottom: 4%;font-size: 14px;font-weight: 400;line-height: 1.9;color: #666;}
.bizzle_section_05 .interview_full p {color: #222;}
.bizzle_section_05 .interview_left p {font-size: 30px;line-height: 1.5;font-weight: 700;color: #222;}
.bizzle_section_05 .interview_left p em {display: inline-block;}
.bizzle_section_05 .interview_left figcaption p {margin: 0;font-size: 13px;color: #222;line-height: 1.9; }
.bizzle_section_05 .interview_left figcaption p em {display: inline-block;}
.bizzle_section_05 .interview_left figure.post_02 {margin: 13% 0 0;}
.bizzle_section_05 .interview_left figure.post_03 {margin: 0;position: absolute; left: 0; bottom: 0;}
.bizzle_section_05 .interview_left figure.post_03 img {width: 39%;}
.bizzle_section_05 .interview_right figure.post_04 {margin: 9% 0 2%;}
.bizzle_section_05 .interview_right figure.post_05 {margin: 5.3% 0 0;}
.bizzle_section_05 .tel_wrap {display: table;width: 100%;max-width: 1035px;height: 210px;margin: auto;background: #dc372b;}
.bizzle_section_05 .tel_wrap > div {display: table-row;}
.bizzle_section_05 .bizzle_tel_text {display: table-cell;width: 70%;padding: 1% 5% 0 8.5%;vertical-align: middle;text-align: left;}
.bizzle_section_05 .bizzle_tel_text strong {display: block;font-size: 18px;font-weight: 700;line-height: 1.2;letter-spacing: .2em;color: #fff;}
.bizzle_section_05 .bizzle_tel_text p {display: block;margin-left: -12px;font-size: 80px;font-weight: 100;line-height: 1.1;color: #fff; }
.bizzle_section_05 .bizzle_tel_btn {display: table-cell;width: 30%;padding: 0 0 0 2%;vertical-align: middle;}
.bizzle_section_05 .bizzle_tel_btn a.smartro_btn_basic {width: 200px;margin: 2.8% 0;padding: 12px 0 12px 20px;}

/* MSP */
.msp .sub_header {background-image: url('../images/sub/msp-header.jpg');}

.sub_part_msp .jumbo {background-image: url('../images/sub/msp-content-bg01.jpg');}
.sub_part_msp .jumbo strong span {display: inline-block;}

.msp_section_02 {float: left;width: 100%;padding-bottom: 2%;text-align: center;background: #fafafa;}
.msp_section_02 .section_inner {width: 60%;min-width: 770px;margin: auto;padding-top: 10px;}
.msp_section_02 h3 {padding: 10% 0 7%;margin-bottom: 3%;font-size: 18px;font-weight: 700;color: #444;text-align: center;border-bottom: 4px solid #dc372b;}
.msp_section_02 p {padding: 2.2% 0;font-size: 14px;font-weight: 700;color: #222;}
.msp_section_02 p.sub {padding: 1% 0 1% 9px;font-weight: 400;color: #666;}
.msp_section_02 p.sub:before{content: '-';font-size: 14px;font-weight: 400;color: #666;position: absolute;left: 0;top: 2px;}
.msp_grid {float: left;width: 30.5%;height: 475px;margin-bottom: 4%;padding: 0 3%;text-align: left;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.msp_grid:nth-child(3n-1), .msp_grid:nth-child(3n-2) {margin-right: 4%;}
.msp_grid img {display: block;margin: 16% auto 8%;max-width: 100%;}
.msp_grid > ul {display: block;width: 100%;}
.msp_grid > ul > li {display: block;width: 100%;padding: 4.5% 0;border-bottom: 1px dotted #ddd;}
.msp_grid > ul > li:last-child {border-bottom: none;}
.msp_grid > ul > li > ul > li {position: relative;}

.msp_section_03 {float: left;width: 100%;text-align: center;background: url(../images/sub/msp-content-bg02.jpg) no-repeat center center;background-size: cover;}
.msp_section_03 table {width: 100%;max-width: 1000px;margin: 4.7% auto 3%;padding: 0 5%;}
.msp_section_03 tr {width: 100%;}
.msp_section_03 td {text-align: center;vertical-align: middle;}
.msp_section_03 td.text_td {width: 120px;text-align: left;}
.msp_section_03 td.text_td.align_right {text-align: right;}
.msp_section_03 td img {display: block;max-width: 100%;margin: 0 auto 1.5%;vertical-align: middle;}
.msp_section_03 td.img_td img {display: block; width: auto;}
.msp_section_03 td b {display: block;font-size: .9em;letter-spacing: .4em;font-weight: 700;color: #fff;}
.msp_section_03 td p {display: block;margin-bottom: 6%;font-size: 14px;color: #fff;}
.msp_section_03 td p.title {margin-bottom: 18%;}
.msp_section_03 td p.title span {font-size: 16px;letter-spacing: .2em;}
.msp_section_03 td p.tel {display: block;width: 100%;max-width: 730px;margin: auto; font-weight: 700;text-align: right;}
.msp_section_03 td span {font-size: 14px;font-weight: 700;color: #fff;}
.msp_section_03 td.img_td span {display: block;font-size: 15px;letter-spacing: .4em;}
.msp_section_03 td ul {display: block;margin-top: 18%;}
.msp_section_03 td ul li {display: block;width: 100%;height: 138px;margin-bottom: 24%;}
.msp_section_03 td ul li p span {position: relative;}
.msp_section_03 td ul li p span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: -4px;background: #fff;}

/* 부가서비스 */
.extra_service .sub_header {background-image: url('../images/sub/extra-service-header-v2.jpg');}

/* 부가서비스 - SLIDER */
.extra_slide_wrap {width: 955px;height: 448px;margin: 1.5% auto 0;position: relative;background: url('../images/sub/extra-service-asp-view-bg.png') no-repeat center bottom;}
.extra_slide_wrap .extra_slide {display: block;width: 848px;height: 100%;margin: auto;}
.extra_slide_wrap .extra_slide li {width: 100%;height: 100%;}
.extra_slide_wrap .extra_slide li img {max-width: 100%;margin-top: 35px;vertical-align: bottom;}
.extra_slide_wrap .arrow {position: absolute;width: 25px;height: 50px;top: 50%;margin-top: -10px;z-index: 200;}
.extra_slide_wrap .arrow a {display: block; width: 100%; height: 100%;background: url('../images/sub/extra-service-arrow.png') no-repeat;}
.extra_slide_wrap .pre_btn {left: 0;}
.extra_slide_wrap .pre_btn a {background-position: -145px -15px;}
.extra_slide_wrap .pre_btn a:hover {background-position: -208px -15px;}
.extra_slide_wrap .next_btn {right: 0;}
.extra_slide_wrap .next_btn a {background-position: -20px -15px;}
.extra_slide_wrap .next_btn a:hover {background-position: -83px -15px;}

/* 부가서비스 - 매출관리 ASP */
.extra_service_asp .jumbo {background-image: url('../images/sub/extra-service-asp-content-bg-01.jpg');}

.asp_section_02 {float: left;width: 100%;padding-bottom: 0.7%;text-align: center;background: #fafafa;}
.asp_section_02 ul.pic_service_list li:first-child .service_pic {background: url('../images/sub/extra-service-asp-intro01.png') no-repeat 83% bottom;}
.asp_section_02 ul.pic_service_list li:first-child + li .service_pic {background: url('../images/animate/extra-service-asp-intro02.gif') no-repeat 82% bottom;}
.asp_section_02 ul.pic_service_list li:first-child + li + li .service_pic {background: url('../images/animate/extra-service-asp-intro03.gif') no-repeat 85% bottom;}

.asp_section_03 {float: left;width: 100%;text-align: center;background: #fafafa;}

.asp_section_04 {background-image: url('../images/sub/extra-service-asp-content-bg-02.jpg');}
.asp_section_04 .motion_bar_01{width:7px;height:199px;left: 20.6%;top: -8.5%;}
.asp_section_04 .motion_bar_02{width:16px;height:90px;left: 36%;top: 66.5%;}
.asp_section_04 .motion_bar_03{width:7px;height:99px;right: 38.3%;top: 70.9%;}
.asp_section_04 .motion_bar_04{width:34px;height:119px;right: 23.8%;top: 21%;}

/* 부가서비스 - 통합 ASP */
.extra_service_combine_asp .jumbo {background-image: url('../images/sub/extra-service-combine-asp-content-bg-01.jpg');}

.combine_asp_section_02 {float: left;width: 100%;text-align: center;background: #fafafa;}
.combine_asp_section_02 ul.pic_service_list li:first-child .service_pic {background: url('../images/sub/extra-service-combine-asp-process01.png') no-repeat 81% bottom;}
.combine_asp_section_02 ul.pic_service_list li:first-child + li .service_pic {background: url('../images/animate/extra-service-combine-asp-process02.gif') no-repeat 79% 94%;}
.combine_asp_section_02 ul.pic_service_list li:first-child + li + li .service_pic {background: url('../images/animate/extra-service-combine-asp-process03.gif') no-repeat 80% 97%;}
.combine_asp_section_02 ul.pic_service_list li:first-child + li + li + li .service_pic {background: url('../images/animate/extra-service-combine-asp-process04.gif') no-repeat 79% 97%;}
.combine_asp_section_02 ul.pic_service_list li:first-child + li + li + li + li .service_pic {background: url('../images/animate/extra-service-combine-asp-process05.gif') no-repeat 84% bottom;}

.combine_asp_section_03 {float: left;width: 100%;text-align: center;background: #fafafa;}

/* 부가서비스 - DCC */
.dcc .jumbo {background-image: url('../images/sub/dcc-content-bg-01.jpg');}

.dcc_section_02 {float: left;width: 100%;text-align: center;background: #fafafa;}
.dcc_section_02 ul.pic_service_list li .service_pic {background: url('../images/sub/dcc-service01.png') no-repeat 85% bottom;}
.dcc_section_02 ul.pic_service_list li:first-child + li .service_pic {background: url('../images/animate/dcc-service02.gif') no-repeat 81% bottom;}
.dcc_section_02 ul.pic_service_list li:first-child + li + li .service_pic {background-image: url('../images/animate/dcc-service03.gif');}

.dcc_section_03 {float: left;width: 100%;padding: 20px 0 169px;text-align: center;background: #fafafa;}
.dcc_service_process {display: block;width: 100%;max-width: 1030px;margin: 0 auto;padding-top: 30px;border-top: 2px solid #e3e3e3;}
.dcc_service_process li {float: left;width: 210px;margin-right: 63px;min-height: 215px;position: relative;text-align: left;}
.dcc_service_process li:nth-child(4n) {margin-right: 0;}
.dcc_service_process li:after {content: '';display: block;width: 31px;height: 10px;position: absolute;top: 64px;right: -47px;background: url('../images/sub/dcc-arrow.png') no-repeat center center;}
.dcc_service_process li:nth-child(4n):after {background: none;}
.dcc_service_process figcaption {padding-top: 10px;}
.dcc_service_process li img {position: relative;max-width: 100%;vertical-align: middle;}
.dcc_service_process li p {padding-left: 16px;position: relative;font-size: 14px;color: #666;font-weight: 400;text-align: left;white-space: pre;}
.dcc_service_process p:before {content: '1.';font-size: 14px;font-weight: 400;color: #dc372b;position: absolute;left: 0;top: 0;}
.dcc_service_process li:first-child + li p:before {content: '2.';}
.dcc_service_process li:first-child + li + li p:before {content: '3.';}
.dcc_service_process li:first-child + li + li + li p:before {content: '4.';}
.dcc_service_process li:first-child + li + li + li + li p:before {content: '5.';}
.dcc_service_process li:first-child + li + li + li + li + li p:before {content: '6.';}
.dcc_service_process li:first-child + li + li + li + li + li + li p:before {content: '7.';}
.dcc_service_process li:first-child + li + li + li + li + li + li + li p:before {content: '8.';}



/* **************************************** *
 * 제품소개
 * **************************************** */
.pos .sub_part_products_inner h2 {padding: 50px 0 29px;}
.pos .sub_part_products_inner {padding-bottom: 102px;}
.pos .sub_part_products_inner.gear {padding-bottom: 180px;}

.pos .tabs_panels .jumbo{background: #D6D5D5 no-repeat left center;}

/* POS */
#product_header_img_slide li.pos_01 {background-image: url('../images/sub/pos-content-bg-01.jpg');}
.pos .tabs_panels .POS_01 .jumbo {background-image: url('../images/sub/pos-content-bg-01.jpg');}


/* 연동장비 */
#product_header_img_slide li.pos_02 {background-image: url('../images/sub/pos-content-bg-02.jpg');}
.pos .tabs_panels .POS_02 .jumbo {background-image: url('../images/sub/pos-content-bg-02.jpg');}

.products_gear_list {width: 100%;max-width: 1030px;margin: auto;}
.products_gear_list li {float: left;width: 16.6666%;height: 170px;padding-top: 28px;position: relative;text-align: center;background: #fff;border: solid #e4e4e4;border-width: 0 1px 1px 0;}
.products_gear_list li:first-child,
.products_gear_list li:first-child + li ,
.products_gear_list li:first-child + li  + li ,
.products_gear_list li:first-child + li  + li  + li ,
.products_gear_list li:first-child + li  + li  + li  + li ,
.products_gear_list li:first-child + li + li  + li  + li  + li {border-top: 1px solid #e4e4e4;}
.products_gear_list li.products_gear_list_blank { background: none;}
.products_gear_list > li:nth-child(6n+1) {clear: both;border-left: 1px solid #e4e4e4;}
.products_gear_list p {display: block;width: 100%;position: absolute;left: 0;bottom: 22px;font-size: 15px;font-weight: 400;color: #444;}



/* **************************************** *
 * 개인정보취급방침
 * **************************************** */
.privacy {padding-bottom: 167px;background: #f7f7f7;}

#privacy_popup_overlay {z-index: 444;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(255, 255, 255, 0.85);display:none;}
#privacy_popup {z-index: 450;width: 600px;height: 441px;position: fixed;top: 0;left: 0;background: #fff;border: 1px solid #ddd;display:none;}
#privacy_popup .privacy_popup_inner {position: relative;width: 100%;height: 100%;padding: 40px;}
#privacy_popup .pop_up_close {display: block;width: 45px;height: 45px;position: absolute;right: 40px;top: 30px;background: #dc372b url('../images/pop_up_close.png') no-repeat center center;}
#privacy_popup .privacy_download {display: block;width: 127px;height: 25px;margin: 0 auto;font-size: 10px;font-weight: 700; line-height: 22px; letter-spacing: .2em; color: #999;border: 1px solid #ddd;background: url('../images/pop_up_download.png') no-repeat 90% center;}
#privacy_popup h2 {font-size: 25px; font-weight: 700; line-height: 28px; letter-spacing: .2em; color: #d93b31;}
#privacy_popup .pop_up_content { margin-top: 40px; height: 308px;overflow: auto;}
#privacy_popup table {margin-bottom: 0;}
#privacy_popup table td {padding: 13px 0 12px;}

.privacy_part {width: 100%;max-width: 1040px;margin: auto;position: relative;}
.privacy_part_inner .table_support {padding-bottom: 30px;}
.privacy_header {margin: 31px 0 21px;}

.privacy .before_privacy_download {display: block;width: 210px;height: 36px;padding: 7px 0 0 17px;position: absolute;right: 0;top: 88px;font-size: 13px;font-weight: 400; color: #d83432;border: 2px solid #d83432;background: url('../images/before_privacy_download.png') no-repeat 90% center;cursor: pointer;}
.privacy h1 {margin-bottom: 51px;padding: 80px 0 24px;font-size: 40px;font-weight: 700;letter-spacing: .2em;color: #d93b31;border-bottom: 4px solid #d93b31;}
.privacy h2 {font-size: 21px; font-weight: 700; color: #222;}
.privacy h2 span {position: relative;}
.privacy h2 span:after {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;bottom: 3px;background: #f3bdb9;background: rgba(220,55,43,0.33);}
.privacy p {font-weight:400;color:#666;font-size: 15px;}
.privacy em {font-size: 13px;font-weight: 400;color: #dc372b;}
.privacy b {padding-left: 10px;position: relative;font-weight:400;color:#222;font-size: 15px;}
.privacy b:before {content: '';display: block;width: 3px;height: 3px;position: absolute;top: 9px;left: 0;background: #d93b31;}
.privacy b a, .privacy_list li b a {font-weight:400;color:#222;font-size: 15px;}
.privacy_list li {padding-bottom: 10px;font-weight:400;color:#666;font-size: 15px;}
.privacy_list li a {font-weight:400;color:#666;font-size: 15px;}
.privacy_list_1depth {margin: 5px 0 11px 8px;}
.privacy_list_1depth li {position: relative;padding-left: 12px;padding-bottom: 7px;}
.privacy_list_1depth li:before {content: '-';display: block;position: absolute;top: 0;left: 0;font-weight:400;color:#666;font-size: 15px;}
.privacy_list_1depth li ul {margin-top:8px}

.privacy table {width: 100%;margin-bottom: 25px;border-top: 2px solid #dc372b;}
.privacy table th {padding: 15px 0;border: solid #ddd;border-width: 0 0 1px 1px;font-weight:700;color:#222;font-size: 14px;vertical-align: middle;text-align: center;}
.privacy table td {padding: 26px 0 26px 13px;border: solid #ddd;border-width: 0 0 1px 1px;font-weight: 400;color: #666;font-size: 14px;vertical-align: middle;}
.privacy table.two_colume td {padding: 26px 0;text-align: center;}
.privacy table.two_colume td.left {padding: 26px 0 26px 25px;text-align: left;}
.privacy table td ul li {padding-bottom: 0;}
.privacy table td b {padding-left: 0;font-weight:700;color: #dc372b;}
.privacy table td b:before {display: none;}
.privacy table td a {position: relative;font-weight:700;color: #dc372b;}
.privacy table td a.show_company_list {box-shadow: inset 0 -1px 0 0 #dc372b;}
.privacy table td:first-child {padding: 0;text-align: center;}
.privacy table th:first-child, .privacy table td:first-child {border-left: none;}
.privacy table.two_colume th, .privacy table.two_colume td {width: 50%;}
.five_colume .col_1 {width: 13.5%;}
.five_colume .col_2 {width: 18.5%;}
.five_colume .col_3 {width: 20%;}
.five_colume .col_4 {width: 23.5%;}
.five_colume .col_5 {width: 24.5%;}

#company_popup {z-index: 450;width: 600px;height: 441px;position: fixed;top: 0;left: 0;background: #fff;border: 1px solid #ddd;display:none;}
#company_popup .company_popup_inner {position: relative;width: 100%;height: 100%;padding: 40px;}
#company_popup .company_list_close {display: block;width: 45px;height: 45px;position: absolute;right: 40px;top: 30px;background: #dc372b url('../images/pop_up_close.png') no-repeat center center;}
#company_popup h2 {font-size: 25px; font-weight: 700; line-height: 28px; letter-spacing: .2em; color: #d93b31;}
#company_popup .pop_up_content { margin-top: 40px; height: 308px;overflow: auto;}
#company_popup .pop_up_content ul {}
#company_popup .pop_up_content ul:after {content: '';display: table;clear: both;}
#company_popup .pop_up_content ul li {float: left;width: 33.3333%;position: relative;padding-left: 15px;margin-bottom: 10px;font-weight: 400;color: #666;font-size: 14px;}
#company_popup .pop_up_content ul li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 8px;background: #dc372b;border-radius: 5px;}



/* **************************************** *
 * 이용약관
 * **************************************** */
.service_user_agreements {padding-bottom: 174px;background: #f7f7f7;}

.service_user_agreements_part {width: 100%;max-width: 1040px;margin: auto;position: relative;}
.service_user_agreements_part:first-child {margin-bottom: 55px;}
.service_user_agreements_part_inner .table_support {padding-bottom: 30px;}
.service_user_agreements_header {margin: 40px 0 21px;}

.service_user_agreements h1 {margin-bottom: 51px;padding: 80px 0 24px;font-size: 40px;font-weight: 700;letter-spacing: .2em;color: #d93b31;text-align:center;/*border-bottom: 4px solid #d93b31;*/}
.service_user_agreements h2 {font-size: 21px; font-weight: 700; color: #222;}
.service_user_agreements h2 span {position: relative;}
.service_user_agreements h2 span:after {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;bottom: 3px;background: #f3bdb9;background: rgba(220,55,43,0.33);}
.service_user_agreements p {font-weight:400;color:#666;font-size: 15px;}
.service_user_agreements p.paragraph {margin-bottom: 25px;}
.service_user_agreements strong {display: block; padding: 16px 0 2px;font-weight: 700;color: #222;font-size: 15px;}
.service_user_agreements strong.none_padding_top {padding: 0 0 2px;}
.service_user_agreements em {font-size: 13px;font-weight: 400;color: #dc372b;}
/*.service_user_agreements b {padding-left: 10px;position: relative;font-weight:400;color:#222;font-size: 15px;}
.service_user_agreements b:before {content: '';display: block;width: 3px;height: 3px;position: absolute;top: 9px;left: 0;background: #d93b31;}*/
.service_user_agreements b a, .service_user_agreements_list li b a {font-weight:400;color:#222;font-size: 15px;}
.service_user_agreements_list li {padding-bottom: 10px;font-weight:400;color:#666;font-size: 15px;}
.service_user_agreements_list li a {font-weight:400;color:#666;font-size: 15px;}
.service_user_agreements_list_1depth {margin: 5px 0 11px 8px;}
.service_user_agreements_list_1depth li {position: relative;padding-bottom: 7px;}
.service_user_agreements_list_2depth li {margin-left: 16px;}



/* **************************************** *
 * 404
 * **************************************** */
body.error404 #header, body.error404 #footer {display: none;}
body.error404 .sub.error_404 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;margin: auto;padding: 0;overflow-y: scroll;text-align: center;}
body.error404 #error_404 {display: table;width: 100%;height: 100%;margin: auto;padding: 0;top: 0;left: 0;right: 0;left: 0;}
body.error404 .error_404_content {display: table-cell;vertical-align: middle;text-align: center;}
#error_404 .square_container {font-size: 53px;font-weight: bold;color: #c1c1c1;position: relative;width: 305px;height:350px;margin: auto;padding: 0px;opacity: 1;}
#error_404 .square_container:after {content: '';width: 405px;height: 484px;position: absolute;top: -80px;left: -52px;border: 1px solid;border-color: #e5e5e5;border-color: rgba(0,0,0,0.1);z-index: 2;-moz-box-sizing: border-box;box-sizing: border-box;}
#error_404 .square_container .square_liner {display: none;}
.error_404 .square span {height: 25%;line-height: 53px;} /* square_4x4 layout */
#error_404 .square_container b {color: #dc372b;}
#error_404 .square_4x4 span:nth-child(11){position: relative;}
#error_404 .square_4x4 span:nth-child(11) > img {position: absolute;left: -5px;top: -10px;}
#error_404 nav {width: 295px;margin: -7px auto 0;position: relative;z-index: 10;}
#error_404 nav a {width: 50%;font-size: 13px;font-weight: 700;letter-spacing: .4em;}
#error_404 nav a.error_404_back{float: left;padding-left: 58px;position:relative;color: #c1c1c1;background: url('../images/404_back_arrow.png') no-repeat 10px center;}
#error_404 nav a.error_404_back:after {content: '';display: block;width: 1px;height: 11px;position: absolute; right: 0;top: 50%;margin-top: -5.5px;background: #c1c1c1;}
#error_404 nav a.error_404_home{float: right;padding-right: 47px;color: #dc372b;background: url('../images/404_home_arrow.png') no-repeat 94px center;}



/* **************************************** *
 * GOTOP
 * **************************************** */
a.go_top {display: block;height: 63px;width: 50px;padding-top: 30px;padding-left: 0.25em;position: absolute;top: -83px;right: 5.35%;overflow: hidden;background: #adadad url('../images/go_top.png') no-repeat center 19px;-webkit-transition: background 500ms;transition: background 500ms;z-index: 200;font-size: 12px;text-align: center;letter-spacing: 0.25em;}
a.go_top:hover { background-color: #CECECE; }



/* **************************************** *
 * 20161107 수정 - MAIN VISUAL SLIDE05 추가
 * **************************************** */
.main_visual_slide_05_inner {position: absolute;left: 0;right: 0;top: 50%;margin-top: -225px;z-index: 3;text-align: center;}
.main_visual_slide_05 .main_visual_slide:before {display: none;}

.main_visual_slide_05 .main_visual_slide h2 {position: static;}
.main_visual_slide_05 .main_visual_slide h2 span:first-child {padding-top: 17px;}
.main_visual_slide_05 .main_visual_slide h2 span i {position: relative;font-style: normal;}
.main_visual_slide_05 .main_visual_slide h2 span i:after {content: '';display: block;width: 33px;height: 33px;position: absolute;top: -1px;left: 59px;background: url(../images/main/slide-05-leaf.png) no-repeat center center;}

.main_visual_slide_05_inner p {display: block;margin-left: -10px;padding-top: 5px;font-size: 20px;font-weight: 700;letter-spacing: 0.2em;color: #fff;overflow: hidden;}
.main_visual_slide_05_inner p span {display: block;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform 500ms;transition: transform 500ms, -webkit-transform 500ms;-webkit-transition-delay: 1000ms;transition-delay: 1000ms;}
.main_visual_slide_05_inner p span b {display: inline-block;position: relative;line-height: 2.2;}
.main_visual_slide_05_inner p span b:after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background: #fff;}
.cycle-slide-active .main_visual_slide_05_inner p span {-webkit-transition-delay: 700ms;transition-delay: 700ms;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

a.salt_popup_play {display: block;width: 116px;height: 116px;position: relative;margin: 30px auto 0;border-radius: 50%;}
a.salt_popup_play:before, a.salt_popup_play:after {content: '';display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;border-radius: 50%;}
a.salt_popup_play:after {background: #fff url(../images/main/slide-05-play.svg) no-repeat 55% center;background-size: 55px auto;-webkit-transition: 600ms;transition: 600ms;}
a.salt_popup_play:hover:after {background-color: #dc372b;background-image: url(../images/main/slide-05-play-hover.svg);}
a.salt_popup_play:before {background-color: rgba(255, 255, 255, 0.4);-webkit-transition: 300ms;transition: 300ms;}
.cycle-slide-active .main_visual_slide_05_inner a.salt_popup_play:before,
.cycle-slide-active .main_visual_slide_05_inner a.salt_popup_play:after {width: 100%;height: 100%;margin-top: -50%;margin-left: -50%;-webkit-transition-delay: width 400ms, height 400ms, margin 400ms;transition-delay: width 400ms, height 400ms, margin 400ms;}

/* POPUP */
#main_visual_popup_overlay {z-index: 444;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.8);display: none;}
#main_visual_popup {z-index: 450;width: 960px;height: 540px;position: fixed;top: 0;left: 0;display: none;}
.main_visual_popup_inner {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.main_visual_popup_inner iframe {display: block;width: 100%;height: 100%;}
.main_visual_popup_close {display: block;width: 23px;height: 23px;position: absolute;right: -55px;top: 0;background: url(../images/pop_up_close_white.png) no-repeat center center;opacity: 0.8;}
.main_visual_popup_close:hover {opacity: 1;}

@media (max-width: 1279px) {
    /* POPUP */
    #main_visual_popup {width: 80%;height: auto;padding-top: 56.25%;}
    .main_visual_popup_close {right: -30px;}
}

@media (max-width: 720px) {
    .main_visual ul li.main_visual_slide_05 {width: 100%;}
    .main_visual_slide_05_inner {margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

    .main_visual_slide_05 .main_visual_slide h2 {display: block;}
    .main_visual_slide_05 .main_visual_slide h2 span {font-size: 55px;}
    .main_visual_slide_05 .main_visual_slide h2 span:first-child {padding-top: 11px;}
    .main_visual_slide_05 .main_visual_slide h2 span i {display: inline-block;}
    .main_visual_slide_05 .main_visual_slide h2 span i:after {width: 22px;height: 22px;top: -11px;left: 34px;z-index: -1;background-size: cover;}

    .main_visual_slide_05_inner p {font-size: 18px;}
    .main_visual_slide_05_inner p span b {line-height: 2;}
    .main_visual_slide_05_inner p span b:after {height: 1px;}

    a.salt_popup_play {width: 86px;height: 86px;margin: 3% auto 0;}
    a.salt_popup_play:after {background-size: 40px auto;}
}

@media (max-width: 480px) {
    .main_visual_slide_05 .main_visual_slide h2 span {font-size: 1.65em;}
    .main_visual_slide_05 .main_visual_slide h2 span i:after {width: 17px;height: 17px;left: 60%;}
    .main_visual_slide_05_inner p {font-size: 15px;}
    .main_visual_slide_05_inner p span b {line-height: 1.75;}

    a.salt_popup_play {width: 66px;height: 66px;margin: 5% auto 0;}
    a.salt_popup_play:after {background-size: 30px auto;}

    /* POPUP */
    #main_visual_popup {width: 90%;}
    .main_visual_popup_close {right: 0;top: -25px;width: 18px;height: 18px;background-size: cover;}
}



/* **************************************** *
 * 전자공고
 * **************************************** */
/* 회사소개 TAB */
.ko_kr.page-id-12 .sub_menu li,
.ko_kr.page-id-14 .sub_menu li,
.ko_kr.page-id-16 .sub_menu li,
.ko_kr.page-id-18 .sub_menu li,
.ko_kr.page-id-38 .sub_menu li,
.ko_kr.page-id-320 .sub_menu li {width: 16.6666%;}

/* single notice gnb active */
.single-notice ul#menu > li:first-child > a {color: #DC372B;}

/* square */
.notice .square_container, .notice_single .square_container {width: 405px;height: 484px;} /* square_notice layout */
.square_notice.square span {width: 33.3333%; height: 25%;}
.square_notice span:nth-child(1) {left: -4%;    top: 0;   -webkit-transition-delay:100ms;   transition-delay:100ms}
.square_notice span:nth-child(2) {left: 33.33%; top: 0;   -webkit-transition-delay:200ms;   transition-delay:200ms}
.square_notice span:nth-child(3) {left: 72%;    top: 0;   -webkit-transition-delay:300ms;   transition-delay:300ms}
.square_notice span:nth-child(4) {left: -4%;    top: 25%; -webkit-transition-delay:250ms; transition-delay:250ms}
.square_notice span:nth-child(5) {left: 33.33%; top: 25%; -webkit-transition-delay:350ms; transition-delay:350ms}
.square_notice span:nth-child(6) {left: 72%;    top: 25%; -webkit-transition-delay:450ms; transition-delay:450ms}
.square_notice span:nth-child(7) {left: -4%;    top: 50%; -webkit-transition-delay:450ms; transition-delay:450ms}
.square_notice span:nth-child(8) {left: 33.33%; top: 50%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_notice span:nth-child(9) {left: 72%;    top: 50%; -webkit-transition-delay:300ms; transition-delay:300ms}
.square_notice span:nth-child(10){width: 25%; left: 0;   top: 75%; -webkit-transition-delay:500ms; transition-delay:500ms}
.square_notice span:nth-child(11){width: 25%; left: 25%; top: 75%; -webkit-transition-delay:450ms; transition-delay:450ms}
.square_notice span:nth-child(12){width: 25%; left: 50%; top: 75%; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_notice span:nth-child(13){width: 25%; left: 75%; top: 75%; -webkit-transition-delay:350ms; transition-delay:350ms}

/* search  */
.jt_search {font-size: 0;text-align: right;}
.jt_search_category {display: inline-block;width: 110px;vertical-align: top; margin-right:8px;}

.jt_search_field {display: inline-block;position: relative;vertical-align: top;}
.jt_search_input {width: 233px;height: 34px;padding: 4px 37px 4px 8px;font-size: 14px;color: #666;text-overflow: ellipsis;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt_search_button {display: inline-block;width: 36px;height: 34px;position: absolute;right: 0;padding: 0;vertical-align: middle;font-size: 0;border: none;background: none;outline: none;cursor: pointer;background: transparent url(../images/icon-search.png) no-repeat center center;}

/* pagination */
.jt_pagination {display: block;width: 100%;margin-top: 40px;font-size: 0;text-align: center;}
.jt_pagination .page-numbers {display: inline-block;min-width: 32px;height: 32px;margin:0 4px 4px 4px;position: relative;font-size: 16px;font-weight: 400;line-height: 30px;text-align: center;vertical-align: top;color: #444;-webkit-transition: color 300ms, background 300ms, border 300ms;transition: color 300ms, background 300ms, border 300ms;}
.jt_pagination .page-numbers:hover, .jt_pagination .page-numbers.current {color: #dc382c;}
.jt_pagination .page-numbers.current:after {content: '';display: block;width: 24px;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -12px;background: #dc382c;}
.jt_pagination .page-numbers.first, .jt_pagination .page-numbers.prev, .jt_pagination .page-numbers.next, .jt_pagination .page-numbers.last {font-size: 0;background: transparent url(../images/icon-pagination.png) no-repeat;border: 1px solid #dedede;}
.jt_pagination .page-numbers.first {background-position: -10px center; margin:0 4px 0 0;}
.jt_pagination .page-numbers.prev {background-position: -56px center; margin:0 8px 0 0;}
.jt_pagination .page-numbers.next {background-position: -100px center; margin:0 0 0 8px;}
.jt_pagination .page-numbers.last {background-position: -146px center; margin:0 0 0 4px;}
.jt_pagination .page-numbers.first:hover, .jt_pagination .page-numbers.prev:hover, .jt_pagination .page-numbers.next:hover, .jt_pagination .page-numbers.last:hover {background-color: #fff;}

/* list */
.jt_board_list_header {height:34px; margin-bottom:18px; position:relative;}

.jt_board_total_found {position: absolute;top: 0px;left: 0px;padding-left: 43px;font-size: 15px;font-weight: 400;line-height: 34px;color: #666;}
.jt_board_total_found:before {content: '';display: block;width: 34px;height: 34px;position: absolute;top: 0;left: 0;border-radius: 50%;background: #dc382c url(../images/icon-total.png) no-repeat center center;}

.jt_board_list {width: 100%;position: relative;table-layout: fixed;}
.jt_board_list caption {display:block;width:100%;height:2px;position:absolute;top:-2px;left:0;overflow: hidden;font-size: 0;line-height: 0;background: #dc382c;}
.jt_board_list tr {width: 100%;}
.jt_board_list th {padding: 19px 0;position: relative;vertical-align: middle;font-size: 15px;font-weight: 600;text-align: center;color: #222;background: #fafafa;border-bottom: 1px solid #dedede;}
.jt_board_list th:before {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #d4d4d4;}
.jt_board_list th:first-child:before {display: none;}
.jt_board_list td {padding: 19px 0;font-size: 14px;font-weight: 400;text-align: center;color: #222;vertical-align: middle;cursor: pointer;border-bottom: 1px solid #dedede;background: #fff;transition:all 300ms;-webkit-transition:all 300ms;}
.jt_board_list tr:hover td {background:#f9f6f6;}
.jt_board_list tr:hover td.jt_board_nothing_found {background:#fff; cursor:default;}
.jt_board_list td.title {padding: 14px 20px;text-align: left;}
.jt_board_list .title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.jt_board_list .title_wrap * {vertical-align: middle;}
.jt_board_list .title_wrap a {color: #222;border: none;}
.jt_board_list .num {width: 100px;padding:0;color: #444;}
.jt_board_list .title {width: auto;}
.jt_board_list .date {width: 100px;}
.jt_board_list .view {width: 100px;}

/* notice list */
.notice .sub_header {background-image: url(../images/sub/notice-header.jpg);}
.notice .sub_title_container {background: #fafafa;}
.sub_part_notice {padding-top: 30px;padding-bottom: 310px;background: #fafafa url(../images/sub/introduce-info-bg.jpg) center bottom no-repeat;}
.jt_notice_list {width: 100%;max-width: 1030px;margin: auto;}

/* single */
.jt_single {width: 100%;max-width: 1030px;margin: 30px auto 0;background: #fff;}
.jt_single_inner {padding : 62px 78px 100px;}

.jt_single_title {position: relative;padding-bottom: 16px;}
.jt_single_title h2 {font-size: 20px;font-weight: 700;color: #222; word-break: break-all; letter-spacing:-0.035em;}

.jt_single_content {border: solid #dc382c;border-width: 2px 0;padding-bottom:66px; color:#666;}
.jt_single_content .single_info {width: 100%;min-height: 51px;background: #fafafa;border-bottom: 1px solid #dedede;padding: 0 30px;margin-bottom: 22px;font-size: 0;}
.jt_single_content .single_info span, .jt_single_content .single_info time {display: inline-block;position: relative;font-size: 14px;line-height: 49px;color: #666;vertical-align: top;background: transparent no-repeat left center;}
.jt_single_content .single_info span.author {padding-right: 20px;padding-left: 22px;background-image: url(../images/icon-author.png);}
.jt_single_content .single_info time {padding-right: 20px;padding-left: 26px;background-image: url(../images/icon-date.png);}
.jt_single_content .single_info span.post_views {padding-left: 29px;background-image: url(../images/icon-view.png);}
.jt_single_content .single_info span.download_file {display: block;border-top: 1px solid #dedede;}
.jt_single_content .single_info span.download_file a {font-size: 14px;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_single_content .single_info span.download_file a:hover{border-bottom-width:1px; border-bottom-style:solid}
.jt_single_content h1 {font-size:26px; font-weight:500; color:#222; padding:25px 0 15px 0;}
.jt_single_content h2 {font-size:22px; font-weight:500; color:#222; padding:25px 0 15px 0;}
.jt_single_content h3 {font-size:16px; font-weight:500; color:#222; padding:25px 0 15px 0;}
.jt_single_content p {margin: 0;padding: 10px 0;font-size: 15px;line-height: 2;color: #222;}
.jt_single_content strong {font-weight:600;}
.jt_single_content em {font-style:italic;}
.jt_single_content img {max-width:100%; margin:32px 0 15px 0; height: auto;}
.jt_single_content ul {}
.jt_single_content li {position:relative;padding:8px 0 4px 15px;letter-spacing:-0.03em;font-size: 15px;}
.jt_single_content li:before {content:'';display:block;width:4px;height:4px;position:absolute;top: 18px;left:0px;background: #dc382c;border-radius:50%;}
.jt_single_content li span {font-weight:600; color: #dc382c; letter-spacing:0;}

/* single pagenation */
.jt_single_pagination {display: block;width: 220px;margin: 30px auto;}
.jt_single_pagination::after {content: '';display: table;clear: both;}
.jt_single_pagination a {float: left;width: 63px;height: 63px;margin: 5px;text-align: center;background: #adadad url(../images/template_list.png) no-repeat center 15px;}
.jt_single_pagination span {display: block;padding-top: 40px;font-size: 11px;font-weight: 700;color: #fff;}
.jt_single_pagination .btn_prev {background-image: url(../images/template_prev.png);background-position: center 20px;}
.jt_single_pagination .btn_list {background-color: #dc382c;}
.jt_single_pagination .btn_next {background-image: url(../images/template_next.png);background-position: center 17px;}
.jt_single_pagination .btn_hidden{ visibility:hidden}

/* notice single */
.single-notice .body_container {padding-bottom: 0;}
.notice_single .sub_header {background-image: url(../images/sub/notice-header.jpg);}
.notice_single .sub_title_container {background: #fafafa;}
.sub_part_notice_single {float: left;width: 100%;padding-bottom: 130px;background: #fafafa;}
.sub_part_notice_single:after {content: '';display: block;clear: both;}



/* **************************************** *
 * 제품상세
 * **************************************** */
.single-product .body_container {padding-bottom: 0;}
.products_single {background: #fafafa;}

.single-product ul#menu > li:first-child + li + li > a {color: #DC372B;}

/* SLIDER */
.products_detail_slider {max-width: 1450px;height: 640px;margin: 0 auto;position: relative;}
.products_detail_slidewrap {width: 100%;position: relative;}
.products_detail_slideitem {display: none;width: 100%;height: 100%;}
.products_detail_slideitem:first-child {display: block;}
.products_detail_slideitem img {width: 100%;height: 100%;vertical-align: middle;}
.products_detail_slider_control {display: none;width: 100%;height: 69px;position: absolute;left: 0;top: 50%;margin-top: -34.5px;}
.products_detail_slider_btn {width: 69px;height: 100%;position: absolute;background: #ddd no-repeat center center;z-index: 110;-webkit-transition: background 300ms;transition: background 300ms;cursor: pointer;}
.products_detail_slider_prev {left: 0;background-image: url(../images/product/slider-arrow-left.png);}
.products_detail_slider_next {right: 0;background-image: url(../images/product/slider-arrow-right.png);}
.products_detail_slider_btn:hover {background-color: #dc372b;}

/* CONTENT */
.products_detail_inner {width: 100%;max-width: 1030px;margin: 0 auto;}
.products_detail_inner_title {font-size: 30px;line-height: 1.5;font-weight: 400;color: #222;}
.products_detail_inner_title_desc {padding-top: 25px;font-size: 15px;line-height: 1.8;font-weight: 500;color: #444;}

/* ICON 정보 */
.products_detail_feature {padding: 54px 0 120px;}
.products_detail_pic_title {text-align: center;}
.products_detail_pic {width: 100%;margin-top: 55px;font-size: 0;text-align: center;}
.products_detail_pic_item {display: inline-block;width: 20%;margin: 18px 0;padding: 0 4px;vertical-align: top;}
.products_detail_pic_figure {display: block;width: 100%;height: auto;}
.products_detail_pic_figure img {max-width: 100%;vertical-align: middle;}
.products_detail_pic_caption {padding-top: 15px;font-size: 15px;line-height: 1.9;font-weight: 500;color: #444;}

.products_detail_pic_type2 .products_detail_pic_item {width: 25%;}

/* 제품별설명 */
.products_detail_msg {display: table;width: 100%;}
.products_detail_msg_row {display: table-row;}
.products_detail_msg_cell {display: table-cell;width: 50%;vertical-align: middle;}
.products_detail_first {vertical-align: top;padding-top: 13.3%;}
.products_detail_first_type2 {vertical-align: top; padding-top:7.3%;}
.products_detail_second {text-align: right;}
.products_detail_msg_productimg {max-width: 100%;padding:30px 0;vertical-align: middle;}

.products_detail_award {padding-top: 180px;padding-left: 100px;position: relative;}
.products_detail_award img {position: absolute;left: 0;bottom: 4px;}
.products_detail_award p {font-size: 15px;line-height: 1.6;font-weight: 600;color: #222;}

/* 제품사양 테이블 */
.products_detail_spec {padding: 150px 0;}
.products_detail_spec_title {margin-bottom: 35px;font-size: 25px;letter-spacing: 0.4em;font-weight: 600;text-align: center;color: #222;}
.products_detail_spec_table {width: 100%;}
.products_detail_spec_table caption {width: 0px;height: 0px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.products_detail_spec_table thead th {padding: 14px 0;font-size: 14px;line-height: 1.8;text-align: center;font-weight: 500;vertical-align: middle;word-break: break-all;color: #fff;background: #dc372b;border-left: 1px solid #e7736b;}
.products_detail_spec_table thead th:first-child {border-left: none;}
.products_detail_spec_table tbody th, .products_detail_spec_table tbody td {padding: 12px;font-size: 14px;line-height: 1.8;font-weight: 500;vertical-align: middle;word-break: keep-all;color: #666;border: solid #ddd;border-width: 0 0 1px 1px;}
.products_detail_spec_table tbody th {width: 156px;padding-left: 28px;color: #444;border-left: none;}
.products_detail_spec_table tbody td {width: 236px;}
.products_detail_spec_table tbody td span {color: #dc372b;}
.products_detail_spec_table tbody td.half {width: 118px;}
.products_detail_spec_table tbody td.auto {width: auto;}
.products_detail_spec_table tbody td.content {padding-left: 28px;text-align: left;}
.products_detail_spec_table tbody td.none_border {border-left: none;}

/* 페이지네이션 */
.single_pagination {display: table;width: 100%;max-width: 1030px;height: 176px;margin: 0 auto;position: relative;border-top: 4px solid #dc372b;}
.single_pagination_link, .single_pagination_title {display: table-cell;width: 50%;height: 100%;font-size: 15px;font-weight: 400;text-align: center;vertical-align: middle;color: #444;}
.single_pagination_next, .single_pagination_title_next {padding-left: 40px;}
.single_pagination_prev, .single_pagination_title_prev {padding-right: 40px;}
.single_pagination_title {font-weight: 600;}
.single_pagination_link span {display: block;padding-top: 8px;}
.single_pagination_link b {display: inline-block;position: relative;font-size: 20px;line-height: 1;font-weight: 600;color: #222;-webkit-transition: all 300ms;transition: all 300ms;}
.single_pagination_link b:after {content: '';display: block;opacity: 0;visibility: hidden;width: 15px;height: 12px;position: absolute;top: 50%;margin-top: -6px;background: no-repeat center center;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.single_pagination_prev b:after {left: 0px;background-image: url(../images/product/pagination-prev.png);}
.single_pagination_next b:after {right: 0;background-image: url(../images/product/pagination-next.png);}
.single_pagination_link:hover b {color: #dc372b;}
.single_pagination_link:hover b:after {opacity: 1;visibility: visible;}
.single_pagination_prev:hover b {padding-left: 10px;}
.single_pagination_prev b:after {left: -10px;}
.single_pagination_next:hover b {padding-right: 10px;}
.single_pagination_next b:after {right: -10px;}
.single_pagination_list {display: block;width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;font-size: 0;border: 1px solid #ddd;background: url(../images/product/pagination-list.png) no-repeat center center;z-index: 1;-webkit-transition: background 300ms;transition: background 300ms;}
.single_pagination_list:hover {background-color: #fff;}

/* 제품상세 : SMT-M264예외처리 */
.product_smt_m264 .products_detail_first {padding-top: 9.5%;}

.product_apexa_g .products_detail_first_type2 {padding-top: 5.3%;}
.product_apexa_g .products_detail_award {padding-top: 20%;}



/* **************************************** *
 * 고객지원
 * **************************************** */
.jumbo_content strong em {display: block;font-size: 24px;line-height: 1.7;}

@media (max-width: 730px) {
    .jumbo_content strong em {font-size: 18px;}
}



/* **************************************** *
 * 20170719 수정 - MAIN VISUAL SLIDE07 추가
 * **************************************** */
.main_visual_slide_07_inner {position: absolute;left: 0;right: 0;top: 50%;margin-top: -225px;z-index: 3;text-align: center;}
.main_visual_slide_07 .main_visual_slide:before {display: none;}

.main_visual_slide_07 .main_visual_slide h2 {position: static;margin-top: -10px;margin-bottom: -2px;}

.cf_popup_play {display: block;overflow: hidden;color: #fff;}
.cf_popup_play * {vertical-align: middle;}
.cf_popup_play span {display: block;}
.cf_popup_play b {display: inline-block;padding-bottom: 5px;position: relative;font-size: 20px;letter-spacing: 0.2em;font-weight: 600;transition: color 300ms;}
.cf_popup_play b:before, .cf_popup_play b:after {content: '';display: block;height: 2px;position: absolute;bottom: 0;background-color: #fff;transition: width 600ms;transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.cf_popup_play b:before {width: 100%;right: 0;-webkit-transition-delay: 180ms;transition-delay: 180ms;}
.cf_popup_play b:after {width: 0;left: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;background-color: #dc372b;}
.cf_popup_play:hover b:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.cf_popup_play:hover b:after {width: 100%;-webkit-transition-delay: 180ms;transition-delay: 180ms;}
.cf_popup_play i {display: inline-block;width: 48px;height: 48px;margin-top: 10px;position: relative;border-radius: 50%;}
.cf_popup_play i:before, .cf_popup_play i:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;margin-top: -50%;margin-left: -50%;border-radius: 50%;}
.cf_popup_play i:before {background-color: rgba(255, 255, 255, 0.4);-webkit-transition: 300ms;transition: 300ms;}
.cf_popup_play i:after {background: #fff url(../images/main/slide-05-play.svg) no-repeat 55% center;background-size: 17px auto;-webkit-transition: 600ms;transition: 600ms;}
.cf_popup_play:hover i:after {background-color: #dc372b;background-image: url(../images/main/slide-05-play-hover.svg);}

.cf_popup_play span {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);opacity: 0;-webkit-transition: -webkit-transform 500ms;transition: -webkit-transform 500ms;transition: transform 500ms, opacity 500ms;transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;-webkit-transition-delay: 1000ms;transition-delay: 1000ms;}
.cycle-slide-active .cf_popup_play span {-webkit-transition-delay: 750ms;transition-delay: 750ms;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1}

@media (max-width: 720px) {
    .main_visual ul li.main_visual_slide_07 {width: 100%;}
    .main_visual_slide_07_inner {margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

    .main_visual_slide_07 .main_visual_slide h2 {display: block;margin-bottom: 15px;}
    .main_visual_slide_07 .main_visual_slide h2 span {font-size: 55px;}

    .cf_popup_play b {font-size: 18px;}
    .cf_popup_play b:before, .cf_popup_play b:after {height: 1px;}
    .cf_popup_play i {width: 40px;height: 40px;margin-left: 5px;margin-top: 0px;}

	.square_pg span:nth-child(8) {font-size:.82em;}
}

@media (max-width: 480px) {
    .main_visual_slide_07 .main_visual_slide h2 span {font-size: 1.65em;}

    .cf_popup_play b {font-size: 15px;letter-spacing: 0.1em;}
    .cf_popup_play i {width: 32px;height: 32px;margin-left: 5px;}
    .cf_popup_play i:after {background-size: 12px auto;}
}