@charset "utf-8";
/*
Theme Name: SMARTRO (스마트로)
Theme URI: http://studio-jt.co.kr
Description:
Author: STUDIO-JT (Nico, KMS)
Author URI: http://studio-jt.co.kr
Version: 1.0

License:
License URI:
*/

/*
 * Dependency : css/commons.css
 *
 * SUMMARY:
 * 1) GENERAL
 * 2) KBOARD STYLE
 * 3) COMPONENT
 * 4) HEADER
 * 5) FOOTER
 * 6) MAIN
 * 7) SUB PAGE
 * 8) 404
 * 9) MEDIAQUERIES
*/




/* **************************************** *
 * GENERAL
 * **************************************** */
body{ font-size:16px; font-family: NotoSansCJKkr,"Malgun Gothic", sans-serif; padding-top:80px}
html,body{ height:100%;}
.wrap {max-width: 100%;margin: auto;}
.content_container{}
.body_container { float: left; width: 100%;padding-bottom: 130px;min-height: 400px;min-height: -webkit-calc(100% - 537px);min-height: calc(100% - 537px);}
.home .body_container { padding-bottom: 0px;}
a{color: #DC372B;text-decoration:none;}
h1{font-size:42px;line-height:1.316;font-weight:600;color:#222;/* font-family:'arita-buri-m',serif; */padding: 70px 0 45px;/* border-bottom:2px solid #dddddd; */}
h2{font-size:38px;line-height:1.316;font-weight: 700;color:#222;/* font-family:'arita-buri-m',serif; */}
h3{font-size:35px;line-height:1.343;font-weight:600;color:#222;}
h4{font-size:24px;line-height:1.500;font-weight:600;color:#333;}
h5{font-size:19px;line-height:1.632;font-weight:600;color:#333;}
h6{font-size:15px;line-height:1.933;font-weight:600;color:#555;}
p {font-size: 14px;line-height: 1.7;font-weight:400;color:#666;}

/* MOBILE RESET */
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=url],input[type=submit],textarea{-webkit-appearance:none;border:1px solid #ddd;border-radius:inherit;background-clip: padding-box;}
input[type=radio]{border-radius:100%;}

textarea:focus,input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus{border-color:#dc382c !important; outline:none}


/* **************************************** *
 * KBOARD STYLE
 * **************************************** */
.detail-content a { color:#469ADD; font-weight: bold; text-decoration:none}
.detail-content i, .detail-content em{ font-style: italic;}
.detail-content b, .detail-content strong { font-weight: bold}

.detail-content ul, .detail-content ol{margin:13px 0; padding-left:40px}
.detail-content ol{list-style-type: decimal;}
.detail-content ul{list-style-type:disc;}

.detail-content h1, .detail-content h2, .detail-content h3 ,.detail-content h4 ,.detail-content h5, .detail-content h6 { font-weight:bold; margin:25px 0; color: #B7B3B3; background:none; border:none}
.detail-content h1{font-size: 26px;}
.detail-content h2{font-size: 20px;}
.detail-content h3{ font-size: 16px}
.detail-content h4{ font-size: 18px;}
.detail-content h5{ font-size: 12px}
.detail-content h6{ font-size: 12px; font-weight:normal}

#wp-link-wrap {font-size: 14px;color: #222;}
#wp-link-close {width: 40px;height: 40px;}
#wp-link div.link-search-wrapper span {margin-top: 0;}
button#wp-link-close {width: 60px;}
#wp-link-close:focus, #wp-link-close:hover{color: #e9511c;}
button#wp-link-close span {line-height: 2.4em;}
.kboard-list-excerpt > p >img {width: 100% !important;}



/* **************************************** *
 * COMPONENT
 * **************************************** */

/* TABS */
.tabs_menu li{ width: 50%;}
.tabs_num_2 .tabs_menu li{ width: 50%;}
.tabs_num_3 .tabs_menu li{ width: 33.3333333333%;}
.tabs_num_4 .tabs_menu li{ width: 25%;}
.tabs_num_5 .tabs_menu li{ width: 20%;}
.tabs_num_6 .tabs_menu li{ width: 16.6666666667%;}
.tabs_num_7 .tabs_menu li{ width: 14.2857142857%;}
.tabs_num_8 .tabs_menu li{ width: 12.5%;}
.tabs_num_9 .tabs_menu li{ width: 11.1111111111%;}
.tabs_num_10 .tabs_menu li{ width: 10%;}
.tabs_num_11 .tabs_menu li{ width: 9.09090909091%;}
.tabs_num_12 .tabs_menu li{ width: 8.33333333333%;}
.tabs_menu {padding-top: 70px;padding-bottom: 50px;font-size: 30px;font-weight: 700;text-align: center;}
.tabs_menu li{ display:inline-block;}
.tabs_menu a:after {content: "";background: #DC372B;display: block;top: 50%;left: -6px;width: 4px;height: 4px;position: absolute;margin-top: -1px;border-radius: 4px;}
.tabs_menu li:first-child a:after{ display:none}
.tabs_menu a { position: relative; padding: 18px; display:inline-block;letter-spacing: .4em; }
.tabs_menu a { color: #d6d5d5; }
.tabs_menu .active a { color: #DC372B; }
.tabs_menu .active a span {/* border-bottom: 5px solid #DC372B; */position: relative;}
.tabs_menu .active a span:after{content:"";position: absolute;bottom: -5px;left: 0;width: 100%;width: -webkit-calc(100% - 0.4em);width: calc(100% - 0.4em);height: 5px;background: #DC372B;}
.tabs_panels { clear: both; padding: 0;  position: relative; margin-bottom: 0; padding-bottom: 0; float: left; width: 100%; border-top-width: 0;/* background: #1b1b1b; */}
.tabs_panels > div { display: none }
.tabs_panels > div:first-child { display: block }
.tabs_menu li{ width:auto}


/* SELECTBOX with jquery.selectbox-0.2 */
.sbHolder { position: relative; left: 1px; background-color: #FFFFFF; border: solid 1px #ddd;font-size: 12px;font-weight: normal;height: 34px;position: relative;width: 110px;display: inline-block;}
.sbHolder:focus .sbSelector { }
.sbSelector { display: block; height: 32px; left: 0; line-height: 32px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; }
.sbSelector:link,.sbSelector:visited,.sbSelector:hover {font-size: 14px;color: #666;outline: none;text-decoration: none;}
.sbToggle { /*background: url(../img/select-icons.png) 0 -116px no-repeat;*/display: block; height: 32px; outline: none; position: absolute; right: 0; top: 0; width: 30px; }

/*
.sbToggle:hover { background: url(../img/select-icons.png) 0 -167px no-repeat; }
.sbToggleOpen { background: url(../img/select-icons.png) 0 -16px no-repeat; }
.sbToggleOpen:hover { background: url(../img/select-icons.png) 0 -66px no-repeat; }
*/
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder { }
.sbHolderDisabled .sbToggle { }
.sbOptions { background-color: #FFFFFF;border: solid 1px #ddd;list-style: none;left: -1px;margin: 0;padding: 0;position: absolute;top: 32px !important;width: 110px;z-index: 9;overflow-y: auto;}
.sbOptions li { padding: 0 7px; }
.sbOptions a {border-bottom: solid 1px #eee;display: block;outline: none;font-size: 14px;padding: 10px 0;}
.sbOptions a:link,
.sbOptions a:visited { color: #666; text-decoration: none; }
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus { color: #dc382c; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; }
.sbToggle:after { content: ""; display: block; border: 4px solid transparent;border-top-color: #dc382c; position: absolute; top: 50%;margin-top: -2px; right: 10px;}

/* add by JUN */
.sbHolder {vertical-align: middle;text-align: left;}
.sbHolder .sbSelector {width: 100%;}
.sbOptions {width: 110px;}
.jtkb .jtkb-search input {padding: 0 10px;width: auto;min-width: 164px;line-height: 28px;position: relative;z-index: 1;}

#phoneno1 + .sbHolder,#usermaildoc + .sbHolder{margin-top:-2px;width:140px;height:32px;line-height:32px;border: 1px solid #ccc;}
#phoneno1 + .sbHolder > .sbSelector,#usermaildoc + .sbHolder > .sbSelector{height:inherit;line-height:inherit;}
#phoneno1 + .sbHolder > .sbOptions,#usermaildoc + .sbHolder > .sbOptions{width:101.1%;}
#phoneno1 + .sbHolder > .sbOptions a ,#usermaildoc + .sbHolder > .sbOptions a {padding:0;}
#phoneno1 + .sbHolder{width:110px;}


/* JUMBO HEADER */
.jumbo { height: 460px; position: relative; background: #DEDCD9 url('images/sub/customer-jumbo.jpg') left center no-repeat; }
.jumbo_content_wrap { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: #DC372B; color: #fff; font-size: 40px; }
.jumbo_content{display:table; width:100%; height:100%;}
.jumbo_content_inner{ vertical-align:middle; display:table-cell; padding:0 11%}
.jumbo_content strong { margin-bottom: 20px; display: block;}
.jumbo_content strong span{ display:inline-block;}
.jumbo_content p { color: #fff; font-size: 16px;word-break: break-all; }




/* **************************************** *
 * HEADER
 * **************************************** */
#header {height: 80px;background: #FFF repeat center top;position:relative;width: 100%;z-index: 240;top: 0;left: 0;/*transition: 800ms;*//* box-shadow: 0 1px 1px rgba(0,0,0,.1); */}
.header_inner {position: relative;}
.home .header_inner,.page-id-9 .header_inner{ /*border-bottom: #ddd 1px solid; */height: 80px;}
div#global_container {overflow: hidden;}
div#global_container,
.header_wrap { padding: 0 80px; max-width: 1900px; margin: auto; }


/* FIXED HEADER */
.admin-bar #header { top: 32px;}
#header{ position:fixed}


/* LOGO*/
#logo {position: absolute;top: 22px;left: 0;/*transition: 800ms;*/}
#logo a { position: relative; display: block;}
.logo_img, .logo_txt { position: absolute;}
.logo_img { left: 0; top: 0; height:auto;width: 66px;-webkit-transition:500ms;transition:500ms;}
.logo_txt { top: 23px; left: 58px;-webkit-transition:500ms;transition:500ms}
#logo img { width: 123px; display: block; }


/* LANG */
a.header_lang { position: absolute; right: 0; top: 25px; font-size: 11px; font-weight: bold; border: 3px solid #DC372B; display: block; width: 48px; text-align: center; padding: 6px 0;-webkit-transition:color 500ms cubic-bezier(0, 0.4, 0.5, 1);transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);font-family: NotoSansCJKkr,"Malgun Gothic", sans-serif;}
a.header_lang:before {content: "";display: block;position: absolute;z-index: 1;background: #DC372B;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);z-index: -1;}
a.header_lang:hover {color: #fff;}
a.header_lang:hover:before {width: 100%;}

a.header_inquiry {position: absolute;right: 0;top: 25px;font-size: 11px;font-weight: bold;color: #363333;letter-spacing: 1px;border: 3px solid #363333;display: block;width: 100px;text-align: center;padding: 6px 0;-webkit-transition:color 500ms cubic-bezier(0, 0.4, 0.5, 1);transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);}
a.header_inquiry:before {content: "";display: block;position: absolute;z-index: 1;background: #363333;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);z-index: -1;}
a.header_inquiry:hover {color: #fff;}
a.header_inquiry:hover:before {width: 100%;}

a.header_blog {position: absolute;right: 110px;top: 25px;font-size: 0;font-weight: bold;color: #36ab37;letter-spacing: 1px;border: 3px solid #36ab37;display: block;width: 58px;height: 35px;text-align: center;padding: 8px 0;-webkit-transition:color 500ms cubic-bezier(0, 0.4, 0.5, 1);transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);}
a.header_blog svg {width: 32px;height: auto;margin: 0 auto;}
a.header_blog svg path {fill: #36AB37;-webkit-transition:fill 500ms cubic-bezier(0, 0.4, 0.5, 1);transition: fill 500ms cubic-bezier(0, 0.4, 0.5, 1);}
a.header_blog:before {content: "";display: block;position: absolute;z-index: 1;background: #36ab37;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);z-index: -1;}
a.header_blog:hover {color: #fff;}
a.header_blog:hover:before {width: 100%;}
a.header_blog:hover svg path {fill: #fff;}
a.header_blog .header_blog_pc {display: block;}
a.header_blog .header_blog_small {display: none;}

/* MENU */
.menu_container {position: absolute;left: 50%;top: 21px;z-index: 850;/*transition: 800ms;*//*-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */width: 814px;margin-left: -407px;}
ul#menu a { color: #222222; text-decoration: none; font-size: 16px;font-weight: bold; /*-webkit-transition:500ms; transition:500ms*/}
ul#menu > li > a:hover,ul#menu > li.current > a { color:#DC372B;}
ul#menu > li > a:before {content: '';display: block;width: 1px;height: 15px;position: absolute;left: 0;top: 16px;background: #ddd;}
ul#menu > li:first-child > a:before {background: none;}
/*ul#menu > li > a:after{left: 0;bottom: 0;width:10px;height: 4px;content:"";position:absolute;display:block;}
ul#menu > li:hover > a:after{background-color: #DC372B;width: 90%;margin: 0 5%;}*/
ul#menu > li,ul#menu > li > a { float: left; display: block; }
ul#menu > li > ul {/* display: none; */opacity: 0;position:absolute;visibility: hidden;top: 59px;width: 200px;z-index:255;left: 50%;margin-left: -100px;-webkit-box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16);box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16);-webkit-transition:opacity 150ms;transition: opacity 150ms;}
ul#menu li:hover > ul {/* display: block; */visibility: visible;opacity: 1;}
ul#menu > li > a {padding: 10px 36px 25px 36px;position: relative;}
ul#menu li{ position:relative}
ul#menu > li > ul a {background: #fff;display: block;padding: 10px 5px 10px 25px;font-size: 14px;font-weight: 400;clear: both;border-top: 1px solid #edebe4;text-align: left;-webkit-transition:300ms;transition: 300ms;}
ul#menu > li:hover > ul a { padding: 17px 5px 17px 25px;}
ul#menu > li > ul a:hover {background: #DC372B;color: #fff;}
ul#menu > li > ul > li > ul a { padding-left:40px; position:relative;background: #fafafa;}
ul#menu > li > ul > li > ul a:hover {background: #fafafa;color: #66af3f;}
ul#menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #67af3f; width: 5px; height: 1px;}

ul#menu > li > ul > li:first-child > a{border-top: none;}
/*ul#menu > li > ul > li:first-child > a:hover{border-top: 1px solid #DC372B;}*/

ul#menu > li:nth-child(3) > ul > li:nth-child(4) a,
ul#menu > li:nth-child(5) > ul > li:nth-child(2) a,
ul#menu > li:nth-child(5) > ul > li:nth-child(3) a  {padding-right: 45px;background-image: url(./images/icon-blank.png);background-position: 165px center;background-repeat: no-repeat;}
ul#menu > li:nth-child(3) > ul > li:nth-child(4) a:hover,
ul#menu > li:nth-child(5) > ul > li:nth-child(2) a:hover,
ul#menu > li:nth-child(5) > ul > li:nth-child(3) a:hover {background-image: url(./images/icon-blank-hover.png);}

ul#menu .has3depth a{position:relative;}
ul#menu .has3depth a:after{content:"";display:block;position:absolute;top:45%;right:10%;background-image: url(images/sub/mini_icons_sprites.png);background-repeat: no-repeat;}

ul#menu .has3depth > a:after{width:7px;height:4px;background-position:-10px -64px;}
ul#menu .has3depth:hover > a {border-top:1px solid transparent;background-color: #66af3f;color:#fff;}
ul#menu .has3depth:hover > a:after{background-position:-10px -88px;}

ul#menu .has3depth li a{border-top: 1px solid #eee;}
ul#menu .has3depth li a:after{width:5px;height:7px;background-position:-10px -10px;}
ul#menu .has3depth li a:hover:after{background-position:-10px -37px;}
ul#menu .has3depth li:first-child a{border-top: 1px solid #fff;}

/* SUB VISUAL */
.visual_btn:after { content: ""; border-bottom: 47px solid #333; border-left: 53px solid transparent; border-right: 53px solid transparent; display: block; position: absolute; bottom: -47px; -webkit-transition: 500ms; transition: 500ms; left: 0; z-index: 1; }
.visual_btn:before { content: ""; display: block; position: absolute; bottom: -153px; -webkit-transition: 300ms; transition: 300ms; left: 0; height: 106px; width: 106px; background: #333; -webkit-transition: 500ms; transition: 500ms; z-index: 1; }
.visual_btn:hover:after { bottom: 106px; border-bottom-width: 0;}
.visual_btn:hover:before { bottom: 0; }

.main_visual_container a.visual_btn:before { background: #E9511C;}
.main_visual_container a.visual_btn:after { border-bottom-color: #E9511C;}

.footer_contact a.visual_btn { position: absolute; left: 50%;margin-left: -50px; bottom: 135px;/* transition: 300ms; */}
.footer_contact a.visual_btn span{ display:block; position:relative; z-index:9; padding-top:8px}
.footer_contact a.visual_btn:before { background: #E9511C;}
.footer_contact a.visual_btn:after { border-bottom-color: #E9511C;}

/* RWD ITEM */
#small_menu_close{ display:none;}




/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {background: #363333;clear: both;float: left;width: 100%;padding: 45px 0 69px;position: relative;margin-bottom: 80px;}
.footer_inner.wrap {max-width: 1030px;}
.footer_inner li, .footer_inner a, .footer_inner span{color: #fff;font-size: 13px;}
.footer_menu { font-size: 13px; }
.footer_menu_main, .footer_menu_policy { display: block; clear: both; }
.footer_menu_policy a {background-color: #d93b31;}
.footer_menu_service a {background-color: #d93b31;}
.footer_menu li, .footer_menu a {/*float:left;*/ display: inline-block;}
.footer_menu a {font-size: 15px;padding:10px 15px;margin-right:4px;width: 210px;text-align: center;}
.footer_address{font-size: inherit;font-weight: inherit;line-height: inherit;float: left;margin-left: -12px;}
.footer_address p{letter-spacing: 0.05em;}
.footer_address b{ color:#eee; font-weight:normal;}
.footer_address span {display: inline-block;}
.footer_banner { position: absolute;top: 30px; right: 0;}
.address br, .copyright br { display: none;}
.copyright span {font-size: 12px; color: #5b5959; color: rgba(255,255,255,0.23); display: block;}
.footer_inner.wrap nav {float: right; padding-right: 7px;}
.footer_ca {padding: 21px 0 15px;}
.footer_ca:after {content: '';display: block;clear: both;}
.footer_ca ul {display: block;width: 395px;}
.footer_ca li {float: left;padding-left: 7px;font-size: 12px;color: #868585;color: rgba(255,255,255,0.3);}
.footer_ca li:first-child {padding-left: 0; }
.footer_ca li:after {content: '';display: block;clear: both;}
.footer_ca figure img {display: inline-block;vertical-align: top;}
.footer_ca figure figcaption {display: inline-block;padding: 10px;}



/* **************************************** *
 * MAIN
 * **************************************** */

/* SLIDESHOW */
.main_visual_slide img {  width: 100%; display: block;}
.main_visual_slide { position: relative; }
.main_visual_slide h2 { position: absolute;line-height: 1.19;font-size: 1.75em;left: 5.8%;top: 53.3%;z-index: 3; }
.main_visual_slide h2 span {display: block;color: #fff;font-size: 100px;}
.main_visual_txt_container,.main_visual_slide:before {position: absolute;right: 0;top: 0;width: 0;padding-left: 0;bottom: 0;background: rgba(220, 55, 43, 0.8);/*padding-top: 18.2%;*/overflow:hidden;}
.main_visual_slide:before{content:"";background-color: rgba(220, 55, 43, 0.4);z-index: 6;width:0px;-webkit-transition:600ms width;transition: 600ms width;-webkit-transition-delay: 400ms;transition-delay: 400ms;}

.main_visual_slide_01 .main_visual_slide h2 {top: 37.6%;}
.main_visual_slide_01 .main_visual_txt_container .main_visual_direct_site {display: none;}
.main_visual_slide .main_visual_btn_container {overflow: hidden;position: absolute;left: 5.8%;top: 72.9%;z-index: 4;}
.main_visual_slide .main_visual_btn  {font-size: 18px;color: #fff;line-height: 1;z-index: 4;background-color: #dc372b;padding: 22px 63px;display: 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;}
.main_visual_slide .main_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 .main_visual_slide .main_visual_btn:hover:before {width:100%;}
.main_visual_slide .main_visual_btn span {position: relative;z-index: 2;}

p.main_visual_txt {display: table-cell;vertical-align: middle;font-size: 50px;font-weight: 200;color: #f49490;line-height: 1.2;letter-spacing: -0.05em;}
p.main_visual_txt b { font-weight: 200; color: #fff }
.main_visual_txt_container a {font-size: 11px;letter-spacing: 0.41em;color: #fff;display: block;margin-top: 13%;padding-top: 20px;width: 27%;position: absolute;bottom: 153px;left: 8px;}
.main_visual_txt_container a:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background: #dd756d; }
.main_visual_txt_container a:before { content: ""; position: absolute; display: block; bottom: 2px; right: -2px; height: 12px; width: 12px; background: url('images/main/visual_more_arrow_bar.png') no-repeat center bottom; }
.main_visual { position: relative;-webkit-touch-callout: none;  -webkit-user-select: none;-ms-user-select: none;}
.main_visual ul{ position: relative;    padding-top: 45.4%; height: 0; overflow: hidden; }
a#scroll_down {position: absolute;bottom: -40px;left: 50%;/* margin-left: -90px; */width: 180px;width: 10.35%;font-size: 11px;letter-spacing: 0.3em;text-align: center;display: block;padding: 0.96% 15px 3.45% 15px;border: #DC372B 3px solid;color: #fff;background: url('images/main/down-arrow.png') no-repeat center 55px;background-size: auto 30%;z-index: 220;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
small.corp { font-size: 11px; color: #cecece; font-weight: 400;letter-spacing: 0.2em; -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg); position: absolute; top: 50%;right: -190px;}
.visual_nav { position: absolute; top: 50%;  right: 39px; z-index: 230; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  width:80px; text-align:right;}
.visual_nav span {cursor:pointer;display: block;line-height: 1px;height: 6px;width: 25px;text-indent: 99px;background-color: #fff;margin-bottom: 15px;float: right;-webkit-transition:width 300ms;transition: width 300ms;clear: both;overflow: hidden;}
.visual_nav span.cycle-pager-active {width:77px;-webkit-transition:width 500ms;transition: width 500ms;}
.main_visual_txt_container{z-index: 7;-webkit-transition:width 800ms,  padding 800ms;transition: width 800ms,  padding 800ms;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_slide:after{-webkit-transition:width 800ms;transition: width 800ms; width:0px;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_txt_inner{display: table;width:800px;height: 100%;position: relative;-webkit-transform: translate3d(120px,0,0);transform: translate3d(120px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:1100ms;transition-delay:1100ms;}
.main_visual_slide img{-webkit-transition-delay:800ms;transition-delay:800ms;-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}
.main_visual_slide{ overflow:hidden}
p.main_visual_txt b{-webkit-transform: translate3d(120px,0,0);transform: translate3d(120px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:900ms;transition-delay:900ms;display: inline-block;}
.main_visual_txt_container a{-webkit-transform: translate3d(230px,0,0);transform: translate3d(230px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:900ms;transition-delay:900ms;display: inline-block;}
.main_visual_slide h2 span b { display: 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;}
.main_visual_slide h2 span { overflow: hidden;}


.cycle-slide-active .main_visual_txt_container{width:38.8%; padding-left:4.5%; -webkit-transition-delay:600ms; transition-delay:600ms}
.cycle-slide-active .main_visual_slide:before{width: 38.5%; -webkit-transition-delay:500ms; transition-delay:500ms;}
.cycle-slide-active .main_visual_slide img{position:relative; z-index:2;-webkit-transition:-webkit-transform 1000ms ease;transition:-webkit-transform 1000ms ease;transition:transform 1000ms ease;transition: transform 1000ms ease, -webkit-transform 1000ms ease; -webkit-transition-delay:0ms; transition-delay:0ms;  -webkit-transform: scale(1.1) rotate(0.01deg) translate3d(0,0,0); transform: scale(1.1) rotate(0.01deg) translate3d(0,0,0);}
.cycle-slide-active .main_visual_txt_inner{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cycle-slide-active p.main_visual_txt b,
.cycle-slide-active .main_visual_txt_container a{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cycle-slide-active .main_visual_slide h2 span b{-webkit-transition-delay:300ms;transition-delay:300ms; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.cycle-slide-active .main_visual_slide h2 span + span b{ -webkit-transition-delay:450ms; transition-delay:450ms}
.cycle-slide-active .main_visual_slide h2 span + span + span b{ -webkit-transition-delay:600ms; transition-delay:600ms}
.cycle-slide-active .main_visual_slide .main_visual_btn {-webkit-transition-delay:600ms; transition-delay:600ms; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}


/* BUSINESS */
.main_business_header {margin-top: 6.9%;text-align: center;margin-bottom: 75px;}
.main_business_header h2 { letter-spacing: 0.38em; padding-left:0.25em; font-weight: bold; font-size: 35px; padding-bottom: 19px; }
.main_business_header h2 span:first-child { color: #DC372B; }
.main_business_header p {letter-spacing: 0.085em;}

.main_business_nav {  padding-top: 42.5%; width: 100%; height: 0; position: relative; margin-bottom: 80px; background: #2c2929 url(images/main/business-area.jpg) no-repeat; background-size: cover; }
.main_business_nav_inner{position: absolute; top: 0; left:0; width:100%; height:100%;}
.main_business_item {position: relative;display: block;float: left;width: 33.33%;height: 100%;text-align: center;color: #fff;}
.main_business_item a {border-color: #5c5c5c;border-color: rgba(255,255,255,0.2);border-style: solid;}
.main_business_nav_inner .main_business_item_01 a {border-right-width: 1px;}
.main_business_nav_inner .main_business_item_02 a {border-right-width: 1px;}
.main_business_nav_inner.hover_item_01 .main_business_item_01 a {border-color: #d23127;}
.main_business_nav_inner.hover_item_02 .main_business_item_01 a {border-right-color: #d23127;}
.main_business_nav_inner.hover_item_02 .main_business_item_02 a {border-bottom-color: #d23127;}
.main_business_nav_inner.hover_item_03 .main_business_item_01 a {border-bottom-color: #d23127;}
.main_business_nav_inner.hover_item_03 .main_business_item_03 a {border-right-color: #d23127;}
.main_business_nav_inner.hover_item_04 .main_business_item_02 a {border-bottom-color: #d23127;}
.main_business_nav_inner.hover_item_04 .main_business_item_03 a {border-right-color: #d23127;}

.main_business_item_face {display: block;position: absolute;width: 100%;height: 100%;-webkit-transition: all 1s;transition: all 1s;}
.main_business_item:hover .main_business_front {background: #DC372B; -webkit-transition: 1s border 1.5s;transition: 1s border 1.5s;}
.main_business_item_table {display: table;width: 100%;height: 100%;}
.main_business_item_table_inner {display: table-cell;vertical-align: middle;padding: 0 30px;}
.main_business_item img {display: block;margin: auto;height: 80px;}
.main_business_item h3 { color: #fff; font-size: 26px; font-weight: 400; padding-bottom: 13px; letter-spacing: .1em; }
.main_business_item p { color: #fff; padding-bottom: 31px; font-size: 15px;}
.main_business_more { font-size: 12px;line-height: 16px;font-weight: bold; color: #686664; padding-bottom: 6px; border-bottom: 3px solid #686664; display: block; width: 38px; margin: auto; text-align: center;-webkit-transition: width 500ms,color 500ms,border 500ms;transition:width 500ms,color 500ms,border 500ms; -webkit-transition-delay:0ms,200ms,200ms; transition-delay:0ms,200ms,200ms  }
.main_business_item:hover .main_business_more { width: 117px;color: #fff; border-color:#fff; -webkit-transition-delay:0ms,0ms,0ms; transition-delay:0ms,0ms,0ms  }

.main_business_item_icon {position: relative;height: 80px;width: 100%;margin-bottom: 6px;}
.main_business_item_icon img { position: absolute; left: 50%; z-index: 22; -webkit-transition:opacity 1000ms; transition: opacity 1000ms }
.main_business_item_icon img,
.main_business_item:hover .main_business_item_icon img:first-child {opacity: 0;}
.main_business_item_icon img:first-child,
.main_business_item:hover .main_business_item_icon img { opacity: 1;}

.main_business_item_01 .main_business_item_icon img {margin-left: -35px;}
.main_business_item_02 .main_business_item_icon img { margin-left:-88px}
.main_business_item_03 .main_business_item_icon img {margin-left: -36px;}
.main_business_item_04 .main_business_item_icon img {margin-left: -32px;}

/* BOTTOM LINK */
.main_bottom_link { margin-top: 94px; text-align: center; }
.main_bottom_header h2 { font-size: 30px; color: #999; margin-bottom: 55px; letter-spacing: .41em;padding-left: 0.6em;}
nav.main_bottom_link_nav { background: #777372; height: 0; padding-top: 24.4%; position: relative;  }
nav.main_bottom_link_nav li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center top;background-size: cover;}
nav.main_bottom_link_nav li.main_bottom_link_01 { background-image: url(images/main/bottom-banner-01.jpg); }
nav.main_bottom_link_nav li.main_bottom_link_02 { left: 50%; background-image: url(images/main/bottom-banner-02.jpg); }
nav.main_bottom_link_nav li.main_bottom_link_03 {background-image: url(images/main/bottom-banner-03.jpg);}
nav.main_bottom_link_nav li a:before {content: '';width: 97%;position: absolute;top: 7%;bottom: 7%;left: 1.5%;overflow: hidden;border: 1px solid rgba(255,255,255,0.4);z-index: 4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

nav.main_bottom_link_nav h3 {font-size: 26px;color: #fff;font-weight: 700;letter-spacing: 0.2em;padding-left: 0.2em;}
nav.main_bottom_link_nav p {color: #fff;padding-bottom: 30px;font-size: 15px;letter-spacing: 0;}
span.main_bottom_link_more { font-size: 12px; font-weight: bold; color: #FFFFFF; padding-bottom: 6px; border-bottom: 3px solid #DC372B; display: block; width: 34px; margin: auto; text-align: center; -webkit-transition:width 500ms; transition:width 500ms}
.main_bottom_link_nav a{display: table;height: 100%;width: 100%;position: relative; z-index: 3;}
.main_bottom_link_nav a:hover span.main_bottom_link_more {width:98px }
.main_bottom_item_inner {padding-top: 35px;z-index: 6;position: relative;display: table-cell;vertical-align: middle; height:100%;}
nav.main_bottom_link_nav h3 { padding-bottom: 20px; }
.main_bottom_link_nav li{overflow: hidden;}
.main_bottom_link_nav_placeholder{ background: no-repeat center top; display:block; width:100%; height:100%; position:absolute;  top:0; left:0; -webkit-transition: 6s; -webkit-transform: scale(1) rotate(0deg); transition: 6s; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); z-index: 3;}
.main_bottom_link_nav li a:hover .main_bottom_link_nav_placeholder{-webkit-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg);}
.main_bottom_link_01 .main_bottom_link_nav_placeholder { background-image: url(images/main/bottom-banner-01.jpg);}
.main_bottom_link_02 .main_bottom_link_nav_placeholder { background-image: url(images/main/bottom-banner-02.jpg);}
.main_bottom_link_03 .main_bottom_link_nav_placeholder { background-image: url(images/main/bottom-banner-03.jpg);}



/* **************************************** *
 * ANIMATION SCROLL
 * **************************************** */

/* SKIP */
.skip_container{ display:none;}


/* LAYOUT*/
.main_animation_inner {height: 0;padding-top: 46%;background: #dbcdb9 url(images/main/scroll-anim-bg.jpg) repeat center top;overflow: hidden;position: relative;}
.fixed_anim .body_container { position: fixed; top: 80px; left: 0; z-index: 9; width: 100%; }
.fixed_anim .main_container { padding: 0 80px; max-width: 1900px; margin: auto; }
.home.fixed_anim .body_container { position: fixed; left: 0; }
.main_animation_inner > div { position: absolute; }
#animation_scroll_placeholder { display: none; clear: both }
.home #animation_scroll_placeholder { display: block; }
.home #animation_scroll_placeholder > div { height: 500px; }
.main_bottom_link { opacity: 1; -webkit-transition: opacity 500ms; transition: opacity 500ms; }


/* TIMELINE GLOBAL */
.main_animation div{color: #fff; }
.main_animation img{display:block;}
.main_animation b { color: #D6352B; }


/* TIMELINE */
#layer_01 h2 { font-size: 71px; color: #fff;}
#layer_01 {top: 200px;left: 0;width: 100%;text-align: center;font-size: 70px;letter-spacing: 0.15em;color: #fff;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%); }
#layer_02 {top: 331px;left: 50%;margin-left: -132px;text-align: center;width: 265px;background: rgb(218, 57, 45);-webkit-transform: translateX(1060px);-ms-transform: translateX(1060px);transform: translateX(1060px);}
#layer_02 a { color: #fff; font-size: 20px; letter-spacing: 0.25em; display: block; padding: 20px 0; }
#layer_03 {bottom: 0;left: 50%;width: 868px;margin-left: -434px;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);text-align: center;}
#layer_04 {top: 23%;left: 0;text-align: center;width: 100%;font-size: 26px;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);letter-spacing: 0.25em;}
#layer_05 {top: 30%;left: 0;text-align: center;width: 100%;font-size: 70px;font-weight: 700;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);letter-spacing: 0.15em;}
#layer_06 {top: 50%;width: 100%;text-align: center;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);z-index: 1;}
#layer_06 img {display: inline-block;}
#layer_07 {left: 50%;top: -340px;margin-left: -80px;-webkit-transform: translateX(100%) translateY(-70%);-ms-transform: translateX(100%) translateY(-70%);transform: translateX(100%) translateY(-70%);}
#layer_07b { width:1176px; height:842px;left: 50%;top: -340px;margin-left: -80px;-webkit-transform: translateX(100%) translateY(-70%);-ms-transform: translateX(100%) translateY(-70%);transform: translateX(100%) translateY(-70%); z-index:9}
#layer_07b img {padding-left: 135px;padding-top: 673px;}
#layer_08 { top: 50%;  text-align: center; width: 100%; margin-top: -100px;  z-index: 11; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
#layer_08 img { display: inline-block;}
#layer_09 { visibility:hidden; top: 687px; text-align: center; width: 100%; z-index: 2; height:0px}
#layer_09 img {  width: 254px; margin: auto; padding-left: 73px; height:100%}
#layer_10 {  visibility:hidden;top: 643px; text-align: center; width: 100%; z-index: 14;}
#layer_10 img {  width: 555px; margin: auto; padding-left: 73px;}
#layer_11 { -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); text-align: center; width: 100%;z-index: 13; opacity: 0; }
#layer_11 img { display: inline-block;}
#layer_11 div, #layer_11 h3 { position: absolute; margin-top: 30px; opacity: 0; }
.layer_stairs_title { color: #fff; font-weight: 400; font-size: 50px; text-align: left; }
.layer_stairs_title b{ font-weight:normal; color:#fff; position:relative}
.layer_stairs_title b:after{ content:""; position:absolute; width:100%; height:1px; border-bottom:3px solid #fff; left:0; bottom:2px}
h3#layer_stairs_title_01 { top: -80px; left: 50%; margin-left: -610px; }
div.layer_stairs_bubble { font-size: 13px; color: #553a46; background: #fff; width: 230px; padding: 16px 0; border-radius: 15px; letter-spacing: 0.05em; line-height: 1.5em; }
#layer_stairs_bubble_01 { top: -90px; left: 50%; margin-left: -70px; }
#layer_stairs_bubble_02 { top: 170px; left: 50%; margin-left: -430px; }
#layer_stairs_bubble_03 { top: 390px; left: 50%; margin-left: 30px; }
#layer_stairs_bubble_04 { top: 720px; left: 50%; margin-left: 100px; }
#layer_stairs_bubble_05 {top: 1140px;left: 50%;margin-left: -209px;}
.layer_stairs_bubble:before,
.layer_stairs_bubble:after { position: absolute; bottom: -40px; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 40px solid #fff; display: block; }
.layer_stairs_bubble:before { -webkit-transform: skewX(40deg); -ms-transform: skewX(40deg); transform: skewX(40deg); margin-left: -30px; }
.layer_stairs_bubble:after { -webkit-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg); margin-left: 30px; }
#layer_stairs_bubble_01:before,
#layer_stairs_bubble_02:before,
#layer_stairs_bubble_05:before { content: "" }
#layer_stairs_bubble_03:after,
#layer_stairs_bubble_04:after,
#layer_stairs_bubble_06:after { content: "" }
h3#layer_stairs_title_02 { top: 330px; left: 50%; margin-left: 390px; }
h3#layer_stairs_title_03 { top: 660px; margin-left: -660px; }
#layer_11 h3 { left: 50%; }
#layer_stairs_info_01 {top: -72px;left: 50%;color: #553a46;font-size: 13px;margin-left: 218px;height: 80px;width: 243px;text-align: center;background: url('images/main/layer-wifi-dot.png') no-repeat center 25px;}
#layer_11 div#layer_stairs_ticket { opacity:1;height: 0px;background: #fff url('images/main/layer-ticket.png') repeat center bottom;width: 179px;top: 1248px;left: 50%;margin-left: -50px;z-index: 18;margin-top: 0;}
#layer_12 { top: 100%;left: 50%; width: 100%; margin-left: -235px; z-index: 22;}
#layer_13 { top: 100%;left: 50%; margin-top: -90px; margin-left: -680px; opacity: 0;}
ul.layer_icons { position: absolute; top: 36px; left: 35px; width: 500px; }
ul.layer_icons li,ul.layer_icons li img { float: left; }
ul.layer_icons li { margin-right: 6px; margin-bottom: 6px; opacity: 0; }
#layer_swipe { position: absolute; top: 36px; left: 35px; width: 0px; overflow: hidden;}
#layer_swipe_inner {  width: 477px; font-size: 40px; text-align: center; padding-top: 72px; background: #DC372B; height: 238px;}
#layer_14 { left: 50%; z-index: 40; margin-left: -220px;}
#layer_15 span {font-size: 30px;padding-bottom: 15px;display: inline-block;letter-spacing: 0.25em;font-weight: bold;display: block;}
#layer_15 h2 {font-size: 70px;color: #fff;letter-spacing: 0.2em;}
#layer_15 {top: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);width: 100%;text-align: center;margin-top: 130px;}
#layer_16 {text-align: center;width: 100%;bottom: 0;left: 50%; margin-left: -366px;-webkit-transform: translateY(380px);-ms-transform: translateY(380px);transform: translateY(380px);}
#layer_17,#layer_18 {bottom: 410px;font-size: 13px;color: #fff; z-index: 40;}
#layer_17 {right: 50%;-webkit-transform: translateX(-930px);-ms-transform: translateX(-930px);transform: translateX(-930px);}
#layer_18 {left: 50%;-webkit-transform: translateX(930px);-ms-transform: translateX(930px);transform: translateX(930px);}
#layer_18 a,div#layer_17 a {display: block;padding: 20px 0;width: 285px;text-align: center;margin: 0 10px;color: #fff;font-weight: 400;background: #D6352B;font-size: 18px;letter-spacing: 0.2em;}
#layer_18 a {background: #563b46;}
.action_btn { position: relative;}
.action_btn span { position: relative; z-index: 2;}
html.mobile.ios .action_btn span {top:2px;}
.action_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);}
.action_btn:hover:before{width:100%}
.action_btn.action_btn_02:before {background: #442e37;}

#layer_13 h2 { font-weight: 400;  color: #fff; font-size: 47px;}
#layer_13 h2 > span {font-size: 38px;font-weight: 400;display: block;}
#layer_13 h2 b {font-weight: 400;display: inline;letter-spacing: 0.02em; position:relative}
#layer_13 h2 b:after{ content:""; position:absolute; width:100%; height:1px; border-bottom:3px solid #D6352B; left:0; bottom:2px}
#layer_13 h2 b > span{ font-weight:bold; font-size:47px}

#layer_swipe span { font-size: 41px; font-weight: 600; display: block;}
#layer_swipe span:first-child { font-size: 31px; font-weight: 400;}

.skip_container { text-align: center; font-size: 15px; padding: 25px 0; }
.main_animation { position: relative; }
.skip_container { position: absolute; bottom: -67px; width: 100%; }


/* NAV */
.anim_nav_container { position: absolute;  right: 30px;  top: 50%; margin-top: -190px; z-index:88}
.anim_nav a {display: block;font-size: 12px;/* text-indent: -9999px; */overflow: hidden;display: block;width: 7px;height: 16px;margin: auto;margin-bottom: 15px;/* border-radius: 20px; *//* background: #fff; */-webkit-transition: color 300ms;transition: color 300ms;text-align: center;border-bottom: 1px solid #fff;padding-bottom: 6px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;font-weight: bold;color: #fff;}
.anim_nav a:hover { color: #d6352b; border-bottom-color: #d6352b;}
.anim_nav a.active {color: #DC372B;border-color: #DC372B;}
.anim_nav_container button { display: block; width: 50px; height: 50px; background: none; border: 5px solid #D6352B; text-indent: -9999px; position: relative; cursor:pointer; -webkit-transition: background 300ms; transition: background 300ms;}
button#play_anim:before {content: "";border-left: 8px solid #D6352B;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: block;position: absolute;top: 15px;left: 17px;}
button#pause_anim:before,button#pause_anim:after { content: ""; width: 2px; height: 10px; background: #D6352B;display: block; position: absolute; top: 16px; left: 17px;}
button#pause_anim:after { left: 21px;}
button#pause_anim { margin-bottom: 20px; margin-top: -5px;}
.anim_nav_container button:hover,
.anim_nav_container button.active { background: #D6352B;}
button#pause_anim:hover:before,
button#pause_anim:hover:after,
button#pause_anim.active:before,
button#pause_anim.active:after  { background: #fff;}
button#play_anim:hover:before,
button#play_anim.active:before { border-left-color: #fff;}


/* TEMP */
/*
.main_animation_inner > div { display: none;}
#layer_15,#layer_16,#layer_17,#layer_18 { display: block;}
#layer_15 {top: 0;transform: translate3d(0%,0,0);width: 100%;text-align: center;margin-top: 100px;}
#layer_16 {text-align: center;width: 100%;bottom: 0;left: 50%;margin-left: -366px;transform: translate3d(0,0,0);}
#layer_17 {right: 50%;transform: translate3d(-0,0,0);}
#layer_18 {left: 50%;transform: translate3d(0,0,0);}
*/

div.layer_bubble {opacity:0;top:30px;left:50%;font-size: 12px;font-weight: bold;color: #553a46;background: #fff;width: 230px;padding: 15px 0;border-radius: 10px;letter-spacing: 0.05em;line-height: 1.5em;position: absolute;margin-top: 30px;}

.layer_bubble:before {position: absolute;bottom: -30px;left: 50%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 40px solid #fff;display: block;content: "";}
.layer_bubble:before {-webkit-transform: skewX(34deg);-ms-transform: skewX(34deg);transform: skewX(34deg);margin-left: 15px;}
.layer_bubble:after { -webkit-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg); margin-left: 30px; }

#layer_start_bubble_01 {top: 56px;margin-left: -434px;width: 183px;text-align: left;padding-left: 25px;}
#layer_start_bubble_02 {top: 0px;margin-left: -268px;}
#layer_start_bubble_03 {top: 35px;margin-left: 52px;width: 223px;padding: 13px 0;}
#layer_start_bubble_04 {top: 100px;margin-left: 280px;width: 156px;padding: 13px 0;}
#layer_start_bubble_02:before {-webkit-transform: skewX(30deg);-ms-transform: skewX(30deg);transform: skewX(30deg);margin-left: 59px;}
#layer_start_bubble_03:before{-webkit-transform: skewX(42deg);-ms-transform: skewX(42deg);transform: skewX(42deg);margin-left: -19px;border-top-width: 36px;bottom: -28px;}
#layer_start_bubble_04:before{-webkit-transform: skewX(-40deg);-ms-transform: skewX(-40deg);transform: skewX(-40deg);margin-left: -68px;border-top-width: 26px;bottom: -18px;}

#layer_end_bubble_01 {top: -6px;margin-left: -950px;}
#layer_end_bubble_02 {top: -69px;margin-left: -706px;}
#layer_end_bubble_03 {top: -16px;margin-left: -463px;width: 155px;padding: 13px 0;}
#layer_end_bubble_04 {top: -15px;margin-left: -290px;width: 166px;padding: 13px 0;}
#layer_end_bubble_01:before {-webkit-transform: skewX(40deg);-ms-transform: skewX(40deg);transform: skewX(40deg);margin-left: 40px;}
#layer_end_bubble_02:before {-webkit-transform: skewX(40deg);-ms-transform: skewX(40deg);transform: skewX(40deg);margin-left: -50px;}
#layer_end_bubble_03:before{-webkit-transform: skewX(-40deg);-ms-transform: skewX(-40deg);transform: skewX(-40deg);margin-left: -50px;border-top-width: 26px;bottom: -18px;}
#layer_end_bubble_04:before{-webkit-transform: skewX(-40deg);-ms-transform: skewX(-40deg);transform: skewX(-40deg);margin-left: -68px;border-top-width: 26px;bottom: -18px;}



/* **************************************** *
 * SUB PAGE
 * **************************************** */

/* GENERAL */
.page .body_container{ padding-bottom:0;}
.title_container { position: relative;}
.title_container h1 {text-align: center;}

/* SUB MENU */
.sub_menu.wrap { padding: 0 80px; max-width: 1900px; margin: auto;}
.sub_menu_container { position: fixed; width: 100%; top: 80px; left: 0;    z-index: 239;}
.admin-bar .sub_menu_container {top: 112px;}
.sub_menu li , .sub_menu li a { font-size: 16px; float: left;  display:block;}
.sub_menu li {  width: 20%;}
.sub_menu li a { text-align:center; width: 100%; padding: 21px 0;  background:#333; background:rgba(0,0,0,.4); color:#fff; border-left: 1px solid rgba(252,252,252,0.3); -webkit-transition:background 500ms,border 500ms; transition:background 500ms,border 500ms;}
.sub_menu li:first-child a {border-left: none;}
.sub_menu li.current a, .sub_menu li.current a:hover,.header_scroll_spy .sub_menu li.current a,.header_scroll_spy .sub_menu li.current a:hover{background:#ce2114;border-color: #ce2114;}
.sub_menu li.current+li a,.sub_menu li.current:hover+li a, .sub_menu li.current+li a:hover, .header_scroll_spy .sub_menu li.current+li a, .header_scroll_spy .sub_menu li.current+li a:hover{border-color: #ce2114;}
.sub_menu li a:hover{background:#000; background:rgba(0,0,0,.8); border-color:rgba(0,0,0,.8) }
.sub_menu li:hover+li a{border-color:rgba(0,0,0,.8)}
.header_scroll_spy .sub_menu li a{background:rgba(0,0,0,.8);}
.header_scroll_spy .sub_menu li a:hover{background:#000; background:rgba(0,0,0,1); }
.sub_menu li a span {position: relative;}

.parent-pageid-5 .sub_menu li { width:33.33%;}
.parent-pageid-7 .sub_menu li:nth-child(4) a span,
.parent-pageid-9 .sub_menu li:nth-child(2) a span,
.parent-pageid-9 .sub_menu li:nth-child(3) a span {padding-right: 22px;}
.parent-pageid-7 .sub_menu li:nth-child(4) a span:after,
.parent-pageid-9 .sub_menu li:nth-child(2) a span:after,
.parent-pageid-9 .sub_menu li:nth-child(3) a span:after {content: '';display: block;width: 16px;height: 15px;position: absolute;right: 0;top: 50%;margin-top: -6px;background: url(./images/icon-blank-hover.png) no-repeat center center;}

/* SUB HEADER */
h1#sub_header_title {font-size: 30px;font-weight: bold;letter-spacing: .4em;color: #fff;padding: 135px 0 0 150px;}
h1#sub_header_title span { position: relative;}
h1#sub_header_title span:after {display: block;position: absolute; width:100px; height: 4px;background: #fff;top: 20px;content: "";right: -130px; }
.sub_header { height: 760px; background:#DEDCD9; position:relative;}
.sub_header_inner{ background: transparent no-repeat center center; background-size: cover; opacity:0;-webkit-transition:opacity 600ms;transition: opacity 600ms;height: 100%;}
.sub_header:after {content: "CORPORATE IDENTIFICATION STANDARDS";font-size: 11px;  color: #cecece; font-weight: 400;  letter-spacing: 0.2em; -ms-transform: rotate(90deg);  -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 50%; right: -190px;}

.square_container {font-size: 53px;font-weight: bold;color: #fff;position: relative;width: 400px;height:400px;margin: auto;padding: 60px;opacity: 0;}
.square{width: 100%;height: 100%;position: relative;}
.square span {display: block;position: absolute;width: 25%;height: 33.33%;line-height: 90px;text-align:center; opacity:0; -webkit-transition:opacity 1200ms; transition:opacity 1200ms}

.square_3x4 { margin-top: -.2em;}

.square_4x3 span:nth-child(1) {left: 0;   top: 0; -webkit-transition-delay:100ms; transition-delay:100ms}
.square_4x3 span:nth-child(2) {left: 25%; top: 0; -webkit-transition-delay:200ms; transition-delay:200ms}
.square_4x3 span:nth-child(3) {left: 50%; top: 0; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_4x3 span:nth-child(4) {left: 75%; top: 0; -webkit-transition-delay:600ms; transition-delay:600ms}
.square_4x3 span:nth-child(5) {left: 0;   top: 33.33%; -webkit-transition-delay:300ms; transition-delay:300ms}
.square_4x3 span:nth-child(6) {left: 25%; top: 33.33%; -webkit-transition-delay:500ms; transition-delay:500ms}
.square_4x3 span:nth-child(7) {left: 50%; top: 33.33%; -webkit-transition-delay:600ms; transition-delay:600ms}
.square_4x3 span:nth-child(8) {left: 75%; top: 33.33%; -webkit-transition-delay:1100ms; transition-delay:1100ms}
.square_4x3 span:nth-child(9) {left: 0;   top: 66.66%; -webkit-transition-delay:1000ms; transition-delay:1000ms}
.square_4x3 span:nth-child(10){left: 25%; top: 66.66%; -webkit-transition-delay:700ms; transition-delay:700ms}
.square_4x3 span:nth-child(11){left: 50%; top: 66.66%; -webkit-transition-delay:900ms; transition-delay:900ms}
.square_4x3 span:nth-child(12){left: 75%; top: 66.66%; -webkit-transition-delay:800ms; transition-delay:800ms}

.square_3x4 span:nth-child(1) {left: 0;      top: 0; -webkit-transition-delay:100ms; transition-delay:100ms}
.square_3x4 span:nth-child(2) {left: 33.33%; top: 0; -webkit-transition-delay:200ms; transition-delay:200ms}
.square_3x4 span:nth-child(3) {left: 66.66%; top: 0; -webkit-transition-delay:400ms; transition-delay:400ms}
.square_3x4 span:nth-child(4) {left: 0;      top: 25%; -webkit-transition-delay:300ms; transition-delay:300ms}
.square_3x4 span:nth-child(5) {left: 33.33%; top: 25%; -webkit-transition-delay:500ms; transition-delay:500ms}
.square_3x4 span:nth-child(6) {left: 66.66%; top: 25%; -webkit-transition-delay:600ms; transition-delay:600ms}
.square_3x4 span:nth-child(7) {left: 0;      top: 50%; -webkit-transition-delay:1000ms; transition-delay:1000ms}
.square_3x4 span:nth-child(8) {left: 33.33%; top: 50%; -webkit-transition-delay:700ms; transition-delay:700ms}
.square_3x4 span:nth-child(9) {left: 66.66%; top: 50%; -webkit-transition-delay:900ms; transition-delay:900ms}
.square_3x4 span:nth-child(10) {left: 0;      top: 75%; -webkit-transition-delay:1100ms; transition-delay:1100ms}
.square_3x4 span:nth-child(11) {left: 33.33%; top: 75%; -webkit-transition-delay:600ms; transition-delay:600ms}
.square_3x4 span:nth-child(12) {left: 66.66%; top: 75%; -webkit-transition-delay:800ms; transition-delay:800ms}

.square_liner {width: 0;height: 0;position: absolute;z-index: 22;/* background: #fff; */-webkit-transition: 800ms cubic-bezier(0, 0.4, 0.5, 1);transition: 800ms cubic-bezier(0, 0.4, 0.5, 1);border: 0px solid #fff;}
.square_liner.square_liner_1 {left: 0;top: 0;height: 1px;border-top-width: 1px;}
.square_liner.square_liner_2 {right: 0;top: 0;width: 1px;border-right-width: 1px;}
.square_liner.square_liner_3 {right: 0;bottom: 0;height: 1px;border-bottom-width: 1px;}
.square_liner.square_liner_4 {left: 0;bottom: 0;width: 1px;border-left-width: 1px;}

/*.load h1#sub_header_title span:after{ width:100px; right: -130px;}*/
.load .square_container,
.load .square span{opacity:1}
.load .sub_header_inner{opacity:1}
.load .square_liner_1 { width: 100%; }
.load .square_liner_2 { height: 100%; }
.load .square_liner_3 { width: 100%; }
.load .square_liner_4 { height: 100%; }

/* SUB TITLE */
.sub_title { font-size: 35px; font-weight: bold; padding-bottom: 6px; letter-spacing: .4em; padding-left: .4em;}
.sub_title_desc {font-size: 15px;color: #444;letter-spacing: .03em;}
.sub_title_container { text-align: center; padding: 80px 0 45px;}
.sub_title b { color: #DC372B; display: inline-block;}

/* SUB CONTENT */
.sub_part_content p {margin-bottom: 15px;}

/*GOTOP */
a.go_top {top: -65px;right: 0;z-index: 800;height: 65px;width: 50px;display: none;position: absolute; overflow: hidden;z-index: 1;-webkit-transition: background 500ms;transition: background 500ms;background: #adadad; z-index: 7;font-size: 12px;padding-top: 30px;text-align: center;letter-spacing: 0.25em;padding-left: 0.25em;}
a.go_top:hover { background-color: #CECECE; }


/* MOTION BAR */
.motion_bar{background:#dc372b;position:absolute;z-index: 4;}
.motion_bar_01{-webkit-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px)}
.motion_bar_02{-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px)}
.motion_bar_03{-webkit-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px)}
.motion_bar_04{-webkit-transform:translateY(500px);-ms-transform:translateY(500px);transform:translateY(500px)}




/* **************************************** *
 * CEO
 * **************************************** */
.ceo .sub_header {background-image: url('images/sub/ceo-header.jpg')}
.sub_part_ceo_01 {background: #fafafa;float: left;width: 100%;position: relative;}
.sub_part_ceo_01_profil {float: left;width: 39%;height: 100%; padding-top:4.6%; position:relative;}
.sub_part_ceo_01_profil_inner {position:absolute;right: 8px;}
.sub_part_ceo_01_profil img {width:100%; max-width:315px; display: block;}
.sub_part_ceo_01_profil b {margin-top: 22px;font-size: 17px;color: #DC3731;font-weight: bold;line-height: 1.6;display:block;}
/*.sub_part_ceo_01:before { content:''; width: 44%; height: 90%; position: absolute;  top: 5%; left: 3%; overflow: hidden; border:1px solid rgba(255,255,255,0.4); z-index:2; box-sizing:border-box;}*/
.sub_part_ceo_01_content {padding: 4.2% 4.5% 4.5% 4.5%;width: 60%;float: left; max-width:800px;}
.sub_part_ceo_01_content.sub_part_content p  {margin-bottom: 32px; word-break: keep-all;}

.sub_part_ceo_01_content strong{margin-bottom: 5px;font-size: 18px;font-weight: bold;color: #222; display:block;}
.ceo_sign { margin-top:-7px;}
.ceo_sign strong { font-size:14px; display:inline}
.ceo_sign img{ vertical-align: middle; margin-left: 20px;margin-top:-6px;}
.ceo_sign .en_name { margin-left:15px;}



/* **************************************** *
 * INTRODUCE
 * **************************************** */
.introduce .sub_header {background-image: url('images/sub/introduce-header.jpg')}
.introduce_about strong { color: #dc372b; font-size: 24px; font-weight: bold; line-height: 31px; display: block; text-align: center; margin-bottom: 15px; }
.introduce_about p { text-align: center }
.introduce_about { height: 520px; background: #D2544D url('images/sub/introduce-about-bg.jpg') center center no-repeat; position: relative; }
.introduce_about: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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.introduce_about_inner {width: 59.2%;height:320px;background: #fff;margin: auto;position: relative;top: 100px;padding: 0;z-index: 3;text-align: center;}
.introduce_about_inner .table_wrap {display: table;width:100%;height: 100%;}
.introduce_about_inner .table_wrap > div {display: table-cell; vertical-align: middle;}
.introduce_about .motion_bar_01{width:7px;height:199px;left: 6%;top: -41%;}
.introduce_about .motion_bar_02{width:16px;height:90px;left: 30%;top: 83%;}
.introduce_about .motion_bar_03{width:7px;height:162px;right: 28.6%;top: 91.9%;}
.introduce_about .motion_bar_04{width:34px;height:119px;right: 6%;top: -6%;}

.introduce_comment.pic_grid_list {max-width:925px;margin-top: 4.6%;margin-bottom: 2.8%;}
.introduce_comment.pic_grid_list:after {content:''; display:table; clear:both;}
.introduce_comment.pic_grid_list li {width:43.24%;margin-right:13.51%;}
.introduce_comment.pic_grid_list li:first-child {margin-right:13.51%;}
.introduce_comment.pic_grid_list li:first-child + li,
.introduce_comment.pic_grid_list li:nth-child(2n) {margin-right:0;}
.introduce_comment.pic_grid_list strong {font-size: 24px;margin: 5.6% 0 2.2%;}
.introduce_comment.pic_grid_list p {line-height:1.85;}

.introduce_comment.pic_grid_list li:first-child span {background-image: url('images/sub/ethics/ethics-rule-05-03.gif');}
.introduce_comment.pic_grid_list li:first-child + li span {background-image: url('images/sub/introduce-comment-01.jpg');}
.introduce_comment.pic_grid_list li:first-child + li + li span {background-image: url('images/sub/ethics/ethics-rule-02-03.gif');}
.introduce_comment.pic_grid_list li:first-child + li + li + li span {background-image: url('images/sub/ethics/ethics-rule-04-03.gif');}

ul.introduce_info_list { font-size: 14px;width: 100%;max-width: 1030px;margin: auto;display: table;}
.introduce_info.sub_part_content { padding-top: 63px; padding-bottom: 300px; background: #fafafa url('images/sub/introduce-info-bg.jpg') center bottom no-repeat; clear: both; float: left; width: 100%; }
ul.introduce_info_list li { display: table-row; }
ul.introduce_info_list b,
ul.introduce_info_list li > span { display: table-cell; padding: 15px 0; border-bottom: 1px solid #ddd; }
ul.introduce_info_list li:first-child b,
ul.introduce_info_list li:first-child > span { border-top: 2px solid #ddd; }
ul.introduce_info_list li:first-child b { border-top-color: #DC372B; }
ul.introduce_info_list b { width: 120px; padding-left: 40px; font-weight: bold; }
ul.introduce_info_list li > span { padding-left: 30px; }
ul.introduce_info_list .txt_blank_space { display: inline-block; width: 13px;}



/* **************************************** *
 * HISTORY
 * **************************************** */
.history .sub_header {background-image: url('images/sub/history-header.jpg')}
.history .history_wrap {overflow: hidden;width: 77%;margin: 22px 11.5% 0 11.5%;padding-bottom: 19px;border-bottom: 1px solid #dedede;float: left;}
.history .history_wrap:first-child {margin-top: 8.3%;}
.history .history_wrap:last-child { border-bottom: none;padding-bottom: 8%; }
.history .history_year {float: left;width: 10%;}
.history .history_year h2 {margin: 0;padding: 0;font-size: 14px;font-weight: 600;line-height: 24px;letter-spacing: .1em;color: #DC372B;}
.history .history_list {float: left;width: 90%;}
.history .history_list li {position: relative;}
.history .history_list li p {font-size: 14px;line-height: 1.65em;color: #666;margin-bottom: 7px;}
.history .history_list li p b {position: absolute;top: 0;left: 0;font-size: 14px;line-height: 24px;font-weight: 400;color: #009745;font-weight: 700;letter-spacing: .1em;color: #999999;}
.history .history_list li p span { display: block; padding-left: 6.3% }
.sub_part_content.sub_part_history_01b { width: 50%; float: right; max-height: 700px; overflow: auto; }
.sub_part_history_01a { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: #dedede url('images/sub/history-01-bg.jpg') center center no-repeat; background-size: no-repeat; }
.history_line { display: inline-block; width: 65px; height: 3px; background: #fff; margin-top: -9px; margin-left: 3px; vertical-align: middle; }
.sub_part_history_01a:before { content: ''; width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; overflow: hidden; border: 1px solid rgba(255,255,255,0.4); z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sub_part_history_01 { position: relative; overflow: hidden; background: #fafafa; }
.history_01a_inner { position: absolute; top: 25%; left: 32.5%; width: 36%; height: 50%; background: #DC372B; z-index: 4; }
.history_01a_inner .table_wrap {display: table;width:100%;height: 100%;}
.history_01a_inner .table_wrap > div {display: table-cell; vertical-align: middle;}
.history_01a_inner p { color: #fff; padding-left: 15%; font-size: 0.46em; line-height: 1.35em; }
.sub_part_content .history_01a_inner p {margin-bottom: 0;}


/* **************************************** *
 * AREA
 * **************************************** */
.area .sub_header { background-image: url('images/sub/area-header.jpg') }
.sub_part_content.sub_part_area_content h2 { font-weight: 700; font-size: 24px; text-align: center; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 2px solid #e3e3e3; color: #DC372B; }
.sub_part_content.sub_part_area_content h2 span {display: inline-block;}
/*.sub_part_content.sub_part_area_content { width: 59.2%; margin: auto; }*/
.sub_part_content.sub_part_area_content { width: 100%;max-width: 1030px; margin: auto; }
.sub_part_area_row { display: table; width: 100%; }
.sub_part_area_cell { display: table-cell; width: 50%; padding-left: 30px;}
.sub_part_area_cell:first-child { padding-right: 30px; padding-left: 0; }
.sub_part_area_cell li {font-size: 14px;color: #DC372B;padding-bottom: 15px;padding-left: 15px;position: relative;}
.sub_part_area_cell li:before { content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #DC372B; }
.sub_part_area_cell li span {  border-bottom: 1px solid #DC372B; padding-bottom: 2px;}
.sub_part_area_cell p {text-align: justify;line-height: 28px;}
.sub_part_area_row .sub_part_area_cell:first-child p {margin-bottom: 20px;}
.sub_part_area_header { background: #f5f5f5 no-repeat center center; height: 420px; margin-bottom: 53px; position: relative; }
.sub_part_area_01 .sub_part_area_header { background-image: url('images/sub/area-01-bg.jpg') }
.sub_part_area_02 .sub_part_area_header { background-image: url('images/sub/area-02-bg.jpg') }
.sub_part_area_03 .sub_part_area_header { background-image: url('images/sub/area-03-bg.jpg') }
.sub_part_area_04 .sub_part_area_header { background-image: url('images/sub/area-04-bg.jpg') }
.sub_part_area {padding-bottom: 70px;background: #f5f5f5; }
.sub_part_area.sub_part_area_04 {padding-bottom: 180px;}
.sub_part_area_header_content {margin-bottom: 0;width: 650px;position: absolute;right: 0;top: 0;bottom: 0;background: #DC372B;background: rgba(220, 55, 43, 0.9);}
.sub_part_area_header_content_inner { display: table; width: 100%; height: 100%;}
.sub_part_area_header_content p {color: #fff;font-weight: 100;font-size: 50px;line-height: 1.23em;letter-spacing: -0.07em;display: table-cell;vertical-align: middle;padding-left: 12%;}
.sub_part_even .sub_part_area_header_content { right: auto; left: 0; }
.area_more_btn {color: #fff;font-size: 14px;display: block;background: #DC372B url('images/sub/area-btn-arrow.png') no-repeat 145px center;width: 210px;line-height: 45px;padding-left: 20px;}
.action_btn.area_more_btn:before {background-image: url('images/sub/area-btn-arrow.png'); background-position: 145px center;}




/* **************************************** *
 * LOCATION
 * **************************************** */
.location .sub_header {background-color:#252526; background-image: url('images/sub/location-header.jpg')}
.location .sub_part { padding: 40px 0 165px; overflow: hidden;}
.sub_part_location { font-size: 14px; color:#666}
.header_map_container{position:relative;width: 1042px;height: 477px;margin: auto; display:none}
.header_map {/* background: url('images/sub/location-header-map-full.png') center center no-repeat; */margin: auto;padding-top: 20px;display: none;}
#header_map_smartro_text {display:none;position: absolute;color: #dc372b;font-size: 16px;left: 475px;font-weight: bold;top: 184px;}
#header_map_smartro_text:before { content:""; margin-right: 6px; display: inline-block;background: #dc372b;  width: 12px; height: 12px;}
#header_map_text { display:none; position: absolute; width: 100%; height: 100%; background: url('images/sub/location-header-map.png') center center no-repeat;  }
#header_map_smartro_line {display:none; position: absolute;left: 494px;top: 220px; width: 43px; height: 135px;}
.location h2 { font-size: 24px; color: #DC372B; padding-bottom: 17px; margin-bottom: 25px; border-bottom: 2px #e3e3e3 solid; }
.sub_part_location { padding:40px 8.5%; clear: both; float: left; width: 100%; }
.sub_part_even { background: #f8f8f8; }
.sub_part { /*padding: 40px 0;*/ }
.sub_part_location_map { float: right; width: 48%; height: 350px; background: #eee; }
.sub_part_location_info { float: left; width: 48%; }
.sub_part_location_info ul{display: table;width: 100%;}
.sub_part_location_info strong {font-size: 24px;font-family: Georgia, serif;display: inline-block;line-height: 14px;}
strong.location_tel { color: #DC372B; padding-right: 20px;letter-spacing: 0.05em;}
strong.location_fax {  color: #222;letter-spacing: 0.05em;}
.sub_part_location_info li {display: table-row;width: 100%;}
.sub_part_location_info li > b, .sub_part_location_info li > span{display:table-cell;padding-bottom:12px;vertical-align: top;}
.sub_part_location_info li > b{width: 12.5%;min-width: 75px;position: relative;vertical-align: top;}
.sub_part_location_info li > b:after{content:"";position:absolute;right:0;top: 3px;bottom: 15px;min-height: 14px;width: 1px;background:#dddddd;}
.sub_part_location_info li > span{ padding-left:35px}
.sub_part_location_03 .sub_part_location_info li > span > span {display: block;padding-bottom: 10px;}
.sub_part_location_03 .sub_part_location_info li > b,
.sub_part_location_03 .sub_part_location_info li > span{border-bottom: 1px solid #ddd;padding-bottom: 30px;padding-top: 20px;}
.sub_part_location_03 .sub_part_location_info li > b:after{bottom: 28px;top: 20px;}
.sub_part_location_03 h2{ margin-bottom:5px}
.location_info_list {overflow: auto; height: 290px;}
.location_see_btn { display: block; font-size: 12px; color: #222; border-bottom: 1px solid #222; max-width: 90px; position: relative; margin-top: 2px; background: url('images/sub/location-arrow.png') right center no-repeat;}

.sub_part_location_03 .sub_part_location_info ul{display: table;width: 95%;}
.sub_part_location_03 .sub_part_location_info li.active > b,
.sub_part_location_03 .sub_part_location_info li.active > span{border: 1px solid #DC372B;border-width:1px 0;}
.sub_part_location_03 .sub_part_location_info li.prev_active > b,
.sub_part_location_03 .sub_part_location_info li.prev_active > span{border: none;}
.sub_part_location_03 .sub_part_location_info li.active > span{background: #fafafa  url('images/sub/location-active-bg.png') no-repeat 95% 20px;}



/* **************************************** *
 * CUSTOMER
 * **************************************** */
.parent-pageid-9 .sub_menu li{width:33.33%}
.customer .sub_header {background-color:#252526; background-image: url('images/sub/customer-header.jpg')}
.customer_contact_info ul { font-size: 14px; color: #666; }
.customer_contact_info ul b { font-weight: 700 }
.customer h2 {font-size: 24px;text-align: center;color: #DC372B;padding-bottom: 20px;border-bottom: 1px solid #ddd;position: relative;}
.customer h2 span{position:absolute;right:0;top: 10px;font-size:14px;color:#222;}
.customer .customer_contact_phone h3 { font-size: 24px; color: #666; letter-spacing: 0.15em }
.customer .customer_contact_info h3 span { border-bottom: 2px solid #DC372B;}
.customer_contact_cell.customer_contact_phone a { font-size: 35px; display: block; font-weight: 700; color: #ccc; }
.sub_part_customer_odd{background-color:#fafafa;}
/*.sub_part_customer{ padding:55px 0 40px;}*/
.sub_part_customer_01 > .sub_part_customer_inner > ul > li {padding: 50px 0 90px;border-bottom: 1px solid #ddd;float: left;width: 100%;clear: both;background: 245px bottom no-repeat;}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(1){background-image: url('images/sub/customer-ars-01.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(2){background-image: url('images/sub/customer-ars-02.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(3){background-image: url('images/sub/customer-ars-03.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(4){background-image: url('images/sub/customer-ars-04.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(5){background-image: url('images/sub/customer-ars-05.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(6){background-image: url('images/sub/customer-ars-06.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(7){background-image: url('images/sub/customer-ars-07.png')}
.customer_contact_cell.customer_contact_phone { float: left; width: 50%; }
.customer_contact_cell.customer_contact_info { float: right; width: 50%; padding-left: 40px; }
.customer .customer_contact_info h3 { font-size: 18px; color: #DC372B; margin-bottom: 20px; }
.customer .sub_part_customer_inner { width: 59.2%; margin: auto; overflow: hidden; margin-bottom: 70px; }
ul.customer_contact_info_01 { float: left;}
ul.customer_contact_info_02 { padding-left: 200px;}
.customer_contact_info ul li {margin-bottom: 6px;}
.customer_contact_cell.customer_contact_phone a b { color: #DC372B; }
.customer_jumbo { height: 460px; position: relative; background: #DEDCD9 url('images/sub/customer-jumbo.jpg') left center no-repeat; }
.customer_jumbo_content { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: #DC372B; color: #fff; font-size: 40px; padding: 165px 0 0 95px; }
.customer_jumbo_content strong span{ display:inline-block;}
.customer_jumbo_content p { color: #fff; font-size: 16px; }
.customer_as_step { padding: 40px 0; counter-reset: section; }
.customer_as_step li { float: left; width: 30.33%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-bottom: 50px; }
.customer_as_step li:nth-child(3n+1) { clear: both; }
.customer_as_step li:nth-child(3n-1) { padding: 0 4.45%; }
.customer_as_step li img { width: 100%; margin-bottom: 20px; display: block; border: #ddd 1px solid;}
.customer_as_list { clear: both; }
.customer_as_step li p { padding-left: 15px; position: relative; }
.customer_as_step li p:before { counter-increment: section; content: counter(section) ". "; font-size: 14px; color: #DC372B; position: absolute; left: 0; top: 0; }
.customer .sub_header {background-color:#252526; background-image: url('images/sub/customer-header.jpg')}
.customer_contact_info ul { font-size: 14px; color: #666; }
.customer_contact_info ul b { font-weight: 700 }
.customer h2 {font-size: 24px;text-align: center;color: #DC372B;padding-bottom: 20px;border-bottom: 1px solid #ddd;position: relative;}
.customer h2 span{position:absolute;right:0;top: 10px;font-size:14px;color:#222;}
.customer .customer_contact_phone h3 { font-size: 24px; color: #666; letter-spacing: 0.15em }
.customer .customer_contact_info h3 span { border-bottom: 2px solid #DC372B;}
.customer_contact_cell.customer_contact_phone a { font-size: 35px; display: block; font-weight: 700; color: #ccc; }
.sub_part_customer_odd{background-color:#fafafa;}
.sub_part_customer{ padding:55px 0 110px;}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li {padding: 50px 0 90px;border-bottom: 1px solid #ddd;float: left;width: 100%;clear: both;background: 245px bottom no-repeat;}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(1){background-image: url('images/animate/customer-ars-01.gif')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(2){background-image: url('images/animate/customer-ars-02.gif')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(3){background-image: url('images/sub/customer-ars-03.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(4){background-image: url('images/animate/customer-ars-04.gif')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(5){background-image: url('images/sub/customer-ars-05.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(6){background-image: url('images/animate/customer-ars-06.gif')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(7){background-image: url('images/sub/customer-ars-161128-07.png')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(8){background-image: url('images/animate/customer-ars-07.gif')}
.sub_part_customer_01 > .sub_part_customer_inner > ul > li:nth-child(9){background-image: url('images/sub/customer-ars-161128-08.png')}
.customer_contact_cell.customer_contact_phone { float: left; width: 50%; }
.customer_contact_cell.customer_contact_info { float: right; width: 50%; padding-left: 40px; }
.customer .customer_contact_info h3 { font-size: 18px; color: #DC372B; margin-bottom: 20px; }
.customer .customer_contact_phone h3 span {display: inline-block;}
.customer .sub_part_customer_inner { width: 100%;max-width: 1030px; margin: auto; overflow: hidden; margin-bottom: 70px; }
ul.customer_contact_info_01 { float: left;}
ul.customer_contact_info_02 { padding-left: 240px;}
.customer_contact_info ul li {margin-bottom: 6px;}
.customer_contact_cell.customer_contact_phone a b { color: #DC372B; }
.customer_jumbo { height: 460px; position: relative; background: #DEDCD9 url('images/sub/customer-jumbo.jpg') left center no-repeat; }
.customer_jumbo_content { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: #DC372B; color: #fff; font-size: 40px; padding: 165px 0 0 95px; }
.customer_jumbo_content strong span{ display:inline-block;}
.customer_jumbo_content p { color: #fff; font-size: 16px; }
.customer_as_step { padding: 40px 0; counter-reset: section; }
.customer_as_step li { float: left; width: 30.33%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-bottom: 50px; position:relative }
.customer_as_step li:nth-child(3n+1) { clear: both; }
.customer_as_step li:nth-child(3n-1) { padding: 0 4.45%; }
.customer_as_step li img { width: 100%; margin-bottom: 20px; display: block; border: #ddd 1px solid;}
.customer_arrow_01,
.customer_arrow_02 { position: absolute; display: block; width: 31px; height: 10px; background: url('images/sub/customer-arrow.png') center center no-repeat; top: 43%; }
.customer_arrow_01 { left: 2%; }
.customer_arrow_02 { right: 2%; }
.customer_as_list {clear: both;padding-top: 50px;float: left;width: 100%;}
.customer_as_step li p { padding-left: 15px; position: relative; }
.customer_as_step li p:before { counter-increment: section; content: counter(section) ". "; font-size: 14px; color: #DC372B; position: absolute; left: 0; top: 0; }
.customer_as_list li { float: left; width: 20%; text-align: center; }
.customer_as_list h3 { color: #444; font-size: 18px; margin-top: 25px; margin-bottom: 10px; }
.customer_as_list li > span { color: #DC372B; font-size: 12px; border-bottom: 1px solid #DC372B; font-weight: 700; display: block; width: 16px; margin: auto; margin-bottom: 16px; }
.customer_as_list p { color: #666; }
.customer_as_list_img {border-bottom: 2px solid #e3e3e3;width: 90%;margin: auto;}
.customer_as_list img { display: block; max-width: 100%; margin: auto; }



/* **************************************** *
 * PRODUCTS
 * **************************************** */
 .parent-pageid-7 .sub_menu li{ width:25%}
.products .sub_part { padding-bottom:0}
.sub_part_products_inner h2 { color: #DC372B; text-align: center; font-size: 24px;padding: 55px 0 36px;clear: both;}
.sub_part_products_inner{ background:#fafafa; width: 100%; margin: auto; padding-bottom: 105px; overflow: hidden;}

.sub_tab_nav { padding-top: 70px; padding-bottom: 50px; font-size: 30px; font-weight: 700; text-align: center; }
.sub_tab_nav li { display: inline-block; }
.sub_tab_nav li { width: auto }
.sub_tab_nav a:after { content: ""; background: #DC372B; display: block; top: 50%; left: -6px; width: 4px; height: 4px; position: absolute; margin-top: -1px; border-radius: 4px; }
.sub_tab_nav li:first-child a:after { display: none }
.sub_tab_nav a { position: relative; padding: 18px; display: inline-block; letter-spacing: .4em; }
.sub_tab_nav a { color: #d6d5d5; -webkit-transition:300ms color linear; transition: 300ms color linear }
.sub_tab_nav .cycle-pager-active a { color: #DC372B; }
.sub_tab_nav .cycle-pager-active a span { position: relative; }
.sub_tab_nav .cycle-pager-active a span:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; width: -webkit-calc(100% - 0.4em); width: calc(100% - 0.4em); height: 5px; background: #DC372B; }
.product_tabs { clear: both; padding: 0; position: relative; margin-bottom: 0; padding-bottom: 0; float: left; width: 100%; border-top-width: 0;/* background: #1b1b1b; */ }
.product_tabs > div:first-child { display: block }
.product_tabs .jumbo { overflow: hidden }
ul#product_header_img_slide li,
ul#product_header_txt_slide li,
.sub_part_products_inner { display: none; width:100% }
ul#product_header_img_slide li:first-child,
ul#product_header_txt_slide li:first-child,
.sub_part_products_inner:first-child { display: block; }
.product_tabs > div.jumbo { background: #DEDCD9; }
#product_header_txt_slide,#product_header_txt_slide li { height: 100%; }
.product_header_img { position: absolute; top: 0; left: 0; width: 50%; height: 100%; }
.product_header_txt { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: #DC372B; color: #fff; font-size: 40px; }
ul#product_header_img_slide img { display: block; }
ul#product_header_img_slide li { height: 100%; }
ul#product_header_img_slide { height: 100%; }
.product_header_txt_wrap { display: table; width: 100%; height: 100%;}
.product_header_txt_inner { vertical-align: middle; display: table-cell; padding: 0 11%;}

/*
ul#product_header_txt_slide li strong,
ul#product_header_txt_slide li p{ transform:translateY(60px); opacity:0 }
ul#product_header_txt_slide li strong{ transition:800ms transform, 500ms opacity; }
ul#product_header_txt_slide li p{ transition:800ms transform, 500ms opacity;}
ul#product_header_txt_slide li.cycle-slide-active strong,
ul#product_header_txt_slide li.cycle-slide-active p{ transform:translateY(0px); opacity:1 }
ul#product_header_txt_slide li.cycle-slide-active strong{ transition:1000ms transform, 1000ms opacity; transition-delay:500ms }
ul#product_header_txt_slide li.cycle-slide-active p{ transition:1500ms transform, 1500ms opacity;transition-delay:500ms}
*/


/* TERMINAL */
.terminal .sub_header {background-color:#252526; background-image: url('images/sub/terminal-header.jpg')}
#product_header_img_slide li{background:#D6D5D5 no-repeat center center; backgorund-size:cover}
#product_header_img_slide li.terminal_01 { background-image: url('images/sub/terminal-01.jpg') }
#product_header_img_slide li.terminal_02 { background-image: url('images/sub/terminal-02.jpg') }
#product_header_img_slide li.terminal_03 { background-image: url('images/sub/terminal-03.jpg') }
#product_header_img_slide li.terminal_04 { background-image: url('images/sub/terminal-04.jpg') }

.terminal .tabs_panels .jumbo{background: #D6D5D5 no-repeat left center;}
.terminal .tabs_panels .terminal_01 .jumbo { background-image: url('images/sub/terminal-01-170809.jpg') }
.terminal .tabs_panels .terminal_02 .jumbo { background-image: url('images/sub/terminal-02-170809.jpg') }
.terminal .tabs_panels .terminal_03 .jumbo { background-image: url('images/sub/terminal-03-170809.jpg') }
.terminal .tabs_panels .terminal_04 .jumbo { background-image: url('images/sub/terminal-04-170809.jpg') }
.terminal .tabs_panels .terminal_05 .jumbo { background-image: url('images/sub/terminal-05-170809.jpg') }

.products_list {width:100%;max-width: 1110px; padding:0 40px; margin:auto;}
.products_list > li {display:table;float:left;width:100%;font-size:14px;color:#666;padding: 0 0 30px;margin-bottom:30px;border-bottom:1px solid #ddd;font-size: 0; }
.products_list > li:last-child { border-bottom:none;}
.products_list > li.has_detail_view {cursor:pointer;}
.products_list > li > div { display:table-cell; vertical-align:middle;}
.products_list > li > div .jt_product_content_inner { display:table; }
.products_list > li .jt_product_img {width: 100%; width: 295px;  vertical-align:top; border-radius: 3px;-webkit-transition: all 300ms;transition: all 300ms; }
.products_list > li .jt_product_img img{display: block;width: 100%;height: auto;vertical-align: top;position: relative;border: 1px solid #E3E3E3;border-radius: 3px;-webkit-transition: all 300ms;transition: all 300ms;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.products_list > li .jt_product_desc { display: table-cell; vertical-align: middle; width: 100%;}
.products_list > li h3{color:#444;font-size:18px; -webkit-transition: color 300ms; transition: color 300ms;}
.products_list > li ul {margin-left:25px;margin-right: 25px;vertical-align:middle;}
.products_list > li li{color:#666;padding-left: 12px;padding-bottom: 5px;position: relative;font-size: 14px;}
.products_list > li li:before {content: "";display: block;position: absolute;left: 0;top: 10px;width: 4px;height: 1px;background-color: #666;}
.products_list > li li:first-child {padding-left:0;margin-bottom: 13px;}
.products_list > li li:first-child:before {display:none;}
.products_list > li:nth-child(3n+1) { clear:both;}
.products_list > li.has_detail_view:hover h3 {color: #DC372B;}
.products_list > li.has_detail_view:hover img {border-color: #DC372B;}
.products_list > li .jt_product_view_btn {  display:table-cell; vertical-align:middle;}
.products_list > li .jt_product_view_btn a {float:right;display:block;width: 160px;height: 45px;line-height: 45px;background: #dc372b;color: #fff;text-align: center;font-size: 14px; position:relative;}
.products_list > li .jt_product_view_btn a span { position: relative; z-index: 2;}
.products_list > li .jt_product_view_btn a:before {content: "";display: block;position: absolute;z-index: 1;background: #D02F25;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)}
.products_list > li .jt_product_view_btn a:hover:before{width:100%}

/* POS */
.pos .sub_header {background-color:#252526; background-image: url('images/sub/pos-header.jpg')}


/* **************************************** *
 * SITEMAP
 * **************************************** */
.page-id-47 .title_container {display: none;}
.sitemap ul.sitemap_menu > li { float: left; width: 33.33%; height: 253px; margin-top: 45px; padding: 0; }
.sitemap ul.sitemap_menu > li:nth-child(3n+1) { padding: 0 34px 0 0; }
.sitemap ul.sitemap_menu > li:nth-child(3n+2) { padding: 0 16px 0 16px; }
.sitemap ul.sitemap_menu > li:nth-child(3n) { padding: 0 0 0 34px; }
.sitemap ul.sitemap_menu >li >a { display: block; padding: 0 0 14px 0px; border-bottom: 1px solid #66af3f; font-size: 20px; }
.sitemap ul.children { padding: 0; }
.sitemap .children >li > a { display: block; width: 100%; padding: 10px 0 10px 0; border-bottom: 1px solid #eeeeee; font-size: 14px; color: #777777; }
.sitemap .children .children a { padding-left: 22px; border-bottom: none; background: #FFFFFF url(../images/sub/mini_arrow_right.png) no-repeat 9px center; }
.sitemap .children .children a:last-child { border-bottom: 1px solid #eeeeee; }



/* **************************************** *
 * EMAIL POLICY
 * **************************************** */
.page-id-376 .title_container {display: none;}
.email_policy h1 { border: none; font-size: 20px; font-family: NanumGothic; font-weight: bold;padding: 0 0 20px 0;}
.email_policy_inner p { color: #777777;font-size: 14px;}
.email_policy_inner { position: relative; margin-top: 130px;height: 256px; padding: 75px  0 75px 300px; border: 1px solid #ebebea;}
.email_policy_visual{ width:240px; height:256px; background: #ebebea url(images/sub/mail-policy.png) center center no-repeat;; position:absolute; left:0; top:0;}



/* **************************************** *
 * ATTACHMENT
 * **************************************** */
body.attachment p.attachment { margin: 50px 0; text-align: center;  padding: 40px; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd;}
body.attachment p.attachment img { max-width: 100%; height: auto;}



/**********************************
 * MEMBERSHIP
 *********************************/
/* tab */
.tabs_skin_membership .tabs_menu {margin:0 0 35px 0; border-width:0 1px 1px 0; border-style:solid; border-color:#dedede; background-color:#fafafa;}
.tabs_skin_membership .tabs_menu li{border-width:1px 0 0 1px; border-style:solid; border-color:#dedede; text-align: center;}
.tabs_skin_membership .tabs_menu li a{height: 50px; line-height: 50px; font-size: 15px; font-weight: 600; color:#555555; text-transform: capitalize;}
.tabs_skin_membership .tabs_menu li a span {text-transform: uppercase;}
.tabs_skin_membership .tabs_menu li.active{border-top:2px solid #66af3f;}
.tabs_skin_membership .tabs_menu li.active a{color:#68b03f; background-color:#fff;}
.tabs_skin_membership .tabs_panels {background: none;}

/* tab-content */
.tabs_skin_membership {margin-top: 30px;}

.tabs_skin_membership .tabs_panels td {border: 1px solid #dedede;}
.tabs_skin_membership .top-line td {border-top: 1px solid #65af4d;}
.tabs_skin_membership table {width: 100%;  margin:0; padding: 0; border-collapse:collapse;}
.tabs_skin_membership table h4{width: 100%; padding-left: 33px; font-size: 16px; font-weight: 600; color:#66af3f; text-transform: capitalize;}
.tabs_skin_membership table h4 span {text-transform: uppercase;}
.tabs_skin_membership .tab-title {width: 159px; vertical-align:middle; background: #fafafa;}
.tabs_skin_membership table .table-title {width:74px; padding:0px 16px 0px 16px; vertical-align:middle; text-align:center; background: #fafafa;}
.tabs_skin_membership table .table-title p {width: 42px; line-height: 22px; font-size: 14px; font-weight:600; color:#333333;}
.tabs_skin_membership table ul {padding: 28px 40px 28px 24px}
.tabs_skin_membership table li {position:relative; padding-left: 12px; line-height: 25px; letter-spacing: -0.03em; font-size: 14px; font-weight:200; color:#777777;}
.tabs_skin_membership table li:before {content: ""; display:block;width: 3px;height: 3px; position:absolute;top: 11px; left: 0; background: #66af3f;}
.tabs_skin_membership table .mem-highlight {padding-left: 13px; color: #65af4d;}
.tabs_skin_membership table .mem-highlight:before {content: "*"; display:block; width: 4px; height: 4px; position:absolute; top: -1px; left: -2px; background: none; }

/* tab-content */
.tabs_skin_membership section {width: 100%; padding:0; margin: 0;}
.tabs_skin_membership section h5 {padding: 61px 0 14px 0; font-size: 20px; font-weight:600; color: #222222;}
.tabs_skin_membership .mem-info-warp {display: table; width: 100%; border-top: 1px solid #65af4d;}
.tabs_skin_membership .mem-info-warp > div {display: table-row; }
.tabs_skin_membership .mem-info-title { display:table-cell; width: 32%; padding:42px 0 42px 29px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; background: #f6f6f6 ; font-size: 15px; font-weight:600; color: #222222;}
.tabs_skin_membership .mem-info-content { display:table-cell; width: 68%; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; vertical-align: middle;}
.tabs_skin_membership section ul {padding: 14px 40px 14px 27px;}
.tabs_skin_membership section li {position:relative; padding-left: 14px; line-height: 26px; font-size: 14px; color: #777777; font-weight: 200; }
.tabs_skin_membership section li:before {content: ""; display:block;width: 3px;height: 3px; position:absolute;top: 11px; left: 3px; background: #66af3f;}


/* **************************************** *
 * TML STYLE
 * **************************************** */

/* Login*/
.login_form{overflow:hidden;padding: 83px 0;border:3px solid #e9ecef;width: 100%;margin: auto;}
.login_form input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.login_form .rows,.login_form .cols{float:left;}

.login_form .cols-01 li{margin-bottom: 10px;}
.login_form .cols-01 li:last-child{margin-bottom:inherit;}
.login_form .cols-01 p{position: relative;}
.login_form .cols-01 label{z-index: -1;position:absolute;visibility:hidden;}
.login_form .cols-01 input{width: 400px;padding: 14px 15px;font-family: "NanumGothic","Gulim", sans-serif;}

.login_form .rows-01{padding-bottom:30px;border-bottom:1px solid #eeeeee;}
.login_form .rows-01 > .cols-01{margin-right: 10px;}

.login_form .rows-02{float:left;padding-top:25px;color:#555555;}
.login_form .rows-02 > .cols li{margin-bottom:10px;font-size:14px;line-height:36px;}
.login_form .rows-02 > .cols li:last-child{margin-bottom:inherit;}
.login_form .rows-02 > .cols-01{width: 290px;}
.login_form .rows-02 > .cols-01 li{position:relative;padding-left:13px;}
.login_form .rows-02 > .cols-01 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:3px;height:3px;margin-top:-1.5px;background:#66af3f;}

.login_form .rows-02 > .cols-02{width: 250px;}

/* Register */

.tml-register input:focus,.tml-registerform select:focus,.tml-lostpassword input:focus,.lost_username input:focus,.login_form input:focus{outline: 1px solid #66af3f;outline-offset: -1px;}

.login_form input[type=submit]{width:130px;height: 100px;border: inherit;font-family: "NanumGothic","Gulim", sans-serif;font-size:15px;color:#fff;background:#66af3f;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor: pointer;}
.login_form input[type=submit]:hover{background:#85bf65;}

.login_form a{display:inline-block;height:36px;border:1px solid #e0e0e0;font-size:13px;text-align:center;color:#555;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;}

.login_form a:hover{background:#e7e7e7;}
.login_form a[href$="register/"]:hover{color:#fff;background:#aaaaaa;}

.login_form a{width:115px;background:#fafafa;}
.login_form a{float:right;margin-left: 10px;}
.login_form a[href$="register/"]{width:100%;background:#f0f0f0;}
.login_form .login_form_inner { width: 545px;  margin: auto;}

/* Lost*/
.lost_username {margin-top: 70px;padding: 83px;border: 3px solid #e9ecef;text-align: center;}
.lost_username .rows:after {content: "";display: block;clear: both;}
.lost_username .cols {float: left;margin-right: 10px;}
.lost_username .cols:last-child {margin-right: 0;}
.lost_username .cols-02 {width: 56.5%;}
.lost_username span {font-family: "NanumGothic", "Gulim", sans-serif;font-size: 14px;line-height: 3.214;color: #555555;}
.lost_username input[name=lostUsername],
.lost_username input[type=submit]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: "NanumGothic", "Gulim", sans-serif;color: #555555;}
.lost_username input[name=lostUsername] {width: 300px;padding: 14px 15px;margin: 0 10px;}
.lost_username input[type=submit] {padding: 14px 30px;color:#fff;background:#66af3f;border: 1px solid #66af3f;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.lost_username input[type=submit]:hover{border: 1px solid #85bf65;background: #85bf65;}

.tml-lostpassword p,.tml-lostpassword input, .tml-lostpassword textarea, .tml-lostpassword label,.tml-lostpassword select{margin:0;padding:0;width: inherit;display: inline-block;}
.tml-lostpassword .tml-action-links{margin: 0;padding: 0;text-align: inherit;}
.tml-lostpassword .tml-action-links li {border: inherit;border-right: inherit;line-height: inherit;list-style: inherit;margin: 0 10px 0 0;padding: inherit;}
.tml-lostpassword .tml-action-links a{border: inherit;display: inherit;padding: inherit;text-decoration: inherit;}
.tml-lostpassword{max-width: inherit;margin-top: 70px;padding: 83px;border: 3px solid #e9ecef;text-align: center;}
.tml-lostpassword form{margin:15px 0;}
.tml-lostpassword input{margin:0 10px;padding: 14px 15px;}
.tml-lostpassword input[type=text]{width: 260px;}
.tml-lostpassword input[type=submit]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 14px 30px;border: 1px solid #66af3f;font-family: "NanumGothic", "Gulim", sans-serif;color:#fff;background:#66af3f;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.tml-lostpassword input[type=submit]:hover{border: 1px solid #85bf65;background: #85bf65;}
.tml-lostpassword a[href*='login'],
.tml-lostpassword a[href*='register']{font-size: 14px;line-height: 2.000;font-weight: 400;color: #777;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;}
.tml-lostpassword a[href*='login']:hover,
.tml-lostpassword a[href*='register']:hover{color:#66af3f;}
.tml-lostpassword a[href*='login']{position: relative;}
.tml-lostpassword a[href*='login']:after{content: "";display: block;width: 2px;height: 14px;background: #ccc;margin-right: 10px;position: absolute;top: 7px;right: -16px;}
.tml-lostpassword .message {display: block;margin: 0 auto 20px;}
.tml-lostpassword .error{margin-bottom:10px;}
.tml-lostpassword .tml-action-links{ display:none}
.tml-lostpassword{ margin-top:0;}

.tml-register {max-width: inherit;}
.tml-register p, .tml-register input, .tml-register textarea, .tml-register select{margin:0;padding:0;width: inherit;}
.tml-register .rows-02{text-align: center;}
.tml-register label{display:inline-block;}
.tml-register input[type=reset],
.tml-register input[type=submit]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 150px;height: 40px;margin: 0;padding: 0;font-family: "NanumGothic", "Gulim", sans-serif;color:#fff;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.tml-register input[type=reset],
.tml-register input[type=submit]{margin-right: 5px;border: none;background:#553e1e;}
.tml-register input[type=reset]:hover,
.tml-register input[type=submit]:hover{ border: none; background: #84745d; }
.tml-register input[type=reset]:focus,
.tml-register input[type=submit]:focus{outline:none;}
.tml-register input[type=submit]{background:#66af3f;}
.tml-register input[type=submit]:hover{background:#c2d94e;}

.tml-termsAgree .rows-01 > section{margin-bottom: 35px;padding: 50px 50px 0;border:1px solid #e5e5e5;border-top:1px solid #66af3f;}
.tml-termsAgree article{margin-bottom: 60px;}
.tml-termsAgree article:last-child{margin-bottom:50px;}
.tml-termsAgree h2{margin-bottom:13px;font-family:"NanumGothic","Gulim", sans-serif;font-size:20px;line-height:1.600;font-weight:600;color:#333;}
.tml-termsAgree h3{display:none;}
.tml-termsAgree h5{position:relative;margin-bottom:12px;padding-left:15px;font-size:14px;line-height:2.286;color:#333333;}
.tml-termsAgree h5:before{content:"";display:block;position:absolute;top: 50%;left:0;width:3px;height:3px;margin-top: -1.5px;background:#66af3f;}
.tml-termsAgree .terms_box{height:236px;padding:30px 40px;font-size:16px;line-height:28px;letter-spacing:-0.5px; overflow:auto;border: 1px solid #e5e5e5;color: #666;background: #fafafa;}
.tml-termsAgree .terms_box h4{margin-bottom:35px;font-size:14px;line-height:2.000;font-weight:400;color:#666;}
.tml-termsAgree .agree_text{margin-top:20px;text-align: right;}
.tml-termsAgree .agree_text *{display:inline-block;}
.tml-termsAgree .agree_text input{margin: 0 0 0 25px;vertical-align: middle;}
.tml-termsAgree .agree_text label{font-size: 14px;line-height: 2.286;letter-spacing:-1px;color: #333;}
.tml-termsAgree .content-wrap.all{border-bottom:1px solid #eeeeee;margin-bottom: 40px;padding-bottom: 30px;}
.tml-termsAgree .content-wrap.all h5{display:none;}
.tml-termsAgree .content-wrap.all p{margin-bottom:inherit;}
.tml-termsAgree .content-wrap.all .terms_box{height:inherit;}
.tml-termsAgree .content-wrap.all .agree_text{text-align:center;margin-bottom: 0;margin-top: 10px;}
.tml-termsAgree .content-wrap.all .agree_text input{margin: 0 5px 0 0;}
.tml-termsAgree .content-wrap.all .agree_text label{font-weight:600;color:#333;}

.tml-registerform table{width:100%;margin-bottom:35px;border-top:1px solid #66af3f;}
.tml-registerform caption{padding-bottom: 17px;}
.tml-registerform caption:after{content:"";display:block;clear:both;}
.tml-registerform caption span:nth-child(1){float: left;font-size:20px;font-weight: 600;color:#333;}
.tml-registerform caption span:nth-child(2){float:right;font-size:13px;color:#66af3f;margin-top: 7px;}
.tml-registerform th,.tml-registerform td{border-bottom:1px solid #eeeeee;}
.tml-registerform th{width: 160px;padding-left: 25px;font-size:14px;font-weight:600;color: #333;background: #fafafa;}
.tml-registerform td{padding: 15px 30px;font-size:13px;font-weight:400;color: #666;}
.tml-registerform th label{position:relative;padding-left:20px;}
.tml-registerform th label:before{content:"＊";display:block;position:absolute;left:0;color:#66af3f;}
.tml-registerform tr:nth-child(7) ~ tr th label:before{display:none;}
.tml-registerform input[type="radio"]{margin-right:5px;}
.tml-registerform input[name=membership] + span + a[href="#"]{margin: 0 40px 0 10px;padding: 4px 8px;border:1px solid #dedede;border-radius:4px;background:#fafafa;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;}
.tml-registerform input[name=membership] + span + a[href="#"]:hover{border: 1px solid #66AF3F;color: #FFF;background: #66AF3F;}
.tml-registerform input[name=membership] + span + a[href="#"] > span{display:inline-block;margin-left:6px;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}
.tml-registerform input[type=text],.tml-registerform input[type=password],.tml-registerform input[type=tel],.tml-registerform input[type=button],.tml-registerform select{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 7.5px 10px;border: 1px solid #ccc;font-family: "NanumGothic", "Gulim", sans-serif;}
.tml-registerform select{padding: 6.5px 10px;}
.tml-registerform input[type=button]{margin-right: 10px;padding: 7.5px 24px;border: 1px solid #999999;color:#fff;background:#999999;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.tml-registerform input[type=button]:hover{border: 1px solid #b7b7b7;/* color: #555; */background: #b7b7b7;}
.tml-registerform input[name=user_login],.tml-registerform input[type=password],.tml-registerform input[name=username],.tml-registerform input[name=username_bank]{width:250px;}
.tml-registerform input[name=user_login]{margin-right:5px;}
.tml-registerform input[name=username]{margin-right:10px;}
.tml-registerform select[name=phoneno1],.tml-registerform input[type=tel]{width:110px;}
.tml-registerform select[name=phoneno1] + span,.tml-registerform input[name=phoneno2] + span{display:inline-block;width:10px;height:1px;background:#cccccc;vertical-align: middle;}
.tml-registerform input[name=usermail_one],.tml-registerform input[name=usermail_two],.tml-registerform select[name=useremail_doc]{width:140px;margin-right: 5px;}
.tml-registerform input[name=usermail_one] + span{margin-right:5px;}
.tml-registerform input[name=postcode]{width:110px;margin-right: 5px;}
.tml-registerform input[name=postcode],.tml-registerform input[name=address]{margin-bottom:10px;}
.tml-registerform input[name=address],.tml-registerform input[name=addr2]{display:block;width:100%;}
.tml-registerform input[value*="우편번호"] + span{font-size:13px;color:#888;}

.tml-registerform .age{margin-right:20px;}
.tml-registerform .wa-ir{display: none;}

.registered_box{margin-top: 100px;text-align: center;}
.registered_box h4{font-size: 20px;line-height: 1.600;margin-bottom: 17px;}
.registered_box h4 span{display:inline-block;position:relative;color:#66af3f;padding-bottom: 18px;}
.registered_box h4 span:after{content:"";display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#66af3f;}
.registered_box p{margin-bottom: 37px;}
.registered_box a{position: relative;display: inline-block;padding: 12px 30px;font-family: "NanumGothic", "Gulim", sans-serif;font-size: 14px;font-weight: 600;color:#fff;background:#66af3f;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.registered_box a:hover{color: #555;background: #f0f0f0;}

.tml-profile p,.tml-profile input, .tml-profile textarea, .tml-profile label,.tml-profile select{margin:0;padding:0;width: inherit;display: inline-block;}
.tml-profile .tml-form-table th,.tml-profile .tml-form-table td {width: inherit;display: table-cell;vertical-align: inherit;}
.tml-profile input, .tml-profile textarea, .tml-profile select {width: inherit;}
.tml-profile{margin-top:70px;}
.tml-profile table{width:100%;margin-bottom:35px;border-top:1px solid #66af3f;}
.tml-profile caption{padding-bottom: 17px;}
.tml-profile caption:after{content:"";display:block;clear:both;}
.tml-profile caption span:nth-child(1){float: left;font-size:20px;font-weight: 600;color:#333;}
.tml-profile caption span:nth-child(2){float:right;font-size:13px;color:#66af3f;margin-top: 7px;}
.tml-profile th,.tml-profile td{border-bottom:1px solid #eeeeee;}
.tml-profile th{width: 160px;padding-left: 25px;font-size:14px;font-weight:600;color: #333;background: #fafafa;}
.tml-profile td{padding: 15px 30px;font-size:13px;font-weight:400;color: #666;}
.tml-profile th label{position:relative;padding-left:20px;}
.tml-profile th label:before{content:"＊";display:block;position:absolute;left:0;color:#66af3f;}
.tml-profile tr:nth-child(7) ~ tr th label:before{display:none;}
.tml-profile input[type="radio"]{margin-right:5px;}
.tml-profile input[name=membership] + span + a[href="#"]{margin: 0 40px 0 10px;padding: 4px 8px;border:1px solid #dedede;border-radius:4px;background:#fafafa;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;}
.tml-profile input[name=membership] + span + a[href="#"]:hover{border:1px solid #999999;color:#fff;background:#999999;}
.tml-profile input[name=membership] + span + a[href="#"] > span{display:inline-block;margin-left:6px;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}
.tml-profile input[type=text],.tml-profile input[type=email],.tml-profile input[type=password],.tml-profile input[type=tel],.tml-profile input[type=button],.tml-profile select{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 7.5px 10px;border: 1px solid #ccc;font-family: "NanumGothic", "Gulim", sans-serif;}
.tml-profile select{padding: 6.5px 10px;}
.tml-profile input[type=button]{margin-right: 10px;padding: 7.5px 24px;border: 1px solid #999999;color:#fff;background:#999999;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.tml-profile input[type=button]:hover{border: 1px solid #f0f0f0;color: #555;background: #f0f0f0;}
.tml-profile input[name=user_login],.tml-profile input[type=email],.tml-profile input[type=password],.tml-profile input[name=username],.tml-profile input[name=username_bank]{width:250px;}
.tml-profile input[name=user_login]{margin-right:5px;}
.tml-profile input[name=username]{margin-right:10px;}
.tml-profile select[name=phoneno1],.tml-profile input[type=tel]{width:110px;}
.tml-profile input[name=phoneno1] + span, .tml-profile input[name=phoneno2] + span{display:inline-block;width:10px;height:1px;margin: 0 7px 0 10px;background:#cccccc;vertical-align: middle;}
.tml-profile input[name=usermail_one],.tml-profile input[name=usermail_two],.tml-profile select[name=useremail_doc]{width:140px;margin-right: 5px;}
.tml-profile input[name=usermail_one] + span{margin-right:5px;}
.tml-profile input[name=postcode]{width:110px;padding: 7.5px 24px;margin-right: 5px;}
.tml-profile input[name=postcode],.tml-profile input[name=address]{margin-bottom:10px;}

.tml-profile input[name=address],.tml-profile input[name=addr2]{display:block;width:100%;}
.tml-profile input[value*="우편번호"] + span{font-size:13px;color:#888;}

.tml-profile .age{margin-right:20px;}

.tml-profile .membership{margin-right:20px;}
.tml-profile .wa-ir{display: none;}

.tml-profile .rows-02{text-align: center;}
.tml-profile input[type=reset],.tml-profile input[type=submit]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 150px;height: 40px;margin: 0;padding: 0;font-family: "NanumGothic", "Gulim", sans-serif;color:#fff;-webkit-transition:all 0.1s ease;transition: all 0.1s ease;cursor:pointer;}
.tml-profile input[type=reset]{margin-right: 5px;border: 1px solid #553e1e;background:#553e1e;}
.tml-profile input[type=submit]{border: 1px solid #66af3f;background:#66af3f;}
.tml-profile input[type=reset]:hover,.tml-profile input[type=submit]:hover{border: 1px solid #f0f0f0;color: #555;background: #f0f0f0;}





/* **************************************** *
 * ANIMATION
 * **************************************** */
@-webkit-keyframes sway {
    0% {   -webkit-transform: translate3d(20px,0,0) rotate(25deg);   }
    50% {  -webkit-transform: translate3d(-50px,0,0) rotate(-40deg);}
    100% { -webkit-transform: translate3d(20px,0,0) rotate(25deg); }
}

@-webkit-keyframes fall {
    100% { -webkit-transform: translate3d(0,900px,0); }
}

@-webkit-keyframes dance {
    0% {  -webkit-transform:  rotate(1deg); }
    50% { -webkit-transform:  rotate(-1deg);}
    100% {-webkit-transform:  rotate(1deg); }
}

@keyframes sway {
    0% {   -webkit-transform: translate3d(20px,0,0) rotate(25deg);   transform: translate3d(20px,0,0) rotate(25deg);  }
    50% {  -webkit-transform: translate3d(-50px,0,0) rotate(-40deg);  transform: translate3d(-50px,0,0) rotate(-40deg);}
    100% { -webkit-transform: translate3d(20px,0,0) rotate(25deg); transform: translate3d(20px,0,0) rotate(25deg);  }
}

@keyframes fall {
    100% { -webkit-transform: translate3d(0,900px,0); transform: translate3d(0,900px,0) }
}

@keyframes dance {
    0% {  -webkit-transform:  rotate(1deg);  transform:  rotate(1deg); -webkit-transform:  rotate(1deg); transform:  rotate(1deg); }
    50% { -webkit-transform:  rotate(-1deg); transform:  rotate(-1deg);-webkit-transform:  rotate(-1deg);transform:  rotate(-1deg);}
    100% {-webkit-transform:  rotate(1deg);transform:  rotate(1deg); -webkit-transform:  rotate(1deg); transform:  rotate(1deg); }
}


@keyframes sway {
    0% {   -webkit-transform: translate3d(20px,0,0) rotate(25deg);   transform: translate3d(20px,0,0) rotate(25deg);  }
    50% {  -webkit-transform: translate3d(-50px,0,0) rotate(-40deg);  transform: translate3d(-50px,0,0) rotate(-40deg);}
    100% { -webkit-transform: translate3d(20px,0,0) rotate(25deg); transform: translate3d(20px,0,0) rotate(25deg);  }
}

@keyframes fall {
    100% { -webkit-transform: translate3d(0,900px,0); transform: translate3d(0,900px,0) }
}

@keyframes dance {
    0% {  -webkit-transform:  rotate(1deg);  transform:  rotate(1deg); }
    50% { -webkit-transform:  rotate(-1deg); transform:  rotate(-1deg);}
    100% {-webkit-transform:  rotate(1deg);transform:  rotate(1deg); }
}