@font-face {
 font-family: 'NanumSquare';
 src: url(/font/NanumSquare.eot);
 src: url(/font/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquare.woff) format('woff'),
      url(/font/NanumSquare.ttf) format('truetype');
}

#logo { float:left; width:190px; padding-top:4px; margin:0; }

#headline { width:100%; height:32px; background-color:#333; }
#headline .head { min-width:320px; max-width:980px; width:100%; margin:0 auto; }
#headline .my { position:absolute; color:#fff; right:20px; top:0; font-family:verdana; font-size:13px; }
#headline .my li { display:inline; float:left; padding-left:7px; padding-right:7px; line-height:32px; }
#headline .my li.cart { line-height:30px; margin-top:4px; }
#headline .my li.cart .cart_count { position:absolute; right:-6px; top:2px; width:16px; height:16px; border-radius:18px; font-size:11px; background:#28c0da; color:#fff; line-height:18px; text-align:center;}
#headline .my li.cart .cart_count a { display:block; text-decoration:none; }
#headline .my li a { color:#fff; }

#gnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#ff3c73 !important; border-radius:10px !important;color:#fff}




#hd { width:100%; height:100px; border-bottom:1px solid #ddd; }
#hd .btn_gnb{position:absolute;top:45px;right:20px;margin-top:-19px}
#hd .btn_gnb span{position:relative;display:block;width:30px;height:2px;background:#333;margin:8px 0}
#hd .g_menu{position:absolute;top:50%;margin-top:-7px;right:40px;overflow:hidden}
#hd .g_menu li{float:left}
#hd .g_menu li a{display:block;font-size:12px;color:#666;padding:0 5px;border-left:1px solid #e5e5e5;letter-spacing:normal}
#hd .g_menu li:first-child a{border-left:none}

#hd_wrapper { width:100%; max-width:980px; min-width:320px; margin:0 auto; }

#gnb2 {position:fixed;top:0;right:0;width:100%;height:100%;text-align:left;z-index:5000;display:none; z-index:10000;}
#gnb2 .gnb_wrap{
	position:absolute;
	top:0;
	right:-240px;
	width:240px;
	height:100%;
	background:#f9f9f9;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100
}

#gnb2 .gnb_wrap.open{right:0}
#gnb2 .gnb_wrap.default{right:-240px}
#gnb2 .gnb_bg{position:absolute;top:0;left:0;width:100%;height:100%}
#gnb2 .one_depth a.btn_one{ display:block; width:160px; font-size:16px;color:#fff;font-weight:normal;letter-spacing:normal; background:#28c0da; padding:8px 10px; text-decoration:none;}
#gnb2 .one_depth a.btn_one_shop{ display:block; width:160px; font-size:16px;color:#fff;font-weight:normal;letter-spacing:normal; background:#ff3c73; padding:8px 10px; text-decoration:none;}
#gnb2 .gnb_group > div > ul > li{ width:160px; padding:20px 0;border-top:1px solid #595959}
#gnb2 .gnb_group > div > ul > li:first-child{border-top:none;padding-top:20px}
#gnb2 .snb{margin-top:10px}
#gnb2 .snb li{font-size:0;line-height:0;padding:7px 0 7px 0; border-bottom:1px solid #ddd; }
#gnb2 .snb li a{
	display:block;
	padding:4px 10px;
	width:160px;
	font-size:14px;
	color:#999;
	line-height:1;
	letter-spacing:normal;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#gnb2 .snb li.actived a,#gnb2 .snb li a:hover{color:#000}

#gnb2 .snb li a.mhead_submenu2 { display:block; background:#414856; color:#fff; padding:4px 10px; width:160px;}

#gnb2 .gnb_group{position: absolute;width:auto;height:auto;margin-top:60px;margin-left:40px;top:0;left:0;right:0;bottom:0;overflow: hidden}
#gnb2 .btn_close{position:absolute;top:16px;left:40px;z-index:10;}

#wrapper { width:100%; clear:both; }
.content_text { min-width:300px; max-width:980px; width:98%; margin:0 auto; font-size:14px; line-height:22px; margin-top:20px !important; }



.cd-hero-slider {
  height: 300px !important;
}

.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url("/image/main_1_980.jpg") !important;
}
.cd-hero-slider li:nth-child(2) {
  background-color: #2c343b;
  background-image: url("/image/main_2_980.jpg") !important;
}


.mhead {
  width:100%;
  height:130px;
  background-color: #2c343b;
  background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size:cover;
  padding-top:70px;
  z-index:1;
}

.mhead_img1 {
  background-image: url("/image/mhead_1_1920.jpg") !important;
}

.mhead_img2 {
  background-image: url("/image/mhead_2_1920.jpg") !important;
}

.mhead_img3 {
  background-image: url("/image/mhead_3_1920.jpg") !important;
}

.mhead_img5 {
  background-image: url("/image/mhead_3_1920.jpg") !important;
}

.mhead_img4 {
  background-image: url("/image/mhead_3_1920.jpg") !important;
}

.corp_back { width:100%; max-width:694px; min-width:310px; height:204px; background:url("/image/corp_back.gif") no-repeat; margin:0 auto;  padding-top:20px; }
.corp_back .corp_text { width:90%; max-width:654px; min-width:290px; height:184px; background:#fff; margin:0 auto; }
.corp_business ul { margin-left:0; padding-top:40px; }
.corp_business li { font-size:14px; line-height:20px; font-style:italic; font-weight:600; margin-left:60px; padding:0 10px 0 0; margin-top:10px;  list-style:decimal;}

.corp_business .corp_img { display:block; width:100%; max-width:580px; min-width:320px; height:10px; margin:0 auto; margin-top:20px;  background:url("/image/corp_img_1.jpg") no-repeat; }


.tmenu_box { width:200px; height:60px; margin:0 auto; text-align:center; background-color:rgba(255,255,255,0.7); z-index:1; }
.tmenu_name { font-size:26px; font-weight:600; line-height:64px; z-index:2; }
.sname_title { font-size:20px !important; font-weight:600; margin:20px 0; }

#idx_shop { min-width:320px; max-width:980px; width:98%; margin:0 auto; }
#idx_shop .shop_category { width:100%; margin:0 auto; }
#idx_shop .shop_category li.fleft { clear:both; width:100%; min-width:320px; max-width:980px; margin:0 auto; text-align:center;}
#idx_shop .shop_category li .category_name { height:30px; padding-left:20px; font-size:15px; font-weight:bold; line-height:30px; background-color:#28c0da;}
#idx_shop .shop_category li .category_list { width:100%; padding-left:30px; padding-top:20px;}


#idx_latest .idx_latest_f { width:100%; min-width:320px; max-width:980px; margin:0 auto; }
#idx_gc .idx_gc_f { width:100%; min-width:320px; max-width:980px; margin:0 auto; }

/* 쇼핑몰 */
.content_shop { width:100%; min-width:320px; max-width:980px; margin:0 auto; margin-top:0;}

.shop_latest_center { width:100%; height:300px; margin-top:20px; border-top:1px solid #ddd; padding-top:40px; }
.shop_latest_center .latest_title { margin:20px 0 0 10px; font-size:17px; font-weight:bold; letter-spacing:0.1em; }
.shop_latest_center .shop_notice { float:left; width:358px; height:214px; border:1px solid #ddd; }
.shop_latest_center .shop_qna { float:left; width:358px; height:214px; border:1px solid #ddd;  margin-left:30px; }
.shop_latest_center .shop_center { float:left; width:200px; margin-left:30px; }


.shop_category_title { width:180px; height:30px; background:#ff3c73; border-radius:30px; text-align:center; line-height:32px; color:#fff; font-size:16px; margin:20px 0 0 20px  }
.shop_category_title span.p { color:#fff; font-size:13px; padding-left:6px; }
.shop_category_title a { color:#fff; text-decoration:none; }
.shop_category_title a.a_sct { color:#fff; text-decoration:none; }

.p20 { width:100%; height:20px; }


.mypage_new { width:100%; border-top:2px solid #000; border-bottom:1px solid #ddd; margin-bottom:50px; }
.tbl_mypage { width:100%; }
.tbl_mypage th { width:220px; background:#f9f9f9; }
.tbl_mypage td { width:240px; padding:20px 0 22px 10px; }



/* 상품 목록 스킨 10 */
.main_sct_10 { max-width:980px; width:100%; margin:0 auto; }
.main_sct_10 .sct_li {position:relative;float:left; width:23%; margin:0 15px 15px 0;}
.main_sct_10 .sct_last {margin:0 0 15px !important}
.main_sct_10 .sct_clear {clear:none !important; margin-left:15px; }
.main_sct_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.main_sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.main_sct_10 .sct_img { width:120px; margin:0 auto; margin-bottom:10px; border:1px solid #ddd; }
.main_sct_10 .sct_txt {margin:0 0 5px}
.main_sct_10 .sct_icon {margin:0 0 10px}
.main_sct_10 .sct_id {display:block;margin:0 0 5px}
.main_sct_10 .sct_basic {margin:0 0 10px}
.main_sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.main_sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}




/* 주문 hhome */
.bsk_tot_price { width:100%; min-width:320px; border-top:1px solid #888; border-bottom:1px solid #ccc; padding:20px 0; margin:30px 0; }
.bsk_tot_price .guide { float:left; margin-bottom:20px; color:#ff0b44; }
.bsk_tot_price .guide strong { font-weight:600; color:#000; }
.bsk_tot_price .price { float:right; }

.tbl_tot_p { width:320px; }
.tbl_tot_p th { font-weight:normal; text-align:right; width:120px; }
.tbl_tot_p td { font-weight:normal; text-align:right; width:140px; padding-right:20px; }
.tbl_tot_p td.total { font-weight:bold; font-size:20px; color:#ff103d !important; }


.tbl_orderform { width:100%; border-collapse:collapse; }
.tbl_orderform th { padding:16px 0; width:120px; background:#f9f9f9; font-size:14px; font-weight:normal;  }
.tbl_orderform td { padding:16px 0 16px 10px;font-size:14px; font-weight:normal; line-height:26px;  }
.tbl_orderform input { border:1px solid #b5b5b5;  }
.tbl_orderform textarea { width:90%; height:70px !important; }

button.btn_frmline { background:#0da377 !important; color:#fff !important;  }

.div_orderform { width:978px; border:1px solid #000; border-top:2px solid #000;  }


/* login */
#hh_login{ position:relative; width:600px; margin:0 auto; margin-top:100px;}
#hh_login .img { float:left; width:222px; height:187px; background:url(/image/login_img.gif) no-repeat; }
#hh_login .form { float:right; width:360px;  }
.btn_submit_hh { width:60px; height:60px; background:#2ecc8b; border:0; color:#fff; font-weight:16px; font-family:'NanumSquare';}
.join_lost_form { width:310px; text-align:right;margin-top:30px; }




  /* 하단 링크 */
  #flink { width:100%; margin-top:30px; padding-bottom:14px; border-top:1px solid #000; border-bottom:1px solid #ccc;  }

  #flink .flink_2 { min-width:320px; max-width:980px; width:100%; margin:0 auto; border-top:1px solid #ddd; }
  #flink .flink_2 ul { min-width:320px; max-width:980px; width:100%; padding:6px 0 10px 0; }
  #flink .flink_2 li { display:inline; float:left; padding:10px 0 0 20px; font-size:14px; }
  #flink .flink_2 li:first-child { padding-left:10px; }
  #flink .flink_2 li.p148 { margin-left:148px; }


  /* 하단 */
  #foot { min-width:320px; max-width:980px; width:100%; margin:0 auto; color:#a6b3bb; border:0; margin-top:10px; margin-bottom:30px;}
  #foot .cont { min-width:320px; max-width:980px;  width:100%;  margin:0 auto; color:#a6b3bb !important; padding-top:10px; font-size:13px; }

  #foot .cont .logo { position:absolute; display:none; width:200px; padding-top:20px; }
  #foot .cont .addr { clear:both; padding-left:10px; line-height:24px; }

  #foot .cont .text { position:absolute; top:0; left:10px; width:310px;  }
  #foot .cont .tel { position:absolute; top:30px; left:10px; width:160px;  }
  #foot .cont .fax { position:absolute; top:30px; left:200px; width:160px;  }
  #foot .cont .email { position:absolute; top:30px; left:360px; width:200px;  }
  #foot .cont .num1 { position:absolute; top:60px; left:10px; width:300px; }
  #foot .cont .num { position:absolute; top:90px; left:10px; width:330px; letter-spacing:-0.2px;}
  #foot .cont .ch { position:absolute; top:90px; left:420px; width:100px; }
  #foot .cont .copyright { position:absolute; top:120px; left:10px; width:310px; }


  .foot_common_line { width:1px; height:14px; background:#333; }
  .fhl1 { position:absolute; top:34px; left:180px }
  .fhl2 { position:absolute; top:34px; left:340px }
  .fhl3 { position:absolute; top:94px; left:370px }




/* 기관연혁 */
.history { width:100%; background:#fff; margin-top:30px;  }
.history .history_ct { width:100%; margin-left:10px; }
.history .history_ct .h_year { clear:left; width:95px; height:40px; background:#8ecc19; padding-left:0; line-height:40px; font-size:18px; color:#fff; font-weight:normal; text-align:center; border-radius:20px}
.history .history_ct .h_list { clear:left; margin-left:20px; margin-top:10px; width:600px; }
.history .history_ct .h_list .h_text { width:600px; margin-bottom:20px; }
.history .history_ct .h_list .h_text .mday { float:left; width:64px; background:#fff; padding-left:0; font-size:14px; font-weight:700; }
.history .history_ct .h_list .h_text .text { float:left; width:460px; font-size:13px; }

/* 사업별 안내 */
.tbl_bguide { width:100%; max-width:730px; border-top:2px solid #002b5c; border-collapse:collapse; margin-top:10px; margin-left:18px;}
.tbl_bguide th { background:#fafafa; height:40px; font-size:15px; border-bottom:1px solid #ddd; width:200px; font-weight:700; }
.tbl_bguide td { text-align:left; font-size:14px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 6px 10px 10px; }
.tbl_bguide td:last-child { border-right:0; }
.tbl_bguide td.text { text-align:left; padding:14px 0 13px 10px; line-height:26px; }



@media all and (max-width: 980px) {


.mhead {
  height:120px;
  padding-top:60px;
}

.mhead_img1 {
  background-image: url("/image/mhead_1_980.jpg") !important;
}

.mhead_img2 {
  background-image: url("/image/mhead_2_980.jpg") !important;
}

.mhead_img3 {
  background-image: url("/image/mhead_3_980.jpg") !important;
}
.mhead_img5 {
  background-image: url("/image/mhead_3_980.jpg") !important;
}

.mhead_img6 {
  background-image: url("/image/mhead_3_980.jpg") !important;
}


	/*
  #foot .cont .text { top:0; left:10px; }
  #foot .cont .tel { top:0; left:320px; }
  #foot .cont .admin { top:30px; left:10px; }
  #foot .cont .num { top:30px; left:290px; }
  #foot .cont .shop_num { top:30px; left:480px; }
  #foot .cont .ch { top:0; left:620px; }
  #foot .cont .copyright {  top:60px; left:10px; }
  #foot .cont .copyright2 { top:60px; left:240px; }
	*/




}

@media all and (max-width:800px){

.cd-hero-slider {
  height: 260px !important;
}

.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url("/image/main_1_600.jpg") !important;
}
.cd-hero-slider li:nth-child(2) {
  background-color: #2c343b;
  background-image: url("/image/main_2_600.jpg") !important;
}


#hd { width:100%; height:100px; border-bottom:1px solid #ddd; }

#idx_shop { width:98%; margin:0 auto; }
#idx_shop .shop_category { width:100%; }
#idx_shop .shop_category li.fleft { clear:left; width:100%; text-align:center;}
#idx_shop .shop_category li .category_name { height:30px; padding-left:20px; font-size:15px; font-weight:bold; line-height:30px; background-color:#28c0da;}
#idx_shop .shop_category li .category_list { width:100%; padding-left:30px; padding-top:20px;}

#idx_latest { width:100%; background-color:#eeebe4; margin-top:40px; padding-top:0; padding-bottom:30px;  }
#idx_latest .left { width:100%; clear:left; }
#idx_latest .right { width:100%; clear:right; margin-top:20px; border-top:1px solid #ddd; }
#idx_latest .title { font-size:24px; font-weight:700; margin:30px 0 0 10px; }
#idx_latest .mp_b { margin:20px 10px 10px 10px; }
#idx_latest .mp_b .subject { font-size:16px; font-weight:600; }
#idx_latest .mp_b .text { width:100%; margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }
#idx_latest .mp_b .text2 { min-width:340px; width:70%; margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }

#idx_latest .mp_b .date { margin-top:8px; font-size:12px; }
#idx_latest .mp_b .photo { float:left; min-width:120px; width:30%; }
#idx_latest .mp_b .content { float:left; padding-left:10px; width:200px; }

#idx_gc { width:100%; margin-top:20px; padding-top:0; padding-bottom:40px;  }
#idx_gc .gallery {  min-width:300px; max-width:360px; width:60%; float:left; }
#idx_gc .gallery .list { margin-left:15px; }
#idx_gc .center { min-width:220px; max-width:300px; width:40%; float:right;}
#idx_gc .title { font-size:20px; font-weight:700; margin:30px 0 0 10px; }
#idx_gc .cont { margin-top:30px; }
#idx_gc .cont .tel { width:100%; font-size:26px; font-weight:700; text-align:center; }
#idx_gc .cont .time { width:200px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px; line-height:30px; margin:0 auto; }


/* 고용 및 이용절차 */
.cstep { width:100%; text-align:center; }
.img_step { width:98%; }

/* 사업별 안내 */
.tbl_bguide { width:90%; }
.tbl_bguide th { background:#fafafa; font-size:14px; width:100px; padding:10px 3px; }
.tbl_bguide td { font-size:13px; padding:10px 6px 10px 10px; }
.tbl_bguide td:last-child { border-right:0; }
.tbl_bguide td.text { text-align:left; padding:14px 0 13px 10px; line-height:26px; }

/* 상품 목록 스킨 10 */
.main_sct_10 .sct_li {position:relative;float:left; width:23%; margin:0 0 15px 0;}
.main_sct_10 .sct_last { margin:0 0 15px !important }
.main_sct_10 .sct_clear {clear:none !important; margin-left:0; }
.main_sct_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.main_sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.main_sct_10 .sct_img {margin:0 0 10px;border:1px solid #ddd; }
.main_sct_10 .sct_txt {margin:0 0 5px}
.main_sct_10 .sct_icon {margin:0 0 10px}
.main_sct_10 .sct_id {display:block;margin:0 0 5px}
.main_sct_10 .sct_basic {margin:0 0 10px}
.main_sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.main_sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}




}

@media all and (max-width:740px) {

	/*
  #foot .cont .text { top:0; left:10px; }
  #foot .cont .tel {  top:0; left:320px; }
  #foot .cont .admin { top:30px; left:10px;}
  #foot .cont .ch { top:30px; left:300px;}
  #foot .cont .num { top:60px; left:10px; }
  #foot .cont .shop_num { top:60px; left:220px; }
  #foot .cont .copyright { top:90px; left:10px; }
  #foot .cont .copyright2 { top:90px; left:240px; }
	*/

}


@media all and (max-width:640px){

.cd-hero-slider {
  height: 260px !important;
}

.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url("/image/main_1_600.jpg") !important;
}
.cd-hero-slider li:nth-child(2) {
  background-color: #2c343b;
  background-image: url("/image/main_2_600.jpg") !important;
}


.mhead {
  height:110px;
  padding-top:50px;
}

.mhead_img1 {
  background-image: url("/image/mhead_1_640.jpg") !important;
}

.mhead_img2 {
  background-image: url("/image/mhead_2_640.jpg") !important;
}

.mhead_img3 {
  background-image: url("/image/mhead_3_640.jpg") !important;
}

.mhead_img5 {
  background-image: url("/image/mhead_3_640.jpg") !important;
}

.mhead_img6 {
  background-image: url("/image/mhead_3_640.jpg") !important;
}

.tmenu_name { font-size:22px; }




#hd { width:100%; height:100px; border-bottom:1px solid #ddd; }

#idx_shop { width:98%; margin:0 auto; }
#idx_shop .shop_category { width:100%; }
#idx_shop .shop_category li.fleft { clear:left; width:100%; text-align:center;}
#idx_shop .shop_category li .category_name { height:30px; padding-left:20px; font-size:15px; font-weight:bold; line-height:30px; background-color:#28c0da;}
#idx_shop .shop_category li .category_list { width:100%; padding-left:30px; padding-top:20px;}

#idx_latest { width:100%; background-color:#eeebe4; margin-top:40px; padding-top:0; padding-bottom:30px;  }
#idx_latest .left { width:100%; clear:left; }
#idx_latest .right { width:100%; clear:right; margin-top:20px; border-top:1px solid #ddd; }
#idx_latest .title { font-size:24px; font-weight:700; margin:30px 0 0 10px; }
#idx_latest .mp_b { margin:20px 10px 10px 10px; }
#idx_latest .mp_b .subject { font-size:16px; font-weight:600; }
#idx_latest .mp_b .text { width:100%; margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }
#idx_latest .mp_b .text2 { min-width:340px; width:70%; margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }

#idx_latest .mp_b .date { margin-top:8px; font-size:12px; }
#idx_latest .mp_b .photo { float:left; min-width:120px; width:30%; }
#idx_latest .mp_b .content { float:left; padding-left:10px; width:200px; }

#idx_gc { width:100%; margin-top:20px; padding-top:0; padding-bottom:40px;  }
#idx_gc .gallery {  min-width:300px; max-width:360px; width:60%; float:left; }
#idx_gc .gallery .list { margin-left:15px; }
#idx_gc .center { min-width:220px; max-width:300px; width:40%; float:right;}
#idx_gc .title { font-size:20px; font-weight:700; margin:30px 0 0 10px; }
#idx_gc .cont { margin-top:30px; }
#idx_gc .cont .tel { width:100%; font-size:26px; font-weight:700; text-align:center; }
#idx_gc .cont .time { width:200px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px; line-height:30px; margin:0 auto; }


/* 고용 및 이용절차 */
.cstep { width:100%; text-align:center; }
.img_step { width:98%; }





}


@media all and (max-width:630px) {


	/*
  #foot .cont .text { top:0; left:10px; }
  #foot .cont .tel { top:30px; left:10px; }
  #foot .cont .ch { top:30px; left:320px; }
  #foot .cont .admin { top:60px; left:10px; }
  #foot .cont .num { top:90px; left:10px; }
  #foot .cont .shop_num { top:90px; left:220px; }
  #foot .cont .copyright { top:120px; left:10px; }
  #foot .cont .copyright2 { top:120px; left:240px; }
	*/

  #foot .cont .email {top:60px; left:10px; width:200px;  }
  #foot .cont .num1 {top:90px; left:10px; width:300px; }
  #foot .cont .num { top:120px; left:10px; width:330px; letter-spacing:-0.8px;}
  #foot .cont .ch {  top:120px; left:340px; width:100px; }
  #foot .cont .copyright { top:150px; }

  .fhl1 { top:34px; left:178px }
  .fhl2 { display:none; }
  .fhl3 { top:124px; left:325px }

}


@media all and (max-width:480px) {

	/*
  #foot .cont .text { top:0; left:10px; }
  #foot .cont .tel { top:30px; left:10px; }
  #foot .cont .ch { top:60px; left:10px; }
  #foot .cont .admin { top:90px; left:10px; }
  #foot .cont .num1 { top:120px; left:10px; width:400px; }
  #foot .cont .num { top:150px; left:10px; width:400px;}
  #foot .cont .shop_num { top:150px; left:10px; }
  #foot .cont .copyright { top:180px; left:10px; }
  #foot .cont .copyright2 { top:180px; left:234px; }
	*/

  #foot .cont .email {top:60px; left:10px; width:200px;  }
  #foot .cont .num1 {top:90px; left:10px; width:300px; }
  #foot .cont .num { top:120px; left:10px; width:330px; letter-spacing:-0.8px;}
  #foot .cont .ch {  top:60px; left:220px; width:100px; }
  #foot .cont .copyright { top:150px; left:10px; width:310px; }

  .fhl3 { top:64px; left:206px }

}



@media all and (max-width:360px){

.img_logo { width:200px; }

.cd-hero-slider {
  position: relative;
  height: 200px !important;
  overflow: hidden;
}

.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url("/image/main_img1_480.jpg");
}
.cd-hero-slider li:nth-child(2) {
  background-color: #2c343b;
  background-image: url("/image/main_img2_480.jpg");
}


.mhead {
  height:100px;
  padding-top:40px;
}

.mhead_img1 {
  background-image: url("/image/mhead_1_400.jpg") !important;
}

.mhead_img2 {
  background-image: url("/image/mhead_2_400.jpg") !important;
}

.mhead_img3 {
  background-image: url("/image/mhead_3_400.jpg") !important;
}

.mhead_img5 {
  background-image: url("/image/mhead_3_400.jpg") !important;
}

.mhead_img6 {
  background-image: url("/image/mhead_3_400.jpg") !important;
}
.tmenu_name { font-size:20px; }
.sname_title { font-size:18px !important; }

#hd { width:100%; height:100px; border-bottom:1px solid #ddd; }

#idx_shop .shop_category { width:100%; }
#idx_shop .shop_category li.fleft { clear:left; width:100%; text-align:center;}
#idx_shop .shop_category li .category_name { height:30px; padding-left:20px; font-size:15px; font-weight:bold; line-height:30px; background-color:#28c0da;}
#idx_shop .shop_category li .category_list { width:320px; padding-left:30px; padding-top:20px;}

#idx_latest { width:100%; background-color:#eeebe4; margin-top:40px; padding-top:0; padding-bottom:30px;  }
#idx_latest .left { width:100%; float:none; clear:both; }
#idx_latest .right { width:100%; float:none; clear:both; margin-top:20px; border-top:1px solid #ddd; }
#idx_latest .title { font-size:24px; font-weight:700; margin:30px 0 0 10px; }
#idx_latest .mp_b { margin:20px 10px 10px 10px; }
#idx_latest .mp_b .subject { font-size:16px; font-weight:600; }
#idx_latest .mp_b .text { width:320px; margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }
#idx_latest .mp_b .text2 { min-width:180px; width:180px; margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }

#idx_latest .mp_b .date { margin-top:8px; font-size:12px; }
#idx_latest .mp_b .photo { float:left; min-width:120px; width:120px; height:90px; }
#idx_latest .mp_b .content { float:left; padding-left:10px; width:200px; }

#idx_gc { width:100%; margin-top:20px; padding-top:0; padding-bottom:40px;  }
#idx_gc .gallery {  min-width:320px; max-width:360px; width:100%; clear:left; }
#idx_gc .gallery .list { margin-left:15px; }
#idx_gc .center { min-width:320px; max-width:360px; width:100%; clear:right; }
#idx_gc .title { font-size:20px; font-weight:700; margin:30px 0 0 10px; }
#idx_gc .cont { margin-top:30px; }
#idx_gc .cont .tel { width:100%; font-size:26px; font-weight:700; text-align:center; }
#idx_gc .cont .time { width:200px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px; line-height:30px; margin:0 auto; }


.content_text { min-width:300px; max-width:333px; width:100%; margin:0 auto; margin-left:10px; font-size:14px; line-height:22px; }
.content_text div { font-size:14px; line-height:24px;  }
.content_text .greeting { font-size:16px; line-height:25px;  }
.content_text .content_point { width:100%; border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:40px 0 30px 0; margin-bottom:30px;  font-size:24px; font-weight:700;text-align:Center;  }
.content_text .content_point .size30 { font-size:30px; }

.content_text .content_stitle { height:36px; background:url(/image/title_back.gif) no-repeat; font-size:18px; padding:8px 0 0 15px; }
.content_text .content_stext { padding-left:18px; font-size:14px; }

.content_text .purpose { font-size:16px; line-height:30px; }
.content_text .purpose .purpose_img_1 { width:100%; text-align:center; }


.corp_back { width:100%; height:204px; background:url("/image/corp_back.gif") no-repeat; margin:0 auto;  padding-top:20px; }
.corp_back .corp_text { width:90%; height:184px; background:#fff; margin:0 auto; }
.corp_business ul { margin-left:0; padding-top:10px; }
.corp_business li { font-size:14px; line-height:20px; font-style:italic; font-weight:600; margin-left:20px; padding:0 10px 0 0; margin-top:10px;  list-style:decimal;}

.corp_business .corp_img { display:none; width:100%; height:10px; margin:0 auto; margin-top:20px;  background:url("/image/corp_img_1.jpg") no-repeat; }


/* 인사말 */
.greeting_img { width:100%; height:240px; clear:both; text-align:center; margin-bottom:20px;}
.greeting_card { width:100%; text-align:right; }
.img_greeting { width:300px; }

/* 설립목적 */
.img_purpose { width:100%; }

/* 조직도 */
.img_organization_1 { width:100%; padding-top:20px;}
.img_organization_2 { width:100%; padding-top:20px; }

.tbl_org_staff { width:310px; }
.tbl_org_staff th { width:130px; }
.tbl_org_staff td.text { text-align:left; padding:14px 0 13px 10px; line-height:26px; }


/* 기관연혁 */
.history { width:100%; background:#fff; margin-top:30px;  }
.history .history_ct { width:100%; margin-left:10px; }
.history .history_ct .h_year { clear:left; width:95px; height:40px; background:#8ecc19; padding-left:0; line-height:40px; font-size:18px; color:#fff; font-weight:normal; text-align:center; border-radius:20px}
.history .history_ct .h_list { clear:left; margin-left:20px; margin-top:10px; width:310px; }
.history .history_ct .h_list .h_text { width:310px; margin-bottom:20px; }
.history .history_ct .h_list .h_text .mday { float:left; width:64px; background:#fff; padding-left:0; font-size:14px; font-weight:700; }
.history .history_ct .h_list .h_text .text { float:left; width:240px; font-size:13px; }

/* 고용 및 이용절차 */
.cstep { margin-left:0; }
.img_step { width:100%; }

/* 사업별 안내 */
.tbl_bguide { width:316px; border-top:2px solid #002b5c; border-collapse:collapse; margin-left:18px;}
.tbl_bguide th { background:#fafafa; font-size:14px; width:100px; padding:10px 3px; }
.tbl_bguide td { font-size:13px; padding:10px 6px 10px 10px; }
.tbl_bguide td:last-child { border-right:0; }
.tbl_bguide td.text { text-align:left; padding:14px 0 13px 10px; line-height:26px; }

/* 사업운영방침 */
.img_policy { width:100%; }



/* 쇼핑몰 */
.shop_latest_center { width:100%; height:300px; margin-top:20px; border-top:1px solid #ddd; padding-top:40px; }
.shop_latest_center .latest_title { margin:20px 0 0 10px; font-size:17px; font-weight:bold; letter-spacing:0.1em; }
.shop_latest_center .shop_notice { float:left; width:358px; height:214px; border:1px solid #ddd; }
.shop_latest_center .shop_qna { float:left; width:358px; height:214px; border:1px solid #ddd;  margin-left:30px; }
.shop_latest_center .shop_center { float:left; width:200px; margin-left:30px; }

.shop_category_title { width:180px; height:30px; background:#ff3c73; border-radius:30px; text-align:center; line-height:32px; color:#fff; font-size:16px; margin:20px 0 0 20px  }
.shop_category_title span.p { color:#fff; font-size:13px; padding-left:6px; }
.shop_category_title a { color:#fff; text-decoration:none; }
.shop_category_title a.a_sct { color:#fff; text-decoration:none; }

.p20 { width:100%; height:20px; }


.mypage_new { width:100%; border-top:2px solid #000; border-bottom:1px solid #ddd; margin-bottom:50px; }
.tbl_mypage { width:100%; }
.tbl_mypage th { width:220px; background:#f9f9f9; }
.tbl_mypage td { width:240px; padding:20px 0 22px 10px; }


.main_sct_10 .sct_li {position:relative;float:left; width:120px; margin:0 20px 15px 0;}



/* 로그인 */
#hh_login { width:100%; margin:0 auto; margin-top:20px;  }
#hh_login .img { clear:both !important; width:222px; height:187px; background:url("/image/login_img.gif") no-repeat; margin:0 auto; }
#hh_login .form { clear:both !important; width:100%; padding:0; margin:0; }
.btn_submit_hh { width:60px; height:60px; background:#2ecc8b; border:0; color:#fff; font-weight:16px; font-family:'NanumSquare';}
.join_lost_form { width:100%; text-align:center;margin-top:30px; }



.tbl_login_form { width:300px; margin:0 auto;}
.tbl_login_form td { vertical-align:middle;  }
.tbl_login_form td:first-child { width:80px !important;}
.tbl_login_form td:nth-child(2) { width:130px !important;}
.tbl_login_form td:nth-child(3) { width:90px !important; text-align:right;}

  /* 하단 링크 */
  #flink .flink_2 { min-width:320px; max-width:360px; width:100%; margin:0 auto; border-top:1px solid #ddd; }
  #flink .flink_2 ul { min-width:320px; max-width:360px; width:100%; padding:6px 0 10px 0;  }
  #flink .flink_2 li { display:inline; float:left; padding:10px 0 0 20px; font-size:14px; }
  #flink .flink_2 li:first-child { padding-left:20px; }
  #flink .flink_2 li.p148 { margin-left:148px; }

  /* 하단 */
  /*
  #foot { min-width:320px; max-width:360px;  width:100%; height:160px; color:#a6b3bb; background-color:#fff; margin-top:10px; margin-bottom:30px; border-top:1px solid #ccc; }
  #foot .cont { min-width:320px; max-width:360px;  width:100%;  margin:0 auto; color:#a6b3bb !important; padding-top:10px; font-size:13px; }
  #foot .cont .logo { position:absolute; display:none; width:200px; padding-top:20px; }
  #foot .cont .addr { float:left; padding-left:10px; line-height:24px; }
  */

  #foot .cont .copyright2 { top:210px; left:10px; }
  #foot .cont .num1 { width:350px; }
  #foot .cont .num { width:350px;}

}



@media all and (max-width:320px){


.tbl_org_staff { width:290px; }

/* 기관연혁 */
.history .history_ct .h_list .h_text { width:280px; margin-bottom:20px; }
.history .history_ct .h_list .h_text .mday { float:left; width:56px; background:#fff; padding-left:0; font-size:13px; font-weight:700; }
.history .history_ct .h_list .h_text .text { float:left; width:224px; font-size:13px; }

#idx_latest { width:100%; background-color:#eeebe4; margin-top:40px; padding-top:0; padding-bottom:30px;  }
#idx_latest .mp_b .photo { float:left; width:120px; height:90px; }
#idx_latest .mp_b .content { float:left; padding-left:10px; width:180px; }

#idx_gc { width:100%; margin-top:20px; padding-top:0; padding-bottom:40px;  }
#idx_gc .gallery {  min-width:310px; max-width:360px; width:100%; clear:left; }
#idx_gc .gallery .list { margin-left:10px; }
#idx_gc .center { min-width:320px; max-width:360px; width:100%; clear:right; }
#idx_gc .title { font-size:20px; font-weight:700; margin:30px 0 0 10px; }
#idx_gc .cont { margin-top:30px; }
#idx_gc .cont .tel { width:100%; font-size:26px; font-weight:700; text-align:center; }
#idx_gc .cont .time { width:200px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px; line-height:30px; margin:0 auto; }



  #foot .cont .num1 { top:120px; left:10px; width:310px; }
  #foot .cont .num { top:150px; left:10px; width:310px;}

  #foot .cont .copyright { top:200px; left:10px; }
  #foot .cont .copyright2 { top:230px; left:10px; }



}