@charset 'utf-8';


/* WHY MAGFORMERS */
section.why_section01 { position:relative; width:1200px; margin:121px auto 0px; overflow:hidden; }
section.why_section02 { position:relative; width:1200px; margin:0 auto; overflow:hidden; }
section.why_gray_section { position:relative; padding:20px 0 20px 0; background:#f8f8f8; }
section.why_gray2_section { position:relative; background:#cecdcd; }


/* 3D 두뇌 트레이닝 */
.fl_l { float:left; }
section.why_section01 .why_3d_text { width:425px; }
.why_3d_text .why_3d_text_tit { color:#222; font-size:48px; line-height:55px; margin:50px 0 20px 0;}
.why_3d_text .why_3d_text_tit span {  color:#e3313f; }
.why_3d_text .why_3d_text_sub { font-size:18px; color:#666; line-height:24px; }
.why_3d_text hr { width:90px; border:1px solid #ccc;}

.why_training li{ overflow:hidden; margin:70px 0; }
.why_training li dl{ text-align:center; float:left; width:300px;}
.why_training li dl dt p { font-size:24px; }
.why_training li dl dt span { margin:10px auto; width:40px; display:block; content:""; }
.why_training li dl dd { padding:0 20px; }
.why_training li dl dd span { font-size:14px; line-height:20px; color:#666; }

dl.fc_6cab3e dt {background:url('../img/why/why_01.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_6cab3e dt p { color:#6cab3e; }
dl.fc_6cab3e dt span {  border-bottom:1px solid #6cab3e; }

dl.fc_1fc3c3 dt {background:url('../img/why/why_02.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_1fc3c3 dt p { color:#1fc3c3; }
dl.fc_1fc3c3 dt span { border-bottom:1px solid #1fc3c3; }


dl.fc_6ca0d8 dt {background:url('../img/why/why_03.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_6ca0d8 dt p { color:#6ca0d8; }
dl.fc_6ca0d8 dt span { border-bottom:1px solid #6ca0d8; }

dl.fc_59b6d9 dt {background:url('../img/why/why_04.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_59b6d9 dt p { color:#59b6d9; }
dl.fc_59b6d9 dt span { border-bottom:1px solid #59b6d9; }

dl.fc_bb6ebd dt {background:url('../img/why/why_05.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_bb6ebd dt p { color:#bb6ebd; }
dl.fc_bb6ebd dt span { border-bottom:1px solid #bb6ebd; }

dl.fc_f7901e dt {background:url('../img/why/why_06.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_f7901e dt p { color:#f7901e; }
dl.fc_f7901e dt span { border-bottom:1px solid #f7901e; }

dl.fc_f48a25 dt {background:url('../img/why/why_07.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_f48a25 dt p { color:#f48a25; }
dl.fc_f48a25 dt span { border-bottom:1px solid #f48a25; }

dl.fc_f76834 dt {background:url('../img/why/why_08.png') 70px 0 no-repeat; padding-top:170px;}
dl.fc_f76834 dt p { color:#f76834; }
dl.fc_f76834 dt span { border-bottom:1px solid #f76834; }

/* 맥포머스 특징 소개 */

.why_intro_tit { font-size:45px; line-height:60px; width:515px; background:url('../img/why/mag_intro_tit_bg.jpg')right top no-repeat; padding: 50px 685px 50px 0; }
.why_intro_tit span { color:#e3313f; }
.why_intro_tit sub { display:block; font-size:16px; margin-left:5px; margin-top:10px; width:130%; line-height:24px; color:#666; }

.why_intro { overflow:hidden; margin:-30px 0 100px 0; }
.why_intro li{ overflow:hidden; margin:55px 0 0 -60px; }
.why_intro li dl{ float:left; width:360px; margin-left:60px;}
.why_intro li dl dt p { font-size:20px; line-height:26px; margin-top:20px; }
.why_intro li dl dt p > span { color:#e3313f; }
.why_intro li dl dt > span {  width:50px; display:block; content:""; margin:20px 0;  border-bottom:1px solid #333; }
.why_intro li dl dd { font-size:16px; line-height:24px; color:#666; }

/* 맥포머스 기본원리 소개 */
p.why_ba_text_tit{ color:#df3243; font-size:34px; font-weight:bold;  }
p.why_ba_text_tit span{ display:block; content:""; border-bottom:2px solid #df3243; width:90px; margin:15px 0; }
p.why_ba_text_sub{ font-size:18px; color:#666; line-height:28px; }

div.ba_section01 { overflow:hidden; float:left; width:500px; }
div.ba_section01 p.why_ba_text_tit { margin-top:70px; }

div.ba_section01 p.why_ba_text_sub{ font-size:18px; color:#666; line-height:28px; }
div.ba_section01 img { float:right; }

div.ba_section02 { float:right; margin-top:100px; text-align:right; width:600px; }
div.ba_section02 p.why_ba_text_tit { position:relative; padding-bottom:30px; }
div.ba_section02 p.why_ba_text_tit span { position:absolute; right:0; }

div.ba_section03 { margin-top:70px; }
div.ba_section03 p.why_ba_text_tit span { width:125px }

/*교육적 효과*/
.why_effect_text_tit { font-size:30px;  color:#df3243; margin-bottom:20px;}
.why_effect_text_sub { font-size:18px; line-height:24px; margin-bottom:20px; color:#666; }
.why_effect_text_sub span{ color:#df3243; }

.list_tit { position:relative; float:left; padding-bottom:21px; width:100%;font-size:28px; margin-bottom:20px; border-bottom:3px solid #eee; }
.list_tit span { position:absolute; display:block; padding-bottom:21px; width:100px; border-bottom:3px solid black; }
ul.we_list li:before { content:"·"; padding-right:5px; }
ul.we_list li { text-indent:-10px; font-size:16px; color:#666; line-height:26px; padding-left:10px; overflow:hidden; }

.edu_section01 { overflow:hidden; }
.edu_section01 div { float:left; width:635px; }
.edu_section01 img {  float:right; }
.edu_section01 .why_effect_tit{ font-size:48px; line-height:60px; margin:50px 0 10px 0; }
.edu_section01 .why_effect_tit span{ color:#df3243; }
.edu_section01 .why_effect_sub{ font-size:16px; color:#666; line-height:20px; }

.edu_section02 { overflow:hidden; }
.edu_section02 img { float:left;  }
.edu_section02 div { float:left; width:700px; margin:20px 0 0 50px; }

.edu_section03 { overflow:hidden; margin-top:50px; }
.edu_section03 div { float:left; width:700px; margin-top:20px; }
.edu_section03 img {  float:right; }

.edu_section04 { overflow:hidden; margin-top:77px; }
.edu_section04 div { float:right; width:820px; }

.edu_section05 { overflow:hidden; margin:80px 0; }
.edu_section05 div { float:left; width:780px; }
.edu_section05 img {  float:right; }