$point-color : #1e3571; $point-color2 : #ffc700; #topic_bg { //padding-top: 70px;//메뉴만큼 띄우기 width: 100%; //background-color: green; >.topic_bg_info { width: 100%; height: 300px; background-image: url(../images/ceo.jpg); background-position: 50% 40%; background-repeat: no-repeat; background-size: cover; >ul { opacity: 0; margin: 0 auto; padding-top: 160px; width: 100%; text-align: center; //background-color: green; >li { color: #fff; &:first-child { font-size: 35px; font-weight: 700; padding-bottom: 7px; >span { margin-left: 3px; font-size: 13px; font-weight: 600; color: $point-color2; } }//end of li:first &:last-child { font-size: 13px; }//end of li:last } }//end of ul }//end of topic_bg_info }//end of topic_bg .topic2_bg { width: 100%; height: 300px; background-image: url(../images/topic05_bg.jpg); background-position: 50% 20%; background-repeat: no-repeat; background-size: cover; >ul { opacity: 0; margin: 0 auto; padding-top: 160px; width: 100%; text-align: center; //background-color: green; >li { color: #fff; &:first-child { font-size: 35px; font-weight: 700; padding-bottom: 7px; >span { margin-left: 3px; font-size: 13px; font-weight: 600; color: $point-color2; } }//end of li:first &:last-child { font-size: 13px; }//end of li:last } }//end of ul }//end of topic2sub_bg .topic3_bg { width: 100%; height: 300px; background-image: url(../images/question2.jpg); background-position: 50% 15%; background-repeat: no-repeat; background-size: cover; >ul { opacity: 0; margin: 0 auto; padding-top: 160px; width: 100%; text-align: center; //background-color: green; >li { color: #fff; &:first-child { font-size: 35px; font-weight: 700; padding-bottom: 7px; >span { margin-left: 3px; font-size: 13px; font-weight: 600; color: $point-color2; } }//end of li:first &:last-child { font-size: 13px; }//end of li:last } }//end of ul }//end of topic3_bg #ceo { width: 100%; margin-bottom: 60px; //background-color: green; >.index_tap { width: 100%; height: 35px; border-bottom : 1px solid #eee; background-color: #ffffff; >p { margin: 0 auto; width: 1000px; font-size: 13px; line-height: 35px; text-align: right; color: #333; >em { padding: 0 3px; font-weight: 900; color: $point-color2; } >span { >a { color: #222; font-weight: 900; &:hover { text-decoration: underline; } } } }//end of p }//end of index_tap height: 700px; background-color: #fff; >.ceo_info { position: relative; width: 1000px; margin: 0 auto; >ul { margin-top: 80px; width: 100%; //background-color: green; >li { margin-top: 20px; font-size: 14px; font-weight: 500; color: #333; line-height: 1.7em; text-align: justify; &.ceo_info_main { position: relative; font-size: 30px; font-weight: 700; color: $point-color; margin-bottom: 55px; line-height: 1.3em; &:after { position: absolute; top: 65px; left: 0; width: 100%; height: 1px; background-color: #ddd; content: ''; } }//end of ceo_info_main } }//end of ul &:after { position: absolute; top: 100px; right: 0; width: 300px; height: 445px; background-image: url(../images/ceo_bg.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; content: ''; } }//end of ceo_info }//end of CEO