@charset "euc-kr"; @import "reset.css"; #wrap {width:100%;min-width:320px;overflow:hidden;} #header {width:100%;} #header .top_area {width:100%;height:34px;background:url(../images/common/menu_top_bg.png) no-repeat 0 bottom;} #header .top_area .inner {position:relative;width:1200px;height:34px;margin:0 auto;} #header .top_area .top_right_btn {float:right;} #header .top_area .top_right_btn .home_go {float:left;display:block;height:30px;padding:0 20px;background:#15519a;border-left:1px solid #dadada;border-right:1px solid #fff;line-height:30px;color:#fff;font-size:12px;} #header .top_area .top_right_btn .btn_go {float:left;display:block;height:30px;padding:0 20px;border-right:1px solid #fff;line-height:30px;background:#f4f4f4;color:#212121;font-size:12px;} #header .top_area .top_right_btn .language_list {display:none;position:absolute;top: 34px;right:0;width: 105px;background:#15519a;z-index:10;overflow-y:auto;} #header .top_area .top_right_btn .language_list li {border-bottom:1px solid #4446a9;} #header .top_area .top_right_btn .language_list li a {display:block;padding:3px 10px;text-align: center;color:#fff;font-size:12px;} #header .top_area .top_right_btn .language_list li a:hover {background:#00abf2;} #header .bot_area {width:100%;height:80px;background:#fff;} #header .bot_area .inner {position:relative;width:1200px;margin:0 auto;} #header .bot_area .logo {float:left;position:absolute;top:25px;z-index:9;} #header .bot_area .language{display:none;} #gnb {float:right;} #gnb .gnb_list {padding-top:28px;} #gnb .gnb_list .new_win:after {content:"";display:inline-block;width:12px;height:12px;margin:-3px 0 0 5px;background:url(../images/common/new_win_ico1.png) no-repeat;vertical-align:middle;background-size:12px;} #gnb .gnb_list .dep1 {position:relative;float:left;padding-bottom:20px;z-index:2;} /* #gnb .gnb_list .dep1:after {content:"";display:block;position:absolute;top:4px;left:0;width:1px;height:16px;background:#ddd;} */ #gnb .gnb_list .dep1.tt_mt{margin-top: -10px;height: 48px; padding-bottom: 30px;} #gnb .gnb_list .dep1.tt_mt .dep2{top:78px;} #gnb .gnb_list .dep1:first-child:after {display:none;} #gnb .gnb_list .dep1 .dep1_tit {display:block;padding:5px 23px;font-size:17px;text-align: center; height:38px;font-weight:bold;color:#2c2c2c;} #gnb .gnb_list .dep1 .dep1_tit:hover{color:#8cbd3a;font-weight:bold;} #gnb .gnb_list .sub_t {vertical-align: baseline;font-size: 13px;} #gnb .gnb_list .dep1 .dep2 {display:none;position:absolute;top:68px;left:0;right:0;border: 1px solid #ddd;background:#fff;} #gnb .gnb_list .dep1 .dep2.tt_h {top: 68px;} #gnb .gnb_list .dep1:hover .dep2 {display:block;} #gnb .gnb_list .dep1 .dep2 li a {display:block;height:40px;/* border:1px solid #b4b4b4; border-top:0;*/line-height:40px;text-align:center;color:#333;font-size:15px;} #gnb .gnb_list .dep1 .dep2 li a:hover {color:#fff;background:#8cbd3a;border-color:#8cbd3a;} #gnb .gnb_list .dep1 .dep2 li a.new_win:hover:after {background:url(../images/common/new_win_ico2.png) no-repeat;background-size:12px;} #header .bot_area .mobile_menu_btn {display:none;} .mobile_gnb_wrap {display:none;} .mobile_gnb_bg {display:none;} #container {overflow:hidden;width:100%;} #footer {width:100%;background:#3d3d3d;} #footer .inner {position:relative;width:1200px;margin:0 auto;} #footer .f_nav_wrap {position:relative;height: 60px;line-height: 60px;border-bottom:1px solid #515151;} #footer .f_nav_wrap .f_nav {display:inline-block;} #footer .f_nav_wrap .f_nav a {display:inline-block;margin:0 14px;color:#fff;font-size:14px;vertical-align:middle;letter-spacing:-0.02em;} #footer .f_nav_wrap .f_nav a.point_c {color:#8cbd3a;} #footer .f_nav_wrap .f_nav .cut {display:inline-block;width:1px;height:14px;background:#727272;vertical-align:middle;} #footer .f_nav_wrap .top_go {position:absolute;top:0;right:0;width:60px;bottom:0;padding-top:36px;margin:0;background:#00a650 url(../images/common/top_go.png) no-repeat center center;} #footer .family_site{display:inline-block;position:absolute;right:70px;} #footer .family_site .select_box {display:inline-block;position:relative;} #footer .family_site .select_box .select_tit {display: block;width:228px;height:40px;line-height:40px;background:#333;text-align:left;font-size:14px;color:#a1a1a1;text-align: center;} #footer .family_site .select_box .select_tit span{display: inline-block;width: 40px;height: 40px;float:right;border-left: 1px solid #3d3d3d;background-position:50% 50%;background-repeat:no-repeat;} #footer .family_site .select_box .select_tit .ico_plus{background-image:url(../images/common/plus.png) ;} #footer .family_site .select_box .wrap_family_site .select_list {display:none;position:absolute;bottom:50px;left:0;right:0;background:#f4f4f4;border:1px solid #c6c6c6;z-index:30;/* overflow-y:auto; max-height:380px;*/} #footer .family_site .select_box .wrap_family_site .select_list > li {padding:10px;border-bottom:1px solid #c6c6c6;} #footer .family_site .select_box .wrap_family_site .select_list > li .title {height:30px;line-height:30px;font-size:13px; color:#333;} #footer .family_site .select_box .wrap_family_site .site_list {} #footer .family_site .select_box .wrap_family_site .site_list > li:last-child {border:0;} #footer .family_site .select_box .wrap_family_site .site_list > li a {display:block;height:30px;line-height:30px;font-size:14px;padding:0 10px; } #footer .family_site .select_box .wrap_family_site .site_list > li a:hover {background:#00a651;color:#fff;} #footer .copyright{padding:25px 0;} #footer .copyright p {font-size:14px;color:#727272;line-height:1.8;margin-bottom:10px;} #footer .copyright p + p{color:#505050;} /* PC 1차 분기 */ @media screen and ( max-width:1200px ){ #header .top_area .inner {position:relative;width:100%;height:44px;margin:0 auto;} #header .bot_area{height:50px;} #header .bot_area .inner {width:100%;margin:0 auto;} #header .bot_area .logo {left:20px;} #header .bot_area .logo img{height:40px;} #gnb .gnb_list .dep1 .dep1_tit{font-size:15px;} #footer .inner {width:96%;} } /* Tablet CSS */ @media screen and ( max-width:1024px ){ #gnb {display:none;} #header .bot_area .mobile_menu_btn {display:block;position:absolute;top:50%;right:15px;width:30px;height:30px;margin-top:10px;} #header .bot_area .mobile_menu_btn img{height:21px;} #header .bot_area .logo{top:10px;} #header .bot_area .logo img{height:30px;} /* 언어선택 */ #header .bot_area .language{display:block;position:absolute;top:10px;right:55px;} #header .bot_area .language .language_btn {font-size:14px;border:1px solid #888;padding:3px 8px;} #header .bot_area .language .language_btn.on {color:#ccc;background:#00a651;} #header .bot_area .language .language_wrap {display:none;position:absolute;height:123px;z-index:50;} #header .bot_area .language .language_wrap.active {display:block;} #header .bot_area .language .language_wrap a {display:block;width:34px;height:34px;line-height:34px;color:#666;font-size:14px;background:#e7e7e7;text-align:center;border-bottom:1px solid #777;} #header .bot_area .language .language_wrap a:hover {color:#ccc;background:#00a651;} .mobile_gnb_wrap {position:fixed;right:-260px;top:0;bottom:0;width:260px;background:#fff;z-index:600;overflow-y:auto;} .mobile_gnb_wrap .top_box {height:50px;border-bottom: 3px solid #00a651;} .mobile_gnb_wrap .top_box strong {display:block;padding:0 20px 0 40px;line-height:50px;text-align:right;color:#333;font-size:1.15em;} .mobile_gnb_wrap > ul > li {border-bottom:1px solid #d5d5d5;} .mobile_gnb_wrap > ul > li > .dep1_tit {display:block;width:100%;padding:10px 5%;color:#333;text-align:left;font-size:1em;background:url(../images/common/plus_black.png) no-repeat 95% center;} .mobile_gnb_wrap > ul > li.active .dep1_tit {background:url(../images/common/mobile_menu_arrow_up.png) no-repeat 95% center;} .mobile_gnb_wrap > ul > li .dep2 {display:none;padding:10px 20px;background:#00a651;} .mobile_gnb_wrap > ul > li .dep2 li a {display:block;padding:3px 0;color:#fff;font-size:0.9em;} .mobile_gnb_wrap > ul > li .dep2 li a.new_win:after {content:"";display:inline-block;width:12px;height:12px;margin:-3px 0 0 5px;background:url(../images/common/new_win_ico2.png) no-repeat;vertical-align:middle;background-size:12px;} .mobile_gnb_wrap .mobile_menu_close {position:absolute;top:15px;left:15px;} .mobile_gnb_wrap .mobile_menu_close img {width:18px;} .mobile_gnb_bg {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:500;} } /* Mobile CSS */ @media screen and ( max-width:764px ){ #header .top_area {width:100%;height:35px;} #header .top_area .inner {height:35px;} #header .top_area {display:none;} #header .bot_area {width:100%;height:55px;background:#fff;} #header .bot_area .inner {height:55px;} #header .bot_area .logo {left:15px;top:13px;} #header .bot_area .logo img {height:30px;} #header .bot_area .mobile_menu_btn{height: 18px;margin-top: -9px;} #header .bot_area .mobile_menu_btn img{height:18px;} #header .bot_area .language{top:13px;} #footer{padding-bottom:10px;} #footer .family_site {position:relative;display:block;margin-top: 8px;text-align:center;right: 0;} #footer .family_site .select_box{width: 100%;} #footer .family_site .select_box .select_tit {width:100%;font-size:0.8em;} #footer .family_site .select_box .select_list {bottom:35px;} #footer .family_site .select_box .select_list li a {font-size:0.8em;} #footer .copyright {padding: 65px 0 0;} #footer .copyright p {text-align:center;font-size:0.8em;word-break:keep-all;} #footer .f_nav_wrap{height:50px;line-height:50px;} #footer .f_nav_wrap .f_nav{display:block;text-align: center;} #footer .f_nav_wrap .f_nav a{font-size:0.8em;} #footer .f_nav_wrap .top_go{display:none;} #footer .family_site .select_box .wrap_family_site .select_list{bottom: 44px;} }