@charset "utf-8";

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media (max-width: 1200px) {
	.navigation {display:block;}
	.nav_box {display:none;}
	
	/* main_header */
	/* .header.st1 {background-color:transparent;} */
	.header.st1:hover .logo {background-image:url(../img/comm/img_logo_2.png)}
	.header.st1:hover .nav_box .menu a {color:#fff;}
	.header.st1:hover .nav_box .menu > li > a:hover {color:#df4242;}
	.header.st1:hover .dep li a:hover {color:#fff;}
	.header.st1:hover #menuToggle span {background-color:#000;}
	.header.st1.st2 #menuToggle span {background-color:#000;}
	.header.st1:hover #menuToggle input:checked ~ span {background-color:#fff;}
	#menuToggle input:checked ~ span {background-color:#fff;}
	
	.inner {width:90%;}
	.ceo_cont .ceo_txt.st1 {padding:6rem 4rem; width:80%;}
	.ceo_cont .ceo_txt.st2 {padding:7rem 0 7rem 4rem; width:100%; font-size:21px;}
	.ceo_cont .ceo_txt.st3 {padding:5rem 0 0 4rem; width:80%;}
	
	.his_box {margin:2rem 0 5rem;}
	.his_box.left {padding:7rem 5rem;}
	.his_box.left strong {margin-bottom:30px; font-size:35px; line-height:45px;}
	.his_box.left p, .his_box.left p span {font-size:14px; line-height:20px; font-weight:300;}
	.his_caption {margin-bottom:6rem; font-size:50px;}
	
	.ul_patent li {width:30%;}
	.ul_patent.license li {width:19%; margin-right:2%;}
	.ul_patent.license li:last-child {margin-right:0;}
	
	.img_chart {margin:7rem auto 3rem; width:90%;}
	
	.part_box .col  {padding:2.5rem;}
	
}

/*  데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용) */
@media (min-width: 992px) and (max-width: 1199px) {
	.header.st1:hover .logo {background-image:url(../img/comm/img_logo_2.png)}
	.header.st1:hover #menuToggle span {background-color:#000;}
	
	.inner {width:90%;}
	.tab_box ul {width:100%;}
	.ceo_cont .ceo_txt.st1 {padding:4rem; width:100%;}
	.ceo_cont .ceo_txt.st2 {padding:6rem 4rem; width:100%; font-size:21px;}
	.ceo_cont .ceo_txt.st3 {padding:4rem; width:100%;}
	
	.his_box.left {padding:4.5rem 5rem; height:15rem; background-size:0; background:#9b9f9e url(../img/sub/img_m_history_left.jpg) no-repeat right center;}
	.his_box.left, .his_box.right {width:100%;}
	.his_box.left strong {margin-bottom:8px; font-size:30px; line-height:40px;}
	.his_box.left p, .his_box.left p span {font-size:14px; line-height:20px; font-weight:300;}
	.his_box.right {padding:0;}
}

/* 태블릿 디바이스 (가로 해상도가 768px보다 크고 991px 보다 작은 화면에 적용) */
@media (min-width: 768px) and (max-width: 991px) {
	.slide_pd {padding:20% 0 0 10vh}
	.slide h3 {font-size:50px; padding-bottom: 25px;}
	.slide p {font-size:18px; line-height:27px;}
	.header {height:6rem;}
	.header.st1 .logo {background:url(../img/comm/img_logo_1.png) no-repeat left center; background-size:90%;}
	.header.st1:hover .logo {background:url(../img/comm/img_logo_2.png) no-repeat left center; background-size:90%;}
	.header .logo {height:6rem;}
	.fp-slidesNav {padding-left:7vh;}
	.slide_pd {padding:20% 0 0 10vh}
	.ft_box {padding:30px 10px;}
	.ft_box .ft_logo {float:none; margin:0 auto; height:60px; background-size:90%;}
	.ft_box .ft_address {float:none; padding-top:15px; width:100%; text-align:center; font-size:14px;}
	.navigation {width:6rem; height:6rem;}
	#menuToggle {padding-top:20px;}
	
	.inner {width:95%;}
	.tab_box ul {width:100%;}
	.ceo_cont .ceo_txt {line-height:35px;}
	.ceo_cont .ceo_txt.st1 {padding:4rem; width:100%;}
	.ceo_cont .ceo_txt.st2 {padding:6rem 4rem; width:100%; font-size:21px;}
	.ceo_cont .ceo_txt.st3 {padding:4rem; width:100%;}
	.buss_img_box p {padding:2.5rem 2.5rem 2.5rem 6rem; width:100%; font-size:2rem;}
	.br_txt6 {display:inline;}
	
	.his_box.left {padding:4rem 5rem; height:auto; background-size:0; background:#9b9f9e url(../img/sub/img_m_history_left.jpg) no-repeat right center;}
	.his_box.left, .his_box.right {width:100%;}
	.his_box.left strong {margin-bottom:8px; font-size:30px; line-height:40px;}
	.his_box.left p, .his_box.left p span {font-size:14px; line-height:20px; font-weight:300;}
	
	
	.ul_patent.license li {width:30%; margin-right:5%;}
	.ul_patent.license li:last-child , .ul_patent.license li:nth-child(2){margin-right:0;}
	.ul_patent.license li:nth-child(1), .ul_patent.license li:nth-child(2) {margin-bottom:5%;}
	
	.tb1.mb {display:block;}
	.tb1.mb td {text-align:left; width:89vw;}
	.tb1.none {display:none;}
	
	.license_tit {margin:7rem 0 2rem;}
	
	.header_box {height:6rem;}
	#m_menu > ul {padding-top:6rem;}
	.btn_home {width:6rem; height:6rem;}
	
	.part_box .col  {width:100%; border-top:1px solid #ddd;}
	.part_box .col:first-child {border-top:0;}
	.part_box::before, .part_box::after {left:-9999999px; width:0; height:0; background-color:transparent;}
	.part_box .col p {text-align:left;}
	.part_box .col .en {padding:1rem 0 2rem;}

}


/* 태블릿 디바이스 (가로 해상도가 768px보다 크고 991px 보다 작은 화면에 적용) */
@media (max-width:768px){
	#m_menu > ul {width:100%; text-align:center;}
	/* main_header */
	.header {height:6rem; padding:0 1rem;}
	.header.st1 {background-color:#fff;}
	.header.st1 .logo {height:100%; background:url(../img/comm/img_logo_2.png) no-repeat left center; background-size:80%;}
	.header.st1:hover .logo {background:url(../img/comm/img_logo_2.png) no-repeat left center; background-size:80%;}
	.header.st1 .nav_box .menu a {color:#fff;}
	.header h1 {display:block; padding-top:2px; height:100%;}
	#menuToggle span {background-color:#000;}
	.br_txt {display:block; line-height:1;}
	.slide h3 {font-size:5rem;}
	.fp-slidesNav {padding-left:7%;}
	.fp-slidesNav ul::after {width:0; height:0; background:transparent;}
	.ft_box {padding:30px 10px;}
	.ft_box .ft_logo {float:none; margin:0 auto; height:60px; background-size:80%;}
	.ft_box .ft_address {float:none; padding-top:15px; width:100%; text-align:center; font-size:14px;}
	.ft_box .ft_address li:first-child {display:block; margin-bottom:10px;}
	.navigation {width:6rem; height:6rem;}
	#menuToggle {padding-top:20px;}
	.snav_box {height:30rem;}
	.caption {top:14rem; font-size:4rem;}
	.tab_box ul li a {font-size:15px;}
	
	.inner {width:95%;}
	.tab_box ul {width:100%;}
	.ceo_cont .ceo_txt {line-height:35px; font-size:16px;}
	.ceo_cont .ceo_txt.st1 {padding:2rem 1rem; width:100%;}
	.ceo_cont .ceo_txt.st2 {padding:4rem 3rem; width:100%; font-size:21px;}
	.ceo_cont .ceo_txt.st3 {padding:2rem 1rem; width:100%;}
	.br_txt6 {display:inline;}
	
	.content  {padding:7rem 0;}
	.content.st2 {padding:7rem 0 0;}
	.buss_img_box p {padding:2.5rem 2.5rem 2.5rem 6rem; width:100%; font-size:2rem;}
	
	.his_caption {font-size:40px;}
	.his_box.left {padding:4rem 5rem; height:auto; background-size:0; background:#9b9f9e url(../img/sub/img_m_history_left.jpg) no-repeat right center;}
	.his_box.left, .his_box.right {width:100%;}
	.his_box.right {padding:0;}
	.his_box.left strong {margin-bottom:8px; font-size:30px; line-height:40px;}
	.his_box.left p, .his_box.left p span {font-size:14px; line-height:20px; font-weight:300;}
	.his_list_box > li span, .his_list_box .history_data {width:100%;}
	.his_list_box > li span {padding:10px; text-align:center; color:#fff; font-size:2rem; border-radius:20px 0 20px 0; background-color:#df4242;}
	.his_list_box .history_data {border-left:0;}
	.his_list_box dl:last-child dd, .his_list_box dl dt, .his_list_box dl dd {padding-bottom:20px;}
	.his_list_box dl dt {padding-top:20px;}
	.his_list_box dl dd {padding:20px;}
	.his_list_box dl dt:after {top:26px;}
	
	
	.certi_box {margin-top:2rem; padding:5rem 0;}
	.ul_patent.license li {width:30%; margin-right:5%;}
	.ul_patent.license li:last-child , .ul_patent.license li:nth-child(2){margin-right:0;}
	.ul_patent.license li:nth-child(1), .ul_patent.license li:nth-child(2) {margin-bottom:5%;}
	
	.prize {padding-top:1rem;}
	.prize .his_list_box > li span {background-color:#e19a19;}
	.prize .his_list_box dl dt:after {background-color:#ffbb40;}
	
	.tb1.mb {display:block;}
	.tb1.mb th {text-align:left;}
	.tb1.mb td {text-align:left; width:89vw;}
	.tb1.none {display:none;}
	
	.license_tit {margin:7rem 0 2rem; font-size:18px;}
	.tb1.pd td {padding:0;}
	.tb1.pd td.last {padding:12px; font-size:15px;}
	
	.img_license {width:100%;}
	.img_license_2 {width:80%;}
	.br_txt8 {display:block; font-weight:300; line-height:1.6;}
	
	.his_list_box dl dt strong {font-size:16px;}
	.his_list_box dl dd {font-size:15px;}
	
	.item_enclosure {padding:2rem 0 3rem 18px; border-top:1px solid #ddd; font-size:15px; color:#a86c57; font-weight:300; text-indent:-18px; line-height:1.3;}
	.item {margin-bottom:15px; width:100%;}
	.item.w1 {float:none; width:100%;}
	.mg {margin-right:0;}
	
	.btn_bottm {padding:3rem 0;}
	
	.img_chart {margin:4rem auto 3rem; width:99%;}
	
	.header_box {width:100%; height:6rem;}
	#m_menu > ul {padding-top:6rem;}
	.wrap_map {height:300px !important;}
	.map_box {margin-top:5rem; height:520px;}
	.btn_home {width:6rem; height:6rem;}
	.pup_modal .modalBox {height:130vw;}
	
	.part_box .col  {width:100%; border-top:1px solid #ddd;}
	.part_box .col:first-child {border-top:0;}
	.part_box::before, .part_box::after {left:-9999999px; width:0; height:0; background-color:transparent;}
	.part_box .col p {text-align:left;}
	.part_box .col .en {padding:1rem 0 2rem;}
	
	.dl_txt dt, .dl_txt dt {font-size:15px;}
	.dl_txt dd {margin-bottom:2rem;}
	.t_pd {margin-top:5rem;}
}


/* 가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 768px 보다 작은 화면에 적용) */
@media (min-width: 576px) and (max-width: 767px) {
	.slide_pd {padding:15rem 0 0 10%;}
	.slide h3 {font-size:5rem; padding-bottom:3rem;}
	.slide p {font-size:1.8rem; line-height:1.3;}
	
	.content {padding:5rem 0;}
	.content.st2 {padding:5rem 0 0;}
	.snav_box {height:26rem;}
	.caption {top:12rem; font-size:2.8rem;}
	.sub_topic {margin-bottom:2rem; font-size:2.8rem;}
	.sub_topic_txt {line-height:23px; font-size:16px;}
	.br_txt {display:block;}
	.ceo_cont .ceo_txt {line-height:2; font-size:17px;}
	.ceo_cont .ceo_txt.st2 {line-height:1.7; font-size:20px;}
	
	.his_caption {font-size:35px; margin-bottom:4rem;}
	.his_box {margin:2rem 0;}
	.his_box.left {padding:3rem 4rem; height:auto; border-radius:20px 0 20px 0; background-size:0; background:#9b9f9e url(../img/sub/img_m_history_left.jpg) no-repeat right center;}
	.his_box.left, .his_box.right {width:100%;}
	.his_box.left strong {margin-bottom:8px; font-size:28px; line-height:38px;}
	.his_box.left p, .his_box.left p span {font-size:14px; line-height:20px; font-weight:300;}
	.his_list_box > li span, .his_list_box .history_data {width:100%;}
	.his_list_box > li span {padding:10px; text-align:center; color:#fff; font-size:2rem; border-radius:20px 0 20px 0; background-color:#df4242;}
	.his_list_box .history_data {border-left:0;}
	.his_list_box dl:last-child dd, .his_list_box dl dt, .his_list_box dl dd {padding-bottom:20px;}
	.his_list_box dl dt {padding-top:20px;}
	.his_list_box dl dd {padding:20px;}
	.his_list_box dl dt:after {top:26px;}
	.br_txt7 {display:inline; font-weight:300;}
	
	.sign {margin-top:2rem;}
	.ul_patent li {margin-right:25px; width:40%;}
	.prize .his_list_box dl dt {width:30%;}
	.prize .his_list_box dl dd {width:70%;}
	
	.license_sub_tit {font-size:15px; line-height:1.5;}
	
}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 768px 보다 작은 화면에 적용) */
@media (min-width: 320px) and (max-width: 575px) {
	.slide_pd {padding:15rem 0 0 10%;}
	.slide h3 {font-size:4rem; padding-bottom:3rem;}
	.slide p {font-size:1.4rem; line-height:1.3;}
	.fp-slidesNav ul li a span::before {font-size:15px;}
	.ft_box {padding:20px 10px;}
	.ft_box .ft_address {font-size:13px;}
	
	.content {padding:5rem 0;}
	.content.st2 {padding:5rem 0 0;}
	.snav_box {height:26rem;}
	.caption {top:12rem; font-size:2.8rem;}
	.sub_topic {margin-bottom:2rem; font-size:2.4rem;}
	.sub_topic_txt {line-height:23px; font-size:14px; line-height:1.3;}
	.br_txt {display:block;}
	.tab_box ul li {display:table;}
	.tab_box ul li a {display:table-cell; vertical-align:middle; font-size:14px; line-height:1.3;}
	.ceo_cont .ceo_txt {line-height:1.7; font-size:15px;}
	.ceo_cont .ceo_txt.st1 {padding:2rem 1rem; width:100%;}
	.ceo_cont .ceo_txt.st2 {padding:3rem; width:100%; line-height:1.6; font-size:18px;}
	.ceo_cont .ceo_txt.st3 {padding:2rem 1rem; width:100%;}
	.buss_img_box p {padding:1.5rem 1.5rem 1.5rem 3.5rem; width:100%; font-size:1.5rem; background-size:1.5rem; background-position:1.5rem center; letter-spacing:-.5px;}
	.br_txt3 {display:block;}
	.br_txt5 {display:block; font-weight:300;}
	.br_txt9 {display:block; font-weight:600;}
	
	/* table
	============================================================ */
	.tb1 th, .tb1 td {padding:15px; font-size:15px;}
	
	.his_caption {font-size:30px; margin-bottom:4rem;}
	.his_box {margin:2rem 0;}
	.his_box.left {padding:2.5rem; height:auto; border-radius:20px 0 20px 0; background-size:0; background:#9b9f9e url(../img/sub/img_m_history_left.jpg) no-repeat right center;}
	.his_box.left, .his_box.right {width:100%;}
	.his_box.left strong {margin-bottom:8px; font-size:24px; line-height:34px;}
	.his_box.left p, .his_box.left p span {font-size:13px; line-height:18px; font-weight:300; }
	.his_list_box > li span, .his_list_box .history_data {width:100%;}
	.his_list_box > li span {padding:10px; text-align:center; color:#fff; font-size:2rem; border-radius:20px 0 20px 0; background-color:#df4242;}
	.his_list_box .history_data {border-left:0;}
	.his_list_box dl:last-child dd, .his_list_box dl dt, .his_list_box dl dd {padding-bottom:20px;}
	.his_list_box dl dt {padding-top:20px;}
	.his_list_box dl dd {padding:20px;}
	.his_list_box dl dt:after {top:26px;}
	.br_txt7 {display:inline; font-weight:300;}
	
	.sign {margin-top:2rem; font-size:14px;}
	.sign strong {font-size:20px;}
	.sign::after {width:100px; height:40px; background-size:100%;}
	
	.ul_patent li {margin-right:20px; width:42%;}
	.txt_enclosure {left:0; font-size:13px;}
	.certi_box {margin-top:2rem; padding:5rem 0;}
	
	.certi_box {margin-top:2rem; padding:5rem 0;}
	.ul_patent.license li {width:47%; margin-right:3%;}
	.ul_patent.license li:last-child , .ul_patent.license li:nth-child(2){margin-right:0;}
	.ul_patent.license li:nth-child(1), .ul_patent.license li:nth-child(2) {margin-bottom:5%;}
	
	.license_sub_tit {font-size:15px; line-height:1.5;}
	
	.prize .his_list_box dl dt {width:30%;}
	.prize .his_list_box dl dd {width:70%;}


	.idea_box {margin:3rem auto; width:34rem; height:32rem; background-size:100%;}
	.idea_box p {font-size:1.7rem;}
	.idea_box p::before {margin:0 auto .5rem; width:6rem; height:6rem; background-size:6rem;}
	.idea_box p.management {top:3rem; margin-left:-2.8rem;}
	.idea_box p.training {bottom:3rem; margin-right:-12.3rem;}
	.idea_box p.construction {bottom:3rem; margin-left:-11.9rem;}
	.idea_box p.construction::before {background-position:0 -6rem;}
	.idea_box p.training::before {background-position:0 -12rem;}
	.part_box .col .en {font-size:22px;}
	.part_box .col p {padding-bottom:1.5rem; font-size:18px;}
	.part_box .col li {font-size:15px;}
	
	
}

@media (min-width: 280px) and (max-width: 320px) {
	.slide_pd {padding:15rem 0 0 10%;}
	.slide h3 {font-size:3.4rem; padding-bottom:3rem;}
	.slide p {font-size:1.4rem; line-height:1.3;}
	.fp-slidesNav ul li a span::before {font-size:15px;}
	.fp-slidesNav ul li {margin:20px;}
	.fp-slidesNav ul li::before {left:-23px;}
	.fp-slidesNav.bottom {bottom:5vh;}
	.br_txt2 {display:block;}
	.br_txt9 {display:block; font-weight:600;}
	
	.content {padding:5rem 0;}
	.content.st2 {padding:5rem 0 0;}
	.snav_box {height:26rem;}
	.caption {top:12rem; font-size:2.8rem;}
	.sub_topic {margin-bottom:2rem; font-size:2.4rem;}
	.sub_topic_txt {line-height:23px; font-size:14px; line-height:1.3;}
	.br_txt {display:block;}
	.tab_box ul li {display:table;}
	.tab_box ul li a {display:table-cell; vertical-align:middle; font-size:14px; line-height:1.3;}
	.ceo_cont .ceo_txt {line-height:1.7; font-size:15px;}
	.ceo_cont .ceo_txt.st1 {padding:2rem 1rem; width:100%;}
	.ceo_cont .ceo_txt.st2 {padding:3rem; width:100%; line-height:1.6; font-size:18px;}
	.ceo_cont .ceo_txt.st3 {padding:2rem 1rem; width:100%;}
	.buss_img_box p {padding:1.5rem 1.5rem 1.5rem 3.5rem; width:100%; font-size:1.5rem; background-size:1.5rem; background-position:1.5rem center; letter-spacing:-.5px;}
	.br_txt3 {display:block; font-weight:300;}
	.br_txt5 {display:block; font-weight:300;}
	.br_txt7 {display:inline; font-weight:300;}
	
	/* table
	============================================================ */
	.tb1 th, .tb1 td {padding:15px; font-size:15px;}
	
	.his_caption {font-size:30px; margin-bottom:4rem;}
	.his_box {margin:2rem 0;}
	.his_box.left {padding:2.5rem; height:auto; border-radius:20px 0 20px 0; background-size:0; background:#9b9f9e url(../img/sub/img_m_history_left.jpg) no-repeat right center;}
	.his_box.left, .his_box.right {width:100%;}
	.his_box.left strong {margin-bottom:8px; font-size:24px; line-height:34px;}
	.his_box.left p, .his_box.left p span {font-size:13px; line-height:18px; font-weight:300;}
	.his_list_box > li span, .his_list_box .history_data {width:100%;}
	.his_list_box > li span {padding:10px; text-align:center; color:#fff; font-size:2rem; border-radius:20px 0 20px 0; background-color:#df4242;}
	.his_list_box .history_data {border-left:0;}
	.his_list_box dl:last-child dd, .his_list_box dl dt, .his_list_box dl dd {padding-bottom:20px;}
	.his_list_box dl dt {padding-top:20px;}
	.his_list_box dl dd {padding:20px;}
	.his_list_box dl dt:after {top:26px;}
	
	.ul_patent li {margin:0 0 8%; width:75%;}
	.ul_patent li.enclosure {margin-bottom:27%;}
	.txt_enclosure {left:15px; font-size:14px;}
	.certi_box {margin-top:2rem; padding:5rem 0;}
	
	.certi_box {margin-top:2rem; padding:5rem 0;}
	.ul_patent.license li {width:75%; margin-right:0;}
	.ul_patent.license li:last-child , .ul_patent.license li:nth-child(2), .ul_patent.license li:nth-child(3) {margin-right:0;}
	.ul_patent.license li:nth-child(1), .ul_patent.license li:nth-child(2),.ul_patent.license li:nth-child(3) {margin-bottom:8%;}
	
	.license_sub_tit {font-size:15px; line-height:1.5;}
	
	.prize .his_list_box dl dt {width:30%;}
	.prize .his_list_box dl dd {width:70%;}
	
	.idea_box {margin:3rem auto;width:26rem; height:24rem; background-size:100%;}
	.idea_box p {font-size:1.5rem;}
	.idea_box p::before {width:5rem; height:5rem; background-size:5rem;}
	.idea_box p.management {top:2rem; margin-left:-2.5rem;}
	.idea_box p.training {bottom:2.5rem; margin-right:-10rem;}
	.idea_box p.construction {bottom:2.5rem; margin-left:-9.5rem;}
	.idea_box p.construction::before {background-position:0 -5rem;}
	.idea_box p.training::before {background-position:0 -10rem;}
	.part_box .col {padding:2rem;}
	.part_box .col .en {font-size:22px;}
	.part_box .col p {padding-bottom:1.5rem; font-size:18px;}
	.part_box .col li {font-size:15px;}
	
}