@charset 'utf-8';

/* 1620px */ 
@media only screen and (max-width:1620px){
	/* 2) What we create */
	.hd-project .info_wr { top:auto; bottom:0; }
	.hd-project .subject .en { font-size: 61px; }
	.hd-project .basic-info dt,
	.hd-project .basic-info dd { font-size:16px; }
}

@media only screen and (max-width:1500px){
	/* 0) common */
	#ft .foot .snsbx { right:50px; }
}

/* 1400px */ 
@media only screen and (max-width:1400px){
	/* 3-4) 채용정보 */
	.employment dl.recruit_process dd { padding-left:0; }
	.process-step { max-width:845px; margin:0 -35px; margin-bottom:50px; }
	.process-step li { float:none; margin:0; margin-bottom:75px; padding:0 55px; width:33%; box-sizing:border-box; }
	.process-step li .icon:after { left:0; top:50%; transform: translate(-200%,-50%); }
	.process-step li .tit { position:relative; margin:0 -35px; line-height:1.35; }
}

/* 1320px */ 
@media only screen and (max-width:1320px){
	/* 0) common */
	#hd #nav { display:none; }

	/* 1-1) 국보디자인 */
	.kb_vision { max-width: 800px; overflow:hidden; padding:0 10px; }
	.kb_vision li { float:left; width:50%; margin:0; margin-bottom:70px; padding:0 20px; box-sizing:border-box; }
	.kb_vision li dl { padding-top:0; }
	
	/* 3-1) 인재상 */
	.talent-info li { padding-left:50px; }
	.talent-info dl { width:600px; }

	/* 4-2) 재무정보 */
	.financial-wr .tabs { float:none; width:100%; overflow:hidden; margin-bottom:70px; }
	.financial-wr .tabs li { float:left; text-align:center; width:200px; padding:20px 0; }
	.financial-wr .tabs-content { float:none; width:auto; }
} 


/* 1200px */ 
@media only screen and (max-width:1200px){
	/* 2) What we create */
	.work-list .list li .subject { margin-right: 160px; }

	/* 3-2) 인사제도 */
	.performance_eva .list:before { left:50%; top:0; width:1px; height:100%; }
	.performance_eva .list dl, .performance_eva .list dl.i2, .performance_eva .list dl.i3 { float:none; max-width:500px; width:auto; height: auto; }
	.performance_eva .list dl { margin:0 auto; margin-bottom:100px; }
	.performance_eva .list dl.i2 { position:static; transform:translateY(0);  }
	.performance_eva .list dl:last-child { margin-bottom:0; }

	/* 4-1) 주가정보 */
	.stock-info { margin-bottom:80px; }
	.stock-info .value-info { width: 400px; }
	.stock-info .value-info .n-ch { float:right; margin-left:0; padding-right:20px; }
	.stock-info .basic-info { margin-left: 450px; }
}


/* 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media only screen and (max-width:1023px){
	/* 1-2) 사업분야 */
	.list-biz li .info dt, .list-biz li .info dd { float:none; width:100%; }
	.list-biz li .info dd.imgbx { float:none; max-width:640px; margin:0 auto; width:auto; margin-bottom:55px; }
	.list-biz li #slideimg { padding-bottom:50px; padding-bottom: 20px; }
	.list-biz li #slideimg img { width:100%; height:auto; }
	.list-biz .detailview .main_bnr { text-align:center; }
	.list-biz .detailview .main_bnr img { width:auto; }
	.detailview .inf_list .contbx .tit { float:none; margin-bottom:45px; }
	.detailview .inf_list .contbx .conts { margin-left:0; }

	/* 1-3) 사업부소개 */
	.list-department li { padding:45px 40px; }
	.list-department li dl { max-width:none; padding-right:0; margin-bottom:30px; }
	.list-department li .img { position:static; max-width:50%; }
	.dept-work .work-info dt { float:none; margin-bottom:40px; }
	.dept-work .work-info dd { margin-left:0; }
	.dept-work .work-info dd .summary br { display:none; }

	/* 1-5) 뉴스룸 */
	.bo-list li .thumbnail { margin-top:0; min-width:auto; height:auto; width:200px; }
	.bo-list li .subject { padding-right:0; margin-bottom:20px; }

	/* 2) What we create */
	.work-list .list li .subject { margin-right:70px; }
	#project-list .btn-v-close,
	.hd-project .btn-v-list { width:66px; height:66px; background-size:150% auto; }
	.hd-project .btn-v-list { top:185px; right:0; } 
	.work-list .list li:after,
	.work-list .list li .location { display:none; }
	
	.hd-project { max-width:none; padding-top:75px; margin-bottom:75px; }
	.hd-project .info_wr { position:static; }
	.hd-project .subject { margin-bottom:40px; padding-right:50px; }
	.hd-project .subject .en { display:block; font-size:55px; padding:0; text-align:left; margin-bottom:20px; }
	.hd-project .subject .ko { display:block; padding:0; text-align:left; }
	.work-main-img { display:none; }
	.hd-project .basic-info { float:none; display:block; padding:0; }
	.hd-project .basic-info dl { display:block; width:100%; overflow:hidden; padding:0; margin-bottom:10px; }
	.hd-project .basic-info dl dt { float:left; }
	.hd-project .basic-info dl dd { margin-left:190px; }
	.work-content { margin-bottom:55px; max-width:none; }
	.work-content .whole-view { margin-left:0; margin-bottom:70px; }
	.work-content .whole-view li { margin-bottom:25px; height:auto; }
	.work-content .whole-view li.mobile { display:block; }
	.work-content .whole-view li img.mobile { display:block; }
	.work-content.type3 .whole-view li img { width:100%; }
	.work-content .info-bx,
	.work-content.type2 .info-bx { position:static; width:auto; }
	.work-content .info-bx .basic { margin-bottom:45px; }
	.work-content.type2 { padding-right:0; }


	/* 3-1) 인재상 */
	.hd-sub .summary br { display:none; }
	.talent-info li { padding:0 30px; min-height:250px; }
	.talent-info li .img { position:absolute; left:30px; top:50%; transform: translateY(-50%); }
	.talent-info dl { position:static; margin-left:280px; padding:50px 0; width:auto; transform: translateY(0); }
	.talent-info dl dd br { display:none; }

	/* 3-3) 채용정보 */
	.job_list .thead { display:none; }
	.job_list .tr { position:relative; display:block; padding:20px; box-sizing:border-box; }
	.job_list .tr .td { display:block; width:auto !important; text-align:left; padding:0; }
	.job_list .tr .td.subject { padding:0; margin-top:5px; }
	.job_list .tr .td.subject .edate { margin-top:12px; }
	.job_list .tr .td.subject .edate .d-day { display:block; padding:0; margin:0; }
	.job_list .tr .td.site { text-align:left; margin-top:20px; }
	.job_list .tr .td.site .ic { margin:0 5px 0 0; }
	.job_list .tr .state { position:absolute; right:20px; bottom:20px; }

	/* 4-1) 주가정보 */
	.stock-info .value-info { float:none; width:auto; }
	.stock-info .value-info .value { padding-left:30px; }
	.stock-info .value-info .n-ch { padding-right:30px; }
	.stock-info .basic-info { margin-left:0; padding-top:40px; margin-top:50px; }
	.stock-info .basic-info .date { top:0; }
	.stock-info .basic-info .table th span { display:block; }
	
	/* 4-2) 재무정보 */
	.financial-wr .tabs-content .table2 th, .financial-wr .tabs-content .table2 td { width:22% !important; padding: 20px; padding-left:0; }
	.financial-wr .tabs-content .table2 .item { width:36% !important; }
} 


/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media only screen and (max-width:767px){
	/* 0) common */
	#hd .inner { padding:0 35px; background-color:#000; }
	#hd.subscroll .inner { background-color:#000; box-shadow:none; }
	#hd.subscroll h1 a { background-image: url('../img/common/logo.png'); }
	#hd.subscroll .language { color:#fff; }
	#hd.subscroll .language .title { color:#fff; }
	#hd.subscroll .language .title span { border: 2px solid #fff; border-top:0; border-left:0; }
	#hd.subscroll #btn_menu span { background-color:#fff; }

	#ft { }
	#ft .foot .menu { text-align:center; margin-bottom:7px; }
	#ft .foot .menu li { float:none; margin:0 7px; }
	#ft .foot .snsbx { position:static; text-align:center; transform: none; }
	#ft .foot .snsbx .btn { float:none; display:inline-block; margin:0 10px; width:21px; height:21px;  }
	#ft .foot .copyright { margin-bottom:30px; letter-spacing:-1px; text-align:center; }
	.scroll_top_btn { /* right: 15px; bottom:50%; transform:translateY(50%); */ }

	/* 1-1) 국보디자인 */
	#aboutus { padding: 75px 0; }
	.sub-top-wr .snb h2 { padding-top:0; height:80px; line-height:80px; }
	.sub-top-wr .snb h2:after { bottom:0; }
	.sub-top-wr .snb .submenu { bottom:50%; transform:translateY(50%); }
	.sub-top-wr .snb .submenu li { display:none; font-weight:400; font-size:22px; }
	.sub-top-wr .snb .submenu li.current { display:block; text-align:right; font-weight:700; }
	.sub-top-wr .snb .submenu li.current a { pointer-events: none; cursor: default; padding:10px 0; }
	.sub-top-wr .snb .submenu li.current a:after { display:none; }
	
	.kb_title_box { padding: 140px 30px; height:auto; }
	.kb_title_box .bg-wrap .bg { /* background-size: auto 100%; background-image:url('../img/contents/img_about_kukbo_m.jpg'); */ }
	.kb_title_box .title { font-size:40px; }
	.kb_title_box .sub_title { font-size:26px; }
	.kb_title_box .text-box { /* position:static; */ transform:none; height:auto; }
	.failure_museum .bg-wrap .bg { /* background-image:url('../img/contents/img_failuremuseum_m.jpg'); */ }

	.kb_vision { max-width:500px; padding:0 35px; }
	.kb_vision li { width:100%; }
	.kb_vision li dl dt { font-size:27px; }
	.kb_vision li dl dd { font-size:18px; }

	/* 1-3) 사업부소개 */
	.dept-v-top { margin-bottom:100px; }
	.dept-v-top .btn-back { display:none; }
	.dept-v-top .hgroup { margin-bottom:50px; }
	.dept-v-top .hgroup .en { margin-bottom: 15px; }
	.dept-v-top .img { float:none; margin-top:0; margin-left:0; width:auto; text-align:center; margin-bottom:40px; }
	.dept-v-top .img img { width:100%; height:auto; }
	.dept-v-top .summary, .dept-v-top .text { max-width:none; }
	.dept-v-top .summary { margin-bottom:20px; }
	.dept-work .tabs { margin-bottom:70px; }
	.dept-work .tabs li { font-size: 18px; margin-right:30px; }
	.dept-work .work-info dt span.en { letter-spacing:0; }
	.dept-work .work-info dd .summary { margin-bottom:40px; }
	.dept-work .work-info dd .works { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0px; margin-bottom:40px; }
	.dept-work .work-info dd .works li { margin-bottom: 20px; padding-bottom: 20px; line-height:1.45; }
	.dept-work .work-info dd .works li.last { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
	.dept-work .work-info dd .works li:last-child { margin-bottom:0 !important; }
	
	/* 1-4) 디자인원칙 :: work_flow.css */
	
	/* 1-5) 뉴스룸 */
	.bo-list { border-top:0; }
	.bo-list li { border-top:2px solid #202020; }
	.bo-list li .thumbnail { width:180px; margin-left:30px; }
	

	/* 1-6) Contacts */
	#contacts .hd-sub {  margin-bottom:50px; padding-bottom:20px; }
	#contacts .hd-sub .title { font-size:38px; }
	#contacts .hd-sub .summary { font-size:16px; margin-top: 10px; }
	#contacts h4 { font-size:25px; margin-bottom:20px; }
	#contacts .contact-infomation { margin-bottom:70px; }
	#contacts .contact-infomation .mail-tel dl { margin:0 10px; }
	#contacts .contact-infomation .mail-tel dt, #contacts .contact-infomation .mail-tel dd { font-size:16px; }
	#contacts .contact-infomation .mail-tel dt { margin-right:10px; }
	#contacts .contact-infomation .info-guide { gap: 50px; }
	#contacts .contact-infomation .info-guide dt { font-size:25px; }
	#contacts .contact-infomation .info-guide dd { font-size:16px; }
	#contacts .contact-branches { padding-top:60px; }
	#contacts .contact-branches .branches-cont .bran-list { grid-template-columns: repeat(2, 1fr); gap:100px 50px; }
	#contacts .contact-branches .branches-cont .bran-list li dl.hq-addr dd span { display:inline; }
	#contacts .contact-branches .txt { font-size:16px; }
	#contacts .contact-branches .branches-cont .branches-box { margin-bottom:120px; }
	#contacts .contact-branches .branches-cont .branches-box:before { position:absolute; left:0; top:0; right:0; bottom:0; content:""; z-index:10; }
	#contacts .contact-branches .branches-cont .bran-map-list li { font-size:14px; letter-spacing:-1px; }
	#contacts .contact-branches .branches-cont .bran-map-list li a { touch-action: none; }
	#contacts .contact-branches .branches-cont .bran-map-list li a em { font-size:13px; }
	#contacts .contact-branches .branches-cont .bran-map-list li a:before { width:7px; height:7px; }
	#contacts .contact-branches .branches-cont .bran-list li .bran-tit { font-size:18px; }
	#contacts .contact-branches .branches-cont .bran-list li dl.hq-addr dt { font-size:18px; }
	#contacts .contact-branches .branches-cont .bran-list li dl.hq-addr dd { font-size:16px; }


	/* 2) What we create */
	.work-list .list li .logo { }
	.work-list .list li .subject { }
	#select_category .select-selected { font-size:50px; }
	.work-list .list li .subject { font-size:28px; }
 
	/* 3-1) 인재상 */
	.hd-sub { margin-bottom:60px; }
	.talent-info { padding-bottom:50px; }
	.talent-info li { padding:0; min-height:180px; margin-bottom:20px; }
	.talent-info li .img { left:0; width:180px; height:180px; }
	.talent-info dl { margin-left:180px; padding:30px 30px 30px 0; }

	/* 3-3) 채용정보 */
	.employment .basic_information .pc { display:none;}
	.employment .basic_information .m { display:block; }
	.process-step li { padding:0 37px; }
	.process-step li .icon:after { width:32px; transform: translate(-160%,-50%); }
	.process-step li .tit { margin:0 -30px; font-size:18px; }

	/* 4-2) 재무정보 */
	.financial-wr .tabs li { width:33.33%; }
	.financial-wr .total-area .chartbx { float:none; width:100%; margin-bottom:50px; }
	.financial-wr .tabs-content .table2 td { line-height:1.35; }
	.financial-wr .tabs-content .table2 .item { padding-left:30px; padding-right:0; }

	/* 4-3) 공시/공고/IR */
	.bo-table .thead { display:none; }
	.bo-table .tr { padding:20px; box-sizing:border-box; }
	.bo-table .td { display:block; padding:0; }
	.bo-table .td.category { width:auto; padding-left:0; margin-bottom:10px; }
	.bo-table .td.date { width:auto; margin-top:20px; }
 }



/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:480px) {
	/* 0) common */
	#hd { height:72px; }
	#hd .inner { padding:0 20px; height:72px; }
	#hd .inner .head { height:74px; }
	#hd h1 { top:30px; left:0; }
	#hd.start h1 a { width:185px; background-size:100% auto; }
	#hd .language { right: 45px; top: 18px; }
	
	#btn_menu { top: 23px; width:28px; height:28px; }
	#btn_menu span { width:28px; height:2px; }
	#btn_menu span:nth-child(1) { transform: translate(-50%, -500%); }
	#btn_menu span:nth-child(2) { left:10px; width:20px; }
	#btn_menu span:nth-child(3) { transform: translate(-50%, 400%); }
	/* gnb_detail */
	#gnb_detail .innerbx { width:100%; padding: 60px 35px 335px 35px; }
	#btn_menu_close  { width:28px; height:28px; top: 25px; right: 20px; }
	#btn_menu_close span { height:3px; }
	#gnb_detail .innerbx .latest_wr { left:35px; right:35px; }
	#gnb_detail .gnb_2_depth_ul { padding-bottom:0; }
	#gnb_detail .innerbx .latest_news li .subject { font-size:16px; }
	/* footer */
	#ft { padding:30px 5px; }
	#ft .foot .menu li { font-size:12.5px;  }
	#ft .foot .menu li a:after { width:13px; height:12.5px; }
	#ft .foot .snsbx .btn { width:20px; height:20px; margin:0 10px; }
	#ft .foot .copyright { letter-spacing:0; font-size:12.5px; }
	.scroll_top_btn,
	.scroll_top_btn span { width:40px; height:40px; }

	/* 1-1) 국보디자인 */
	.sub-top-wr { padding-top:72px; }
	.sub-top-wr .snb .inbx { height:70px; padding:0 18px; }
	.sub-top-wr .snb h2 { font-size:20px; height: 70px; line-height: 70px; }
	.sub-top-wr .snb h2:after { width:22px; height: 6px; }
	.sub-top-wr .snb .submenu li { font-size:20px; }

	#aboutus { padding:45px 0; }
	.kb_title_box { padding:80px 20px; height:auto; margin-bottom:45px; }
	.kb_title_box .text-box .inner { padding:40px 20px; }
	.kb_title_box .title { font-size:26px; margin-bottom:15px; }
	.kb_title_box .title .en { font-size:22px; }
	.kb_title_box .sub_title { font-size:20px; line-height:1.25; margin-bottom:17px; }
	.kb_title_box .text { padding:0; line-height: 1.35; }
	.failure_museum { margin-bottom:0; }

	.kb_vision { padding:0 40px; max-width:326px; margin-bottom:65px; }
	.kb_vision li { padding:0; margin-bottom:65px; }
	.kb_vision li:last-child { margin-bottom:0; }
	.kb_vision li .img { padding:0 20px; margin-bottom:20px; }
	.kb_vision li dl dt { font-size:25px; }
	.kb_vision li dl dd { font-size:17px; padding: 20px 0 0 0; }
	.kb_vision li dl dd:before { width:55px; }
	
	.museum_video { padding:42px 18px 0 18px; }

	/* 1-2) 사업분야 */
	.contents { padding:40px 18px; }
	.hd-sub { margin-bottom:35px; }
	.hd-sub .title { font-size:22px; }
	.hd-sub .summary { font-size:17px; }
	.list-biz li { padding-bottom:40px; margin-bottom:40px ;}
	.list-biz li .info dt { font-size:22px; margin-bottom:25px; }
	.list-biz li .info dd.imgbx { margin-bottom:25px; }
	.list-biz li .info dd { font-size:17px; line-height:1.45; }
	.list-biz li .info dd .button_a { margin-top:25px; }
	.list-biz li #slideimg { padding-bottom:45px; }
	.list-biz li #slideimg .swiper-pagination { bottom:0; }
	.list-biz .detailview .content { padding:40px 0; }
	.list-biz .detailview .main_bnr { margin-bottom:40px; }
	.detailview .inf_list .contbx { margin-bottom:40px; }
	.detailview .inf_list .contbx .tit { font-size:22px; margin-bottom:20px; }
	.detailview .inf_list .contbx .text { font-size:17px; }

	/* 1-3) 사업부소개 */
	.list-department li { padding:20px 18px; }
	.list-department li dl { margin-bottom:25px; }
	.list-department li dl dt { margin-bottom:5px; }
	.list-department li dl dt .tit { font-size:22px; margin-bottom:5px; }
	.list-department li dl dt .en { font-size:17px; }
	.list-department li dl dd { font-size:17px; }
	.list-department li .link { margin-top:15px; }
	.list-department li .img { max-width:165px; }

	.dept-v-top { margin-bottom:60px; }
	.dept-v-top .hgroup { margin-bottom:35px; }
	.dept-v-top .hgroup .en { font-size:17px; margin-bottom: 10px; }
	.dept-v-top .hgroup .tit { font-size:35px; }
	.dept-v-top .img { margin-bottom:35px; }
	.dept-v-top .summary { font-size:18px; margin-bottom: 10px; }
	.dept-v-top .text { font-size:16px; line-height:1.45; }
	.dept-work .tabs { margin-bottom:35px; }
	.dept-work .tabs li { font-size:16px; line-height:45px; height:45px; margin-right:30px; }
	.dept-work .tabs li.current:after { height:5px; }
	.dept-work .work-info dt { margin-bottom:20px; }
	.dept-work .work-info dt span.ko { font-size:22px; }
	.dept-work .work-info dt span.en { font-size:15px; }
	.dept-work .work-info dd .summary { font-size:18px; margin-bottom:35px; }
	
	/* 1-4) 디자인원칙 :: work_flow.css */

	/* 1-5) 뉴스룸 */
	.bo-list li { margin-bottom:25px; }
	.bo-list li a { padding:20px 15px; }
	.bo-list li .date { font-size:17px; }
	.bo-list li .thumbnail { width:150px; margin-left:20px; margin-top:5px; }
	.bo-list li .subject { font-size:22px; margin-bottom:0; }
	.bo-list li .text { font-size:17px; display:none; }
	.bo-list li .btn_readmore { font-size:16px; margin-top:15px; }
	
	.bo-v-hd { padding-bottom:15px; }
	.bo-v-hd .subject { font-size:22px; line-height:1.35; }
	.bo-v-hd .date { font-size:16px; margin-top:10px; }
	#bo-content { padding:25px 15px; }
	.page-unit dt { font-size:16px; line-height:60px; width:80px; }
	.page-unit dd { font-size:16px; line-height:60px; margin-left:95px; }
	.bo-button { margin-top:45px; }
	.bo-button .btn { font-size:19px; height:60px; line-height:60px; width:200px;  }
	
	/* 1-6) Contacts */
	#contacts .hd-sub { padding-bottom:20px; margin-bottom:40px; }
	#contacts .hd-sub .title { font-size:30px;}
	#contacts .hd-sub .summary { font-size:14px;  margin-top:7px; }
	#contacts h4 { font-size:20px; margin-bottom:10px; }
	#contacts .contact-infomation { margin-bottom:70px; }
	#contacts .contact-infomation .mail-tel { margin-bottom:40px; }
	#contacts .contact-infomation .mail-tel dl { margin:0 10px; }
	#contacts .contact-infomation .mail-tel dt, #contacts .contact-infomation .mail-tel dd { font-size:14px; }
	#contacts .contact-infomation .mail-tel dt { margin-right:10px; }
	#contacts .contact-infomation .info-guide { display:block; }
	#contacts .contact-infomation .info-guide dl { margin-bottom:30px; }
	#contacts .contact-infomation .info-guide dt { font-size:20px; margin-bottom:15px; }
	#contacts .contact-infomation .info-guide dd { font-size:14px; }
	
	#contacts .contact-branches { padding-top:40px; }
	#contacts .contact-branches .txt { font-size:13px; }
	#contacts .contact-branches .branches-cont { overflow:hidden; margin:0 -18px; }
	#contacts .contact-branches .branches-cont .branches-box { /* margin:0 -50px 0 -90px; */ margin-bottom:70px; }
	#contacts .contact-branches .branches-cont .bran-map-list li { font-size:10px; }
	#contacts .contact-branches .branches-cont .bran-map-list li a { padding-left:10px; }
	#contacts .contact-branches .branches-cont .bran-map-list li a em { font-size:10px; }
	#contacts .contact-branches .branches-cont .bran-map-list li a:before { width:6px; height:6px; }
	#contacts .contact-branches .branches-cont .bran-map-list li.item-bran02 a { padding-right:10px; }
	#contacts .contact-branches .branches-cont .bran-map-list li.item-bran04 a { padding-right:10px; }

	#contacts .contact-branches .branches-cont .bran-list { display:block; padding:0 18px; }
	#contacts .contact-branches .branches-cont .bran-list li { padding:0; padding-top:20px; margin-top:40px; min-height:auto; }
	#contacts .contact-branches .branches-cont .bran-list li .bran-tit { font-size:15px; margin-bottom:7px; padding-top: 45px; }
	#contacts .contact-branches .branches-cont .bran-list li dl.hq-addr dt { font-size:15px; margin-bottom:7px; }
	#contacts .contact-branches .branches-cont .bran-list li dl.hq-addr dd { font-size:14px; }

	/* 2) What we create */
	#project-list .hd-project { padding:20px 20px 0 20px; height: 140px; }
	#project-list .hd-project .text { width:180px; margin-bottom:15px; }
	#project-list .hd-project .year_wr { margin:0 -20px; margin-top: 20px; }
	#project-list .btn-v-close { top:100px; width:42px; height:42px; }
	#select_category .select-items { top:90px; }
	#select_category .select-items div { font-size:27px; }
	#select_category .select-selected { font-size:44px; line-height:1.0; padding-right: 40px; letter-spacing:-1px; }
	#select_category .select-selected:after { right:-7px; width:15px; top:55%; }
	#select_year { padding:0 20px; }
	#select_year .select-selected { font-size:18px; }
	#select_year .select-items { padding:20px; width: 120px; }
	#select_year .select-items div { font-size:18px; line-height: 1.85; }
	#select_year .select-selected:after { width:16px;  }
	.work-list { top:140px; }
	.work-list .list li a { padding:20px; }
	.work-list .list li .logo { width:47px; left:20px; top:8px; }
	.work-list .list li .subject { font-size:20px; margin-right:50px; padding-left: 73px; }
	.work-list .list li .location { font-size:17px; display:none; }
	.work-list .list li:after { display:none; }

	#project { padding: 72px 18px; } 
	.hd-project { padding-top:45px; margin-bottom:40px; }
	.hd-project .btn-v-list { top:117px; width:42px; height:42px; }
	.hd-project .subject { margin-bottom:20px; }
	.hd-project .subject .en { font-size:36px; margin-bottom:15px; }
	.hd-project .subject .ko { font-size:17px; }
	.hd-project .basic-info dl { margin-bottom:5px; }
	.work-content { margin-bottom:35px; }
	.work-content .whole-view { margin-bottom:45px; }
	.work-content .whole-view li { margin-bottom:20px; }
	.work-content .info-bx { position:static; width:auto; }
	.work-content .info-bx .basic { margin-bottom:30px; padding-top:35px; }
	.work-content .info-bx .basic dt, .work-content .info-bx .basic dd { font-size:17px; }
	.work-content .info-bx .explanation { font-size:17px; }
	.work-page-unit { border-top:1px solid #202020; }
	.work-page-unit dl { padding: 15px 0; border-bottom: 1px solid #202020; }
	.work-page-unit dt,
	.work-page-unit dd { font-size:16px; }
	.work-page-unit dt { width:100px; font-weight:500; }
	.work-page-unit dd { margin-left:100px; }

	/* 3-1) 인재상 */
	.talent-info { padding-bottom:0; }
	.talent-info li { min-height:150px; margin-bottom:20px; }
	.talent-info li .img { width:150px; height:150px; }
	.talent-info dl { margin-left:150px; padding:20px 20px 20px 0; }
	.talent-info dl dt { font-size:20px; }
	.talent-info dl dd { font-size:17px; }

	/* 3-2) 인사제도 */
	h4.title { font-size:22px; margin-bottom:40px; }
	.performance_eva .list dl { padding:28px; margin-bottom:65px; }
	.performance_eva .list dl dt { background-size:70px auto; padding-top:85px; font-size:25px; }
	.performance_eva .list dl dt .en { font-size:16px; }
	.performance_eva .list dl dd { font-size:17px; }

	/* 3-3) 채용정보 */
	.process-step { margin:0 -18px; margin-bottom:35px; }
	.process-step li { padding:0 25px; margin-bottom:15px; width:32.5%; }
	.process-step li .icon:after { width:20px;  }
	.process-step li .tit { margin:0 -18px; font-size:16px; height:75px; }
	.process-step li .tit br.m { display:block; }

	.employment dl.recruit_process { margin-bottom:0; }
	.employment dl.recruit_process dd .list li { font-size:17px; }
	.employment dl.recruit_process dd .list li:before { top:8px; }
	.employment .tail-button { margin-top:50px; }
	.employment .tail-button .btn { width:240px; height:62px; line-height:62px; font-size:17px; }
	#job-opening { padding-top:60px; margin-top:60px; }

	.job_list .tr .td { font-size:17px; }
	.job_list .tr .td.subject { font-size:20px; }
	.job_list .tr .td.subject .edate { margin-top:10px; }
	.job_list .tr .td.subject .edate span { font-size:17px; }
	.job_list .tr .td.site .ic { width:43px; height:42px; }

	/* 4-1) 주가정보 */
	.stock-info { margin-bottom:0; }
	.stock-info .top { font-size:21px; margin-bottom:15px; }
	.stock-info .value-info { padding-top:25px; height:125px; box-sizing:border-box; }
	.stock-info .value-info .value { font-size:46px; padding-left:20px; }
	.stock-info .value-info .n-ch { padding-right:20px; }
	.stock-info .value-info .n-ch dl { margin-bottom:12px; }
	.stock-info .value-info .n-ch dt, .stock-info .value-info .n-ch dd { font-size:19px; }
	.stock-info .basic-info { margin-top:40px; padding-top: 30px; }
	.stock-info .basic-info .date { font-size:15px; }
	.stock-info .basic-info .table th, .stock-info .basic-info .table td { font-size:16px; height:70px; }
	.stock-chart-wr { padding:0; }

	/* 4-2) 재무정보 */
	#financial { padding-top:0; }
	#financial .hd-sub { display:none; }
	.financial-wr .tabs { position:relative; margin:0 -18px; margin-bottom:40px; width:auto; }
	.financial-wr .tabs li { font-size:18px; }
	.financial-wr .tabs-content p.title { font-size:18px; margin-bottom:35px; }
	.financial-wr .total-area { margin-bottom:0; }
	.financial-wr .total-area .chartbx { margin-bottom:50px; }
	.financial-wr .total-area .chartbx g > text { font-size:17px; font-weight:700; }
	.table2 .hd .tit { font-size:18px; }
	.table2 .hd .unit { font-size:14px; }
	.financial-wr .tabs-content .table2 th, .financial-wr .tabs-content .table2 td { font-size:16px; padding:10px; padding-left:0; }
	.financial-wr .tabs-content .table2 .item { padding-left:10px; }

	/* 4-3) 공시/공고/IR */
	#notice .hd-sub { display:none; }
	.bo-table .title { font-size:22px; margin-bottom:35px; }
	.bo-table .tr { padding:18px; }
	.bo-table .td.category { font-size:15px; }
	.bo-table .td.subject { font-size:19px; }
	.bo-table .td.date { font-size:17px; }
	.bo-pager { margin-top:40px; }
	.bo-pager .num { font-size:16px; margin: 0 5px; }
	.bo-pager .btn { width:44px; height:44px; font-size:16px; }
	
}


/* 모바일 세로 (해상도 ~ 375px)*/ 
@media all and (max-width:375px) {
	/* 0) common */
	#hd, #hd .inner, #hd .inner .head { height:55px; }
	#hd .inner { padding:0 15px; }
	#hd h1 { top:18px; }
	#hd.start h1 a { width:150px; }
	#hd .language { top:9px; }
	#hd .language .title { font-size:14px; }
	#btn_menu { top:16px; width:24px; height:24px; }
	#btn_menu span { width:24px; }
	#ft .foot .menu li a:after { height:12px; }
	#ft .foot .copyright { font-size:12px; }

	/* 1-1) 국보디자인 */
	.sub-top-wr { padding-top:55px; }
	.sub-top-wr .snb .inbx { height:55px; padding:0 15px; }
	.sub-top-wr .snb h2 { height:55px; line-height:55px; font-size:16px; }
	.sub-top-wr .snb .submenu li { font-size:16px; }
	
	#aboutus { padding:35px 0; }
	.kb_title_box { padding:65px 15px; }
	.kb_title_box .text-box .inner { padding:30px 15px; }
	.kb_title_box .title { font-size:21px; line-height: 1.35; }
	.kb_title_box .title .en { font-size:17px; }
	.kb_title_box .sub_title { font-size:16px; letter-spacing:-1px; }
	.kb_title_box .sub_title span { display:block; }
	.kb_title_box .text { font-size:14px; }
	 
	.kb_vision { margin-bottom:45px; }
	.kb_vision li { margin-bottom:45px;  }
	.kb_vision li dl dt { font-size:20px; }
	.kb_vision li dl dd { font-size:14px; }
	.kb_vision li dl dd:before { width:44px; height:5px; }

	.museum_video { padding:35px 15px 0 15px; }

	/* 1-2) 사업분야 */
	.contents { padding:30px 15px; }
	.hd-sub .title { font-size:17px; }
	.hd-sub .summary { font-size:14px; margin-top:10px; }
	.list-biz li #slideimg { padding-bottom:35px; }
	.list-biz li #slideimg .swiper-pagination .swiper-pagination-bullet { height:7px; width:7px; }
	.list-biz li #slideimg .swiper-pagination .swiper-pagination-bullet-active { width:24px; }
	.list-biz li { padding-bottom:30px; margin-bottom:30px; }
	.list-biz li .info dt { font-size:17px; margin-bottom:20px; }
	.list-biz li .info dd { font-size:14px; }
	.list-biz li .info dd .btn_more { font-size:13px; background-size:37px auto; padding-right:50px; }
	.list-biz li .btn_detailview { width:35px; height:35px; margin-top:20px; background-size:100% auto; }
	.detailview .inf_list .contbx .tit { font-size:17px; margin-bottom:15px; }
	.detailview .inf_list .contbx .text { font-size:14px; }
	.list-biz li .info dd.imgbx { margin-bottom:20px; }
	.list-biz .detailview .content { padding:30px 0; }

	/* 1-3) 사업부소개 */
	.list-department li { padding:15px; }
	.list-department li dl { margin-bottom:15px; }
	.list-department li dl dt .tit { font-size:17px; }
	.list-department li dl dt .en { font-size:14px; }
	.list-department li dl dd { font-size:14px; }
	.list-department li .link { width:38px; }
	
	.dept-v-top { margin-bottom:40px; }
	.dept-v-top .hgroup { margin-bottom:30px; }
	.dept-v-top .hgroup .en { font-size:14px; }
	.dept-v-top .hgroup .tit { font-size:27px; }
	.dept-v-top .img { margin-bottom:30px; }
	.dept-v-top .summary { font-size:14px; }
	.dept-v-top .text { font-size:13px; }
	.dept-work .tabs { margin-bottom:25px; }
	.dept-work .tabs li { font-size:12px; margin-right: 22px; }
	.dept-work .work-info dt span.ko { font-size:17px; }
	.dept-work .work-info dt span.en { font-size:12px; }
	.dept-work .work-info dd .summary { font-size:14px; }
	.dept-work .work-info dd .works { margin-bottom:35px; }
	.dept-work .work-info dd .works li,
	.dept-work .work-info dd .works li.last { font-size:14px; margin-bottom: 10px; padding-bottom: 10px; }

	/* 1-5) 뉴스룸 */
	.bo-list li { margin-bottom:17px; }
	.bo-list li a { padding:20px 15px; }
	.bo-list li .date { font-size:14px; margin-bottom:5px; }
	.bo-list li .thumbnail { width:120px; margin-left: 15px; }
	.bo-list li .subject { font-size:17px; margin-bottom:10px; }
	.bo-list li .text { font-size:14px; }
	.bo-list li .btn_readmore { font-size:13px; }

	.bo-v-hd { padding-bottom:15px; border-bottom-width:2px; }
	.bo-v-hd .subject { font-size:17px; line-height:1.55; }
	.bo-v-hd .date { font-size:13px; margin-top:10px; }
	#bo-content { padding:20px 10px; }
	#bo-content p { font-size:14px !important; }
	.page-unit dt { width:60px; font-size:13px; line-height:50px; }
	.page-unit dd { margin-left:65px; font-size:13px; line-height:50px; } 
	.bo-button { margin-top:35px; }
	.bo-button .btn { height:48px; line-height:48px; font-size:15px; width:150px; }

	/* 2) What we create */
	#project-list .hd-project {  padding:15px 10px 0 10px; }
	#project-list .hd-project .year_wr { margin:0 -10px; margin-top:15px;  }
	#project-list .hd-project .text { width:145px; margin-bottom:10px; }
	#project-list .btn-v-close { top:85px; width:36px; height:36px; }
	#select_category .select-selected { font-size:37px; }
	#select_category .select-selected:after { right:0; width:13px; }
	#select_category .select-items { top:75px; }
	#select_category .select-items div { font-size:24px; }
	.work-list { }
	#select_year .select-selected { font-size:14px; padding-right:15px; }
	#select_year .select-selected:after { width:8px; }
	#select_year .select-items div { font-size:14px; }
	#project-list .btn-v-close,
	.hd-project .btn-v-list { /* width:54px; height:54px; */ }
	#select_year { padding:0 10px; }
	#select_year .select-items { top:30px; padding:20px 10px; width: 90px; }
	.hd-project { padding-top:20px; margin-bottom:30px; }
	.hd-project .btn-v-list { top:88px; width:36px; height:36px; }
	.hd-project .subject { padding-right:25px; }
	.hd-project .subject .en { font-size:27px; }
	.hd-project .subject .ko { font-size:14px; }
	.hd-project .basic-info dl dt,
	.hd-project .basic-info dl dd { font-size:12px; }
	.hd-project .basic-info dl dd { margin-left:150px; }
	.work-content .whole-view li { margin-bottom:10px; }
	.work-list .list li a { padding:15px 15px; }
	.work-list .list li .logo { width:40px; left:15px; top: 3px; }
	.work-list .list li .subject { font-size:14px; padding-left: 62px; }
	.work-content .info-bx .basic { border-top:2px solid #202020; padding-top:30px; }
	.work-content .info-bx .basic dt, .work-content .info-bx .basic dd { font-size:14px; }
	.work-page-unit dl { padding: 10px 0; }
	.work-page-unit dt,
	.work-page-unit dd { font-size:14px; }
	.work-page-unit dt { width:80px; }
	.work-page-unit dd { margin-left:80px; }

	/* 3-1) 인재상 */
	.talent-info li { min-height:115px; margin-bottom:15px; }
	.talent-info li .img { width:115px; height:115px; }
	.talent-info dl { margin-left:115px; }
	.talent-info dl dt { font-size:16px; margin-bottom:7px; }
	.talent-info dl dd { font-size:14px; }

	/* 3-2) 인사제도 */
	h4.title { font-size:17px; margin-bottom:20px; }
	.performance_eva .list dl { padding:20px; margin-bottom:55px; }
	.performance_eva .list dl dt { background-size:57px auto; padding-top:65px; font-size:20px; }
	.performance_eva .list dl dt .en { font-size:12px; }
	.performance_eva .list dl dd { font-size:14px; }

	/* 3-3) 채용정보 */
	.process-step li { padding:0 18px; }
	.process-step li .tit { font-size:14px; height: 60px; }
	.process-step li .icon:after { width:16px; }
	.employment dl.recruit_process dd .list li { font-size:14px; }
	.employment dl.recruit_process dd .list li:before { top:7px; width:4px; height:4px; }
	.employment .tail-button .btn { width:180px; height:50px; line-height:50px; font-size:14px; }
	
	#jobs { padding-top:40px; margin-top:40px; }
	.job_list .tr { padding:15px; }
	.job_list .tr .td { font-size:14px; }
	.job_list .tr .td.subject { font-size:16px; }
	.job_list .tr .td.subject .edate { margin-top:7px; }
	.job_list .tr .td.subject .edate span { font-size:14px; }
	.job_list .tr .td.site { margin-top:15px; }
	.job_list .tr .td.site .ic { width:34px; height:33px; }
	.job_list .td.state { right:15px; bottom:15px; }
	.job_list .td.state .icon { width:85px; height:33px; line-height:33px; font-size:13px; }

	/* 4-1) 주가정보 */
	.stock-info .top { font-size:16px; }
	.stock-info .value-info { padding-top:20px; height: 100px; }
	.stock-info .value-info .value { font-size:36px; }
	.stock-info .value-info .n-ch dt, .stock-info .value-info .n-ch dd { font-size:15px; } 
	.stock-info .value-info .n-ch dd { margin-left: 60px; }
	.stock-info .value-info .n-ch dd .ico { width: 20px; height: 20px; background-size:10px auto; }
	.stock-info .basic-info .date { font-size:12px; }
	.stock-info .basic-info .table { margin-bottom:15px; }
	.stock-info .basic-info .table th, .stock-info .basic-info .table td { font-size:13px; height:50px; }
}