@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* ------------------------------------------------ */
/* 로그인전 */
/* ------------------------------------------------ */
#wrap_default {position: relative;background:url(../images/inc/top_bg.png) repeat-x;}
#main_header {width:1043px;margin:0 auto;position:relative;height: 108px;}
#main_header .logo {padding:26px 0 0 0;}
#main_header #bookmark_btn {position: absolute;top:34px;right:0px;}

#main_login {width:1043px;margin:40px auto;border:20px solid #6d6d6d;}
#main_login #main_title {text-align: center;font-size: 28px;font-family: "맑은고딕";border-top: 1px solid #bebebe;padding:20px 0 0 0;}

#default_area {width:1043px;margin:0 auto;}
#join_area {width:1043px;margin:0 auto;}

#main_bottom {width:1043px;margin:0 auto 20px;padding:25px 0 25px 0;border:20px solid #2966a6;}
#main_bottom #bottom_text {text-align:center;font-size:16px;font-weight:bold;color:#283e6d;}

/* ------------------------------------------------ */
/* 로그인후 */
/* ------------------------------------------------ */

/* LAYOUT */
#wrap { min-width:1100px; }
#header { min-width:1100px; height:70px; border-top:3px solid #234c8b; border-bottom:1px solid #888888; background-color:#fff; }
#container { }
#foot { min-width:1100px; height:126px; background-color:#f6f6f6; border-top:1px solid #e5e4e5; }

/* HEADER */
#header .area { width:1100px; margin:0 auto; }
#header .area .logo { float:left;padding:16px 0 0 0; }

#header .area .gnb { position:relative; float:right; margin-left:30px; }
#header .area .gnb ul { margin:0px; padding:0px; }
#header .area .gnb li { list-style:none; float:left; padding-left:47px; background:url(../images/inc/gnb_bar.png) no-repeat 24px 30px; }
#header .area .gnb li:first-child { background:none; padding-left:0; }
#header .area .gnb a,
#header .area .gnb a:hover { font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#373737; font-size:15px; line-height:70px; font-weight:bold; }

#header .area .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:70px; padding:0 0 30px 0; border-left:1px solid #888888; border-right:1px solid #888888; border-bottom:1px solid #888888; background-color:#ffffff; z-index:21; }
#header .area .gnb .smenu ul { margin:0; }
#header .area .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; background:none; }
#header .area .gnb .smenu li:first-child { height:20px; }
#header .area .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header .area .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header .area .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }

#header .area .lnb { background-color: #234C8B; position: absolute; right:0; height: 20px; padding:0px 20px 0px 20px;border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
#header .area .lnb ul { margin:0; padding:0; }
#header .area .lnb li { list-style:none; float:left; height:17px; padding-left:21px; background:url(../images/inc/lnb_bar.png) no-repeat 11px 4px; }
#header .area .lnb li:first-child { padding-left:none; background:none; }
#header .area .lnb a,
#header .area .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:11px; line-height:17px; }


/* CONTAINER */
#container { overflow:hidden; height:939px; position: relative; width:100%; }
#container .container_bg {position: absolute;top:0;left:0;width:100%;height:939px;}
#container .container_bg .img {position: absolute;top:0;left:0;width:100%;height:939px;}
#container .visual { position:relative; width:1100px; margin:0 auto; }
#container .visual .visual_text { position:absolute; width:604px; height:41px; left:248px; top:89px; }

#container .area { width:1000px; margin:213px auto 0; }
#container .area .banner { }
#container .area .banner ul { margin:0; padding:0; }
#container .area .banner li { position:relative; list-style:none; float:left; width:250px; height:250px; }
#container .area .banner li.bg01 { background-color:#1fa6d4; }
#container .area .banner li.bg02 { background-color:#6cad4e; }
#container .area .banner li.bg03 { background-color:#f36b35; }
#container .area .banner li.bg04 { background-color:#434343; }
#container .area .banner .company { margin-top:94px; text-align:center; }
#container .area .banner .company_text { position:absolute; width:100%; top:166px; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:16px; line-height:17px; font-weight:bold; text-align:center; }
#container .area .banner .business { margin-top:94px; text-align:center; }
#container .area .banner .business_text { position:absolute; width:100%; top:166px; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:16px; line-height:17px; font-weight:bold; text-align:center; }
#container .area .banner .data { margin-top:94px; text-align:center; }
#container .area .banner .data_text { position:absolute; width:100%; top:166px; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#ffffff; font-size:16px; line-height:17px; font-weight:bold; text-align:center; }
#container .area .banner .event { margin-top:94px; text-align:center; }
#container .area .banner .event_text { position:absolute; width:100%; top:166px; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#e3e3e3; font-size:16px; line-height:17px; font-weight:bold; text-align:center; }

#container .area .row01 { }
#container .area .row01 > ul { margin:0; padding:0; }
#container .area .row01 > ul > li { position:relative; list-style:none; float:left; width:250px; height:250px; }

#container .area .row01 li.notice { overflow:hidden; width:500px; height:250px; background-color:#fff; }
#container .area .row01 .notice_area { width:470px; margin:26px auto 0; }
#container .area .row01 .notice_area .notice_head { position:relative; height:140px; background:url(../images/main/notice_bg.png) repeat-x left bottom; }
#container .area .row01 .notice_area .notice_head .title { position:absolute; left:15px; top:0; font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#333333; font-size:18px;  font-weight:bold; }
#container .area .row01 .notice_area .notice_head .title_bar { position:absolute; width:18px; left:15px; top:27px; border-top:1px solid #000000; }
#container .area .row01 .notice_area .notice_head .more { position:absolute; width:12px; height:12px; right:15px; top:3px; }
#container .area .row01 .notice_area .notice_head .thum { position:absolute; width:109px; height:72px; left:15px; top:47px; border:1px solid #d7d7d7; text-align:center; }
#container .area .row01 .notice_area .notice_head .subject { position:absolute; width:300px; left:139px; top:52px; }
#container .area .row01 .notice_area .notice_head .subject a,
#container .area .row01 .notice_area .notice_head .subject a:hover { font-family:'gulim', '굴림'; color:#424141; font-size:12px; line-height:20px; font-weight:bold; }
#container .area .row01 .notice_area .notice_head .data { position:absolute; width:300px; left:139px; top:94px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕','gulim', '굴림'; color:#7b7b7b; font-size:12px;  }
#container .area .row01 .notice_area .notice_list { position:relative; width:440px; margin:17px auto 0; }
#container .area .row01 .notice_area .notice_list ul { margin:0 auto; padding:0; }
#container .area .row01 .notice_area .notice_list li { list-style:none; width:440px; height:24px; background:url(../images/main/notice_dot.png) no-repeat left 11px; }
#container .area .row01 .notice_area .notice_list .subject { float:left; width:340px; height:24px; margin-left:9px; }
#container .area .row01 .notice_area .notice_list .subject a,
#container .area .row01 .notice_area .notice_list .subject a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#595248; font-size:13px; line-height:24px; }
#container .area .row01 .notice_area .notice_list .data { float:right; width:70px; height:24px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7b7b7b; font-size:12px; line-height:24px; text-align:right; }

#container .area .row01 .inquiry { overflow:hidden; width:250px; height:250px; background:url(../images/main/inquiry_img.png) no-repeat center top; }
#container .area .row01 .inquiry .info { margin-top:114px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#eaeaea; font-size:12px; line-height:18px; text-align:center; }
#container .area .row01 .inquiry .tel { margin-top:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#f0f0f0; font-size:30px; text-align:center; font-weight:bold; }


/* FOOT */
#foot .area { width:994px; margin:31px auto 0; }
#foot .area .menu { }
#foot .area .menu ul { margin:0; padding:0; }
#foot .area .menu li { float:left; list-style:none; padding-left:19px; background:url(../images/inc/foot_menu_bar.png) no-repeat 10px 2px; }
#foot .area .menu li:first-child { padding-left:0; background:none; }
#foot .area .menu a,
#foot .area .menu a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#565656; font-size:12px; line-height:13px; font-weight:bold; }

#foot .area .address { margin-top:10px; }
#foot .area .address ul { margin:0; padding:0; }
#foot .area .address li { float:left; list-style:none; padding-left:17px; background:url(../images/inc/foot_address_bar.png) no-repeat 9px 4px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#787878; font-size:12px; line-height:20px; }
#foot .area .address li.type01 { padding-left:0; background:none; }