@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400');
@font-face {
 font-family: 'NanumSquareB';
 src: url(fonts/NanumSquareB.eot);
 src: url(fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareB.woff) format('woff'),
      url(fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 src: url(fonts/NanumSquare.eot);
 src: url(fonts/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquare.woff) format('woff'),
      url(fonts/NanumSquare.ttf) format('truetype');
}

pre {border:0; border-radius:0; font-family: 'NanumSquare', sans-serif; line-height:1.7; background:none;}

li {list-style:none;}
ul {padding:0;}
strong {font-weight:normal; color:#000;}
body, div, p, a, ul, li, span, td, dt, dd {font-family: 'NanumSquare', sans-serif ; color:#555; font-size:17px; line-height:1.7; letter-spacing:-0.5px;}
.font_b {font-family: 'NanumSquareB', sans-serif ;}
a {display:inline-block;}
span {display:inline-block;}
a:hover {text-decoration:none; color:inherit;}
a:focus {text-decoration:none; color:inherit;}
.header_wrap {position:relative; padding:15px 0 13px 0;}
.navbar {border:0; background:#fff; z-index:9999; width:100%; margin-bottom:0; }
.navbar-default .navbar-nav>li>a {font-size:19px; color:#000; padding:10px 30px 10px 20px; margin:10px 0; background:url(../images/nav_dot.png) no-repeat right center; }
.navbar-default .navbar-nav>li>a:hover {color:#4068b1;}
.navbar-default .navbar-nav>li:last-child>a {background:none;}
.navbar-collapse {margin-top:10px;}
.util {position:absolute; bottom:29px; right:0px; overflow:hidden;}
.util a {display:block; float:left; color:#fff; font-size:13px; padding:4px 18px; background:#ccc; font-family: 'NanumSquareB', sans-serif; }
.util a:last-child {background:#4068b1;}
.navbar-brand { height:49px; padding:0; padding-left:25px;}
.navbar-toggle {margin-top:15px; border:0;}
.navbar-default .navbar-toggle .icon-bar { background-color:#000;}
.navbar-left {margin-left:7%;}
.navbar-nav > li > .dropdown-menu {border-radius:0; box-shadow:none; border:2px solid #4068b1;}

/*헤더*/
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color:#fff; color:#4068b1;}
.navbar-default .navbar-n6a6av > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color:#fff;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background:inherit; color:#4068b1;}
.dropdown-menu > li > a {font-size:15px; padding:5px 40px 5px 0; font-family:'Noto Sans KR', sans-serif;}
.dropdown-menu {min-width:100%; padding:20px;}


/*메인비주얼*/
#carousel_type1 {max-width:1900px; margin:0 auto; margin-bottom:40px; }
#carousel_type1 .carousel-inner > .item { min-height:888px; text-align:center;}
#carousel_type1 .carousel-inner .item:nth-child(1) {background:url("../images/m_visual.jpg") no-repeat center center; background-size:cover;}
#carousel_type1 .carousel-inner .item:nth-child(2) {background:url("../images/m_visual.jpg") no-repeat center center; background-size:cover;} 
#carousel_type1 .carousel-indicators {text-align:left; bottom:20%;}
#carousel_type1 .carousel-indicators li {width:20px; height:6px; border:0; background:#fff; margin:0; margin-right:2px;}
#carousel_type1 .carousel-indicators .active { width:50px; height:6px;}
.item_txt {padding-top:232px;}


/*푸터*/
.top_btn {position:absolute; bottom:45px; right:0px;}
.top_btn span {font-size:50px; color:#ccc;}
.footer_menu {margin-bottom:10px;}
.footer_menu a {font-size:15px; font-family: 'NanumSquareB', sans-serif; color:#000; margin-right:15px;}
.social_box {position:absolute; top:40px; right:0;}

/*메인new*/
.main_community_wrap {width:100%; min-height:900px; background:url(../images/m_community_bg.jpg) no-repeat center center; background-size:cover; padding:120px 0;}
.main_community {max-width:1200px; margin:0 auto; overflow:hidden;}
.main_community a {display:block;}
.main_community img {width:100%; display:block;}
.main_community .f_left {float:left; width:46.4%;}
.main_community .f_right {float:right; width:53.6%;}
.main_community .f_right .i_left {float:left; width:50%;}
.m_academy, .m_ceo, .m_letter, .m_recipe { margin:20px 0 20px 20px;}
.m_program { margin:20px 0; position:relative;}
.m_program .tit {position:absolute; top:5.5%; left:5%; z-index:999;}

.carousel-control.left {background-image:none; top:inherit; bottom:10%; left:1%;}
.carousel-control.right {background-image:none; right:inherit; left:8%; top:inherit; bottom:10%;}

/*main_board*/
.main_board_wrap {width:100%; min-height:900px; background:url(../images/m_board_bg.jpg) no-repeat center center; background-size:cover; padding:120px 0;}
.main_board {max-width:1200px; margin:0 auto; overflow:hidden;}
.main_board a {display:block;}
.main_board a.more_btn {position:absolute; top:40px; right:25px;}
.main_board .f_left {float:left; width:46.4%;}
.main_board .f_right {float:right; width:53.6%;}
.main_board .f_right .i_left {float:left; width:50%;}
.m_notice, .m_event, .m_press { margin:20px 0 20px 20px; position:relative; border:1px solid #ddd; background:#fff; padding:40px 25px; height:295px;}
.m_cs { margin:20px 0 20px 20px; position:relative; border:1px solid #ddd; height:295px; background:#fff9cb;}
.m_notice .tit, .m_event .tit, .m_press .tit {margin-bottom:20px;}
.m_review { margin:20px 0; position:relative; background:#fff; border:1px solid #ddd; height:610px; padding:40px 30px;}
.m_review .tit {text-align:center; margin-bottom:10px;}
.m_review dl {padding:25px 0 25px 35%; margin-bottom:7px;}
.m_review dl dt {font-size:18px; color:#333; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; }
.m_review dl.s_type {background:url(../images/m_review_type_s.png) no-repeat 0 center; }
.m_review dl.m_type {background:url(../images/m_review_type_m.png) no-repeat 0 center; }

.m_event .img-responsive, .m_press .img-responsive {margin-bottom:10px; width:100%;} 

.m_notice ul li a{font-size:16.5px;}
.m_notice ul li a:hover{ color:#000;}



/*메인*/
.vi {display:inline !important;}

#img2.fadeInDown{animation-delay: 0.1s;}
#img3.fadeInDown{animation-delay: 0.2s;}
#img4.fadeInDown{animation-delay: 0.3s;}
#img5.fadeInDown{animation-delay: 0.4s;}
#post2.fadeInDown{animation-delay: 0.2s;}
#post3.fadeInDown{animation-delay: 0.4s;}
#post4.fadeInDown{animation-delay: 0.6s;}
#post5.fadeInDown{animation-delay: 0.8s;}

.intro {max-width:1400px; margin:0 auto; padding-top:100px; position:relative;}
.intro h1 {font-family: 'Titillium Web', sans-serif; font-size:48px; color:#333; font-weight:200;}
.intro h1 span {margin-left:20px; color:#4068b1; font-size:20px;}

#section0 {background:url("../images/m_bg1.jpg") no-repeat center center; background-size:cover;}
#section0 .intro {max-width:1200px; margin:0 auto;}
#section0 .intro .txt1 { font-size:30px; color:#353333; line-height:1.5; letter-spacing:-1px; margin-bottom:0;}
#section0 .intro .txt2 { font-size:60px; color:#864f3f; line-height:1.5; letter-spacing:-1px;}
#section0 .txt_box {padding:0 30px;}
#section0 ul {overflow:hidden; padding-top:30px;}
#section0 ul li {float:left; text-align:center; width:21%; padding-right:5%; background:url(../images/mpage1_icon.png) no-repeat 93% 35%; }
#section0 ul li:last-child { padding-right:0; width:15%; background:none;}
#section0 ul li p {font-size:24px; color:#333; padding:10px 0;}
#section0 .scroll_icon {text-align:center; padding-top:150px; margin-bottom:0; padding-bottom:15px;}
#section0 .scroll_icon span {font-size:40px; color:#ccc; background:#666; border-radius:100px; padding:15px; opacity:0.8;}

#section1 {background:url("../images/m_bg2.png") no-repeat center center; background-size:cover; overflow:hidden;}
#section1 .txt_box {float:left; width:48%; padding-left:30px;}
#section1 .img_box {float:right; width:48%;}
#section1 .img_box img {width:100%;}
#section1 .txt1 {font-size:60px; color:#ffeb96; margin:20px 0 20px 0;}
#section1 .txt2 {font-size:36px; color:#fff;}
#section1 .txt3 {font-size:20px; color:#fff;}
#section1 .txt4 {font-size:25px; color:#ffeb95; line-height:1.5; margin-top:25px;}
#section1 .intro {padding-top:80px;}
#section1 .btn_box {overflow:hidden; text-align:left;}
#section1 a { display:inline-block; margin-top:50px; border:2px solid #fff; font-size:20px; color:#fff; padding:12px 50px;}

#section2 {background:url("../images/m_bg3.png") no-repeat center center; background-size:cover;}
#section2 .intro {padding-top:20px;}
#section2 .txt1 {font-size:80px; color:#333; margin:20px 0 20px 0; font-family: 'Lato', sans-serif; font-weight:300; line-height:0.5;}
#section2 .txt1 a {vertical-align:middle; margin-left:20px; padding-bottom:20px;}
#section2 .txt2 {font-size:34px; color:#fff;}
#section2 .m_review_list {overflow:hidden;}
#section2 .m_review_list dl {float:left; width:20%; margin-top:60px;}
#section2 .m_review_list dl dt {font-size:17px; color:#fff; text-align:center; padding-bottom:5px; font-weight:normal;}
#section2 .m_review_list dl dd {font-size:17px; color:#555; background:url(../images/mpage3_bubble.png) no-repeat center 0; text-align:center; padding:0 30px 15px 30px; height:200px; display: table; width:100%;}
#section2 .m_review_list dl dd p { display: table-cell; vertical-align: middle; line-height:1.5;}
#section2 .txt_box {padding:0 30px;}
#section2 .m_review_list dl.list1 {padding-top:90px;}
#section2 .m_review_list dl.list3 {padding-top:140px;}
#section2 .m_review_list dl.list4 {padding-top:50px;}
#section2 .m_review_list dl.list5 {padding-top:130px;}

#section3 {background:url("../images/m_bg4.png") no-repeat center center; background-size:cover;}
#section3 .intro {padding-top:80px; max-width:1700px; margin:0 auto;}
#section3 .txt_box p {text-align:center;}
#section3 .txt1 {font-size:48px; color:#f0567a; font-family: 'Lato', sans-serif; font-weight:100; text-transform:uppercase; line-height:0.7;}
#section3 .txt2 {font-size:36px; color:#fff; margin-bottom:30px;}
#section3 .txt2 span {font-size:36px; color:#f0567a;}
#owl-demo .item{
      margin: 10px 10px 0 10px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
}
.customNavigation{ text-align: center;}
//use styles below to disable ugly selection
 .customNavigation a{
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-controls {display:none !important;}

     
#section4 {background:url("../images/m_bg5.jpg") no-repeat center center; background-size:cover;}
#section4 .intro {padding-top:80px;}
#section4 .txt_box {float:right;}
#section4 .txt_box .txt1 {font-size:30px; color:#333; line-height:1.4;}
#section4 .txt_box .txt2 {font-size:24px; color:#333; }
#section4 .txt_box .txt3 {font-size:30px; color:#333; font-family: 'NanumSquareB', sans-serif ; line-height:0.7; padding-bottom:20px;}
#section4 .txt_box ul li {font-size:17px; color:#353333;}
#section4 .txt_box .ceo_con {background:url(../images/m_ceo.png) no-repeat right 0; padding:55px 50% 90px 0;}
#section4 .txt_box .ceo_con a {display:inline-block; padding:12px 50px; border:2px solid #353333; font-size:20px; color:#353333; margin-top:15px;}
#section4 .txt_box .ceo_con a:hover {background:#353333; color:#fff;}

#section5 {}
#section5 .intro { padding:0 20px 0px 20px;}
.footer_wrap {border-top:1px solid #ccc;}
.footer_box {overflow:hidden;  padding:40px 0 50px; position:relative; max-width:1200px; margin:0 auto;}
.footer_box .logo_b {float:left; margin-right:40px; margin-bottom:20px;}
.footer_box .copyright {float:left;}
.footer_box .copyright p {font-size:15px; color:#555; margin:0; font-family: 'NanumSquareB', sans-serif ;}
.footer_box .copyright p a {font-size:15px; color:#000; margin:0; font-family: 'NanumSquareB', sans-serif ; margin-left:5px;}

/*서브_공통*/
.sub_content {margin-bottom:70px;}
.sub_wrap {background:#f7f7f7; position:relative;}

.sub_tab {overflow:hidden; margin:40px 0 80px;}
.sub_tab li {float:left; width:16.6%; text-align:center;}
.four li {float:left; width:24.9%; text-align:center;}
.five li {float:left; width:19.9%; text-align:center;}
.three li {float:left; width:33.3%; text-align:center;}
.sub_tab li a {background:#edebeb; border:1px solid #ddd; border-bottom-color:#4068b1; padding:20px 0px; display:block; font-size:17.5px;}
.sub_tab li a:hover { background:#f7f7f7; color:#4068b1; border:1px solid #4068b1; border-bottom-color:#f7f7f7;}
.sub_tab li a.active{background:#f7f7f7; color:#4068b1; border:1px solid #4068b1; border-bottom-color:#f7f7f7; margin-bottom:-1px;}
.line_map {text-align:right; position:absolute; top:15px; right:0; left:0; max-width:1200px; margin:0 auto; z-index:999;}
.line_map span {font-size:15px; padding:0 7px; color:#666; font-family: 'NanumSquareB', sans-serif; background:url(../images/line_arrow.png) no-repeat right center; padding-right:25px;}
.line_map span:last-child {padding-right:0; background:none;}
.sub_line_map { max-width:1200px; margin:0 auto; text-align:right; height:35px;}
.sub_line_map span {font-size:14px; padding:0 7px; color:#666; font-family:'Noto Sans KR', sans-serif; background:url(../images/line_arrow.png) no-repeat right center; padding-right:25px;}
.sub_line_map span:last-child {padding-right:0; background:none;}
.line_map_wrap {border-bottom:1px solid #ccc;}

.sub_top {height:245px;}

.sub_top_wide {margin:0 auto; position:relative;}
.sub_top_wide .font_b {color:#59aa47;}
.sub_top_wide h2 {font-size:70px; color:#59aa47; margin-bottom:0;}
.sub_top_wide .txt1 {font-size:36px; color:#333; margin-bottom:170px; }
.sub_top_wide .txt2 {font-size:30px; color:#59aa47; line-height:1.4; max-width:700px; margin-bottom:20px; }
.sub_top_wide .txt3 {font-size:17px; color:#555;}
.top1 {background:url(../images/sub_top1.jpg) no-repeat center 0; }

.top3 {background:url(../images/sub_top3.jpg) no-repeat center 0;}
.top4 {background:url(../images/sub_top4.jpg) no-repeat center 0; }
.top5 {background:url(../images/sub_top5.jpg) no-repeat center 0;}
.sub_content h2 {font-size:45px; color:#333; text-align:center; margin:0px 0 65px 0;}
.sub_content h2.only_tit {margin:65px 0 20px 0;}
.sub_content .only_txt { font-size:19px; color:#555; margin-bottom:65px; text-align:center;}
.con_txt {padding:30px 0 20px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.con_txt p {text-align:center; font-size:20px; color:#333;}
.con_txt2 {padding:80px 0 100px 0;}
.con_txt2 p {text-align:center; font-size:20px; color:#333;}

/*소개_이비엠*/
.about .txt {font-size:33px; color:#333; font-family: 'NanumSquareB', sans-serif; line-height:1.4; margin-bottom:30px;}
.about .txt strong {color:#4068b1; font-size:48px;}
.about .section {border-bottom:1px solid #ddd; padding:50px 0 70px 0px;}
.about .section:last-child {border:0;}
.about .section h3 {text-align:center; font-size:48px; color:#333; margin-bottom:10px;}
.about .section p {width:80%; margin:0 auto; text-align:center; }
.about .section .img_box {padding:30px 0;}
.about .section .value {padding-top:70px;}
.about .section .value h4 { text-align:center; }
.about .section p {padding:20px 0 10px;}
.about .section h4 span {display:inline-block; background:#fff; font-size:24px; color:#333; font-family: 'NanumSquareB', sans-serif; padding:7px 8%; border-radius:50px; border:6px solid #555;}
.about .section .value ul {overflow:hidden; width:80%; margin:0 auto; margin-top:30px; }
.about .section .value ul li {float:left; width:32%; margin-right:5%; background:url(../images/arrow.png) no-repeat right center;}
.about .section .value ul li:last-child {padding-right:0; background:none; margin-right:0; width:25%;}
.about .section .how_txt {font-family: 'NanumSquareB', sans-serif; color:#333; font-size:20px;}

.about .how_box h4 span {padding:7px 4%;}
.about .how_box .value ul li {float:left; width:30%; margin:0 2%; text-align:center; background:none;}
.about .how_box .value ul li:last-child {width:30%;}
.about .how_box .value ul li img {width:80%;}
.about .how_box .value ul li p { text-align:left; font-size:16.5px; margin:inherit; width:100%; padding-top:3 0px; }
.about .how_box .value ul li:last-child p  { padding-right:0px; }


/*소개_유전체타입*/
.con_img .col-md-6 {padding:0;}
.type_txt {font-size:20px; color:#333; padding-top:50px; text-align:center; border-top:3px solid #4b4745; font-family: 'NanumSquareB', sans-serif; }
.type_txt2 {font-size:17px; color:#333; padding-bottom:60px; border-bottom:3px solid #4b4745; text-align:center;}

/*소개_프로세스*/
.process_txt1 {padding-top:20px; font-family: 'NanumSquareB', sans-serif; margin-bottom:0px;}
.process .con_img {margin-top:90px;}

/*소개_아카데미*/
.academy .academy_txt {font-family: 'NanumSquareB', sans-serif; font-size:20px; padding-bottom:20px;}
.academy .academy_txt2 {font-family: 'NanumSquareB', sans-serif; font-size:20px; padding-top:20px;}
.academy p {line-height:1.3; font-size:17px;}
.academy .con_img {margin-top:60px;}
.academy .con_img .col-md-12 {margin-bottom:40px;}
.academy .academy_txt3 {max-width:980px; margin:0 auto; text-align:center; margin-bottom:40px; line-height:1.7; color:#333;}
.academy .schedule {padding-top:60px; border-top:1px solid #ddd; margin-top:40px;}
.academy .schedule .tit {font-size:30px; color:#333; text-align:center; margin-bottom:50px; }
.academy .schedule table { width:75%; margin:0 auto;}
.academy .schedule table tr td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:17px; padding:18px 30px; text-align:center; color:#333;}
.academy .schedule table tr td:last-child {border-right:0; text-align:left;}
.academy .schedule table tr td.title {color:#333; background:#edebeb; border-top:1px solid #ddd; font-family: 'NanumSquareB', sans-serif; text-align:center; padding:10px 30px;}

/*센터소개_원장인사말*/
.greeting {position:relative; height:1700px;}
.greeting .con_txt {padding:30px 50px 20px 50px;}
.greeting .con_txt p { font-family: 'NanumSquareB', sans-serif; margin-bottom:20px;}
.greeting_con {position:absolute; top:420px; left:0; background:url(../images/ceo_img.png) no-repeat right 0; padding:180px 420px 200px 50px;}
.greeting_con p {font-size:17px; color:#333; text-align:left; font-family: 'NanumSquare', sans-serif; margin-bottom:40px; }
.greeting_con .txt {font-size:20px; color:#333; font-family: 'NanumSquareB', sans-serif; margin:50px 0 30px;}
.greeting_con .ceo_sign {text-align:right; font-size:30px; color:#333; font-family: 'NanumSquareB', sans-serif; margin:40px 0 20px;}
.greeting_con .ceo_sign span { margin-right:10px;}

/*센터소개_원장프로필*/
.profile {position:relative;}
.profile .con_txt {padding:50px 50px 40px 50px;}
.profile .con_txt p { font-size:25px; color:#333; margin-bottom:20px;}
.profile_con {padding:10px 0px 0px 65px;}
.profile_con .section {background:url(../images/ceo_img.jpg) no-repeat right bottom; padding:10px 0 50px 0; border-bottom:1px solid #ccc; margin-bottom:20px;}
.profile_con p {font-size:17px; color:#333; text-align:left; font-family: 'NanumSquare', sans-serif; margin-bottom:40px; }
.profile_con .tit {font-size:24px; color:#333; text-transform:uppercase; font-family: 'NanumSquareB', sans-serif; margin:50px 0 10px;}
.profile_con ul.first {width:60%; overflow:hidden;}
.profile_con ul.first li {float:left; width:49%; margin-right:1%; margin-bottom:2px;}
.profile_con .last { width:100%;}
.profile_con .last .tit a {border:2px solid #000; margin-left:25px; font-size:14px; padding:2px 20px; vertical-align:middle; font-family:'Noto Sans KR', sans-serif; cursor:pointer;}

/*센터소개_연혁*/
.history { border-top:1px solid #ddd; padding-top:80px;}
.history_left a {padding:40px 60px; background:#c3c3c3; font-size:27px; color:#fff; text-align:center; line-height:1.5;}
.history_left a.active {background:#4068b1;}
.history_list {overflow:hidden; padding-bottom:50px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.history_list .f_left {float:left; margin-right:50px;}
.history_list .f_left p {font-size:30px; color:#4068b1; background:url(../images/history_icon.png) no-repeat 0 center; padding-left:35px;}
.history_list .f_right {float:left; padding-top:4px;}
.history_list .f_right p span {min-width:100px; color:#000;}

/*센터소개_찾아오시는길*/
.root_daum_roughmap {width:100% !important;}
.map_box dl {margin-top:40px;}
.map_box dl dt {font-size:20px; color:#333; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.map_box dl dd {margin-bottom:7px;}
.map_box dl dd span { display:inline-block; color:#000; min-width:80px;}


/*모달팝업*/
.modal-content { border-radius:0; padding:20px 35px; border:5px solid #59aa47; box-shadow:none;}
.modal-content .txt1 {font-size:17px; color:#333;  font-family: 'NanumSquareB', sans-serif ;}
.modal-content .txt2 {text-align:center; font-size:30px; color: #333; line-height:1.4; padding:10px 0 0 0; color:#000; margin-bottom:0;}
.modal-content .txt3 {text-align:center; font-size:20px; color: #333; padding-bottom:10px;}
.modal-content .txt4 {color:#000; font-size:17px;}
.modal-content p {font-size:16.5px; padding:5px 0;}
.modal-content .img_box {padding:20px 0;}
.modal-content .sub_tit {font-size:17px; color:#000; padding-top:20px; margin-bottom:0px;}
.modal-content table { margin:0px 0 20px 0; border-top:1px solid #333;}
.modal-content table tr td {padding:5px 20px; font-size:14px; font-family: 'NanumSquareB', sans-serif ; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.modal-content table tr td:last-child {border-right:0;}
.modal-content table thead tr td {text-align:center; font-size:15.5px;}
.modal-content table thead tr td.before {color:#09F;}
.modal-content table thead tr td.after {color:#d93939;}
.modal-content table tbody tr td { color:#666;}
.modal-content table tbody tr td.title {color:#000;}

.modal-dialog {width:inherit; max-width:900px;}
.modal-body {padding:35px 15px;}
.modal-footer a {display:inline-block; padding:7px 50px; color:#fff; background:#999;}
.modal-backdrop.in {opacity:.7;}

/*모달_프로필*/
.modal-content .profile_pop .tit {font-size:22px; color:#000; padding-bottom:0px; font-family: 'NanumSquareB', sans-serif ;}
.modal-content .profile_pop .txt2 {font-size:30px; text-align:left;}
.modal-content .profile_pop p {margin-bottom:0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:15px;}
.modal-content .profile_pop p a {font-family:'Noto Sans KR', sans-serif; font-size:15px;}
.modal-content .profile_pop p a img.more_btn { vertical-align:top; padding-top:3px; padding-left:5px;}
.modal-content .profile_pop img.popimg {padding:10px 0;}
.modal-content .profile_pop p span {min-width:80px; color:#000; font-family:'Noto Sans KR', sans-serif; font-size:15px; padding-left:1px;}
.modal-content .profile_pop .section {margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.profile .modal-content {border-color:#4068b1;}

/*프로그램소개*/

.view_s {display:none;}
.view_m {display:none;}
.view_l {display:block;}
.letter_l {display:block;}
.letter_s {display:none;}
.pg_review { margin:30px 0 100px 0;}
.pg_review_tit {font-size:40px; color:#59aa47; font-family: 'Lato', sans-serif; font-weight:300; text-align:center; background:url(../images/s_tit_bar.png) no-repeat center center; margin:30px 0;}
/*프로그램리뷰*/
.pg_review_list {
	 width:100%;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg4 {
	 overflow:hidden;
	 position:relative;
}
.actionImg4 img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg4 .hover {
	min-height:122px;
	 position:absolute;
	 left:0;
	 bottom:0;
	 background-color:#fff;
	 width:100%;
	 padding:22px 15%;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 transition:padding-bottom .35s;
	 -webkit-transition:padding-bottom .35s;
	 -moz-transition:padding-bottom .35s;
}
.actionImg4 .hover {background:#75c14d; opacity:0.9;}
.actionImg4 .hover .sub_tit {
	 font-size:24px;
	 color:#fff;	
	 letter-spacing:-1.5px;
	 line-height:1.4;
	 display:block;
	 min-height:78px;
}
.actionImg4 .hover .desc {
	 position:absolute;
	 width:70%;
	 color:#a3a3a3;
	 margin-top:6px;
	 font-size:11px;
	 line-height:13px;
	 opacity:0;
	 transform:translateY(40%);
	 -webkit-transform:translateY(40%);
	 -moz-transform:translateY(40%);
	 transition:all .5s .3s;
	 -webkit-transition:all .5s .3s;
	 -moz-transition:all .5s .3s;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg4 .hover .desc p {font-size:20px; color:#fff; padding:20px 0 25px;}
.actionImg4 .hover .desc a {font-size:20px; display:inline-block; padding:12px 50px; border:2px solid #fff; color:#fff; cursor:pointer;}
.actionImg4 .hover .desc a:hover {background:#fff; color:#75c14d;}

.actionImg4:hover .hover {
	 padding-top:30%;
	 padding-bottom:70%;

}
.actionImg4:hover .hover .desc {
	 opacity:1;
	 transform:translateY(0);
	 -webkit-transform:translateY(0);
	 -moz-transform:translateY(0);
}

.pg_review_more {text-align:center; margin-top:40px;}
.pg_review_more a {display:inline-block; padding:18px 6.1%; border:1px solid #59aa47;}
.pg_review_more span {display:inline-block; color:#59aa47; font-size:24px; padding-left:60px; background:url(../images/s_icon.png) no-repeat 0 center;}
.pg_review_more a:hover {background:#fff;}

/*프로그램탭*/
.nav-tabs {border-bottom:1px solid #59aa47;}
.nav-tabs > li {width:33.3%; text-align:center;}
.nav-tabs > li > a {padding:18px 10px; border-radius:0; background:#f0f0f0; border:1px solid #ddd; margin-right:0px; border-bottom-color:#59aa47; font-size:22px; color:#888;}
.nav-tabs > li > a:hover {background:#f0f0f0; border:1px solid #ddd; border-bottom-color:#59aa47;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border:1px solid #59aa47; border-bottom-color:transparent; color:#59aa47;}
.tab-content {background:#fff; padding:5%;}

.program_info { margin-top:100px;}
.program_info .img_box {margin-bottom:60px;}
.pg_topimg {margin-bottom:60px;}
dl.pg_con { margin-bottom:50px;}
dl.pg_con dt { font-size:23px; color:#59aa47; padding-bottom:10px;}

dl.pg_con dd.pg_step {overflow:hidden; text-align:center; margin-top:5px;}
dl.pg_con dd.pg_step span {display:inline-block; float:left; width:33%; padding-right:5.5%; background:url(../images/pg_brain_arrow.png) no-repeat right 40%; text-align:center; margin-right:3%;}
dl.pg_con dd.pg_step span:last-child {padding-right:0; background:none; width:28%; margin-right:0;}

.sticky {position: fixed;
max-width: 1370px;
left: 0;
right: 0;
margin: 0 auto ;
top: 0%;
z-index: 100;
background:#fff;
}

.pg_step_wrap {overflow:hidden;}
.pg_step_wrap dl {float:left; width:25%;}
.pg_step_wrap dt {margin-bottom:20px;}


/*브레인푸드*/
.pg_brain .font_b {color:#325c93;}
.pg_brain .sub_top_wide h2 {color:#325c93;}
.pg_brain .sub_top_wide {position:relative;}
.pg_brain .sub_top_wide .txt1 {font-size:28px; color:#333; padding-top:8px; margin-bottom:350px;}
.pg_brain .sub_top_wide .txt2 {color:#325c93;}
.pg_brain .pg_review_tit {background:url(../images/s_tit_bar_brain.png) no-repeat center center; margin:30px 0; color:#325c93;}
.pg_brain .actionImg4 .hover {background:#325c93;}
.pg_brain .actionImg4 .hover .desc a:hover {color:#325c93;}
.pg_brain .pg_review_more a {border:1px solid #325c93;}
.pg_brain .pg_review_more span {color:#325c93; background:url(../images/s_icon_brain.png) no-repeat 0 center;}
.pg_brain .modal-content {border-color:#325c93;}
.pg_brain .nav-tabs {border-bottom:1px solid #325c93;}
.pg_brain .nav-tabs > li > a {border-bottom-color:#325c93;}
.pg_brain .nav-tabs > li > a:hover {border-bottom-color:#325c93;}
.pg_brain .nav-tabs > li.active > a, .pg_brain .nav-tabs > li.active > a:focus, .pg_brain .nav-tabs > li.active > a:hover {border:1px solid #325c93; border-bottom-color:transparent; color:#325c93;}
.pg_brain dl.pg_con dt {color:#325c93;}
.pg_con_box {border:1px solid #ddd; overflow:hidden; background:#f7f7f7; margin-bottom:50px;}
.pg_con_box dl {margin:40px 0 50px 6%; float:left; width:48%;}
.pg_con_box dl dt {font-size:24px; color:#325c93; padding-bottom:15px;}
.pg_con_box dl dd {font-size:17px; color:#555;}
.pg_con_box dl dd:last-child {font-size:16px; color:#325c93; padding-top:15px; line-height:1.4;}
.pg_con_box .check_btn {float:left; width:37%; margin-top:8%; background:#325c93; text-align:center;}
.pg_con_box .check_btn a {display:block; font-size:20px; color:#fff; background:url(../images/check_icon.png) no-repeat 30px center; padding:35px 0% 35px 60px;}

/*갱년기*/
.pg_old .font_b {color:#ce625a;}
.pg_old .sub_top_wide h2 {color:#ce625a;}
.pg_old .sub_top_wide { position:relative;}
.pg_old .sub_top_wide .txt1 {font-size:36px; color:#333; padding-top:8px; margin-bottom:60px; padding-bottom:180px; background:url(../images/pg_old_img.png) no-repeat 0 bottom;}
.pg_old .sub_top_wide .txt2 {color:#ce625a;}
.pg_old .pg_review_tit {background:url(../images/s_tit_bar_old.png) no-repeat center center; margin:30px 0; color:#ce625a;}
.pg_old .actionImg4 .hover {background:#ce625a;}
.pg_old .actionImg4 .hover .desc a:hover {color:#ce625a;}
.pg_old .pg_review_more a {border:1px solid #ce625a;}
.pg_old .pg_review_more span {color:#ce625a; background:url(../images/s_icon_old.png) no-repeat 0 center;}
.pg_old .modal-content {border-color:#ce625a;}
.pg_old .nav-tabs {border-bottom:1px solid #ce625a;}
.pg_old .nav-tabs > li > a {border-bottom-color:#ce625a;}
.pg_old .nav-tabs > li > a:hover {border-bottom-color:#ce625a;}
.pg_old .nav-tabs > li.active > a, .pg_old .nav-tabs > li.active > a:focus, .pg_old .nav-tabs > li.active > a:hover {border:1px solid #ce625a; border-bottom-color:transparent; color:#ce625a;}
.pg_old dl.pg_con dt {color:#ce625a;}

/*다이어트*/
.pg_diet .font_b {color:#db4061;}
.pg_diet .sub_top_wide h2 {color:#db4061;}
.pg_diet .sub_top_wide { position:relative;}
.pg_diet .sub_top_wide .txt1 {font-size:30px; color:#333; padding-top:8px; line-height:1.4; margin-bottom:495px;}
.pg_diet .sub_top_wide .txt2 {color:#db4061;}
.pg_diet .pg_review_tit {background:url(../images/s_tit_bar_diet.png) no-repeat center center; margin:30px 0; color:#db4061;}
.pg_diet .actionImg4 .hover {background:#db4061;}
.pg_diet .actionImg4 .hover .desc a:hover {color:#db4061;}
.pg_diet .pg_review_more a {border:1px solid #db4061;}
.pg_diet .pg_review_more span {color:#db4061; background:url(../images/s_icon_diet.png) no-repeat 0 center;}
.pg_diet .modal-content {border-color:#db4061;}
.pg_diet .nav-tabs {border-bottom:1px solid #db4061;}
.pg_diet .nav-tabs > li > a {border-bottom-color:#db4061;}
.pg_diet .nav-tabs > li > a:hover {border-bottom-color:#db4061;}
.pg_diet .nav-tabs > li.active > a, .pg_diet .nav-tabs > li.active > a:focus, .pg_diet .nav-tabs > li.active > a:hover {border:1px solid #db4061; border-bottom-color:transparent; color:#db4061;}
.pg_diet dl.pg_con dt {color:#db4061;}

/*아토피*/
.pg_atopy .font_b {color:#da777d;}
.pg_atopy .sub_top_wide h2 {color:#da777d;}
.pg_atopy .sub_top_wide { position:relative;}
.pg_atopy .sub_top_wide .txt1 {font-size:36px; color:#333; padding-top:8px; line-height:1.4; margin-bottom:90px;}
.pg_atopy .sub_top_wide .txt2 {color:#da777d;}
.pg_atopy .pg_review_tit {background:url(../images/s_tit_bar_atopy.png) no-repeat center center; margin:30px 0; color:#da777d;}
.pg_atopy .actionImg4 .hover {background:#da777d;}
.pg_atopy .actionImg4 .hover .desc a:hover {color:#da777d;}
.pg_atopy .pg_review_more a {border:1px solid #da777d;}
.pg_atopy .pg_review_more span {color:#da777d; background:url(../images/s_icon_atopy.png) no-repeat 0 center;}
.pg_atopy .modal-content {border-color:#da777d;}
.pg_atopy .nav-tabs {border-bottom:1px solid #da777d;}
.pg_atopy .nav-tabs > li > a {border-bottom-color:#da777d;}
.pg_atopy .nav-tabs > li > a:hover {border-bottom-color:#da777d;}
.pg_atopy .nav-tabs > li.active > a, .pg_atopy .nav-tabs > li.active > a:focus, .pg_atopy .nav-tabs > li.active > a:hover {border:1px solid #da777d; border-bottom-color:transparent; color:#da777d;}
.pg_atopy dl.pg_con dt {color:#da777d;}
.pg_atopy dl.pg_con dd.pg_step span {background:url(../images/pg_atopy_arrow.png) no-repeat right 40%;}

/*암*/
.pg_cancer .font_b {color:#f26641;}
.pg_cancer .sub_top_wide h2 {color:#f26641;}
.pg_cancer .sub_top_wide {position:relative;}
.pg_cancer .sub_top_wide .txt1 {font-size:36px; color:#333; padding-top:8px; line-height:1.4; margin-bottom:40px;}
.pg_cancer .sub_top_wide .txt2 {color:#f26641; margin-top:50px;}
.pg_cancer .pg_review_tit {background:url(../images/s_tit_bar_cancer.png) no-repeat center center; margin:30px 0; color:#f26641;}
.pg_cancer .actionImg4 .hover {background:#f26641;}
.pg_cancer .actionImg4 .hover .desc a:hover {color:#f26641;}
.pg_cancer .pg_review_more a {border:1px solid #f26641;}
.pg_cancer .pg_review_more span {color:#f26641; background:url(../images/s_icon_cancer.png) no-repeat 0 center;}
.pg_cancer .modal-content {border-color:#f26641;}
.pg_cancer .nav-tabs {border-bottom:1px solid #f26641;}
.pg_cancer .nav-tabs > li > a {border-bottom-color:#f26641;}
.pg_cancer .nav-tabs > li > a:hover {border-bottom-color:#f26641;}
.pg_cancer .nav-tabs > li.active > a, .pg_cancer .nav-tabs > li.active > a:focus, .pg_cancer .nav-tabs > li.active > a:hover {border:1px solid #f26641; border-bottom-color:transparent; color:#f26641;}
.pg_cancer dl.pg_con dt {color:#f26641;}
.pg_cancer dl.pg_con dd.pg_step span {background:url(../images/pg_cancer_arrow.png) no-repeat right 40%;}

/*직장인면역*/
.pg_work .font_b {color:#0f9799;}
.pg_work .sub_top_wide h2 {color:#0f9799;}
.pg_work .sub_top_wide {position:relative;}
.pg_work .sub_top_wide .txt1 {font-size:36px; color:#333; padding-top:8px; line-height:1.4; margin-bottom:40px;}
.pg_work .sub_top_wide .txt2 {color:#0f9799; margin-top:150px;}
.pg_work .pg_review_tit {background:url(../images/s_tit_bar_work.png) no-repeat center center; margin:30px 0; color:#0f9799;}
.pg_work .actionImg4 .hover {background:#0f9799;}
.pg_work .actionImg4 .hover .desc a:hover {color:#0f9799;}
.pg_work .pg_review_more a {border:1px solid #0f9799;}
.pg_work .pg_review_more span {color:#0f9799; background:url(../images/s_icon_work.png) no-repeat 0 center;}
.pg_work .modal-content {border-color:#0f9799;}
.pg_work .nav-tabs {border-bottom:1px solid #0f9799;}
.pg_work .nav-tabs > li > a {border-bottom-color:#0f9799;}
.pg_work .nav-tabs > li > a:hover {border-bottom-color:#0f9799;}
.pg_work .nav-tabs > li.active > a, .pg_work .nav-tabs > li.active > a:focus, .pg_work .nav-tabs > li.active > a:hover {border:1px solid #0f9799; border-bottom-color:transparent; color:#0f9799;}
.pg_work dl.pg_con dt {color:#0f9799;}
.pg_work dl.pg_con dd.pg_step span {background:url(../images/pg_work_arrow.png) no-repeat right 40%;}

/*faq*/
.accordion p {font-size:17px; width:100%;}
.aco_title {margin:0px 0 5px;}
.aco_title tr td {background:#adadad; color:#fff; padding:9px 0; font-size:17px; font-weight:500; }
.aco_title tr td.type {padding-left:20px;}
.aco_title tr td.title {text-align:center;}
.onu_accordion {
	margin-bottom: 20px;
}
.onu_accordion .accordion_in {
	position: relative;
	z-index: 10;
	margin-top: -1px;
	overflow: hidden;
	border-bottom:1px dotted #CCC;
}
/* Head */
.onu_accordion .accordion_in .acc_head {
	position: relative;
	padding: 15px 14px 12px;
	font-size: 17.5px;
	display: block;
	cursor: pointer;
	color:#000;
}
/* Content */
.onu_accordion .accordion_in .acc_content {
	color: #7B7E85;
	padding:0px 10px 25px;
}
.onu_accordion .accordion_in h1:first-of-type, .onu_accordion .accordion_in h2:first-of-type, .onu_accordion .accordion_in h3:first-of-type, .onu_accordion .accordion_in h4:first-of-type, .onu_accordion .accordion_in h5:first-of-type, .onu_accordion .accordion_in h6:first-of-type {
	margin-top: 5px;
}
/* Icon expand */
.onu_accordion .accordion_in .acc_head .acc_icon_expand {
	display: block;
	width: 28px;
	height: 73px;
	position: absolute;
	left:17px;
	top: 40%;
	margin-top: -9px;
	background: url(../images/qna_q.png) no-repeat 0 2px;
}
.onu_accordion .accordion_in.acc_active .acc_head .acc_icon_expand {
	
}
/* JS requires */
.onu_accordion .accordion_in.acc_active .acc_content {
	display: block;
	background: url(../images/qna_a.png) no-repeat 17px 2px;
}
.onu_accordion.acc_with_icon .accordion_in .acc_head, .onu_accordion.acc_with_icon .accordion_in .acc_content {
	padding-left: 60px;}

.faq_tab {overflow:hidden; width:80%; margin:0 auto; margin-bottom:30px;}
.faq_tab li {float:left; width:12%; text-align:center; border-right:1px solid #ddd;}
.faq_tab li:last-child {border:0;}
.faq_tab li a {display:block; font-size:16.5px; line-height:1;}
.faq_tab li a:hover {color:#4068b1; }
.faq_tab li a.active {color:#4068b1;}
	
/*페이지네이션*/
.pagination_wrap {text-align:center; clear:both;}
.pagination_wrap span {font-size:14px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.pagination > li > a {color:#666;}
.pagination > li > a:hover {color:#666;}
.pagination > .active > a {background:#4068b1;}
.pagination > .active > a:hover {background:#4068b1;}


/*커뮤니티*/
.type_tab {text-align:left; margin-bottom:50px; position:relative;}
.type_tab a { width:115px; height:40px; border-radius:50px; color:#fff; line-height:40px; margin:0 2px; text-align:center;}
.type_tab a.s_type {background:#2975b9 ;}
.type_tab a.m_type {background:#dc4360;}
.type_tab a.event_on {background:#4068b1;}
.type_tab a.event_off {background:#999;}
.type_tab .search_box {position:absolute; top:0; right:15px;}

/*체험후기*/
.review_list_wrap a {display:block; margin-bottom:30px;}
.review_list p {font-size:15px; font-family:'Noto Sans KR', sans-serif;}
.review_list_wrap a.s_type_box {border:2px solid #bbb ;}
.review_list_wrap a.s_type_box:hover { border-color:#2975b9;}
.review_list_wrap a.m_type_box {border:2px solid #bbb ;}
.review_list_wrap a.m_type_box:hover {border-color:#dc4360}
.review_list_wrap .bottom_box {padding:15px; overflow:hidden;}
.review_list_wrap .bottom_box p {float:left; margin-bottom:0px; color:#fff;}
.review_list_wrap .bottom_box .type {color:#fff; font-size:50px; padding-right:9px; line-height:1; margin-right:9px; font-family: 'Roboto', sans-serif;}
.m_type_box .bottom_box .type {}
.s_type_box .bottom_box {background:#bbb ;}
.m_type_box .bottom_box {background:#bbb ;}
.review_list_wrap .title_box {text-align:center; display:table; padding:20px 35px 10px 35px; height:220px;}
.review_list_wrap .title_box p {vertical-align:middle; display:table-cell; font-size:20px; color:#000; font-family: 'NanumSquareB', sans-serif ;}

.m_type_box .title_box p {color:#dc4360;}
.s_type_box .title_box p {color:#2975b9;}


/*레시피*/
.recipe_list_wrap {}
.recipe_list { overflow:hidden; background:#fff; padding:27px;}
.recipe_list .f_left {float:left; width:50%;}
.recipe_list .f_left img {width:100%; height:197px;}
.recipe_list .f_right {float:right; width:44%;}
.recipe_list_wrap .s_type_box {display:block; border:1px solid #ddd; overflow:hidden; margin-bottom:30px;}
.recipe_list_wrap .s_type_box:hover {border:1px solid #2975b9 ;}
.recipe_list_wrap .m_type_box {display:block; border:1px solid #ddd; overflow:hidden; margin-bottom:30px;}
.recipe_list_wrap .m_type_box:hover {border:1px solid #dc4360 ;}
.recipe_list .tit {font-size:21px; color:#000; padding:10px 0 15px; border-bottom:1px solid #ddd;}
.recipe_list .tit2 {color:#000; margin:20px 0 5px; font-size:18px;}
.recipe_list p {font-size:15px; font-family:'Noto Sans KR', sans-serif; line-height:1.5;}
.recipe_list span.Stype_icon {font-size:25px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:300; background:#2975b9 ; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; margin-right:10px;}
.recipe_list span.Mtype_icon {font-size:25px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:300; background:#dc4360 ; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; margin-right:10px;}
/*식품구분*/
.type_list_wrap img {width:100%; height:180px;}
.type_list {margin-bottom:20px; min-height:350px;}
.type_list .tit {font-size:21px; color:#000; padding:15px 0 5px; border-bottom:1px solid #ddd;}
.type_list p {font-size:16.5px;}
.type_list span.Stype_icon {font-size:25px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:300; background:#2975b9 ; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; margin-right:10px; border-radius:100px;}
.type_list span.Mtype_icon {font-size:25px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:300; background:#dc4360 ; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; margin-right:10px; border-radius:100px;}
.type_list_wrap .img_box { position:relative;}
.type_list_wrap a { display:block;}
.type_list_wrap .hoverS {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/hover_s.png) no-repeat center center; background-size:cover;}
.type_list_wrap .hoverM {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/hover_m.png) no-repeat center center; background-size:cover;}
.type_list_wrap .s_type_box:hover .hoverS {opacity:1; }
.type_list_wrap .m_type_box:hover .hoverM {opacity:1; }

/*이벤트*/
.event_list_wrap {}
.event_list_wrap a { display:block; border:1px solid #ddd; margin-bottom:30px; }
.event_list_wrap a:hover { border:1px solid #4068b1;}
.new_event {margin-bottom:50px;}
.event_list { overflow:hidden; background:#fff; position:relative;}
.event_list .f_left {float:left; width:48%;}
.event_list .f_left img {width:100%; height:207px;}
.event_list .f_right {float:right; width:49%; padding:25px 30px 0 0px;}
.event_list .tit {font-size:19px; color:#000; font-family: 'NanumSquareB', sans-serif;}
.event_list .date {font-size:14px; border-top:1px solid #ddd; color:#888; padding-top:5px; font-family: 'NanumSquareB', sans-serif; position:absolute; bottom:10px; left:51%;}
.event_list p {font-size:16px; font-family:'Noto Sans KR', sans-serif;}

/*뉴스레터*/
.letter_list_wrap img {width:100%; height:260px;}
.letter_list_wrap a { display:block;}
.letter_list {margin-bottom:30px; background:#fff; border:1px solid #ddd; padding:20px 20px 70px 20px; position:relative;}
.letter_list .tit {font-size:19px; color:#000; padding:15px 0 0px; font-family: 'NanumSquareB', sans-serif; margin-bottom:5px;}
.letter_list p {font-size:16px; font-family:'Noto Sans KR', sans-serif;}
.letter_list .date {font-size:14px; border-top:1px solid #ddd; color:#888; padding-top:5px; font-family: 'NanumSquareB', sans-serif; position:absolute; bottom:10px; left:20px;}
.letter_list .letter_down {position:absolute; bottom:10px; right:20px;}
.letter_list .letter_down a { display:inline-block; font-size:14px; font-family: 'NanumSquareB', sans-serif; border:1px solid #ddd; padding:5px 10px;}
.letter_list_wrap .img_box {position:relative;}
.letter_list_wrap .img_box .hover {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/letter_hover.png) no-repeat center center; background-size:cover;}	
.letter_list_wrap .img_box:hover .hover {opacity:1; }

.letter_wrap {}
.letter_wrap .ceo_story {margin-bottom:1.32%;}
.letter_wrap ul {overflow:hidden;}
.letter_wrap ul li {float:left; width:32.45%; margin-right:1.32%; margin-bottom:1.32%;}
.letter_wrap ul li a {display:block;}
.letter_wrap ul li.last {margin-right:0;}
.letter_wrap ul li.rp {margin-bottom:0.9%;}
.letter_wrap ul li.bn {width:15.56%;}


	
/*공지사항*/
.notice_list_wrap {margin-bottom:30px;}
.notice_list_wrap img {width:100%; overflow:hidden; height:257px;}
.notice_list_wrap a { display:block;}
.notice_list {margin-bottom:30px; background:#fff; border:1px solid #ddd; padding:20px 20px 40px 20px; position:relative;}
.notice_list .tit {font-size:18px; color:#000; padding:15px 0 0px; margin-bottom:5px; min-height:83px;}
.notice_list p {font-size:16.5px;}
.notice_list .date {font-size:14px; border-top:1px solid #ddd; color:#888; padding-top:5px; font-family: 'NanumSquareB', sans-serif; position:absolute; bottom:10px; left:20px;}
.notice_list .letter_down {position:absolute; bottom:10px; right:20px;}
.notice_list .letter_down a { display:inline-block; font-size:14px; font-family: 'NanumSquareB', sans-serif; border:1px solid #ddd; padding:5px 10px;}
.notice_list_wrap .img_box {position:relative;}
.notice_list_wrap .img_box .hover {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/letter_hover.png) no-repeat center center; background-size:cover;}	
.notice_list_wrap .img_box:hover .hover {opacity:1; }	

	
/*테이블기준*/
.table_wrap {position:relative;}
.table_list tbody tr:first-child td {border-top:1px solid #333;}
.table {border-bottom:1px solid #ccc;}
.table tr td {font-size:16.5px;}
.table thead { border-top:2px solid #333;}
.table thead tr td {color:#333; padding:15px 8px; text-align:center;}
.table tbody tr td {padding:15px 8px; text-align:center; vertical-align:middle;}
.table tbody tr td.tb_2 {text-align:left; }
.table tbody tr.notice_b td.tb_2 {color:#e55c32; font-weight:bold;}
.search_box { text-align:right; margin-bottom:20px;}
.search_box input {height:34px; width:200px; border:1px solid #ccc;}
.search_box select {height:34px; width:100px; margin-right:5px; border:1px solid #ccc;}
.search_box a.search_btn { color:#fff; display:inline-block; background:#777; padding:4px 20px; margin-left:3px; font-size:15px; width:inherit; height:inherit; border-radius:0; line-height:inherit;}
.reply {color:#333;}
.reply_txt {color:#4068b1; font-weight:bold; margin:0 10px; display:inline-block; }
.tb_2 {width:60%;}
span.icon_b {padding-right:10px; overflow:hidden; display:inline-block;}
span.icon_b img {padding-left:5px; float:left;}
span.fish_type {font-size:16px; color:#e55c32;}
span.fish_type2 {font-size:16px; color:#0077a3;}
span.member_type {color:#e55c32; margin-left:2px;}
span.member_type2 {color:#1b8966; margin-left:2px;}
span.member_type3 {color:#ff004e; margin-left:2px;}

.table tbody tr td.secret {text-align:center; background:#eee;}
.table tbody tr td.secret input {height:35px; border:1px solid #ccc; width:200px; margin:0 5px 0 10px;}
.table tbody tr td.secret a {padding:5px 20px; background:#999; color:#fff; margin:0 2px; display:inline-block;}
.table tbody tr td.secret a:nth-child(2) {background:#2292b2 !important;}
.bbs_list {z-index:99999;}
.bbs_list a:nth-child(1) {color:#e55c32; padding-left:20px; background:url(../images/icon_list.png) no-repeat 0 center;}
.bbs_list a { margin-right:15px; font-size:16px;}
.bbs_list {position:absolute; top:6px; left:0px;}

.table tr td.view_msg {padding:0 !important;}
.table tr td.view_msg img {max-width:100%;}
.table tr td.view_msg .view_msg_txt {padding:20px 0; }
.table_view .table tbody tr:first-child td {border-top:2px solid #333;}
.table_view .table tbody tr td.title { color:#333; padding:15px 8px; text-align:center; border-right:1px solid #ccc; width:15%;}
.table_view .table tbody tr td {text-align:left; padding-left:20px; vertical-align:middle;}
.table_view .table tbody tr td.bo_left {border-left:1px solid #ccc;}
.table_view .table tbody tr td .view_msg_txt table tr td {padding:0; }
.table_view .table tbody tr td .view_msg_txt tr:first-child td {border:0;}

.btn_box {text-align:right;}
.btn_box a {padding:5px 40px; font-size:16px; color:#fff; font-family: 'NanumSquareB', sans-serif;}
.btn_box a.confirm_btn {background:#4068b1;}
.btn_box a.grey_btn {background:#666;}


.table_write .table tbody tr td span {font-size:14px; font-family:'Noto Sans KR', sans-serif; color:#666; margin-left:10px; margin-top:10px;}
.table_write .table tbody tr:first-child td {border-top:2px solid #333;}
.table_write .table tbody tr td.title {color:#333; padding:15px 15px 15px 5%; border-right:1px solid #ccc; width:20%; background:url(../images/join_icon.png) no-repeat 17% center;}
.table_write .table tbody tr td {text-align:left; padding-left:20px; vertical-align:middle; width:80%;}
.table_write .table tbody tr td input[type="text"] {border:1px solid #ccc; height:35px; width:30%; padding:3px;}
.table_write .table tbody tr td input[type="password"] {border:1px solid #ccc; height:35px; width:30%; padding:3px;}
.table_write .table tbody tr td input[type="radio"] {margin:0 0 0 10px; width:20px; vertical-align:middle;}
.table_write .table tbody tr td textarea {border:1px solid #ccc; height:400px; width:100%; padding:3px;}
.table_write .table tbody tr td .write_info {padding-left:15px; font-size:15px;}
.table_write .table tbody tr td .id_check {margin-left:5px; font-size:15px; background:#999; padding:3px 10px; color:#fff; }
.table_write .table tbody tr td .t_agree {}
.table_write .table tbody tr td .t_agree .privacy_box {height:120px; border:1px solid #ccc; padding:10px; overflow-y:scroll; font-size:14px; font-family:'Noto Sans KR', sans-serif; color:#666;}
.table .upload_btn {display:inline-block; padding:3px 20px; background:#999; color:#fff; font-size:14px; font-family:'Noto Sans KR', sans-serif;}


/*에디터*/
#cke_1_top {margin-left:0;}
#cke_1_bottom {margin-left:0;}
/*로그인*/
.login {border:1px solid #4068b1; padding:5% 2%;}
.login .tit {font-family: 'Lato', sans-serif; font-size:35px; color:#999; margin-bottom:10px;}
.login input {width:80%; height:45px;}
.login .login_btn {display:block; padding:15px 0; width:80%; background:#4068b1; color:#fff; text-align:center; margin-bottom:30px;}
.login .login_find {width:80%; font-size:16.5px; background:url("../images/login_dot.png") no-repeat 0 center; padding-left:15px; margin-bottom:5px; position:relative;}
.login .login_find a {font-size:14px; font-weight:bold; background:#999; color:#fff; padding:2px 10px; position:absolute; top:0; right:0;}
.find_tit {background:url("../images/login_dot.png") no-repeat 0 center; padding-left:15px; color:#000;}


/*개인정보*/
.privacy_box {}
.privacy_box .tit {font-size:19px; color:#000; font-family: 'NanumSquareB', sans-serif;}
.privacy_box dl {}
.privacy_box dl dt {color:#000; color:#000; font-weight:normal; font-family:'Noto Sans KR', sans-serif; font-size:16px; }
.privacy_box dl dd {font-size:15px; font-family:'Noto Sans KR', sans-serif; color:#666;}
.privacy_box ul li {font-size:15px; font-family:'Noto Sans KR', sans-serif; color:#666;}
.privacy_email { padding:30px; border:2px solid #ddd;}
.privacy_email .tit {font-size:19px; color:#000; font-family: 'NanumSquareB', sans-serif; margin-bottom:20px;}
.privacy_email dl dt {color:#000; color:#000; font-weight:normal; font-family:'Noto Sans KR', sans-serif; font-size:16px; }
.privacy_email dl dd {font-size:15px; font-family:'Noto Sans KR', sans-serif; color:#666;}


/*팝업*/
.layer_popup {position:absolute; top:150px; left:0; right:0; margin:0 auto; z-index:99999999; width:600px; height:600px;}
.layer_popup .footer {background:#000; color:#ccc; padding:2px 15px; overflow:hidden;}
.layer_popup .footer a { float:right; color:#fff;}
.layer_popup .footer input {margin-right:4px;}


/*에디터답변*/
.replyarea textarea {width:80%; border:1px solid #ccc;}
.replylist {padding:20px; background:#fff;}
.replylist {position:relative;}
.replylist .btn {padding:0; margin:0;}
.replylist .btn a {background:#999; font-size:14px; padding:0 10px; color:#fff; margin-right:2px;}
.replylist .name {color:#000; margin-right:10px;}

/*브랜드스토리*/
.brandstory img {margin-bottom:40px;}
.brandstory p {text-align:center;}

@media all and (max-width: 320px) {
	}
@media all and (max-width: 768px) {
body, div, p, a, ul, li, span, td, dt, dd {font-family: 'NanumSquare', sans-serif ; color:#555; font-size:16.5px; line-height:1.7; letter-spacing:-0.5px;}	

.navbar-brand img {width:70%;}
.navbar-brand {padding:15px;}
.navbar-toggle {margin-right:0; margin-top:23px;}
.navbar-default .navbar-nav>li>a {padding:10px 15px; font-size:17px; background:none;}
.m_content .section1 a {border:0; border-bottom:1px solid #ddd; }
.container {margin:0 3%;}
.sub_content {margin-bottom:100px;}
.navbar-header {margin:0 !important;}

.m_content .section2 .m_notice {margin-right:0px; }
.m_content .section2 .m_consult {margin-right:0px; margin-bottom:25px;}
#carousel_type1 .carousel-inner > .item { min-height:600px;}
#carousel_type1 .carousel-inner  .item:nth-child(1) {background:url("../images/m_visual_s.jpg") no-repeat center center; background-size:cover;}
#carousel_type1 .carousel-inner .item:nth-child(2) {background:url("../images/m_visual_s.jpg") no-repeat center center; background-size:cover;} 
.item_txt {display:none;}
.util {position:relative; top:inherit; bottom:inherit; text-align:right; border-bottom:1px solid #ddd; margin:0; overflow:hidden;}
.util a { float:none; display:inline-block; font-size:12px; padding:3px 15px;}
.navbar-left {margin-left:0;}
.dropdown-menu {padding:0px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding:5px 15px 5px 15px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {padding-left:20px;}


/*메인 new*/
.m_program .tit img {width:70%;}
.main_board .f_right .i_left {float:none; width:100%;}
.m_notice, .m_event, .m_press, .m_cs { margin:20px 0; height:inherit;} 
.m_notice, .m_event, .m_press {padding:20px 25px;}
.m_notice .tit img, .m_event .tit img, .m_press .tit img {width:40%;} 
.m_review {height:inherit; padding:10px 25px;}
.m_review .tit img {width:100%;}
.m_review dl {background-size:22% !important; padding-left:25%; background-position:0 15px !important;}
.carousel-control.right {left:13%;}

/*메인*/
.navbar-brand {padding:15px 15px 15px 0;}
#fp-nav {margin-top:140px !important;}
.header_wrap {padding:7px 0 7px 0;}
#section0 {background-position:70% center;}
#section0 ul {padding-right:5%; padding-left:5%; padding-top:10px;}
#section0 ul li p {font-size:15px; margin-bottom:0; padding:5px 0;}
#section0 ul li { background:none; padding-right:0; width:31%; margin:0 1%;}
#section0 ul li:last-child {background:none; padding-right:0; width:31%; margin:0 1%;}
.fp-tableCell {height:200px;}
#section0 .intro {padding:70px 0;}
#section0 .intro .txt1 {font-size:17px; }
#section0 .intro .txt1 br {display:none;}
#section0 .intro .txt2 {font-size:35px; margin-bottom:0;}
.intro {padding-top:30px;}
#section0 .scroll_icon { display:none;}


#section1 .txt_box {float:none; width:100%; padding-left:0;}
#section1 .img_box {float:none; width:100%;}
#section1 .txt1 {font-size:35px; margin:20px 0 0 0;}
#section1 .txt2 {font-size:18px;}
#section1 .txt4 {font-size:15px; line-height:1.5; margin-top:10px;}
#section1 .txt4 br {display:none;}
#section1 .intro {padding:0 5%;}
#section1 a { font-size:16px; margin-top:5px; padding:5px 30px;}
#section1 .btn_box {text-align:left !important;}

#section2 .txt1 {font-size:35px; margin:5px 0;}
#section2 .txt1 a {margin-left:20px; padding-bottom:5px;}
#section2 .txt1 a img {width:70%;}
#section2 .txt2 {font-size:18px; line-height:1.5; margin-bottom:0;}

#section4 {background-position:-385px 0px;}
#section4 .intro {padding-top:50px; margin:0 5%; text-align:right;}
#section4 .txt_box .txt1 {font-size:22px; padding-left:60px;}
#section4 .txt_box .txt1 br {display:none;}
#section4 .txt_box .txt2 {font-size:18px;}
#section4 .txt_box .txt3 {font-size:18px; padding-bottom:10px;}
#section4 .txt_box ul li {font-size:15px;}
#section4 .txt_box .ceo_con {padding:5px 0 10px 0; background:none;}
#section4 .txt_box .ceo_con a {padding:5px 30px; font-size:16px; margin-top:5px;}
#section4 .txt_box .ceo_con a:hover {background:#353333; color:#fff;}

/*푸터*/
.footer_menu {clear:both;}
.top_btn {bottom:0;}
.social_box {position:relative; top:inherit; right:inherit; padding-top:20px; clear:both;}
.footer_box {padding:20px 20px 50px 20px;}

/*서브*/
.sub_top {height:100px;}
.m_view {display:none;}
.s_view {display:block;}
.sub_tab .nav-tabs {border-bottom:0;}
.sub_tab .nav-tabs>li {width:100%;}
.sub_tab .nav-tabs>li>a {margin-bottom:5px; padding:10px 20px; font-size:17px; text-align:left;}
.sub_tab {display:none;}
.line_map_wrap {margin-bottom:70px;}
.sub_content h2 {font-size:30px; margin:0px 0 20px 0;}
.sub_content h2.only_tit {margin:0px 0 20px 0;}
.con_txt p {font-size:17px;  }
.con_txt2 p {font-size:17px; }
.con_txt2 {padding:80px 0 50px 0;}
.sub_line_map {padding-right:20px;}
.line_map {display:none;}
.greeting .con_txt p {font-family: 'NanumSquare', sans-serif ; font-size:18px;}
.profile .con_txt p {font-family: 'NanumSquare', sans-serif ; font-size:18px;}

/*회사소개*/
.academy .schedule table {width:100%;}
.about .section p {width:100%;}
.about .txt {font-size:25px;}
.about .txt strong {font-size:25px;}
.about .section h3 {font-size:40px;}
.about .how_box .value ul li {float:none; width:100%; margin:0; margin-bottom:20px;}
.about .how_box .value ul li:last-child {float:none; width:100%; margin:0; margin-bottom:20px;}
.academy .schedule table tr td {font-size:14px; font-family:'Noto Sans KR', sans-serif; padding:5px 10px; color:#555;}

/*인사말*/
.greeting_con {background-size:50%;}
.greeting_con {position:relative; padding:50px 0px; top:inherit;}
.profile_con {position:relative; padding:50px 0px; top:inherit;}
.greeting_con {position:absolute; top:420px; left:0; background:url(../images/ceo_img.png) no-repeat right 0; padding:900px 0px 0px 0px;}

/*테이블*/
.tb_1, .tb_4, .tb_5 {display:none;}
.tb_2 {width:80%;}

/*커뮤니티*/

.btn_box {text-align:center !important;}
.btn_box a {margin-bottom:10px; padding:4px 10px; font-size:14px;}
.type_tab a {width:100px; }
.recipe_list .f_left {float:none; width:100%;}
.recipe_list .f_right {float:none; width:100%; margin-top:10px;}
.event_list .f_left {float:none; width:100%;}
.event_list .f_right {float:none; width:100%; padding:15px 20px 10px 20px;}
.event_list .date {position:relative; bottom:inherit; left:inherit; padding-top:10px;}
.event_list .tit {font-size:18px;}
.table_view .table tbody tr td {font-size:14px; font-family:'Noto Sans KR', sans-serif; padding:5px 10px; color:#555;}
/*.table_view .table tbody tr td span {font-size:14px; font-family:'Noto Sans KR', sans-serif; color:#555;}*/
.table_view .table tbody tr td.title {width:25%;}
.table tr td.view_msg .view_msg_txt {font-size:14px; font-family:'Noto Sans KR', sans-serif; color:#555;}
.table_write .table tbody tr td {font-size:14px; font-family:'Noto Sans KR', sans-serif; padding:5px 10px; color:#555;}
.table_write .table tbody tr td.title {padding:15px 5px 15px 20px; width:25%;}
.login .col-md-6 {text-align:center; margin-bottom:20px;}
.login input {width:100%;}
.login .login_btn {width:100%;}
.login .login_find {width:100%; background-position:0 8px; text-align:left;}
.login .login_find a { position:relative;}
.sub_content .only_txt {margin-bottom:30px; font-size:17px;}

.table_write .table tbody tr td input {width:100%;}
.table_write .table tbody tr td .id_check {margin-left:5px; margin-top:5px;}
.table_write .table tbody tr td .write_info {margin-left:0px; padding-left:0; margin-top:5px;}
.type_tab {margin-top:20px; text-align:center;}
.type_tab .search_box {position:relative; top:0; right:inherit; margin-top:20px;}
.search_box a.search_btn { margin-top:5px; width:99%;}
.search_box select {width:39%;}
.search_box input {width:59%;}

.table_write .table tbody tr td input[type="text"] { width:90%;}
.table_write .table tbody tr td input[type="password"] { width:90%;}

/*프로그램*/
.view_s {display:block !important;}
.view_m {display:none !important;}
.view_l {display:none !important;}
.view_ls {display:none !important;}
.letter_l {display:none;}
.letter_s {display:block;}
.nav-tabs > li > a {padding:15px 3px; border-radius:0; background:#f0f0f0; border:1px solid #ddd; margin-right:0px; border-bottom-color:#59aa47; font-size:17px; color:#888;}
dl.pg_con dt {font-size:20px;}
.actionImg4 .hover {
	min-height:90px;
}
.actionImg4 .hover .sub_tit {
	 font-size:20px;
	 min-height:50px;
}
.actionImg4 .hover .desc p {font-size:18px; padding:20px 0 25px;}
.actionImg4 .hover .desc a {font-size:18px; padding:7px 20px; }
.pg_review .col-md-4 {margin-bottom:20px;}
.modal-content {padding:20px 20px;}
.modal-content .txt2 {font-size:25px;}
.modal-content .txt3 {font-size:17px;}
.pg_review_more a {padding:15px 6.1%;}
.pg_review_more span {font-size:20px;}
.pg_review_tit {font-size:30px; margin:20px 0;}
.program_info {margin-top:0px;}
.pg_review {margin:30px 0 70px 0;}



/*센터소개*/
.profile_con {padding:0px;}
.profile_con ul.first {width:100%;}
.profile_con .section {padding:300px 0 0 0; background-position:right 20px; background-size:80%;}
.profile_con .tit {font-size:20px;}

.history {padding-top:60px;}
.history_left {text-align:center; margin-bottom:30px;}
.history_left br {display:none;}
.history_left a {padding:15px 0; width:49%; text-align:center; font-size:19px;}
.history_list .f_right p span  {display:block;}
.map_box dl dd span { display:block;}

.greeting {height:inherit;}
.greeting_con {position:relative; top:0px; left:0; background:url(../images/ceo_img.png) no-repeat right 40px; padding:0; background-size:100px;}
.greeting_con p:first-child {padding:40px 100px 0px 0px;}
/*팝업*/
.layer_popup { width:100%;  top:0;}
.layer_popup img {width:100%;}


/*뉴스레터*/
.letter_wrap ul li img {width:100%;}
.letter_wrap ul li {float:none; width:100%; margin-right:0%; margin-bottom:1.32%;}
.letter_wrap ul li.bn {width:50%; float:left;}

/*브랜드스토리*/
.brandstory p br {display:none;}


}
@media all and (max-width: 1000px) {
.type_list_wrap img {height:inherit;}
.letter_list_wrap img {height:inherit;}
.event_list .f_left img {height:inherit;}
.notice_list_wrap img {height:inherit;}
.line_map {padding-right:20px;}
/*프로그램*/
.view_s {display:none;}
.view_m {display:block;}
.view_l {display:none;}
.pg_con_box dl {margin:40px auto; float:none; width:85%;}
.pg_con_box .check_btn {float:none; width:85%; margin:0 auto; text-align:left; }
.pg_con_box .check_btn a {padding:20px 20px 20px 100px;}
.pg_con_box {padding-bottom:40px;}

.main_community_wrap {padding:50px 20px; min-height:inherit;}
.main_community .f_left {float:none; width:100%;}
.main_community .f_right {float:none; width:100%;}
.m_academy, .m_letter {margin:0 5px 10px 0; }
.m_ceo, .m_recipe {margin:0 0px 10px 5px;}
.m_program { margin:10px 0;}

.main_board_wrap {padding:50px 20px;}
.main_board .f_left {float:none; width:100%;}
.main_board .f_right {float:none; width:100%;}
.m_academy, .m_letter {margin:0 5px 10px 0; }
.m_ceo, .m_recipe {margin:0 0px 10px 5px;}
.m_program { margin:10px 0;}

}
@media all and (min-width: 768px) and (max-width: 1390px){
.container{width:100%; padding-left:1%; padding-right:1%;}
.navbar-brand > img {width:80%;}
.navbar-default .navbar-nav > li > a {font-size:19px; padding:10px 20px 10px 10px; }
.navbar-default .navbar-nav > li > a:last-child {padding-right:0;}
.navbar-left {margin-left:0; float:right !important;}
.util {position:relative; top:inherit; bottom:inherit; text-align:right; border-bottom:1px solid #ddd; margin:0px 0 15px; overflow:hidden;}
.util a { float:none; display:inline-block;}

.main_community_wrap {padding:120px 20px;}
.main_board_wrap {padding:120px 20px;}
}

@media all and (min-width: 1400px) {	
	.container{width:1200px;}
	.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
}