@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');
}


body,div,ul,ol,li,form,p{margin:0;padding:0; color:#3e3e3e; font-family:'NanumSquare', sans-serif, dotum; font-size:13px;font-weight:normal; }
div { position:relative; color:#3e3e3e; font-family: 'NanumSquare', sans-serif, dotum; font-weight:normal; font-size:13px;  }
img,fieldset{border:0}
ul,ol,li{list-style:none}
img,input,select,textarea{vertical-align:middle}
img {
	user-drag:none;user-select:none;
	-webkit-user-drag:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
}


table, td, th { font-size:13px; font-family: 'NanumSquare', sans-serif, dotum;  }

#fregisterform .ipt_password { font-family:dotum,verdana !important; }

.li_across { display:inline; float:left; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}


#headline { width:100%; height:32px; background-color:#333; }
#headline .head { width:980px; 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;}
#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; }


#headF { width:100%; height:78px; z-index:9999; border-bottom:1px solid #d4d0d2; }
#headF .head { width:100%; max-width:980px; margin:0 auto; z-index:2; height:78px;  }
#headF .head .logo { position:absolute; left:0; top:0px; width:198px; height:78px; }
#headF .head #menuF { position:absolute; left:210px; top:17px; width:631px; height:61px; border:0; z-index:3; }


#obc_wrap { width:980px; margin:0 auto; }

/* menu */
a.menu_a { display:block;  font-size:16px; font-family:'NanumSquare', sans-serif, dotum; font-weight:bold; padding:0; color:#000; }
/* #menuF .gnb { border-top:0; max-width:795px;} */
#menuF .gnb { border-top:0; max-width:795px;}
#menuF .gnb > li {float:left;  } 
#menuF .gnb > li.mli { width:128px; text-align:center; } 
#menuF .gnb > li.mli2 { width:119px; text-align:center; } 
#menuF .gnb > li div {position:absolute; left:0; top:0; height:0; z-index:99999; overflow:hidden;}
#menuF .gnb > li div ul { padding-top:13px;  }
#menuF .gnb > li div ul > li {line-height:28px; font-size:13px; color:#b2bbbf; }
#menuF .gnb > li div ul > li a { display:block;  font-size:13px; color:#000; text-decoration:none; }
#menuF .gnb > li div ul > li a:hover { color:#fff; background:#2ecc8b;  }


#menuF .gnb > li .depth_s { background:#f0f0f0; }

#menuF .gnb > li .depth05 {left:0; top:63px; width:128px; text-align:center;  z-index:9999; }
#menuF .gnb > li .depth01 {left:128px; top:63px; width:128px; text-align:center; z-index:9999; }
#menuF .gnb > li .depth02 {left:256px; top:63px; width:128px; text-align:center;  z-index:9999; }
#menuF .gnb > li .depth03 {left:384px; top:63px; width:128px; text-align:center;  z-index:9999; }
#menuF .gnb > li .depth04 {left:512px; top:63px; width:109px; text-align:center;  z-index:9999; }


#menuF .gnb > li a.submenu1 { font-size:13px; }

.inDepth {position:absolute; left:0; top:110px; width:100%; height:0; padding-top:0; z-index:9998; }
.inDepth .depth-box {overflow:hidden; *zoom:1; width:100%; height:0; background:#fff;  z-index:9998;}
.curr { border-bottom:2px solid #c9c9c9;}
.depth-box:after {content:''; display:block; clear:both;}
.depth-box .left {float:left; padding:0px 0 0 20px; }
.depth-box .right {float:right; padding:0px 20px 0 0;}



#hd_sch { position:absolute; width:126px; padding:0; margin:0; right:0; top:30px; border:2px solid #ccc; border-radius:2px; }
#hd_sch .search1 { float:left; width:1px; height:29px; background:url(/image/search_text.gif) no-repeat; }
#hd_sch .search2 { float:left; width:120px; height:29px; }
#hd_sch .search_inp { border:0; width:74px; height:26px; font-family:"NanumSquare"; font-size:13px; padding-left:3px; }
/* ios slider details */


.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	max-width: 980px;
	min-width:320px; 
	height: 426px;
	z-index:10;
}

.iosSlider .slider { width: 100%; height: 100%; z-index:1;}

.iosSlider .slider .item { width: 100%; height: 100%; padding:0; z-index:2;}

.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width:100%;
	max-width: 980px;
	min-width:320px; 
	margin: 0 auto;
	height: 100%;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner .text1 {
	background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  top:0;
  padding:0;
}

.iosSlider .slider .item .inner .text1 span { color: #fff; font: 55px/70px Norican; padding: 0 8px; }

.iosSlider .slider .item .inner .text2 {
	background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  padding:0;
  position: absolute;
  right: 0;
  top:0;
}

.iosSlider .slider .item .inner .text2 span { color: #fff; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }



.slideSelectors {
	position: absolute;
	right:50%; 
	bottom:20px;
	text-align:center;
	z-index:9999;
	height: 10px;
}

.slideSelectors .item {
	float: left;
	width: 16px;
	height: 16px;
	background: #dfdfdf;
	margin: 0 0 0 10px;
	border-radius:50%;
	z-index:9999;
}

.slideSelectors .selected {
	background: #0056a8;
}


	.iosSlider .slider .item .inner { width: 100%;	margin: 0; }
	
	.main .slideSelectors {	width: 92%;	margin: 0;}
	
	.iosSlider .slider .item .inner .text1 span { font: 40px/50px Norican; }
	.iosSlider .slider .item .inner .text2 { top: 85px; }
	.iosSlider .slider .item .inner .text2 span { font: 12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; }




/* index */
#idx { width:100%; height:300px; text-align:center;}

.w980 {width:980px; margin:0 auto; }
#idx_shop { width:100%; margin-top:30px;  }
#idx_shop .shop_title { width:100%; text-align:center; margin:20px 0;}
#idx_shop .shop_category { width:100%; }

/*
#idx_shop .shop_category li.fleft { float:left; width:320px; padding-left:10px; }
#idx_shop .shop_category li.fleft:first-child { padding-left:0; }

#idx_shop .shop_category li .category_name { height:30px; padding-left:20px; font-size:15px; font-weight:bold; line-height:30px; background-color:#28c0da; border-radius:20px; color:#fff; font-weight:normal;}
#idx_shop .shop_category li .category_list { width:290px; padding-left:30px; padding-top:20px; }
*/

#idx_shop .shop_category li.fleft { float:left; width:48%; padding-left:4%; }
#idx_shop .shop_category li.fleft:first-child { padding-left:0; }

#idx_shop .shop_category li .category_name { height:30px; padding-left:20px; font-size:15px; font-weight:bold; line-height:30px; background-color:#28c0da; border-radius:20px; color:#fff; font-weight:normal;}
#idx_shop .shop_category li .category_list { width:90%; padding-left:30px; padding-top:20px; }


#idx_latest { width:100%; background-color:#eeebe4; margin-top:40px; padding-top:30px; padding-bottom:40px;  }
#idx_latest .left { width:470px; float:left; }
#idx_latest .right { width:470px; float:right; }
#idx_latest .title { font-size:24px; font-weight:700; }
#idx_latest .mp_b { margin-top:30px; }
#idx_latest .mp_b .subject { font-size:16px; font-weight:700; }
#idx_latest .mp_b .text { margin-top:6px; font-size:14px; font-weight:normal; color:#797979; line-height:20px; }
#idx_latest .mp_b .date { margin-top:8px; }
#idx_latest .mp_b .photo { float:left; width:156px; height:90px; }
#idx_latest .mp_b .content { float:left; padding-left:20px; width:290px; }


#idx_gc { width:100%; margin-top:40px; padding-top:30px; padding-bottom:40px;  }
#idx_gc .gallery { width:620px; float:left; }
#idx_gc .center { width:310px; float:right; }
#idx_gc .title { font-size:20px; font-weight:700; }
#idx_gc .cont { margin-top:30px; }
#idx_gc .cont .tel { width:100%; font-size:26px; font-weight:700; }
#idx_gc .cont .time { width:200px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px; line-height:30px;}



#mainF { width:980px; margin:0 auto; margin-top:20px; z-index:10; }
#mainF .m_left { float:left; width:200px; z-index:1; margin-bottom:20px; }
#mainF .m_left .title { width:200px; height:112px;  border-bottom:1px solid #dadada; background:url(/image/lefthead_back.gif) no-repeat; color:#fff; font-size:30px; font-weight:normal; line-height:112px; text-align:center; letter-spacing:0.1em; }
#mainF .m_left .title4 { width:200px; height:112px;  border-bottom:1px solid #dadada; background:url(/image/lefthead_back_shop.gif) no-repeat; color:#fff; font-size:30px; font-weight:normal; line-height:112px; text-align:center; letter-spacing:0.1em; }
#mainF .m_left .submenu { margin-top:10px; width:200px;    }
#mainF .m_left .submenu li { width:200px; border-bottom:1px solid #c8cace;  }
#mainF .m_left .submenu li a { display:block; padding:12px 0 12px 26px; font-size:15px; color:#464646; background:#fff; text-decoration:none;  }
#mainF .m_left .submenu li a:hover { color:#28c0da; }
#mainF .m_left .submenu li a.leftmenu2 { display:block; padding:12px 0 12px 26px; font-size:15px; color:#fff;  text-decoration:none; background:#414856; }


#mainF .m_right { float:right; width:740px; font-size:13px; }
#mainF .m_right .head { width:740px; height:114px; border-bottom:1px solid #ddd; margin-bottom:20px;  }
#mainF .m_right .head .navigation { width:100%; text-align:left; padding-top:26px; font-size:12px; }
#mainF .m_right .head .title { font-size:30px; font-weight:normal; color:#28c0da; margin-top:10px; }
#mainF .m_right .head .st { font-size:18px; font-weight:normal; color:#000; margin-top:10px; }


.ccenter { width:200px; border-top:3px solid #28c0da; background:#f9f9f9;  }
.ccenter .title2 { font-size:18px; font-weight:700; padding-left:18px; margin-top:17px;}
.ccenter .tel { font-size:20px; font-weight:700; color:#28c0da; padding-left:18px; margin-top:20px;  }
.ccenter .line { width:164px; height:1px; border-top:1px dotted #afafaf; margin:0 auto; margin-top:14px; }
.ccenter .em {  font-size:13px; padding-left:18px; margin-top:14px; }
.ccenter .time { font-size:13px; padding-left:18px; padding-bottom:20px; margin-top:8px; line-height:18px; }

.left_bk .title2  { font-size:18px; font-weight:700; padding-left:18px; margin-top:20px;}
.left_bk .bk_info { width:196px; margin-left:4px; margin-top:16px; background:url(/image/ccenter_bank.gif) no-repeat; padding-left:42px; }
.left_bk .bk_info .bkname { font-size:14px; }
.left_bk .bk_info .bknumber { font-size:13px; color:#28c0da; font-weight:700; margin-top:8px; }
.left_bk .bk_info .bkname_p { font-size:12px; margin-top:8px; }



.content_text { width:740px; padding:0; margin:0; font-size:16px; line-height:25px; }
.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:20px; padding:8px 0 0 15px; }
.content_text .content_stext { padding-left:18px; font-size:16px; }

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


/* 법인 */

.corp_history {width:100%; }
.corp_history ul { width:100%; }
.corp_history ul li .cdate { float:left; width:130px; }
.corp_history ul li .ctext { float:left; width:600px; }

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


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

.corp_business .corp_img { width:587px; height:206px; margin:0 auto; margin-top:20px;  background:url("/image/corp_img_1.jpg?1810") no-repeat; }

.tbl_corp { width:100%; border-top:2px solid #000; }
.tbl_corp thead th { height:60px; background:#f9f9f9; text-align:center; font-size:18px; }
.tbl_corp tbody th { width:30%; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.tbl_corp tbody td { width:70%; padding:10px 0 10px 20px; border-bottom:1px solid #ddd;  }


/* 인사말 */
.greeting_img { width:288px; height:240px; float:left; margin-right:20px;  }
.greeting_card { width:100%; text-align:right; }


/* 조직도 */
.org_img { width:100%; text-align:center; }
.tbl_org_staff { width:600px; border-top:2px solid #002b5c; border-collapse:collapse; margin-left:18px;}
.tbl_org_staff th { background:#fafafa; height:40px; font-size:15px; border-bottom:1px solid #ddd; width:150px; }
.tbl_org_staff th.pt { font-size:14px; }
.tbl_org_staff td { text-align:center; font-size:14px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.tbl_org_staff td:last-child { border-right:0; }
.tbl_org_staff td.text { text-align:left; padding:14px 0 13px 10px; line-height:26px; }

/* 기관연혁 */
.history { width:100%; background:url(/image/history_line.gif) repeat-y 50px; margin-top:30px;  }
.history .history_ct { width:680px; margin-left:50px; }
.history .history_ct .h_year { float:left; width:95px; height:89px; background:url(/image/history_back.png) no-repeat; padding-left:20px; line-height:94px; font-size:22px; color:#fff; font-weight:300; }
.history .history_ct .h_year2 { float:left; width:95px; height:89px; background:url(/image/history_corp_back.png) no-repeat; padding-left:20px; line-height:94px; font-size:22px; color:#fff; font-weight:300; }
.history .history_ct .h_list { float:left; margin-left:11px; margin-top:34px; width:550px; }
.history .history_ct .h_list .h_text { width:550px; margin-bottom:20px; }
.history .history_ct .h_list .h_text .mday { float:left; width:70px; background:url(/image/history_back2.gif) no-repeat 0 5px; padding-left:25px; font-size:13px; font-weight:700; }
.history .history_ct .h_list .h_text .text { float:left; width:420px; font-size:13px; }

/* 오시는길 */
.map .address { padding-left:18px; font-size:16px; }

/* 고용 및 이용절차 */
.cstep { margin-left:50px; }

/* 사업별 안내 */
.tbl_bguide { width:710px; border-top:2px solid #002b5c; border-collapse:collapse; margin-left:18px;}
.tbl_bguide th { background:#fafafa; height:40px; font-size:15px; border-bottom:1px solid #ddd; width:180px; 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; }

/* 사업운영방침 */
.policy_img { width:100%; text-align:center; }
.policy_1 { margin:10px 0 0 18px; font-size:16px !important; font-weight:bold; color:#000; }
.ul_policy { width:100%; }
.ul_policy li { margin-left:18px; }

.contact { width:980px; margin:0 auto; }
.contact .img { position:absolute; right:100px; top:20px; }
.tbl_contact { width:400px; margin-left:100px; margin-top:60px; }
.tbl_contact td { font-size:24px; font-weight:700; height:80px; padding-left:20px; }




.content_text .mission_1 { width:100%; max-width:780px; min-width:320px; }
.content_text .text2 { width:100%; max-width:384px; min-width:284px; padding-left:36px; padding-top:10px;  line-height:30px; font-size:15px;  }
.content_text .mission_back { position:absolute; right:0; top:-20px; width:325px; height:251px; background:url(/image/mission_back.jpg) no-repeat; z-index:100; }
.content_text .mission_2 { float:left; width:50%; max-width:372px; min-width:160px; margin:0 auto; }
.content_text .mission_3 { float:left; width:50%; max-width:372px; min-width:160px; margin:0 auto; }

.tbl_history { width:100%; min-width:300px; max-width:780px; border-collapse:collapse; }
.tbl_history th { padding-top:10px; text-align:center; font-weight:bold; border-bottom:1px solid #bebebe; border-top:1px solid #ddd; vertical-align:top; }
.tbl_history td { padding:10px 6px 10px 10px; border-bottom:1px solid #bebebe; border-top:1px solid #ddd; vertical-align:top; }

.div_history { width:518px; margin-left:30px; }
.img_history { width:518px; }

.div_org { width:744px; max-width:744px; margin:0 auto; }
.img_org { width:100%; max-width:744px; }



/* 쇼핑몰 */
.content_shop { width:980px; margin:0 auto; margin-top:20px; }

.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_head_title { width:100%; font-size:26px; font-weight:700; text-align:left; margin-bottom:20px; border-bottom:2px solid #000; padding-bottom:10px; }
.shop_head_menu { width:100%; }
.shop_head_menu li { display:inline; float:left; width:33%; height:46px; border:1px solid #ddd; margin-left:1px; padding:0; text-align:center; }
.shop_head_menu li:first-child { margin:0; }
.shop_head_menu li a {display:block; font-size:16px; line-height:48px; }
.shop_head_menu li a:hover { color:#fff; background:#17cc6f url("/image/shop_head_back.gif") repeat; text-decoration:none; }
.shop_head_menu li a.selected { background:#17cc6f url("/image/shop_head_back.gif") repeat; color:#fff; text-decoration:none; }

.shop_category_title { width:180px; height:30px; background:#ff3c73; border-radius:30px; text-align:center; line-height:32px; color:#fff; font-size:16px; margin-bottom:20px;  }
.shop_category_title span.p { color:#ffe4ec; font-size:13px; padding-left:6px; }
.shop_category_title a { 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; }

.img {user-drag:none;user-select:none;
	-webkit-user-drag:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}



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

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

#flink .flink_2 li .title { width:152px; padding-top:20px; text-align:center; font-size:18px; font-weight:bold; }



/* 하단 */
#foot { width:100%; height:160px; color:#a6b3bb; /* background-color:#2e3336; */ background-color:#fff; margin-top:30px; border-top:1px solid #ccc; }
#foot .cont { width:980px; margin:0 auto; color:#a6b3bb !important; padding-top:30px; }
#foot .cont .logo { float:left; width:200px; padding-top:20px; }
#foot .cont .addr { float:left; padding-left:10px; line-height:24px; }


.btn_submit_order {padding:8px;border:0;background-color:#0eb3ff;border-radius:4px;color:#fff;letter-spacing:0em;cursor:pointer;font-family:'NanumSquare'}
button.btn_frmline { background:#0da377 !important; color:#fff !important;}