@charset "utf-8";
@import url('sub.css');

#snb {top:8rem}
#snb .nav .tab-tt {background-color:#00b0ad; color:#fff; cursor:pointer; display:block; font-size:1rem; height:3rem; line-height:3rem; text-align:center; position:relative}
#snb .nav .tab-tt:after {content:'\e910'; font-family:'fontIcon' !important; display:inline-block; margin-left:5px; vertical-align:-2px}
#snb .nav ul {display:none; box-shadow:1px 0 10px 0 rgba(0,0,0,.2)}
#snb .nav ul li a {color:#666; padding:0.7rem 0}
#snb .nav > ul > li {background-color:#fff; border-bottom:1px solid #e6e6e6; display:block}
#snb .nav > ul > li > a {height:2.5rem; letter-spacing:0 !important}
#snb .nav > ul > li.active {border-bottom:1px solid #00b0ad}
#snb .nav > ul > li.active > a {color:#00b0ad}
#snb .nav ul ul {position:relative}
#snb .nav ul ul:after {display:none}
#snb .nav ul ul li {display:block}

.content_info {height:8rem; padding:1.5rem 1rem}
.content_info h3 {font-size:2rem}

#content_detail {padding:5rem 1rem}
#depth4_menu_div {border:1px solid #00b0ad}	
#depth4_menu_div .tab-tt {color:#00b0ad; display:block; padding:0.6rem 0; text-align:center}
#depth4_menu_div .tab-tt:after {content:'\e910'; font-family:'fontIcon' !important; display:inline-block; margin-left:5px; vertical-align:-2px}
#depth4_menu_div ul {border-top:0; border:1px solid #ddd; display:none; margin-top:-1px}
#depth4_menu_div ul li {display:block; border-bottom:1px solid #ddd}
#depth4_menu_div ul li:last-child {border-bottom:0}
#depth4_menu_div ul li a {padding:0.6rem 0}

.content-list > ul > li {width:48%; margin-right:4%}
.content-list > ul > li:nth-child(3n) {margin-right:4%}
.content-list > ul > li:nth-child(2n) {margin-right:0}

.photo-article .bx-wrapper,
.photo-article .bxslider img {height:410px}