@charset "utf-8";
/*
Theme Name: KLN
Description: KLN THEME
Author: css3studio
Version:1.0
*/

/* Font */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);


/* Common */
body,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,a{margin:0;padding:0;font-family:'NanumGothic', serif;font-size:14px;color:#000;line-height:20px}
header,nav,article,section,footer,address,aside{display: block}
img,fieldset{border:0}
ul,ol,menu{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#111}
a:hover,a:active,a:focus{text-decoration:underline}

/* Layout */
#main_wrap{position:relative}
#skip_contents{width:100%;}
#skip-link a{display:block;width:100%;height:40px;line-height:40px;text-align:center;position:absolute;top:-40px;left:0;background:#fff;font-size:14px;font-weight:bold;z-index:50}
#skip-link a:focus{top:0}

.uiA .tc02 em{font-style:italic;}

.inner{position:relative;margin:0 auto}
#main_wrap .ng01{display:none}
header{height:60px}
header.hd02 .inner,
header.hd03 .inner{height:60px;border-bottom:1px solid #000}
header.hd03_01{background-color:#f3eeea}
header.hd03_01 .cf01 input{background-color:#f3eeea}

header.hd01 .lg01{position:absolute;top:17px;left:24px;z-index:10}
header.hd01 .lg01 a{display:block;width:316px;height:163px;background:url(../images/logo.png) no-repeat 0 0;text-indent:-9999px;background-size: cover;}
header.hd02 .lg01{position:absolute;top:17px;left:0;z-index:10}
header.hd02 .lg01 a{display:block;width:333px;height:29px;background:url(../images/logo.png) no-repeat 0 0;text-indent:-9999px;background-size: cover;}
header.hd03 .lg01{position:absolute;top:17px;left:50%;margin-left:-181px;z-index:10}

header.hd03 .inner.scrolling{display:none}

.scrolling header.hd01{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:10}
.scrolling .fc01 .leftA{position:fixed;top:60px;left:50%;margin-left:-682.5px}
.scrolling .fc01 .rightA{position:fixed;top:87px;left:50%;margin-left:468.5px}
.scrolling .fc01 .centerA{padding-top:87px}

.scrolling header.hd03{position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:10}
.scrolling header.hd03 .inner.inTop{display:none}
.scrolling header.hd03 .inner.scrolling{display:block}
.scrolling header.hd03 .td02{position:absolute;top:17px;left:0}
.scrolling header.hd03 .td02 a{font-size:24px}
.scrolling header.hd03 .ng05{position:absolute;top:15px;right:80px}
.scrolling .fc03{padding:60px 0 70px}

header nav{position:absolute;top:0px;right:10px;padding-top:12px;width:764px;height:43px;overflow:hidden}
header.hd01 nav{border-bottom:1px solid #000}
header menu{}
header menu li{float:left;margin-right:30px;position:relative}
header menu li a{display:block;font-size:18px;font-weight:bold;color:#000;text-transform:uppercase;font-family:Roboto;font-weight:600}
header menu li.on a{color:#ff0000}
header menu li a:hover{text-decoration:none;color:#ff0000}
header .cf01{position:absolute;top:20px;right:50px}
header .btn01{position:absolute;top:13px;right:0}

footer{overflow:hidden;padding-top:30px;}
footer .headA{overflow:hidden;padding-bottom:40px}
footer .headA .lg02{float:left;width:600px}
footer .headA .cf02{float:left;width:760px}
footer .bottomA{background-color:#4d4d4d;overflow:hidden;padding:10px}
footer .bottomA address{float:left;width:600px;font-size:13px;color:#cacaca;font-family:Roboto;font-weight:300}
footer .bottomA .ng02{float:left;margin:0 30px 0 0}
footer .bottomA .ng03{float:left;margin:0 0 0 0;position:relative;top:2px}

/* frameset */
.fc01{position:relative;padding-bottom:50px}
.fc01 .inner{overflow:hidden}
.fc01 .leftA{width:570px;position:absolute;left:0;top:0}
.fc01 .centerA{width:530px;margin-left:600px;padding:27px 20px 0 0;overflow:hidden}
.fc01 .rightA{width:194px;padding-left:19px;position:absolute;right:0;top:27px;border-left:1px solid #b7b7b7}

.fc02{padding:30px 0 70px;overflow:hidden}

.fc03{padding:0 0 70px;overflow:hidden}

.fc04{padding:65px 0 100px;overflow:hidden}
.fc04 .navA{margin-bottom:55px}
.fc04 .th04{float:left;width:260px}
.fc04 .contentA{margin:0 auto;}
.fc04 .contentA h2{font-size:32px;line-height:40px}
.fc04 .contentA h3{font-size:24px;line-height:32px}
.fc04 .contentA h4{font-size:20px;line-height:32px;font-family:Roboto;font-weight:600}
.fc04 .contentA p{font-size:20px;line-height:30px;margin-bottom:40px}
.fc04 .contentA p a{font-size:20px;color:#ff0000}
.fc04 .contentA p i{font-size:20px;font-style:italic}
.fc04 .contentA p em{display:block;margin-left:40px;padding-left:15px;position:relative}
.fc04 .contentA p em i{position:absolute;top:8px;left:0}
.fc04 .mediaA{width:840px;margin:0 auto 50px}
.fc04_01 .contentA{width:488px}
/* objects */
.btn01{width:32px;height:32px;background:url(../images/icon-menupie1.png) no-repeat center center;text-indent:-9999px}

.cf01 label{display:none}
.cf01 input{border:none;width:70px;height:20px;float:left;font-size:16px}
.cf01 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a1a1a1;font-size:16px;font-style:italic
}
.cf01 input::-moz-placeholder { /* Firefox 19+ */
  color: #a1a1a1;font-size:18px;font-style:italic
}
.cf01 input:-ms-input-placeholder { /* IE 10+ */
  color: #a1a1a1;font-size:16px;font-style:italic
}
.cf01 input:-moz-placeholder { /* Firefox 18- */
  color: #a1a1a1;font-size:16px;font-style:italic
}
.cf01 button{width:20px;height:20px;border:none;background:url(../images/btn_search01.png) no-repeat 0 0;text-indent:-9999px;cursor:pointer}

.cf01_p{display:none;position:fixed;width:100%;left:0;top:0;bottom:0;z-index:100;background-color:#fff;box-sizing:border-box;padding:30px}
.cf01_p form{position:absolute;top:50%;left:50%;width:70%;margin-left:-35%;margin-top:-10px}
.cf01_p form fieldset{border-bottom:1px solid #dedede;padding-bottom:5px;margin-bottom:5px}
.cf01_p form label{display:none}
.cf01_p form input{float:left;border:none;width:90%;height:35px;float:left;font-size:30px}
.cf01_p form button{float:right;width:24px;height:24px;border:none;background:url(../images/m_btn_search01.png) no-repeat 0 0;background-size:cover;text-indent:-9999px;cursor:pointer}
.cf01_p form .error{color:#ff9900}
.cf01_p form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a3a3a3;font-size:30px
}
.cf01_p form fieldset input::-moz-placeholder { /* Firefox 19+ */
  color: #a3a3a3;font-size:30px
}
.cf01_p form fieldset input:-ms-input-placeholder { /* IE 10+ */
  color: #a3a3a3;font-size:30px
}
.cf01_p form fieldset input:-moz-placeholder { /* Firefox 18- */
  color: #a3a3a3;font-size:30px
}
.cf01_p .close{position:absolute;right:30px;top:30px;display:block;width:20px;height:20px;background:url(../images/btn_close.jpg) no-repeat center center;text-indent:-9999px}


.cf02{overflow:hidden}
.cf02 .info{float:left;width:390px}
.cf02 .info dt{color:#fff;font-size:16px;font-family:Roboto;font-weight:400;margin-bottom:15px}
.cf02 .info dd{font-size:22px;color:#7eccc7;font-weight:300}
.cf02 form{float:right;margin-top:55px;width:310px;height:37px;padding:10px 0;border-top:1px solid #888;border-bottom:1px solid #888}
.cf02 form label{display:none}
.cf02 form input{float:left;width:220px;height:37px;border:none;background:none;text-indent:5px;color:#fff}
.cf02 form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;font-size:16px;font-style:italic
}
.cf02 form input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;font-size:18px;font-style:italic
}
.cf02 form input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;font-size:16px;font-style:italic
}
.cf02 form input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;font-size:16px;font-style:italic
}
.cf02 form button{float:left;width:83px;height:37px;border:none;background-color:#569f9b;color:#fff;font-size:14px;font-family:Roboto;cursor:pointer}

.cf03{margin-bottom:50px}
.cf03 dl{margin-bottom:40px}
.cf03 dl dt{margin-bottom:10px}
.cf03 dl dt label{font-size:16px;font-family:Roboto;font-weight:600}
.cf03 dl dt em{color:#ff0000;margin-left:5px}
.cf03 dl dt span{font-size:12px;color:#c4b2a4;margin-left:20px;font-family:Roboto}
.cf03 dl dd input[type=text],
.cf03 dl dd input[type=email],
.cf03 dl dd input[type=password]{border:none;border-bottom:1px solid #c4b2a4;font-size:16px;height:35px;background-color:#f3eeea}
.cf03 dl dd input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.cf03 dl dd input::-moz-placeholder { /* Firefox 19+ */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.cf03 dl dd input:-ms-input-placeholder { /* IE 10+ */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.cf03 dl dd input:-moz-placeholder { /* Firefox 18- */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.cf03 dl dd textarea{border:1px solid #c4b2a4;width:100%;font-size:16px;height:250px;background-color:#f3eeea;padding:15px;box-sizing:border-box}
.cf03 dl.category dd input{margin-right:10px;background-color:#f3eeea}
.cf03 dl.category dd label{margin-right:30px;font-size:16px;font-family:Roboto}
.cf03 dl.name dd input#contact_name_first{width:20%;margin-right:1%}
.cf03 dl.name dd input#contact_name_second{width:78%}
.cf03 dl.name dd input#subscribe_name_first{width:20%;margin-right:1%}
.cf03 dl.name dd input#subscribe_name_second{width:78%}
.cf03 dl.originName dd input{width:100%}
.cf03 dl.address dd input#subscribe_address_street{width:100%}
.cf03 dl.address dd input#subscribe_address_street2{width:100%}
.cf03 dl.address dd input#subscribe_address_city{width:32%;margin-right:1%}
.cf03 dl.address dd input#subscribe_address_state{width:32%;margin-right:1%}
.cf03 dl.address dd input#subscribe_address_postcode{width:32%}
.cf03 dl.address dd .ui-selectmenu-button{margin-top:20px}
.cf03 dl.phone dd input#subscribe_phone_code{width:20%;margin-right:10px}
.cf03 dl.email dd input{width:100%}
.cf03 dl.code dd .thumb{width:180px;height:60px;overflow:hidden;margin-bottom:10px}
.cf03 dl.code dd .thumb img{width:180px;min-height:60px}
.cf03 dl.code dd input{width:300px}
.cf03 .btnA button{height:32px;line-height:32px;font-size:16px;color:#fff;border:none;background-color:#a07b5e;padding:0 15px;border-radius:3px;cursor:pointer;font-family:Roboto}
.cf03 .btnA div.error{display:none;position:relative;top:-32px;border:1px solid #c4b841;background-color:#fff69e;padding:20px;font-size:16px;font-family:Roboto;font-weight:bold}
.cf03 .btnA div.error label.error{display:block}
.cf03 .btnA.error button{display:none}
.cf03 .btnA.error .error{display:block}
.cf03 dl dd input.error{border-color:#ff0000;background-color:#fff}
.cf03 dl dd textarea.error{border-color:#ff0000;background-color:#fff}
.cf03 dl dd label.error{color:#ff0000;display:block}

.cf03 dl.connect dt{margin-bottom:25px}
.cf03 dl.connect ul{overflow:hidden}
.cf03 dl.connect li{float:left;margin-right:16px}
.cf03 dl.connect li.gp{margin-right:0}
.cf03 dl.connect li a{display:block;width:150px;height:30px;border:1px solid #a07b5e;color:#a07b5e;overflow:hidden;border-radius:15px}
.cf03 dl.connect li a span{width:40px;height:30px;line-height:35px;float:left;text-align:center;border-right:1px solid #a07b5e;text-indent:5px}
.cf03 dl.connect li a span i{font-size:20px}
.cf03 dl.connect li a em{width:109px;height:30px;line-height:30px;float:left;text-align:center;font-size:16px;font-family:Roboto;font-weight:300}
.cf03 dl.connect li.fb a:hover{background-color:#3b5998;border-color:#3b5998;color:#fff}
.cf03 dl.connect li.tw a:hover{background-color:#55acee;border-color:#55acee;color:#fff}
.cf03 dl.connect li.gp a:hover{background-color:#dd4b39;border-color:#dd4b39;color:#fff}
.cf03 dl.connect li a:hover span{border-color:#fff}

.cf03 dl.password dd{overflow:hidden}
.cf03 dl.password dd input{width:45%;float:left}
.cf03 dl.password dd .etc02{width:50%;float:right}
.cf03 dl.passwordLogin dd input{width:100%}

.etc01{border-top:2px solid #000;margin-top:60px;padding-top:40px}
.etc02{overflow:hidden;display:inline-block}
.etc02 h5{float:left;font-family:Roboto;font-size:16px;color:#a07b5e;font-weight:normal;height:31px}
.etc02 strong{float:right;font-family:Roboto;font-size:16px}
.etc02 p{clear:both;margin-bottom:0 !important;height:4px;background-color:#c4c4c4;width:100%}
.etc02 p b{display:block;height:4px;background-color:#47ca65}

.hr01{display:block;border:none;height:14px;background:url(../images/bg_hr.png) no-repeat center center;margin:50px 0;background-size:auto 14px}
.hr02{text-align:center;position:relative;margin-bottom:25px !important}
.hr02:after{content:"";display:block;width:100%;height:1px;background-color:#dbd0c7;position:absolute;top:50%;left:0}
.hr02 b{display:inline-block;font-size:20px;color:#a07b5e;font-weight:normal;position:relative;background-color:#f3eeea;z-index:10;padding:0 25px}
/*
.ib01 .slide li{position:relative;width:570px;height:712px;background-position:right top}
.ib01 .slide li img{display:none}
.ib01 .slide li dl{position:absolute;bottom:20px;left:30px;width:420px;background-color:#f6f7f8;padding:20px 20px}
.ib01 .slide li dl dt{margin-bottom:5px}
.ib01 .slide li dl dt em{display:block;font-size:12px;color:#ff0000;font-family:Roboto;text-transform:uppercase;margin-bottom:5px}
.ib01 .slide li dl dt b{display:block}
.ib01 .slide li dl dt b a{font-size:26px;color:#111;line-height:30px;font-weight:normal}
.ib01 .slide li dl dd{font-size:14px;font-family:Roboto;line-height:18px;color:#000;max-height:110px;display:block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.ib01 .bx-controls{position:absolute;bottom:280px;left:30px}
.ib01 .bx-controls .bx-pager{float:left;background-color:#fff;width:60px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#1b1b1b;margin-right:1px;font-family:Roboto;letter-spacing:2px}
.ib01 .bx-controls .bx-controls-direction{float:left}
.ib01 .bx-controls .bx-controls-direction a{float:left;display:block;width:30px;height:30px;background:#fff url(../images/btn_prev01.jpg) no-repeat center center;text-indent:-9999px;margin-right:1px}
.ib01 .bx-controls .bx-controls-direction a.bx-next{background-image:url(../images/btn_next01.jpg)}
*/
.ib01 .slide li{position:relative;width:570px}
.ib01 .slide li img{display:block;width:100%}
.ib01 .slide li dl{position:absolute;bottom:20px;left:30px;width:420px;background-color:#f6f7f8;padding:20px 20px}
.ib01 .slide li dl dt{margin-bottom:5px}
.ib01 .slide li dl dt em{display:block;font-size:12px;color:#ff0000;font-family:Roboto;text-transform:uppercase;margin-bottom:5px}
.ib01 .slide li dl dt b{display:block}
.ib01 .slide li dl dt b a{font-size:26px;color:#111;line-height:30px;font-weight:normal}
.ib01 .slide li dl dd{font-size:14px;font-family:Roboto;line-height:18px;color:#000;max-height:110px;display:block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.ib01 .bx-controls{position:absolute;bottom:280px;left:30px}
.ib01 .bx-controls .bx-pager{float:left;background-color:#fff;width:60px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#1b1b1b;margin-right:1px;font-family:Roboto;letter-spacing:2px}
.ib01 .bx-controls .bx-controls-direction{float:left}
.ib01 .bx-controls .bx-controls-direction a{float:left;display:block;width:30px;height:30px;background:#fff url(../images/btn_prev01.jpg) no-repeat center center;text-indent:-9999px;margin-right:1px}
.ib01 .bx-controls .bx-controls-direction a.bx-next{background-image:url(../images/btn_next01.jpg)}

.ib02 a img{display:block;width:100%}

.lc01 li{width:250px;margin-bottom:25px}
.lc01 li.leftC{float:left;height:260px}
.lc01 li.rightC{float:right;height:260px}
.lc01 li a{display:block}
.lc01 li a:hover{text-decoration:none}
.lc01 li a:hover b{text-decoration:underline}
.lc01 li .thumb{display:block;width:250px;height:164px;overflow:hidden;margin-bottom:10px}
.lc01 li .thumb img{display:block;width:250px;min-height:164px}
.lc01 li .conA em{display:block;font-size:12px;color:#ff0000;font-family:Roboto;text-transform:uppercase;margin-bottom:0px}
.lc01 li .conA b{display:block;font-size:22px;color:#111;font-weight:normal;line-height:27px;max-height:54px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:0px}
.lc01 li .conA span{font-size:14px;color:#636363;font-style:italic}
.lc01 li.twinC{clear:both;padding:15px;height:165px;overflow:hidden;background-color:#eae5de;width:auto}
.lc01 li.twinC .thumb{float:left;width:228px;height:165px;margin-bottom:0;margin-right:30px}
.lc01 li.twinC .thumb img{display:block;width:228px;min-height:165px}
.lc01 li.twinC .conA{display:block;padding-top:5px}
.lc01 li.twinC .conA em{margin-bottom:5px}
.lc01 li.twinC .conA b{margin-bottom:0px;line-height:30px;max-height:86px;-webkit-line-clamp:3}
.lc01 li.videoC .thumb{position:relative}
.lc01 li.videoC .thumb:before{content:"";display:block;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:0.3}
.lc01 li.videoC a:hover .thumb:before{opacity:0}
.lc01 li.videoC .thumb:after{content:"";display:block;width:65px;height:66px;background:url(../images/icon_mov.png) no-repeat 0 0;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px}

.lc02 li{margin-bottom:25px}
.lc02 li a{display:block}
.lc02 li a:hover{text-decoration:none}
.lc02 li a:hover b{text-decoration:underline}
.lc02 li em{display:block;font-size:12px;color:#a1a1a1;font-family:Roboto;line-height:12px;margin-bottom:6px}
.lc02 li b{display:block;font-size:22px;color:#000;font-weight:normal;line-height:25px}

.lc03{overflow:hidden;margin-bottom:50px}
.lc03 li{overflow:hidden;float:left;width:50%;margin-bottom:30px}
.lc03 li a{display:block}
.lc03 li a:hover{text-decoration:none}
.lc03 li a:hover b{text-decoration:underline}
.lc03 li .thumb{float:left;width:250px;height:165px;overflow:hidden;margin-right:20px}
.lc03 li .thumb img{display:block;width:250px;min-height:165px;height:auto}
.lc03 li .conA{display:block;margin-right:30px}
.lc03 li .conA em{display:block;font-size:12px;color:#898989;font-family:Roboto;text-transform:uppercase;margin-bottom:10px;line-height:12px}
.lc03 li .conA b{display:block;font-size:24px;color:#111;font-weight:normal;line-height:30px;margin-bottom:0px;max-height:90px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.lc03 li .conA span{font-size:14px;color:#898989;font-style:italic}
.lc03.book li .thumb{width:150px;height:165px;line-height:165px;background-color:#f7f7f7;text-align:center}
.lc03.book li .thumb img{display:inline;width:94px;min-height:141px;vertical-align:middle}
.lc03.audio li .thumb{position:relative}
.lc03.audio li .thumb:after{content:"";display:block;width:24px;height:24px;background:url(../images/icon_audio01.png) no-repeat 0 0;position:absolute;top:20px;left:20px}
.lc03.video .thumb{position:relative}
.lc03.video .thumb:after{content:"";display:block;width:65px;height:66px;background:url(../images/icon_mov.png) no-repeat 0 0;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px;}
.lc03.video .thumb:before{content:"";display:block;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:0.3}
.lc03.video a:hover .thumb:before{opacity:0}

.lc04 li{margin-bottom:30px;overflow:hidden}
.lc04 li a{display:block}
.lc04 li a:hover{text-decoration:none}
.lc04 li a:hover b{text-decoration:underline}
.lc04 li .thumb{float:left;width:250px;height:164px;overflow:hidden;margin-right:20px}
.lc04 li .thumb img{display:block;width:250px;min-height:164px;height:auto}
.lc04 li .conA{display:block;padding-top:10px}
.lc04 li .conA em{display:block;font-size:12px;line-height:12px;color:#ff0000;font-family:Roboto;text-transform:uppercase;margin-bottom:6px}
.lc04 li .conA b{display:block;font-size:24px;color:#111;font-weight:normal;line-height:30px;max-height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.lc04 li .conA span{display:block;font-size:18px;line-height:22px;color:#464646;;max-height:66px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.lc04 li .conA strong{font-size:12px;line-height:12px;color:#898989;font-family:Roboto;font-weight:normal}

.content .term_node{margin-bottom:30px;overflow:hidden}
.content .term_node a{display:block}
.content .term_node a:hover{text-decoration:none}
.content .term_node a:hover b{text-decoration:underline}
.content .term_node .thumb{float:left;width:250px;height:164px;overflow:hidden;margin-right:20px}
.content .term_node .thumb img{display:block;width:250px;min-height:164px;height:auto}
.content .term_node .conA{display:block;padding-top:10px}
.content .term_node .conA .conT{display: block;    font-size: 12px;    color: #ff0000;    font-family: Roboto;    text-transform: uppercase;    margin-bottom: 0px;}
.content .term_node .conA em{font-style:italic;}
.content .term_node .conA b{display:block;font-size:24px;color:#111;font-weight:normal;line-height:30px;max-height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.content .term_node .conA span{display:block;font-size:18px;line-height:22px;color:#464646;;max-height:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.content .term_node .conA strong{font-size:12px;line-height:12px;color:#898989;font-family:Roboto;font-weight:normal}

.lc04.search li .conA{padding-top:0px}
.lc04.search li.book .thumb{line-height:164px;text-align:center}
.lc04.search li.book .thumb img{display:inline;width:auto;min-height:164px;height:164px;vertical-align:middle}
.lc04.search li.video .thumb{position:relative}
.lc04.search li.video .thumb:after{content:"";display:block;width:65px;height:66px;background:url(../images/icon_mov.png) no-repeat 0 0;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px;text-indent:-9999px}
.lc04.search li.video .thumb:before{content:"";display:block;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;opacity:0.3}
.lc04.search li.video a:hover .thumb:before{opacity:0}

.lc05{overflow:hidden}
.lc05 li{float:left;width:266px;height:464px;margin-right:100px}
.lc05 li.l4, .lc05 li.l8, .lc05 li.l12{margin-right:0}
.lc05 li a{display:block}
.lc05 li a:hover{text-decoration:none}
.lc05 li a:hover b{color:#ff0000}
.lc05 li .thumb{display:block;width:266px;height:343px;overflow:hidden;margin-bottom:20px}
.lc05 li .thumb img{display:block;width:266px;min-height:343px}
.lc05 li a b{font-size:24px;font-weight:normal}

.lc06{overflow:hidden}
.lc06 .thumb{float:left;width:326px;height:424px;overflow:hidden}
.lc06 .thumb img{display:block;width:326px;min-height:424px}
.lc06 .listA{margin-left:416px}
.lc06 dl{margin-bottom:40px}
.lc06 dl dt{font-size:24px;font-weight:600;margin-bottom:15px}
.lc06 dl dd li{margin-bottom:8px}
.lc06 dl dd li a{font-size:18px;color:#464646}
.lc06 dl dd li a:hover{text-decoration:none;color:#ff0000}

.lc07{margin-bottom:30px}
.lc07 li.d0{background-color:#f3f3f3;padding:15px 20px 15px 20px;margin-bottom:3px}
.lc07 li.d0 dt a{display:block;font-size:14px;font-weight:600;color:#464646;font-family:Roboto;background:url(../images/icon_toggle_closed.jpg) no-repeat right center}
.lc07 li.d0 dt a:hover{text-decoration:none;color:#ff0000}
.lc07 li.d0.on dt a{background-image:url(../images/icon_toggle_opened.jpg)}
.lc07 li.d0 dd{display:none;padding-bottom:10px}
.lc07 li.d0.on dd{display:block}
.lc07 li.d0 ul li{margin-top:15px}
.lc07 li.d0 ul li a{font-size:16px;line-height:18px;color:#464646;letter-spacing:-0.5px}

.lc08{margin-bottom:15px}
.lc08 li{overflow:hidden;border-top:1px solid #b7b7b7;padding:19px 0}
.lc08 .thumb{float:left;width:100px;height:100px;overflow:hidden;margin-right:10px}
.lc08 .thumb img{display:block;width:100px;min-height:100px;height:auto}
.lc08 b{display:block;font-size:18px;font-weight:400;line-height:22px;max-height:64px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:0px}
.lc08 em{font-size:14px;color:#636363;font-style:italic}

.lg02{overflow:hidden;margin-top:40px}
.lg02 dt{float:left;margin-right:50px}
.lg02 dt a{display:block;width:144px;height:74px;background:url(../images/logo02.jpg) no-repeat 0 0;text-indent:-9999px;background-size: cover;}
.lg02 dd{float:left;font-size:18px;color:#ccc;font-weight:300;font-style:italic}

.mv01{position:relative;padding-bottom:56.25%; /* 16/9 ratio */ height:0;overflow:hidden;margin:0;margin-bottom:20px;background-color:#000}
.mv01 iframe,
.mv01 object,
.mv01 embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.ng01{position:absolute;width:100%;height:100%;z-index:100}
.ng01 .bg{background-color:#000;position:absolute;width:100%;height:100%;opacity:0.5}
.ng01 .menuA{position:fixed;right:-320px;top:0;bottom:0;width:320px;background-color:#fff;box-sizing:border-box;padding:0px}
.ng01 .menuA .close{position:absolute;right:20px;top:16px;display:block;width:25px;height:25px;background:url(../images/close-x1.png) no-repeat center center;text-indent:-9999px}
.ng01 .menuA .gnb{margin-bottom:10px;margin-left:10px;position:relative;top:-5px}
.ng01 .menuA .gnb li{display:inline-block}
.ng01 .menuA .gnb li:first-child:after{content:"/";margin:0 3px 0 6px;color:#a1a1a1}
.ng01 .menuA .gnb li a{color:#a1a1a1;font-size:18px}
.ng01 .menuA .gnb li a:hover{text-decoration:none;color:#707070}
.ng01 .menuA .lnbA{height:86%;box-sizing:border-box;overflow-y:scroll}
.ng01 .menuA .lnb{margin-bottom:20px}
.ng01 .menuA .lnb > li{border-bottom:1px solid #dedede}
.ng01 .menuA .lnb > li > a{display:block;padding-left:10px;height:37px;line-height:50px;font-size:16px;color:#000;font-family:Roboto;font-weight:600;text-transform:uppercase}
.ng01 .menuA .lnb > li > a:hover{text-decoration:none;color:#ff0000}
.ng01 .menuA .lnb > li ul{display:none;border-top:1px solid #dedede;background-color: #f1f1f1; }
.ng01 .menuA .lnb > li ul li a{display:block;padding-left:10px;height:42px;line-height:42px;font-size:16px;color:#000;font-family:Roboto}
.ng01 .menuA .info{margin-bottom:10px;margin-left:10px;overflow:hidden}
.ng01 .menuA .info li{float:left;margin-left:15px}
.ng01 .menuA .info li:first-child{margin-left:0}
.ng01 .menuA .info li a{font-size:18px;color:#000;font-style:italic}
.ng01 .menuA .info li a:hover{text-decoration:none;color:#ff0000}
.ng01 .menuA .sns{position:absolute;bottom:20px;left:30px;width:216px}
.ng01 .menuA .sns dt{float:left;font-size:16px;color:#707070;font-style:italic}
.ng01 .menuA .sns dd{float:right}
.ng01 .menuA .sns dd a{margin-left:10px}
.ng01 .menuA .sns dd a:hover{text-decoration:none}
.ng01 .menuA .sns dd a i{color:#707070;font-size:20px;}
.ng01 .menuA .sns dd a:hover i{opacity:0.7}

.ng02 li{display:inline-block}
.ng02 li:before{content:"|";color:#cacaca;font-size:10px;margin:0 10px 0 6px;font-weight:200;position:relative;top:-2px}
.ng02 li:first-child:before{content:none}
.ng02 li a{color:#cacaca;font-family:Roboto;font-size:13px;font-weight:300}

.ng03 a{margin-right:10px}
.ng03 a:hover{text-decoration:none}
.ng03 a i{color:#cacaca;font-size:18px}
.ng03 a:hover i{color:#ff0000}

.ng04{text-align:center;background-color:#f3f3f3;margin-bottom:40px}
.ng04 li{display:inline-block;margin:0 5px}
.ng04 li a{display:block;font-size:24px;color:#252525;height:58px;line-height:64px}
.ng04 li.on a{color:#ff0000}

.ng05{overflow:hidden}
.ng05 dt{float:left;font-size:14px;line-height:28px;color:#464646;font-family:Roboto;margin-right:15px}
.ng05 dd{float:left}
.ng05 dd ul li{float:left;margin-right:5px}
.ng05 dd ul li a{display:block;width:30px;height:30px;background-color:#303030;border-radius:15px;text-align:center;line-height:32px;font-size:18px;color:#fff}
.ng05 dd ul li a:hover{text-decoration:none;background-color:#999}

.ng06{text-align:center}
.ng06 li{display:inline-block;margin:0 20px}
.ng06 li a{font-family:Roboto;color:#9b9795}
.ng06 li.on a{color:#000}

.ng07{overflow:hidden}
.ng07 li{float:left;width:45%}
.ng07 li:first-child{padding-right:5%;margin-right:4.8%;border-right:1px solid #c4b2a4}
.ng07 li dl{background-color:#fff;padding:40px}
.ng07 li dl dt{font-size:30px;color:#a07b5e;font-family:Roboto;margin-bottom:120px}
.ng07 li dl dd{text-align:right}
.ng07 li dl dd a{font-size:14px;color:#111;text-decoration:underline;font-family:Roboto}

.ng08 li{display:inline}
.ng08 li:first-child:after{content:"|";color:#c4b2a4;margin:0 10px}
.ng08 li a{color:#a07b5e;font-family:Roboto;font-size:16px;text-decoration:underline}
.ng08 li a:hover{color:#000}

.pg01{text-align:center;position:relative;height:30px}
.pg01:after{content:"";display:block;width:100%;height:1px;background-color:#dce0e5;position:absolute;top:15px;left:0}
.pg01 em{position:relative;display:inline-block;background-color:#fff;padding:0 10px;z-index:9}
.pg01 a{padding:0 50px;display:inline-block;height:30px;line-height:30px;color:#959595;font-size:13px;font-family:Roboto;border-radius:15px}
.pg01 a:hover{text-decoration:none;background-color:#959595;color:#fff}

.tc01{overflow:hidden;position:relative}
.tc01 .leftA{float:left;width:1085px;overflow:hidden;padding-top:50px}
.tc01 .rightA{float:right;width:250px}

.tc01.interview .leftA .thumbA{float:left;width:520px;height:630px;overflow:hidden;margin-right:30px}
.tc01.interview .leftA .thumbA img{display:block;width:520px;min-height:630px}
.tc01.excerpt .leftA .thumbA{float:left;margin-left:204px;margin-right:60px;width:276px;height:414px;overflow:hidden}
.tc01.excerpt .leftA .thumbA img{display:block;width:276px;height:414px}
.tc01.essay .leftA .thumbA{width:100%;overflow:hidden}
.tc01.essay .leftA .thumbA img{display:block;width:100%}

.tc01 .leftA .infoA{overflow:hidden}
.tc01 .leftA .infoA blockquote{border-left:3px solid #000;font-size:24px;line-height:36px;font-style:italic;padding:0 0 0 27px;margin:10px 0 50px}
.tc01 .leftA .infoA .bookInfo dt{font-size:18px;font-family:Roboto;font-weight:600;margin-bottom:10px}
.tc01 .leftA .infoA .bookInfo dd{font-size:18px;font-family:Roboto;line-height:36px}
.tc01 .leftA .infoA .bookInfo dd a{font-size:18px;font-family:Roboto;text-decoration:underline}

.tc01 .leftA .bodyA{clear:both;width:720px;padding-top:30px;margin-left:204px}

.tc01 .bodyA .postA{padding-bottom:40px}
.tc01 .bodyA .uiA{padding-bottom:20px}

.tc01 .postA h2{font-size:36px;line-height:44px;margin-bottom:20px}
.tc01 .postA p{font-size:20px;line-height:30px;margin-bottom:20px}
.tc01 .postA dl{margin-bottom:10px}
.tc01 .postA dl dt{display:inline;font-size:20px;color:#636363;font-style:italic;font-weight:300;margin-right:5px}
.tc01 .postA dl dd{display:inline;font-size:20px}

.tc02{background-color:#f3f3f3;padding:28px;margin-bottom:30px; overflow: hidden;}
.tc02 h2{font-size:14px;line-height:14px;color:#111;font-family:Roboto;text-transform:uppercase;margin-bottom:20px}
.tc02 .thumb{width:135px;height:180px;overflow:hidden;float:left}
.tc02 .thumb img{width:135px;min-height:180px}
.tc02 dl{margin-left:155px}
.tc02 dl dt{font-size:26px;line-height:26px;font-weight:600;margin-bottom:10px}
.tc02 dl dd p{font-size:14px;line-height:24px;color:#464646;font-family:Roboto;margin-bottom:10px}
.tc02 dl dd a.more{display:block;height:29px;line-height:29px;background-color:#363636;display:inline-block;color:#fff;font-size:13px;font-family:Roboto;padding:0 20px}
.tc02 dl dd a.more:hover{text-decoration:none;background-color:#999}

.tc03{margin-bottom:40px}
.tc03 .thumb{width:250px;height:163px;overflow:hidden}
.tc03 .thumb img{display:block;width:250px;min-height:163px;height:auto}
.tc03.audio .thumb{position:relative}
.tc03.audio .thumb:after{content:"";display:block;width:24px;height:24px;background:url(../images/icon_audio01.png) no-repeat 0 0;position:absolute;top:20px;left:20px}
.tc03.video div.thumb{position:relative}
.tc03.video span.thumb:after{content:"";display:block;width:65px;height:66px;background:url(../images/icon_mov.png) no-repeat 0 0;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px;text-indent:-9999px}

.tc04{text-align:center}
.tc04 dt{font-size:14px;font-family:Roboto;margin-bottom:10px}
.tc04 dd{font-size:11px;font-family:Roboto}

.td01{padding:16px 25px;height:25px;background-color:#f3f3f3;margin-bottom:40px}
.td01 em{display:inline-block;height:25px;line-height:25px;padding-left:15px;font-size:18px;color:#464646;border-left:1px solid #898989}

.td03{padding:15px 30px;background-color:#fff69e;border:1px solid #c4b841;font-size:16px;font-family:Roboto;font-weight:bold}
.td03 a{color:#ff0000;font-family:Roboto}

.th01{height:38px;margin-bottom:30px;overflow:hidden}
.th01 dt{float:left;font-size:36px;line-height:36px;font-family:Roboto;font-weight:bold;margin-right:30px}
.th01 dd{float:left}
.th01 dd ul{position:relative;top:14px}
.th01 dd ul li{display:inline-block;margin-right:20px;height:19px;overflow:hidden}
.th01 dd ul li a{display:block;height:18px;line-height:18px;font-size:16px;color:#000;font-family:Roboto}
.th01 dd ul li.on{border-bottom:1px solid #6f6f6f}
.th01 dd ul li.on a{border-bottom:1px solid #bfbfbf}
.th01 dd ul li a:hover{text-decoration:none;color:#ff0000}
.th01 dd p{font-size:16px;font-family:Roboto;color:#000;position:relative;top:12px}
.th01_01{margin-bottom:20px}

.th02{text-align:center;border-bottom:1px solid #b7b7b7;padding:25px 0}
.th02 dt{margin-bottom:10px}
.th02 dt em{display:block;font-size:16px;color:#ff0000;font-family:Roboto}
.th02 dt h1{font-size:50px;color:#111;line-height:65px}
.th02 dd ul.info li{display:inline-block;font-size:20px}
.th02 dd ul.info li.tit{margin:0 20px;font-weight:700}
.th02 dd ul.info li em{color:#636363;font-style:italic;margin-right:5px}
.th02 dd ul.sns{display:none}

.th03{border-top:2px solid #000;padding:10px 0;font-family:Roboto;font-size:16px;color:#111}

.th04{font-family:Roboto;font-size:20px}

/* jquery-ui */
.ui-buttonset.n_trg01 label.ui-button{min-width:110px;font-size:14px;text-align:left;border:none;background:url(../images/btn_radio.jpg) no-repeat 0 center;padding-left:15px}
.ui-buttonset.n_trg01 label.ui-button.ui-state-active{background-image:url(../images/btn_radio_checked.jpg)}
.ui-buttonset.n_trg01 .ui-button-text-only .ui-button-text{color:#000}

.ui-selectmenu-button{display:block;border-radius:0;background:none;min-width:450px}
.ui-selectmenu-button span.ui-icon{background:url(../images/btn_open_select.jpg) no-repeat center center}
.ui-menu .ui-menu-item{padding-left:15px;list-style-image:none;background-color:#fff;color:#a07b5e;font-family:Roboto}
.ui-menu-item.ui-state-focus{background:#a07b5e;color:#fff;border:none}
.ui-selectmenu-button span.ui-selectmenu-text{color:#a07b5e;font-size:16px}

/* drupal */
form.webform-client-form{width:490px}

.form-item{margin-bottom:40px}
.form-item label{display:block;margin-bottom:10px;font-size:16px;font-family:Roboto;font-weight:600}
.form-item label span{color:#ff0000;margin-left:5px}
.form-item input[type=text],
.form-item input[type=email],
.form-item input[type=password]{border:none;border-bottom:1px solid #c4b2a4;font-size:16px;height:25px;background-color:#f3eeea;width:100%}
.form-item input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.form-item input::-moz-placeholder { /* Firefox 19+ */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.form-item input:-ms-input-placeholder { /* IE 10+ */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.form-item input:-moz-placeholder { /* Firefox 18- */
  color: #a07b5e;font-size:16px;font-family:Roboto
}
.form-item textarea{border:1px solid #c4b2a4;width:100%;font-size:16px;height:250px;background-color:#f3eeea;padding:15px;box-sizing:border-box}
.form-actions .form-submit{height:32px;line-height:32px;font-size:16px;color:#fff;border:none;background-color:#a07b5e;padding:0 15px;border-radius:3px;cursor:pointer;font-family:Roboto}

.password-parent{width:auto}
.form-type-password{position:relative}
.form-type-password input[type=password]{width:49%}
.form-type-password .password-strength{position:absolute;right:0;bottom:0px;width:49%}
.form-type-password .password-strength .password-strength-text{float:right;font-family:Roboto;font-size:16px}
.form-type-password .password-strength .password-strength-title{float:left;font-size:16px;color:#ccbaad;font-family:Roboto;font-weight:300;margin-bottom:5px}
.form-type-password .password-strength .password-indicator{clear:both;background-color:#c4c4c4;height:4px;width:100%}
.form-type-password .password-strength .password-indicator .indicator{background-color:#47ca65;height:4px}
.form-item-pass-pass2 div.password-confirm{display:none}

.form-item.webform-component-radios{margin-bottom:30px}
.form-item.form-type-radio{display:inline-block;margin:0}
.ui-buttonset.form-radios label.ui-button{min-width:120px;font-size:14px;text-align:left;border:none;background:url(../images/btn_radio.jpg) no-repeat 0 center;padding-left:10px}
.ui-buttonset.form-radios label.ui-button.ui-state-active{background-image:url(../images/btn_radio_checked.jpg)}
.ui-buttonset.form-radios .ui-button-text-only .ui-button-text{color:#000;font-weight:normal}

.form-item.form-item-captcha-response input{width:40%}
.form-item.form-item-captcha-response .description{font-size:14px;color:#c9b4a4}

.messages.warning{padding:15px 30px;background-color:#fff69e;border:1px solid #c4b841;font-size:16px;font-family:Roboto;font-weight:bold;background-image:none}
.messages.warning a{color:#ff0000;font-family:Roboto}
.messages.warning h2{display:none}

.webform-component-fieldset legend{margin-bottom:10px;font-size:16px;font-family:Roboto;font-weight:600}
.webform-component-fieldset .webform-layout-box .form-item{display:inline-block;width:25%}
.webform-component-fieldset .webform-layout-box .form-item:last-child{width:70%;margin-left:4%}
.webform-component-fieldset .webform-layout-box .form-item label{display:none}

.webform-component--address{position:relative}
.webform-component--address legend{float:left;margin-right:20px}
.webform-component--address .fieldset-description{font-size:12px;font-family:Roboto;color:#c4b2a4;margin-top:2px}
.webform-component--address .webform-component--address--street-address{clear:both}
.webform-component--address .form-item{margin-bottom:15px}
.webform-component--address .form-item label{display:none}
.webform-component--address .webform-component--address--city{float:left;width:30%;margin-right:5%}
.webform-component--address .webform-component--address--state---province{float:left;width:30%;margin-right:5%}
.webform-component--address .webform-component--address--postal---zip-code{float:left;width:30%}

.webform-component--phone-number .webform-component--phone-number--layout2--phone-number .field-prefix{display:none}

input.password-confirm, input.password-field{margin-bottom:0}

.ctools-auto-submit-full-form{text-align:center;background-color:#f3f3f3;margin-bottom:40px}
.ctools-auto-submit-full-form label{display:none}
.ctools-auto-submit-full-form .form-item{display:inline-block;margin:0 5px}
.ctools-auto-submit-full-form .form-item a{display:block;font-size:24px;color:#252525;height:58px;line-height:64px}
.ctools-auto-submit-full-form .form-item.selected a{color:#ff0000}
.ctools-auto-submit-full-form .views-submit-button{display:none}
.views-exposed-form .views-exposed-widget{padding:0;float:none}

.lc05 .views-field-field-image{display:block;width:266px;height:343px;overflow:hidden;margin-bottom:20px}
.lc05 .views-field-field-image img{display:block;width:266px;min-height:343px;height:auto}
.lc05 .views-field-name a{font-size:24px;font-weight:normal}
.lc05 .views-field-name a:hover{text-decoration:none;color:#ff0000}

.item-list .pager{text-align:center}
.item-list .pager li{display:inline-block;padding:0;margin:0}
.item-list .pager li.pager-current{text-decoration:none;color:#fff;background-color:#005eaa;height:35px;line-height:35px;text-align:center;width:35px;padding:0}
.item-list .pager li.pager-ellipsis{display:none}
.item-list .pager a{display:block;height:35px;line-height:35px;text-align:center;color:#545454;width:35px}
.item-list .pager a.on, .pager a:hover{text-decoration:none;color:#fff;background-color:#005eaa}
.item-list .pager li.pager-first a{width:33px;height:33px;border:1px solid #ddd;text-indent:-9999px;background:url(../images/icon_pager_first.png) no-repeat center center}
.item-list .pager li.pager-previous a{width:33px;height:33px;border:1px solid #ddd;text-indent:-9999px;background:url(../images/icon_pager_prev.png) no-repeat center center;margin-right:20px}
.item-list .pager li.pager-next a{width:33px;height:33px;border:1px solid #ddd;text-indent:-9999px;background:url(../images/icon_pager_next.png) no-repeat center center;margin-left:20px}
.item-list .pager li.pager-last a{width:33px;height:33px;border:1px solid #ddd;text-indent:-9999px;background:url(../images/icon_pager_last.png) no-repeat center center}
.item-list .pager li.pager-first a:hover,
.item-list .pager li.pager-previous a:hover,
.item-list .pager li.pager-next a:hover,
.item-list .pager li.pager-last a:hover{background-color:#005eaa;border-color:#005eaa}

.search-form{margin-bottom:30px}
.search-form .form-item{margin-bottom:15px;display:block}
.search-form .form-item label{font-size:20px}
.search-form .form-item input{font-size:16px;background-color:#fff;border-color:#ddd}
.search-form .form-submit{border:none;background-color:#eee;height:30px;padding:0 20px;border:1px solid #999;color:#222;font-family:Roboto;font-size:14px;cursor:pointer}