@charset "utf-8";

/* iPads (landscape)  */
@media only screen
and (max-width : 749px) {  

/*** common ***/
.w_set {width:100%;margin:0 auto;}

.pc {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}


#wrap {padding-top:50px;}


/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
#header {}
#header .hd_top {position:relative;height:50px;text-align:center;}
#header .hd_top .hd_logo {display:inline-block;float:none;width:auto;margin-top:15px;font-size:0px;}
#header .hd_top .hd_logo img {width:auto;height:21px;}
#header .hd_top .hd_menu_btn {position:absolute;width:40px;height:100%;background:url("../images/common/hd_menu.png") no-repeat center center;background-size:20px auto;cursor:pointer;font-size:0px;}

.side_bg {display:none;position:fixed;top:0;left:0;z-index:950;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.4s;}
.side_bg:after {display:block;position:absolute;top:16px;right:16px;width:18px;height:18px;background:url("../images/common/side_close.png") no-repeat center center;background-size:100% 100%;content:'';}
.side_bg.on {opacity:1;}
.hd_side {position:fixed;top:0;left:calc(-100% - 50px);z-index:999;width:calc(100% - 50px);height:100%;background:#ffffff;overflow-y:auto;transition:left 0.4s;}
.hd_side.on {left:0;}
.hd_side .side_top {height:50px;background:#b1040e;}
.hd_side .side_top .side_logo {float:left;margin:15px 0 0 20px;font-size:0px;}
.hd_side .side_top .side_logo img {width:auto;height:22px;}
.hd_side .side_top .side_mem {float:right;padding-right:5px;}
.hd_side .side_top .side_mem > li {margin-top:12px;}
.hd_side .side_top .side_mem > li > a {display:block;width:65px;height:26px;background:#86050d;font-size:12px;color:#ffffff;font-weight:300;text-align:center;line-height:26px;letter-spacing:-0.02em;}
.hd_side .side_menu {padding:10px 20px;}
.hd_side .side_menu > ul > li {}
.hd_side .side_menu > ul > li > a {display:block;height:50px;background:url("../images/common/side_arr.png") no-repeat right center;background-size:12px;font-size:16px;color:#b1040e;font-weight:500;letter-spacing:-0.02em;line-height:50px;}
.hd_side .side_menu > ul > li.on > a {background-image:url("../images/common/side_arr_on.png");}
.hd_side .side_menu > ul > li > .hd_all_sub {display:none;margin-top:0px;}
.hd_side .side_menu > ul > li.on > .hd_all_sub {display:block;}
.hd_side .side_menu > ul > li > .hd_all_sub > ul {padding:0 5px 14px;border-bottom:1px solid #b1040e;}
.hd_side .side_menu > ul > li > .hd_all_sub > ul > li {padding:9px 0;}
.hd_side .side_menu > ul > li > .hd_all_sub > ul > li > a {font-size:13px;color:#555555;font-weight:400;line-height:100%;}
.hd_side .side_menu > ul > li:last-of-type > .hd_all_sub > ul {border:0 none;}



/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {}
#footer .ft_menu {padding:20px 0;font-size:0px;text-align:center;}
#footer .ft_menu .w_set{box-sizing:border-box;padding:0 15px;}
#footer .ft_menu .w_set > ul{width:calc(100% - 150px);display: flex;}
#footer .ft_menu .w_set > ul > li {display:inline-block;vertical-align:top;width:auto !important;padding:0 15px;float:none;line-height:50px;text-align:center !important;}
#footer .ft_menu .w_set > ul > li + li{margin:0;}
#footer .ft_menu .w_set > ul > li > a {font-size:15px;}
#footer .family_site{width:150px;}

#footer .ft_gnb {padding:25px 0 26px;text-align:center;font-size:0px;}
#footer .ft_gnb > li {display:inline-block;position:relative;float:none;padding:0 0 0 0;line-height:20px;text-align:center;}
#footer .ft_gnb > li:after {top:50%;right:0;margin-top:-4px;width:1px;height:8px;}
#footer .ft_gnb > li:last-of-type:after {display:none;}
#footer .ft_gnb > li > a {font-size:12px;}
#footer .ft_gnb > li:nth-of-type(1) {width:22%;}
#footer .ft_gnb > li:nth-of-type(2) {width:18%;}
#footer .ft_gnb > li:nth-of-type(3) {width:28%;}
#footer .ft_gnb > li:nth-of-type(4) {width:32%;}
#footer address {padding:0 0 40px;font-size:12px;line-height:18px;text-align:center;}
#footer address > p {float:none;padding-top:25px;}

/*───────────────────────────────────────────────────────────

	 INDEX | index.html

───────────────────────────────────────────────────────────*/
#content {}
.main_visual .slick-arrow {display:none !important;}
.main_visual .sld_bg {height:calc(100vh - 50px);}
.main_visual .sld_bg .inner_txt .bld {font-size:25px;}
.main_visual .sld_bg .inner_txt .sml {padding:10px 10px 0;font-size:18px;word-break:keep-all;font-weight:500;}

#content .main_title {padding-bottom:10px;font-size:14px;}
#content .main_title:after {margin-left:-14px;width:26px;height:2px;}

#content .main_adf {padding:35px 0 40px;}
#content .main_adf .list_wrap {padding-top:40px;}
#content .main_adf .list_wrap .list {width:50%;height:auto;padding:60px 0 35px;background-size:auto 50px;background-position:center top;}
#content .main_adf .list_wrap .list .bld {font-size:14px;}
#content .main_adf .list_wrap .list .nrm {padding:14px 5px;font-size:12px;line-height:18px;word-break:keep-all;}

#content .main_bbs {padding:37px 0;background-size:60px auto;border:0 none;}
#content .main_bbs .bbs_wrap {padding:0 10px 0;}
#content .main_bbs .bbs_wrap .bbs_box {width:100%;height:270px;margin-top:20px;overflow:hidden;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title {padding:15px 20px;border-bottom:1px solid #eeeeee;font-size:14px;line-height:100%;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title a {width:14px;height:14px;background-image:url("../images/main/main_bbs_more_t.jpg");background-size:100% 100%;font-size:0px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap {padding:10px 20px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li {padding:0 0;height:auto;line-height:34px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a {width:calc(100% - 65px);}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p {font-size:12px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.idx {width:32px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.title {max-width:calc(100% - 32px);}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li p.date {font-size:10px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li:nth-of-type(7) {display:none;}

#content .main_loc {padding:42px 0 55px;}
#content .main_loc .w_set_loc {width:100%;}
#content .main_loc .list_wrap {padding:0 0 0;}
#content .main_loc .list_wrap .list {width:100%;margin:50px 0 0;background-size:auto 50px;text-align:center;}
#content .main_loc .list_wrap .list .bld {padding:78px 0 10px;font-size:12px;}
#content .main_loc .list_wrap .list .nrm {font-size:12px;line-height:18px;}
#content .main_loc .list_wrap .list .nrm.ff_lato {font-size:12px;}




/*───────────────────────────────────────────────────────────

	 SUB

───────────────────────────────────────────────────────────*/

/* 서브기본설정 */
.sub_bg {height:150px;}
#sub_wrap {width:100%;padding:0;margin:0 auto 30px;}
.sub_menu {width:100%;border-bottom:1px solid #dddddd;}
.sub_menu .menu_title {padding:20px 10px;font-size:16px;background:#ffffff;color:#333333;border-bottom:2px solid #b1040e;height:auto;line-height:initial;;}
.sub_menu .menu_title .menu_txt{font-size:inherit;color:inherit;font-weight:inherit;}
.sub_menu .menu_title .sub_txt{font-size:14px;color:#555;font-weight:400;word-break:keep-all;}
.sub_menu > ul {margin-bottom:-1px;padding:0 0 0 0;font-size:0px;}
.sub_menu > ul > li {display:inline-block;padding:0 0 0 0;width:100%;}
.sub_menu > ul > li,
.sub_menu > ul > li:last-of-type {border:1px solid #dddddd;box-sizing:border-box;border-width:0 0 1px 0;}
.sub_menu > ul > li:nth-of-type(2n) {border-right:0 none;}
.sub_menu > ul > li > a {display:block;font-size:14px;color:#333333;font-weight:500;}
.sub_menu > ul > li.on > a,
.sub_menu > ul > li > a:hover {background-position:95% center;}
.sub_sec {float:right;width:100%;box-sizing:border-box;padding:10px;}
.sub_sec .sub_title {display:none;padding:30px 0 10px;}
.sub_sec .sub_title > p {width:100%;font-size:24px;line-height:26px;}
.sub_sec .sub_title .location {width:100%;padding-top:10px;line-height:20px;}
.sub_sec .sub_title .location > .list {float:left;height:20px;padding-left:20px;background:url("../images/sub/loc_arr.png") no-repeat 9px center;font-size:12px;color:#acacac;font-weight:300;}
.sub_sec .sub_title .location > .list.home > a {margin-top:5px;}
.sub_sec .sub_cont {padding-top:50px;}
.sub_p_t {text-align:center;}
.sub_p_t.u_line {position:relative;padding-bottom:14px;}
.sub_p_t.u_line:after {margin-left:-15px;width:30px;height:2px;}
.sub_p_t .t1 {font-size:22px;line-height:30px;}
.sub_p_t .t1.t_mdl {font-size:22px;}
.sub_p_t .t1.t_bld {font-size:25px;}
.sub_p_t .t1.t_sml {font-size:22px;}

.sub_p_t .t1.pc_dn {display: block; margin-bottom: 40px;}
.sub_p_t .t1.t_dn {display: block;}
.sub_p_t.m_dn {display: none;}

.sub_p_t .t2 {padding-top:10px;font-size:13px;}
.sub_p_t .t3 {padding:0 0 30px;font-size:13px;line-height:18px;}
.chk_title_on {padding:0 0 22px 22px;background-size:auto 18px;font-size:14px;line-height:18px;}
.chk_title_on b {font-size:14px;}
.chk_title_on p {padding-top:6px;font-size:12px;line-height:16px;}

table.sub_table tr th,
table.sub_table tr td {vertical-align:middle;border:1px solid #cccccc;border-width:0 1px 1px 0;}
table.sub_table thead tr th:last-of-type,
table.sub_table tr td:last-of-type {border-width:0 0 1px 0;}
table.sub_table tr th {padding:10px 0;background:#eeeeee;font-size:13px;color:#333333;font-weight:500;line-height:17px;}
table.sub_table tbody tr th {padding:7px 0;background:#ebeff4;}
table.sub_table tr td {font-size:14px;color:#666666;line-height:16px;font-weight:400;}
table.sub_table.swmajor_table col:first-child { width: 17%; }

.sw_01 {}
.sw_01 .intro_txt {font-size:14px;line-height:22px;}

/*
	스파르탄 SW 교육원
	교육목표
*/
.sw_02 {}
.sw_02 .sec01 {padding:0 0 50px;}
.sw_02 .sec01 .pic {width:100%;}
.sw_02 .sec01 .pic img {width:100%;}
.sw_02 .sec01 .txt {width:100%;padding:28px 0 0 0;text-align:center;}
.sw_02 .sec01 .txt .bld {font-size:26px;color:#d55854;font-weight:700;line-height:100%;}
.sw_02 .sec01 .txt .nrm {padding:10px 0 0;font-size:13px;color:#666666;font-weight:300;line-height:20px;}
.sw_02 .sec02 {padding:50px 0 30px;}
.sw_02 .sec02 .list_wrap {padding:30px 0 0;}
.sw_02 .sec02 .list_wrap .list {float:left;width:100%;height:auto;border:0 none;border-top:1px solid #cccccc !important;}
.sw_02 .sec02 .list_wrap .list:first-of-type {border-top:0 none !important;}
.sw_02 .sec02 .list_wrap .list .txt01 {padding:20px 0 15px;font-size:18px;line-height:22px;}
.sw_02 .sec02 .list_wrap .list:nth-of-type(n+4) .txt01 { padding-top: 20px; }
.sw_02 .sec02 .list_wrap .list .txt02 {position:relative;padding:0 0 13px;font-size:14px;color:#666666;font-weight:500;line-height:18px;}
.sw_02 .sec02 .list_wrap .list .txt02:after {margin-left:-6px;width:12px;height:2px;background:#d55854;content:'';}
.sw_02 .sec02 .list_wrap .list .txt03 {padding:10px 0 20px;font-size:13px;line-height:15px;}
.sw_02 .sec03 {padding:30px 0;}
.sw_02 .sec03 .edu_detail_list .edu_item { width: 100%; padding: 30px 20px; }
.sw_02 .sec03 .edu_detail_list .edu_item img { max-width: 55px; }
.sw_02 .sec03 .edu_detail_list .edu_item > div { gap: 15px; }
.sw_02 .sec03 .edu_detail_list .edu_item > div .tit p { font-size: 25px; line-height: 1; }
.sw_02 .sec03 .edu_detail_list .edu_item > div .tit span { font-size: 14px; }
.sw_02 .sec03 .edu_detail_list .edu_item > ul { margin-top: 15px; }
.sw_02 .sec03 .edu_detail_list .edu_item > ul li { font-size: 14px; line-height: 26px; word-break: keep-all; }
.sw_02 .sec03 .edu_detail_list .edu_item > ul li::before { margin-top: 12px; margin-right: 5px; }
/*
	스파르탄 SW 교육원
	조직도
*/
.sw_03 {}
.sw_03 .sec01 {padding:0 0 50px;}
.sw_03 .sec01 .img_zoom {padding-top:0;}


/*
	스파르탄 SW 교육원
	조직도
*/
.sw_04 {}
.sw_04 .sec01 {padding:0 0 50px;}
.sw_04 .sec01 .img_zoom {padding-top:30px;}
.sw_04 .sec02 {padding:20px 0 50px;}
.sw_04 .sec02 .sub_table_wrap {padding:0 0 0;}
.sw_04 .sec02 .sub_table_wrap .fl,
.sw_04 .sec02 .sub_table_wrap .fr {width:100%;}
.sw_04 .sec02 .sub_table_wrap table,
.sw_04 .sec02 .sub_table_wrap .fr table:nth-of-type(2) {margin-top:20px;}


/*
	스파르탄 SW 교육원
	오시는길
*/
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap .nrm_txt {padding-left:0;font-size:12px;line-height:18px;}


/*
	스파르탄 SW 교육원
	인재상
*/
.sw_06 .sec01 {padding:0 0 80px;text-align:center;}
.sw_06 .sec01 .sub_p_t { margin-bottom: 40px; }
.sw_06 .sec01 .tgt_txt1 {height:50px;font-size:27px;}
.sw_06 .sec01 .tgt_txt2 {font-size:17px;}
.sw_06 .sec01 .tgt_txt2 br {display: none;}


/*
	SW전공교육
	이수체계도
*/
.maj_01 .sec01 .pic {padding:50px 0 100px;}
.maj_01 .sec02 .pic_list {padding-top:20px;}
.maj_01 .sec02 .pic_list .pic {margin:0 0 50px;}
.maj_01 .sec02 .line {padding:0px 0 10px;margin-bottom:50px;border-bottom:2px dashed #cccccc;text-align:center;}


/*
	SW전공교육
	SW전공교육
*/
.maj_03 .sec01 .sub_p_t {padding-bottom:50px;}


/*
	SW전공교육
	SW취·창업 종합지원 프로그램
*/
.maj_04 .sec01 .table_wrap {padding-bottom: 0; margin-bottom: 30px;}



/*
	SW기초교육
	예비입학생교육
*/
.bse_01 .sec01 .table_wrap colgroup col:nth-of-type(1) {width:60px !important;}
.bse_01 .sec01 .table_wrap colgroup col:nth-of-type(2) {width:30px !important;}
.bse_01 .sec01 .table_wrap colgroup col:nth-of-type(4) {width:60px !important;}

.bse_03 .sec01 .table_wrap {padding-bottom: 0; margin-bottom: 30px;}
.bse_03 .sec01 .table_wrap table.sub_table {table-layout:fixed;}
/* .bse_03 .sec01 .table_wrap colgroup col:nth-of-type(1) {width:50px !important;}
.bse_03 .sec01 .table_wrap colgroup col:nth-of-type(2) {width:60px !important;} */
.bse_03 .sec01 .table_wrap.li02 colgroup col:nth-of-type(4) {width:auto !important;}
.bse_03 .sec01 .table_wrap.li01 colgroup col:nth-of-type(4),
.bse_03 .sec01 .table_wrap.li01 colgroup col:nth-of-type(5),
.bse_03 .sec01 .table_wrap.li02 colgroup col:nth-of-type(5),
.bse_03 .sec01 .table_wrap.li02 colgroup col:nth-of-type(6) {width:40px !important;}

.bse_01 .sec01 .txt_wrap, .bse_02 .sec01 .txt_wrap, .bse_03 .sec01 .txt_wrap {padding-bottom: 15px;}
.bse_01 .sec01 .table_wrap, .bse_02 .sec01 .table_wrap, .bse_03 .sec01 .table_wrap {margin: 10px 0 30px;}

/*
	SW융합교육
*/
.smj_01 .img_wrap,
.smj_01 .table_wrap {margin:20px 0 50px;}
.smj_01 .table_wrap colgroup col:nth-of-type(2),
.smj_01 .table_wrap colgroup col:nth-of-type(3),
.smj_01 .table_wrap colgroup col:nth-of-type(4) {width:60px;}
.smj_01 .swmajor_step {  flex-direction: column; align-items: center; justify-content: center; gap: 10vw;}
.smj_01 .swmajor_step > div { width: 90%; max-width: 280px; }
.smj_01 .swmajor_step > div dl dd { min-height: unset; }
.smj_02 .table_wrap {margin:20px 0 50px;}
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(1) {width:35px !important;}
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(2),
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(3),
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(4) {width:60px !important;}
.smj_02 .sec02 .table_wrap colgroup col:nth-of-type(1) {width:35px !important;}
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(1),
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(2),
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(3),
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(5) {width:30px !important;}
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(4) {width:70px !important;}


/*
	SW프로젝트
*/
.shc .img_wrap, .shc .table_wrap {margin:10px 0 40px;}
.sjt_02 .table_wrap colgroup col:nth-of-type(1) {width:30% !important;}
.sjt_02 .table_wrap colgroup col:nth-of-type(2) {width:15% !important;}
.sjt_02 .table_wrap colgroup col:nth-of-type(3) {width:35% !important;}
.sjt_02 .table_wrap colgroup col:nth-of-type(4) {width:20% !important;}


/*
	SW프로젝트
*/
.shc.shc_01 .ptset {padding-top:0px;}
.shc.shc_01 .sub_p_t {margin-bottom:30px;}
.shc.shc_01 .table_wrap {margin-bottom: 60px;}


}




/* 서브는 태블릿과 공유함 */
@media only screen
and (min-width : 0px)  
and (max-width : 1200px) {  

/*───────────────────────────────────────────────────────────

	 SUB

───────────────────────────────────────────────────────────*/

/* sub 공통 */
body {padding-top:0%;}
.sub_content {padding-bottom:120px;}
.sub_bg {display:none;}
/* .sub_title {text-align:center;position:relative;padding-bottom:20px;height:112px;padding-top:0;}
.sub_title h1 {font-size:30px;line-height:38px;padding-top:0px;} */
ul.submenu + .sub_title h1,
ul.submenu + div .sub_title h1 {padding-top:50px;}
.sub_menu .sub_txt{display: block;}
/* .sub_title h3 {font-size:13px;font-weight:400;line-height:20px;padding-top:0px;word-break:keep-all;}
.sub_title .location {display:none;} */

#content_sub {padding-left:4%;padding-right:4%;padding-bottom:50px;}
#content_sub ul.submenu {height:auto;padding-bottom:20px;}
#content_sub ul.submenu + .sub_title {margin-top:-20px;}
#content_sub ul.submenu li {position:relative; display:inline-block; height:26px;text-align:center; padding:10px 6px 5px;}
#content_sub ul.submenu li a {display:inline-block;height:26px;line-height:36px;font-size:16px;padding:0 0 5px;min-width:none;}

/* sub about */
.sub_about_img {width:100%;height:0px;padding-bottom:65%;background:url('../images/sub/mobile/m_about_img.png') no-repeat center center;background-size:100% 100%;}
.sub_about_img:before {width: calc(100% - 20px);height: calc(100% - 20px);}
.sub_about_txt {padding:0 0 30px 0;}
.sub_about_txt .txt01 {text-align:center; color:#d55854; font-size:27px; font-weight:600; font-family: 'Noto Sans KR', sans-serif!important; line-height:26px; margin:42px 0 0;}
.sub_about_txt .txt01:before {width:68px;height:2px;margin-left:-34px;}
.sub_about_txt .txt02 {text-align:center; color:#333; font-size:15px; font-weight:500; font-family: 'Noto Sans KR', sans-serif!important; padding:15px 0 20px;}
.sub_about_txt .txt03 {text-align:center; color:#888; font-size:15px; font-weight:400; font-family: 'Noto Sans KR', sans-serif!important; line-height:18px; padding:0 15px; word-break:keep-all;}
.sub_about_btn ul {margin-bottom:30px;}
.sub_about_btn ul li {width:auto;height:auto;}
.sub_about_btn ul li a {display:block;width:auto;height:auto;text-align:center;color:#fff;font-size:13px;font-weight:500;font-family: 'Noto Sans KR', sans-serif!important;padding:10px 35px 10px 15px;text-indent:0;line-height:normal;background:url("../images/sub/mobile/m_icon_arrow.png") no-repeat 80% center;background-size:11px 8px;}
.sub_about_list li {width:50%;height:180px;}
.sub_about_list li:nth-of-type(1),
.sub_about_list li:nth-of-type(3) {border-left:0;}
.sub_about_list li:nth-of-type(1),
.sub_about_list li:nth-of-type(2) {border-bottom:1px solid #cccccc;}
.sub_about_list li p.large {padding-top:92px;color:#333333;font-size:17px;}
.sub_about_list li p.small {display:none;font-size:15px;color:#777777;line-height:18px;}
.sub_about_list li p.small.for_m {display:block;}
.sub_about_list li:after {top:25px;z-index:2;}
.sub_about_list li:before {display:block;position:absolute;top:26px;left:50%;z-index:1;content:'';}
.sub_about_list li.li01:after {width:58px;height:60px;margin-left:-29px;background:url("../images/sub/mobile/m_icon_about01.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li01:before {width:56px;height:58px;margin-left:-28px;background:#d55854;}
.sub_about_list li.li02:after {width:48px;height:61px;margin-left:-24px;background:url("../images/sub/mobile/m_icon_about02.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li02:before {width:46px;height:59px;margin-left:-23px;background:#d55854;}
.sub_about_list li.li03:after {width:65px;height:59px;margin-left:-32px;background:url("../images/sub/mobile/m_icon_about03.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li03:before {width:63px;height:57px;margin-left:-31px;background:#d55854;}
.sub_about_list li.li04:after {width:64px;height:59px;margin-left:-32px;background:url("../images/sub/mobile/m_icon_about04.png") no-repeat center center;background-size:100% auto;}
.sub_about_list li.li04:before {width:62px;height:57px;margin-left:-31px;background:#d55854;}

/* sub history */
.sub_history {width:109%;margin-left:-4.5%;padding-bottom:40%;min-height:100px;background:url("../images/sub/mobile/m_history_bg.gif") no-repeat center bottom;background-size:100% auto;}
.sub_history:after {display:none;}
.sub_history:before {display:none;}
.sub_history .history {position:relative;width:92%;margin:0 auto;padding:0 0 0 0;margin-top:calc(49.6% + 5px);}
.sub_history .history:before {display:block;position:absolute;top:0;left:0;margin-top:calc(-54.95% - 5px);padding-top:54.45%;box-sizing:border-box;border:1px #ccc solid;width:100%;height:0;background:url("../images/sub/mobile/m_history.jpg") no-repeat center top;background-size:100% auto;content:'';}
.sub_history .history:after {display:block;position:absolute;top:0;left:60px;padding-top:45px;width:2px;height:100%;background:#d55854;content:'';}
.sub_history .history dl.year1,
.sub_history .history dl.year2,
.sub_history .history dl.year3 {position:static;margin:0 0 0 0;}
.sub_history .history dl.year1 {padding-top:45px;}
.sub_history .history dl dt {width:156px;}
.sub_history .history dl dt::before,
.sub_history .history dl.year2 dt::before {top:9px;left:55px;width:11px;height:12px;background-size:auto 12px;background-color:rgba(0,0,0,0);z-index:10;}
.sub_history .history dl dt::after,
.sub_history .history dl.year2 dt::after {display:block;position:absolute;top:10px;left:56px;width:9px;height:10px;background:#d55854;z-index:9;content:'';}
.sub_history .history dl dt .day {margin-top:3px;width:45px;height:23px;line-height:25px;font-size:11px;}
.sub_history .history dl dt .day em {font-size:14px;}
.sub_history .history dl dt .day::before,
.sub_history .history dl.year2 dt .day::before {top:50%;right:-7px;left:auto;margin-top:-5px;transform:rotate(0deg);}
.sub_history .history dl dt .year {width:75px;height:30px;line-height:33px;font-size:17px;}
.sub_history .history dl dt .year::before,
.sub_history .history dl.year2 dt .year::before {display:block;position:absolute;margin-top:-6px;top:50%;left:-7px;right:auto;width:7px;height:12px;background:url("../images/sub/history_year_arrow.png") no-repeat left top #d55854;background-size:100% 100%;transform:rotate(0deg);content:'';}
.sub_history .history dl.year1 dd,
.sub_history .history dl.year2 dd,
.sub_history .history dl.year3 dd {margin:0 0 0 80px;text-align:left;}
.sub_history .history dl.year2 dd {position:static;}
.sub_history .history dl dd ul {margin-bottom:20px;padding-top:50px;}
.sub_history .history dl dd ul li span {margin:0 0 0 0;width:30px;font-size:14px;line-height:20px;}
.sub_history .history dl dd ul li {font-size:0px;padding:2px 0;}
.sub_history .history dl dd ul li ol {width:calc(100% - 30px);}
.sub_history .history dl dd ul li ol li p:before {top:9px;}
.sub_history .history dl dd ul li ol li p {font-size:14px;line-height:20px;}
.sub_history .history dl.year2 dt .day {float:left;}
.sub_history .history dl.year2 dt .year {float:right;}
.sub_history .history dl.year2 dd ul > li {text-align:left;}
.sub_history .history dl.year2 dd ul li span {float:left;text-align:left;}
.sub_history .history dl.year2 dd ul li ol li {text-align:left;}

/* sub location */
.sub_location_map {height:322px;}
.sub_location_map iframe {padding-left:71px;}
.sub_location_map h5 {top:125px;left:-126px;width:323px;height:71px;}
.sub_location_map h5 span {left:-2px;bottom:-2px;padding-right:115px;font-size:29px;line-height:29px;background-image:url("../images/sub/mobile/m_location_arr.png");background-size:67px auto;}
.sub_location_info {padding:0 0 0 0;}
.sub_location_info dl {padding:15px;width:100% !important;min-height:auto;box-sizing:border-box;}
.sub_location_info dl:first-child {padding-right:15px;}
.sub_location_info dl:last-child {padding:15px;border:0 none;border-top:1px solid #cccccc;background-image:url('/img/sub/mobile/sub_history04.jpg');}
.sub_location_info dt {display:block;padding:0 0 14px 0;font-size:18px;text-align:left;}
.sub_location_info dd ul li {height:auto;padding:0 0 0 22px;margin:0 0 10px;}
.sub_location_info dd ul li:before {width:18px;height:18px;background-size:100% 100%;top:1px;}
.sub_location_info dd ul li:after {display:block;clear:both;content:'';}
.sub_location_info dd ul li.mb_m10 {margin-bottom:-10px;}
.sub_location_info dd ul li.mb_m10:after {height:10px;}
.sub_location_info dd ul li span {float:left;height:auto;font-size:14px;line-height:20px;}
.sub_location_info dd ul li span.w_100 {width:100%;}
.sub_location_info dd ul li p {float:none;height:auto;font-size:14px;line-height:20px;display:inline;}
.sub_location_info dd ul li p.pl_47 {display:inline-block;padding-left:52px;margin-top:-18px;vertical-align:top;}
.sub_location_info dd ul li p.pl_36 {display:inline-block;padding-left:40px;margin-top:-18px;vertical-align:top;}

/*───────────────────────────────────────────────────────────

	 TABLE | 서브페이지 전체 사용

───────────────────────────────────────────────────────────*/
table.board_write {/*table-layout: fixed;*/width:100%;}
table.board_write th,
table.board_write td {box-sizing:border-box;}
table.board_write th {padding:12px 12px 12px 20px;width:100px;line-height:normal;word-break:keep-all;}
table.board_write td {padding:12px;width:100%;}
table.board_write colgroup col:first-of-type {width:100px;}
table.board_write colgroup col:last-of-type {width:calc(100% - 100px);}
table.board_write td input[type="text"],
table.board_write td input[type="password"] {width:100%;min-width:auto;margin:0;}



/*───────────────────────────────────────────────────────────

	 BOARD

───────────────────────────────────────────────────────────*/

/*** 게시판 리스트 | board/board_list.html ***/
.sub_board .board_search {position:relative;background-color:#eeeeee; border:1px solid #cccccc; padding:17px 0 17px; font-size:0px; text-align:center; margin-bottom:15px;}
.sub_board .board_search.goods {padding:17px 0 47px;}
.sub_board .board_search select {border:1px solid #dddddd; height:30px; line-height:30px;  min-width:70px; padding:0 5px; color:#444444;}
.sub_board .board_search input.input_text {border:1px solid #dddddd; background-color:#fff; height:30px; line-height:30px; min-width:auto; padding:0 5px; color:#444444; margin-right:2px; margin-left:2px;}
.sub_board .board_search input[type="submit"] {width:60px;height:30px;}
.sub_board .board_search span.chk {display:block;position:absolute;left:0;bottom:17px;width:100%;}
.sub_board .board_search span.chk label {margin-right:0;line-height:30px;vertical-align:top;}
.sub_board .board_search span.chk input[type="checkbox"] + label::before {margin-top:7px;}

.sub_board table.board_list {table-layout: fixed;}
.sub_board table.board_list colgroup col:nth-of-type(1) {width:15% !important;}
.sub_board table.board_list colgroup col:nth-of-type(2) {width:85% !important;}
.sub_board table.board_list colgroup col:nth-of-type(3),
.sub_board table.board_list colgroup col:nth-of-type(4),
.sub_board table.board_list colgroup col:nth-of-type(5) {width:0px !important;}
.sub_board table.board_list th.m_non,
.sub_board table.board_list td.m_non {display:none;}
.sub_board table.board_list td a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view {margin-bottom:30px; border:0 none; border-bottom:1px solid #cccccc; text-align:left;}
.sub_board .board_view div.view_tit {height:auto; line-height:normal; padding:15px; background:#eeeeee; border-top:1px solid #333333; border-bottom:1px solid #cccccc; font-size:0px;}
.sub_board .board_view div.view_tit h3 {float:none; width:100%; font-size:15px; color:#444444; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:static;}
.sub_board .board_view div.view_tit p {display:none;}
.sub_board .board_view div.view_cont {padding:15px 15px 30px 15px; font-size:13px; line-height:20px; min-height:130px;}
.sub_board .board_view h4 {border-top:1px solid #cccccc;}

/*** 게시판 댓글 ***/
.sub_board .board_comment {position: relative; background:#eeeeee; border: 1px solid #cccccc; padding: 15px; text-align:left;}
.sub_board .board_comment .comment_name {color:#555; padding:0 0 0 0; font-size:0px;text-align:left;}
.sub_board .board_comment .comment_name span {display:inline-block;font-size:0px;margin-right:2%; width:49%;}
.sub_board .board_comment .comment_name span.pw {margin-right:0;}
.sub_board .board_comment .comment_name span input {width:100%; background:#ffffff; border:1px solid #d3d3d3; box-sizing:border-box; padding:5px;}
.sub_board .board_comment textarea {border:1px solid #d3d3d3; width:calc(100% - 95px); padding:0 0 0 0; margin-top:5px; min-height:72px; margin-left:0;}
.sub_board .board_comment .comment_btn {position: absolute;  right: 15px; top:50px; width: 90px; height: 72px; text-align: center; background-color: #d55854; line-height: 72px;color:#fff; font-size:14px; font-weight:600;}
.sub_board .board_comment .policy_cont {padding-top:10px;}

.sub_board .board_comment_list {position:relative; margin:0 0 20px;}
.sub_board .board_comment_list .comment_title {border-bottom:1px solid #d3d3d3; color:#888; padding:0 0 7px 0; text-align:left;}
.sub_board .board_comment_list .comment_title span {color:#f59a03;}
.sub_board .board_comment_list .comment {background:#eeeeee; border-bottom:1px solid #d3d3d3; padding:12px 15px;}
.sub_board .board_comment_list .comment .comment_writer {color:#333; padding-bottom:3px; text-align:left;}
.sub_board .board_comment_list .comment span.board_line {display:inline-block; width:1px; height:9px; background:#999; margin:0 8px;}
.sub_board .board_comment_list .comment .com_btn {position:absolute; right:9px; top:9px;}
.sub_board .board_comment_list .comment .com_btn a {color:#999;}
.sub_board .board_comment_list .comment .com_txt {color:#888; text-align:left;}
.sub_board .board_comment_list .comment .com_txt_reply {color:#888; text-align:left; border-top:1px solid #d3d3d3; padding:16px 0 10px 40px; margin:10px 0 0; background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;}
.sub_board .board_comment_list .comment .com_modify {position:relative; margin:5px 0 0;}
.sub_board .board_comment_list .comment .com_modify:after {clear:both;content:""; display:block;}
.sub_board .board_comment_list .comment .com_modify textarea {float:left; width:90%; height:50px; border:1px solid #d3d3d3;}
.sub_board .board_comment_list .comment .com_modify .btn_modify {float:right; width:9.2%; height:52px;display:inline-block; line-height:52px; background:#aaa; color:#fff; font-size:15px; font-weight:600; text-align:center;}
.sub_board .board_comment_list .comment .comment_password {position:absolute; right:25px; top:0; width:300px; border:2px solid #757575; padding:7px; background:#fff; z-index:100; text-align:left;}
.sub_board .board_comment_list .comment .comment_password.modify {right:72px;}
.sub_board .board_comment_list .comment .comment_password span {display:inline-block; height:20px; line-height:20px; font-weight:600; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password input {width:195px; height:19px;}
.sub_board .board_comment_list .comment .comment_password h5 {display:inline-block; width:39px; height:20px; line-height:20px; border:1px solid #ccc; background:#fff; text-align:center; border-radius:5px; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password a.close {position:absolute; right:2px; top:2px;}
.sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}


/*** 게시판(리스트형) | layout/board/kist_default.html ***/
/*
	일반 테이블 CSS 사용중
*/

/*** 게시판(갤러리형) | layout/board/list_gallery01.html ***/
.sub_pw_input .ok_box {width:auto;}
.sub_board ul.gallery_list {text-align:left; padding-bottom:20px; font-size:0px;}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {width:48%;margin-right:4%;padding-bottom:20px;}
.sub_board ul.gallery_list li:nth-of-type(2n) {margin-right:0;}
.sub_board ul.gallery_list li .bg {display:none;}
.sub_board ul.gallery_list li .txt_info {position:static;width:100%;transform:translateY(0);opacity:1;}
.sub_board ul.gallery_list li .txt_info h3 {position:relative; height:auto; font-size:14px; color:#333333; font-weight:600; line-height:normal; padding:10px 33px 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board ul.gallery_list li .txt_info p {display:none;}

.sub_pw_input .ok_box {width:auto;}



/*───────────────────────────────────────────────────────────

	 GOODS(상품)

───────────────────────────────────────────────────────────*/

/*** 갤러리형 | layout/goods/gallery.html ***/
.sub_list .list .list_Galleryform {}
.sub_list .list .list_Galleryform > ul {}
.sub_list .list .list_Galleryform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Galleryform > ul li {float:left; width:calc(50% - 6px); margin:0 12px 20px 0;}
.sub_list .list .list_Galleryform > ul li:nth-child(2n) {margin-right:0;}
.sub_list .list .list_Galleryform > ul li:nth-child(2n+1) {clear:both; content:""; float:left;}
.sub_list .list .list_Galleryform > ul li dl {}
.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc; margin:0 0 10px;overflow:hidden;min-height:auto;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd h2 {color:#333; font-size:14px; font-weight:600; padding:0 0 6px;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777; font-size:12px; font-weight:500; line-height:18px;}

/*** 리스트형 | layout/goods/list.html ***/
.sub_list .list .list_Listform {}
.sub_list .list .list_Listform > ul {}
.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li {float:left; width:100%; border:1px solid #ccc; margin:0 0 4%;}
.sub_list .list .list_Listform > ul li dl {display:table;height:150px;}
.sub_list .list .list_Listform > ul li dl:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li dl dt {width:150px; border-right:1px solid #ccc; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd {text-align:left; padding:0 15px 0 15px; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd h2 {position:relative; color:#333; font-size:14px; font-weight:600; padding:0 0 10px; margin:0 0 8px;}
.sub_list .list .list_Listform > ul li dl dd h2::before {position:absolute; left:0; bottom:0; content:""; display:block; width:30px; height:2px; background:#d55854;}
.sub_list .list .list_Listform > ul li dl dd p {color:#777; font-size:12px; font-weight:500; line-height:18px; width:auto;}

/*** 상세페이지 | goods/goods_view.html  ***/
.sub_view {}
.sub_view .info {}
.sub_view .info dl {}
.sub_view .info dl:after {clear:both; content:""; display:block;}
.sub_view .info dl dt {float:left; width:100%; border:1px solid #ccc;box-sizing:border-box;}
.sub_view .info dl dt img {width:100%;}
.sub_view .info dl dd {float:left; width:100%;margin-top:10px;}
.sub_view .info dl dd .tit {border-top:2px solid #222; border-bottom:1px solid #ccc; background:#eee; text-align:left; padding:15px 12px;}
.sub_view .info dl dd .tit h3 {color:#222; font-size:20px; font-weight:600; padding:0 0 7px;}
.sub_view .info dl dd .tit p {color:#777; font-size:12px; font-weight:500; line-height:18px;}
.sub_view .info dl dd ul.detail {padding:8px 0 0; border-bottom:1px solid #ccc;}
.sub_view .info dl dd ul.detail li {text-align:left; padding:0 12px 8px;}
.sub_view .info dl dd ul.detail li:after {clear:both; content:""; display:block;}
.sub_view .info dl dd ul.detail li span {float:left; display:inline-block; width:80px; height:24px; line-height:24px; color:#555; font-size:13px; font-weight:600}
.sub_view .info dl dd ul.detail li div {float:left; color:#777; font-size:13px; font-weight:500; line-height:24px;}
.sub_view .detail_info {margin:63px 0 0; text-align:left;}
.sub_view .detail_info > div {margin:0 0 50px;}
.sub_view .detail_info div h4.tit {color:#222; font-size:17px; font-weight:600; padding:0 0 8px; margin:0 0 20px; border-bottom:1px solid #222; text-align:left;}
.sub_view .detail_info div img {margin-bottom:24px;}
.sub_view .detail_info div p {color:#666; font-size:14px; font-weight:500; line-height:26px; letter-spacing:-0.5px;}



/*───────────────────────────────────────────────────────────

	 MEMBER(회원)

───────────────────────────────────────────────────────────*/
/*** 로그인 | member/login.html ***/
.sub_login {}
.sub_login .login_box {width:100%; margin:0 auto; padding:0 0 80px;}
.sub_login .login_box ul li {padding-bottom:0;}
.sub_login .login_box ul li input {padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; border-top:0 none;}
.sub_login .login_box ul li:nth-of-type(1) input {border-top:1px solid #cccccc;}
.sub_login .login_box ul li:last-of-type {padding-top:10px;}
.sub_login .login_box ul.login_link {border-top:0 none; width:100%; margin-top:0; text-align:center; height:auto; line-height:20px; padding-top:17px; font-size:0px;}
.sub_login .login_box ul.login_link li {display:inline-block; width:32%;margin-right:2%;padding:0 0 0 0;}
.sub_login .login_box ul.login_link li:last-of-type {margin:0 0 0 0;}
.sub_login .login_box ul.login_link li + li:before {display:none;}
.sub_login .login_box ul.login_link li a {display:block; background:#eeeeee; border:1px solid #dadada; width:100%; height:49px; font-size:15px; color:#666; font-weight:600; line-height:47px; text-align:center; box-sizing:border-box;}

/*** 회원가입동의 | member/join_agreement.html ***/
.sub_agree {}
.sub_agree .agree_box {padding-bottom:20px; text-align:left;}
.sub_agree .line {margin-bottom:0; padding-bottom:42px; border-bottom:0 none;}
.sub_agree .agree_box h3 {font-size:16px; padding-bottom:10px;}
.sub_agree .agree_box textarea {font-size:12px; color:#888888; width:100%; height:150px; border:1px solid #d3d3d3; line-height:20px; padding:2% 4%;}
.sub_agree .agree_box p {color:#333333; padding:3% 4%; border:1px solid #d3d3d3; border-top:0 none; background-color:#eee; }

.member_agree {padding:0 0 0 0;font-size:13px; color:#888888;line-height:20px;}

/*** 회원가입 | member/join.html ***/
h3.join_tit {font-size:16px; padding-bottom:10px;}
h3.join_tit.pt20 {padding-top:20px;}

.policy_cont > div {margin:0;}

.sub_join table.board_write colgroup col:first-of-type {width:100px;}
.sub_join table.board_write td input[type="text"],
.sub_join table.board_write td input[type="password"],
.sub_join table.board_write td input[name="address"],
.sub_join table.board_write td input[name="address2"] {width:100%;min-width:auto;margin:0;}
.sub_join table.board_write td input.bt_l {width:calc(100% - 70px);}
.sub_join table.board_write td .btn_sm {float:right;}
.sub_join table.board_write td .btn_sm.m_w_100 {width:100%;}
.sub_join table.board_write td .btn_sm.m_w_100.mt_5 {margin-top:5px;}
.sub_join table.board_write td .padding {height:10px;}
.sub_join table.captcha {}
.sub_join table.captcha th {text-align:center;}
.sub_join table.captcha td {line-height:50px;}

table.board_write th .require_dot {position:absolute;left:10px;top:50%;margin-top:-15px;line-height:30px;height:30px;}
table.board_write th .require_dot:before {content:'*';font-size:14px;color:#d55854;line-height:14px;display:inline-block;width:auto;height:14px;}

.sub_join table.board_write colgroup col,
.sub_join table.board_write.captcha colgroup col{width:50%;}
.sub_join table.board_write.captcha img {width:auto !important;height:auto !important;}

.sub_memberout {}
.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
.sub_ok {margin:30px 0 0;border-width:5px;}
.sub_ok .ok_box {width:100%;padding:30px 20px;box-sizing:border-box;}
.sub_ok .ok_box h3 {font-size:26px;line-height:34px;word-break:keep-all;}
.sub_ok .ok_box h4 {padding-bottom:20px;font-size:14px;line-height:22px;word-break:keep-all;}




}

@media only screen and (max-width:479px){
	#footer .ft_menu .w_set{justify-content: center;}
	#footer .ft_menu .w_set > ul{justify-content: center;width:100%;}
	#footer .family_site{width:200px;}
}


/*───────────────────────────────────────────────────────────

	page04(인턴십)
	
───────────────────────────────────────────────────────────*/
	.sub_cont.renew_cont .t1.t_sml {font-size: 22px;}