/* Main Header */ /* Main Header - 비네이티브 영어 / 비네이티브 중국어 */ #header {top:0; z-index:9999;min-width:1004px;} #header .select_study_language {background:#23373f; height:42px} #header .select_study_language .width1000 {margin:0 auto;text-align:center} #header .select_study_language .width1000 .language_box {width: 100%;} /*EOW*/ #header .select_study_language .width1000 .language_box .study_language_tab {display: inline-block;line-height:42px} #header .select_study_language .width1000 .language_box .study_language_tab.active {background:#fff;} #header .select_study_language .width1000 .language_box .study_language_tab a {display:block; height:42px; padding: 0 12px; color:#688c8a} #header .select_study_language .width1000 .language_box .study_language_tab.active a {color:#1991d2; border-bottom:1px solid #ebebeb} #header .select_study_language .width1000 .language_box .study_language_tab .english {} #header .select_study_language .width1000 .language_box .study_language_tab .china {} #header .select_study_language .width1000 .language_box .worker {width:120px !important;}/*EOW*/ #header .select_study_language .width1000 .language_box .activeW{background-color: #fff; border-bottom:1px solid #ebebeb}/*EOW*/ #header .select_study_language .width1000 .language_box .activeW a {color:#1382ce;} /* Main Header - 고객센터 */ #header .select_study_language .width1000 .service_center {right:125px; height:42px} #header .select_study_language .width1000 .service_center a {display:inline-block} #header .select_study_language .width1000 .service_center a .title {float:left; font-size:12px; color:#688c8a; line-height:42px; display:inline-block} #header .select_study_language .width1000 .service_center a img {margin:9px} /* Main Header - 언어선택 */ #header .select_study_language .select_language {width: auto; height:42px; right:0} #header .select_study_language .select_language img {float:left; padding:9px 5px} #header .select_study_language .select_language .title {float:left; font-size:12px; color:#688c8a; line-height:40px; display:inline-block; height:42px; padding:0 12px 0 34px; cursor:pointer; background: url(/images/main_global_language.png) 5px 9px no-repeat; -webkit-background-size: 24px auto; background-size: 24px auto;} #header .select_study_language .select_language .title:hover {color:#92b1af} #header .select_study_language .select_language .title img {width:24px} #header .select_study_language .select_language .language_select_box {position:fixed; background:#3e545d; height:42px; line-height:38px; margin-right:-295px; padding:0 10px; top:0; right:0; border-left:1px solid #0a1a20; box-shadow:inset 0 -10px 10px -5px #23373f; -moz-box-shadow:inset 0 -10px 10px -5px #23373f; -webkit-box-shadow:inset 0 -10px 10px -5px #23373f} #header .select_study_language .select_language .language_select_box a {font-family:"Open Sans",sans-serif; font-size:13px; color:#fff; opacity:0.5; margin:0 4px; letter-spacing:0} #header .select_study_language .select_language .language_select_box a:hover {text-decoration:underline} /* Main Header - 메뉴 */ #header .meun_box {background:#fff; height:55px; border-bottom:2px solid #248bd1} #header .meun_box .grid {text-align:center; margin:0 auto;} #header .meun_box .grid .logo {display:inline-block; float:left; height:55px; padding:10px; box-sizing:border-box;} #header .meun_box .grid .logo a img {width:170px;} #header .meun_box .grid .nav_menu {display: inline-block; margin-left: -100px;} #header .meun_box .grid .nav_menu .main_nav {width:auto; display:inline-block; line-height:55px; margin:0 10px} #header .meun_box .grid .nav_menu .main_nav.active a {color: #1991d2;} #header .meun_box .grid .nav_menu.corp {position: relative; right: -100px;} #header .meun_box .grid .nav_menu.gift {position: relative; right: -300px;} #header .meun_box .grid .nav_menu.corp .main_nav a, #header .meun_box .grid .nav_menu.gift .main_nav a { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=38)"; filter: alpha(opacity=38); -moz-opacity: 0.38; -khtml-opacity: 0.38; opacity: 0.38; } #header .meun_box .grid .nav_menu.corp .main_nav.active a, #header .meun_box .grid .nav_menu.gift .main_nav.active a { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color:#1991d2 } #header .meun_box .grid .login_menu {height:55px; line-height:55px;float:right;display:inline-block;margin-right:10px;} #header .meun_box .grid .login_menu span {float: left; margin:0 10px;background-color: #f9f9f9;} #header .meun_box .grid .login_menu .login a, #header .meun_box .grid .login_menu .signup a, #header .meun_box .grid .login_menu .main_nav a {font-size: 13px; color: rgba(35,35,64,.9); letter-spacing: -0.0486em;} #header .meun_box .grid .login_menu .main_nav.active {background: #008cd7;border: 1px solid #008cd7;} #header .meun_box .grid .login_menu .main_nav.active a {font-size: 13px;color: rgba(255, 255, 255, .9);letter-spacing: -0.0486em;} #header .meun_box .grid .login_menu .main_nav.my_team {float:left; margin:11px 10px 0 0;padding:0 11px;border:1px solid #e7e7e7;line-height: 30px;} #header .meun_box .grid .login_menu .main_nav.my_lecture_room {float:left; margin:0 15px;} #header .meun_box .login, #header .meun_box .signup, #header .meun_box .btnType {line-height:30px;padding:0 11px;background:#fcfcfc;border:1px solid #e7e7e7;margin:11px 10px 0 0 !important;} #header .meun_box .grid .login_menu .main_nav.my_lecture_room a {font-size: 13px;letter-spacing: -0.0486em;} #header .meun_box .grid .login_menu .my_info_box {background:#f9f9f9 url("/images/main_my_info_box_btn.png") no-repeat scroll 125px 0; margin-top:11px; float:right; width:120px; height:30px; border:1px solid #d7d7d7; padding:0 10px; font-size:13px; color:#23373f; text-align:left; cursor:pointer} #header .meun_box .grid .login_menu .my_info_box.active {background:#f9f9f9 url("/images/main_my_info_box_btn.png") no-repeat scroll 125px -30px} #header .meun_box .grid .login_menu .my_info_box .my_info {line-height:30px} #header .meun_box .grid .login_menu .my_info_box .my_info_depth {background:#f9f9f9; border:1px solid #d7d7d7; border-top:none; margin:0 -11px; display:none;position:absolute;z-index:101;} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li.face_box {background:#fff; height:40px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li.face_box img {margin:5px 10px} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li.logout {line-height:40px; border-top:1px solid #d7d7d7} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li.logout a:hover {background:#dfdfdf; color:#979797} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li {font-family:"Noto Sans Light"; font-size:12px; color:#23373f; text-align:left; line-height:25px} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li a {width:140px; display:inline-block; padding:5px 10px} #header .meun_box .grid .login_menu .my_info_box .my_info_depth li a:hover {background:#28a4f9; color:#fff} /* Main Header - 블로그 버튼 */ #header .btn_blog {color:#fff; border:1px solid #667379; position:absolute; top:7px; right:100px; border-radius:2px; padding:3px 15px;} /* End Main Header */ /* ============================================= Footer ============================================= */ /* Footer */ #footer {background:#23373f} #footer .social_box {height:145px; margin-left:15px} #footer .social_box a {width:34px; height:34px; text-indent:-9999px; display:inline-block; margin:55px 1px} #footer .social_box a.facebook {background:url("/images/social_facebook.png") no-repeat scroll 0 0 transparent} #footer .social_box a.twitter {background:url("/images/social_twitter.png") no-repeat scroll 0 0 transparent} #footer .social_box a.google {background:url("/images/social_google.png") no-repeat scroll 0 0 transparent} #footer .social_box a.facebook:hover {background:url("/images/social_facebook_hover.png") no-repeat scroll 0 0 transparent} #footer .social_box a.twitter:hover {background:url("/images/social_twitter_hover.png") no-repeat scroll 0 0 transparent} #footer .social_box a.google:hover {background:url("/images/social_google_hover.png") no-repeat scroll 0 0 transparent} #footer .width1000 {text-align:center} #footer .width1000 .footer_title {background:url("/images/main_footer_logo.png") no-repeat scroll center 0 transparent; text-indent:-9999px; margin:30px 0} #footer .width1000 a {font-family:"Noto Sans Medium"; font-size:15px; color:#becfd5; display:inline-block; margin:0 20px} #footer .footer_information {background:#132228; margin-bottom:-13px; letter-spacing:-0.4px} #footer .footer_information .width1000 {padding-top:30px} #footer .footer_information .info {font-size:13px; color:#cacaca; text-align:center} #footer .footer_information .info b {color:#ebebeb; margin:0} #footer .footer_information .info a {color:#ebebeb; margin:0} #footer .footer_information .agreement {padding-top:25px} #footer .footer_information .agreement .btn {color:#ebebeb; display:inline-block} #footer .footer_information .agreement .btn a {color:#ebebeb} #footer .footer_information .copyright {font-size:12px; color:#cacaca; padding:5px 0 30px} /* End Footer */