@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 600; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } /* 공통 */ * {margin:0; padding:0; font-size:15px; font-family:'Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic', 'Dotum'; color:#333; line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all} img{border:0; vertical-align:top;} form{border:0;} fieldset{border:0;} caption {display:none;} html, body {width:100%; height:100%;} body{} body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0; font-size:15px; font-family:'Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic','Dotum'; color:#555; line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all} ul,ol,li{list-style:none} input, select { border:none; vertical-align:middle; padding:0 0 0 3px; } table {border-spacing:0px; border-collapse:collapse;} textarea, button{vertical-align:middle} a{color:#666666; text-decoration:none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;} a:hover, a:focus, a:active{color:#444; text-decoration:none} html,body {width:100%; height:100%;} #wrap {width:100%; position:relative; min-width:1100px; overflow:hidden; z-index:0;} /* 탑메뉴 */ #topmenu_w { width:100%; background-color:#fff; } #topmenu_w #spot { width:1100px; margin:0 auto; overflow:hidden; height:100px;} #topmenu_w #spot li { float:left;} #topmenu_w #spot li:nth-child(1) { width:420px; padding-top:34px;} #topmenu_w #spot li:nth-child(1) a { padding-right:4px;} #topmenu_w #spot li:nth-child(2) { width:260px; padding-top:13px; text-align:center;} #topmenu_w #spot li:nth-child(3) { width:420px; float:right; text-align:right; padding-top:34px;} #topmenu_w #spot li:nth-child(3) a { padding-left:12px;} #topmenu_w #topmenu { width:100%; width:100%; z-index:999; position:absolute; border-top:1px solid #e6e6e6; background:#fff;} #topmenu .t_bigmenu {position:relative; width:1100px; margin:0 auto;} #topmenu .t_bigmenu:after {content:""; display:block; clear:both;} #topmenu .t_bigmenu ul.t_menu {overflow:hidden;} #topmenu .t_bigmenu ul.t_menu li {float:left; cursor:pointer; text-align:center; width:12.5%; font-size:17px; height:62px; line-height:62px; font-weight:500;} #topmenu .t_bigmenu ul.t_menu li:hover {background:#f3f3f3;} #topmenu .t_bigmenu ul.t_menu .on { background:#f3f3f3;} #submenu {position:absolute; width:100%; z-index:102; overflow:hidden; display:none; top:162px;box-shadow: 0 7px 27px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 0 7px 27px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 7px 27px rgba(0, 0, 0, 0.2) ; } #submenu .t_submenu {position:relative; width:1100px; margin:0 auto; overflow:hidden;} #submenu .t_submenu .submenu_wrap {} #submenu .t_submenu .submenu_wrap ul {position:relative; float:left; height:280px; text-align:center; float:left; width:12.5%; padding-top:5px;} #submenu .t_submenu .submenu_wrap ul li a {font-size:14px; padding:5px; display:block; color:#888;} #Slideimg {width:100%; overflow:hidden; position:relative; height:740px;} #Slideimg .slides_container {position:relative; width:2000px; left:50%; margin-left:-1000px; height:740px; overflow:hidden; z-index:0;} .slides_container div.slider {width:2000px; height:740px; display:block; position:relative; z-index:0; } #Slideimg #Slidebtn {position:relative; width:1400px; margin:-370px auto 0 auto; height:120px; z-index:202; } @media(max-width:1500px){#Slideimg #Slidebtn {position:relative; width:1200px; margin:-370px auto 0 auto; height:120px; z-index:202;}} #Slideimg .ar1,#Slideimg .ar2 {position:absolute; display:none; z-index:100;} #Slideimg .ar1 {left:0;} #Slideimg .ar2 {right:0;} #Slideimg .pagination {margin:200px auto 0; width:100px; position:relative; z-index:99; height:30px; overflow:hidden; } /*°¹¼o ¼oA¤μE¶§¸¶´U width°ª A¶A¤*/ #Slideimg .pagination li {float:left; margin:0 2px; list-style:none; } #Slideimg .pagination li a {display:block; width:15px; height:0; padding-top:15px; background-image:url(/images/common/pagination.png); background-position:0 0; float:left; overflow:hidden;} #Slideimg .pagination li.current a {background-position:0 -15px;} /* Main */ #main_visual { text-align:center; margin-top:62px;} #main_con1 { width:1100px; margin:64px auto 50px;} #main_con1 #mc1 { overflow:hidden; margin-bottom:68px;background:url(../../images/main/mc1_line.png) repeat-y left;} #main_con1 #mc1 li { float:left; width:16.6666%; background:url(../../images/main/mc1_line.png) repeat-y right; text-align:center;} #main_con1 #mc1 li .pic { text-align:center; display:block; padding-bottom:20px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con1 #mc1 li p { text-align:center; font-size:15px; font-weight:500;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con1 #mc1 li:hover p { color:#008fd5;} #main_con1 #mc1 li:hover .pic {opacity:.5;} #main_con1 #mc2 { overflow:hidden; margin-bottom:34px; position:relative;} #main_con1 #mc2 .mc2_vod { float:left; margin-right:17px; width:506px;} #main_con1 #mc2 .mc2_vod .link { text-align:center; display:block; margin-top:5px;} #main_con1 #mc2 .mc2_btn { overflow:hidden; float:right; width:calc(100% - 523px);} #main_con1 #mc2 .mc2_btn li { float:left; margin:0 17px 17px 0;} #main_con1 #mc2 .mc2_btn li:nth-child(2n) { margin-right:0;} #main_con1 #mc2 .mc2_btn li a:hover {opacity:.8;} #main_con1 #mc3 { border:1px solid #ddd; padding:45px 0 0 50px; height:340px; overflow:hidden;} #main_con1 #mc3 dl { float:left; margin-right:66px; width:290px;} #main_con1 #mc3 dl:last-child { margin-right:0;} #main_con1 #mc3 dl dt { height:44px; position:relative;} #main_con1 #mc3 dl dt b { font-size:23px; font-weight:600;} #main_con1 #mc3 dl dt a { display:inline-block; width:19px; height:19px; background:url(../../images/main/mc3_more.png) no-repeat; position:absolute; top:6px; right:0;} #main_con1 #mc3 dl dd ul li { border-bottom:1px solid #eee; background:url(../../images/common/bullet.gif) no-repeat 0 17px; overflow:hidden;height:37px;} #main_con1 #mc3 dl dd ul li a { display:inline-block; line-height:37px; padding-left:10px; float:left; font-size:14px;} #main_con1 #mc3 dl dd ul li a img { vertical-align:middle;} #main_con1 #mc3 dl dd ul li .date { font-size:11px; color:#bbb; font-family:verdana; float:right; text-align:right; width:35px; line-height:37px;} #main_con1 #mc3 dl dd ul li:last-child { border-bottom:none;} #main_con2 { background:url(../../images/main/con_bg.jpg) no-repeat bottom center; } #main_con2 #mc4 { width:1100px; margin:0 auto; background:url(../../images/main/mc4_tit.png) no-repeat 0 132px; position:relative;height:471px;} #main_con2 #mc4 #mc4_person { position:absolute; top:0px; right:-113px;} #main_con2 #mc4 ul { padding-top:248px; overflow:hidden; height:200px;} #main_con2 #mc4 ul li { float:left; margin-right:20px; width:127px; height:110px; padding:20px; background:rgba(255, 255, 255, 0.37); box-shadow:box-shadow: 12px 9px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 12px 9px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:12px 9px 10px rgba(0, 0, 0, 0.3) ;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con2 #mc4 ul li:hover { background:rgba(255, 255, 255, 0.7);box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);} #main_con2 #mc4 ul li:hover p { color:#000;} #main_con2 #mc4 ul li .pic { text-align:center; padding:5px 0; display:block;} #main_con2 #mc4 ul li p { text-align:center; font-size:17px; color:#fff;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con2_n { background:url(../../images/main/con_new_bg.jpg) no-repeat bottom center; height:414px; margin-top:110px;} #main_con2_n #mc4 { width:1100px; margin:0 auto; } #main_con2_n #mc4 ul { overflow:hidden; height:200px; position:relative; left:540px; top:40px;} #main_con2_n #mc4 ul li { float:left; margin-right:20px; width:127px; height:110px; padding:20px; background:rgba(0, 0, 0, 0.7);-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con2_n #mc4 ul li:hover { background:rgba(0, 0, 0, 1.0);} #main_con2_n #mc4 ul li:hover p {} #main_con2_n #mc4 ul li .pic { text-align:center; padding:5px 0; display:block;} #main_con2_n #mc4 ul li p { text-align:center; font-size:17px; color:#fff;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con3 { margin:100px auto; width:1100px;} #main_con3 #mc5 { padding-bottom:110px; overflow:hidden;} #main_con3 #mc5 .mc5_box { border:1px solid #ddd; float:left; width:503px; height:207px; position:relative; padding:43px 0 0 37px;} #main_con3 #mc5 .mc5_box:last-child { float:right;} #main_con3 #mc5 .mc5_box:last-child .btn { background:#5699e2;} #main_con3 #mc5 .mc5_box h4 { font-size:23px; font-weight:600; background:url(../../images/main/mc5_line.png) no-repeat top left; padding:19px 0 7px;} #main_con3 #mc5 .mc5_box p { color:#8a8a8a; font-size:13px;} #main_con3 #mc5 .mc5_box .btn { background:#86aa3e; width:110px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13px; display:block; margin-top:22px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con3 #mc5 .mc5_box .btn:hover { background:#000;} #main_con3 #mc5 .mc5_box .pic { position:absolute; top:0; right:0;} #main_con3 #mc6 h4 { text-align:center; margin-bottom:60px;} #main_con3 #mc6 #mc6_w { overflow:hidden;} #main_con3 #mc6 #mc6_w li { float:left; margin-right:13px; margin-bottom:20px; width:262px;} #main_con3 #mc6 #mc6_w li:last-child { margin-right:0;} #main_con3 #mc6 #mc6_w li .pic { width:262px; height:196px; overflow:hidden;} #main_con3 #mc6 #mc6_w li .pic img {width:262px; height:196px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} #main_con3 #mc6 #mc6_w li:hover .pic img {transform: scale(1.1); filter: grayscale(100%); -webkit-filter: blur(3px); filter: blur(3px);} #main_con3 #mc6 #mc6_w li .mc6_con { border:1px solid #ddd; border-top:none; padding:27px 0 0 30px; height:63px; font-size:18px;} #main_con3 #mc6 #mc6_w li .mc6_con .date { color:#888; font-size:10px; font-family:verdana; display:block; } #main_con3 .mc6_more { display:block; width:220px; height:60px; line-height:60px; border-radius:3px; text-align:center; color:#fff; font-size:16px; background:#407bb8; margin:10px auto 0;transition-duration: 0.4s;} #main_con3 .mc6_more:hover { background:#000;} .pop_vod_w { width:800px;} .pop_vod_w iframe { width:800px; height:450px; border:none;} .pop_vod_w .close_btn { display:block; width:150px; height:40px; line-height:40px; text-align:center;color:#000; border-radius:3px; background:#fff; font-size:16px; margin:10px auto 0 auto} .mc6 { overflow:hidden; margin-bottom:70px;} .mc6 li { float:left; width:calc(33.33% - 14px); margin-right:20px;transition-duration: 0.4s;} .mc6 li:last-child { margin-right:0;} .mc6 li:hover {opacity:.8;} .mc7 { overflow:hidden; margin-bottom:40px;} .mc7 li { float:left; width:calc(33.33% - 14px); margin-right:20px;transition-duration: 0.4s;} .mc7 li:nth-child(3n) { margin-right:0;} .mc7 li:hover {opacity:.8;} /* Common */ #footer_w { width:100%; background:#364d65;} #footer_w #footer1_w { width:100%; background:#f4f6f9;} #footer_w #footer1_w #footer1 { width:1100px; margin:0 auto; padding:30px 0; overflow:hidden;} #footer_w #footer1_w #footer1 dd { float:left; color:#8192ac; font-size:13px; margin-right:26px;} #footer_w #footer1_w #footer1 dd .num { font-size:30px; font-family:verdana; font-weight:bold; color:#295f99; display:block;} #footer_w #footer1_w #footer1 dt { float:right; text-align:right; padding-top:15px;} #footer_w #footer1_w #footer1 dt a { font-size:14px; font-weight:500; color:#364d65; display:inline-block; background:url(../../images/common/f_line.png) no-repeat 0 6px; padding:0 10px;} #footer_w #footer1_w #footer1 dt a:first-child { background:bottom;} #footer_w #footer2 { width:1100px; margin:0 auto; padding:60px 0 70px; overflow:hidden;} #footer_w #footer2 #copyright { float:left;} #footer_w #footer2 #copyright address { color:rgba(255, 255, 255, 0.5); font-style:normal; font-size:13px; letter-spacing:normal; font-weight:300; line-height:23px;} #footer_w #footer2 #copyright p { font-size:13px; color:rgba(255, 255, 255, 0.7); padding-top:15px; letter-spacing:normal;} #footer_w #footer2 #copyright p b, #footer_w #footer2 #copyright p a { color:rgba(255, 255, 255, 1.0); font-size:13px; font-weight:normal; letter-spacing:normal; font-weight:300;} #footer_w #footer2 #footer_cafe { float:right; display:block; width:132px; height:36px; line-height:36px; border:1px solid rgba(255, 255, 255, 0.3); border-radius:50px; font-size:12px; font-weight:300; background:url(../../images/common/f_cafe.png) no-repeat 20px 10px; padding:0 0 0 50px; color:#fff;} #footer_w #footer2 #footer_cafe:hover {border:1px solid rgba(255, 255, 255, 0.05); background:url(../../images/common/f_cafe.png) no-repeat 15px 10px rgba(0, 0, 0, 0.2);} #quick { position:fixed; top:0; right:0px; width:90px; height:100%; background:#2a3f55; z-index:1000000;} #quick ul { background:#1c2f43;} #quick ul li { background:url(../../images/common/q_line.png) bottom repeat-x; padding:20px 0; text-align:center; width:70px; margin:0 auto;} #quick ul li p { font-size:12px; color:#7f9cbb; line-height:15px; padding-top:5px;} #quick ul li:last-child { background:none;} #sub_visual_w { width:100%; margin-top:62px;} #sub_visual_w #sub_visual { width:1100px; margin:0 auto; overflow:hidden; height:223px;} #sub_visual_w #sub_visual li { float:left;} #sub_visual_w #sub_visual li:nth-child(1) { width:315px; padding-top:103px; color:rgba(255, 255, 255, 0.6); font-size:13px; font-weight:300;} #sub_visual_w #sub_visual li:nth-child(1) u { display:inline-block; width:10px; height:10px; background:url(../../images/common/location.png) no-repeat 4px 4px;} #sub_visual_w #sub_visual li:nth-child(2) { width:470px; text-align:center; padding-top:75px;} #sub_visual_w #sub_tab_w { width:1100px; margin:0 auto; padding-bottom:30px;} #sub_visual_w #sub_tab_w .sub_tab { display:flex;width:100%; overflow:hidden; background-color:#fff; } #sub_visual_w #sub_tab_w .sub_tab li { height:63px;text-align:center;-webkit-transition-duration: 0.4s; transition-duration: 0.4s; width:100%;} #sub_visual_w #sub_tab_w .sub_tab li a { display:block; line-height:63px; font-size:16px; font-weight:400; background:url(../../images/common/tab_bg.png) no-repeat right 26px; font-weight:500;} #sub_visual_w #sub_tab_w .sub_tab .selected { background-color:#008fd5; } #sub_visual_w #sub_tab_w .sub_tab .selected a { color:#fff;} #sub_visual_w #sub_tab_w .sub_tab li:last-child a { background:none;} #sub_visual_w #sub_tab_w .sub_tab li:hover {background-color:#008fd5;} #sub_visual_w #sub_tab_w .sub_tab li:hover a {color:#fff;} #container {width:1100px; margin:0 auto; padding:30px 0 100px;} /* Contents */ .tt_r { color:#FF0000!important;} .tt_b { color:#017ab5!important;} .tt_g { color:#339933!important;} .tt_bk { color:#000!important; font-weight:600;} .mb10 { margin-bottom:10px!important;} .mb20 { margin-bottom:20px!important;} .mb30 { margin-bottom:30px!important;} .mb40 { margin-bottom:40px!important;} .mb50 { margin-bottom:50px!important;} .mb60 { margin-bottom:60px!important;} .mb70 { margin-bottom:70px!important;} .mb80 { margin-bottom:80px!important;} .mb90 { margin-bottom:90px!important;} .mb100 { margin-bottom:100px!important;} .mb120 { margin-bottom:120px!important;} .title {font-size:25px; font-weight:600; padding-bottom:20px; color:#222;} .title:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .title b { display:inline-block; font-weight:400; color:#017ab5; font-size:14px;} .title b:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .tit2 { margin-bottom:10px; font-size:25px; font-weight:500; color:#008fd5;} #map_w iframe { border:0px solid #bebebe; width:1100px; height:530px;} #map_w #map_bar { background-color:#e1e1e1; border-right:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;} #map_w #map_bar ul { overflow:hidden; display:block;} #map_w #map_bar ul li { float:right;} #map_w #map_bar ul li:first-child { float:left;} #map_con { margin-top:35px;} .map_txt { width:100%; margin-bottom:40px;} .map_txt th { font-size:18px; color:#767676; font-weight:500; text-align:left; background:url(../../images/common/txt_line.gif) no-repeat top left; padding-top:14px; vertical-align:top;} .map_txt td { padding:4px; vertical-align:top;} .map_txt td b { display:inline-block; padding-left:8px; background:url(../../images/common/bullet.gif) no-repeat left 8px; color:#3d3d3d; font-weight:500;} .map_txt td strong { color:#e51414; font-size:14px; font-weight:bold;} .map_txt td .map_s_tit { display:block; font-weight:500; color:#3072a0; font-size:17px;} .map_txt td .map_ar { display:inline-block; padding:0 10px; font-weight:500; color:#ff0000;} .com1 { padding-top:40px;} .com1 .tit { padding-bottom:50px; text-align:center;} .com1 .vod { width:950px; margin:0 auto; position:relative;} .com1 .o1 { position:absolute; top:300px; right:-157px; width:193px; height:168px; background:url(../../images/company/1_02.png) no-repeat;} .com1 .o2 { position:absolute; top:30px; left:-20px; width:33px; height:33px; background:url(../../images/company/1_03.png) no-repeat;} .com1 .o3 { position:absolute; top:150px; left:-70px; width:20px; height:20px; background:url(../../images/company/1_03.png) no-repeat; background-size:100% 100%;} .com1 p { text-align:center;} .com1 p b { display:block; font-size:30px; padding:65px 0 14px; font-weight:500;} .com1 p u { display:block; text-decoration:none; color:#007ab5; font-size:20px; padding-bottom:20px;} .com2 { overflow:hidden; margin:100px auto 70px;} .com2 li { float:left; height:544px; margin-right:68px; width:321px;} .com2 li:nth-child(3n) { margin-right:0;} .com2 li dl img { width:321px; height:211px;} .com2 li dl dt { font-size:22px; color:#008fd5; font-weight:500; padding:20px 0; line-height:1.2em} .com3 { background:url(../../images/company/1_bg.png) no-repeat top center; height:478px;} .com3 dl { padding:35px 40px 0px 40px; width:820px; height:193px; margin-bottom:16px;} .com3 dl dt { font-size:35px; font-weight:300; color:#fff;} .com3 dl dt b {font-size:35px; font-weight:600; color:#fff;} .com3 dl dd u { text-decoration:none; color:#fff; font-size:16px; font-weight:600; padding:3px 0 5px; display:block;} .com3 dl dd p { color:rgba(255, 255, 255, 0.7);} .intro_top { margin-bottom:47px;} .intro_tab { margin-bottom:65px; background:url(../../images/intro/tab_bg1.png) no-repeat top left; display:flex;} .intro_tab li { width:100%; background:url(../../images/intro/tab_bg1.png) no-repeat top right;} .intro_tab li a { display:block; line-height:47px; text-align:center; font-size:16px; background:url(../../images/intro/tab_bg2.png) repeat-x top; height:66px;} .intro_tab .on a { font-size:18px; color:#000; font-weight:600; background:url(../../images/intro/tab_bg_on.png) no-repeat top center} .intro_ww { margin-bottom:1px;} .intro_ww h2 { font-size:25px; font-weight:600; padding-bottom:20px; color:#222;} .intro_ww h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .intro_ww h2 b { display:inline-block; font-weight:400; color:#017ab5; font-size:14px;} .intro_ww h2 b:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .intro_w { margin-bottom:70px;} .intro_w h1 { background:#3daadf; text-align:center; color:#fff; font-weight:600; font-size:30px; height:60px; line-height:60px; margin-bottom:30px; border-radius:3px;} .intro_w h2 { font-size:25px; font-weight:600; padding-bottom:20px; color:#222;} .intro_w h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .intro_w h2 b { display:inline-block; font-weight:400; color:#017ab5; font-size:14px;} .intro_w h2 b:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .intro_w h3 { background:url(../../images/common/bullet_1.png) no-repeat 0 9px; padding:0 0 15px 16px; font-size:20px; font-weight:500;} .intro_w h3 b { display:inline-block; font-weight:400; color:#017ab5; font-size:14px;} .intro_w h3 b:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .intro_w h4 {background:url(../../images/common/bullet_6.png) no-repeat 0 6px; padding:0 0 15px 19px; font-size:16px; font-weight:500; color:#006292; background-size:12px auto;} .intro_w .int_txt1 { font-size:20px; padding-bottom:30px; text-decoration:underline;} .intro_w .int_txt2 { font-size:20px; background:rgba(0, 0, 0, 0.05); text-align:center; padding:20px;} .intro_w .int_txt2 b { font-size:20px; color:#FF0000; font-weight:500;} .intro_s_list ul { padding-left:20px;} .intro_s_list dt h3 { padding-bottom:8px!important;} .intro_bank ul li span { font-weight:500;} .intro_go { width:280px; height:74px; display:block; margin:0 auto; border-radius:3px; text-align:center; line-height:74px; color:#fff; font-size:20px; background:#008fd5; border:1px solid #008fd5;} .intro_go:hover { border:1px solid #ddd; background:#fff; color:#222;} .intro_no { font-size:14px; color:#ff0101; font-weight:500; padding-top:4px;} .intro_money { font-size:25px; color:#008fd5; font-weight:600;} .intro_pinmoeny { font-size:18px; color:#FF0000; font-weight:500;} .intro_s_con { padding-left:20px;} .intro_s_con .tit { font-size:14px; color:#000; padding-bottom:15px; text-decoration:underline;} .intro_tit { border:1px solid #0072aa; background:#d6e8f1; text-align:center; border-radius:3px; height:55px; line-height:55px; font-size:25px; font-weight:600; color:#00486b; margin-bottom:40px;} .intro_tit b { display:inline-block; font-weight:500; padding-left:10px;} .intro_w.box1 .td1 thead th { height:50px; font-size:20px;} .intro_w.box1 .td1 thead td { background:#bedfef; color:#116a96;} .intro_w.box1 .td1 tbody th { width:200px;} .intro2 { border:4px solid #008fd5; padding:30px 0 0 30px; background:#e8f7ff;} .intro_tit2 { text-align:center; background:#008fd5; padding:10px; color:#fff; font-size:25px;} .intro_tit2 b { display:block; color:rgba(255, 255, 255, 0.7); font-weight:normal;} .intro2 .list3 li { font-size:17px;background: url(../../images/common/bullet.gif) no-repeat 0 13px;} .intro2 .list3 li .tt_b { font-size:17px; font-weight:bold;} .intro2 .intro2_con { margin-bottom:30px;} .intro2 .intro2_con .tit { font-size:20px; font-weight:500; padding-bottom:5px;} .intro2 .intro2_con .tit > b {font-size:20px; font-weight:bold; letter-spacing:1px; color:#00699d;} .intro2 .intro2_con .con { padding-left:10px; } .intro2 .intro2_con table { margin:20px 0 0 10px; width:calc(100% - 30px);background:#fff;} .intro2 .intro2_con table tbody td u { text-decoration:none; color:#FF0000; display:block;} .intro3 h3 { color:#000;} .intro3 .intro_w { margin-bottom:40px;} .intro3 .tit2 { margin-bottom:30px;} .intro4 tbody td { padding:10px 0!important;} .intro4 thead td { font-size:14px!important;} .intro4 thead th { width:50px;} .intro5 {} .intro5 table td { text-align:center;} .intro5 table thead th { padding:10px;} .intro5 table tbody th { width:200px;} .intro6 { text-align:center; margin-bottom:50px;} .intro7 { background:rgba(0, 0, 0, 0.05); border:1px solid rgba(0, 0, 0, 0.1); text-align:center; padding:20px 0;} .intro_w .int_tit1 { background:#d5f1ff; padding:5px; text-align:center; font-size:16px; font-weight:500; color:#0072aa;} .winter .td1 tbody td { padding:15px 10px!important;} .winter .td2 tbody td { background:#abdefa; border:1px solid #69b4dd!important;} .td1 { width:100%;} .td1 thead th { background:#0072aa; font-size:16px; color:#fff; text-align:center; font-weight:500;} .td1 thead td { text-align:center; background:#008fd5;color:#fff;font-weight:500; font-size:16px; border-right:1px solid #66bce6; padding:8px 0;} .td1 thead td .s_txt { font-size:14px; font-weight:normal; color:rgba(255, 255, 255, 0.7);;} .td1 .s_txt2 { background:#11a6ef;} .td1 .s_txt3 { background:#c6eafc; padding:5px; color:#0072aa;} .td1 thead td:last-child { border-right:none;} .td1 tbody {border-left:1px solid #e2e2e2;} .td1 tbody th { text-align:center; font-weight:500; border-bottom:1px solid #e2e2e2; background:#fcfcfc; min-height:55px;padding:15px 30px;} .td1 tbody td {border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; padding:15px 30px; color:#222;} .td1 tbody td:last-child { } .td1 tbody td .list1 li p { font-size:14px; color:#777;} .td1 tbody td .list1 li p b { font-size:14px; color:#017ab5; font-weight:500; text-decoration:underline;} .td1 tbody td .list1 { margin-bottom:0;} .td1 tbody td .list3 { margin-bottom:0;} .td1 tbody .tit { background:#fcfcfc;font-weight:500;} .td1 tbody td b { font-size:14px; color:#017ab5; font-weight:600;} .td_c tbody td { text-align:center;} .td_l { text-align:left!important;} .scholarship { text-align:center; color:#017ab5!important;font-weight:400; padding:10px!important;} .td1 .tt_r li { color:#FF0000;} .td_line {border-top:1px solid #e2e2e2;} .td_gr thead td { padding:2px 0!important;} .td_gr tbody td {padding:2px 30px!important;text-align:center!important;} .grades_w { margin-bottom:40px;} .grades_w dl { padding:10px 20px; border-top:1px solid #ddd; overflow:hidden;} .grades_w dl dt { float:left; font-size:17px; font-weight:600;} .grades_w dl dt b {font-size:17px; font-weight:400; color:#3f7fcf;} .grades_w dl dt b:after { content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .grades_w dl dd { float:right; text-align:right;} .grades_w dl dd a { display:inline-block; width:66px; height:22px; border-radius:3px; line-height:22px; text-align:center; border-radius:3px; font-size:12px; font-weight:500; background:#666; color:#fff;} .year_td { width:100%;} .year_td thead th { background:#d5d5d5; font-size:16px; color:#222; text-align:center; font-weight:500; width:40px;} .year_td thead td { text-align:center; background:#eaeaea;color:#222;font-weight:500; font-size:16px; border-right:1px solid #c3c3c3; padding:8px 0; width:88px;} .year_td thead td:last-child { border-right:none;} .year_td tbody th { text-align:center; font-weight:500; border-bottom:1px solid #e2e2e2; background:#fcfcfc; min-height:55px;} .year_td tbody td {border-bottom:1px solid #f3f3f3;border-right:1px solid #d1d1d1; padding:5px 1px; color:#222; text-align:center; font-size:13px; letter-spacing:-1px;} .year_td tbody td:last-child { border-right:none;} .year_td .ytd1 { background:#454545!important; border-right:1px solid rgba(255, 255, 255, 0.3); color:#fff;} .year_td .ytd2 { background:#008fd5!important; border-right:1px solid rgba(255, 255, 255, 0.3); color:#fff; font-size:13px; font-weight:400;} .year_td .ytd3 { background:#0087c9!important; border-right:1px solid rgba(255, 255, 255, 0.3); color:#fff; font-size:13px; font-weight:400;} .year_td .ytd4 { background:#e7f7ff!important; color:#1c5e7f;} .year_td .ytd5 { background:#e7fff7!important; color:#127a57;} .year_td .ytd6 { background:#e7e9ff!important; color:#3944b9;} .year_td .ytd7 { background:#fff0e7!important; color:#c45b1c;} .year_td .ytd8 { background:#fff!important; color:#222;} .year_td .ytd9 { background:#fff!important; color:#ff0000;} .year_td .ytd10 { background:#ffe7fa!important; color:#90357c;} .list1 { margin-bottom:23px;} .list1 li { background:url(../../images/common/bullet_2.png) no-repeat 0 9px; padding:0 0 6px 15px; color:#222;} .list1 li b { font-weight:500;} .list2 { background:url(../../images/intro/1_bg1.png) no-repeat top right #fff2f2; padding:20px 0 18px 28px;} .list2 li { background:url(../../images/common/bullet_3.png) no-repeat 0 8px; font-size:14px; color:#bc2323; padding:0 0 5px 20px;} .list3 { margin-bottom:25px;} .list3 li { background:url(../../images/common/bullet.gif) no-repeat 0 10px; font-size:14px; color:#777; padding:0 0 3px 10px;} .list3 li u {font-size:14px; color:#222;} .list4 { border:1px solid #dedede; background:#f9f9f9; padding:25px 35px;} .list4 li { border-bottom:1px solid #d7d7d7; background:url(../../images/common/bullet_4.png) no-repeat 7px 16px; padding:10px 30px; color:#222;} .list4 li:last-child { border-bottom:none;} .fa_top { text-align:center; margin-bottom:80px;} .facility { margin-bottom:90px;} .facility h2 { text-align:center;} .facility h3 { text-align:center; padding:17px 0 24px; font-size:25px; font-weight:600;} .facility h3 b { display:block; font-size:16px; font-weight:400;} .facility h3 .tt_b {font-size:25px; font-weight:600;} .facility ul { overflow:hidden;} .facility ul li { float:left;} .facility ul li img { width:543px; height:362px;} .facility ul li:last-child { float:right;} .facility:last-child { margin-bottom:0;} .fa_con { border:1px solid #d3d3d3; padding:40px 40px 10px 40px;} .fa_con h2 {font-size:25px; font-weight:600; padding-bottom:20px; color:#222;} .fa_con h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .fa_con .facon { overflow:hidden;} .fa_con .facon table { width:600px; float:left; border-bottom:1px solid #d4e5ec;} .fa_con .facon table thead { background:#008fd5;} .fa_con .facon table thead th { background:#0070ca; color:#fff; font-weight:500; width:115px;} .fa_con .facon table thead td { border-right:1px solid #8accec; text-align:center; padding:9px 0; width:140px; color:#fff;} .fa_con .facon table tbody th { background:#dbf1fc; text-align:center; font-weight:400; height:130px;} .fa_con .facon table tbody td { border-right:1px solid #d4e5ec; text-align:center;} .fa_con .facon ul { float:right; width:380px;} .st_top { text-align:center;} .study_w { margin-top:90px;} .study_w h2 {text-align:center;} .study_w h2 b { display:block; font-size:18px; color:#265990; padding:20px 0 0; text-align:center; letter-spacing:15px; font-weight:500;} .study_w h3 { text-align:center; font-size:25px; font-weight:600; padding-top:10px;} .study_w h3 span {font-size:25px; font-weight:700; color:#008fd5;} .study_w h3 b { display:block; text-align:center; font-size:16px; font-weight:400; padding:6px 0 30px;} .schedule_top { background:url(../../images/study/2_top.png) no-repeat top center; height:490px; margin-bottom:60px;} .mind_top { border:1px solid #cdcdcd; padding:50px 70px 20px 70px; border-top:none; overflow:hidden; margin-bottom:90px;} .mind_top dl { float:left; margin-right:100px;} .mind_top h2 { padding-bottom:10px!important;} .mind_top dd .list3 li { font-size:15px;} .mind_step { text-align:center; margin-bottom:100px;} .mind_step h2 { text-align:center; font-weight:400; margin-bottom:40px;} .mind_step h2 b { text-align:center; display:block; font-size:20px; font-weight:500; padding:30px 0 10px;} .mind_step ul { border:8px solid #636363; border-left:none; border-right:none; padding:25px 0 0 56px; overflow:hidden;text-align:left;} .mind_step ul li { float:left; padding:16px 0 36px; width:600px;} .mind_step ul li:nth-child(2n) { width:330px;} .mind_step ul li dl { overflow:hidden;} .mind_step ul li dl dt { float:left; width:102px; padding-top:10px;} .mind_step ul li dl dd { float:left;width: calc(100% - 102px); font-size:14px; } .mind_step ul li dl dd p { padding-bottom:10px; font-size:20px; font-weight:600;} .mind_step ul li dl dd p b { font-size:20px; font-weight:600; color:#007cb9; padding-right:5px;} .mind_step ul li dl dd p span { font-size:16px; color:#999; font-weight:400;} .mind_step ul li dl dd p span:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .mind_why {} .mind_why h3 { text-align:center; font-weight:400; margin-bottom:80px;} .mind_why h3 b { display:block; text-align:center; font-size:20px; font-weight:500; padding:25px 0 10px;} .mind_why h3 b span { font-size:13px; color:#017ab5;} .mind_why .mind_why_con { overflow:hidden; margin-bottom:0;} .mind_why .mind_why_con dl { float:left; margin:0 0px 20px 0; border:1px solid #d3d3d3; width:457px; text-align:left; padding:40px 40px 0px 40px; height:190px;} .mind_why .mind_why_con dl dt h2 {padding-bottom:10px!important;} .mind_why .mind_why_con dl:last-child { float:right;} .mind_why .mind_review {border:1px solid #d3d3d3; padding:40px 40px 30px 40px; margin-bottom:0;} .mind_why .mind_review dt h2 {padding-bottom:10px!important;} .meal_top { text-align:center; margin-bottom:30px;} .meal_top img { width:100%;} .meal_top b { display:block; font-size:20px; font-weight:600; padding:26px 0 12px; text-align:center;} .meal_w { margin-top:90px;} .meal_w .meal_tit {} .meal_w .meal_tit .tit_con { background:rgba(0, 0, 0, 0.44); padding:40px; width:450px; color:#fff; font-weight:400;} .meal_w .meal_tit .tit_con h2 { color:#fff!important; font-weight:600; font-size:35px!important;} .meal_w .meal_tit .tit_con h2 span { color:rgba(255, 255, 255, 0.5); font-size:18px; font-weight:600; display:block; letter-spacing:normal;} .meal_w .meal_tit .tit_con h2:after {content:''; display:inline-block; width:28px; height:3px; background:#fff; margin:34px 0 18px; } .meal_w .meal_con { border:1px solid #d3d3d3; border-top:none; padding:30px 40px 40px;} .meal_w .meal_con .meal_td { width:100%; margin-top:35px;} .meal_w .meal_con .meal_td thead { background:#10b1bd;} .meal_w .meal_con .meal_td thead th { color:#fff; font-weight:500; width:75px; background:rgba(0, 0, 0, 0.2);} .meal_w .meal_con .meal_td thead td { text-align:center; width:135px; color:#fff; font-weight:400; height:38px; border-left:1px solid rgba(255, 255, 255, 0.4);} .meal_w .meal_con .meal_td tbody th { font-weight:600;} .meal_w .meal_con .meal_td tbody td { border-left:1px solid #e0e0e0; text-align:center; font-size:14px; padding:14px 5px;} .meal_w .meal_con .meal_td tbody tr:nth-child(2) td, .meal_w .meal_con .meal_td tbody tr:nth-child(2) th { background:#f2f2f2;} .meal1 .meal_tit { background:url(../../images/study/6_p1.jpg);} .meal1 .meal_con .meal_td thead { background:#10b1bd;} .meal2 .meal_tit { background:url(../../images/study/6_p2.jpg);} .meal2 .meal_con .meal_td thead { background:#008fd5;} .meal3 .meal_tit { background:url(../../images/study/6_p3.jpg);} .meal3 .meal_con .meal_td thead { background:#5673c3;} .success_top { text-align:center; margin-bottom:20px;} .success_w { margin-top:70px;} .success_w h2 {font-size:25px; font-weight:600; padding-bottom:20px; color:#222;} .success_w h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .success_w h2 b { display:inline-block; font-size:14px; color:#017ab5;font-weight:400;} .success_w h2 b:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .success_w h2 b u { padding-left:10px; font-size:14px; color:#FF0000; text-decoration:none; font-weight:400;} .success_w h2 .susi { display:inline-block; width:70px; height:23px; background:url(../../images/story/1_susi.png); margin-left:5px;} .success_w table { width:100%;} .success_w table thead th { background:#d5d5d5; font-size:16px; color:#222; text-align:center; font-weight:500; width:270px;} .success_w table thead td { text-align:center; background:#eaeaea;color:#222;font-weight:500; font-size:16px; border-right:1px solid #c3c3c3; padding:8px 0; width:166px;} .success_w table thead td:last-child { border-right:none;} .success_w table tbody th { text-align:center; font-weight:500; border-bottom:1px solid #e2e2e2; min-height:55px;} .success_w table tbody td {border-bottom:1px solid #e2e2e2;padding:15px 30px; color:#222; text-align:center;} .success_w table tbody tr:first-child th { color:#ff0000; font-weight:600; border:5px solid #ff5d5d; border-right:none;} .success_w table tbody tr:first-child td {color:#ff0000; font-weight:600;border:5px solid #ff5d5d;border-right:none;border-left:none; padding:10px 0;} .success_w table tbody tr:first-child td:last-child {border-right:5px solid #ff5d5d;} .success_w table tbody tr:nth-child(2) td { background:url(../../images/story/1_ar.png) no-repeat center 16px ; height:28px;} .fame h2 { text-align:center; margin-bottom:40px;} .fame table { width:100%;} .fame table th { border-bottom:5px solid #222; text-align:center; font-weight:500; font-size:16px; height:42px;} .fame table td img { height:44px; max-width:145px;} .fame table td { width:33.333%; border-bottom:1px solid #ddd; text-align:center; height:50px; font-size:16px;} .fame2 h2 { text-align:center; margin-bottom:40px;} .fame2 ul { overflow:hidden;} .fame2 ul li { border:1px solid #d3d3d3; border-radius:5px; text-align:center; margin:0 23px 18px 0; width:calc(25% - 20px); padding:14px 0; float:left;} .fame2 ul li:nth-child(4n) { margin-right:0;} .fame2 ul li img { display:block; margin:0 auto; width:205px;} .fame2 ul li p { font-size:15px; color:#525050;} .fame2 ul li p b { font-weight:500; color:#343434; padding-left:10px; font-size:20px;} .review_w { overflow:hidden;} .review_w h2 { text-align:center; margin-bottom:20px; width:100%; float:left;} .review_w .review { margin:80px 80px 0 0; height:445px; float:left; width:510px; } .review_w .review:nth-child(2n-1) { margin-right:0;} .review_w .review .re_pic { height:209px; background:#f5f5f5; overflow:hidden;} .review_w .review .re_pic img { width:510px; height:209px;} .review_w .review .re_name { border-bottom:1px solid #bdbdbd; margin-bottom:10px; padding:15px 0; color:#017ab5;} .review_w .review .re_name h3 { display:inline-block; font-size:25px; font-weight:600;} .review_w .review .re_name h3:after {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .review_w .review .re_name b { color:#ff0000; font-weight:500; padding-left:10px;} .review_w .review ul { height:107px;} .review_w .review ul li { color:#7b7b7b; padding:4px 0;} .review_w .review ul li b { color:#222; font-weight:500;} .review_w .review a { width:174px; height:45px; display:block; margin:0 auto; border-radius:3px; background:#4d6abe; border:1px solid #4d6abe; color:#fff; text-align:center; font-size:16px; font-weight:500; line-height:45px; } .review_w .review a:hover { border:1px solid #ddd; background:#fff; color:#222;} .review_w .review .aa { width:200px; height:400px; display:block; margin:0 auto; border-radius:15px; text-align:center; line-height:74px; color:#fff; font-size:20px; background:#008fd5; border:1px solid #008fd5;} .review_w .review .aa:hover { border:1px solid #ddd; background:#fff; color:#222;} .vaca .review a {background:#008fd5; border:1px solid #008fd5;} .vaca .review {height:475px;} .vaca .review ul { height:140px;} .review_v {} .review_v .r_view_w {} .review_v .r_view_w .top { overflow:hidden; padding:10px 15px 13px 20px; background:#4d6abe;} .review_v .r_view_w .top dt { float:left; font-size:20px; font-weight:600; color:#fff;} .review_v .r_view_w .top dt b { font-size:15px; color:rgba(255, 255, 255, 1.0); font-weight:400;} .review_v .r_view_w .top dt b:before {content:''; display:inline-block; width:1px; height:13px; background:rgba(255, 255, 255, 0.3); margin:0 12px; } .review_v .r_view_w .top dd { float:right;} .review_v .r_view_w .top dd a { display:block; background:url(../../images/story/vew_close.png) no-repeat; width:24px; height:25px; position:relative; top:5px;} .review_v .r_view_w .rv_con { padding:30px; } .review_v .r_view_w .rv_con .pic { text-align:center; background:#f5f5f5; margin-bottom:20px;} .review_v .r_view_w .rv_con .txt { margin-bottom:30px;line-height:25px;} .review_v .r_view_w .rv_con .txt h5 { margin-bottom:15px; font-size:25px; font-weight:500; color:#0073ac;} .review_v .r_view_w .rv_btn { display:block; margin:0 auto;width:174px; height:45px; border-radius:3px; background:#4d6abe; border:1px solid #4d6abe; color:#fff; text-align:center; font-size:16px; font-weight:500; line-height:45px; } .review_v .r_view_w .rv_btn:hover { border:1px solid #ddd; background:#fff; color:#222;} .vaca .r_view_w .top {background:#008fd5} .vaca .r_view_w .rv_btn {background:#008fd5; border:1px solid #008fd5;} .review2_w { overflow:hidden;} .review2_w h2 { text-align:left; margin-bottom:1px; width:100%; float:left;} .review2_w .review2 { height:300px; float:left; width:calc(50% - 30px); border:1px solid #d6d6d6; margin:0 30px 30px 0;} .review2_w .review2:nth-child(2n-1) { margin-right:0;} .review2_w .review2 .re_pic { height:209px; background:#f5f5f5; overflow:hidden; display:none;} .review2_w .review2 .re_pic img { width:510px; height:209px;} .review2_w .review2 .re_name { margin-bottom:10px; padding:15px 25px; background:#f3f3f3; color:#4d6abe;} .review2_w .review2 .re_name h3 { display:inline-block; font-size:25px; font-weight:600;} .review2_w .review2 .re_name h3:after {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .review2_w .review2 .re_name b { color:#ff0000; font-weight:500; padding-left:10px;} .review2_w .review2 ul { height:130px; padding:15px 25px 0 25px;} .review2_w .review2 ul li { color:#7b7b7b; padding:4px 0;} .review2_w .review2 ul li b { color:#222; font-weight:600;} .review2_w .review2 a { width:174px; height:45px; display:block; margin:0 auto; border-radius:3px; background:#4d6abe; border:1px solid #4d6abe; color:#fff; text-align:center; font-size:16px; font-weight:500; line-height:45px; } .review2_w .review2 a:hover { border:1px solid #ddd; background:#fff; color:#222;} .review2_w .review2 .aa { width:200px; height:400px; display:block; margin:0 auto; border-radius:15px; text-align:center; line-height:74px; color:#fff; font-size:20px; background:#008fd5; border:1px solid #008fd5;} .review2_w .review2 .aa:hover { border:1px solid #ddd; background:#fff; color:#222;} .vaca .review2 .re_name { color:#017ab5;} .vaca .review2 a {background:#008fd5; border:1px solid #008fd5;} .vaca .review2 {height:300px;} .vaca .review2 ul { height:130px;} .accept_tab { overflow:hidden; background:url(../../images/accept/tab_bg.png) no-repeat top left;} .accept_tab li { width:33.333%; float:left; line-height:62px; height:78px; text-align:center; color:#fff; font-weight:500; font-size:20px; background:url(../../images/accept/tab_on.png) no-repeat bottom left;} .accept_tab .selected { background:url(../../images/accept/tab_on.png) no-repeat bottom center;} .accept {} .accept .tit { text-align:center;} .accept .tit p { padding:16px 0 40px; text-align:center; font-weight:400; font-size:17px;} .accept .accept_agree {border: 1px solid #d6d6d6; overflow: auto; height: 180px;} .bx {padding: 12px 16px;} .bx h2{font-size:18px; font-weight:bold; color:#000; margin:8px 0; font-weight:500;} .bx h3{padding:15px 0 15px 4px; background:none;font-size:17px; font-weight:500;} .bw_radio li { display:inline-block; margin-right:30px;} .bw_radio li input { margin-right:5px; width:15px; height:15px;} .grade_td { padding:0!important; border-bottom:none!important;} .grade1 { overflow:hidden; border-bottom:1px solid #dcdcdc;} .grade1 dt { float:left; width:180px;padding-left: 20px;font-weight: 500; display:table-cell; height:70px; line-height:70px;} .grade1 dd { float:left; width:calc(100% - 200px); padding:17px 0;} .grade1 dd ul li { padding-top:5px;} .grade_td div table { width:100%; } .grade_td div table td { text-align:center!important;border-right:1px solid #eee;} .grade_td .tit { background:rgba(0, 143, 213, 0.14); color:#0074ad!important; font-weight:500; border-right:1px solid rgba(0, 143, 213, 0.2);} .grade_td .grade_in {background:rgba(0, 143, 213, 0.14); border:1px solid rgba(0, 143, 213, 0.2); width:70px; height:33px;} .teacher_w { overflow:hidden;} .teacher_w .pic { float:left; width:382px;} .teacher_w .pic img { width:305px;} .teacher_w .teacher { float:left; width:718px;} .teacher_tab { background:url(../../images/teacher/tab_line1.png) no-repeat top left; margin-bottom:60px; display:flex;} .teacher_tab li { background:url(../../images/teacher/tab_line1.png) no-repeat top right; width:100%;} .teacher_tab li a { display:block; background:url(../../images/teacher/tab_line2.png) repeat-x bottom; text-align:center; font-size:16px; height:79px; line-height:60px;} .teacher_tab .on a {background:url(../../images/teacher/tab_line3.png) no-repeat bottom center; font-weight:600; letter-spacing:-1px;font-size:18px;} .teacher_w .teacher h2 { font-size:40px; font-weight:600; margin-bottom:30px; color:#222} .teacher_w .teacher h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .teacher_w .teacher h2 b { font-size:20px; color:#707070; font-weight:600; padding:0 5px;} .teacher_w .teacher h2 .class { display:inline-block; padding:0 10px; height:29px; border-radius:3px; line-height:29px; text-align:center; color:#fff; font-size:14px; background:#008fd5; position:relative; top:-2px; left:10px; font-weight:500;} .teacher_w .teacher .te_txt { border:1px solid #ddd; border-left:none; border-right:none; padding:22px 33px; margin-bottom:30px;} .teacher_w .teacher .te_txt h3 { background:url(../../images/common/bullet_6.png) no-repeat left; padding-left:30px; margin-bottom:10px; font-size:25px; color:#0072aa; font-weight:500;} .teacher_w .teacher .te_txt p {} .teacher_w .teacher .cl_1 { background:url(../../images/teacher/txt_bg1.png) no-repeat top right;} .teacher_w .teacher .cl_2 { background:url(../../images/teacher/txt_bg2.png) no-repeat top right;} .teacher_w .teacher .cl_3 { background:url(../../images/teacher/txt_bg3.png) no-repeat top right;} .teacher_w .teacher .cl_4 { background:url(../../images/teacher/txt_bg4.png) no-repeat top right;} .teacher_w .teacher .cl_5 { background:url(../../images/teacher/txt_bg5.png) no-repeat top right;} .teacher_w .teacher .cl_6 { background:url(../../images/teacher/txt_bg6.png) no-repeat top right;} .teacher_w .teacher .vod { margin-bottom:50px;} .teacher_w .teacher .vod iframe { width:500px; height:280px;} .teacher_w .teacher .vod img { width:492px;} .teacher_w .teacher .career { overflow:hidden;} .teacher_w .teacher .career .career_list { margin-right:100px; float:left;} .teacher_w .teacher .career .career_list dt {background: url(../../images/common/bullet_1.png) no-repeat 0 9px; padding: 0 0 15px 16px; font-size: 20px; font-weight: 500;padding-bottom: 8px!important;} .teacher_w .teacher .career .career_list:last-child { margin-right:0;} .teacher_w .teacher_comment { background:rgba(0, 0, 0, 0.05); margin-top:20px; padding:40px; float:left; width:calc(100% - 40px);} .teacher_w .teacher_comment .pic { overflow:hidden; width:300px; margin-right:40px;} .teacher_w .teacher_comment .pic li { width:calc(50% - 4px); margin:3px 2px; float:left;} .teacher_w .teacher_comment .pic li img { width:100%;} .teacher_w .teacher_comment .our_comment { width:670px; float:left;} .teacher_w .teacher_comment .our_comment dt { margin-bottom:10px;} .teacher_w .teacher_comment .our_comment dt b {font-size:28px; font-weight:600; color:#333333; position:relative;} .teacher_w .teacher_comment .our_comment dt b:after { content:''; display:block; background:url(/images/teacher/commnet_tit.png) no-repeat; background-size:25px; width:25px; height:25px; position:absolute; top:-5px; right:-30px;} .teacher_w .teacher_comment .our_comment dd { padding:5px 0 5px 5px; border-bottom:1px solid rgba(0, 0, 0, 0.1);} .teacher_tit { text-align:center; margin-bottom:50px;} .teacher_m { overflow:hidden;} .teacher_m a { display:block; float:left; border-bottom:5px solid #000; width:500px; margin:0 100px 68px 0; height:300px; background:0 10px; position:relative;} .teacher_m a:nth-child(2n) { margin-right:0;} .teacher_m a h2 {font-size:40px; font-weight:600; color:#222; padding:60px 0 20px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s; z-index:100; position:relative;} .teacher_m a h2 b { font-size:20px; color:#707070; font-weight:600; padding:0 5px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;} .teacher_m a h2 .class { display:inline-block; padding:0 5px; height:21px; border-radius:3px; line-height:21px; text-align:center; color:#fff; font-size:12px; background:#008fd5; position:relative; top:-2px; left:10px; font-weight:300;-webkit-transition-duration: 0.4s; transition-duration: 0.4s; border:1px solid #008fd5;} .teacher_m a .list3 { margin-left:15px; z-index:1000; position:relative; width:260px;} .teacher_m a:hover {border-bottom:5px solid #008fd5;} .teacher_m a:hover .class { border:1px solid #ddd; color:#222; background:#fff;} .teacher_m a:hover h2 {color:#008fd5;} .teacher_m a:hover h2 b { color:#43bbf6;} .teacher_m a .pic { position:absolute; bottom:0; right:0; z-index:90;} .teacher_m a .pic img {transition-duration: 0.4s;} .teacher_m a:hover .pic img {filter: grayscale(100%);} .teacher_m .teacher { overflow:hidden; margin-bottom:20px;} .sms_bg_w { background:#1c2f43;} .sms_w { width:420px; margin:0 auto; padding:40px 30px 0px 30px; background:url(../../images/common/sms_bg.gif) no-repeat top left #1c2f43;} .sms_w h2 { position:relative; margin-bottom:20px;} .sms_w h2 a { display:block; width:40px; height:40px; cursor:pointer; background:url(../../images/common/sms_x.png) no-repeat; position:absolute; top:-18px; right:-15px;} .sms_w table { width:100%;} .sms_w table th, .sms_w table td { border-bottom:1px solid rgba(255, 255, 255, 0.13);} .sms_w table th { color:#fff; width:100px; text-align:left; font-weight:500;} .sms_w table td { padding:7px 0;} .sms_w table td .sms_input { border:1px solid rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.1); height:32px; color:#fff; border-radius:3px;} .sms_w table td .sms_input::-webkit-input-placeholder { color:rgba(255, 255, 255, 0.5); font-size:13px;} .sms_w table td .sms_input::-moz-placeholder {color:rgba(255, 255, 255, 0.5); font-size:13px;} .sms_w table td img { vertical-align:-5px; padding-right:10px;} .sms_w .agree { margin:10px 0 30px; color:rgba(255, 255, 255, 0.5); font-size:14px;} .sms_w .agree a { font-size:14px; color:#fff; padding-left:10px;} .sms_w .btn { display:block; width:190px; height:50px; text-align:center; line-height:50px; border-radius:3px; background:#00ff98; font-size:17px; color:#1c2f43; font-weight:500; margin:0 auto;} .sms_w .email { border:1px solid rgba(255, 255, 255, 0.1); border-left:none; border-right:none; padding:20px; color:#fff; margin-bottom:20px;} #mypage_wrap { min-width:1300px; overflow:hidden; background:url(../../images/mypage/bg.png) repeat-y left;} #mypage_wrap #mw_left { float:left; background:url(../../images/mypage/left_bg.png) no-repeat right 700px; min-height:900px; width:220px;} #mypage_wrap #mw_left h1 { text-align:center; padding:24px 0 28px;} #mypage_wrap #mw_left #mw_left_menu { margin-bottom:20px; border-top:1px solid rgba(255, 255, 255, 0.07);} #mypage_wrap #mw_left #mw_left_menu li { border-bottom:1px solid rgba(255, 255, 255, 0.07);} #mypage_wrap #mw_left #mw_left_menu li a { display:block; height:50px; line-height:50px; padding-left:20px; color:rgba(255, 255, 255, 0.74);background:url(../../images/mypage/menu_on.png) no-repeat 230px 19px;} #mypage_wrap #mw_left #mw_left_menu li:hover a {color:rgba(255, 255, 255, 1.0); background:url(../../images/mypage/menu_on.png) no-repeat 195px 19px #008fd5;padding-left:25px;} #mypage_wrap #mw_left #mw_left_menu .on a {color:rgba(255, 255, 255, 1.0);background:url(../../images/mypage/menu_on.png) no-repeat 195px 19px #008fd5;padding-left:25px;} #mypage_wrap #mw_left .mw_bank { margin-top:20px; padding-left:20px;} #mypage_wrap #mw_left .mw_bank dt { color:#fff; font-size:16px; font-weight:600; padding-bottom:2px;} #mypage_wrap #mw_left .mw_bank dd { font-size:12px; color:#7f9cbb;line-height:12px;} #mypage_wrap #mw_left .mw_bank dd b { font-weight:500; color:#00e4ff; font-size:12px; } #mypage_wrap #mw_con { float:left; padding:40px 0px 40px 40px; width:1010px;} #mw_con .mw_main1 { overflow:hidden; margin-bottom:10px;} #mw_con .mw_main1 .picture { float:left; width:227px;} #mw_con .mw_main1 .picture img { display:block; width:190px; border:1px solid #ddd;} #mw_con .mw_main1 .mm1_con { float:left; width:calc(100% - 227px);} #mw_con .mw_main1 dl { overflow:hidden;} #mw_con .mw_main1 dl dt { float:left;} #mw_con .mw_main1 dl dt .name { font-size:25px; font-weight:600; color:#868686;} #mw_con .mw_main1 dl dt .name b { font-size:25px; font-weight:600; color:#000;} #mw_con .mw_main1 dl dt .name:after {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } #mw_con .mw_main1 dl dt b { padding-left:5px; color:#008fd5;} #mw_con .mw_main1 dl dd { float:right; text-align:right; padding-top:10px;} #mw_con .mw_main1 .td1 { margin:14px auto 15px; } #mw_con .my_list1 { margin-bottom:45px; padding:30px 40px; background:url(../../images/mypage/list1_bg.png) no-repeat top right #e9f6fb; border-radius:3px;} #mw_con .my_list1 dt { font-size:18px; color:#2d4c5c; font-weight:600; margin-bottom:4px;} #mw_con .my_list1 dd { background:url(../../images/common/bullet_5.png) no-repeat 0 10px; padding:2px 0 3px 15px; font-size:14px; color:#2d4c5c;} #mw_con .my_list1 dd u {font-size:14px; color:#2d4c5c;} #mw_con h2 { font-size:25px; font-weight:600; padding-bottom:20px; color:#222; position:relative;} #mw_con h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} #mw_con h2 .more { display:block; width:58px; height:23px; border-radius:3px; border:1px solid #ddd; text-align:center; line-height:23px; font-size:12px; color:#777; position:relative; position:absolute; top:25px; right:0;} #mw_con h2 .more:hover { color:#fff; background:#000; border:1px solid #000;} #mw_con .mw_grade_top { margin-bottom:30px; overflow:hidden;} #mw_con .mw_grade_top .picture { float:left; margin-right:30px;} #mw_con .mw_grade_top .picture img { display:block; width:130px; border:1px solid #ddd;} #mw_con .mw_grade_top .mw_grade_con {float:left;} #mw_con .mw_grade_top .mw_grade_con .name {font-size:25px; font-weight:600; color:#868686; margin-bottom:15px;} #mw_con .mw_grade_top .mw_grade_con .name b {font-size:25px; font-weight:600; color:#000;} #mw_con .grade_search { border-top:1px solid #ddd; margin-bottom:30px;} #mw_con .grade_search .tt_b { padding-left:20px; font-size:14px;} #mw_con .grade_td1 { background:#f4f4f4; color:#8c8c8c; font-size:14px;} #mw_con .my_wrap {} #mw_con .cctv { text-align:center;} #mw_con .meal_tit .tit_con h2:before { display:none;} .info_top { background:url(../../images/mypage/info_bg.png) no-repeat top left; padding:33px; font-size:14px; color:#476672; margin-bottom:30px;} .info_top b { font-size:18px; font-weight:500; padding-bottom:6px; display:block;} #mw_con .letter_top { background:url(../../images/mypage/letter_bg.png) no-repeat top right #def7f9; padding:33px; margin-bottom:30px;} #mw_con .letter_top p { padding-top:17px; color:#477172;} .stu_pop_top { margin-bottom:40px; background:url(../img/stu_bg1.png) no-repeat right -20px #f5f5f5; padding:30px; position:relative;} .stu_pop_top .name { font-size:23px; font-weight:600; } .stu_pop_top .name img { padding-right:10px;} .stu_pop_top .name:after { content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .stu_pop_top .class1 { font-size:16px;} .stu_pop_top .class1:after { content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .stu_pop_top .class2 { font-size:16px;} .stu_pop_top .btn { position:relative; display:block; width:94px; height:30px; line-height:30px; text-align:center; color:#fff; font-weight:500; background:rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 0, 0, 0.6); position:absolute; top:30px; right:40px; border-radius:3px;} .payment_w { border:10px solid #b0ddf3; width:600px; margin:0 auto; padding:20px;} .payment_w table tr:last-child td { border-bottom:3px solid red;} .payment_w .tt_b { font-size:20px; font-weight:600;} .payment_w .txt { text-align:center; padding:100px 0; font-size:20px;} .lab_t1 { margin-bottom:20px; font-size:16px; text-decoration:underline;} .lab3_top { text-align:center; margin-bottom:50px;} .lab3_box { border:1px solid #ddd; overflow:hidden;padding: 50px 70px 50px 70px; margin-bottom:100px;} .lab3_box dl {} .lab3_box h2 { padding-bottom:10px!important;} .lab3_box dd .list3 li { font-size:15px;} .lab3_box table { width:100%;} .lab3_box .pic { overflow:hidden; margin-top:20px;} .lab3_box .pic li { float:left; margin-right:8px;} .lab3_box .pic li:last-child { margin-right:0;} .lab3_box .pic li img { width:314px; height:209px;} .lab3_td table { width:100%; margin-top:10px;} .lab3_td table th, .lab3_td table td { vertical-align:top; margin-bottom:40px;} .lab3_td table th { width:135px; text-align:left; padding-top:10px;} .lab3_td table td { width:415px; padding-bottom:20px;} .lab3_td table td h3 { color:#265990;} /* 하루일과표 갤러리 */ #today {position:relative; overflow:hidden; width:606px; height:200px; top:280px;left:53px;} .schedule {} .schedule .s_slider {position:absolute; z-index:0;} ul#slideAllCount{height:13px; z-index:999; overflow:hidden; width:68px; margin:0 auto; position:relative; top:185px; left:-13px;} ul#slideAllCount li.slide{float:right; cursor:pointer; width:15px; height:10px; display:block; margin-left:4px;} ul#slideAllCount li.slide span{display:block; width:13px; height:13px; background:url(/images/study/btn_off.png) no-repeat;} ul#slideAllCount li.slide.selectedTab span{background:url(/images/study/btn_on.png) no-repeat;} /* 진학실적 */ .enter_top { position:relative; margin-bottom:60px;} .enter_top .year { width:194px; height:66px; position:absolute; top:125px; left:230px; color:#4e3f77; text-align:right; font-size:70px; font-weight:800;} .enter_top img { margin:0 auto; display:block; margin-bottom:40px;} .enter_top .list4 { border-radius:3px;} .enter_top .list4 li { display:inline-block; width:44%;border-bottom:none;} /* 동영상 */ .vod_w {} .vod_w h2 { text-align:center; margin-bottom:60px;} .vod_w ul {overflow:hidden;} .vod_w ul li { float:left; width:540px; margin-bottom:30px; margin-right:20px;} .vod_w ul li:nth-child(2n) { margin-right:0;} .vod_w2 { width:830px; margin:0 auto;} .vod_w2 h2 { text-align:center; margin-bottom:60px;} .vod_w2 ul {} .vod_w2 ul li { margin-bottom:30px;} .vod_w2 ul li iframe { width:830px; height:467px;} /* 핼프미 */ .helpm1_w { margin-bottom:80px;} .helpm1_w h3 { text-align:center; position:relative; z-index:50;} .helpm1_w .helpm1 {position:relative; top:-25px; border:1px solid rgba(0, 0, 0, 0.2); } .helpm1_w .helpm1 ul { padding:70px 50px 20px 50px;} .helpm1_w .helpm1 ul li { margin-bottom:20px;} .helpm1_w .helpm1 ul li b { margin-bottom:10px; display:block;} .helpm1_w .helpm1 ul li b u {text-decoration: none; box-shadow:inset 0 -12px 0 #6efcff; font-size:25px; font-weight:600; } .helpm1_w .helpm1 p { background:rgba(0, 0, 0, 0.05); padding:30px 0; font-size:16px; text-align:center; color:#000; font-weight:500;} .helpm1_w .helpm1 p b { font-size:16px; font-weight:500; color:#FF0000; text-decoration:underline;} .helpm2_top {text-align:center; padding-bottom:20px; background:url(../../images/helpme/dot_bar.png) repeat-x bottom; margin:80px 0 30px;} .helpm2_top i { display:block; background:url(../../images/helpme/1_top1.png) no-repeat top center; height:75px; display:block;} .helpm2_top u { text-decoration:none; display:block; font-weight:600; color:#265990; font-size:18px; letter-spacing:13px; padding-top:5px;} .helpm2_top p { font-size:40px; font-weight:400; color:#000;} .helpm2_top p b { font-size:40px; color:#008fd5; font-weight:700;} .help3 {margin-bottom: 60px;} .help3 h2 {font-size:25px; font-weight:600; padding-bottom:10px; color:#222;} .help3 h2:before {content:''; display:block; width:27px; height:6px; background:#3e3e3e; position:relative; top:0; margin-bottom:5px;} .help3 h2 b { display:inline-block; font-weight:400; color:#017ab5; font-size:14px;} .help3 h2 b:before {content:''; display:inline-block; width:1px; height:13px; background:#dbdbdb; margin:0 12px; } .help_pic { overflow:hidden; margin:10px 0 20px;} .help_pic li {margin-right:10px; float:left;} .help_pic li img { width:100%;} .help_pic li:last-child { margin-right:0;} .help_pic.col2 li { width:calc(50% - 5px);} .help_pic.col3 li { width:calc(33.3% - 5px);} .help_pic.col4 li { width:calc(25% - 8px);} .help4 { background:url(../../images/helpme/1_bg.png); padding:50px; margin-top:20px;} .help4 dl:first-child:before { display:none;} .help4 dl { overflow:hidden; height:184px; } .help4 dl:after { content:''; display:block; clear:both;} .help4 dl:before { display:block; content:''; width:33px; height:19px; background:url(../../images/helpme/1_ar.png) no-repeat; background-size:33px auto; margin:3px 0 3px 98px;} .help4 dl dt { float:left; width:176px; height:100%; padding:27px;} .help4 dl dt b { display:block; color:rgba(255, 255, 255, 0.4); font-weight:bold; font-size:13px; font-family:verdana; letter-spacing:normal; padding-bottom:10px;} .help4 dl dt p { color:#fff; font-weight:500; font-size:22px; line-height:1.2em;} .help4 dl:nth-child(1) dt { background:url(../../images/helpme/1_bg2.png) no-repeat 150px 100px #26908e;} .help4 dl:nth-child(2) dt { background:url(../../images/helpme/1_bg2.png) no-repeat 150px 100px #267390;} .help4 dl:nth-child(3) dt { background:url(../../images/helpme/1_bg2.png) no-repeat 150px 100px #265990;} .help4 dl:nth-child(4) dt { background:url(../../images/helpme/1_bg2.png) no-repeat 150px 100px #464da1;} .help4 dl dd { float:left; width:calc(100% - 230px); overflow:hidden;} .help4 dl dd img { display:block; float:left; width:50%;} .help5_w {background:url(../../images/helpme/dot_bar.png) repeat-x bottom; padding-bottom:10px; margin-bottom:60px;} .help5_w h2 { text-align:center; padding-bottom:45px; background:url(../../images/helpme/dot_bar.png) repeat-x bottom;} .help5_w .help5 { padding:10px 20px;} .help5_w dl { overflow:hidden;} .help5_w dl dt { float:left; width:105px; background:url(../../images/common/bullet_4.png) no-repeat 0 16px; height:45px; line-height:45px; padding-left:22px; font-size:18px; font-weight:600;} .help5_w dl dd {height:45px; line-height:45px; width:calc(100% - 150px);} .help5_w .help6 {margin:0 auto; width:calc(100% - 40px); margin-bottom:20px;} .help5_w .help6 p { font-size:18px;} .help6 { background:rgba(0, 0, 0, 0.04); text-align:center; padding:35px 0; } .help6 li { display:inline-block; position:relative; width:150px; padding:0 15px; vertical-align:top;} .help6 li img { width:90px;} .help6 li b { display:block; padding:8px 0 3px; font-family:verdana; font-weight:bold; color:#265990; font-size:13px; letter-spacing:normal;} .help6 li p { line-height:1.3em;} .help6 li:after { display:inline-block; width:18px; height:26px; background:url(../../images/helpme/2_1_ar.png) no-repeat; background-size:18px auto;content:''; position:absolute; right:-11px; top:50px; opacity:0.2;} .help6 li:last-child:after { display:none;} .help7 { background:url(../../images/helpme/2_bg.png) no-repeat #265990; text-align:center; padding:20px 0;} .help7 li { display:inline-block;padding:0 60px; position:relative;} .help7 li img { width:130px;} .help7 li b { display:block; padding:0px 0 0px; font-family:verdana; font-weight:bold; color:rgba(255, 255, 255, 0.4); font-size:13px; letter-spacing:normal;} .help7 li p {font-size:18px; color:#fff; font-weight:500;} .help7 li:after { display:inline-block; width:18px; height:26px; background:url(../../images/helpme/2_1_ar.png) no-repeat; background-size:18px auto;content:''; position:absolute; right:-11px; top:50px; } .help7 li:last-child:after { display:none;} .help8 h2 { text-align:center; margin-bottom:60px;} .help8 dl { overflow:hidden;} .help8 dl dt { float:left; width:500px;} .help8 dt img { width:460px; } .help8 dl dd { float:left; width:calc(100% - 500px);} .help8 dl dd img { display:block; width:460px; padding:20px 0;} .help8 iframe { width:1100px; height:620px; margin:30px auto;} .help8 .help_pic { margin-top:30px;} .intro_vaca_tit { position:relative;} .intro_vaca_tit h2 { position:absolute; top:0; left:0; width:800px; height:50px; background:#fff; padding-top:30px;} /*------------------------------ Board 게시판 ----------------------------------------------*/ /* 게시판 리스트 */ .list {table-layout:fixed; width:100%; border-bottom:1px solid #a3a3a3;} .list thead {overflow:hidden; background:#f2f2f2; } .list thead th {height:40px; border-bottom:1px solid #bebebe; font-weight:500; color:#4d4d4d;} .list tbody td {border-bottom:1px solid #dcdcdc;text-align:center; color:#444; padding:17px 0; font-size:13px;} .list tbody td a {color:#444; font-size:15px;} .list tbody td a strong {color:#000; font-weight:500;} .list tbody .t_title {text-align:left;padding-left:10px; color:#6f6f6f; font-size:14px;} .list tbody .t_title img { vertical-align:0px;} .list tbody .t_title u { color:#ff0000; text-decoration:none; font-weight:bold; display:inline-block; padding-left:5px;} .list tbody .t_name {font-size:14px; color:#555555;} .list tbody .t_number {text-align:center; font-family:verdana; font-size:11px; color:#3c3c3c;} .list tbody .t_number2 {text-align:center; font-family:verdana; font-size:11px; color:#8d8d8d;} .list tbody .t_leaflet { font-size:11px; text-align:left; color:#999999; padding:10px 0 15px 0;} .list tbody .tr_leaflet td { border-bottom:none; padding-bottom:0;} .list tbody td .icon {margin-left:4px; position:relative; top:3px;} .list tbody td .reply {margin-right:4px; position:relative; top:2px;} .list tbody .news_tit { padding-left:20px; text-align:left; vertical-align:top; padding-right:10px;} .list tbody .news_tit .nt_tit { font-size:15px; color:#333; font-weight:bold; padding:5px 0 10px 0;} .list tbody .news_tit .nt_name { line-height:9px; color:#b3b3b3; padding-bottom:20px;} .list tbody .news_tit .nt_txt { line-height:18px;} .list tbody .news_img img { width:100%;} .list tbody .money { text-align:right; font-family:verdana; font-weight:bold; color:#339999;} .ip_btn { display:inline-block;padding:0 15px; height:32px; line-height:32px;background: #404e6a; color: #fff; font-size:13px; border-radius:3px; cursor:pointer;} /* 페이지 넘버 */ #cs_bot {position:relative; overflow:hidden; margin-top:10px;} #pagenation {position:relative; } .page_num {display:inline-block; zoom:1; *display:inline; text-align:left; } .page_num span {display:block; float:left; padding:0 3px;} .page_num span a {display:inline-block; zoom:1; *display:inline; width:31px; height:31px; line-height:31px; color:#3c3c3c; font-size:11px; text-align:center; background:#fff; margin:0 2px; border:1px solid #c2c2c2; } .page_num .sel_page {display:inline-block; zoom:1; *display:inline; text-align:center; width:31px; height:31px; line-height:31px; font-weight:bold; background:#818181; border:1px solid #555; color:#fff; font-size:11px; text-decoration:underline;} .ar_btn {float:left;} .write_btn { float:right; position:relative; top:-31px;} a.board_btn {display:block; float:left; background:#008fd5; width:102px; height:31px; text-align:center; line-height:31px; color:#fff; font-weight:500; margin-left:30px; font-size:13px;} a.board_btn:hover {color:#fff;} /* 다운캠프 */ .down_book{ display: inline-block; } .down_book a{ display: inline-block; border: 2px solid #008fd5 ; border-radius: 10px; background-color: #008fd5; padding: 10px; margin-bottom: 20px; margin-right:15px; width: 150px; } .down_book a:hover p{ transform: scale(1.1); } .down_book a p{ color: #fff; font-size: 1rem; text-align: center; transition: 0.5s all; } /* 검색 */ .table_search { overflow:hidden;} .table_search form { display:block; float:right;padding-bottom:10px; width:334px; height:33px; margin-top: 20px;} .table_search form legend {display:none;} #selcect_form .input_style {border:1px solid #c2c2c2; line-height:25px;} #search_select {float:left; border:1px solid #c2c2c2; margin-right:5px;} #search_select #s_scroll {width:96px; height:23px; border:none; } #search_key {float:left; overflow:hidden;} #search_key #s_key {float:left;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:none; } #search_key a {font-size:13px; display:inline-block; zoom:1; *display:inline; padding:8px 0; width:110px; text-align:center; color:#fff; background:#555555; font-weight:500; border:1px solid #393939; margin-left:3px;} .btnSearch {border:none; width:37px; height:33px; float:left; position:relative; left:-3px;} /* 상세페이지 */ .view {table-layout:fixed; width:100%;} .view thead { background-color:#f2f2f2;border-bottom:1px solid #dcdcdc;} .view thead th { color:#555; font-weight:bold; font-size:14px; text-align:left; padding:15px 0 15px 20px; font-weight:500;} .view thead td { color:#333; font-weight:bold; font-size:14px; padding:15px 0;font-weight:500;} .view thead td span { padding-right:10px;} .view tbody th {border-bottom:1px solid #dcdcdc; color:#555; font-size:14px; text-align:left; padding:15px 0 15px 20px;font-weight:500;} .view tbody td {border-bottom:1px solid #dcdcdc; color:#333; font-size:14px; text-align:left; padding:15px 0 ;} .view tbody .data_icon {position:relative; top:8px; left:10px;} .view tbody .board_date { color:#555; text-align:right;font-family:verdana; font-size:11px; line-height:9px; padding-right:20px;} #board_view_content2 {clear:both; position: relative; padding:30px; border-bottom:1px solid #dcdcdc; } #board_view_content {clear:both; position: relative; padding:30px; border-bottom:1px solid #a3a3a3; } #board_btn_wrap {position:relative; height:35px; padding-top:10px; text-align:right;} #board_btn_wrap a {font-size:13px; display:inline-block; zoom:1; *display:inline; padding:8px 0; width:110px; text-align:center; color:#fff; background:#008fd5; font-weight:500; } .view_txt {table-layout:fixed; width:100%; border-top:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3; margin-top:30px;} .view_txt tbody th { color:#555; font-weight:500; font-size:14px; text-align:left; padding:15px 0 15px 20px; border-bottom:1px solid #dcdcdc;} .view_txt tbody td {color:#333; font-size:14px; padding:15px 0;border-bottom:1px solid #dcdcdc;} .view_txt tbody td a {color:#333; font-size:14px;} #board_view_comment { } #board_view_comment #comment_list { width:100%;} #board_view_comment #comment_list th { font-size:14px; text-align:left; color:#4b4b4b; padding:30px 0 30px 30px; border-bottom:1px solid #ececec;} #board_view_comment #comment_list td { padding:30px 0;border-bottom:1px solid #ececec;} #board_view_comment #comment_list .comment_btn { padding:30px 30px 30px 0; text-align:right;font-family: verdana; font-size: 11px; color: #8d8d8d;} #board_view_comment #comment_list .comment_btn .co_del { margin-left:10px;} #board_view_comment #comment_write {border-bottom:1px solid #a3a3a3; padding:30px 30px;} #board_view_comment #comment_write table {width:100%;} #board_view_comment #comment_write th { text-align:right; vertical-align:bottom;} #board_view_comment #comment_write th .co_btn_write { width:130px; height:67px; line-height:67px; color:#fff; text-align:center; display:inline-block; background:#959595; font-size:14px; font-weight:500;} #board_view_comment #comment_write td .input_write { margin:0 10px 10px 0; width:200px;} #board_view_comment #comment_write td textarea {height:66px; background:#efefef; border:1px solid #d9d9d9; width:100%;} /* 쓰기페이지 */ #board_write {position:relative; width:100%;} #board_write th {text-align:left; width:130px; border-bottom:1px solid #dcdcdc; padding-left:20px; color:#4d4d4d; font-weight:500; font-size:16px;} #board_write td {text-align:left; border-bottom:1px solid #dcdcdc; padding:10px 0; height:27px; color:#333; height:50px;} .input_write {background:#efefef; border:1px solid #d9d9d9; padding-left:3px; line-height:35px;height:35px;} .input_write_s {background:#efefef; border:1px solid #d9d9d9; padding-left:3px; line-height:35px;height:37px;} #board_write td textarea {height:300px; background:#efefef; border:1px solid #d9d9d9;} #board_write td .bw_agree { display:inline-block; padding-left:15px;} #board_write td .bw_agree b { padding-right:10px; font-weight:bold; color:#555;} .m_writebtn {margin-top:12px; text-align:center;} .m_writebtn a {width:180px; height:60px; display:inline-block; margin-top:7px;border-radius:3px; text-align:center; line-height:60px; color:#fff; font-size:20px; background:#008fd5; border:1px solid #008fd5;} .m_writebtn a:hover {border:1px solid #ddd; background:#fff; color:#222;} /* 비밀번호 */ #password_wrap {background:url("../../images/board/bg_key.gif") left top no-repeat; width:550px; height:250px; margin:50px auto; overflow:hidden; font-weight:500; } #password_wrap form {padding-top:75px; padding-left:230px;} #password_wrap .secret_pw {width:275px; height:25px; border:1px solid #dbdbdb; background:#efefef; padding-left:3px; margin:10px 0;} #password_wrap a {background:#555; border:1px solid #393939; text-align:center; height:27px; width:110px; display:block; line-height:27px; font-weight:500; color:#fff; float:left; margin-right:3px;} /* 자주하는 질문 */ .faq_wrap {overflow:hidden;} .faq_wrap dl {width:100%; overflow:hidden;} .faq_wrap dl dt {padding:20px 0 20px 0; border-bottom:1px solid #dcdcdc; font-size:13px; cursor:pointer;} .faq_wrap dl dt span.fw_num {display:inline-block; zoom:1; *display:inline; width:6%; text-align:center; float:left; font-size:12px; font-family:vedana;} .faq_wrap dl dt span.fw_tlt {color:#555; display:inline-block; zoom:1; *display:inline; width:94%; line-height:20px;} .faq_wrap dl dd { padding:20px 20px 20px 67px; border-bottom:1px solid #dcdcdc;line-height:22px; display:none; background-color:#f7f7f7;} .faq_wrap dl dt span.fw_tlt a.selected {font-weight:500;} dt.selected span.fw_tlt {color:#0076af!important; font-weight:500;} dt.over{ cursor:pointer;} /* 갤러리 */ .gallery_w { width:100%; overflow:hidden;} .gallery {border:1px solid #d6d6d6; width:22.1%; float:left; margin-bottom:20px; margin-right:1.3%;margin-left:1.3%; margin-top:10px;} .gallery img{ width:100%;height:173px; border:none;} .gallery dl { width:100%; overflow:hidden;} .gallery dl dt { width:100%; text-align:left; padding:10px 0 0 10px; float:left;} .gallery dl dt a { font-size:14px; color:#555; font-weight:500;} .gallery dl .gallery_name { float:left; width:30%; padding:10px; color:#c0c0c0; font-family:verdana; font-size:11px;} .gallery dl .gallery_hit { float:right; width:30%; padding:10px; text-align:right; color:#c0c0c0; font-family:verdana; font-size:11px;} /* 온라인 상담 */ .online_tit {font-size:16px; font-weight:500; padding:10px 20px; border:1px solid #bebebe; background-color:#e1e1e1; color:#444444;} .online_w { padding:20px 15px;} .online_w .onlie_agree {width:100%; height:200px; border:none; line-height:22px; color:#707070; } .online_check {text-align:right; width:100%; color:#707070; padding:10px 0 40px 0;} /* 일정표 */ .calendar {table-layout:fixed; width:100%; border-bottom:1px solid #a3a3a3;} .calendar thead {background:#e8e8e8; } .calendar thead th {height:30px; border:1px solid #bebebe;font-weight:500; color:#4d4d4d;} .calendar thead th:nth-child(2n) {background:#dcdcdc;} .calendar tbody td {border:1px solid #dcdcdc; padding:10px; height:80px; vertical-align:top; color:#4d4d4d; font-size:13px; font-weight:bold;} .calendar tbody td:nth-child(2n) { background-color:#f4f4f4;} .calendar tbody td a { display:block; padding-top:10px; font-size:13px; color:#2d2d42; font-weight:normal;} .calendar_view { width:460px; background-color:#fff; margin:0 auto; border:4px solid #7c7c7c;} .calendar_view h2 { display:block; background-color:#dddddd; padding:10px 0 13px; text-align:center; font-size:23px; font-weight:200;} .calendar_view h2 b {color:#353535; font-weight:500; font-size:25px;} .calendar_view .cv_con { padding:30px 30px 18px 30px;} .calendar_view .cv_con .cv_close { text-align:center; margin-top:20px;} .calendar_view .cv_con .cv_close a {display:inline-block; background:#7c7c7c; border:1px solid #4a4a4a; width:102px; height:31px; text-align:center; line-height:31px; color:#fff; font-weight:bold; font-size:13px;} .calendar_view .cv_con dl dt { font-size:18px; font-weight:500; color:#353535; padding-bottom:17px;} .calendar_view .cv_con dl dd { font-size:13px; line-height:18px;} .cal_tit_w { height:35px; margin-bottom:25px; width:100%;} .cal_tit_w .cal_ar { padding-top:9px; overflow:hidden; width:150px; text-align:left;} .cal_tit_w .cal_ar li { float:left;} .cal_tit_w .cal_jump {width:150px; text-align:right; } .cal_tit_w .cal_jump select { border:1px solid #cbcbcb; line-height:35px;height:35px;} .cal_tit_w th { text-align:center; font-size:25px; color:#868686; font-weight:bold; line-height:40px;} .cal_tit_w th b { font-size:40px; font-weight:500; color:#000;} .cal_tit_w th span { display:inline-block; background:url(../../images/board/bar.gif) no-repeat left 8px; margin-left:2px; padding:0 0 0 10px; color:#000; font-size:15px;} /*------------------------------ 회원관련 ----------------------------------------------*/ #login_w {} .mem_tit { font-size:16px; color:#656565; text-align:center; margin:20px 0 38px;} #login_w #login { margin-bottom:20px; padding-top:40px; padding-bottom:40px; border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7;} #login_w #login ul { width:719px; margin:0 auto; overflow:hidden;} #login_w #login ul li { float:left; margin-right:3px; height:37px;} #login_w #login ul li:last-child { display:block; height:20px; margin-top:5px;} .idp_w { border:1px solid #aeaeae; color:#535353; width:224px; height:24px; padding:5px;} .login_btn {display:block; width:237px; height:35px; text-align:center; background-color:#0792d6; color:#fff; line-height:35px; font-size:15px; font-weight:500; } .login_btn:hover, .login_btn:focus, .login_btn:active { color:#fff;} #login_txt { width:713px; margin:0 auto; overflow:hidden; font-size:14px;} #login_txt b { display:block; font-size:16px; font-weight:500; padding-bottom:5px;} #login_txt dt { float:left; width:515px; height:27px; margin-bottom:5px; background:url(../../images/common/bullet.gif) no-repeat left 8px; color:#838383; padding-left:10px;} #login_txt dt b { color:#000;} #login_txt dd { float:right; width:165px;} #login_txt dd a { display:block; width:165px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:13px; font-weight:500; background-color:#aeaeae; border:1px solid #929292;} .lw_sch { width:100px; text-align:center; width:100px; left:37px; line-height:37px; background-color:#008fd5; display:inline-block; color:#fff; font-weight:500; font-size:13px; border-radius:3px; cursor:pointer;} .lw_txt { padding-left:20px; font-size:14px;} .lw_txt b { color:#d42222;} #Join_done { border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; padding:60px 0; text-align:center;} #Join_done h3 { font-size:30px; font-weight:bold; color:#656565; } #Join_done p { margin:34px 0 60px; font-size:14px; line-height:22px;} #Join_done p b { font-weight:bold; color:#000;} #Join_done #jd_btn a {display: inline-block; width:237px; height:35px; text-align:center; background-color:#4e4e4e; color:#fff; line-height:35px; font-size:15px; font-weight:bold; } .mem_pop {width:460px; background-color:#fff; margin:0 auto; border:4px solid #7c7c7c;} .mem_pop h2 {display:block; background-color:#f1f1f1; padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;} .mem_pop .mp_con { padding:20px; text-align:center;} .mem_pop .mp_con input {border:1px solid #aeaeae; color:#535353; width:224px; height:17px; padding:5px;} .mem_pop .mp_con .mc_in { padding:10px 0 30px 0;} .mem_pop .mp_con .mc_find {font-size:16px; padding:10px 0 20px;} .mem_pop .mp_con .mc_find2 {border-top:1px solid #dfdfdf; padding:40px 0; color:#656565; font-size:16px;} .mem_pop .mp_con .mc_find2 b { color:#ce0000; font-weight:bold; font-size:16px;} .mem_pop .mp_con .mc_btn { border-top:1px solid #dfdfdf; padding-top:20px;} .mem_pop .mp_con .mc_btn p { margin-bottom:20px;} .mem_pop .mp_con .mc_btn a { display:inline-block; width:110px; height:35px; line-height:35px; color:#fff; font-weight:bold; font-size:15px; background-color:#4e4e4e;} #find_w { border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7; padding:50px 0 50px;} #find_w .find { width:85%; margin:0 auto;overflow:hidden;} #find_w .find_id { width:44%; float:left; } #find_w .find_id h3 { color:#4d4d4d; font-size:20px; font-weight:500;} #find_w .find_id p { margin:20px 0; font-size:13px; line-height:20px; color:#838383;} #find_w .find_id p b { color:#000;} #find_w .find_id .find_in {border:1px solid #aeaeae; color:#535353; width:99%; height:24px; padding:5px; margin-bottom:8px;} #find_w .find_id .find_ok { display:block; width:100%; height:25px; text-align:center; color:#fff; font-weight:bold; background-color:#4e4e4e; font-size:15px; line-height:25px;padding:5px; } /* 팝업 */ .main_popup_w {position:relative; width:1100px; height:0; margin:0 auto; z-index:9999;} .main_popup_w .main_popup { background:#fff; z-index:9999; border:1px solid #1c1c1c; position:absolute; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3) ; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3) ; } .main_popup_w .main_popup dl { overflow:hidden;background:#1c1c1c; height:40px;} .main_popup_w .main_popup dl dt { float:left; padding:10px 0 0 10px;} .main_popup_w .main_popup dl dt a { font-size:13px; color:#fff;} .main_popup_w .main_popup dl dd { float:right; text-align:right; padding:10px 10px 0 0 ;} .main_popup_w .main_popup dl dd a { text-align:right; font-size:12px; color:rgba(255, 255, 255, 0.5);} /* 학습관리 */ .pa1 { margin-bottom:70px;} .pa2 { margin-bottom:40px;} .list5 {} .list5 li {background:url(../../images/common/bullet_4.png) no-repeat 7px 16px; padding:10px 0 10px 30px; border-bottom:1px solid #d3d3d3;color:#222;} .list5 li:last-child { border-bottom:none;} .list5 li .txt_s { font-size:14px; color:#7c7c7c; display:block; padding-top:5px;} .list6 {} .list6 > li { padding:2px 0 5px 12px; position:relative; line-height:1.6rem;} .list6 > li:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:13px; left:0;} .list6.bx { padding:28px 30px 20px 30px; border:1px solid rgba(0, 0, 0, 0.2);} .list6.bx.gr { background:#f3f3f3; border:none;} .list6.bl > li { color:rgba(0, 0, 0, 0.6);} .list6.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;} .list6.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.2);margin:7px 0; padding:4px 0 7px 12px; } .list6.li > li:last-child { border-bottom:none;} .list7 {} .list7 > li { background:url(../../images/common/bullet_6.png) no-repeat 0 12px; background-size:11px auto; padding:5px 0 2px 20px;line-height:1.6rem;} .list7.bx { border:1px solid rgba(0, 0, 0, 0.2); padding:28px 30px 20px 30px;} .list7.bx.gr { background:#f3f3f3; border:none;} .list7.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;} .list7.bl > li { color:rgba(0, 0, 0, 0.6);} .list7.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:13px 0 13px 27px; background:url(../../images/common/bullet_6.png) no-repeat 7px 19px;background-size:11px auto;} .list7.li > li:last-child { border-bottom:none;} .tit_l { font-size:20px; color:#265990; font-weight:500; margin-bottom:10px; text-decoration:underline;} .list_ss { margin-top:10px;} .list_ss > li { background:url(../../images/common/bullet.gif) 0px 12px no-repeat; padding:2px 0 2px 10px; font-size:14px;} .care_top { text-align:center;} .care_top img { padding-bottom:50px;} .care1 {} .care1 .list7 { margin-bottom:10px;} .care1 .pro1 { display:flex; padding:50px; border:1px solid rgba(0, 0, 0, 0.2);} .care1 .pro1 li { text-align:center; width:100%; font-size:18px; position:relative;} .care1 .pro1 li > b { display:block; letter-spacing:5px; color:#53baed;} .care1 .pro1 li:after { content:''; display:block; width:9px; height:13px; background:url(../../images/common/bullet_1.png) no-repeat; position:absolute; top:20px; right:-5px;} .care1 .pro1 li:last-child:after { display:none;} .care_top { text-align:center;} .care_top img { padding-bottom:50px;} .care2 th { width:200px;} .care4 .pic img { border:1px solid rgba(0, 0, 0, 0.2); width:1100px;}