#sub_visual{position:relative;  text-align:center;   padding:100px 0; background-position:center; background-repeat:no-repeat;  background-size:cover;}
#sub_visual section{display:inline-block; color:#FFF; background:rgba(111,20,25,.9); padding:40px 120px}
#sub_visual section p{ font-size:20px; color:#fff; line-height:120%;  letter-spacing:.5em}
#sub_visual section h2{ font-size:48px; color:#fff; line-height:180%;  font-family:"Noto Serif KR", sans-serif; }

#sub_visual zz{display:inline-block; color:#FFF; padding:40px 10px}
#sub_visual zz img{margin-top:-60px;}


#pageNavi{position:relative; background:#fff; height:50px; line-height:50px; z-index:4;     }
#pageNavi:before{position:absolute; top:0; border-bottom:1px solid #DDD;border-top:1px solid #EEE;  bottom:0; left:50%; margin-left:-50vw; width:100vw;z-index:-1; content:"";}
@media (max-width:1200px){
#sub_visual{left:0; width:100%; margin-left:0;}
}


@media (max-width:1200px){
#sub_visual{  padding:10vw 10vw;  }

#sub_visual section{  padding:4vw 0; display:block; }
#sub_visual section p{ font-size:1em; }
#sub_visual section h2{ font-size:2em; }

}
#pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);   line-height:50px; font-size:1.4em; padding:0 20px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; z-index:1;}
#pageNavi dl dd{display:none}
#pageNavi dl dt{position:relative; padding:0 30px; border-right:1px solid rgba(0,0,0,.1); }
#pageNavi dl dd{position:absolute; top:50px; left:0; width:auto; min-width:100%; white-space: nowrap; background:#6b191d}
#pageNavi dl dd a{display:block; line-height:20px; padding:10px  20px; border-bottom:1px solid rgba(255,255,255,.1)}
#pageNavi dl dd a:hover{background:#333}
#pageNavi dl.sub:hover{z-index:2;}
#pageNavi dl.sub dt{padding-right:50px;cursor:pointer; }
#pageNavi dl.sub dt:after{position:absolute; top:0; right:20px; line-height:50px;  font-family:"fontAwesome"; content:"\f105";}
#pageNavi dl.sub:hover dd{display:block;}
#pageNavi dl.sub:hover dt{background:#6b191d;color:#FFF}
#pageNavi dl.sub:hover dt:after{content:"\f107";}
@media (max-width:1200px){
#pageNavi:before{ margin-left:-50%; width:100%}
}
@media (max-width:736px){
#pageNavi{height:40px; line-height:40px;  }
#pageNavi .fa-home{  line-height:40px;  padding:0 10px}
#pageNavi dl dt{ padding:0 10px; }
#pageNavi dl dd{  top:40px;  }
#pageNavi dl dd a{ line-height:20px; padding:6px 10px 6px 10px;  }
#pageNavi dl dd a:hover{background:#333}
#pageNavi dl.sub:hover{z-index:2;}
#pageNavi dl.sub dt{padding-right:30px;cursor:pointer; }
#pageNavi dl.sub dt:after{ right:10px; line-height:40px;   }

#sub_visual zz{display:inline-block; color:#FFF; padding:0vw; padding-top:10px; padding-bottom:10px;}
#sub_visual zz img{margin-top:0px;}
}


.sub_container {padding-top:100px;  z-index:1;  }

.pageContent{ font-size:18px;  line-height:180%;   position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}
.pageContent .fmm{font-family:"Noto Serif KR", sans-serif;}

@media (max-width:1200px){
 .sub_container {padding:5vw 0; margin:0 4vw; width:auto;}
}
@media (max-width:736px){
 .pageContent{ font-size:14px; }
}

.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:150%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:2.2em; }
.pageContent h3{font-size:1.8em; }
.pageContent h4{font-size:1.5em; }
.pageContent h5{font-size:1.3em; }
.pageContent h6{font-size:1.1em; }


@media (max-width:736px){
	.pageContent h1{font-size:1.6em; }
	.pageContent h2{font-size:1.5em; }
	.pageContent h3{font-size:1.4em; }
	.pageContent h4{font-size:1.3em; }
	.pageContent h5{font-size:1.2em; }
	.pageContent h6{font-size:1.1em; }
}

.pageContent strong{font-weight:600}
.pageContent b{font-weight:800}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent img{max-width:100%}
.pageContent p{padding:.3em 0;}
.pageContent p2{padding:.3em 0; color:#000000;}
/*
.pageContent ul{padding:0 0 0 1em; list-style-type: none; padding-top:.5em;}
.pageContent ul li{ }
.pageContent li{ margin:.5em 0;     text-align:left; }
.pageContent ul > li:before{content:"-";  text-align:center; font-size:1.2em; margin-left:-1em; display:inline-block; width:1em;}
.pageContent ol{padding:0 0px 0 1em; list-style-type: none; counter-reset:sign-num; }
.pageContent ol > li:before {counter-increment:sign-num; content:counter(sign-num); display:inline-block; width:1em; margin-left:-1em;   letter-spacing:-0.6px; }
*/
.pageContent ul{padding:0 0 0 1.5em; list-style-type: none; padding-top:.5em;  }
.pageContent li{ margin:.5em 0; text-align:left; }
.pageContent ul > li:before{content:"―"; text-indent:-1em; overflow:hidden;  text-align:center;  margin-left:-1em; display:inline-block; width:1em;   vertical-align:top;}
.pageContent ol{padding:0 0px 0 1.5em; list-style-type: Decimal;   }

.pageContent u{text-decoration:underline;}
.pageContent .link{text-decoration:underline; color:#1d70bd}
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.8em; opacity:.8}
.pageContent .small{font-size:.8em; opacity:.8}
.pageContent big{font-size:1.2em }
.pageContent .big{font-size:1.2em }
.pageContent hr {display:block;height:0;border:0; margin:0;padding:0;}
.pageContent sub .pageContent sup {font-size:.8em;}

.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both; padding-bottom:6px;   }
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}

.cfm{color:#6f1419; }
.cfB{color:#000; }
.cfh{color:#999; }
.cfr{color:#F44; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3d8cb9; }
.cfb2{color:#243e86; }
.cfg{color:#3db9ac; }
.cfy{color:#ffcc00; }
.cfw{color:#FFF; }

.cbm{background:#6f1419; color:#FFF; }
.cbh{background:#ececec;   }
.cbB{background:#000; color:#FFF; padding:.1em .3em; }
.cbr{background:#F44; color:#FFF; padding:.1em .3em; }
.cbb{background:#39F; color:#FFF; padding:.1em .3em; }
.cbg{background:#3db9ac; color:#FFF; padding:.1em .3em; }
.cby{background:#ffcc00;  padding:.1em .3em; }
.cbw{background:#fff;  padding:.1em .3em;  }

.pageContent .pdw{padding:0em .3em; display:inline-block;}
.pageContent .nmt{margin-top:0;}
.pageContent .round{display:inline-block; border-radius:1em; }

.pageContent hr.h10 {height:10px}
.pageContent hr.h15 {height:15px}
.pageContent hr.h20 {height:20px}
.pageContent hr.h30 {height:30px}
.pageContent hr.h40 {height:40px}
.pageContent hr.h50 {height:50px}
.pageContent hr.h60 {height:60px}
.pageContent hr.h70 {height:70px}
.pageContent hr.h80 {height:80px}
.pageContent hr.h90 {height:90px}
.pageContent hr.h100 {height:100px}

.pageContent .pd10{padding-top:10px; padding-bottom:10px}
.pageContent .pd15{padding-top:15px; padding-bottom:15px}
.pageContent .pd20{padding-top:20px; padding-bottom:20px}
.pageContent .pd30{padding-top:30px; padding-bottom:30px}
.pageContent .pd40{padding-top:40px; padding-bottom:40px}
.pageContent .pd50{padding-top:50px; padding-bottom:50px}
.pageContent .pd60{padding-top:60px; padding-bottom:60px}
.pageContent .pd70{padding-top:70px; padding-bottom:70px}
.pageContent .pd80{padding-top:80px; padding-bottom:80px}
.pageContent .pd90{padding-top:90px; padding-bottom:90px}
.pageContent .pd100{padding-top:100px; padding-bottom:100px}

.pageContent .pdw5{padding-left:5px; padding-right:5px}
.pageContent .pdw10{padding-left:10px; padding-right:10px}
.pageContent .pdw15{padding-left:15px; padding-right:15px}
.pageContent .pdw20{padding-left:20px; padding-right:20px}
.pageContent .pdw30{padding-left:30px; padding-right:30px}
.pageContent .pdw40{padding-left:40px; padding-right:40px}
.pageContent .pdw50{padding-left:50px; padding-right:50px}
.pageContent .pdw60{padding-left:60px; padding-right:60px}
.pageContent .pdw70{padding-left:70px; padding-right:70px}
.pageContent .pdw80{padding-left:80px; padding-right:80px}
.pageContent .pdw90{padding-left:90px; padding-right:90px}
.pageContent .pdw100{padding-left:100px; padding-right:100px}

.pageContent .w50px{width:50px;}
.pageContent .w100px{width:100px;}
.pageContent .w150px{width:150px;}
.pageContent .w200px{width:200px;}
.pageContent .w300px{width:300px;}
.pageContent .w400px{width:400px;}
.pageContent .w500px{width:500px;}

.pageContent .w10p{width:10%;}
.pageContent .w20p{width:20%;}
.pageContent .w30p{width:30%;}
.pageContent .w40p{width:40%;}
.pageContent .w50p{width:50%;}
.pageContent .w60p{width:60%;}
.pageContent .w70p{width:70%;}
.pageContent .w80p{width:80%;}
.pageContent .w90p{width:90%;}
.pageContent .w100p{width:100%;}

@media (max-width:736px){
	.pageContent hr.h10 {height:1vw}
	.pageContent hr.h15 {height:1.5vw}
	.pageContent hr.h20 {height:2vw}
	.pageContent hr.h30 {height:3vw}
	.pageContent hr.h40 {height:4vw}
	.pageContent hr.h50 {height:5vw}
	.pageContent hr.h60 {height:6vw}
	.pageContent hr.h70 {height:7vw}
	.pageContent hr.h80 {height:8vw}
	.pageContent hr.h90 {height:9vw}
	.pageContent hr.h100 {height:10vw}

	.pageContent .pd10{padding-top:1vw; padding-bottom:1vw}
	.pageContent .pd15{padding-top:1.5vw; padding-bottom:1.5vw}
	.pageContent .pd20{padding-top:2vw; padding-bottom:2vw}
	.pageContent .pd30{padding-top:3vw; padding-bottom:3vw}
	.pageContent .pd40{padding-top:4vw; padding-bottom:4vw}
	.pageContent .pd50{padding-top:5vw; padding-bottom:5vw}
	.pageContent .pd60{padding-top:6vw; padding-bottom:6vw}
	.pageContent .pd70{padding-top:7vw; padding-bottom:7vw}
	.pageContent .pd80{padding-top:8vw; padding-bottom:8vw}
	.pageContent .pd90{padding-top:9vw; padding-bottom:9vw}
	.pageContent .pd100{padding-top:10vw; padding-bottom:10vw}

	.pageContent .pdw5{padding-left:.5vw; padding-right:.5vw}
	.pageContent .pdw10{padding-left:1vw; padding-right:1vw}
	.pageContent .pdw15{padding-left:1.5vw; padding-right:1.5vw}
	.pageContent .pdw20{padding-left:2vw; padding-right:2vw}
	.pageContent .pdw30{padding-left:3vw; padding-right:3vw}
	.pageContent .pdw40{padding-left:4vw; padding-right:4vw}
	.pageContent .pdw50{padding-left:5vw; padding-right:5vw}
	.pageContent .pdw60{padding-left:6vw; padding-right:6vw}
	.pageContent .pdw70{padding-left:7vw; padding-right:7vw}
	.pageContent .pdw80{padding-left:8vw; padding-right:8vw}
	.pageContent .pdw90{padding-left:9vw; padding-right:9vw}
	.pageContent .pdw100{padding-left:10vw; padding-right:10vw}

	.pageContent .w50px{width:5vw;}
	.pageContent .w100px{width:10vw;}
	.pageContent .w150px{width:15vw;}
	.pageContent .w200px{width:20vw;}
	.pageContent .w300px{width:30vw;}
	.pageContent .w400px{width:40vw;}
	.pageContent .w500px{width:50vw;}
}
.pageContent .title{z-index:1; margin:0; padding:.3em 0; font-weight:600 ;  overflow:hidden;   text-align:center;  line-height:120%; }


.pageContent .title1111{z-index:1; margin:0; padding:.3em 0; font-weight:600 ;  overflow:hidden;   text-align:center;  line-height:120%; color:#000000;}


.pageContent .title:after{ display:block; margin:0 auto; width:1px; height:1.5em; margin-top:.4em; background:#333;   content:""; }
.pageContent .title span{font-weight:300}

.pageContent .title2{z-index:1; margin:0; padding:.3em 0;   margin-bottom:.5em;}
.pageContent .title2:after{  display:block;  line-height:30%;  content:"━"; }

.pageContent section{position:relative;}
.pageContent article{position:relative; _display:inline-block; overflow:hidden; zoom:1}
.pageContent article:after{display:block;clear:both;content:''}

.full_img{position:relative; left:50%; width:200vw;  margin-left:-100vw; text-align:center;  }
.full_img img{max-width:none}

.pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;}
.pageContent .full_bg.cover{background-size:cover; }
.pageContent .full_bg.fixed{background-attachment:fixed;}


@media (max-width:1200px){
.pageContent .full_bg{width:calc(100% + 40px); margin-left:-20px;   left:0; background-size:cover }
 .pageContent .full_bg.fixed{background-attachment:scroll;}
}

.dlw{  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* 양쪽정열 */
.dlw.js{justify-content:space-between} /* 양쪽정열 */
.dlw.br{flex-flow:wrap;}/* 줄바꿈 */
.dlw > dd{position:relative;    }
.dlw.w0 > dt,
.dlw.w0 > dd{position:relative;  width:0;  flex-grow:1;   } /* 너비통일 */
.dlw .vc{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*수직센터정열*/
.dlw.vc > dt {display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*수직센터정열*/
.dlw.vc > dd {display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*수직센터정열*/

.table_s{width:100%;}
.table_s thead th{color:#FFF; padding:10px; background:#3d4255; border:1px solid #c3c3c3; }
.table_s tbody th{color:#FFF; padding:10px; background:#3d4255; border:1px solid #c3c3c3}
.table_s tbody td{ padding:10px; background:#fff; border:1px solid #c3c3c3}

.pageContent ul.uls_1{padding-left:1.5em;}
.pageContent ul.uls_1 li:before{content:""; background:url(../sub/img/icon_uls_1.png) left center no-repeat; height:1em; font-size:1em; margin-left:-1.5em; display:inline-block; width:1.5em;}
.pageContent ul.uls_2 li:before{content:""; background:url(../sub/img/icon_uls_2.png) left center no-repeat; height:1em; font-size:1em;  margin-left:-1em; display:inline-block; width:1em; vertical-align:middle;}

.pageContent .ols_1{counter-reset:sign-num; list-style:none; padding:0; margin:0; margin-top:20px;}
.pageContent .ols_1 li {padding-left:44px;}
.pageContent .ols_1 li:before {counter-increment:sign-num; content:'0'counter(sign-num); display:inline-block; width:34px;height:34px;  margin-left:-44px; border-radius:50%;background-color:#1a5da8;color:#fff;font-size:1.1em;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}

.page_header{position:relative; text-align:center;   margin-bottom:40px;}
.page_header h2{ font-family:"nanum myeongjo"; font-weight:600}
.page_header h2:before{display:block; width:1px; height:2em; background:#333; margin:0 auto; content:"";}


.comma{font-size:1.1em;}
.comma:before,
.comma:after{ display:inline-block;  font-size:2em; font-family:"iconfont"; color:#1a5da8; vertical-align:middle;}
.comma:before{content:"\e6de";  margin-top:-2%; margin-right:1%;  }
.comma:after{content:"\e6df" ;  margin-left:1%;}

.lrbox{display: -webkit-flex; display: flex; justify-content:space-between}
.lrbox dt{width:40%; background-size:cover; background-position:center; }
.lrbox dt div{position:relative; padding-top:60%}
.lrbox dd{width:55%}
.lrbox.dtr dt{order:2;}


.lrbox t{color:#ff0000;}

@media (max-width:736px){
	.lrbox{display:block;  }
	.lrbox dt{width:auto; padding-top:60%; }
	.lrbox dt div{position:relative; padding-top:0}
	.lrbox dd{width:auto}

}
.pageContent .wave{ position:relative;  padding-bottom:0.25em }
.pageContent .wave:after{position:absolute; left:0; right:0; bottom:0;  height: 0.25em;background:linear-gradient(135deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%),linear-gradient(45deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%);background-size: 0.5em 0.5em;background-repeat: repeat-x, repeat-x;content: '';}

	/*
	.video_player{position:relative; padding-top:46%; background:#EEE; }
	.video_player iframe{position:absolute; top:0; left:0; width:100%; height:100%; }
	*/
	.g2_com1 article{background:rgba(0,0,0,.3); padding:60px; display:inline-block; color:#FFF; margin-bottom:200px}
	.g2_com2 article a{display:inline-block; padding:0 20px; border:1px solid #6f1419;  background:#FFF;  line-height:46px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	.g2_com2 article a:after{content:"\e6f0"; font-family:"iconfont"; padding-left:20px;}
	.g2_com2 article a:hover{ background:#6f1419; color:#FFF;}

	.g2_com3 aside{position:absolute; top:50%; right:0; width:300px; height:300px; margin-top:-150px; overflow:hidden; border-radius:50%;}
	.g2_com3 article{display:inline-block;  text-align:center; }



	.video_player img{
	max-width:100%;
	background-image: url('./sub/img/diet02.jpg');
	}




	.com2 article{border:5px solid #ececec ; padding:80px; overflow:visible}
	.com2 article h2{ position:absolute; top:-30px; line-height:45px; line-height:60px;  left:0; right:0; text-align:center; }
	.com2 article h2 strong{display:inline-block; background:#fff; padding:0 20px; }

	.com2 article dl {margin-bottom:40px}
	.com2 article dl:after {display:block;visibility:hidden;clear:both;content:""}
	.com2 article dl dt {float:left; clear:both;}
	.com2 article dl dd { overflow:hidden; position:relative;  text-align:left; }
	.com2 article dl dd h3{ border-bottom:1px solid #dadada;  padding-left:40px; font-weight:500; line-height:200%}
	.com2 article dl dd p{padding:20px 40px}

	.com3 article{  display:inline-block;padding:40px 120px }
	.com3 .title:after{background:#000000;}



@media (max-width:736px){

	.msh .dlw{display:block}
	.msh .dlw dt{width:auto; margin-bottom:3vw;}
	.msh .dlw dd{width:auto}



	.g2_com1 article{ padding:6vw; display: block;  margin-bottom:0}
	.g2_com1 .full_bg{position:relative;display:block; height:50vw; background-position:26% center; margin-bottom:4vw;}
	.g2_com2 article a{ padding:0 10px;  line-height:36px;  }
	.g2_com2 article a:after{padding-left:10px;}


	.g2_com3 aside{position:relative; top:0;   width:40vw; height:40vw; margin:0 auto }
	.g2_com3 article{display: block;   }

	.com2 article{border:2px solid #ececec ; padding:5vw; }
	.com2 article h2{  top:-20px;  line-height:40px;  left:0; right:0; text-align:center; }
	.com2 article h2 strong{display:inline-block; background:#fff; padding:0 10px; }

	.com2 article dl {margin-bottom:4vw}

	.com2 article dl dt {float:none; margin-bottom:2vw; }
	.com2 article dl dd {  }
	.com2 article dl dd h3{  padding-left:0;  }
	.com2 article dl dd p{padding:2vw 0}

	.com3 article{  display:inline-block;padding:4vw ; color:#333;  }
	.com3 .full_bg{position:relative;display:block; height:50vw; background-position:26% center; margin-bottom:4vw;}
	.com3 .title:after{background:#333;}


 }