@charset "utf-8";
/*
Theme Name: TUBA (투바)
Theme URI: http://studio-jt.co.kr
Description:
Author: STUDIO-JT (Nico)
Author URI: http://studio-jt.co.kr
Version: 1.0

License:
License URI:
*/

/*
 * Dependency : css/font-face.css
 * Dependency : css/commons.css
 *
 * SUMMARY:
 * 1) GENERAL
 * 2) KBOARD STYLE
 * 3) COMPONENT
 * 4) HEADER
 * 5) FOOTER
 * 6) MAIN
 * 7) SUB PAGE
 * 8) PHILOSOPHY
 * 9) COMPANIES
 * 10) TEAM
 * 11) CONTACT
 * 12) SITEMAP
 * 13) EMAIL POLICY
 * 14) ATTACHMENT
 * 15) MEMBERSHIP
 * 16) TML STYLE
 * 17) 404
 * 18) ANIMATION
 *
 */


/* **************************************** *
 * GENERAL
 * **************************************** */
body,textarea { font-size: 16px; font-family:Montserrat, "Malgun Gothic", sans-serif;/* padding-top:80px */ }
html,
body { height: 100%; }
.wrap { max-width: 1200px; margin: auto; }
.content_container { }
.body_container {/* float: left; *//* width: 100%; *//* padding-bottom: 130px; *//* min-height: 400px; *//* min-height: calc(100% - 265px); */ }
.home .body_container { padding-bottom: 0px; }


/* 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 #ccc; 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: #1A2273 !important;outline: none;}














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












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

/* GENERAL */
.admin-bar .sub_menu_container { top: 112px; }
.title_container { position: relative; }
.title_container h1 { text-align: center; }

/* SUB MENU */
li#companies_nav_korea.ktb_nav_active {padding-bottom: 50px;}
li#companies_nav_korea.ktb_nav_active .ktb_nav_submenu li a { width: 174px;}
.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); }

h2.list_subtitle { font-size: 25px; text-align: center; position: relative; clear:both; margin-bottom: 30px;}
h2.list_subtitle span { position: relative; z-index: 3; display: inline-block;  background: #fff;  padding: 0 20px; width: 150px;}
h2.list_subtitle:after {content: "";width: 100%;height: 7px;position: absolute;background: #f1f1f1;left: 0;top: 50%;margin-top: -2px;}

/* 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; }
.sub_header_inner { background: transparent no-repeat center center; background-size: cover; opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; height: 100%; }
.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; }


/* 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) }




/* **************************************** *
 * CONTACT
 * **************************************** */

/* LAYOUT */
.sub.contact { background: #f7f7f7; padding-bottom: 150px;}


/* CONTACT NAV*/
#contact_nav_main_list{ height: 0; overflow: hidden;}
.contact_nav li a {display: table-cell;padding: 60px;vertical-align: middle;transition: background 300ms;}

.contact_nav li {width: 33.3333%;height: 100%;display: table;background: no-repeat center top;background-size: cover;float: left;}
#contact_nav_main_list .contact_nav_list {width: 100%;overflow: hidden;height: 0;}
.contact_nav li p { max-width: 350px; }
li.contact_nav_seoul { background-color: #9AA1D6; background-image: url(images/sub/contact-01-bg.jpg); }
li.contact_nav_shanghai { background-color: #A4CEF1; background-image: url(images/sub/contact-02-bg.jpg); }
li.contact_nav_palo { background-color: #E2BFC9; background-image: url(images/sub/contact-03-bg.jpg); }
.contact_nav li h2,
.contact_nav li p,
.contact_nav li a { color: #fff; }
.contact_nav li h2 { padding-bottom: 25px; }
.contact_nav li h2, .contact_nav li p{    text-shadow: 1px 1px 3px rgba(0,0,0,.2);}
.contact_nav li p { padding-bottom: 75px; font-size: 15px; }
.contact_nav li i {font-style: normal;display: block;margin-bottom: 35px;margin-left: 9px;width: 44px;height: 44px;line-height: 44px;text-align: center;position: relative;font-size: 18px;}
.contact_nav li i:after { content: ""; border: 2px solid #fff; position: absolute; width: 44px; height: 44px; left: 0; top: 0; box-sizing: border-box; transform: rotate(45deg); transition:transform 500ms; }
.contact_nav li a:hover { background: rgba(0,0,0,0.5);}
.contact_nav .ktb_btn_seamless,
.news_list .ktb_btn_seamless{ max-width: 170px;  width: 100%;}
/*
.contact_nav li a:hover h2,
.contact_nav li a:hover i { padding-bottom: 30px;}
.contact_nav li a:hover p { padding-top: 30px;}
.contact_nav li a:hover span { margin-top: 30px;}
.contact_nav li i,
.contact_nav li h2,
.contact_nav li p{transition:padding 500ms;}
.contact_nav li span{transition:margin 500ms;}
*/
.contact_nav li a:hover i:after{transform: rotate(225deg);}

/* CONTACT DETAIL */
#contact_map_container { height: 0; overflow: hidden;}
.contact_map {height:580px; background:#f0f0f0}
.contact_info { padding: 60px 0 90px; background: #1a2273;}
.contact_nav_01 .contact_nav_item_inner { float:right;width: 540px;}
.contact_nav_02 .contact_nav_item_inner {padding-left:30px;}
.contact_nav.contact_detail_nav li {height:400px; width: 50%;}
.contact_nav.contact_detail_nav li.contact_nav_seoul{ background-image: url(images/sub/contact-view-01-bg.jpg);}
.contact_nav.contact_detail_nav li.contact_nav_shanghai{ background-image: url(images/sub/contact-view-02-bg.jpg); }
.contact_nav.contact_detail_nav li.contact_nav_palo{ background-image: url(images/sub/contact-view-03-bg.jpg); }
.contact_nav.contact_detail_nav li.contact_nav_01,.contact_nav.contact_detail_nav li.contact_nav_shanghai.contact_nav_02{background-position: right center;}
.contact_nav.contact_detail_nav li.contact_nav_02{background-position: left center;}
.contact_info h1 {color: #fff;padding: 0;float: left;position: relative;}
.contact_info h1 span{background: #1A2273;position: relative;z-index: 2;display: inline-block;padding-right: 30px;}
.contact_info ul { float: right; }
.contact_info h1,
.contact_info ul { width: 50%; }
.contact_info_inner:after { display: block; clear: both; content: ""; }
.contact_info li {font-size: 15px;color: #fff;padding-top: 12px;padding-left: 40px;background: no-repeat left 12px;}
.contact_info li.contact_info_address{background-image:url('images/sub/contact_icon_map.png');background-position: left 15px;}
.contact_info li.contact_info_tel{background-image:url('images/sub/contact_icon_phone.png')}
.contact_info li.contact_info_mail{background-image:url('images/sub/contact_icon_mail.png')}
.contact_info_mail a{ color:#fff}
.contact_info_inner ul { padding-left: 80px; }
.contact_info h1:after { content: ""; position: absolute; right: 0; top: 24px; width: 70%; height: 2px; background: white; }
.contact_form h2 { padding-top: 115px; text-align: center; font-size: 35px; margin-bottom: 25px; padding-bottom: 35px; border-bottom: 3px solid #000; }
.contact_form { padding-bottom: 160px; }

/* Google map gray scale */
/*
.googlemap .wpb_gmaps_widget .wpb_wrapper{padding:0;}
.gm-style > div > div > div:nth-child(5){
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
*/


/* Contact From  */
.contact_us.wpcf7 img.ajax-loader { position: absolute; left: -20px;top: 6px;width: 32px;height: 32px;}
div.wpcf7 img.ajax-loader {position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 41px;}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {border:0; position:absolute; margin-left:0; padding-left:0; margin-top: -40px; font-size:13px;}
div.wpcf7-mail-sent-ok {color:#4DAD07;}
div.wpcf7-validation-errors {color: #D0513F;background-color: #FFC5BD;margin-top: 10px;width: 100%;padding: 10px;}
span.wpcf7-not-valid-tip {color: #AB9009;font-size:13px;background: #FFF3B6;padding: 2px 20px;}

/* NEWS */

/*
header.news_header {text-align: center;padding: 120px 0 35px 0;}
header.news_header h1 {padding: 0;padding-bottom: 10px;}
#news_list {display: table;width: 100%;}
#news_list li {transition: background 300ms;}
#news_list > li > div {display: table-cell;vertical-align: middle;height: 155px;border-bottom: 1px solid #dedede;}
.news_list_time { width: 130px; text-align: center; }
.news_list_content h2 { font-size: 18px; margin-bottom: 20px; }
.news_list_excerpt {font-size: 15px;color: #777;}
.news_list_time b,
.news_list_time span {display: block;font-size: 13px;color: #bbbbbb;font-weight: bold;}
.news_list_time b {font-size: 45px;color: #444;line-height: 45px;}
.news_list_more { width: 250px; text-align: center; }
#news_list li:hover{ cursor: pointer;}
#news_list li:hover .ktb_btn_seamless.ktb_btn_dark{ color:#1a2273}
.news_list_content { padding: 30px;}
.news_list_time time { display: block; border-right: 1px solid #ddd;}
#news_list_container { display: none; border-top: 3px solid #1a2273;}
.news_see_all { text-align: center;}
#news_see_all a {min-width: 230px;text-align: left;background-image: url(images/sub/arrow-down-black.png);}
*/



/* **************************************** *
 * 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(../assets/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; 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 { 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: none; 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] { 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] { 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] { 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 { 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 { 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] { 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; }


/* **************************************** *
 * 404
 * **************************************** */
.error404 {background: #ffdc39; position: fixed; width: 100%; height: 100%; overflow: hidden;}
.admin-bar .frame_top {margin-top:32px;}

body.error404 #footer {display: none;}
body.error404 .sub.error_404 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;margin: auto;padding: 0;overflow-y: scroll;text-align: center;max-width: 100%;}
body.error404 #error_404 {display: table;width: 100%;height: 100%;margin: auto;padding: 0;top: 0;left: 0;right: 0;left: 0;}
body.error404 .error_404_content {display: table-cell;vertical-align: middle;text-align: center;}
.error_404_content h1 { font-size: 50px; color: #231f20; font-weight:700; padding:0;}
#error_404 .square_container {font-size: 53px;font-weight: bold;color: #c1c1c1;position: relative;width: 100%;height:363px;margin: auto;padding: 0px;opacity: 1;}
/*#error_404 .square_container:after {content: '';width: 405px;height: 484px;position: absolute;top: -80px;left: -52px;border: 1px solid;border-color: #e5e5e5;border-color: rgba(0,0,0,0.1);z-index: 2;box-sizing: border-box;}*/
#error_404 .square_container .square_liner {display: none;}
.error_404 .square span {height: 25%;line-height: 53px;} /* square_4x4 layout */
#error_404 .square_container b {color: #dc372b;}
#error_404 nav {width:100%; margin:0 auto; position:relative; z-index:10; font-size:0;}
#error_404 nav a {width:140px; height:62px; display:inline-block; font-size:18px; line-height:62px; font-weight:700; border-radius:5px; margin:0 10.5px; transition:background 500ms, padding 500ms;}
#error_404 nav a.error_404_back {color:#231f20; background:url('../tuba/images/404_arrow.png') no-repeat 180px 26px #fff;}
#error_404 nav a.error_404_back:hover {background:url('../tuba/images/404_arrow.png') no-repeat 90px 26px #231f20; color:#fff; padding-right:28px;}
/*#error_404 nav a.error_404_back:after {content: '';display: block;width: 1px;height: 11px;position: absolute; right: 0;top: 50%;margin-top: -5.5px;background: #c1c1c1;}*/
#error_404 nav a.error_404_home {color:#fff; background:url('../tuba/images/404_arrow.png') no-repeat 180px 26px #231f20;}
#error_404 nav a.error_404_home:hover {background:url('../tuba/images/404_arrow.png') no-repeat 90px 26px #fff; color:#231f20; padding-right:28px;}



/* **************************************** *
 * 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);}
}