.brandContainer { width: 100%; overflow: hidden; }

.brandContainer .brandSection { }
.brandContainer .brandSection .title { position: relative; font-size: 25px; line-height: 100%; }
.brandContainer .brandSection .title img { margin-top: -6px; vertical-align: middle; }
.brandContainer .brandSection .title .titleIcon { position: absolute; right: 0; top: -25px;}
.brandContainer .brandSection .title .titleIcon img { width: 75px;}
.brandContainer .brandSection .subSection {}

.brandContainer .sectionStory { }
.brandContainer .sectionStory .sectionStory1 { background: url("https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/story_green_bg.jpg") no-repeat top center; background-size:100% 100%; }
.brandContainer .sectionStory .sectionStory1 .sectionBox { position: relative; padding: 15% 4%; }
.brandContainer .sectionStory .sectionStory1 .textContent { line-height: 180%;}
.brandContainer .sectionStory .sectionStory1 .contentWrap1 { margin-top: 50px;}
.brandContainer .sectionStory .sectionStory1 .contentWrap1 h3 { margin-bottom: 10px; font-size: 19px; font-weight: normal;}
.brandContainer .sectionStory .sectionStory1 .contentWrap2 { position: relative; padding: 5% 3%; margin-top: 20px; background: #078548;}
.brandContainer .sectionStory .sectionStory1 .contentWrap2 h2 { margin: 10px 0; text-align: center; font-weight: normal;}
.brandContainer .sectionStory .sectionStory1 .contentWrap2 ul { text-align: center; }
.brandContainer .sectionStory .sectionStory1 .contentWrap2 ul li { display: inline-block; vertical-align: middle; }
.brandContainer .sectionStory .sectionStory1 .contentWrap2 .leftCotents { width: 140px; text-align: center; }
.brandContainer .sectionStory .sectionStory1 .contentWrap2 .leftCotents span { display: block; padding: 5px 0; margin: 8px 0; border: 1px solid #fff; border-radius:15px; font-size: 14px;}
.brandContainer .sectionStory .sectionStory1 .contentWrap2 .middleCotents { width: 28px; height: 16px; margin: 0 5px; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/story_etc3.png') no-repeat center; background-size: 50%; }
.brandContainer .sectionStory .sectionStory1 .contentWrap2 .rightCotents { width: 85px; height: 85px; padding-top: 30px; font-size: 15px; line-height: 120%; text-align: center; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/story_etc4.png') no-repeat center; background-size:100%; }
.brandContainer .sectionStory .sectionStory1 .contentWrap3 { margin-top: 50px; }
.brandContainer .sectionStory .sectionStory1 .backgroundFixed { position: absolute; width: 100%; max-width:320px; bottom: 0; right: 0;}

.brandContainer .sectionStory .sectionStory2 { }
.brandContainer .sectionStory .sectionStory2 .sectionBox { position: relative; padding: 15% 0 0;}
.brandContainer .sectionStory .sectionStory2 .sectionBg1 { padding: 10px 4% 15%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/mission_green_bg.jpg') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionStory .sectionStory2 .textContent { line-height: 180%;}
.brandContainer .sectionStory .sectionStory2 .contentWrap1 { margin-top: 50px;}
.brandContainer .sectionStory .sectionStory2 .contentWrap1 h3 { margin-bottom: 10px; font-size: 19px; font-weight: normal;}
.brandContainer .sectionStory .sectionStory2 .contentWrap2 { margin: 50px 0 0; text-align: center; }
.brandContainer .sectionStory .sectionStory2 .contentWrap2 .tableOuter { display: inline-block;}
.brandContainer .sectionStory .sectionStory2 .contentWrap2 .tableOuter:after { content:""; display:block; clear:both; }
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul { position: relative; display: table; text-align: center; padding: 7px 10px; margin-bottom: 20px; border-radius: 50px; box-sizing:border-box;}
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.tableClear { width: 100%; clear:both; padding: 0; margin: 0;}
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle1 { float: left; border: 2px solid #2dbd5e; color: #2dbd5e; }
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle2 { float: right; border: 2px solid #098b4c; color: #098b4c; }
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle1 .boxLine { position: absolute; top: 65%; right: -18px; width: 10px; height: 100%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/mission_dg1.png') no-repeat; background-size:100%; }
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle2 .boxLine { position: absolute; top: 65%; left: -19px; width: 10px; height: 100%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/mission_dg2.png') no-repeat; background-size:100%; }
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul li { display: table-cell; vertical-align: middle; padding: 0 5px; line-height: 140%; font-size: 12px;}
.brandContainer .sectionStory .sectionStory2 .contentWrap2 ul li img { width: 45px;}
.brandContainer .sectionStory .sectionStory2 .contentWrap3 { margin: 30px 0 40px; text-align: center; }
.brandContainer .sectionStory .sectionStory2 .contentWrap4 { text-align: center; font-size: 14px; }
.brandContainer .sectionStory .sectionStory2 .spaceLine { width: 100%; height: 50px; margin: 15px 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/line_hi_white.jpg') no-repeat center;  }

.brandContainer .sectionStory .sectionStory3 {  }
.brandContainer .sectionStory .sectionStory3 .title .titleIcon img { width: 85px;}
.brandContainer .sectionStory .sectionStory3 .sectionBox { position: relative; padding: 15% 0 0; }
.brandContainer .sectionStory .sectionStory3 .sectionBg1 { padding: 15px 4% 15%; margin-top: 50px; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/value_green_bg.png') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionStory .sectionStory3 .textContent { line-height: 180%;}
.brandContainer .sectionStory .sectionStory3 .contentWrap1 { margin: 30px 0 0;}
.brandContainer .sectionStory .sectionStory3 .contentWrap1 h3 { margin-bottom: 10px; font-size: 25px; color: #2dbd5e; }
.brandContainer .sectionStory .sectionStory3 .contentWrap1 h4 { margin-bottom: 10px; font-size: 19px; color: #2dbd5e; font-weight: normal;}
.brandContainer .sectionStory .sectionStory3 .contentWrap2 { margin: 30px 0; padding-left: 10%; }
.brandContainer .sectionStory .sectionStory3 .contentWrap2 h4 { margin-bottom: 10px; font-size: 15px;}
.brandContainer .sectionStory .sectionStory3 .contentWrap2 h4 span { font-size: 22px;}
.brandContainer .sectionStory .sectionStory3 .backgroundFixed { position: absolute; width: 100%; max-width:320px; bottom: 0; right: 0; }


.brandContainer .sectionHealth .sectionHealth1 {  }
.brandContainer .sectionHealth .sectionHealth1 .sectionBox { padding: 10% 0 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/eye_bg1.jpg') no-repeat 100% 100%; background-size:100% 100%;}
.brandContainer .sectionHealth .sectionHealth1 .textContent { line-height: 180%;}
.brandContainer .sectionHealth .sectionHealth1 .contentWrap1 { position: relative; text-align: right; }
.brandContainer .sectionHealth .sectionHealth1 .contentWrap1 h2 { position: absolute; left: 0; top: 15%; text-align: left; font-size: 22px; line-height: 130%;}
.brandContainer .sectionHealth .sectionHealth1 .contentWrap1 .titleLine { margin-top: 13px;}
.brandContainer .sectionHealth .sectionHealth1 .backgroundFixed { width: 63%;  }

.brandContainer .sectionHealth .sectionHealth2 {  }
.brandContainer .sectionHealth .sectionHealth2 .sectionBox { padding: 10% 0; }
.brandContainer .sectionHealth .sectionHealth2 .textContent { line-height: 180%;}
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 { position: relative; padding: 8% 0 5%;}
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1,
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 img { position: relative; width: 120px; margin: 0 auto;}
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .colorType1 { color: #47509a; font-size: 14px; white-space:nowrap;  }
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .colorType2 { color: #7f7f7f; font-size: 14px;  white-space:nowrap;}
.brandContainer .sectionHealth .sectionHealth2 .contentWrap2 { margin-top: 30px; text-align: center; font-size: 17px; font-weight: bold; }

.brandContainer .sectionHealth .sectionHealth3 {  }
.brandContainer .sectionHealth .sectionHealth3 .sectionBox { padding: 20% 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/eye_bg2.jpg') no-repeat 100% 100%; background-size:100% 100%;}
.brandContainer .sectionHealth .sectionHealth3 .textContent { line-height: 180%;}
.brandContainer .sectionHealth .sectionHealth3 .contentWrap1 { text-align: center; }
.brandContainer .sectionHealth .sectionHealth3 .contentWrap1 h1 { font-size: 25px; }
.brandContainer .sectionHealth .sectionHealth3 .contentWrap1 h2 { font-size: 21px; }
.brandContainer .sectionHealth .sectionHealth3 .contentWrap1 h3 { margin: 13px 0; font-size: 19px; font-weight: normal; }
.brandContainer .sectionHealth .sectionHealth3 .contentWrap2 { margin-top: 35px; text-align: center; }

.brandContainer .sectionHealth .sectionHealth4 { margin-top: -25%; }
.brandContainer .sectionHealth .sectionHealth4 .sectionBox { padding: 10% 0 0;}
.brandContainer .sectionHealth .sectionHealth4 .sectionBg1 { padding: 7% 0 25%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/eye_bg3.png') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionHealth .sectionHealth4 .sectionBg2 { padding: 0 0 15%;  background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/eye_bg4.jpg') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionHealth .sectionHealth4 .textContent { line-height: 180%;}
.brandContainer .sectionHealth .sectionHealth4 .contentWrap1 { position: relative; text-align: right; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap1 .textContent { position: absolute; left: 8%; top: 40%; text-align: left; font-size: 20px; line-height: 150%; font-weight: bold; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap1 .backgroundFixed { width: 60%; padding-right: 7%; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 { text-align: center;}
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 .tableOuter { width: 285px; display: inline-block; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul { position: relative; display: table; text-align: center; padding: 7px 10px; margin-bottom: 20px; border-radius: 50px; box-sizing:border-box;}
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul li { display: table-cell; vertical-align: middle; padding: 0 5px; line-height: 140%; font-size: 16px; text-align: left; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul li img { width: 60px;}
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ol { clear:both; width: 265px; padding: 0 10px 0; margin: 0 auto; text-align: left; font-size: 10px; font-weight: 100; list-style-type: disc; box-sizing:border-box; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ol li { list-style-type: disc; color: #fff; opacity:0.7; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap3 { margin-top: -25%; text-align: center; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap3 .backgroundFixed { width: 73%; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap4 { text-align: center; }
.brandContainer .sectionHealth .sectionHealth4 .contentWrap4 h2 { margin-top: 20px; font-size: 17px;}

.brandContainer .sectionHealth .sectionHealth5 {  }
.brandContainer .sectionHealth .sectionHealth5 .sectionBox { padding: 10% 0;}
.brandContainer .sectionHealth .sectionHealth5 .textContent { line-height: 180%;}
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 { position: relative; text-align: left; }
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2,
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 img { width: 90px; }
.brandContainer .sectionHealth .sectionHealth5 .contentWrap2 {}
.brandContainer .sectionHealth .sectionHealth5 .contentWrap2 span { color: #000;}
.brandContainer .sectionHealth .sectionHealth5 .contentWrap2 h2 { font-size: 22px; line-height: 150%; font-weight: normal; color: #3163c0;}

.brandContainer .sectionHealth .sectionHealth6 {  }
.brandContainer .sectionHealth .sectionHealth6 .sectionBox { position: relative; padding: 10% 0 0; }
.brandContainer .sectionHealth .sectionHealth6 .sectionBg1 { padding: 15px 4% 15%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/eye_bg5.jpg') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionHealth .sectionHealth6 .textContent { line-height: 180%;}
.brandContainer .sectionHealth .sectionHealth6 .contentWrap1 { margin: 30px 0 0; font-size: 20px; font-weight: bold;}
.brandContainer .sectionHealth .sectionHealth6 .contentWrap2 { margin: 30px 0; }
.brandContainer .sectionHealth .sectionHealth6 .contentWrap2 h4 { margin-bottom: 10px; font-size: 15px;}
.brandContainer .sectionHealth .sectionHealth6 .backgroundFixed { position: absolute; width: 100%; max-width:250px; bottom: 0; right: 0; }


.brandContainer .sectionBeauty .sectionBeauty1 {  }
.brandContainer .sectionBeauty .sectionBeauty1 .sectionBox { padding: 10% 0 0; }
.brandContainer .sectionBeauty .sectionBeauty1 .textContent { line-height: 180%;}
.brandContainer .sectionBeauty .sectionBeauty1 .contentWrap1 { position: relative; text-align: right; }
.brandContainer .sectionBeauty .sectionBeauty1 .contentWrap1 h2 { position: absolute; left: 0; top: 22%; text-align: left; font-size: 20px; line-height: 130%; font-weight: normal;}
.brandContainer .sectionBeauty .sectionBeauty1 .contentWrap1 h2 strong { font-size: 22px;}
.brandContainer .sectionBeauty .sectionBeauty1 .contentWrap1 .titleLine { margin-top: 20px;}
.brandContainer .sectionBeauty .sectionBeauty1 .backgroundFixed { width: 63%; margin-right: -3%; }

.brandContainer .sectionBeauty .sectionBeauty2 {  }
.brandContainer .sectionBeauty .sectionBeauty2 .sectionBox { padding: 10% 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/beauty_bg1.jpg') no-repeat 100% 100%; background-size:100% 100%;}
.brandContainer .sectionBeauty .sectionBeauty2 .textContent { line-height: 180%;}
.brandContainer .sectionBeauty .sectionBeauty2 .contentWrap1 { margin-bottom: 15px; text-align: center; }
.brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 { text-align: center; }
.brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 h1 { font-size: 25px; }
.brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 h2 { margin: 5px 0 10px; font-size: 21px; }
.brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 h3 { font-size: 19px; font-weight: normal; }

.brandContainer .sectionBeauty .sectionBeauty3 {  }
.brandContainer .sectionBeauty .sectionBeauty3 .sectionBox { padding: 10% 0;}
.brandContainer .sectionBeauty .sectionBeauty3 .textContent { line-height: 180%;}
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 { position: relative; text-align: center; font-size: 13px;}
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 .beautyIcon1,
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 .beautyIcon1 img { width: 110px; margin: 0 auto; }
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap2 { text-align: center;}
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap3 { margin-top: 20px; text-align: center;}

.brandContainer .sectionBeauty .sectionBeauty4 {  }
.brandContainer .sectionBeauty .sectionBeauty4 .sectionBox { padding: 10% 0 27%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/beauty_bg2.jpg') no-repeat 100% 100%; background-size:100% 100%;}
.brandContainer .sectionBeauty .sectionBeauty4 .textContent { line-height: 180%;}
.brandContainer .sectionBeauty .sectionBeauty4 .contentWrap1 { text-align: center; font-size: 18px; }
.brandContainer .sectionBeauty .sectionBeauty4 .contentWrap2 { margin-top: 15px; text-align: center; font-size: 18px; text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.1); }
.brandContainer .sectionBeauty .sectionBeauty4 .contentWrap2 h2 { font-size: 22px; }
.brandContainer .sectionBeauty .sectionBeauty4 .contentWrap2 img { width: 70px; margin-bottom: 15px;}

.brandContainer .sectionBeauty .sectionBeauty5 { margin-top: -17%; }
.brandContainer .sectionBeauty .sectionBeauty5 .sectionBox { }
.brandContainer .sectionBeauty .sectionBeauty5 .contentWrap1 { text-align: center; }
.brandContainer .sectionBeauty .sectionBeauty5 .contentWrap1 .backgroundFixed { width: 80%; }

.brandContainer .sectionBeauty .sectionBeauty6 { }
.brandContainer .sectionBeauty .sectionBeauty6 .sectionBox { position: relative; padding: 10% 0 0;}
.brandContainer .sectionBeauty .sectionBeauty6 .textContent { line-height: 180%;}
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 { position: absolute; top: 10%; text-align: left; }
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 .beautyIcon2,
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 .beautyIcon2 img { width: 110px;}
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 span { display: block; font-size: 17px;}
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 strong { margin-left: -7px;}
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap2 { position: relative; text-align: right; }
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap2 .backgroundFixed { width: 53%; margin-right: -3%; }

.brandContainer .sectionBeauty .sectionBeauty7 { margin-top: 0;  }
.brandContainer .sectionBeauty .sectionBeauty7 .sectionBox { position: relative; padding: 0 0 0; }
.brandContainer .sectionBeauty .sectionBeauty7 .sectionBg1 { padding: 15px 4% 50%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/beauty_bg3.jpg') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionBeauty .sectionBeauty7 .textContent { line-height: 180%;}
.brandContainer .sectionBeauty .sectionBeauty7 .contentWrap1 { margin: 30px 0 0; font-size: 21px; font-weight: bold;}
.brandContainer .sectionBeauty .sectionBeauty7 .contentWrap2 { margin: 30px 0; font-size: 13px; }
.brandContainer .sectionBeauty .sectionBeauty7 .contentWrap2 h4 { margin-bottom: 10px; font-size: 16px;}
.brandContainer .sectionBeauty .sectionBeauty7 .backgroundFixed { position: absolute; width: 100%;  bottom: 0; right: 0; }

.brandContainer .sectionCodoctor .sectionCodoctor1 {  }
.brandContainer .sectionCodoctor .sectionCodoctor1 .sectionBox { padding: 0 0 0; }
.brandContainer .sectionCodoctor .sectionCodoctor1 .textContent { line-height: 180%;}
.brandContainer .sectionCodoctor .sectionCodoctor1 .contentWrap1 { position: relative; text-align: right; }
.brandContainer .sectionCodoctor .sectionCodoctor1 .contentWrap1 h2 { position: absolute; left: 5%; top: 22%; text-align: left; font-size: 20px; line-height: 130%; font-weight: normal;}
.brandContainer .sectionCodoctor .sectionCodoctor1 .contentWrap1 h2 strong { font-size: 22px;}
.brandContainer .sectionCodoctor .sectionCodoctor1 .contentWrap1 .titleLine { margin-top: 20px;}
.brandContainer .sectionCodoctor .sectionCodoctor1 .backgroundFixed { width: 63%; margin-right: 5%; margin-top:42%; }

.brandContainer .sectionCodoctor .sectionCodoctor2 {  }
.brandContainer .sectionCodoctor .sectionCodoctor2 .sectionBox { padding: 10% 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/codoctor2_bg2.jpg') no-repeat 100% 100%; background-size:100% 100%;}
.brandContainer .sectionCodoctor .sectionCodoctor2 .textContent { line-height: 180%;}
.brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap1 { margin-bottom: 15px; text-align: center; font-size: 18px; }
.brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 { text-align: center; center; font-size: 17px;}
.brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 h1 { font-size: 25px; }
.brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 h2 { margin: 5px 0 10px; font-size: 25px; }
.brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 h3 { font-size: 19px; font-weight: normal; }
.brandContainer .sectionCodoctor .sectionCodoctor2 .backgroundFixed { width: 100%; margin-top:10%; }

.brandContainer .sectionCodoctor .sectionCodoctor7 { margin-top: 0;  }
.brandContainer .sectionCodoctor .sectionCodoctor7 .sectionBox { position: relative; padding: 0 0 0; }
.brandContainer .sectionCodoctor .sectionCodoctor7 .sectionBg1 { padding: 30px 4% 25%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/codoctor2_bg1.jpg') no-repeat 100% 100%; background-size:100% 100%; }
.brandContainer .sectionCodoctor .sectionCodoctor7 .textContent { line-height: 180%;}
.brandContainer .sectionCodoctor .sectionCodoctor7 .contentWrap1 { margin: 30px 0 0; font-size: 17px;}
.brandContainer .sectionCodoctor .sectionCodoctor7 .contentWrap2 { margin: 30px 0; font-size: 17px; }
.brandContainer .sectionCodoctor .sectionCodoctor7 .contentWrap2 h4 { margin-bottom: 10px; font-size: 20px;}
.brandContainer .sectionCodoctor .sectionCodoctor7 .backgroundFixed { position: absolute; width: 100%;  bottom: 0; right: 0; }


.brandContainer .sectionCodoctor .sectionCodoctor3 { margin-top: 0;  }
.brandContainer .sectionCodoctor .sectionCodoctor3 .sectionBox { position: relative; padding: 0 0 0; }
.brandContainer .sectionCodoctor .sectionCodoctor3 .textContent { line-height: 180%;}
.brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap1 { margin: 50px 0 40px; font-size: 17px;}
.brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap2 { margin: 10px 0; font-size: 17px; line-height: 180%; }
.brandContainer .sectionCodoctor .sectionCodoctor3 .backgroundFixed { position: absolute; width: 100%;  bottom: 0; right: 0; }


.brandContainer .sectionCodoctor .sectionCodoctor4 {  }
.brandContainer .sectionCodoctor .sectionCodoctor4 .sectionBox { padding: 20% 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/codoctor4_bg2.jpg') no-repeat 100% 100%; background-size:100% 100%;}
.brandContainer .sectionCodoctor .sectionCodoctor4 .textContent { line-height: 180%;}

.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 .tableOuter { display: inline-block; width: 100%;}
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 .tableOuter:after { content:""; display:block; clear:both; }
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 ul { position: relative; display: table; text-align: center; margin-bottom: 25px;}
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 ul.tableClear { width: 100%; clear:both; padding: 0; margin: 0;}
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 ul li { display: table-cell; padding: 0 30px; line-height: 140%; font-size: 25px;}
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 ul li img { }
.brandContainer .sectionCodoctor .sectionCodoctor4 .backgroundFixed { width: 100%;}

.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap1 { margin-bottom: 15px; text-align: center; font-size: 18px; }
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap2 { text-align: center; center; font-size: 17px;}
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap2 h1 { font-size: 25px; }
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap2 h2 { margin: 5px 0 10px; font-size: 25px; }
.brandContainer .sectionCodoctor .sectionCodoctor4 .contentWrap2 h3 { font-size: 19px; font-weight: normal; }

.brandContainer .sectionCodoctor .sectionCodoctor10 {  background: url('https://aghealth.hgodo.com/web/upload/bestreview/mobile/img/codoctor2_bg7.jpg') no-repeat center; }
.brandContainer .sectionCodoctor .sectionCodoctor10 .sectionBox { padding: 10px 0 12px;text-align:center;}
.brandContainer .sectionCodoctor .sectionCodoctor10 .backgroundFixed { width: 63%;}


.brandContainer .sectionCodoctor .sectionCodoctor12 .title { position: relative; font-size: 21px; line-height: 160%; margin-left:20px;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .title img { margin-top: -6px; vertical-align: middle; }
.brandContainer .sectionCodoctor .sectionCodoctor12 .title .titleIcon { position: absolute; right: -25px; top: 15px;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .title .titleIcon img { width: 100px;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .sectionBox { position: relative; padding: 50px 2% 50px;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .sectionBg1 { padding: 0 0 130px; }
.brandContainer .sectionCodoctor .sectionCodoctor12 .textContent { line-height: 180%;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap1 { margin-top: 40px;text-align: center;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap2 { margin-top: 0px;text-align: center; line-height: 280%;}
.brandContainer .sectionCodoctor .sectionCodoctor12 h1 { font-size: 38px; font-weight: normal; line-height: 140%;text-align:left;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .tableContent { display: table; margin: 0 auto; }
.brandContainer .sectionCodoctor .sectionCodoctor12 .textContent { line-height: 180%;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 { position: relative; padding: 20px 0 15px; margin-top: 15px; background: #f4f7e4;border:1px solid #76b948;text-align:center;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 ol { text-align: left; font-size: 8px; font-weight: 100;padding-left:20px;padding-top:20px;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 ol li {color: #000; }
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap1 .backgroundFixed { width: 85%;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 .backgroundFixed { width: 85%;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap4 .backgroundFixed { width: 98%;}


.lettering .char1  { position: absolute; top: -25%; left: -11%; }
.lettering .char2  { position: absolute; top: 3%; left: -55%; }
.lettering .char3  { position: absolute; top: 35%; left:  -80%; }
.lettering .char4  { position: absolute; top: 60%; left: -45%; }
.lettering .char5  { position: absolute; top: 85%; left: -10%; }
.lettering .char6  { position: absolute; top: 100%; left: 30%; }
.lettering .char7  { position: absolute; top: 85%; left: 75%; }
.lettering .char8  { position: absolute; top: 60%; left: 100%; }
.lettering .char9  { position: absolute; top: 30%; left: 105%; }
.lettering .char10 { position: absolute; top: 4%; left: 85%; }
.lettering .char11 { position: absolute; top:  -20%; left: 53%; }

.textGradient .line1 { color: #d0d0d0;}
.textGradient .line2 { color: #c9c9c9;}
.textGradient .line3 { color: #BDBDBD;}
.textGradient .line4 { color: #A4A4A4;}
.textGradient .line5 { color: #989898;}
.textGradient .line6 { color: #737373;}
.textGradient .line7 { color: #5c5c5c;}
.textGradient .line8 { color: #3c3c3c;}


.textGradient .line10 { font-size: 28px;}
.textGradient .line12 { color: #1e510e;font-size: 15px;}
.textGradient .line13 { font-size: 20px;}
.textGradient .line14 {border-bottom:2px solid #c6e6bf;font-size: 12px;}
.textGradient .line15 {font-size: 15px; color: #000;}


.brandContainer .colorWhite { color: #ffffff;}
.brandContainer .colorGreen { color: #098b4c;}
.brandContainer .colorBlue  { color: #47509a;}
.brandContainer .colorPink  { color: #ff7062;}
.brandContainer .colorGreen2  { color: #69c44f;}


.brandContainer .reference { letter-spacing: 2px;}
.brandContainer .sectionPadding { padding-left: 4%; padding-right: 4%;}

.brandPageTab { width: 100%;}
.brandPageTab.navUp, 
.brandPageTab.navDown { position: fixed; top: 44px; z-index: 100; max-width: var(--s-max-width); }
.brandPageTab ul { font-size: 0; background: #fff; border: 1px solid #333; border-width: 1px 0;}
.brandPageTab ul li { display: inline-block; width: 33.3%; line-height: 40px; font-size: 13px; color: #000; text-align: center; border-left: 1px solid #333; box-sizing:border-box; }
.brandPageTab ul li.active { background: #F3F3F3;}
.brandPageTab ul li.active a { font-weight: bold; } 
/*.brandPageTab ul li:first-child { width: 50%; border: 0;}*/
.brandPageTab ul li:first-child { width: 33.3%; border: 0;}


/* 책장아이콘*/
.brandContainer .sectionStory .sectionStory1 .titleIcon {height: 75px;width: 75px;}
.brandContainer .sectionStory .sectionStory1 .titleIcon div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionStory .sectionStory1 .titleIcon div:first-child{display:block;}
/* 지구아이콘*/
.brandContainer .sectionStory .sectionStory2 .titleIcon {height: 75px;width: 75px;}
.brandContainer .sectionStory .sectionStory2 .titleIcon div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionStory .sectionStory2 .titleIcon div:first-child{display:block;}
/* 전구아이콘*/
.brandContainer .sectionStory .sectionStory3 .titleIcon {height: 85px;width: 85px;}
.brandContainer .sectionStory .sectionStory3 .titleIcon div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionStory .sectionStory3 .titleIcon div:first-child{display:block;}
/* 눈아이콘*/
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 {height: 120px; width: 120px; text-align:center;  }
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 img {}
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 div:first-child{display:block;}
/* 눈아이콘2*/
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 {height: 90px;width: 90px; }
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 img {}
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 div:first-child{display:block;}
/* 여자아이콘*/
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 .beautyIcon1 {height: 110px;width: 110px;}
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 .beautyIcon1 div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 .beautyIcon1 div:first-child{display:block;}
/* 여자아이콘2*/
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 .beautyIcon2 {height: 110px;width: 110px;}
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 .beautyIcon2 div {display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 .beautyIcon2 div:first-child{display:block;}
/* 코아이콘*/
.brandContainer .sectionCodoctor .sectionCodoctor12 .titleIcon {height: 150px;width: 150px;}
.brandContainer .sectionCodoctor .sectionCodoctor12 .titleIcon div {display:none; position: absolute; left: 0px; top: -5px; width: 100%; height: 100%; }
.brandContainer .sectionCodoctor .sectionCodoctor12 .titleIcon div:first-child{display:block;}
/* 그래프*/
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 .CodoctorIcon1 div {display:none; top: 0px; width: 100%; height: 100%; }
.brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 .CodoctorIcon1 div:first-child{display:block;}

/* 아이원 트리플 */
.brandPageTab div {
    font-size: 0;
    background: #fff;
    border-bottom: 1px solid #333;
    border-width: 1px 0;
}

.brandPageTab div:first-child {
    width: 100%;
    border: 0;
}

.brandPageTab div {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    font-size: 13px;
    color: #000;
    text-align: center;
    box-sizing: border-box;
}

.brandPageTab ul li a.active {
  font-weight: bold;
}

.brandPageTab a.active {
  font-weight: bold;
}