@media only screen and (min-width: 1021px) {

}


@media only screen and (max-width: 1390px) and (min-width: 1021px) {
	#goto_catelinkArea .cbox {width:30%; height:400px;}
}



/* iPad portrait and other tablet/mid-sized viewports  max-width: 1020px */
@media only screen and (max-width: 1020px) and (min-width: 768px) /*and (orientation : portrait)*/ {
	/* Header Section *****************************************************/
	/* #headerWr{position:fixed; left:0; top:0; width:100%; z-index: 10; border-bottom:1px solid #dad9cf; }	 */

	.header { width:100%; text-align:center; margin:0 auto; height:auto;}


	#headerWr{position:fixed; left:0; top:0; width:100%; height:55px;  z-index: 10; background:#ffffff; border-bottom:1px solid #dad9cf; }
	#container{ position:relative; padding:10px 0px 0 0; margin:0 auto; border:0px solid #00ff00; }


	/*.hnb { position:absolute; top:0px; right:0px; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }*/
	.hnb { width:98%; float:left; position:relative;  display:block; margin:0 1% 10px 1%; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }

	.hnb ul { width:100%; float:left; display:block; margin-top:0px; }
	.hnb ul li { float:left; display:block;  padding-left:5px; padding-bottom:5px; text-align:left; margin-left:0; margin-right:6px; }
	.hnb ul li a,
	.hnb ul li a:focus,
	.hnb ul li a:visited { color:#808080; text-decoration:none; }
	.hnb ul li a:hover { color:#808080; text-decoration:none; }
	.hnb ul li.last { margin-right:0; padding-right:0; background:none; }


	/* Logo */
	.header_bottom {display:none;}
	.header_bottom .snsbtn_area ul {padding-top:40px; margin-left:10px;}
	.header_bottom h1 { width:50%; }
	.header_bottom h1 a img {margin:17px auto 17px auto; width:100%; max-width:190px;}
	.header_bottom .search_area { position:absolute; top:0px; right:0px; overflow:hidden; padding-top:6px; margin-right:10px; border:0px solid #00ff00; }

	/* Main Nav */
	.gnb { display:none; }



	/* Main Section ****************************************************************************/
	.bigbanner_area {display: block; margin-top: 30px;}
	/* 바로가기 */
	#goto_catelinkArea {margin:-100px auto 0 auto;}
	#goto_catelinkArea .cbox {width:30%; height:400px;}
	#goto_catelinkArea .cbox div.t1 {margin:35px 20px 10px auto; padding:6px 16px 0 0; 
										font-size:31px; background:url("/images/main/leaf.png") no-repeat right 0px; }
	#goto_catelinkArea .cbox p {margin:0 20px 20px auto; padding:6px 16px 0 0; font-size:17px; }
	#goto_catelinkArea .btn_more {width:169px; height:20px; font-size:16px; bottom:40px; left:20px;}
	.goto_textline1 {margin:30px auto 0 auto; font-size:27px; font-weight:400; line-height:1.6;}
	.goto_textline2 {margin:0px auto 30px auto; font-size:43px; font-weight:700; line-height:1.6;}
	#main_sec_02 .board_area {width:96%; margin:0 1.5%; }
	#main_sec_02 .main_notice_area {margin:0 1%; padding:0;}
	#main_sec_02 .main_notice_area h1 {font-size:32px; background:url("/images/main/bg_news.jpg") repeat-y; padding:10px 10px 10px 70px; margin:0 0; }
	#main_sec_02 .main_notice_area ul.noticelist {margin:20px 0 0 0;}
	#main_sec_02 .main_notice_area ul.noticelist li {padding:0 0 0 2px; margin:0 0 0 0; font-size:15px;}
	#main_sec_02 .main_notice_area ul.noticelist li a {color:#1d1d1d; width:98%; padding:10px 0 10px 0; margin:0 1% 0 0;}
	#main_sec_02 .main_notice_area ul.noticelist li span.bo_cate {padding:0 0 8px 0; color:#4480c1; font-size:13px;} 
	#main_sec_02 .main_notice_area ul.noticelist li span.bo_subject {padding:0 0 0 0; margin:0 0 5px 0; color:#333; font-size:21px;} 
	#main_sec_02 .main_notice_area ul.noticelist li p.bo_cont {padding:0; margin:0 0 9px 0; font-size:16px;} 
	#main_sec_02 .main_notice_area ul.noticelist li span.date {clear:both; color:#a6a6a6; font-size:15px; }

	/* Footer Area ****************************************************************************************************************/
	#footer-area { width:100%; margin:0 auto; padding:0 0 10px 0;}
	#theme_footArea_black {}
	#theme_footArea_black .fo_nav_wrap {}
	#theme_footArea_black .fo_nav_wrap .logo_area {width:24%; margin:20px 3%; text-align:left; display:inline-block;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:42px;}
	#theme_footArea_black .fo_nav_wrap .link_area {width:64%; margin:20px 3% 20px 2%; text-align:right;}
	#theme_footArea_black .fo_nav_wrap .link_area span {margin:20px 15px;}
	#theme_footArea_black .fo_nav_wrap .link_area span a {color:#262626; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_A {width:45%; padding:0; margin:25px 2% 0 2%;}
	#theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .add.ver_eng {min-height:100px;}
	#theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_A .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_B {width:45%; padding:0; margin:25px 2% 0 2%;}
	#theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .add.ver_eng {min-height:100px;}
	#theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_B .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_C {width:45%; padding:0; margin:45px 2% 25px 2%;}
	#theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 30px 0; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .add {padding-bottom:10px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .add.ver_eng {min-height:100px;}
	#theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; font-size:15px;}
	#theme_footArea_black .fo_info_wrap .con_C .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_D {width:45%; padding:0 0 0 0; margin:45px 2% 25px 2%;}
	#theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:left;}
	#theme_footArea_black .fo_info_wrap .con_D .iso img {width:58px; display:inline-block;}
	
	#theme_footArea_black .container_COPY {width:96%; padding:25px 0 25px 2%; border-top:1px solid #3c3c3c;}



	/* basic-contents-area : 기본 페이지의 내용의 기준을 잡자 */
	.basic-contents-area { clear:both; position:relative; display:block; width:98%; max-width:1024px; margin:0 1%; vertical-align:top;
									padding:15px 0 0 0; z-index:5; background:#FFF; min-height:200px; text-align:center;  border:0px solid #00ff00; }

	.basic-contents-area .SubNav { float:left; position:relative;  width:170px; overflow:hidden; border:0px solid #ff00ff; }
	.basic-contents-area .ulk-con-area { position:relative; width:100%; max-width:1024px; text-align:left; line-height:22px;  border:0px solid #325546; }

	/******** / submenu / contents / 영역 설정 *************************************************************/
	.ulk_leftmenu_area  {display:none;}
	.ulk_rightbody_area {width:100%; padding:40px 0 0 0; display:block; position:relative;}

	.basic-section { width:100%; font-size:12px; margin:0; padding:0; border:0px solid #00ff00; display:block; position:relative;} /*overflow:hidden; */
	.basic-section .title-big { font-size:20px; color:#1a9a8d; font-weight:700; padding-top:22px; padding-bottom:10px; margin-top:10px;  margin-bottom:30px; background:url("/images/care/title-bg1.gif") no-repeat top left; }
	.basic-section h3 { font-size:18px; color:#3b3b3b; font-weight:600; padding-bottom:10px; margin-bottom:22px; border-bottom:1px solid #c9c9c9;  }
	.basic-section h3 i { font-size:15px; color:#1a9a8d; font-weight:600; line-height:0.3; font-style:normal; padding-right:2px; }

	.basic-section ul    { overflow:hidden; margin:0 0 22px 0; list-style:none; }
	.basic-section ul li { color:#4e4e4e; background:url("/images/common/list-dot.png") no-repeat; background-position:2px 5px; padding-left:13px; line-height:1.8;  list-style:none; margin-bottom:11px; margin-left:5px; }
	.basic-section ul li p.color-b-14px { color:#030303; line-height:1.8; margin-bottom:5px; font-size:14px; }
	.basic-section ul li p.color-b-13px { color:#626262; line-height:1.8; margin-bottom:5px; font-size:13px; }
	.basic-section ul li p.color-b-12px { color:#626262; line-height:1.8; margin-bottom:5px; font-size:12px; }

	.basic-section .bigtitle1 { font-size:22px; color:#010101; font-weight:bold; padding-bottom:10px; margin-bottom:22px; line-height:32px;  }
	.basic-section .bigtitle1 p span.point { color:#f95e5e; }
	.basic-section .startbar { clear:both; border-bottom:2px solid #1a9a8d; width:50px; margin-bottom:30px; }
	.basic-section .smalltext1 { font-size:15px; color:#5a5a5a; font-weight:normal; margin-bottom:22px; line-height:23px; }
	.basic-section .smalltext1 p { font-size:15px; color:#5a5a5a; font-weight:normal; margin-bottom:10px; line-height:23px; }
	.basic-section .smalltext1 p span.point { color:#f95e5e; }


	/* Page title */
	.basic-contents-area .ulk-con-area .pagetitle { display:block; width:100%; margin:10px 0 25px 0; padding-bottom:15px; border-bottom:1px solid #dddddd; text-align:center; }
	.basic-contents-area .ulk-con-area .pagetitle .bigtitle { font-size:25px; color:#333333; font-weight:400; padding:0 10px 10px 5px; border-bottom:3px solid #3f5aaa; margin-bottom:-1px; }



	/*.location-area { display:none; }*/
	.location-area { float:left;display:block;position:relative;width:100%; margin-top:20px;overflow:hidden;border:1px solid #dcdcdc;text-align:left; }
	.basic-outlinebox { float:left; width:98%; padding:10px 10px; font-size:12px; border:1px solid #ebebeb; }
	.box3-layer { width:31.0%; max-width:370px; overflow:hidden; margin-right:24px; }
	.details td.h-title-L {width:200px;}

	/* Members */
	.ed { width:100%;  } /* 회원가입 약관부분의 설정 - gnuboard4에서 설정된 클래스명 이므로 변경하지 말고 사용할것  */
	.cate-title-underbox {margin:0 0 30px 0; padding:40px 0;}
	.cate-title-underbox  .text-box {padding:0 20px; margin:0;}
	.cate-title-underbox  .text-box  .t1 {font-weight:800;font-size:25px; text-align:center; padding-bottom:15px;}
	.cate-title-underbox  .text-box  .t2 {font-size:37px; font-weight:800;padding-bottom:20px;}
	.cate-title-underbox  .text-box  .t3 {font-size:16px; font-weight:400;}
	.basic_outbox {width:100%; margin:10px 0 40px 0; padding:0; font-size:16px; line-height:1.5; text-align:left; vertical-align:top; display:block; position:relative; overflow:hidden;}
	
	/*.basic_outbox .bigtitle {background:url(/images/common/icon_tit_head.png) no-repeat left 8px; padding:0 0 15px 30px; margin:0 0 20px 0; font-size:25px; font-weight:400; color:#ed0281; line-height:1.4; border-bottom:1px solid #959595;}*/
	.basic_outbox .bigtitle {background:url(/images/common/icon_title_big.png) no-repeat left 8px; background-size:22px; padding:0 0 15px 30px; margin:0 0 20px 0; font-size:25px; font-weight:400; line-height:1.4; border-bottom:1px solid #959595;}

	.basic_outbox .subtitle {background:url(/images/common/icon_tit_sub.png) no-repeat 10px 6px; padding:0 0 12px 28px; margin:0 0 0 0; font-size:17px; font-weight:400; color:#333; line-height:1.4; word-break:keep-all;}
	.basic_outbox .cont {width:98%; padding:10px 1%; margin:0; text-align:left; line-height:1.5; color:#333; position:relative; display:block;}
	.basic_outbox  ul.basiclistUL {width:100%; padding:0; margin:0; list-style:none; display:block; position:relative;}
	.basic_outbox  ul.basiclistUL li {background:url(/images/common/icon_tit_list.png) no-repeat 6px 9px; padding:0 0 7px 20px; font-size:16px; color:#555; line-height:1.4; display:block;}
	.round1pxbox {
		border:1px solid #ddd;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		padding:14px 1%;
		width:97%;
		margin:0 0 0 2%;
		vertical-align:top;
		text-align:left;
		display:block;
		}
	
	table.table_resume2 td input.school_name {width:98%; display:inline-block;}
	table.table_resume2 td span.school {width:98%; padding-top:3px; text-align:center;}
	table.table_resume2 td span.school_check {width:100%; text-align:center; font-size:13px;}
	table.table_resume2 td input.year_in {width:40%;}

	
/*********************************************************************************************************************/
/*********************************************************************************************************************/
}















@media only screen and (max-width: 767px) and (min-width: 480px) { /* iPhone landscape and other small viewports */
	/* Header Section *****************************************************/
	#headerWr{position:fixed; left:0; top:0; width:100%; height:55px;  z-index: 10; background:#fffef5; border-bottom:1px solid #dad9cf; }
	/* #headerWr {  width: 100%; height:69px; z-index: 10; background: url('/images/common/gnb-bg.png') repeat-x center -30px; border-bottom:0px solid #dddddd; }  */
	#container{ position:relative; padding:10px 0px 0 0; margin:0 auto;  }


	/* Logo */
	.header_bottom {display:none;}
	.header_bottom .snsbtn_area ul {padding-top:40px; margin-left:10px;}
	.header_bottom h1 { width:35%; }
	.header_bottom h1 a img {margin:17px auto 17px auto; width:100%; max-width:110px;}
	.header_bottom .search_area { position:absolute; top:0px; right:0px; overflow:hidden; padding-top:6px; margin-right:10px; border:0px solid #00ff00; }


	.header { width:100%; text-align:center; margin:0 auto; }
	.header h1 {float:left; width:100%; text-align:center; padding-bottom:4px; padding-left:0px; padding-right:0; margin-top:10px; }
	.header h1 img { border:0; height:35px; }

	.mobile-head-logo {float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; padding-left:0px; padding-right:0; margin-top:12px;}
	.mobile-head-logo-fixed { float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; margin-top:10px;}


	/* Head Nav */
	/*.hnb { position:absolute; top:0px; right:10px; z-index:10; font-size:11px; background:none;  }*/
	.hnb { width:98%; float:left; position:relative;  display:block; margin:0 1% 10px 1%; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }

	.hnb ul { width:100%; float:left; display:block; margin-top:0px; }
	.hnb ul li { float:left; display:block;  padding-left:5px; padding-bottom:5px; text-align:left; margin-left:0; margin-right:6px; }
	.hnb ul li a,
	.hnb ul li a:focus,
	.hnb ul li a:visited { color:#808080; text-decoration:none; }
	.hnb ul li a:hover { color:#808080; text-decoration:none; }
	.hnb ul li.last { margin-right:0; padding-right:0; background:none; }

	/* Main Nav */
	.gnb { display:none; }



	/* Main Section ****************************************************************************/
	.bigbanner_area {display: block; margin-top: 30px;}
	/* 바로가기 */
	#goto_catelinkArea {margin:0px auto 0 auto;}
	#goto_catelinkArea .cbox {width:100%; height:auto; min-height:250px; border-radius:0;}
	#goto_catelinkArea .cbox div.t1 {margin:25px 20px 10px auto; padding:6px 16px 0 0; font-size:25px; background:url("/images/main/leaf.png") no-repeat right 0px; }
	#goto_catelinkArea .cbox p {margin:0 20px 20px auto; padding:6px 16px 0 0; font-size:16px;}
	#goto_catelinkArea .btn_more {width:169px; height:20px; font-size:16px; bottom:40px; right:20px; z-index:10;}
	.goto_textline1 {margin:30px auto 0 auto; font-size:23px; line-height:1.6;}
	.goto_textline2 {margin:0px auto 30px auto; font-size:35px; line-height:1.6;}
	#main_sec_02 {padding:30px 0 30px 0;}
	#main_sec_02 .board_area {width:96%; margin:0 1.5%;}
	#main_sec_02 .main_notice_area {margin:0 1%; padding:0;}
	#main_sec_02 .main_notice_area h1 {font-size:20px; padding:10px 10px 10px 70px; margin:0 0; }
	#main_sec_02 .main_notice_area ul.noticelist {margin:20px 0 0 0;}
	#main_sec_02 .main_notice_area ul.noticelist li {padding:0 0 0 2px; margin:0 0 0 0; font-size:14px;}
	#main_sec_02 .main_notice_area ul.noticelist li a {width:98%; padding:10px 0 10px 0; margin:0 1% 0 0;}
	#main_sec_02 .main_notice_area ul.noticelist li span.bo_cate {padding:0 0 5px 0; color:#4480c1; font-size:12px;} 
	#main_sec_02 .main_notice_area ul.noticelist li span.bo_subject {padding:0 0 0 0; margin:0 0 5px 0; color:#333; font-size:16px;} 
	#main_sec_02 .main_notice_area ul.noticelist li p.bo_cont {padding:0; margin:0 0 7px 0; font-size:12px;} 
	#main_sec_02 .main_notice_area ul.noticelist li span.date {clear:both; color:#a6a6a6; font-size:12px; }
	/* main 지도 */ 
	#main_company_location {width:100%; padding:0; margin:0;}
	#main_company_location .title_area {padding:30px 0; background-size:cover;}
	#main_company_location .title_area p {}
	#main_company_location .title_area p.t1 {font-size:15px;}
	#main_company_location .title_area p.t2 {font-size:17px; padding-top:5px;}
	#main_company_location .map_area {}


	
	/* Footer Area ****************************************************************************************************************/
	#footer-area { width:100%; margin:0 auto; padding:0 0 10px 0;}
	#theme_footArea_black {}
	#theme_footArea_black .fo_nav_wrap {}
	#theme_footArea_black .fo_nav_wrap .logo_area {display:none;  /*width:18%; margin:15px 0 15px 2%; text-align:left; display:inline-block;*/}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:35px;}
	#theme_footArea_black .fo_nav_wrap .link_area {width:98%; margin:5px 1% 5px 1%; text-align:center;}
	#theme_footArea_black .fo_nav_wrap .link_area span {margin:10px 15px 5px 10px;}
	#theme_footArea_black .fo_nav_wrap .link_area span a {font-size:12px; letter-spacing:-1px;}
	#theme_footArea_black .fo_info_wrap .con_A {width:94%; padding:0; margin:25px 3% 0 3%;}
	#theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:5px; font-size:12px; min-height:auto;}
	#theme_footArea_black .fo_info_wrap .con_A .add.ver_eng {min-height:20px;}
	#theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; font-size:12px; display:inline-block; width:49%;}
	#theme_footArea_black .fo_info_wrap .con_A .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_B {width:94%; padding:18px 0 0 0; margin:10px 3% 0 3%; border-top:1px dotted #454444;}
	#theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_B .add {padding-bottom:10px; font-size:12px;}
	#theme_footArea_black .fo_info_wrap .con_B .add.ver_eng {min-height:50px;}
	#theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; font-size:12px; display:inline-block; width:auto; margin:0 14px 0 0;}
	#theme_footArea_black .fo_info_wrap .con_B .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_C {width:94%; padding:18px 0 0 0; margin:10px 3% 0 3%; border-top:1px dotted #454444;}
	#theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_C .add {padding-bottom:10px; font-size:12px;}
	#theme_footArea_black .fo_info_wrap .con_C .add.ver_eng {min-height:50px;}
	#theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; font-size:12px;}
	#theme_footArea_black .fo_info_wrap .con_C .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_D {width:94%; padding:18px 0 0 0; margin:10px 3% 0 3%; border-top:1px dotted #454444;}
	#theme_footArea_black .fo_info_wrap .con_D h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:left;}
	#theme_footArea_black .fo_info_wrap .con_D .iso img {width:58px; display:inline-block;}
	#theme_footArea_black .fo_info_wrap .con_D .linkbanner {width:46%; margin:0 3px 4px 0; vertical-align:top; text-align:left; max-width:150px;}
	#theme_footArea_black .fo_info_wrap .con_D .linkbanner img {width:100%; max-width:150px;}

	#theme_footArea_black .container_COPY {width:96%; padding:20px 0 25px 2%;}



	.location-area { display:none; }


	/* basic-contents-area : 기본 페이지의 내용의 기준을 잡자 */
	.basic-contents-area { clear:both; position:relative; display:block; width:100%; height:auto;  margin:0 auto; vertical-align:top;
									padding:0px 0 0 0; z-index:5; background:#FFF; min-height:100px; overflow:hidden; text-align:center; border:0px solid #00ff00; }
	.basic-contents-area .SubNav { display:none; }
	.basic-contents-area .ulk-con-area { position:relative; display:block; width:100%; padding:10px; margin:0 0 0 0; text-align:left; line-height:22px;  overflow:hidden;  }

	/******** / submenu / contents / 영역 설정 *************************************************************/
	.ulk_leftmenu_area  {display:none;}
	.ulk_rightbody_area {width:100%; padding:20px 0 0 0;}


	/* Page title */
	.basic-contents-area .ulk-con-area .pagetitle {float:none; display:block; width:100%; margin:20px 0 20px 0; padding-bottom:13px;}
	.basic-contents-area .ulk-con-area .pagetitle .bigtitle { font-size:20px; font-weight:600; padding:0 5px 12px 5px; border-bottom:2px solid #3f5aaa; margin-bottom:-17px; line-height:1;}

	.basic_outbox .bigtitle {background:url(/images/common/icon_title_big.png) no-repeat left 7px; background-size:18px; padding:0 0 15px 25px; margin:0 0 20px 0; font-size:20px; font-weight:400; line-height:1.4; border-bottom:1px solid #959595;}

/*********************************************************************************************************************/
/*********************************************************************************************************************/

}


















@media only screen and ( max-width: 479px) and (min-width: 100px) { /* Smart phones portrait */
	#ulk_wrap { min-width:200px; max-width:479px; overflow:hidden; }
	#container{ /*height:auto;*/ position:relative; padding:10px 0 0 0; margin:0 auto;}
	/* Header Section *****************************************************/
	#headerWr{position:fixed; left:0; top:0; width:100%; height:55px; margin-top:0;  z-index: 10; background:#ffffff; /*background:#fffef5;*/
		border-bottom:1px solid #dad9cf; }
	/*
	#headerWr {  width: 100%; height:59px; z-index: 10; background: url('/images/common/gnb-bg.png') repeat-x center -40px; border-bottom:0px solid #dddddd; }
	*/
	.header { min-width:290px; width:100%; text-align:center; margin:0 auto; }
	.header h1 {float:left; width:100%; text-align:center; padding-bottom:10px; padding-left:0px; padding-right:0; margin:10px 0 0 0; }
	.header h1 img { border:0; height:30px; }

	.mobile-head-logo {float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; padding-left:0px; padding-right:0; margin-top:12px;}
	.mobile-head-logo-fixed { float:left; display:block; width:100%; height:auto; text-align:center; padding-bottom:10px; margin-top:10px;}

	.header_bottom {display:none;}

	/* Head Nav */
	/*.hnb { position:absolute; top:0px; right:10px; z-index:10; font-size:11px; background:none;  }*/
	.hnb { width:100%; float:left; position:relative;  display:block; margin:0 1%; padding:0; z-index:10; font-size:12px; background:none; border:0px solid #00ff00; }


	.hnb ul { width:100%; float:left; display:block; margin-top:0px; }
	.hnb ul li { float:left; display:block;  padding-left:5px; padding-bottom:5px; text-align:left; margin-left:0; margin-right:6px; }
	.hnb ul li a,
	.hnb ul li a:focus,
	.hnb ul li a:visited { color:#808080; text-decoration:none; }
	.hnb ul li a:hover { color:#808080; text-decoration:none; }
	.hnb ul li.last { margin-right:0; padding-right:0; background:none; }
	/* Main Nav */
	.gnb { display:none; }

	.location-area { display:none; }



	/* Main Section ****************************************************************************/	
	.bigbanner_area {display: block; margin-top: 34px;}

	/* 바로가기 */
	#goto_catelinkArea {margin:0 auto 0 auto;}
	#goto_catelinkArea .cbox {width:100%; height:auto; min-height:250px; border-radius:0;}
	#goto_catelinkArea .cbox div.t1 {margin:25px 20px 10px auto; padding:6px 16px 0 0; font-size:25px; background:url("/images/main/leaf.png") no-repeat right 0px; }
	#goto_catelinkArea .cbox p {margin:0 20px 20px auto; padding:6px 16px 0 0; font-size:16px;}
	#goto_catelinkArea .pbg1 {background-position:center 40%; background-size:cover;}
	#goto_catelinkArea .pbg2 {background-position:center 10%; background-size:cover;}
	#goto_catelinkArea .pbg3 {background-position:center 10%; background-size:cover;}
	#goto_catelinkArea .btn_more {width:169px; height:20px; font-size:16px; bottom:40px; right:20px; z-index:10;}
	#goto_catelinkArea .cover {top:-60px;}
	.goto_textline1 {margin:30px auto 0 auto; font-size:17px; letter-spacing:-1px;}
	.goto_textline2 {margin:0px auto 30px auto; font-size:22px; letter-spacing:-1px;}
	#main_sec_02 {padding:30px 0 30px 0;}
	#main_sec_02 .board_area {width:96%; margin:0 1.5%;}
	#main_sec_02 .main_notice_area {margin:0 1%; padding:0;}
	#main_sec_02 .main_notice_area h1 {font-size:20px; padding:10px 10px 10px 70px; margin:0 0; }
	#main_sec_02 .main_notice_area ul.noticelist {margin:20px 0 0 0;}
	#main_sec_02 .main_notice_area ul.noticelist li {padding:0 0 0 2px; margin:0 0 0 0; font-size:14px;}
	#main_sec_02 .main_notice_area ul.noticelist li a {width:98%; padding:10px 0 10px 0; margin:0 1% 0 0;}
	#main_sec_02 .main_notice_area ul.noticelist li span.bo_cate {padding:0 0 5px 0; color:#4480c1; font-size:12px;} 
	#main_sec_02 .main_notice_area ul.noticelist li span.bo_subject {padding:0 0 0 0; margin:0 0 5px 0; color:#333; font-size:16px;} 
	#main_sec_02 .main_notice_area ul.noticelist li p.bo_cont {padding:0; margin:0 0 7px 0; font-size:12px;} 
	#main_sec_02 .main_notice_area ul.noticelist li span.date {clear:both; color:#a6a6a6; font-size:12px; }
	/* main 지도 */ 
	#main_company_location {width:100%; padding:0; margin:0;}
	#main_company_location .title_area {padding:30px 0; background-size:cover;}
	#main_company_location .title_area p {}
	#main_company_location .title_area p.t1 {font-size:15px;}
	#main_company_location .title_area p.t2 {font-size:17px; padding-top:5px;}
	#main_company_location .map_area {}

	
	/* Footer Area ****************************************************************************************************************/
	#footer-area { width:100%; margin:0 auto; padding:0 0 10px 0;}
	#theme_footArea_black {}
	#theme_footArea_black .fo_nav_wrap {}
	#theme_footArea_black .fo_nav_wrap .logo_area {display:none;  /*width:18%; margin:15px 0 15px 2%; text-align:left; display:inline-block;*/}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:;}
	#theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:35px;}
	#theme_footArea_black .fo_nav_wrap .link_area {width:98%; margin:5px 1% 5px 1%; text-align:center;}
	#theme_footArea_black .fo_nav_wrap .link_area span {margin:10px 5px 5px 0;}
	#theme_footArea_black .fo_nav_wrap .link_area span a {font-size:12px; letter-spacing:-1px;}
	#theme_footArea_black .fo_info_wrap .con_A {width:94%; padding:0; margin:25px 3% 0 3%;}
	#theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:5px; font-size:12px; min-height:auto;}
	#theme_footArea_black .fo_info_wrap .con_A .add.ver_eng {min-height:20px;}
	#theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; font-size:12px; display:inline-block; width:49%;}
	#theme_footArea_black .fo_info_wrap .con_A .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_B {width:94%; padding:18px 0 0 0; margin:10px 3% 0 3%; border-top:1px dotted #454444;}
	#theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_B .add {padding-bottom:10px; font-size:12px;}
	#theme_footArea_black .fo_info_wrap .con_B .add.ver_eng {min-height:50px;}
	#theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; font-size:12px; display:inline-block; width:32%;}
	#theme_footArea_black .fo_info_wrap .con_B .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_C {width:94%; padding:18px 0 0 0; margin:10px 3% 0 3%; border-top:1px dotted #454444;}
	#theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_C .add {padding-bottom:10px; font-size:12px;}
	#theme_footArea_black .fo_info_wrap .con_C .add.ver_eng {min-height:50px;}
	#theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; font-size:12px;}
	#theme_footArea_black .fo_info_wrap .con_C .number span {font-size:12px; padding-right:12px;}

	#theme_footArea_black .fo_info_wrap .con_D {width:94%; padding:18px 0 0 0; margin:10px 3% 0 3%; border-top:1px dotted #454444;}
	#theme_footArea_black .fo_info_wrap .con_D h1 {padding:0 0 20px 0; font-size:14px;}
	#theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:left;}
	#theme_footArea_black .fo_info_wrap .con_D .iso img {width:58px; display:inline-block;}
	#theme_footArea_black .fo_info_wrap .con_D .linkbanner {width:46%; margin:0 3px 4px 0; vertical-align:top; text-align:left; max-width:150px;}
	#theme_footArea_black .fo_info_wrap .con_D .linkbanner img {width:100%; max-width:150px;}

	#theme_footArea_black .container_COPY {width:96%; padding:20px 0 25px 2%;}



	/* basic-contents-area : 기본 페이지의 내용의 기준을 잡자 */
	.basic-contents-area { clear:both; position:relative; display:block; width:100%; height:auto;  margin:0 auto; vertical-align:top;
									padding:10px 0 0 0; z-index:5; background:#FFF; min-height:250px; overflow:hidden; text-align:center; }

	.basic-contents-area .SubNav { display:none; }
	.basic-contents-area .ulk-con-area { position:relative; display:block; width:auto; height:auto; margin:0 0 20px 0; padding:0 10px; text-align:left; line-height:22px;  overflow:hidden; }

	/******** / submenu / contents / 영역 설정 *************************************************************/
	.ulk_leftmenu_area  {display:none;}
	.ulk_rightbody_area {width:100%; padding:20px 0 0 0;}

	/* Page title */
	.basic-contents-area .ulk-con-area .pagetitle {float:none; display:block; width:100%; margin:18px 0 15px 0; padding-bottom:13px;}
	.basic-contents-area .ulk-con-area .pagetitle .bigtitle {font-size:20px; font-weight:600; padding:0 5px 12px 5px; border-bottom:1px solid #3f5aaa; margin-bottom:-18px; line-height:1;}


	.basic-section { float:left; width:100%; font-size:12px; margin:0; } /*overflow:hidden; */
	.basic-section .title-big { font-size:17px; color:#1a9a8d; font-weight:700; padding-top:11px; padding-bottom:10px; margin-top:0px;  margin-bottom:20px; background:url("/images/care/title-bg1.gif") no-repeat -12px top; }

	.basic_outbox {width:100%; margin:0 0 40px 0; padding:0; font-size:14px; line-height:1.5; text-align:left; vertical-align:top; display:block; position:relative; overflow:hidden;}
	.basic_outbox .bigtitle {background:url(/images/common/icon_title_big.png) no-repeat left 5px; background-size:16px; padding:0 0 15px 25px; margin:0 0 20px 0; font-size:20px; font-weight:400; line-height:1.4; border-bottom:1px solid #959595;}
	
	.inner_basic {width:98%; margin:0 auto 20px auto; line-height:1.5; font-size:14px; }
	.inner_basic p {padding:0; margin-bottom:15px; line-height:1.5; font-size:14px;}

	#RightNowBanner {display:none;}

	/* 오시는길 */
	
	/* 오시는길 */


		
	


/*********************************************************************************************************************/
/*********************************************************************************************************************/


}







@media only screen and (max-width:1440px) and (min-width: 1025px) {
#cate_headimg {width:100%; /*height:220px;*/ height:110px; position: relative; text-align:center; z-index:1; }
}

@media only screen and (max-width:1024px) and (min-width: 768px) {
#cate_headimg {width:100%; /*height:220px;*/ height:50px; position: relative; text-align:center; z-index:1; }
/*
#cafe_headimg .bgBox {position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;}
#cate_headimg .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%; }
#cate_headimg ul.textarea {width:100%; display:block; padding-top:120px; font-size:20px; line-height:20px; font-weight:400; }
#cate_headimg ul.textarea li.tbig   {font-size:25px; font-weight:700; padding:0 0 10px 0;}
#cate_headimg ul.textarea li.line   {width:20px; border-bottom:1px solid #fff; margin:0 auto; }
#cate_headimg ul.textarea li.tsmall {clear:both; margin:8px auto 0 auto; font-size:12px; color:#fff; }
*/
}

@media only screen and (max-width:767px) and (min-width: 480px) {
	/*.foot-nav-area .foot-nav {width:100%; padding:10px 0 12px 0;}*/
#cate_headimg {width:100%; /* height:170px; */ height:50px; position: relative; text-align:center; z-index:1; }
#cafe_headimg .bgBox {display:none; /*position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;*/}
#cate_headimg .bgBox span {transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%; }
#cate_headimg ul.textarea {width:100%; display:block; padding-top:90px; font-size:20px; line-height:20px; font-weight:400; }
#cate_headimg ul.textarea li.tbig   {font-size:20px; font-weight:700; padding:0 0 10px 0;}
#cate_headimg ul.textarea li.line   {width:20px; border-bottom:1px solid #fff; margin:0 auto; }
#cate_headimg ul.textarea li.tsmall {clear:both; margin:8px auto 0 auto; font-size:12px; color:#fff; }
}

@media only screen and (max-width:479px) and (min-width: 50px) {
	/*
	.foot-nav-area .foot-nav {width:100%; padding:10px 0 12px 0;}
	.foot-nav-area .foot-nav ul li { margin-left:0px; padding-left:2px; padding-right:2px;}
	.foot-nav-area .foot-nav ul li.first {margin-left:0px; padding-left:10px; padding-right:5px; background:none;}
	*/
#cate_headimg {width:100%; height:50px; position: relative; text-align:center; z-index:1; }  /* 모바일에서 출력되지 않게 처리  */
#cafe_headimg .bgBox {display:none; /* position: absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden; */}
#cate_headimg .bgBox span {display:none; /* transition:2s all; transform:scale(1.1); position: absolute; left:0; top:0; width: 100%; height: 100%; */}
#cate_headimg ul.textarea {display:none; /*width:100%; display:block; padding-top:90px; font-size:20px; line-height:20px; font-weight:400; */}
#cate_headimg ul.textarea li.tbig   {font-size:20px; font-weight:700; padding:0 0 10px 0;}
#cate_headimg ul.textarea li.line   {width:20px; border-bottom:1px solid #fff; margin:0 auto; }
#cate_headimg ul.textarea li.tsmall {clear:both; margin:8px auto 0 auto; font-size:12px; color:#fff; }

}


@media only screen and (max-width:1023px) and (min-width: 50px) {

	.customercenter_box {width:100%; height:auto; display:inline-block; vertical-align:top; text-align:left; color:#fff; background:#5c7f30;}
	.customercenter_box ul.info {width:90%; margin:20px 5%;}
	.customercenter_box ul.info li {list-style:none; color:#fff; font-size:17px; font-weight:400; padding:3px 0;}
	.customercenter_box ul.info li.subject {font-size:20px; font-weight:700; padding:5px 0 10px 0;}
	.customercenter_box ul.info li.underbar {width:22px; border-bottom:1px solid #a4c991; }
	.customercenter_box ul.info li.tel {font-size:22px; font-weight:700; padding:13px 0 2px 0;}
	.customercenter_box ul.info li.email {font-size:15px;}
	.customercenter_box ul.info li.time  {font-size:15px;}
	.customercenter_box ul.info li a {color:#fff;}
	.customercenter_box ul.info li a:link,
	.customercenter_box ul.info li a:visited,
	.customercenter_box ul.info li a:active {color:#fff;}
	.customercenter_box ul.info li a:hover {color:#d5f179;}
	.customercenter_box ul.info li.email {font-size:15px;}

	/* 카테고리별 서브메뉴 상단 버전 */
	.ca_submenu_area {width:100%; height:auto; background-color:#31498f; color:#fff;
		border-bottom:1px solid #d0d0d0;
		display:block;
		position:relative;
		overflow:hidden;
		padding:2px 0 10px 0;}
	.ca_submenu_area .catesubUUU {margin:0 auto; padding:0; text-align:center; display:block; position:relative;  list-style:none;}
	.ca_submenu_area .catesubUUU li.name {margin:5px 0 0 0; padding:0; text-align:center; font-size:12px; font-weight:400; display:inline-block; list-style:none;}
	.ca_submenu_area .catesubUUU li.name a {font-weight:500; }
	.ca_submenu_area .catesubUUU li.bar {width:1px; height:12px; padding:0; margin:10px 10px 0 10px; display:inline-block; list-style:none;}
	.ca_submenu_area .catesubUUU li:last-child {display:none;}
	/* 카테고리별 서브메뉴 상단 버전 */
}


@media only screen and (max-width:3479px) and (min-width: 50px) { 
	/* 개인정보취급방침 */ 
	.per_rule {width:100%; line-height:160%; padding-top:30px; float:left; display:block; position:relative; }
	.per_rule dl {width:100%;}
	.per_rule dl dd div {line-height:160%; float:left; display:block; position:relative; }
	.outlinebox-white {border:1px solid #dedede; border-radius:10px; background:#ffffff; display:block;float:left;width:100%; padding:10px 18px 5px 13px;}
	.outlinebox-white p {border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:8px; }
	ul.con-ul-text {border:0px solid #ff00ff; padding:0; display:block; width:100%; margin-top:5px; margin-left:10px; font-family: inherit;  list-style:none;}
	ul.con-ul-text li{background:url(../img/ico_disc.gif) no-repeat 0 11px; margin:0; padding-left:13px; padding-bottom:5px; line-height:26px; font-size:13px; font-weight:400; font-family: inherit; list-style:none;}
	ul.con-ul-text-blue {display:block; width:100%; padding:0; margin-top:5px; margin-left:10px; font-family: inherit;  list-style:none;}
	ul.con-ul-text-blue li {background:url(../img/ico_disc_blue.gif) no-repeat 0 11px; margin:0; padding-left:15px; padding-bottom:5px; line-height:26px; font-size:13px; font-weight:400; font-family: inherit; list-style:none;}
	ul.con-ul-text-blue li ul.sublist {display:block; width:100%; margin:3px; font-family: inherit;  list-style:none;}
	ul.con-ul-text-blue li ul.sublist li {background:none; list-style:none; padding-left:3px; padding-bottom:4px; line-height:26px; font-size:13px; font-weight:400; font-family: inherit; }
}