.brandContainer { width: 100%; min-width:1400px; margin-top: -30px; overflow: hidden; } .brandContainer .brandSection { } .brandContainer .brandSection .title { position: relative; font-size: 50px; line-height: 100%; } .brandContainer .brandSection .title img { margin-top: -6px; vertical-align: middle; } .brandContainer .brandSection .title .titleIcon { position: absolute; right: 0; top: -65px;} .brandContainer .brandSection .title .titleIcon img { width: 150px;} .brandContainer .brandSection .subSection {} .brandContainer .sectionContainer1 { width: 1000px; margin: 0 auto; } .brandContainer .sectionContainer2 { width: 1100px; margin: 0 auto; } .brandContainer .sectionContainer3 { width: 900px; margin: 0 auto; } .brandContainer .sectionContainer4 { width: 1200px; margin: 0 auto; } .brandContainer .sectionContainer5 { width: 1500px; margin: 0 auto; } .brandContainer .sectionStory { } .brandContainer .sectionStory .sectionStory1 { background: url("https://aghealth.hgodo.com/web/upload/bestreview/pc/img/story_green_bg.jpg") no-repeat top center; } .brandContainer .sectionStory .sectionStory1 .sectionBox { position: relative; padding: 120px 0 145px;} .brandContainer .sectionStory .sectionStory1 .textContent { line-height: 180%;} .brandContainer .sectionStory .sectionStory1 .contentWrap1 { margin-top: 85px;} .brandContainer .sectionStory .sectionStory1 .contentWrap1 ul { display: table; width: 100%; text-align: left; } .brandContainer .sectionStory .sectionStory1 .contentWrap1 ul li { display: table-cell; vertical-align: top; } .brandContainer .sectionStory .sectionStory1 .contentWrap1 .leftContent { font-size: 38px; line-height: 130%;} .brandContainer .sectionStory .sectionStory1 .contentWrap1 .rightContent { width: 625px; font-size: 25px; line-height: 160%;} .brandContainer .sectionStory .sectionStory1 .contentWrap2 { position: relative; padding: 55px 0 15px; margin-top: 60px; background: #078548;} .brandContainer .sectionStory .sectionStory1 .contentWrap2 h2 { font-size: 38px; line-height: 100%; text-align: center; font-weight: normal;} .brandContainer .sectionStory .sectionStory1 .contentWrap2 ul { margin-top: -50px; text-align: center; } .brandContainer .sectionStory .sectionStory1 .contentWrap2 ul li { display: inline-block; vertical-align: middle; } .brandContainer .sectionStory .sectionStory1 .contentWrap2 .leftCotents { text-align: center; } .brandContainer .sectionStory .sectionStory1 .contentWrap2 .leftCotents span { display: inline-block; padding: 15px 30px; margin: 0 7px; border: 2px solid #fff; border-radius:30px; font-size: 27px;} .brandContainer .sectionStory .sectionStory1 .contentWrap2 .middleCotents { width: 28px; height: 16px; margin: 0 40px 0 33px; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/story_etc3.png') no-repeat center; } .brandContainer .sectionStory .sectionStory1 .contentWrap2 .rightCotents { width: 180px; height: 180px; padding-top: 60px; font-size: 33px; line-height: 120%; text-align: center; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/story_etc4.png') no-repeat center; background-size:100%; } .brandContainer .sectionStory .sectionStory1 .contentWrap3 { margin-top: 50px; font-size: 26px; } .brandContainer .sectionStory .sectionStory2 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/mission_green_bg.jpg') repeat-x bottom center; } .brandContainer .sectionStory .sectionStory2 .sectionBox { position: relative; padding: 120px 0 0;} .brandContainer .sectionStory .sectionStory2 .sectionBg1 { padding: 0 0 130px; } .brandContainer .sectionStory .sectionStory2 .textContent { line-height: 180%;} .brandContainer .sectionStory .sectionStory2 .contentWrap1 { margin-top: 50px;} .brandContainer .sectionStory .sectionStory2 .contentWrap1 h3 { font-size: 38px; font-weight: normal; line-height: 140%;} .brandContainer .sectionStory .sectionStory2 .contentWrap2 { margin: 70px 0 0; text-align: center; } .brandContainer .sectionStory .sectionStory2 .contentWrap2 .tableOuter { display: inline-block; width: 100%;} .brandContainer .sectionStory .sectionStory2 .contentWrap2 .tableOuter:after { content:""; display:block; clear:both; } .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul { position: relative; display: table; text-align: center; padding: 19px 30px; margin-bottom: 9px; border-radius: 100px; 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; margin-left: 0; margin-bottom: 0; border: 3px solid #2dbd5e; color: #2dbd5e; } .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle2 { float: right; margin-right: 50px; margin-top: -20px; border: 3px solid #098b4c; color: #098b4c; } .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle1.boxStyle1_1 { margin-left: 100px; margin-bottom: 9px;} .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle2.boxStyle2_1 { margin-right: 10px; margin-top: 0;} .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle1 .boxLine { position: absolute; top: 65%; right: -59px; width: 53px; height: 100%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/mission_dg1.png') no-repeat; background-size:100%; } .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul.boxStyle2 .boxLine { position: absolute; top: 67%; left: -59px; width: 53px; height: 100%; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/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: 25px;} .brandContainer .sectionStory .sectionStory2 .contentWrap2 ul li img { } .brandContainer .sectionStory .sectionStory2 .contentWrap3 { margin: 70px 0 130px; text-align: center; font-size: 20px; } .brandContainer .sectionStory .sectionStory2 .contentWrap4 { text-align: center; font-size: 28px; } .brandContainer .sectionStory .sectionStory2 .spaceLine { width: 100%; height: 70px; margin: 35px 0; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/line_hi_white.jpg') no-repeat center; } .brandContainer .sectionStory .sectionStory3 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/value_green_bg.png') no-repeat bottom center; } .brandContainer .sectionStory .sectionStory3 .sectionBox { position: relative; padding: 120px 0 100px; } .brandContainer .sectionStory .sectionStory3 .textContent { line-height: 180%;} .brandContainer .sectionStory .sectionStory3 .contentWrap1 { margin: 90px 0 130px;} .brandContainer .sectionStory .sectionStory3 .contentWrap1 h3 { margin-bottom: 10px; line-height: 100%; font-size: 50px; color: #2dbd5e; } .brandContainer .sectionStory .sectionStory3 .contentWrap1 h4 { margin-bottom: 10px; line-height: 100%; font-size: 38px; color: #2dbd5e; font-weight: normal;} .brandContainer .sectionStory .sectionStory3 .contentWrap2 { margin: 80px 0; padding-left: 60px; font-size: 25px; color: #fff;} .brandContainer .sectionStory .sectionStory3 .contentWrap2 h4 { margin-bottom: 10px; font-size: 30px; color: #fff;} .brandContainer .sectionStory .sectionStory3 .contentWrap2 h4 span { font-size: 40px; color: #fff;} .brandContainer .sectionHealth .sectionHealth1 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/eye_bg1.jpg') no-repeat bottom center; } .brandContainer .sectionHealth .sectionHealth1 .sectionBox { padding: 50px 0 0; } .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: 50px; line-height: 130%;} .brandContainer .sectionHealth .sectionHealth1 .contentWrap1 .titleLine { margin-top: 47px;} .brandContainer .sectionHealth .sectionHealth2 { } .brandContainer .sectionHealth .sectionHealth2 .sectionBox { padding: 100px 0; } .brandContainer .sectionHealth .sectionHealth2 .textContent { line-height: 180%;} .brandContainer .sectionHealth .sectionHealth2 .sectionContainer4:after { content:""; display:block; clear:both; } .brandContainer .sectionHealth .sectionHealth2 .contentWrap1 { float: left; position: relative; width: 650px; height: 340px; } .brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 { } .brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 img { } .brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .colorType1 { color: #47509a; font-size: 27px;} .brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .colorType2 { color: #7f7f7f; font-size: 27px;} .brandContainer .sectionHealth .sectionHealth2 .contentWrap2 { float: left; width: 550px; line-height: 340px; text-align: center; font-size: 40px; font-weight: bold; } .brandContainer .sectionHealth .sectionHealth3 { } .brandContainer .sectionHealth .sectionHealth3 .sectionBox { padding: 80px 0 125px; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/eye_bg2.png') 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: 50px; line-height: 130%; } .brandContainer .sectionHealth .sectionHealth3 .contentWrap1 h1 span { font-weight: 300; } .brandContainer .sectionHealth .sectionHealth3 .contentWrap2 { margin-top: 45px; font-size: 25px; text-align: center; } .brandContainer .sectionHealth .sectionHealth4 { margin-top: -65px; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/eye_bg4.jpg') no-repeat bottom center; } .brandContainer .sectionHealth .sectionHealth4 .sectionBox { padding-bottom: 120px;} .brandContainer .sectionHealth .sectionHealth4 .sectionBg1 { padding: 55px 50px; background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/eye_bg3.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: 0; top: 52%; text-align: left; font-size: 43px; line-height: 150%; font-weight: bold; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap1 .backgroundFixed { /*padding-right: 65px;*/} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 { text-align: center;} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 > div { overflow: hidden; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul { float: left; width: 33%; text-align: center; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul.last { width: 34%;} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul li { line-height: 140%; font-size: 27px; font-weight: bold;} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul li span { font-size: 22px; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul li.rightContent { margin-top: 35px;} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ul.last li.rightContent { margin-top: 25px;} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ol { clear:both; width: 100%; padding-top: 40px; text-align: left; font-size: 11px; font-weight: 100; list-style-type: disc;} .brandContainer .sectionHealth .sectionHealth4 .contentWrap2 ol li { list-style-type: disc; color: #eee; opacity:0.5; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap3 { margin:-130px 30px 0 0; text-align: right; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap4 { text-align: center; font-size: 25px; } .brandContainer .sectionHealth .sectionHealth4 .contentWrap4 h2 { margin-top: 20px; font-size: 35px;} .brandContainer .sectionHealth .sectionHealth5 { } .brandContainer .sectionHealth .sectionHealth5 .sectionBox { padding: 120px 0 100px; } .brandContainer .sectionHealth .sectionHealth5 .textContent { line-height: 180%;} .brandContainer .sectionHealth .sectionHealth5 .contentWrap1 { position: relative;} .brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 { position: absolute; top: -60px; right: 0; } .brandContainer .sectionHealth .sectionHealth5 .contentWrap2 {} .brandContainer .sectionHealth .sectionHealth5 .contentWrap2 span { color: #000; font-size: 25px;} .brandContainer .sectionHealth .sectionHealth5 .contentWrap2 h2 { margin-top: 15px; font-size: 40px; line-height: 140%; font-weight: 300; color: #3163c0;} .brandContainer .sectionHealth .sectionHealth6 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/eye_bg5.png') no-repeat top center; } .brandContainer .sectionHealth .sectionHealth6 .sectionBox { position: relative; padding: 85px 0 151px; } .brandContainer .sectionHealth .sectionHealth6 .textContent { line-height: 180%;} .brandContainer .sectionHealth .sectionHealth6 .contentWrap1 { margin: 0 0 0 70px; font-size: 38px; font-weight: bold;} .brandContainer .sectionHealth .sectionHealth6 .contentWrap2 { margin: 60px 0 0 70px; font-size: 25px; } .brandContainer .sectionHealth .sectionHealth6 .contentWrap2 h4 { margin-bottom: 10px; font-size: 30px;} .brandContainer .sectionBeauty .sectionBeauty1 { } .brandContainer .sectionBeauty .sectionBeauty1 .sectionBox { padding: 50px 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: 50px; line-height: 130%; font-weight: 300;} .brandContainer .sectionBeauty .sectionBeauty1 .contentWrap1 .titleLine { margin-top: 47px;} .brandContainer .sectionBeauty .sectionBeauty2 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/beauty_bg1.jpg') no-repeat center; } .brandContainer .sectionBeauty .sectionBeauty2 .sectionBox { padding: 55px 0 80px;} .brandContainer .sectionBeauty .sectionBeauty2 .textContent { line-height: 180%;} .brandContainer .sectionBeauty .sectionBeauty2 .contentWrap1 { margin-bottom: 15px; font-size: 25px; text-align: center; } .brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 { text-align: center; } .brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 h2 { margin: 5px 0 10px; font-size: 38px; line-height: 100%; } .brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 h2 strong { font-size: 46px;} .brandContainer .sectionBeauty .sectionBeauty2 .contentWrap2 h3 { font-size: 35px; line-height: 100%; } .brandContainer .sectionBeauty .sectionBeauty3 { } .brandContainer .sectionBeauty .sectionBeauty3 .sectionBox { padding: 90px 0 100px;} .brandContainer .sectionBeauty .sectionBeauty3 .textContent { line-height: 200%;} .brandContainer .sectionBeauty .sectionBeauty3 .tableContent { display: table; margin: 0 auto; } .brandContainer .sectionBeauty .sectionBeauty3 .tableContent .tableCell { display: table-cell; width: 625px; vertical-align: middle; } .brandContainer .sectionBeauty .sectionBeauty3 .tableContent .tableCell:first-child { width: 375px; } .brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 { position: relative; text-align: center; } .brandContainer .sectionBeauty .sectionBeauty3 .contentWrap1 .beautyIcon1 { } .brandContainer .sectionBeauty .sectionBeauty3 .contentWrap2 { font-size: 26px; text-align: left;} .brandContainer .sectionBeauty .sectionBeauty3 .contentWrap3 { margin-top: 20px; font-size: 26px; text-align: left;} .brandContainer .sectionBeauty .sectionBeauty4 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/beauty_bg2.jpg') no-repeat center; } .brandContainer .sectionBeauty .sectionBeauty4 .sectionBox { position: relative; padding: 155px 0 200px; z-index: 1; } .brandContainer .sectionBeauty .sectionBeauty4 .textContent { line-height: 160%;} .brandContainer .sectionBeauty .sectionBeauty4 .tableContent { display: table; width: 100%;} .brandContainer .sectionBeauty .sectionBeauty4 .tableContent .tableCell { display: table-cell; width: 50%; vertical-align: middle; text-align: center; } .brandContainer .sectionBeauty .sectionBeauty4 .contentWrap1 { text-align: center; font-size: 35px; font-weight: bold; } .brandContainer .sectionBeauty .sectionBeauty4 .contentWrap2 { margin-top: 15px; text-align: center; font-size: 35px; font-weight: bold; color: #fea4a4;} .brandContainer .sectionBeauty .sectionBeauty4 .contentWrap2 h2 { font-size: 39px; color: #fea4a4; } .brandContainer .sectionBeauty .sectionBeauty4 .contentWrap3 { position: absolute; top: 85px; left: 50%; padding: 52px; margin-left: -122px; background: #FFF0ED; border-radius:100%; } .brandContainer .sectionBeauty .sectionBeauty5 { position: relative; margin-top: -145px; z-index: 2; } .brandContainer .sectionBeauty .sectionBeauty5 .sectionBox { } .brandContainer .sectionBeauty .sectionBeauty5 .contentWrap1 { text-align: center; } .brandContainer .sectionBeauty .sectionBeauty6 { position: relative; z-index: 1; } .brandContainer .sectionBeauty .sectionBeauty6 .sectionBox { position: relative; padding: 75px 0 0;} .brandContainer .sectionBeauty .sectionBeauty6 .textContent { line-height: 180%;} .brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 { position: absolute; top: 35%; text-align: left; } .brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 span { display: block; margin-top: 15px; font-size: 40px; font-weight: 300;} .brandContainer .sectionBeauty .sectionBeauty6 .contentWrap1 strong { margin-left: -17px;} .brandContainer .sectionBeauty .sectionBeauty6 .contentWrap2 { text-align: right; } .brandContainer .sectionBeauty .sectionBeauty6 .contentWrap2 .backgroundFixed { } .brandContainer .sectionBeauty .sectionBeauty7 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/beauty_bg3.png') no-repeat top center; } .brandContainer .sectionBeauty .sectionBeauty7 .sectionBox { position: relative; padding: 85px 0 200px; } .brandContainer .sectionBeauty .sectionBeauty7 .textContent { line-height: 180%;} .brandContainer .sectionBeauty .sectionBeauty7 .contentWrap1 { margin: 0 0 0 70px; font-size: 38px; font-weight: bold; line-height: 160%;} .brandContainer .sectionBeauty .sectionBeauty7 .contentWrap2 { margin: 50px 0 0 70px; font-size: 25px; } .brandContainer .sectionBeauty .sectionBeauty7 .contentWrap2 h4 { margin-bottom: 10px; font-size: 30px;} .brandContainer .sectionCodoctor .sectionCodoctor1 { } .brandContainer .sectionCodoctor .sectionCodoctor1 .sectionBox { padding: 50px 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: 0; top: 22%; text-align: left; font-size: 50px; line-height: 130%; font-weight: 300;} .brandContainer .sectionCodoctor .sectionCodoctor1 .contentWrap1 .titleLine { margin-top: 47px;} .brandContainer .sectionCodoctor .sectionCodoctor1 .contentWrap1 .Codoctor1_img img { margin-top: 280px;margin-left: 470px;} .brandContainer .sectionCodoctor .sectionCodoctor2 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/codoctor2_bg5.jpg') no-repeat center; } .brandContainer .sectionCodoctor .sectionCodoctor2 .sectionBox { padding: 55px 0 70px;} .brandContainer .sectionCodoctor .sectionCodoctor2 .textContent { line-height: 180%;} .brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap1 { margin-bottom: 55px; font-size: 38px; text-align: center; } .brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 { text-align: center; font-size: 25px;} .brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 h2 { margin: 5px 0 10px; font-size: 38px; line-height: 100%; } .brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 h2 strong { font-size: 46px;} .brandContainer .sectionCodoctor .sectionCodoctor2 .contentWrap2 h3 { font-size: 35px; line-height: 100%; } .brandContainer .sectionCodoctor .sectionCodoctor3 { } .brandContainer .sectionCodoctor .sectionCodoctor3 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/codoctor2_bg1.jpg') no-repeat center; } .brandContainer .sectionCodoctor .sectionCodoctor3 .sectionBox { padding: 90px 0 200px;} .brandContainer .sectionCodoctor .sectionCodoctor3 .textContent { line-height: 200%;} .brandContainer .sectionCodoctor .sectionCodoctor3 .tableContent { display: table; margin: 0 auto; } .brandContainer .sectionCodoctor .sectionCodoctor3 .tableContent .tableCell { display: table-cell; width: 625px; vertical-align: middle; } .brandContainer .sectionCodoctor .sectionCodoctor3 .tableContent .tableCell:first-child { width: 375px; } .brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap1 { position: relative; text-align: center; } .brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap1 .beautyIcon1 { } .brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap1 h1 { font-size: 28px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap1 { font-size: 25px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap2 { font-size: 25px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor3 .contentWrap3 { margin-top: 20px; font-size: 32px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor8 { } .brandContainer .sectionCodoctor .sectionCodoctor8 .sectionBox { padding: 90px 0 100px;} .brandContainer .sectionCodoctor .sectionCodoctor8 .textContent { line-height: 200%;} .brandContainer .sectionCodoctor .sectionCodoctor8 .tableContent { display: table; margin: 0 auto; } .brandContainer .sectionCodoctor .sectionCodoctor8 .tableContent .tableCell { display: table-cell; width: 525px; vertical-align: middle; } .brandContainer .sectionCodoctor .sectionCodoctor8 .tableContent .tableCell:first-child { width: 375px; } .brandContainer .sectionCodoctor .sectionCodoctor8 .contentWrap1 { position: relative; text-align: center; } .brandContainer .sectionCodoctor .sectionCodoctor8 .contentWrap1 .beautyIcon1 { } .brandContainer .sectionCodoctor .sectionCodoctor8 .contentWrap2 { font-size: 26px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor8 .contentWrap3 { margin-top: 20px; font-size: 26px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor8 .contentWrap1 { position: relative; text-align: right; } .brandContainer .sectionCodoctor .sectionCodoctor8 .contentWrap1 h2 { position: absolute; left: 0; top: 22%; text-align: left; font-size: 50px; line-height: 170%;} .brandContainer .sectionCodoctor .sectionCodoctor10 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/codoctor2_bg7.jpg') no-repeat center; } .brandContainer .sectionCodoctor .sectionCodoctor10 .sectionBox { padding: 10px 0 13px;} .brandContainer .sectionCodoctor .sectionCodoctor11 { background: url('https://aghealth.hgodo.com/web/upload/bestreview/pc/img/codoctor2_bg8.jpg') no-repeat center; } .brandContainer .sectionCodoctor .sectionCodoctor11 .sectionBox { position: relative; padding: 120px 0 0;} .brandContainer .sectionCodoctor .sectionCodoctor11 .sectionBg1 { padding: 0 0 130px; } .brandContainer .sectionCodoctor .sectionCodoctor11 .textContent { line-height: 180%;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap1 { margin-top: 50px;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap1 h3 { font-size: 38px; font-weight: normal; line-height: 140%;} /*.brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 { margin: 70px 0 0; text-align: center; }*/ .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 { margin: 0 0 0; text-align: center; } .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 .tableOuter { display: inline-block; width: 100%;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 .tableOuter:after { content:""; display:block; clear:both; } .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 ul { position: relative; display: table; text-align: center; padding: 19px 80px; margin-bottom: 9px; border-radius: 100px; box-sizing:border-box;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 ul.tableClear { width: 100%; clear:both; padding: 0; margin: 0;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 ul.boxStyle2 { float: right; margin-right: 50px; margin-top: -20px; border: 3px solid #098b4c; color: #098b4c; } .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 ul.boxStyle2.boxStyle2_1 { margin-right: 10px; margin-top: 0;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 ul li { display: table-cell; vertical-align: middle; padding: 0 30px; line-height: 140%; font-size: 25px;} .brandContainer .sectionCodoctor .sectionCodoctor11 .contentWrap2 ul li img { } .brandContainer .sectionCodoctor .sectionCodoctor12 .title { position: relative; font-size: 38px; line-height: 160%; } .brandContainer .sectionCodoctor .sectionCodoctor12 .title img { margin-top: -6px; vertical-align: middle; } .brandContainer .sectionCodoctor .sectionCodoctor12 .title .titleIcon { position: absolute; right: 0; top: -5px;} .brandContainer .sectionCodoctor .sectionCodoctor12 .title .titleIcon img { width: 150px;} .brandContainer .sectionCodoctor .sectionCodoctor12 .sectionBox { position: relative; padding: 120px 0 120px;} .brandContainer .sectionCodoctor .sectionCodoctor12 .sectionBg1 { padding: 0 0 130px; } .brandContainer .sectionCodoctor .sectionCodoctor12 .textContent { line-height: 180%;} .brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap1 { margin-top: 80px;text-align: left;} .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 .tableContent .tableCell { display: table-cell; width: 625px; vertical-align: middle; } .brandContainer .sectionCodoctor .sectionCodoctor12 .tableContent .tableCell:first-child { width: 375px; } .brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap2 { font-size: 26px; text-align: left;} .brandContainer .sectionCodoctor .sectionCodoctor12 .textContent { line-height: 180%;} .brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 { position: relative; padding: 30px 0 15px; margin-top: 15px; background: #f4f7e4;border:1px solid #76b948;} .brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 ol { width: 100%;text-align: left; font-size: 16px; font-weight: 100;padding-left:100px;} .brandContainer .sectionCodoctor .sectionCodoctor12 .contentWrap3 ol li {color: #000; } /*76b948*/ .lettering .char1 { position: absolute; top: 0%; left: 30%; } .lettering .char2 { position: absolute; top: 20%; left: 10%; } .lettering .char3 { position: absolute; top: 40%; left: 3%; } .lettering .char4 { position: absolute; top: 60%; left: 17%; } .lettering .char5 { position: absolute; top: 80%; left: 25%; } .lettering .char6 { position: absolute; top: 90%; left: 42%; } .lettering .char7 { position: absolute; top: 80%; left: 60%; } .lettering .char8 { position: absolute; top: 60%; left: 70%; } .lettering .char9 { position: absolute; top: 40%; left: 75%; } .lettering .char10 { position: absolute; top: 20%; left: 70%; } .lettering .char11 { position: absolute; top: 3%; left: 50%; } .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 .line9 { font-size: 90px;} .textGradient .line10 { font-size: 70px;} .textGradient .line12 { color: #1e510e;} .textGradient .line13 { font-size: 32px;} .textGradient .line14 {border-bottom:2px solid #c6e6bf;font-size: 17px;} .textGradient .line15 {font-size: 24px; color: #000;} .textGradient .line16 {font-size: 16px; color: #000;} .brandContainer .colorWhite,.brandContainer .colorWhite h1,.brandContainer .colorWhite h2,.brandContainer .colorWhite h3,.brandContainer .colorWhite h4 { color: #ffffff;} .brandContainer .colorGreen,.brandContainer .colorGreen h1,.brandContainer .colorGreen h2,.brandContainer .colorGreen h3,.brandContainer .colorGreen h4 { color: #098b4c;} .brandContainer .colorBlue ,.brandContainer .colorBlue h1,.brandContainer .colorBlue h2,.brandContainer .colorBlue h3,.brandContainer .colorBlue h4 { color: #47509a;} .brandContainer .colorPink ,.brandContainer .colorPink h1,.brandContainer .colorPink h2,.brandContainer .colorPink h3,.brandContainer .colorPink h4 { color: #ff7062;} .brandContainer .colorGreen2 ,.brandContainer .colorGreen2 h1,.brandContainer .colorGreen2 h2,.brandContainer .colorGreen2 h3,.brandContainer .colorGreen2 h4 { color: #69c44f;} .brandContainer .reference { letter-spacing: 2px;} .brandContainer .sectionPadding { padding-left: 4%; padding-right: 4%;} .brandPageTab { width: 100%; margin:0 auto;} .brandPageTab.navUp, /*.brandPageTab.navDown { position: fixed; top: 107px; z-index: 13;}*/ .brandPageTab.navDown { position: fixed; top: 0px; z-index: 13;} .brandPageTab ul { font-size: 0; background: #fff; border: 1px solid #ddd; border-width:1px 1px 1px;} .brandPageTab ul li { display: inline-block; width: 33.3%; line-height: 60px; font-size: 16px; color: #000; text-align: center; border-left: 1px solid #ddd; box-sizing:border-box; } .brandPageTab ul li a { display: block; } .brandPageTab ul li:hover, .brandPageTab ul li.active { background: #F3F3F3;} .brandPageTab ul li:hover a, .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: 150px;width: 150px;} .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: 150px;width: 150px;} .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: 150px;width: 150px;} .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: 150px; width: 150px; text-align:center; } .brandContainer .sectionHealth .sectionHealth2 .contentWrap1 .eyeIcon1 img {vertical-align: middle; margin-top:80px;} .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: 150px;width: 150px; } .brandContainer .sectionHealth .sectionHealth5 .contentWrap1 .eyeIcon2 img {vertical-align: middle; margin-top:50px;} .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: 150px;width: 150px;} .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: 150px;width: 150px;} .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;} .brandContainer .sectionCodoctor {text-align: center;} .brandPageTab ul li a.active { font-weight: bold; } .brandPageTab a.active { font-weight: 550; }