/*
Theme Name: 가족마음연구소
Theme URI: http://studio-jt.co.kr
Description:
Author: STUDIO-JT (Nico,Jun,KMS,MS)
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
 * **************************************** */
html,body{ height:100%;}
.wrap { max-width: 940px; margin: auto; }
.content_container{ /* min-height:600px; *//* min-height: calc(100% - 420px); */}
.body_container { float: left; width: 100%;padding-bottom: 130px;min-height: 400px;min-height: calc(100% - 537px);}
.home .body_container { padding-bottom: 0px;}
a{ color: #66af3f; 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:600;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:#777;}

/* 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:#66af3f !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 li.active a { z-index: 22;  bottom: 0; box-sizing: border-box; background: #fff;   color: #fff; }
.tabs_menu li.active:before { display: block; content: ""; position: absolute; bottom: 0; left: 50%; z-index: 40; border-bottom: #FFF solid 3px; border-left: transparent 6px solid; border-right: transparent 6px solid; margin-left: -3px; display: none;}
.tabs_menu { width: 100%; margin: 0 auto;  float: left;/* border-top: 2px solid #e9511c; */}
.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_panels > div { /*opacity: 0 */ display: none}
.tabs_panels > div.tabs_02 { display: block; /*opacity:0; */}

/* SELECTBOX with jquery.selectbox-0.2 */
.sbHolder { position: relative; left: 1px; background-color: #FFFFFF; border: solid 1px #DEDEDE; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 90px; display: inline-block;}
.sbHolder:focus .sbSelector { }
.sbSelector { display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; }
.sbSelector:link,.sbSelector:visited,.sbSelector:hover { color: #7B7B7B; outline: none; text-decoration: none; }
.sbToggle { /*background: url(../img/select-icons.png) 0 -116px no-repeat;*/display: block; height: 30px; 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 #DEDEDE; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 28px !important; width: 140px; z-index: 9; overflow-y: auto; }
.sbOptions li { padding: 0 7px; }
.sbOptions a { border-bottom: solid 1px #eee; display: block; outline: none; padding: 7px 0 7px 3px;font-size: 13px !important; }
.sbOptions a:link,
.sbOptions a:visited { color: #001E3A; text-decoration: none; }
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus { color: #009447; }
.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: #009447; 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: 90px;}
.sbOptions a {padding: 19px 0;}
.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;}


/* JT SHARE */
.jt_share { position: absolute;top: 0; right: 0; font-size: 14px; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic;}
.jt_share > a {height: 49px;width: 58px;vertical-align: middle; position:relative;display: block;float: left;border-left: 1px solid #EDEDED;}
.jt_share > a > span { text-indent: -9999px; display: inline-block; width: 37px;height: 49px;background: no-repeat center -50px;}
#jt_share_facebook span { background-image: url(images/sub/icon_facebook.png);}
#jt_share_twitter span { background-image: url(images/sub/icon_twitter_v2.png);}
#jt_share_kakao, #jt_share_kakao_photo {display: inline-block; vertical-align: middle;width: 58px;height: 49px;background: url(images/sub/icon_story.png) no-repeat center -50px;position: relative;top: 0px;border: 1px solid #ededed;border-width: 0 1px;}
#jt_share_kakao a { width: 100%; height: 100%; display: inline-block;}
#jt_share_kakao img, #jt_share_kakao_photo img { vertical-align: middle; width: 18px; height: 18px; margin: 0 0 0 12px; visibility:hidden}
.jt_share_title { position:relative;top: 2px; background: url(images/sub/icon_share.png) no-repeat 63px bottom; color:#666; display: inline-block; padding-right: 35px; height: 20px; vertical-align: middle;font-family: Georgia;}
.jt_share_title:before{content:""; position:absolute;top: 8px; left: -10px; width:3px; height:3px; background: #66AF3F;}
.jt_share > a:hover span, #jt_share_kakao:hover{ background-position:center 13px}



/* **************************************** *
 * HEADER
 * **************************************** */
#header { height: 90px; 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;}

/* FIXED HEADER */
/*
.admin-bar #header { top: 32px;}
.home #header { height: 110px;}
body{padding-top:160px}
body.home{padding-top:110px}
#header{ position:fixed}

*/

/* ANIMATE ON SCROLL */
/*
.minimize .top_menu { opacity: 0;transition:300ms 0ms;}
#header.minimize {height: 110px;}
.home #header.minimize {height: 60px;}
.minimize #logo{ top:10px}
.minimize .logo_txt{opacity: 0;}
.minimize .logo_img{ width: 55px;}
.minimize .menu_container{top: 15px;}
.home .minimize ul#menu > li > ul{ top:45px}
.minimize ul#menu > li > ul{top: 44px;border-top: 2px solid #66AF3F;}
.minimize ul#menu > li > a{ padding-bottom:16px}
.minimize ul#menu > li > a:after{bottom:10px}
*/

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


/* MENU */
.menu_container { position: absolute; right: -20px;top: 30px; z-index: 850; /*transition: 800ms;*/}
ul#menu a { color: #555555; text-decoration: none; font-size: 16px;font-weight: bold; /*-webkit-transition:500ms; transition:500ms*/}
ul#menu li:hover > a,ul#menu a:hover {color: #009745;}
ul#menu > li > a:after{ left:50%;bottom: 7px; margin-left:-5px; width:10px;height: 4px; content:""; position:absolute; display:block;}
ul#menu > li:hover > a:after{background-color: #009745;margin-left: -33px;width: 70px;}
ul#menu > li,ul#menu > li > a { float: left; display: block; }
ul#menu > li > ul {  display: none; position:absolute;top: 60px;width: 200px; z-index:255;left: 50%;margin-left: -100px;box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16);}
ul#menu li:hover > ul {  display: block;}
ul#menu > li > a {padding: 10px 20px 39px 20px;}
ul#menu li{ position:relative}
ul#menu > li > ul a {background: #fff; display: block;padding: 17px 5px 17px 25px; font-size: 14px;font-weight: 400;clear: both;border-top: 1px solid #edebe4;text-align: left;}
/*ul#menu > li > ul a:hover{ color: #555; background-color: #f5f5f5; }*/
ul#menu > li > ul a:hover {background: #009745;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:hover > a { background: #f5f5f5;} */
/* ul#menu > li > ul > li:hover > a { background: #f5f5f5;} */
ul#menu > li > ul > li:first-child > a{border-top: 1px solid #DAD6C9;}
ul#menu > li > ul > li:first-child > a:hover{border-top: 1px solid #009745;}

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: #414141;clear: both;}
.footer_inner.wrap {padding-top: 30px; padding-bottom: 40px;position: relative;min-height: 173px;}
.footer_inner li, .footer_inner a, .footer_inner span{/* float: left; *//* display: block; */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: #406f49;}
.footer_menu_sitemap a {background-color: #285137;}
.footer_menu li, .footer_menu a { float:left;}
.footer_menu a { padding:10px 15px; margin-right:4px;  border-radius:2px}
.footer_address{padding-top:20px;font-size: inherit;font-weight: inherit;line-height: inherit;clear: both;}
.footer_address b{ color:#eee; font-weight:normal;}
.footer_address span {display: inline-block;padding: 0 6px;}
.footer_address span.address { padding: 0; }
.footer_banner { position: absolute;top: 30px; right: 0;}
.copyright {background: #2b2a2a;padding: 20px 0;color: #919090;font-size: 12px;min-height: 56px;}
.copyright span a { color: #919090; }
.address br, .copyright br { display: none;}


/* **************************************** *
 * MAIN
 * **************************************** */
.visual_btn{ display:block;height: 106px;line-height: 94px;width: 106px;box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.5);text-align: center;font-size: 18px;color: #fff;overflow: hidden;}
.visual_btn span{ font-family: 'arita-buri-m', serif; -ms-transform:rotate(0.01deg); transform:rotate(0.01deg);}

#main_visual, .main_visual_container, #main_visual li, .main_slide_inner, .main_slide_inner .wrap {height: 715px;}
.main_visual_container{ position:relative;}
.main_slide_inner {background: no-repeat center top;}
.main_slide_inner.main_visual_01 {/*background-image: url('images/main/main_visual_bg_03.png');*/ position:relative;}
.main_slide_inner .wrap{ position:relative}
#main_visual li{display: none; width:100%;background: #EEEAE1 url('images/main/main_visual_bg.jpg') repeat center center;overflow: hidden;}
#main_visual li:first-child{ display:block}
#main_visual p { position: absolute;color: #fff;text-align: center;width: 100%;top: 50%;left: 0;margin-top: -110px;}
#main_visual p b { font-size:64px; letter-spacing: -1px; font-family: 'arita-buri-m', serif; line-height:76px; display:block; font-weight: normal;padding-bottom: 30px;}
#main_visual p span{ font-size:17px;}
.main_visual_container a.visual_btn { position: absolute; left: 50%;margin-left: -50px; bottom: 135px; z-index: 400;/* transition: 300ms; */}
.main_visual_container a.visual_btn span{ display:block;height: 106px;line-height: 106px;position: relative;z-index: 9;}
.main_visual_container a.visual_btn:hover{ /* background-color: #E9511C; */ /* border-color: #E9511C; */}

a#main_visual_nav_left,a#main_visual_nav_right { cursor: pointer;display: block; width: 70px; height: 70px; background: no-repeat center center;  position: absolute; top: 50%; margin-top: -35px; z-index: 255;-webkit-transition:500ms; transition:500ms}
a#main_visual_nav_left:hover,a#main_visual_nav_right:hover{background-color:#ccc; background-color:rgba(255,255,255,0.3)}
a#main_visual_nav_left{ left: 2%; background-image: url(images/slideshow_arrow_left.png)}
a#main_visual_nav_right{ right: 2%;  background-image: url(images/slideshow_arrow_right.png)}
#main_visual_nav span { cursor:pointer; display: block; overflow: hidden; text-indent: -9999px; background: #fff; height: 8px; width: 8px; margin-bottom: 18px; transition: 600ms;outline: 0px solid transparent;-webkit-transform: translateZ(0);transform: translateZ(0);}
#main_visual_nav span:hover{ background-color:#E9511C}
#main_visual_nav span.cycle-pager-active { background: transparent; outline: 3px solid #E9511C; }

#main_visual p.main_slide_txt b,
#main_visual p.main_slide_txt span {opacity:0; position:relative;}
#main_visual p.main_slide_txt b{ top:-50px; }
#main_visual p.main_slide_txt span { top:-30px; }

/* ANIMATION */
.leaves { z-index:2; position: absolute; background: transparent no-repeat center center;width: 100px;height: 100px; top:-140px; left:50%}
.leaves span{ display:block; width:100%; height:100%}
/*
.leaves.leaf_01{margin-left: -581px;top: 166px;width: 61px;height: 54px;animation-delay: 2s; }
.leaves.leaf_02{margin-left: -682px;top: 503px;width: 99px;height: 91px;animation-delay: 1s; }
.leaves.leaf_03{margin-left: -292px;top: 202px;width: 76px;height: 61px;animation-delay: 1.5s; }
.leaves.leaf_04{margin-left: -105px;top: 491px;width: 74px;height: 83px;animation-delay: 2s; }
.leaves.leaf_05{margin-left: 10px;top: 88px;width: 50px;height: 46px;animation-delay: 4.1s; }
.leaves.leaf_06{margin-left: 588px;top: 201px;width: 94px;height: 61px;animation-delay: 3s; }
.leaves.leaf_07{margin-left: 463px;top: 597px;width: 175px;height: 133px;animation-delay: 2s; }
*/

.leaves.leaf_01{margin-left: -581px;width: 61px;height: 54px;      -webkit-animation-duration: 10s; -webkit-animation-delay: 0s;  animation-duration: 10s; animation-delay: 0s;  }
.leaves.leaf_02{margin-left: -682px;width: 99px;height: 91px;      -webkit-animation-duration: 25s; -webkit-animation-delay: 15s; animation-duration: 25s; animation-delay: 15s;  }
.leaves.leaf_03{margin-left: -292px;width: 76px;height: 71px;      -webkit-animation-duration: 20s; -webkit-animation-delay: 10s; animation-duration: 20s; animation-delay: 10s; }
.leaves.leaf_04{margin-left: -105px;width: 114px; height: 121px;   -webkit-animation-duration: 10s; -webkit-animation-delay: 5s;  animation-duration: 10s; animation-delay: 5s;  }
.leaves.leaf_05{margin-left: 10px;width: 50px;height: 46px;        -webkit-animation-duration: 20s; -webkit-animation-delay: 2s;  animation-duration: 20s; animation-delay: 2s;  }
.leaves.leaf_06{margin-left: 588px;width: 94px;height: 61px;       -webkit-animation-duration: 25s; -webkit-animation-delay: 8s;  animation-duration: 25s; animation-delay: 8s;  }
.leaves.leaf_07{margin-left: 463px;width: 175px;height: 133px;     -webkit-animation-duration: 10s; -webkit-animation-delay: 1s;  animation-duration: 10s; animation-delay: 1s;  }

.leaves.leaf_01 span{background-image: url('images/main/leaf_01.png');  -webkit-animation-delay: 0s;   animation-delay: 0s;   }
.leaves.leaf_02 span{background-image: url('images/main/leaf_02.png');  -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.leaves.leaf_03 span{background-image: url('images/main/leaf_03.png');  -webkit-animation-delay: 1s;   animation-delay: 1s;   }
.leaves.leaf_04 span{background-image: url('images/main/leaf_04.png');  -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.leaves.leaf_05 span{background-image: url('images/main/leaf_05.png');  -webkit-animation-delay: 1s;   animation-delay: 1s;   }
.leaves.leaf_06 span{background-image: url('images/main/leaf_06.png');  -webkit-animation-delay: 2s;   animation-delay: 2s;   }
.leaves.leaf_07 span{background-image: url('images/main/leaf_07.png');  -webkit-animation-delay: 1s;   animation-delay: 1s;   }

#main_visual .leaves{
    -webkit-transform-origin: center;
    -webkit-animation-name: fall;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    transform-origin: center;
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#main_visual .leaves span{
    -webkit-transform-origin: center;
    -webkit-animation-name: sway;
    -webkit-animation-duration: 8s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    transform-origin: center;
    animation-name: sway;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.main_slide_txt { position: absolute;top: 205px; left: 50%;margin-left: -182px;}
.main_slide_txt_main_01, .main_slide_txt_main_02, .main_slide_txt_sub,.visual_txt_MA,.visual_txt_EUM{ opacity:0} /* prevent images blink on frist load */
.main_slide_txt_main span {/* font-family: 'arita-buri-m', serif; */ font-weight: bold; font-size: 40px; display: block; line-height: 54px;}
span.main_slide_txt_main_02 { margin-left: 40px; }
span.visual_txt_MAEUM { position: absolute; top: 50px; left: 50%;margin-left: 39px;}
.visual_txt_MAEUM span { position: absolute; top: 0; text-indent: -9999px; overflow: hidden; background: transparent no-repeat center center; height: 66px; }
span.visual_txt_MA { left: 0; width: 60px;background-image: url('images/main/visual_txt_MA.png') }
span.visual_txt_EUM {left: 66px; width: 41px;background-image: url('images/main/visual_txt_EUM.png')}
.main_slide_txt_sub {  margin-top: 24px;}
.main_slide_txt_sub span { display: block; text-align: center;  margin-bottom: 6px; /*font-family: "Malgun Gothic","Gulim" sans-serif;*/letter-spacing: -0.03em;}

.people { position: absolute; bottom: -10px; left: 50%; }
.people span { display: block; width: 100%; height: 100%; background: transparent no-repeat center bottom; background-size: 100% 100%; }
.people_01 { width: 486px; height: 478px; margin-left: -525px; }
.people_02 { width: 460px; height: 573px; margin-left: 110px; }
.people_01 span { background-image: url('images/main/main_visual_bg_03_b.png'); }
.people_02 span { background-image: url('images/main/main_visual_bg_03_c.png'); }
.people span{
    -webkit-transform-origin: center bottom;
    -webkit-animation: dance 8s ease-in-out infinite;
    transform-origin: center bottom;
    animation: dance 8s ease-in-out infinite;
}

/*
.people { position: absolute; bottom: -10px; left: 50%;  background: transparent no-repeat center bottom;background-size: contain;}
.people_01 { width: 486px; height: 478px; margin-left: -525px; background-image: url('images/main/main_visual_bg_03_b.png'); }
.people_02 { width: 460px;height: 573px;margin-left: 110px;  background-image: url('images/main/main_visual_bg_03_c.png');}
.people{
    -webkit-transform-origin: center bottom;
    -webkit-animation: dance 8s ease-in-out infinite;
    transform-origin: center bottom;
    animation: dance 8s ease-in-out infinite;
}
*/



.namu{ background: transparent no-repeat center bottom url('images/main/main_visual_bg_03_a.png'); position: absolute;margin-left: -613px;top: -100px; left: 50%; display: block; width: 578px;height: 278px;}
/*.namu{ transform-origin: center top; animation: dance 4s ease-in-out infinite;}*/




/* BOARD */
h2.main_board_title {/* font-family: 'arita-buri-m', serif; */ position:relative;font-size: 23px;border-bottom: 2px solid #08732e;padding-bottom: 17px;}
h2.main_board_title a { display: block; position: absolute;top: 0;right:0;-webkit-transition:background 500ms; transition:color 500ms;color: #444;font-size: 13px;padding: 13px 15px 13px 10px;background: url(images/main/main_more_bg.png) no-repeat right center;}
h2.main_board_title a:hover{color: #08732E;}

.main_board { float: right;padding-top: 80px; width: 710px;}
.main_board { background-color: white; float: left; width: 100%; }
.main_board_list_container {padding-bottom: 110px; overflow: hidden;width: 57.447%;}
.main_board_all_last{ float:right}
.main_board_notice{ float:left}
.main_board_list a { color: #888888; display: block; float: left; width: 100%; font-size: 16px; position: relative;padding: 22px 0; border-top: #fff 1px solid; transition:300ms;border-bottom: 1px solid #dedede;}
.main_board_list a:hover { color: #000;     }
.main_board_list a span { display: block; float: left; width: 340px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;font-size: 14px;}
.main_board_list a time { float: right;font-size: 13px;color: #aaa;}
/*.main_board_list a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 4px; height: 4px; background: #66af3f; }*/

/* QUICK MENU */
.main_quick_container {width: 37.235%; float: right;}
.main_quick_container h2 { font-size: 17px; font-family: "Malgun Gothic", "Gulim", sans-serif; padding-bottom: 7px; }
.main_quick_container li a {padding: 20px 10px 14px 10px; display: block; border-bottom: 1px solid #dedede; position: relative;}
.main_quick_icon { position: absolute; width: 64px; height: 64px; background: #F2EFE6 repeat center center;border-radius: 2px;}
.main_quick_01 .main_quick_icon{ background-image:url(images/main/quick_01.jpg)}
.main_quick_02 .main_quick_icon{ background-image:url(images/main/quick_02.jpg)}
.main_quick_03 .main_quick_icon{ background-image:url(images/main/quick_03_2.jpg)}
.main_quick_04 .main_quick_icon{ background-image:url(images/main/quick_04.jpg)}
.main_quick_05 .main_quick_icon{ background-image:url(images/main/quick_05.jpg)}

.main_quick_container li.main_quick_04 a {border-bottom: none;}
.main_quick_container li.main_quick_05 a {padding: 20px 10px 34px 10px;}

.main_quick_content { padding-left: 80px; position: relative; top: -4px; }
.main_quick_01 .main_quick_content p {font-size: 28px; padding-bottom: 12px;color: #969696;letter-spacing: -0.08em;}
.main_quick_01 .main_quick_content h2 { padding-bottom: 15px;}
.main_quick_content p { font-size: 13px; line-height: 20px; }
.main_quick_container ul { position: relative; top: -15px; }
.main_quick_more { position: absolute;top: 42px; display: block; right: 0; z-index: 3; width: 14px; height: 14px;}
.main_quick_more span { position: absolute; display: block; width: 4px; height: 14px; background: #cacfc2; left: 5px; top: 0; -webkit-transition:500ms;transition:500ms }
.main_quick_more span:first-child { width: 14px; height: 4px; top: 5px; left: 0; }
.main_quick_container li a:hover span { background: #ed5728; }


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

/* GENERAL */
.title_container { position: relative;}
.title_container h1 {text-align: center;}

/* SUBTOP BANNER*/
.subtop {height: 169px;background: #F2EEE5 url(images/pattern.jpg) repeat center center;position: relative;overflow: hidden;}
.parent_title {position: relative;z-index: 99;line-height: 169px; font-size: 42px;font-weight: 600; color: #222;/* font-family: 'arita-buri-m',serif; */}
#sub_banner_visual { width: 590px; height: 390px;background: transparent url(images/sub/banner_logo.png) no-repeat center center; position: absolute;top: -134px; left: 50%;margin-left: -50px;}

/* SUB NAV */
.location_nav_bar_container { float: left; width: 100%; border-bottom: 1px solid #ededed;}
.location_nav_bar{text-align: center; position:relative;}
.location_nav_bar .go-home{background: #FFFFFF url(images/home_icon.png) center center no-repeat; display: block; width: 52px; line-height: 48px; color: #a3a4a1; font-size: 15px;border-left: 1px solid #e3e3e3;text-indent: -9999em;overflow: hidden;}
.location_nav_bar > *{overflow: hidden; float: left; height: 48px; overflow: hidden; margin: 0; padding: 0;}
.location_nav_bar .lnb-depth{ position: relative; z-index: 200;}
.location_nav_bar .lnb-depth:hover{overflow: visible;}
.location_nav_bar .lnb-depth li{height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: none;}
.location_nav_bar .lnb-depth li:first-child{ display:block}
.location_nav_bar .lnb-depth li a{-webkit-transition:background-color 300ms;transition:background-color 300ms;  display: block;  background: #FFFFFF url(images/sub/mini_arrow_right.png) no-repeat 90% -300px; font-weight: normal; font-size: 14px; text-align: left; padding: 15px 40px 16px 20px; color: #555;border: 1px solid #E3E3E3;border-bottom: none;}
.location_nav_bar .lnb-depth li a:hover{ color: #66af3f; background-position: 90% center;background-position: calc(100% - 20px) 50%;background-color:#f3f3f3}
ul.lnb-depth.lnb-depth1 li:first-child a:hover { border-left-width: 1px;}
.location_nav_bar .lnb-depth li:last-child a{border-bottom: 1px solid #e3e3e3;}
.location_nav_bar .lnb-depth{min-width: 142px;}
.location_nav_bar .lnb-depth2,.location_nav_bar .lnb-depth3{position: relative;}
.location_nav_bar > ul > li:first-child a,
.location_nav_bar > ul > li:first-child a:hover{background-color:transparent; color: #555555;border-right: 1px solid #e3e3e3;border-width: 0; font-size: 15px;}
.location_nav_bar .lnb-depth1 li:first-child a{border-left: 1px solid #e3e3e3;}
.location_nav_bar .lnb-depth li:first-child a {background: #FFFFFF url(images/arrow_breadcrumb.png) no-repeat 90% 50%;background-position: calc(100% - 16px) 50%;font-weight: 600;}
.location_nav_bar .lnb-depth2 li:first-child a{ background-image:none}
.location_nav_bar .lnb-depth { min-width: inherit;}
.location_nav_bar .lnb-depth2 li:first-child a { padding-left: 0;}
/*
.location_nav_bar .lnb-depth li:first-child a {background: #FFFFFF url(images/sub/mini_arrow_down.png) no-repeat 90% 50%;background-position: calc(100% - 20px) 50%;font-weight: 600;}
*/

/* fix breadcrumb */
/*
.fix_breadcrumb .subtop { position: fixed; top: 0; height: 51px;}
.admin-bar.fix_breadcrumb .subtop{top:32px}
*/

/*GOTOP */
.go_top {top: -49px; right: 0; z-index: 800; height: 49px; width: 60px; display: none; position: absolute; text-indent: -9999px; overflow: hidden; z-index: 1; -webkit-transition: background 500ms; transition: background 500ms;}
.go_top {background: #777 url('images/page_top_btn.jpg') center center no-repeat;background: url('images/page_top_btn_text.png') center center no-repeat, url('images/page_top_btn_arrow.png') center center no-repeat,   #777;}
.go_top:hover { background-position: center center, center -5px; background-color: #3E821A; }



/* **************************************** *
 * 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-family: "NanumGothic","Gulim", sans-serif; 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; }


/* **************************************** *
 * PRIVACY POLICY / TERM OF USE
 * **************************************** */
.privacy h2{font-size: 20px; color: #444;line-height: 1.5; letter-spacing: -0.6px;font-family: NanumGothic;}
.privacy h3{margin-bottom:5px;font-size:15px;letter-spacing:-0.7px;color:#069edb;}
.privacy h4{margin:0;margin-bottom:5px;font-size:15px;letter-spacing:-0.7px;color:#666}
.privacy p{ font-weight:normal;color:#666;font-size: 16px;margin-bottom: 15px;}
.privacy .privacy_list_1depth p{margin-bottom:0px;}
.privacy i.circle{font-style:normal;}

.privacy .privacy_list_1depth{ margin-bottom:20px}
.privacy ol{list-style-position:inside;}

.privacy ul{list-style-position:inside;list-style:none;font-weight:normal;}
.privacy ul,.privacy ol{color:#666;}
.privacy ul:after{content:"";clear:both;display:block;}
.privacy ul li{margin-top:0px !important;position: relative;padding-left: 30px;}

.privacy ul.ul-depth-1{margin-top:10px;}
.privacy ul.ul-depth-1 li p{padding-left:12px;}
.privacy ul.ul-depth-2{padding-left:18px;}
.privacy ul.ul-depth-2 li p{padding-left:12px;}

.privacy_intro { padding: 30px; margin-top: 40px; border: 1px solid #ddd; border-top: 2px solid #66AF3F;  margin-bottom: 40px;}
.privacy .privacy_part_inner{ margin:30px 0}
.privacy_header { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.privacy_part { padding: 15px 0; }
.privacy_part b { color: #66AF3F; font-weight: bold; }
ol.privacy_list li { padding-left: 0; list-style-position: outside;margin-left: 30px;}
.privacy .privacy_list.privacy_list_1depth > li:before { content: "";font-size: 14px;margin-top: 6px;}

.privacy .privacy_list > li > p{padding-left:18px;}
.privacy .privacy_list > li:before{display:block;float:left;margin-right:6px;margin-top: 5px;}
.privacy .privacy_list > li:first-child:before{content:"1)";}
.privacy .privacy_list > li:first-child + li:before{content:"2)";}
.privacy .privacy_list > li:first-child + li + li:before{content:"3)";}
.privacy .privacy_list > li:first-child + li + li + li:before{content:"4)";}
.privacy .privacy_list > li:first-child + li + li + li + li:before{content:"5)";}
.privacy .privacy_list > li:first-child + li + li + li + li + li:before{content:"6)";}

.terms.privacy .privacy_list.privacy_list_1depth > li:before { display:none}
.terms.privacy { margin-top: 50px;}



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



/* **************************************** *
 * 404
 * **************************************** */
#error_404 {padding-top:128px;}
#error_404 figure {float:left; width:320px;}
#error_404 img {width: 100%; max-width: 320px;}
#error_404 .error_404_content {float:left; width:65%; padding: 0 0 0 78px;}
#error_404 h1 { position:relative; border-bottom: none; font-size: 60px; color: #333333; line-height: 30px; padding: 8px 0 12px 0;}
#error_404 h1:after{content:""; z-index: 1; position:absolute; display:block; width:295px; height:6px; background: #c2d94e;}
#error_404 h1 span{z-index:2; position:relative; font-family:'arita-buri-m';}
#error_404 hr {border:0; height: 2px; width:30px; margin: 28px 0 4px 0; background:#c2d94e;}
#error_404 h4 { font-size: 20px; font-weight:300; color:#333333;line-height: 30px;padding: 20px 0 12px;}
#error_404 p { color: #969696; text-align: left; font-size: 14px; font-weight:300; color: #777777; line-height: 2;}
#error_404 nav { text-align: left; font-size:14px; padding: 44px 0 0 0;}
#error_404 nav a{ display:inline-block; padding: 12px 45px 12px 45px; background: #66af3f; color:#fff; margin:0;}



/* **************************************** *
 * GO TO TOP
 * **************************************** */
.copyright .page_top_box {  display: block; float: right; position: fixed; right: 10px; bottom: 50px; z-index: 800; height: 50px;  width: 53px; background: url('images/btn/page_top_btn.jpg');background-repeat: no-repeat;background-color: #888; opacity:0;cursor: pointer; }
.copyright .page_top_box.show {  opacity: 1; right: 30px;}
.page_top_box.reach_bottom{bottom: 167px;}
.copyright .page_top_box { z-index: 300;}
.copyright .page_top_box {-webkit-transition: 500ms;transition: 500ms;background: url('images/btn/page_top_btn.jpg');background: url('images/btn/page_top_btn_text.png') center center no-repeat,url('images/btn/page_top_btn_arrow.png') center center no-repeat, #e9521d;}
.copyright .page_top_box:hover { background-position: center center , center -5px; background-color: #D43700;}



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

/* 회원가입 - 로그인 - 버튼 */
.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;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;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_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;transition: all 0.1s ease;cursor:pointer;}
.lost_username input[type=submit]:hover{border: 1px solid #85bf65;background: #85bf65;}

/* 회원가입 - 비밀번호찾기  - TML reset*/
.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;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;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;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;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;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;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;transition: all 0.1s ease;cursor:pointer;}
.registered_box a:hover{color: #555;background: #f0f0f0;}

/* 프로파일 - TML reset*/
.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;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;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;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;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% {   transform: translate3d(20px,0,0) rotate(25deg);  }
	50% {  transform: translate3d(-50px,0,0) rotate(-40deg);}
	100% { transform: translate3d(20px,0,0) rotate(25deg);  }
}

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

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


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

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

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





/* **************************************** *
 * MEDIAQUERIES
 * **************************************** */
@media (min-width:1920px){
    .about_wlb_01_a,#about_wlb_03 { background-size: cover;}
    .about_wlb_01_list .about_wlb_01_list_b h4 span, .about_wlb_01_list .about_wlb_01_list_b p {color: #c8c8c8;}
}

@media (max-width:1150px){
    #menu > li:last-child > ul{left: inherit; right: 0;}
}

@media (max-width:1000px){
    .wrap{padding:0 5%}
    .menu_container {right: 20px;}
}

@media (max-width:940px){
    #header { height: 150px;}
    #logo { left: 50%; margin-left: -101px; }
    .menu_container {  top: 95px; right: auto; left: 3%; width: 94%; border-top: #dedede 1px solid; }
    ul#menu{ text-align:center}
    ul#menu > li {  /* width: 16.66666%; */padding: 0 3%; display: inline-block;  float: none; }
    ul#menu > li > a { width: 100%; text-align: center;padding: 18px 0 24px 0;}
    ul#menu > li > ul { top: 54px;}
    #menu > li:last-child > ul { left: 50%;}
    ul#menu > li > a:after{bottom: 7px;}
    .tml-lostpassword input[type=text] { width: 170px;}
}

@media (max-width:900px){
    .body_container { position: relative;min-height: calc(100% - 597px);}
    .main_board { padding-top: 20px;  z-index: 99;}
    .main_quick_container { float: none;  width: 100%;}
    .main_board_notice {float: none; width: 100%;  padding-bottom: 0;}
    .main_board_list > ul > li:last-child { display: none;}
    footer#footer { text-align: center;}
    .footer_banner { display: none;}
    .footer_menu a { width: 140px;}
    ul.footer_menu { width: 289px; height: 10px; margin: auto;}
    .main_visual_container { height: auto;}
    .main_board_inner.wrap { padding-top: 10px;}
    h2.main_board_title a { top: 0px;  border: 1px solid #dedede; padding: 8px 20px 8px 10px; border-radius: 2px; background-position: calc(100% - 8px) center;}
    .main_board_list a time{ position:absolute; right:0; top:24px;}
    .main_board_list a span { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .main_board_list a { padding-right: 90px;}
    .main_quick_container { width: 100%; clear: both; margin-top: 40px; background: #f5f5f5;  padding-bottom: 0; margin-bottom: 60px;}
    .main_quick_container li { float: left; width: 20%;}
    .main_quick_content p { display: none;}
    .main_quick_container ul { top: 0;}
    .main_quick_container h2 { padding-bottom: 0; padding-top: 24px; font-size: 14px;}
    .main_quick_container li a, .main_quick_container li.main_quick_04 a {border-bottom: 1px solid #dedede;border-top: 1px solid #dedede;border-right: 1px solid #dedede;box-sizing: content-box;height: 64px;}
    .main_quick_container li a, .main_quick_container li.main_quick_05 a {padding: 17px 10px;}
    .main_quick_content {padding-left: 75px;}
    .main_quick_more { right: 15px; display:none;}
    .main_quick_container li:first-child a { border-left: 1px solid #dedede;}
    .main_quick_01 .main_quick_content h2 {padding-bottom: 0;}
}

@media (max-width:730px){

    /* SMALL SCREEN USE DEFAULT FONT */
    body{font-family: sans-serif;}

    /* REMOVE ADMIN BAR  */
    #wpadminbar{ display:none;}
    html[lang="ko"] {margin-top: 0px !important;}


    /* MENU */
    .menu_container { position: fixed; top: 0; left: 0; bottom: 0; z-index: 555; width: 320px; background: #414141; -webkit-transform: translateX(-100%);transform: translateX(-100%);}
    ul#menu > li { display: block; float: none; clear: both; padding:0 }
    ul#menu > li > a { position:relative; text-align: left; color: #fff;border-bottom: 1px solid #545453;padding-left: 25px;}
    ul#menu > li > a:before{width: 7px; height:5px; content:""; background: url(images/sub/mini_arrow_down.png) no-repeat center center; position:absolute;top: 30px;bottom: auto;right:30px;position: absolute;left: auto;}
    ul#menu li.active > a:before{transform:rotate(180deg);top: 28px}
    ul#menu li:hover > a, ul#menu a:hover, ul#menu li.active > a { color: #ADABA5;}
    ul#menu > li:first-child > ul {left: 0;}
    ul#menu > li:hover > a:after { display: none; }
    ul#menu > li > ul, ul#menu > li:hover > ul { position: inherit;display: none; margin: 0; left: 0; box-shadow: none; top: 0; width: 100%; clear: both; background: #676663;}
    ul#menu > li > ul a { background: none; border: none; color: #eee;padding-left: 45px;font-size: 15px; }
    ul#menu > li > ul > li:first-child > a,ul#menu > li > ul > li:first-child > a:hover { border-top: none; }
    ul#menu > li > ul a:hover{background: #7D7D7A;}
    #menu > li:last-child > ul { left: 0; }
    ul#menu { height: 100%; position: absolute; width: 100%; overflow: auto; padding-left:35px }
    header#header { height: 94px; }
    #small_menu_btn { cursor:pointer; width: 40px; height: 40px; position: absolute;top: 50%; left: 5%;margin-top: -20px;}
    #small_menu_btn span, #small_menu_btn:before, #small_menu_btn:after {border-radius: 2px; width: 23px; height: 3px; content: "";width: 23px;height: 3px; background: #414141;left: 8px;position: absolute;}
    #small_menu_btn span{top: 13px;}
    #small_menu_btn:before{top: 19px;}
    #small_menu_btn:after {top: 25px;}
    #small_menu_overlay { z-index: 444; position: fixed; top: 0;  left: 0; bottom: 0; right: 0;  background: rgba(255, 255, 255, 0.85); display:none;}
    #small_menu_close { border-radius:2px; display:block; cursor:pointer; z-index: 450;position: fixed; width: 30px; height: 30px; line-height: 30px; text-align: center;     background: #333 url(images/menu_close_btn.png) no-repeat center center; background-size: 12px auto; color: #fff; font-size: 24px; left: -30px;top: 20px;}

    /* SUBPAGE */
    .title_container{ display:none;}
    .page-id-14 .content_container,.page-id-8 .content_container,.page-id-26 .content_container,.page-id-47 .content_container,.page-id-52 .content_container, .page-id-24 .content_container{padding-top: 40px;}
    .jt_share{ display:none}
    #sub_banner_visual {width: 315px;height: 315px; background-size: contain;margin-left: 30px; top: -104px;}

    .location_nav_bar .go-home{ display:none}
    .location_nav_bar .lnb-depth1 {display: none;}

    .lnb-depth2 { min-width: auto; width: 100%; }
    .location_nav_bar .lnb-depth li{ display:block}
    .location_nav_bar .lnb-depth li:first-child a {background-image: url(images/sub/mini_arrow_down.png);}
    .location_nav_bar .lnb-depth:hover {overflow: hidden;}
    .location_nav_bar.wrap { padding: 0; }
    .location_nav_bar > ul > li:first-child a, .location_nav_bar > ul > li:first-child a:hover { border-right: none; text-align: center; font-size: 27px; font-size: 24px; font-weight: 600; color: #222;/* font-family: 'arita-buri-m', serif; */ display: inline-block;}
    .location_nav_bar .lnb-depth li a:hover:not(:first-child){ background-image: none;}
    .location_nav_bar > *,.location_nav_bar .lnb-depth li { height: 68px; }
    .location_nav_bar .lnb-depth li a { padding: 0; height: 100%; line-height: 68px; text-align: center; font-size: 18px; font-weight: 600;/* font-family: 'arita-buri-m', serif; */ color:#222; border-right:none}
    .parent_title { font-size: 32px; line-height: 120px; }
    .subtop { height: 120px }
    .location_nav_bar .lnb-depth li:first-child a {  background-position: right 50%; padding: 0 25px;}
    .page-id-4 .content_container{ padding-top:0;}

    /* FOOTER */
    span.address_separator {display: none;}
    .address_email {  display: block;width: 185px;margin: 1px auto;padding: 0;border-bottom: 1px solid #999; border-radius: 2px;}
    .address_phone {/* padding: 8px 15px; */ display: inline-block;border-bottom: 1px solid #999;margin-bottom: 6px;border-radius: 2px;}
    .address_phone:first-child{ margin-right:10px; position:relative;}
    .address_phone:first-child:after{ content:"|"; position:absolute;right:-14px}
    .address_phone:nth-child(3){ margin-left:10px}
    .address_mobile{ margin-right:10px; position:relative;}
    .address_mobile:after{ content:"|"; position:absolute;right:-14px}
    .address_fax { margin-left:10px;}
    .address{ display:block;margin-bottom: 7px;}
    .address br, .copyright br { display: block;}
    .copyright span{line-height: 20px;}

     /* QUICK MENU */
    .main_quick_more { display: none; }
    .main_quick_icon { position: inherit; margin: auto; }
    .main_quick_container li:first-child a,
    .main_quick_container li a,
    .main_quick_container li.main_quick_04 a {  height: auto; border: 0px; }
    .main_quick_content { padding: 0; text-align: center; }
    .main_quick_container h2 { font-size: 12px; padding-top: 10px; }
    .main_quick_container {margin-bottom: 0; }
    .main_board_inner.wrap { padding-left: 0; padding-right: 0; }
    .main_board_notice { padding-left: 5%; padding-right: 5%; }

    /* TML STYLE */
    .page-id-82 .title_container,.page-id-85 .title_container{ display:block}
    .login_form .cols-01 input { width: 100%; }
    .login_form .rows-01 > .cols-01 { width: 100%; padding-right: 140px; margin-right: 0; }
    .login_form .rows-01 { width: 100%; position: relative; }
    .cols.cols-02.login-submit { position: absolute; right: 0; top: 0; }
    .login_form { padding-left: 5%; padding-right: 5%; overflow: inherit; float: left; width: 90%; }
    .login_form .login_form_inner { width: 100%; }
    .login_form .rows-02 > .cols-01 { width: auto; }
    .login_form .rows-02 > .cols-02 { float: right; width: auto; }
    .login_form .rows-02 { width: 100%;}
    .tml-lostpassword p { display: block;}
    .tml-lostpassword { padding: 83px 10%;}
    .tml-lostpassword label {  padding-bottom: 10px;}
    .tml-lostpassword input[type=text] { width: 100%; margin: 0; margin-bottom: 10px;}

}

@media (max-width:540px){
    .login_form .rows-01 > .cols-01 { padding-right: 0; }
    .cols.cols-02.login-submit { position: inherit; width: 100%; margin-top: 10px; }
    .login_form input[type=submit] { width: 100%; height: 45px; text-align: center; }
    .login_form .rows-02 > .cols-01 { width: 100%; text-align: center; }
    .login_form .rows-02 > .cols li:last-child { display: inline-block; font-size:12px }
    .login_form a { width: 100%; float: none; margin: 0; display: block; }
    .login_form .rows-02 > .cols.lost_box_right li:last-child{ width:100%}
    .login_form .rows-02 > .cols-02 { width: 100%;}
    .tml-lostpassword input[type=submit] { width: 100%;}
}

@media (max-width:480px){
    #logo img { width: 160px;}
    #logo { margin-left: -75px; top: 10px;}
    #small_menu_btn { margin-top: -20px;}
    header#header { height: 65px;}
    .main_slide_txt {top: 180px;margin-left: -210px;-webkit-transform: scale(1.4);transform: scale(1.4); z-index: 2;}
    .people { bottom: -100px;}
    .namu { top: -145px;}
    .login_form .rows-02 > .cols-01 li:before{ display:none;}
    .login_form .rows-02{ padding-top:0}

    .main_quick_icon {width: 54px;height: 54px;background-size: cover;}
}

@media (max-width:360px){
    h2.main_board_title a { top: 380px; right: auto; left: 0; width: 100%; background: #f5f5f5; padding-top: 10px; padding-bottom: 10px;}
    .main_board_notice.main_board_list_container { padding-bottom: 90px;}
    h2.main_board_title { text-align: center; font-size: 20px; padding-bottom: 15px;}
    .main_board {padding-top: 5px;}
    .main_board_list a{ padding: 16px 0;padding-right: 34px;background: url(images/slideshow_arrow_right_gray.png) calc(100% - 12px) center no-repeat;background-size: 8px;}
    .main_board_list a time{display:none}
    .main_board_notice.main_board_list_container { padding-left: 3%; padding-right: 3%; }
    .main_quick_container { margin-top: 10px;}
    .main_quick_icon {width: 44px;height: 44px;}
}