/*
Theme Name: Pension Life21
Theme URI: http://demo-pensionlife21.onsetheme.com
Author: BBS e-Theme
Author URI: http://www.bbsetheme.com
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl.html

Description: 테마환경설정, 색 설정(Color Picker), 관리자 빠른설정, SNS공유, 카테고리템플릿(갤러리/리스트), 반응형, SEO, 보안서버설치가능, BBS e-Plugin과 호환되며 업데이트 발생 시 알림표시를 제공합니다.
Version: 1.0.0
Tags: 흰색, 밝음, 1열, 좌측 사이드바, 우측 사이드바, 반응형 레이아웃, 블라바타, 사용자 정의 메뉴, 테마 옵션

본 테마는 워드프레스와 동일한 GPL 라이센스의 테마입니다. 임의대로 수정,삭제 후 이용하셔도 됩니다.
단, 재배포 시 GPL 라이센스로 재배포 되어야 하며, 원 제작자의 표기를 해주시기 바랍니다.
‘Pension Life21' WordPress Theme, Copyright 2014 BBS e-Theme(http://www.bbsetheme.com)
‘Pension Life21' is distributed under the terms of the GNU GPL
*/

/* =Reset
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Reset */
* {margin:0; padding:0}
html,
body {overflow-x:hidden}
body {margin:0; padding:0; height:100%; font-size:12px; line-height:20px; color:#666; font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:400; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-family:'Nanum Gothic'; font-weight:bold}
address,em {font-style:normal; color:#666}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:#666; text-decoration:none; cursor:pointer}
a:hover,a:focus {text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}

button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px !important}
textarea {padding:10px; background: #fefefe; border:1px solid #dadde1 !important; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize:none}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #CED3DA; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type=text], input[type=password]{height:32px;padding:0 5px;line-height:18px;text-indent:3px;color: #696F74;vertical-align:middle;
background: #fefefe; border:1px solid #dadde1 /*!important*/; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px #e9e9e9}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type=file] {padding:5px; border:1px solid #bfbfbf; color:#666; background:none; border:none}
input[type=image], input[type=checkbox] {border:0 none !important;vertical-align: middle;margin-right: 2px;}
input[type='checkbox'], input[type='radio'] {width:16px;height:16px;position:relative;top:-1px;vertical-align:middle;margin-right:3px;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {  content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
* html .clearfix { _zoom:1; } /* IE6 */
*:first-child+html .clearfix { _zoom:1; } /* IE7 */

.fixed {table-layout:fixed;}
.l16 {line-height:16px !important;}
.l18 {line-height:18px !important;}
.l20 {line-height:20px !important;}
.l25 {line-height:25px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_50 {padding-bottom:50px !important;}

.mt_10 {margin-top:10px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_50 {margin-top:50px !important;}

.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_50 {margin-bottom:50px !important;}

.ta_l {text-align:left !important;}
.ta_r {text-align:right !important;}
.ta_c {text-align:center !important;}

.skipnavi {height:0;font-size:0;line-height:0;}
.skipnavi a:focus {position:absolute;top:0;left:0;width:100%;display:block;padding:5px 0;text-align:center;background-color:#999;font-size:12px;line-height:1.5;z-index:900;}

/* customer color set */
.customerColorSet {color:#4CB0B5 !important;}
body {}

/* layout */
#wrap {width:100%;background:url('images/bg_wrap.gif') repeat-x #fff;
	box-shadow:0 8px 12px rgba(0, 0, 0, .5);position:relative;
}
#wrap.box-layout {width:1040px;margin:0 auto;overflow:hidden;padding:0 12px;}
#header {}
#header .header-wrap {position:relative;width:1016px;margin:0 auto;z-index:10;min-height:148px;}
#header .header-wrap:after {display:block;clear:both;height:0;content:' ';}
#header .header-wrap .logo {position:absolute;left:2px;top:126px;}
#header .header-wrap .utill {}
#header .header-wrap .utill .utill_innerDiv1 { padding-top:52px;}
#header .header-wrap .utill .utill_innerDiv1:after {display:block;clear:both;height:0;content:' ';}
#header .header-wrap .utill .utill_innerDiv1 a { color:#fff;}
#header .header-wrap .utill .utill_innerDiv1 dl.familysite { position:relative;float:left;width:188px; }
#header .header-wrap .utill .utill_innerDiv1 dl.familysite dt { margin:6px 0 0 3px;padding:2px 5px;border:1px solid #747b81; color: #747b81; background:url('images/bg_openFamilySite.jpg') 90.4255319% 50% no-repeat; font-size:0.917em; cursor:pointer; font-weight:bold;}
#header .header-wrap .utill .utill_innerDiv1 dl.familysite dd { display:none;position:absolute;left:3px; top:40px; width:100%; border:1px solid #ebebeb;background:#fff;z-index:100;}
#header .header-wrap .utill .utill_innerDiv1 dl.familysite dd ol li {padding:6px;cursor:pointer;border-bottom:1px solid #ebebeb;}
#header .header-wrap .utill .utill_innerDiv1 dl.familysite dd ol li:last-child {border-bottom:none;}
#header .header-wrap .utill .utill_innerDiv1 dl.familysite dd ol li:hover {background:#eee;}
#header .header-wrap .utill .utill_innerDiv1 dl.familysite dd ol li a {color: #8f8f8f;}
#header .header-wrap .utill ul {display:table-cell;float:right;margin-top:4px;}
#header .header-wrap .utill ul li {display:table-cell;}
#header .header-wrap .utill ul li:after {content:' /';font-size:10px;color:#D6D6D6;}
#header .header-wrap .utill ul li:first-child:after{content:' ';}
#header .header-wrap .utill ul li:last-child:after{content:' ';}
#header .header-wrap .utill ul li a {display:inline-block;line-height:26px;padding:0 4px 0 7px;}
#header .header-wrap .utill .search-form {display:block;float:right;position:relative;top:41px;width:29.8228346%;height:36px;}
#header .header-wrap .utill .search-form input[type=text] {height:100%;width:100%;line-height:24px;padding-right:30px;background:#f2f2f2;border-radius:0 !important;box-shadow:inset 0px 0px 10px -2px #ECECEC;}
#header .header-wrap .utill .search-form button {position:absolute;right:13px;top:11px;height:18px;width:18px;background: url('images/btn_search.jpg') 0 0 no-repeat;overflow:hidden;}
#header .header-wrap .utill .search-form button em {display:none}

#header .header-wrap #gnb {clear:both;position:relative;margin-top:77px;padding-top:21px;text-align:center; background:url('images/bg_gnb_border.gif') 0 100% no-repeat;}
#header .header-wrap #gnb .gnb-menu {display:block;}
#header .header-wrap #gnb:after {display:block;clear:both;height:0;content:' ';}
#header .header-wrap #gnb > ul {display:table;float:left;}
#header .header-wrap #gnb > ul:after {display:block;clear:both;height:0;content:' ';}
#header .header-wrap #gnb li {background-color:transparent;z-index:10;width:145px;}
#header .header-wrap #gnb li a {text-align:center;}
#header.ag-ct .header-wrap #gnb li a {text-align:center;}
/*#header .header-wrap #gnb > ul > li:first-child {display:none;}*/
#header .header-wrap #gnb > ul > li {display:inline-block;position:relative;}
#header .header-wrap #gnb > ul > li a {font-size:1.417em;font-weight:700;}
#header .header-wrap #gnb > ul > li > a:hover {color:#58cbd0;}
#header .header-wrap #gnb > ul > li > a {display:block;font-size:18px;padding:23px 1px 18px;letter-spacing:-1px}

#header .header-wrap #gnb > ul > li.active {z-index:20; }
#header .header-wrap #gnb > ul > li.active > a {color:#58cbd0;background:url('images/bg_active.gif') 10% 30px no-repeat;} 
div.menu-depth-1 {display:none;position:absolute;top:272px;left:0;width:100%;border-top:3px solid #494949;background:#fff;background:rgba(255, 255, 255, .9);z-index:100;}
div.menu-depth-1 div.menu-depth-1_ul_wrap {width:1016px;min-height:186px;padding-top:24px;margin:0 auto;}
div.menu-depth-1 div.menu-depth-1_ul_wrap:after {display:block;clear:both;height:0;content:' ';}
div.menu-depth-1 div.menu-depth-1_ul_wrap > ul  {float:left;width:145px;text-align:center;}
div.menu-depth-1 div.menu-depth-1_ul_wrap > ul > li > a {display:block;padding:4px 0;font-size:1.167em;font-weight:700;color:#494b56;}
div.menu-depth-1 div.menu-depth-1_ul_wrap > ul > li > a:hover {color:#58cbd0;}

#header.ag-rt .header-wrap .logo {left:inherit;right:2px;}
#header.ag-rt .header-wrap .utill .search-form {float:left;}
#header.ag-ct .header-wrap .logo {top:126px;left:50%;width:278px;margin-left:-139px;text-align:center;}

/*------------------- 硫붿씤 -------------------*/

div#mainContainer {margin-top:29px;}
/* main banner */
.visual-banner {position:relative;}
#wrap.box-layout .visual-banner {}

.visual-banner .slider {position:relative;z-index:5;width:100%;}
/*.visual-banner li p {position:absolute;top:140px;left:0px;font-size:40px;line-height:50px;font-weight:700;color:#fff;}*/


.visual-banner {overflow:visible;text-align:center;margin-bottom:10px;}
.visual-banner .caroufredsel_wrapper,
.visual-banner .caroufredsel_wrapper ul {height:480px !important;width:100% !important;}
/*.visual-banner .slider > ul {height:400px;width:100%;overflow:hidden;}*/
.visual-banner li{position:relative;float:none;height:480px;text-align:center;background-position:50% 0;background-repeat:no-repeat;background-size:cover;}
.visual-banner li div {position:absolute;top:132px;margin:0;width:100%;text-align:center;}
.visual-banner li div p.title {font-size:4em;letter-spacing:-3px;line-height:24px;font-weight:700;padding-bottom:15px;}
.visual-banner li div p.sub {font-size:9.333em;letter-spacing:-1px;line-height:120px;padding-bottom:15px;font-weight:400;}
.visual-banner li div p.sub > span {display:inline-block;text-align:center;}
.visual-banner li div p.description {font-size:1.833em;line-height:35px;font-weight:400;}
.visual-banner .corver, .visual-banner li span {display:none;}
.visual-banner .caroufredsel_wrapper {margin:0 auto !important;}
.visual-banner .add-btn {position:absolute;top:357px;line-height:0;font-size:0;width:100%;margin:0 auto;text-align:center;}
.visual-banner .add-btn button {display:iline-block;background-color:#FFF;height:50px;}
.visual-banner .add-btn button.more {width:185px;background:url(images/btn_main_01.png) 50% 50% no-repeat;}
.visual-banner .add-btn span.separate {display:inline-block;width:26px;}
.visual-banner .add-btn button.portfolio {width:215px;background:url(images/btn_main_02.png) 50% 50% no-repeat;}
.visual-banner .add-btn button em {overflow:hidden;position:absolute;top:0;left:0;width:0;font-size:0;line-height:0;}
.visual-banner .control-btn {position:relative;height:0;line-height:0;font-size:0;width:1016px;margin:0 auto;}
.visual-banner .control-btn button {display:block;position:absolute;top:-285px;background-color:#FFF;width:78px;height:78px;text-align:center;
  border-radius:25px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	opacity:0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.visual-banner:hover .control-btn button {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	opacity:1.0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.visual-banner .control-btn button span {display:block;position:absolute;left:4px;top:4px;background-color:#C0C0C0;width:42px;height:42px;margin:0;
	border-radius:21px;
}
.visual-banner .control-btn button em {position:absolute;top:17px;display:none;border:8px solid transparent;width:0px;height:0px;overflow:hidden;text-indent:-1000px;}
.visual-banner .control-btn button.prev {left:15px;width:78px; height:78px;background:url('images/btn_main_prv.png') 50% 50% no-repeat !important;border-radius:0 !important;}
.visual-banner .control-btn button.next {right:15px;width:78px; height:78px;background:url('images/btn_main_next.png') 50% 50% no-repeat !important;border-radius:0 !important;}
#wrap.box-layout .visual-banner .control-btn button.next {right:15px;}
.visual-banner .control-btn button.prev em {border-right:9px solid #000;left:10px;}
.visual-banner .control-btn button.next em {border-left:9px solid #000;left:22px;}
.box-layout .visual-banner .control-btn button.prev,
.box-layout .visual-banner .control-btn button.next {right:5px;}


/* main content */
.main-cont .article {width:1016px;margin:0 auto;padding:50px 0;}
.main-cont .article:after {display:block;clear:both;height:0;content:' ';}
.main-cont .article .article_title {height:65px;background:url('images/bg_article_title.gif') 50% 22px repeat-x;color:#494b56;}
.main-cont .article .article_title h2 {width:48.4251969%;margin:0 auto;line-height:35px;background:#fff;letter-spacing:-2px;font-size:4em;font-weight:700;text-align:center;}
.main-cont .article .article_title p {padding-top:13px;text-align:center;font-size:1.083em;padding-bottom:54px;}
.main-cont .line-wrap {padding:0;background-color:#F6F8F8;}
.box-layout .main-cont .line-wrap {margin:0 -20px;}

/* icon list gallery */
.main-cont .cpt-area {margin:0 auto;padding-bottom:0;}
.main-cont .cpt-area dl {float:left;position:relative;width:21.825787375%; height:360px;margin:54px 4.2322835% 0 0;padding:6px;border:1px solid #e5e5e5;}
.main-cont .cpt-area dl.last {margin:54px 0 0 0;}
.main-cont .cpt-area dl dt {font-size:1.267em;font-weight:700;text-align:center;color:#181818;letter-spacing:-1px;}
.main-cont .cpt-area dl dt > span {display:block;margin:0 auto;width:100%;height:146px;margin-bottom:32px;text-align:cetner;background-color:#F4F4F4;background-image:url(images/sprite_ico.png) no-repeat;}
.main-cont .cpt-area dl dt  span  img {display:inline-block;width:207px;height:146px;}
.main-cont .cpt-area dl dd.first {height:50px;color:#033071;font-size:1.083em;text-align:center;padding:9px 0 20px;font-weight:700;line-height:19px;letter-spacing:-1px;overflow:hidden;}
.main-cont .cpt-area dl dd.second {color:#a5a5a5;font-size:1.083em;text-align:center;padding:15px 20px;font-weight:700;line-height:19px;letter-spacing:-1px;overflow:hidden;}
.main-cont .cpt-area dl dd a {display:block;font-weight:700;margin-top:10px;color:#4CB0B5;} /* customerColorSet */
.main-cont .cpt-area dl dd.design_shadow1 {position:absolute;top:358px; left:0;width:100%;padding:0;margin-top:0px;min-height:18px;background:url('images/bg_article_item_shadow.jpg') 50% 0px no-repeat;}


	
/* notice */
.main-cont .banner_wrap {background:url('images/bg_pattern_slash.gif') 0 100% repeat-x;}
.main-cont .banner-list {position:relative;color:#fff;padding-left:4.1338583%;background-color: #494b56;overflow:hidden;}
.main-cont .banner-list ul {padding:26px 0 26px 0;}
.main-cont .banner-list ul:after {display:block;clear:both;height:0;content:' ';}
.main-cont .banner-list ul li {}
.main-cont .banner-list ul li div {float:left;width:64.4685039%;}
.main-cont .banner-list ul li h3 {float:left;font-size:1.667em;width:100%;line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-cont .banner-list ul li h3 span.auth {display:inline-block;vertical-align:middle;padding-left:10px;font-size:0.633em !important;letter-spacing:-1px;color:#8c8c8c;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-cont .banner-list ul li span + span {clear:both;display:inline-block;float:left;width:100%;color:#ececec;font-size:0.917em; font-weight:normal !important;line-height:17px;padding-top:5px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-cont .banner-list ul li > a {display:block;float:right;width:23.8188976%;min-width:140px;margin:0 2.7559055% 0 0; }
.main-cont .banner-list ul li > a img {width:100%; height:auto;}
.main-cont .banner-list .btn-view {display:inline-block;color:#fff;font-size:17px;font-weight:700;padding:10px 15px;margin-top:30px;text-align:center;background-color:#AFAFAF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}


/* menu introduce */
.main-cont .menu-intro {padding:46px 0;position:relative;background:url('images/bg_pattern_slash.gif') 0 100% repeat-x;}
.main-cont .menu-intro .line-title {overflow:hidden;clear:both;width:53.1496063%;padding:0 0 39px 3px;border-bottom:1px solid #dddddd;}
.main-cont .menu-intro .line-title:after {display:block;clear:both;height:0;content:' ';}
.main-cont .menu-intro .line-title .title {font-size:1.667em;font-weight:700;background-color:#FFF;color:#58cbd0;}
.main-cont .menu-intro .line-title span.img_wrap {display:block;position:absolute; top:50px; right:0;width:450px; }
.main-cont .menu-intro .line-title span.img_wrap img{width:450px;height:260px; overflow:hidden;}
.main-cont .menu-intro .article_info {height:200px;padding-right:470px;}
.main-cont .menu-intro .article_info h5 {padding:41px 0 0 3px;color:#58cbd0;font-size:1.417em;font-weight:700;}
.main-cont .menu-intro .article_info span {display:inline-block;margin:46px 0 0 3px;color:#666666;line-height:24px;font-size:1.233em;font-weight:700;}
.main-cont .menu-intro .article_info ol {width:100%;margin:20px 0 0 3px;}
/* etc */
.main-cont .etc {padding:65px 0;position:relative;}
.main-cont .etc .etc_info {display:table;float:left;width:33.3103676%;height:109px;margin-right:0.0344488%;overflow:hidden;}
.main-cont .etc .last {margin-right:0;}
.main-cont .etc .etc_info h5 {position:relative;padding-left:10px;font-size:1.083em;font-weight:700;color:#4f4f4f;}
.main-cont .etc .etc_info h5.service {padding-left:30px;}
.main-cont .etc .etc_info h5 span {display:block;position:absolute; top:4px; right:10px;}
.main-cont .etc .etc_info ul.notice-list {padding:0 10px;width:100%;}
.main-cont .etc .etc_info ul.notice-list li {display:table;width:100%;padding:2px 0 0 8px;background:url('images/bullet_square.gif') 0 50% no-repeat;}
.main-cont .etc .etc_info ul.notice-list li span {display:inline-block;text-align:center;overflow:hidden;vertical-align:middle;}
.main-cont .etc .etc_info ul.notice-list li span.subject {display:table-cell;text-align:left;color:#737373;}
.main-cont .etc .etc_info ul.notice-list li span.ico {display:table-cell;width:39px;}
.main-cont .etc .etc_info ul.notice-list li span.date {display:table-cell;width:82px;color:#aaaaaa;}
.main-cont .etc .etc_info ul.service-list {display:table;padding:0 10px;width:100%;margin-top:25px;}
.main-cont .etc .etc_info ul.service-list li {display:table-cell; width:25%;height:62px;border-right:1px solid #d8d8d8;text-align:center;}
.main-cont .etc .etc_info ul.service-list li:last-child {border-right:none;}
.main-cont .etc .etc_info ul.service-list li span {display:inline-block;position:relative;top:45px;}
.main-cont .etc .etc_info p.cs {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}

/* cooperator  */
.main-cont .cooper .line-title {display:none;}
.main-cont .cooper .bnn-rolling {position:relative;margin:0 0 25px 0;}
.main-cont .cooper .bnn-rolling ul {text-align:center;}
.main-cont .cooper .bnn-rolling ul:after {display:block;clear:both;height:0;content:' ';}
.main-cont .cooper .bnn-rolling ul li {display:inline-block;margin:0 7px;border:1px solid #F9F9F9;}
.main-cont .cooper .bnn-rolling ul li a {display:block;border:1px solid #F9F9F9;}
.main-cont .cooper .bnn-rolling ul li a img {
  width:173px;height:112px;
  /*
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	/*-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS *//*
	opacity:.7;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
 */
}
.main-cont .cooper .bnn-rolling ul li a:hover, .main-cont .cooper .bnn-rolling ul li a:focus, .main-cont .cooper .bnn-rolling ul li a:active {border:1px solid #4CB0B5;/* customerColorSet */}
.main-cont .cooper .bnn-rolling ul li a:hover img, .main-cont .cooper .bnn-rolling ul li a:focus img, .main-cont .cooper .bnn-rolling ul li a:active img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	opacity:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.main-cont .cooper .bnn-rolling .control-btn button {position:absolute;top:50%;margin-top:-19px;display:block;overflow:hidden;width:30px;height:37px;background:#FFF url(images/control_btn.png) 0 0 no-repeat;}
.main-cont .cooper .bnn-rolling .control-btn button span {display:block;overflow:hidden;text-indent:-1000px;}
.main-cont .cooper .bnn-rolling .control-btn button.prev {left:0;}
.main-cont .cooper .bnn-rolling .control-btn button.next {right:0;background-position:-34px 0;}



#container {margin-top:30px;}
#container .cont-wrap {width:1040px;margin:0 auto;padding:64px 20px; 74px 20px;}
#wrap.box-layout #container .cont-wrap {padding:50px 0;width:100%;}
#container .cont-wrap:after {display:block;clear:both;height:0;content:' ';}

#container .sub-banner {display:table;width:100%;vertical-align:middle;height:187px;text-align:center;letter-spacing:-1px;}
#container .sub-banner > div {display:table-cell;width:100%;height:100%;vertical-align:middle;}
#container .sub-banner > div h2 {padding:0 0 12px 0 ;}

#container:after {display:block;clear:both;height:0;content:' ';}
#container #aside {width:200px;}
#container #aside .side-title {font-size:1.833em;padding:15px 0 0 15px;letter-spacing:-1px;height:59px;background:url('images/bg_side_title.jpg') 0 0 no-repeat;color:#fff;}

#container #aside .side-menu { padding-bottom:33px;margin-bottom:40px; background:url('images/bg_side_menu_end.jpg') 0 100% no-repeat;}
#container #aside .side-menu > li {background:url('images/bg_side_menu_item.jpg') 0 0 no-repeat;}
#container #aside .side-menu > li.menu-item-has-children > a {background: url(images/ic_plus.png) 93% 50% no-repeat;}
#container #aside .side-menu > li.active > a {color:#4cb0b5; background:url(images/bg_side_menu_active.gif) 178px 50% no-repeat;}
#container #aside .side-menu > li > a {display:block;font-size:1.083em;font-weight:700;padding:9px 0 8px 21px;}
#container #aside .side-menu > li > ul {display:none;border-top:1px solid #E2E2E2;background-color:#FAFAFA;padding:4px 0;}
#container #aside .side-menu > li.active.menu-item-has-children> ul {display:block;}
#container #aside .side-menu > li > ul li {padding:0 0 0 25px;}
#container #aside .side-menu > li > ul li a {display:block;padding:5px 0 5px 10px;background:url(images/ic_gt.png) 0 13px no-repeat;}
#container #aside .article {margin-top:40px;}
#container #aside .article .line-wrap{position:relative;padding-bottom:5px;border-bottom:1px solid #DCE0E1;}
#container #aside .article .line-wrap .tit {font-size:15px;font-weight:700;}
#container #aside .article .line-wrap .line{position:absolute;left:0;bottom:-1px;display:block;width:30px;border-top:1px solid #4CB0B5;/* customerColorSet */;}

#container #aside .best-post ul {margin-top:5px;}
#container #aside .best-post ul li {padding:8px 0;border-top:1px solid #E5E5E5;}
#container #aside .best-post ul li:first-child {border-top:0;}
#container #aside .best-post ul li a {display:block;overflow:hidden;}
#container #aside .best-post ul li a img {float:left; margin-right:10px;width:60px;height:60px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
#container #aside .best-post ul li a span {display:block;overflow:hidden;height:40px;}
#container #aside .best-post ul li a em {display:block;}
#container #aside .tag-box .tag-cloud {margin-top:10px;}
#container #aside .tag-box .tag-cloud a {display:inline-block;border:1px solid #E3E3E2;height:28px;line-height:26px;padding:0 6px;margin:0 1px 6px 0;vertical-align:top;background-color:#F2F2F1;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
#container #aside .tag-box .tag-cloud a.rand1 {font-size:14px;color:#858484;
	text-shadow:1px 1px #BFBFBE;
}


#container #aside .bnn {margin-top:8px;}
#container #aside .bnn li {margin-bottom:20px}
#container #aside .bnn * img {width:198px;height:auto;}
#container #aside .bnn .cs {padding-top:15px;}

#container #aside .tool { margin:23px 0;}
#container #aside .tool li {float:left;padding-right:3px;}


#container #contents {min-height:500px;}
#container #aside + #contents {width:740px;}
#container.aside-left #aside {float:left;}
#container.aside-left #aside + #contents {float:right;}
#container.aside-right #aside {float:right;}
#container.aside-right #aside + #contents {float:left;}
#container.aside-hidden #aside {display:none;}
#container.aside-hidden #aside + #contents {width:100%;}


#container .location {float:right;position:relative;height:50px;background-color:transparent;}
#wrap.box-layout #container .location {width:auto;}
#container .location > div {width:auto;margin:0 auto;padding-top:10px;text-align:right;color:#656565;}
#container .location > div a,
#container .location > div span {display:inline-block;font-size:1em;}
#container .location > div span.separator {display:inline-block;width:15px;vertical-align:middle;text-align:center;}
#container .location > div a:first-child {padding-left:13px;background:url(images/bullet_square2.gif) 0 50% no-repeat;}
#container .location > div span:last-child {font-weight:900;}
#container .location > div li:last-child a {font-size:14px;}



#container #contents {}
#container #contents .page-title{float:left;position:relative;padding-bottom:24px;}
#container #contents .page-title:after {display:block;clear:both;height:0;content:' ';}
#container #contents .page-title .tit {padding-top:6px;font-size:2.333em;line-height:28px;letter-spacing:-1px;font-weight:700;color:#51535c;}
#container #contents .page-title .line {display:block;position:absolute;left:0;bottom:-2px;width:211px;height:3px;z-index:100;background-color:#4cb0b5;/* customerColorSet */}
#container #contents .thin-line {width:100%;position:relative;top:60px;height:1px;z-index:99;background-color:#E2E2E2;/* customerColorSet */}
#container #contents .page-title .prev-page {display:none;}
#container #contents .hentry {clear:both;margin-top:100px;}
.hentry .toggle-wrap {}
.hentry .toggle-wrap button { padding:0 10px;height:30px; line-height:30px; margin-right:3px; border:1px solid #eee; background-color:#F8F8F8;
	border-radius:3px;
}
.hentry .toggle-wrap button span { color:#7A7A7A; }
.hentry .toggle-wrap button.active { border:1px solid #E5E5E5; background-color:#4CB0B5;/* customerColorSet */}
.hentry .toggle-wrap button.active span { color:#fff; }



.img-type {margin-top:30px;overflow:hidden; border-top:1px solid #EBEBEB;}
.img-type ul {margin-left:-23px;}
.img-type ul:after {display:block;clear:both;height:0;content:' ';}
.img-type li {float:left;width:230px;margin-top:25px;margin-left:23px;padding-bottom:30px;text-align:center;height:365px;overflow:hidden;}
.img-type li .thumb {position:relative;display:inline-block;width:100%;height:160px;overflow:hidden;}
.img-type li .thumb img {border:1px solid #ebebeb;width:100%;height:auto;min-height:160px;/* width:227px;height:177px; */}
.img-type li .thumb .bg {position:absolute; top:0; left:0; width:100%; height:100%;/* height:177px; */background-color:#4CB0B5; /* customerColorSet */
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	opacity:0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.img-type li .thumb .bg > a {line-height:6.5em;text-align:center;color:#fff;font-size:13px;font-weight:700;}
.img-type li .thumb > .btn {position:absolute; top:50%;margin-top:-13px; left:0; width:100%; text-align:center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity:0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.img-type li .thumb > .btn a {display:inline-block;width:35px;height:35px;margin:0 0 0 5px;overflow:hidden;text-indent:-1000px;background:url(images/ic_over.png) 0 0 no-repeat;}
.img-type li .thumb > .btn azoom {background-position:0 0;}
.img-type li .thumb > .btn a.link {background-position:-60px 0;}
.img-type li:hover .bg {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	opacity:.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.img-type li:hover .thumb > .btn {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity:1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.img-type li > a{display:block;margin-top:5px;font-size:16px;font-weight:700;text-align:left;}
.img-type li > .thumb + a {margin-top:15px;color:#4b4b4b;font-size:1.167em;}
.img-type li > em {display:block;margin-top:3px;font-size:12px;text-align:left;color:#4CB0B5;/* customerColorSet */}
.img-type li > .text {margin-top:10px;font-size:1em;color:#9f9f9f;line-height:24px;text-align:left;max-height:240px;overflow:hidden;}
.img-type li .img-type-more {display:table;width:102px;height:42px;text-align:center;border:1px solid #ebebeb;margin-top:22px;}
.img-type li .img-type-more a {display:table-cell;width:100%;height:100%;vertical-align:middle;font-size:1.083em;font-weight:700;color:#52bdc1;}

.list-type {margin-top:10px; border-top:1px solid #ebebeb;}
.list-type li {position:relative;border-top:1px solid #ebebeb;padding:30px 0;}
.list-type li:first-child {border-top:0;}
.list-type li:after {display:block;clear:both;height:0;content:' ';}
.list-type li img.attachment-thumbnail,
.list-type li img.thumbnail {float:left;margin:0 41px 10px 0;width:217px;height:135px;border:1px solid #ebebeb;}
.list-type li strong {display:block;font-size:18px;font-weight:700;}
.list-type li strong a {display:table-cell;height:42px;vertical-align:middle;padding-left:12px;color:#6D6D6D;}

.share-sns {float:right;}

.tag-label {/*display:none;*/}
.tag-label:after {display:block;clear:both;height:0;content:' ';}
.tag-label dt {float:left;margin-right:10px;}
.tag-label dd {float:left;}
.tag-label dd a:after {content:', ';}
.tag-label dd a:last-child:after {display:none;}
.tag-label dd span.tag-links a {font-size:0.917em; color:#9f9f9f; font-weight:700;} 

.entry-meta {display:block;margin-top:10px;}
.entry-meta > span:after {content:'|';width:12px;text-align:center;display:inline-block;color:#BFBFBF;}
.entry-meta > span:last-child:after {display:none;}
.entry-meta > span a {font-size:0.917em; color:#9f9f9f; font-weight:700;} 
.entry-meta > span a:hover, .entry-meta > span a:focus, .entry-meta > span a:active {color:#000;border-bottom:1px solid #333;}
.entry-meta > span:first-child > a, .entry-meta > span:first-child {font-weight:800;}
.entry-meta > span:first-child > a:hover, .entry-meta > span:first-child > a:focus, .entry-meta > span:first-child > a:active {border-bottom:1px solid #4CB0B5;}
.list-type li .text {margin-top:15px;max-height:61px;overflow:hidden;color:#808080;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-type li .more {float:left;display:table;width:102px;height:42px;text-align:center;border:1px solid #ebebeb; }
.list-type li .more a {display:table-cell;width:100%;height:100%;vertical-align:middle;font-size:1.083em;font-weight:700;color:#52bdc1;}

.result-search {margin-top:50px;font-size:23px;padding:45px 0;color:#616161;text-align:center;background-color:#FAFAFA;font-weight:700;}
.result-search em {display:block;padding-bottom:10px;color:#4CB0B5;/* customerColorSet */}

.api-area {}
.map-info {margin-top:40px;color:#5e5e5e;}
.map-info .addr {font-size:16px;font-weight:700;border-bottom:3px solid #D7D7D7;padding-bottom:8px;}
.map-info .addr-opt {margin-top:15px;}


.hentry .entry-header {font-size:22px;color:#6d6d6d;font-weight:700;}
.hentry .entry-content {padding:20px 0 50px;}

/* comment */
.comments-area {margin-top:50px;}
.comments-area .comments-title {font-size:16px;}
.comments-area .comment-list {border-top:2px solid #E0E0E0;margin-top:12px;}
.comments-area .comment-list > ol > li {padding:30px 0;border-bottom:1px solid #E0E0E0;}


.avatar-box {float:left;}
.avatar-box  img {width:85px;height:85px;
	border-radius:3px;
}
.comment-wrap {padding-left:108px;}
.commentmetadata .fn {font-size:15px;font-weight:700;color:#333;padding-right:10px;}
.commentmetadata .comment-date {}

.comment-content {line-height:1.5;margin-top:5px;}

.children {position:relative;margin-top:30px;margin-left:90px;background-color:#F7F7F7;padding:15px;}
.children .design-element {position:absolute;top:-16px;left:37px;display:block;width:16px;height:16px;border:8px solid transparent;border-bottom:8px solid #F7F7F7;}
.children ol li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E0E0E0;}
.children ol li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}

.buttonBox {line-height:1.5;margin-top:5px;}
.buttonBox a {font-size:12px;text-align:center;display:inline-block;width:43px;height:19px;line-height:17px;border:1px solid #C3C3C3;background-color:#FFF;
	border-radius:2px;
	box-shadow:0px -1px 0 #FBFBFB;
	box-shadow:inset 0px -1px 0 #FBFBFB;
}
.comment-respond {padding:20px 0;}
.comment-reply-title {font-size:16px;font-weight:700;padding-bottom:10px;}
.comment-reply-title span.comment-notes {font-size:0.817em; color:#9f9f9f; font-weight:400;letter-spacing:-1px;}
.comment-reply-title small {font-size:12px;;font-weight:400;}

.comment-form .writer-information-box {display:table;width:100%;margin-top:20px;}
.comment-form p.form-allowed-tags {padding-top:10px;font-size:0.917em; color:#9f9f9f; font-weight:700;}
.comment-form p.form-allowed-tags code {font-size:1.05em;font-family: Arial, sans-serif;font-weight:400;}
.comment-form .writer-information-box {display:table;width:100%;margin-top:20px;}
.comment-form .writer-information-box .writer_info {display:table-cell;width:40%;height:auto;position:relative;}
.comment-form .writer-information-box .writer_info + p {width:60%;padding-left:6px;}
.comment-form .writer-information-box .writer_info input[type=text] {width:100%;border-color:#e8e8e8;background-color:#fff; box-shadow:none;}
.comment-form .writer-information-box .writer_info input[type=text] + label {position:absolute;top:9px;left:10px;color:#BCBBBB;display:none;cursor:text;}
.comment-form .writer-information-box .writer_info input[type=text]:focus + label {display:none;}
 
.comment-form-comment {position:relative;margin-top:15px;}
.comment-form-comment label[for="comment"] {display:none}
.comment-form-comment #comment {width:100%;height:120px;background-color:#fff;box-shadow:none;border-color:#e8e8e8 !important;}
.comment-form-comment #private {width:100%;color:#949494;padding:10px; background: #fff; border:1px solid #dadde1 !important; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px #e9e9e9; border-color:#e8e8e8 !important;box-shadow:none;resize:none}
.comment-form-comment label {padding-top:10px;font-size:0.917em; color:#9f9f9f; font-weight:700;}
.form-submit {margin:20px 0;line-height:39px;text-align:center;}

.form-submit input[type="submit"] {padding:10px 50px;line-height:19px;text-align:center;font-size:1.583em;font-weight:700;color:#fff;background-color:#27b8c3;
  border:0px solid transparent;
	border-radius:5px;
}



/* page navigation */
.paging-navigation {clear:both;margin:40px 0;padding-top:40px;width:100%;border-top:1px solid #ebebeb;}
.page-navigation-toggle,
.pageCount {display:none}
.paging-navigation:after {display:block;content:"";clear:both;}
.paging-navigation > span {height:32px;line-height:32px;}
.paging-navigation .pagination.loop-pagination {display:block;width:auto;height:32px;line-height:32px;text-align:center;}
.paging-navigation .pagination.loop-pagination .page-numbers {display:inline-block;margin:0;padding:0;width:17px;height:17px;line-height:32px;color:#9e9e9e;text-align:center;font-size:0.917em;background:#FFFFFF}
/*.paging-navigation .pagination.loop-pagination a.page-numbers:hover {font-weight:bold;color:white;background:#FFBD2F;}*/
.paging-navigation .pagination.loop-pagination .prev,
.paging-navigation .pagination.loop-pagination .next,
.paging-navigation .pagination.loop-pagination .firstPage,
.paging-navigation .pagination.loop-pagination .lastPage
{
	width:32px;height:32px;
}
.paging-navigation .pagination.loop-pagination .current {font-weight:900;}
.paging-navigation .pagination.loop-pagination span.separate {display:inline-block;width:26px;}



#footer{min-height:160px;border-top:2px solid #eee;clear:both; display:block; background:#313239;}
.box-layout #footer {margin:0 -20px;}
#footer .foot-area {margin:0 auto;padding:64px 0 0;color:#a5a5a5;}
#footer .foot-utill {display:none;}
#footer .foot-utill:after {display:block;clear:both;height:0;content:' ';}
#footer .foot-utill a {display:inline-block;border:1px solid #121010;float:left;margin-right:5px;
	border-radius:3px;
}
#footer .foot-utill a:last-child {float:right;margin-right:0;}
#footer .foot-utill a span {display:inline-block;border:1px solid #636363;background-color:#6F6F6F;color:#E3E3E3;line-height:24px;width:75px;text-align:center;
	border-radius:3px;
	box-shadow:inset 0 -3px 10px #4E4E4E;
}
#footer .company-info {}
#footer .company-info h4 {text-align:center;color:#fff;font-size:3.167em;font-weight:normal !important;line-height:38px;}
#footer .company-info .foot-menu {overflow:hidden;text-align:center;}
#footer .company-info .foot-menu li {display:inline-block;font-size:1.2em;line-height:31px;letter-spacing:-1px;}
#footer .company-info .foot-menu li:after {content:'|';font-weight:bold;width:31px;text-align:center;display:inline-block;color:#98989c;}
#footer .company-info .foot-menu li:last-child:after {content:'';display:none;}
#footer .company-info .foot-menu li a {font-size:1.2em;font-weight:400;color:#98989c;}
#footer .company-info address {font-size:0.917em;font-weight:400;color:#767885;margin-top:53px;background:#191b1f;text-align:center;padding:35px 0;}
#footer .company-info .copyright {font-size:12;color:#7a7a7a;margin-top:10px;}

#footer .sns-link {display:table;height:74px;margin:0 auto;overflow:hidden;padding-top:8px;}
#footer .sns-link li {display:table-cell;padding:0 13px;}
#footer .sns-link li a {display:block;overflow:hidden;width:78px;height:74px;text-indent:-1000px;}
#footer .sns-link li.tw a {background: url(images/btn_sns_facebook.jpg) 0 0 no-repeat;}
#footer .sns-link li.fc a {background: url(images/btn_sns_twitter.jpg) 0 0 no-repeat;}
#footer .sns-link li.goo a {background: url(images/btn_sns_google.jpg) 0 0 no-repeat;}

#toTop {position:fixed;z-index:1000;bottom:20px;right:20px;display:none;
	opacity:.7;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
#toTop a {display:block;width:41px;height:41px;background-color:#777;color:#fff;overflow:hidden;text-align:center;line-height:28px;
	border-radius:5px;
}
#toTop a em {position:relative;top:4px;left:15px;display:block;width:5px;height:5px;border:5px solid #777;border-bottom:5px solid #fff; }



@media only screen and ( min-width: 769px ) and ( max-width: 1024px ) {
	#wrap, #wrap.box-layout {width:100%;padding:0;}
	#testControl {display:none !important;}
	#header .header-wrap {position:relative;width:97.6923077%;margin:0 auto;z-index:10;min-height:148px;}
	#header .header-wrap #gnb > ul {width:100%;}
	#header .header-wrap #gnb > ul > li {display:inline-block;position:relative;width:33.333333%;}
	#header .header-wrap #gnb > ul > li a {font-size:1.417em;font-weight:700;}
	#header .header-wrap #gnb > ul > li > a {display:block;font-size:18px;padding:23px 23px 18px;letter-spacing:-1px;text-align:center;}
	#header .header-wrap #gnb > ul > li.active {z-index:20; }
	#header .header-wrap #gnb > ul > li.active > a{color:#58cbd0;background:url('images/bg_active.gif') 30% 30px no-repeat;}
	
	div.menu-depth-1 div.menu-depth-1_ul_wrap {width:97.6923077%;min-height:186px;padding-top:24px;margin:0 auto;}
	div.menu-depth-1 {display:none;position:relative;top:0;left:0;width:100%;margin-top:10px;border-top:3px solid #000;background:#fff;background:rgba(255, 255, 255, .9);z-index:100;}
	
	div.menu-depth-1 div.menu-depth-1_ul_wrap > ul  {float:left;width:33.3333333%;margin-bottom:10px;}
	div.menu-depth-1 div.menu-depth-1_ul_wrap > ul > li {text-align:center;}
	div.menu-depth-1 div.menu-depth-1_ul_wrap > ul > li > a {display:block;padding:4px 0;font-size:1.250em;font-weight:700;color:#494b56;}
	
	.visual-banner .caroufredsel_wrapper,
	.visual-banner .caroufredsel_wrapper ul {height:480px !important;width:97.6923077 % !important;}
	.visual-banner .control-btn {position:relative;height:0;line-height:0;font-size:0;width:97.6923077%;;margin:0 auto;}
	
	.main-cont .article {width:97.6923077%;margin:0 auto;padding:50px 0;}
	
	.main-cont .article .article_title h2 {line-height:41px;}
	.main-cont .article .article_title {height:100px;}

	.main-cont .cpt-area dl {float:left;position:relative;width:40%; height:360px;margin:54px 5% 0 5%;padding:6px;border:1px solid #e5e5e5;}
	.main-cont .cpt-area dl.last {margin:54px 5% 0 5%;}
	.main-cont .cpt-area dl dt > span > img {display:inline-block;width:207px;height:146px;}
	
	.main-cont .menu-intro {padding:40px 0;position:relative;background:url('images/bg_pattern_slash.gif') 0 100% repeat-x;}
	.main-cont .menu-intro .line-title {overflow:hidden;clear:both;width:100%;padding:0 0 10px 0px;border-bottom:none;text-align:center;}
	.main-cont .menu-intro .line-title span.img_wrap {display:block;position:relative; top:0; right:0;width:100%; text-align:center; padding:20px 0; }
	.main-cont .menu-intro .article_info {padding-right:0px;}
	.main-cont .menu-intro .article_info h5 {padding:0px 0 0 0px;color:#58cbd0;font-size:1.617em;font-weight:700; text-align:center;}
	.main-cont .menu-intro .article_info span {display:block;padding:6px 0 0 0px;color:#898989;font-size:1.167em;text-align:center;}
	.main-cont .menu-intro .article_info ol {margin:0 auto !important;width:67%;padding-top:30px;}
	.main-cont .menu-intro .article_info ol li {font-size:1em;}
	
	
	.main-cont .etc {padding:65px 0;position:relative;}
	.main-cont .etc .etc_info {display:table;float:left;width:33.3103676%;height:109px;margin-right:0.0344488%;overflow:hidden;}
	.main-cont .etc .last {margin-right:0;}
	.main-cont .etc .etc_info h5 {position:relative;padding-left:10px;font-size:1.083em;font-weight:700;color:#4f4f4f;}
	.main-cont .etc .etc_info h5.service {padding-left:30px;}
	.main-cont .etc .etc_info h5 span {display:block;position:absolute; top:4px; right:10px;}
	.main-cont .etc .etc_info ul.notice-list {padding:0 10px;width:100%;}
	.main-cont .etc .etc_info ul.notice-list li {display:table;width:100%;padding:2px 0 0 8px;background:url('images/bullet_square.gif') 0 50% no-repeat;}
	.main-cont .etc .etc_info ul.notice-list li span {display:inline-block;text-align:center;overflow:hidden;vertical-align:middle;}
	.main-cont .etc .etc_info ul.notice-list li span.subject {display:table-cell;text-align:left;color:#737373;}
	.main-cont .etc .etc_info ul.notice-list li span.ico {display:table-cell;width:39px;}
	.main-cont .etc .etc_info ul.notice-list li span.date {display:table-cell;width:82px;color:#aaaaaa;}
	.main-cont .etc .etc_info ul.service-list {display:table;padding:0 10px;width:100%;margin-top:25px;}
	.main-cont .etc .etc_info ul.service-list li {display:table-cell; width:25%;height:62px;border-right:1px solid #d8d8d8;text-align:center;}
	.main-cont .etc .etc_info ul.service-list li:last-child {border-right:none;}
	.main-cont .etc .etc_info ul.service-list li span {display:inline-block;position:relative;top:45px;}
	.main-cont .etc .etc_info p.cs {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
	
	.main-cont .etc {padding:35px 0;position:relative;}
	.main-cont .etc .etc_info {width:100%;margin:40px 0;}
	.main-cont .etc .etc_info h5 {font-size:1.250em;}
	.main-cont .etc .etc_info h5.service {padding-left:10px;}
	
	#container .cont-wrap {width:100%;margin:0 auto;padding:74px 20px;}
	#container #aside {display:none;}
	#container #aside + #contents {width:100%;}
	
	.img-type ul {margin-top:-45px;margin-left:0px;}
	.img-type ul:after {display:block;clear:both;height:0;content:' ';}
	.img-type li {float:left;width:35.3887399%;margin-top:65px;margin-left:0;padding-right:6.1662198%;text-align:center;height:365px;overflow:hidden;}
	.img-type li:nth-child(3n+3) {width:29.2225201%; padding-right:0;}
	
	.main-cont .cooper .bnn-rolling ul li:nth-child(1n+4) {display:none;}
	
}

@media only screen and ( max-width: 768px ) {
	#wrap, #wrap.box-layout {width:100%;padding:0;}

	#testControl {display:none !important;}
	
	#wrap {background:url('images/mobile_bg_wrap.gif') repeat-x #fff;}
	#header .header-wrap {width:100%;}
	
	#header .header-wrap .utill .utill_innerDiv1 { padding-top:22px;}
	#header .header-wrap .utill .utill_innerDiv1 dl.familysite {display:none;}
	#header .header-wrap .utill ul {margin-right:17px;}
	#header .header-wrap .utill .search-form {display:none;}
	#header .header-wrap .logo {top:117px;left:50%;width:200px;margin-left:-100px;text-align:center;}
	#header .header-wrap .logo img {width:200px;}
	#header .header-wrap #gnb {margin:95px 2.5% 0 2.5%;padding-bottom:30px;}
	#header .header-wrap #gnb .gnb-menu {display:block;position:absolute;top:-45px;left:0px;width:42px;height:40px;background: url(images/mobile_btn_toggle_gnb.jpg) 0 50% no-repeat;}
	#header .header-wrap #gnb .search {display:block;position:absolute;top:-45px;right:0px;width:42px;height:40px;background: url(images/mobile_btn_toggle_search.jpg) 0 50% no-repeat;}
	
	#header .header-wrap #gnb > ul {display:none;float:left;width:100%;}
	#header .header-wrap #gnb > ul > li {display:block;width:100%;}
	#header .header-wrap #gnb > ul > li.menu-item-has-children {background: url(images/mobile_gnb_haschild.gif) 97.5% 15px no-repeat;}
	#header .header-wrap #gnb > ul > li.active {background: url(images/mobile_gnb_haschild_active.gif) 97.5% 15px no-repeat;}
	#header .header-wrap #gnb > ul > li > a {text-align:left;padding:14px 2.5%;color:#a5a5a5;font-size:1.333em;border-bottom:1px solid #ededed;}
	
	#header .header-wrap #gnb > ul > li.active > a {color:#000;font-size:1.333em;background:none;border-bottom:2px solid #000;}
	#header .header-wrap #gnb > ul > li > ul.added-menu-depth-1 > li {border-bottom:1px solid #ededed;width:100%;}
	#header .header-wrap #gnb > ul > li > ul.added-menu-depth-1 > li > a {text-align:left;display:block;padding:14px 5%;color:#d2d2d2;font-size:1.333em;}
	#header .header-wrap #gnb > ul > li > ul.added-menu-depth-1 > li.active > a {color:#000000;text-decoration:underline;}
	
	#header .header-wrap .utill .search-form {display:none;position:relative;top:100px;width:95%;margin:0 2.5%;z-index:100;}
	#header.ag-ct .header-wrap #gnb li a {text-align:left;}
	#header.ag-lt .header-wrap .logo,
	#header.ag-ct .header-wrap .logo,
	#header.ag-rt .header-wrap .logo{top:126px;left:50%;width:278px;margin-left:-139px;text-align:center;}

	.visual-banner .caroufredsel_wrapper, .visual-banner .caroufredsel_wrapper ul {height:313px !important; border-bottom:5px solid #c7c7c7;}
	.visual-banner .add-btn button.more {display:none;}
	.visual-banner .add-btn span.separate {display:none;}
	.visual-banner li div {top:125px;margin:0;width:100%;text-align:center;}
	.visual-banner li div p.title {display:none;}
	.visual-banner li div p.sub {font-size:4.583em;letter-spacing:-1px;line-height:42px;padding-bottom:16px;}
	.visual-banner li div p.sub > span {display:inline-block;border-bottom:none;Text-transform:uppercase;}
	.visual-banner li div p.description {font-size:1.167em;line-height:14px;}
	.visual-banner .add-btn {top:209px;}
	.visual-banner .control-btn button {top:-200px;}
	.visual-banner .control-btn {position:relative;height:0;line-height:0;font-size:0;width:100%;margin:0 auto;}
	.visual-banner .control-btn button.prev {left:0px;width:40px; background:url('images/mobile_btn_main_prev.png') 50% 50% no-repeat !important;}
	.visual-banner .control-btn button.next {right:0px;width:40px; background:url('images/mobile_btn_main_next.png') 50% 50% no-repeat !important;}
	
	.main-cont .article {width:100%;margin:0 auto;padding:50px 0;}
	.main-cont .article .article_title h2 {font-size:2.333em;}
	.main-cont .article .article_title p {padding-top:0px;font-size:1.083em;}
	
	.main-cont .cpt-area dl {float:left;position:relative;width:90%; height:360px;margin:54px 5% 0 5%;padding:6px;border:1px solid #e5e5e5;}
	.main-cont .cpt-area dl.last {margin:54px 5% 0 5%;}
	
	.main-cont .menu-intro {padding:40px 0;position:relative;background:url('images/bg_pattern_slash.gif') 0 100% repeat-x;}
	.main-cont .menu-intro .line-title {overflow:hidden;clear:both;width:100%;padding:0 0 10px 0px;border-bottom:none;text-align:center;}
	.main-cont .menu-intro .line-title span.img_wrap {display:block;position:relative; top:0; right:0;width:97.5%; margin:0 !important;text-align:center; padding:20px 2.5%; }
	.main-cont .menu-intro .line-title span.img_wrap img {width:100%;max-width:450px;height:auto;}
	.main-cont .menu-intro .article_info {padding-right:0px;}
	.main-cont .menu-intro .article_info h5 {padding:0px 0 0 0px;color:#58cbd0;font-size:1.617em;font-weight:700; text-align:center;}
	.main-cont .menu-intro .article_info span {display:block;padding:6px 0 0 0px;color:#898989;font-size:1.167em;text-align:center;}
	.main-cont .menu-intro .article_info ol {margin:0 auto !important;width:67%;padding-top:30px;}
	.main-cont .menu-intro .article_info ol li {font-size:1em;}
	
	.main-cont .etc {padding:65px 0;position:relative;}
	.main-cont .etc .etc_info {display:table;float:left;width:33.3103676%;height:109px;margin-right:0.0344488%;overflow:hidden;}
	.main-cont .etc .last {margin-right:0;}
	.main-cont .etc .etc_info h5 {position:relative;padding-left:10px;font-size:1.083em;font-weight:700;color:#4f4f4f;}
	.main-cont .etc .etc_info h5.service {padding-left:30px;}
	.main-cont .etc .etc_info h5 span {display:block;position:absolute; top:4px; right:10px;}
	.main-cont .etc .etc_info ul.notice-list {padding:0 10px;width:100%;}
	.main-cont .etc .etc_info ul.notice-list li {display:table;width:100%;padding:2px 0 0 8px;background:url('images/bullet_square.gif') 0 50% no-repeat;}
	.main-cont .etc .etc_info ul.notice-list li span {display:inline-block;text-align:center;overflow:hidden;vertical-align:middle;}
	.main-cont .etc .etc_info ul.notice-list li span.subject {display:table-cell;text-align:left;color:#737373;}
	.main-cont .etc .etc_info ul.notice-list li span.ico {display:table-cell;width:39px;}
	.main-cont .etc .etc_info ul.notice-list li span.date {display:table-cell;width:82px;color:#aaaaaa;}
	.main-cont .etc .etc_info ul.service-list {display:table;padding:0 10px;width:100%;margin-top:25px;}
	.main-cont .etc .etc_info ul.service-list li {display:table-cell; width:25%;height:62px;border-right:1px solid #d8d8d8;text-align:center;}
	.main-cont .etc .etc_info ul.service-list li:last-child {border-right:none;}
	.main-cont .etc .etc_info ul.service-list li span {display:inline-block;position:relative;top:45px;}
	.main-cont .etc .etc_info p.cs {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
	
	.main-cont .etc {padding:35px 0;position:relative;}
	.main-cont .etc .etc_info {width:100%;margin:40px 0;}
	.main-cont .etc .etc_info h5 {font-size:1.250em;}
	.main-cont .etc .etc_info h5.service {padding-left:10px;}
	
	#container .cont-wrap {width:100%;margin:0 auto;padding:74px 20px;}
	#container #aside {display:none;}
	#container #aside + #contents {width:100%;}
	#container .sub-banner {overflow:hidden;}
	
	.img-type ul {margin-top:-45px;margin-left:0px;}
	.img-type ul:after {display:block;clear:both;height:0;content:' ';}
	.img-type li {float:left;width:50%;margin-top:65px;margin-left:0;padding:0 2.5%;height:auto;text-align:center;overflow:hidden;}
	
	.main-cont .cooper .bnn-rolling ul li:nth-child(1n+2) {display:none;}
	
	#footer .foot-utill {display:block;padding:0 30px 0 30px;}

}

#comments .comment-content {word-wrap: break-word;}

#POST-CONTENT  > .agreement{font-size:1em;line-height:18px;}
#POST-CONTENT  * { font-family:'나눔고딕','NanumGothic','Nanum Gothic',Arial, Helvetica, sans-serif;word-wrap: break-word;}

#POST-CONTENT h1 {clear:both;line-height:1.4em; font-size:2em;margin:0.67em 0}
#POST-CONTENT h2 {clear:both;line-height:1.86em;font-size:1.5em;margin:0.60em 0}
#POST-CONTENT h3 {clear:both;line-height:2.39em;font-size:1.17em;margin:0.53em 0}
#POST-CONTENT h4 {clear:both;line-height:2.4em; font-size:1em;margin:0.46em 0}
#POST-CONTENT h5 {clear:both;line-height:2.83em;font-size:0.83em;margin:0.39em 0}
#POST-CONTENT h6 {clear:both;line-height:3.99em;font-size:0.7em;margin:0.32em 0}

#POST-CONTENT h1:first-child,
#POST-CONTENT h2:first-child,
#POST-CONTENT h3:first-child,
#POST-CONTENT h4:first-child,
#POST-CONTENT h5:first-child,
#POST-CONTENT h6:first-child { margin-top: 0; }

#POST-CONTENT address {font-style:italic;margin-bottom:24px;}
#POST-CONTENT strong {font-weight:700;}
#POST-CONTENT em {font-style:italic;}
#POST-CONTENT p {margin-bottom:24px;}
#POST-CONTENT pre {margin:20px 0;font-family:monospace, serif;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6;}

#POST-CONTENT blockquote:before, #POST-CONTENT blockquote:after {content:"";content:none;}
#POST-CONTENT blockquote {margin:15px 15px 15px 0;padding:0 0 0 10px;color:#767676;font-style:italic;line-height:1.8em;border-left:4px solid #87CEEB}
#POST-CONTENT blockquote em {font-style:normal;}
#POST-CONTENT blockquote strong {font-weight:400;}

#POST-CONTENT ul,
#POST-CONTENT ul > li {list-style:disc;}

#POST-CONTENT ol,
#POST-CONTENT ol > li {list-style:decimal;}

#POST-CONTENT ul,
#POST-CONTENT ol {margin:0 0 10px 20px;padding:0 0 0 20px;}
#POST-CONTENT li > ul,
#POST-CONTENT li > ol {margin:0 0 0 20px;padding:0 0 0 20px;}


#POST-CONTENT del {color:#767676;}
#POST-CONTENT hr {background-color:rgba(0, 0, 0, 0.1);border:0;height:1px;margin-bottom:23px;}

#POST-CONTENT .comment-content img,
.wp-caption {max-width:100%;}

.comment-content img[height],
#POST-CONTENT img[class*="align"],
#POST-CONTENT img[class*="wp-image-"],
#POST-CONTENT img[class*="attachment-"]{height:auto;}

#POST-CONTENT img,
#POST-CONTENT img.size-full,
#POST-CONTENT img.size-large,
#POST-CONTENT .wp-post-image,
#POST-CONTENT .post-thumbnail img {height:auto;max-width:100%;}

#POST-CONTENT embed,
#POST-CONTENT iframe,
#POST-CONTENT object,
#POST-CONTENT video {margin-bottom:24px;max-width:100%;}

#POST-CONTENT p > embed,
#POST-CONTENT p > iframe,
#POST-CONTENT p > object,
#POST-CONTENT span > embed,
#POST-CONTENT span > iframe,
#POST-CONTENT span > object {margin-bottom:0;}

#POST-CONTENT .nmap > img,
#POST-CONTENT .nmap * img {width:auto;max-width:none;}

/* Alignment */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}

blockquote.alignleft,
img.alignleft {margin: 7px 24px 7px 0;}

.wp-caption.alignleft {margin: 7px 14px 7px 0;}

blockquote.alignright,
img.alignright {margin: 7px 0 7px 24px;}

.wp-caption.alignright {margin: 7px 0 7px 14px;}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {	border-top: 1px solid rgba(0, 0, 0, 0.1);	border-bottom: 1px solid rgba(0, 0, 0, 0.1);	padding-top: 17px;	width: 50%;}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {	margin-bottom: 17px;}

.wp-caption {margin-bottom:24px;padding:10px 5px ;}
.wp-caption img[class*="wp-image-"] {display:block;margin:0 auto;}
.wp-caption {color:#333;}
.wp-caption-text {font-style:italic;line-height:1.5;margin:9px 0 0;padding-right:10px;}
.wp-caption-text:before {content:'▲ ';font-style:normal;}

.wp-smiley {border:0;margin-bottom:0;margin-top:0;padding:0;}

/* Tag 링크 */
.tag-label {/*display:none;*/}
.tag-label:after {display:block;clear:both;height:0;content:' ';}
.tag-label dt {float:left;margin-right:10px;}
.tag-label dd {float:left;}
.tag-label dd a:after {content:', ';}
.tag-label dd a:last-child:after {display:none;}
.tag-label dd span.tag-links a {font-size:0.917em; color:#9f9f9f; font-weight:700;} 


#error404 {}
#error404 h2,#error404 h3 {margin:0 0 10px 0;}
#error404 ul {margin:0 0 20px 20px}
#error404 ul li {line-height:1.8em;list-style:disc}


/*bbse plugins*/
#bbse_board fieldset,
#bbse_contact_form fieldset {border:none}

#bbse_board div,
#bbse_contact_form div,
#bbse_membership div,

#bbse_board p,
#bbse_contact_form p,
#bbse_membership p,

#bbse_board input,
#bbse_contact_form input,
#bbse_membership input {margin:initial;padding:initial;line-height:initial;}

#bbse_board .con div {height:20px !important;line-height:20px !important}