@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */

div#content.sub{min-height:800px;padding:80px 0; background:#fff;}
.sub_title{margin-bottom:40px;}
.sub_title h2{text-align:center; color:#222; font-size:50px; font-weight:bold; line-height:1.2em; }

/* 서브비쥬얼 */
.area_subVisual{position:relative; width:100%; height:600px; overflow:hidden;}
.img_subVisual{position:fixed;z-index:-1;width:100%;height:600px;background-size:cover !important;background-position:50% 50%;background-attachment: fixed;animation: simagescale 2s ease-in-out alternate;-webkit-animation: simagescale 2s ease-in-out alternate;-moz-animation: simagescale 2s ease-in-out alternate;-o-webkit-animation: simagescale 2s ease-in-out alternate;transform:scale(1.0); }
/*
.area_subVisual{position:relative; height:600px; padding:0; background: 50% / cover;}
*/
.area_subVisual h2{padding-top:220px;  color:#fff; text-align:center; font-size:65px; font-weight:800; line-height:1em; text-transform:uppercase;}
.area_subVisual.koweb_online_counsel h2{padding-top:270px;}
.area_subVisual p{display:block; margin:20px 0 0; padding:0 20px; box-sizing:border-box; font-size:18px; font-weight:400; color:#fff; line-height:1.2em; text-align:center; word-break:keep-all;}

.area_subVisual.about .img_subVisual{background-image: url(../images/content/sub_visual01.jpg) }
.area_subVisual.common .img_subVisual{background-image: url(../images/content/sub_visual01.jpg) }
.area_subVisual.product .img_subVisual{background-image:url(../images/content/sub_visual02.jpg);}
.area_subVisual.program .img_subVisual{background-image:url(../images/content/sub_visual03.jpg);}
.area_subVisual.board .img_subVisual{background-image:url(../images/content/sub_visual03.jpg);}
.area_subVisual.koweb_online_counsel .img_subVisual,
.area_subVisual.koweb_online_ecounsel .img_subVisual{background-image:url(../images/content/sub_visual04.jpg);}

/* lnb */
.lnb {position:absolute; z-index:11;left:0;bottom:0;width:100%;height: 80px;background: rgba(0,0,0,0.65);text-align:center;}
.lnb ul {display:flex; justify-content: center; align-items: center;  margin: 0 auto;width:100%;height: 80px;}
.lnb ul li {position:relative; display:inline-block;min-width:240px; box-sizing:border-box;}
.lnb ul li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:10px; background:rgba(255,255,255,0.3); transform:translateY(-50%);}
.lnb ul li:last-child:before{display:none;}
.lnb ul li a {display:block; padding:27px 10px; box-sizing:border-box; font-weight: 500;font-size:18px;color: #dadada; transition:all 0.3s ease;}
.lnb ul li:hover a,
.lnb ul li a.on {color: #222; background:#fff;}
.koweb_online_counsel .lnb{display:none;}



@keyframes simagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
@media all and (max-width:2000px){
	div#content.sub{min-height:300px;}
}
@media all and (max-width:1500px){
	#en .product .lnb ul li{width:calc(100% / 5); width:-webkit-calc(100% / 5);}
	#en .product .lnb ul li a{display:flex; justify-content: center; align-items: center; padding:13px 10px; height:80px;}
}
@media all and (max-width:1400px){
	.lnb ul li{min-width:200px;}
}
@media all and (max-width:1080px){
	.sub_title{margin-bottom:30px;}
	.sub_title h2{font-size:45px;}
	.product .lnb ul li{min-width:calc(100% / 5);}
	.lnb ul li a{font-size:17px; padding:28px 5px;}
}
@media all and (max-width:1023px){
	.area_subVisual{height:500px;}
	.img_subVisual{height:500px;}
	.area_subVisual h2{padding-top:180px; font-size:60px;}
	.area_subVisual.koweb_online_counsel h2{padding-top:210px;}
}
@media all and (max-width:900px){
	.sub_title{margin-bottom:25px;}
	.sub_title h2{font-size:40px;}
}
@media all and (max-width:850px){
	.area_subVisual h2{font-size:55px;}
	.area_subVisual p{margin:15px 0 0; font-size:17px;}
	#en .product .lnb ul li a{font-size:16px; line-height:1.3em;}
}
@media all and (max-width:767px){
	div#content.sub{padding:50px 0;}
	.area_subVisual{height:450px;}
	.img_subVisual{height:450px;}
	.area_subVisual h2{padding-top:160px; font-size:50px;}
	.area_subVisual.koweb_online_counsel h2{padding-top:200px;}

	.sub_title h2{font-size:36px;}
	.lnb{height:65px;}
	.lnb ul{height:100%;}
	.lnb ul li{min-width:150px;}
	.lnb ul li a{padding:20px 10px; font-size:17px;}
	.product .lnb ul li{min-width:auto;}
	.product .lnb ul li a{padding:20px;}

	#en .lnb > div{width:100%; height:100%; overflow-x:scroll; overflow-y:hidden;}
	#en .lnb ul{display:table; width:100%; text-align:center;}
	#en .lnb ul > li{display:table-cell; white-space:nowrap;}
	#en .product .lnb ul li a{height:65px;}
}
@media all and (max-width:650px){
	.area_subVisual{height:400px;}
	.img_subVisual{height:400px;}
	.area_subVisual h2{padding-top:150px; font-size:45px;}
	.area_subVisual p{margin:10px 0 0; font-size:16px;}
	.area_subVisual.koweb_online_counsel h2{padding-top:180px;}

	.lnb{height:60px;}
	.lnb ul li a{padding:19px 15px; font-size:15px;}
	#en .product .lnb ul li a{font-size:15px; height:60px;}

	.sub_title h2{font-size:32px;}
	#kr .mob_info.en{display:none;}
	#kr .mob_info.kr{display:block;}
	#en .mob_info.kr{display:none;}
	#en .mob_info.en{display:block;}
}

@media all and (max-width:550px){
	div#content.sub{padding:35px 0;}
	.area_subVisual{height:350px;}
	.img_subVisual{height:350px;}
	.area_subVisual h2{padding-top:130px; font-size:40px;}
	.area_subVisual.koweb_online_counsel h2{padding-top:160px;}
	.area_subVisual p{font-size:15px;}
	.lnb{height:50px;}
	.lnb ul li{min-width:100px;}
	.lnb ul li a{padding:14px 10px; font-size:15px;}
	#en .product .lnb ul li a{height:50px;}
	.product .lnb ul li a{padding:14px 10px;}

	.sub_title{margin-bottom:20px;}
	.sub_title h2{font-size:30px;}
}
@media all and (max-width:450px){
	.area_subVisual{height:300px;}
	.img_subVisual{height:300px;}
	.area_subVisual h2{padding-top:110px; font-size:35px;}
	.area_subVisual.koweb_online_counsel h2{padding-top:130px;}
	.area_subVisual p{font-size:14px;}
	.lnb{height:auto;}
	.lnb > div{width:100%; height:100%; overflow-x:scroll; overflow-y:hidden;}
	.lnb ul{display:table; width:100%; text-align:center;}
	.lnb ul > li{display:table-cell; white-space:nowrap;}
	.common .lnb ul > li{display:inline-block; width:calc(100% / 2);}

	.sub_title h2{font-size:25px;}
	
}
@media all and (max-width:400px){
	.sub_title{margin-bottom:15px;}
}
/* tab  */
.tabs{margin:70px 0 0; display:flex; justify-content:center; align-items:center;}
.tabs:after{content:''; display:block; clear:both;}
.tabs li{position:relative; display:inline-block; box-sizing:border-box; margin:0 10px; padding:18px 10px;  border:3px solid #ddd; border-radius:50px; background:transparent; color:#777; text-align:center; transition:border 0.3s ease; min-width:220px; border-radius:50px; cursor:pointer;}
.tabs li span{line-height:1.35em; font-weight:600; font-size:20px; color:#cdcdcd; word-break:keep-all; }
.tabs li.active,
.tabs li:hover{border: 3px solid #0ba3d6;}
.tabs li.active span,
.tabs li:hover span{color:#0ba3d6;}
.tab_content{position:relative; min-height:400px;}
.tab_content:after{content:''; display:block; clear:both;}


/* 인사말 */
.sub_area{position:relative; }
.sub_area.s1_1:before{content:''; position:absolute; top:26%; left:0; width:40%; height:100%; background:#f2f6fa;}
.area_img{display:block; margin:10px 0 0; width:100%;}
.area_img img{width:100%;}
.flex{display:flex;}
.s1_1 .inr{z-index:2;}
.s1_1 .inr:before{content:''; position:absolute; top:0; left:0; width:500px; height:120%; background:#f2f6fa; z-index:-1;}
.area_txt{margin:70px 0 0; padding:0; box-sizing:border-box;}
.area_txt .btxt{width:500px; padding:0 80px; box-sizing:border-box;}
.area_txt .btxt em{display:block; font-size:16px; font-weight:600; color:#00a2e6; line-height:1em; word-break:keep-all; text-transform:uppercase;}
.area_txt .btxt h3{margin:10px 0 0; display:block; font-size:38px; font-weight:800; color:#222; line-height:1.35em; word-break:keep-all;}
.area_txt .stxt{width:calc(100% - 500px); width:-webkit-calc(100% - 500px);  padding:0 80px; box-sizing:border-box;}
.area_txt .stxt p{margin:0 0 40px; display:block; font-size:18px; font-weight:400; color:#444; line-height:1.7em; word-break:keep-all;}

/* 연혁 */

.area_history{padding:0 0 100px;}
.area_history .area_top .area_txt{position:absolute; top:45%; left:50%; margin-left:-700px; transform:translateY(-50%); z-index:2; font-size:60px; font-weight:800; color:#fff; line-height:1.2em; word-break:keep-all;}
.history_tab{position:absolute; top:-85px; width:100%; height:85px;}
.history_tab > ul{display:flex; background:#1d2325; width:100%; height:100%;}
.history_tab > ul > li{position:relative; width:calc(100% / 3); text-align:center;}
.history_tab > ul > li:before{content:''; position:absolute; top:50%; right:0; width:1px; height:20px; background:rgba(255,255,255,0.3); transform:translateY(-50%);}
.history_tab > ul > li:last-child:before{display:none;}
.history_tab > ul > li > a{display:block; font-size:25px; font-weight:bold; color:#fff; padding:15px; box-sizing:border-box; line-height:53px;}
.history_tab > ul > li.active{background:#fff;} 
.history_tab > ul > li.active > a{color:#222;} 
.history_con{}
.history_con > article{display:flex; flex-wrap:wrap; width:100%;}
.history_con > article#list_history01{padding-top:0;}
.history_con .history_txt{position: sticky; top:60px; width:50%; z-index:2; max-height:500px;}
.history_con .history_txt em{display:block; font-size:15px; font-weight:500; color:#00a2e6; line-height:1em;}
.history_con .history_txt p{display:block; margin:12px 0 0; font-size:40px; font-weight:800; color:#222; line-height:1.1em; word-break:keep-all;}
.history_con .history_txt .history_img{width:auto; margin-top:35px; margin-right:80px;}
.history_con .history_txt .history_img img{width:auto; max-width:100%; height:auto;}
.history_con .history_box{position:relative; width:50%; }
.history_con .line{position:absolute; top:20px; left:0; width:1px; height:100%; border-left:1px dashed #ddd; overflow:hidden;}
.history_con .line.m{display:none;}
.history_con{position:relative; padding:15px 0 0;}
.list_history > .data{display:flex; align-items:flex-start; margin-bottom:60px; flex-direction:row;}
.list_history > .data:last-child{margin:0;}
.list_history > .data > ul{width:calc(100% - 180px); margin-left:50px; box-sizing:border-box;}
.list_history > .data > ul > li{display:flex; align-items: flex-start; margin-bottom:15px;}
.list_history > .data > ul > li:last-child{margin-bottom:0;}
.list_history > .data > ul > li > em{position:relative; top:-1px; width:20px; margin-right:45px; font-size:18px; font-weight:500; color:#868686;}
.list_history > .data > ul > li > span{display:block; width:calc(100% - 65px); font-size:18px; font-weight:400; color:#555; line-height:1.2em; word-break:keep-all;}
.list_history > .data > h2{position:relative; padding-left:80px; width:180px; box-sizing:border-box; font-size:35px; font-weight:700; line-height:0.8em; color:#222; transition:all 0.2s ease;}
.list_history > .data > h2::after{content:""; position:absolute; top:9px; left:-4px; width:9px; height:9px; background:#00a2e6; transition:all 0.3s ease 0.2s; border-radius:50px; box-sizing:border-box; z-index:2;}
.list_history > .data > h2::before{content:""; position:absolute; top:4.5px; left:-8.5px; width:18px; height:18px; background:#00a2e6; opacity:0.2; border-radius:50px;}

/* 오시는길 */
.box.branch{margin:50px 0 0;}
.area_map{position:relative;}
.area_map .root_daum_roughmap_landing .border2{display:block;}
.area_map .root_daum_roughmap .wrap_controllers{display:none;}
.area_map .root_daum_roughmap .wrap_map{height:420px;}
.list_info{}
.list_info > li{display:flex; align-items: flex-start; margin:0 0 30px; }
.list_info > li em{position:relative; top:-3px; width:115px; padding-left:40px; margin-right:50px; box-sizing:border-box; font-size:18px; font-weight:600; color:#333;}
.list_info > li em:before{content:''; position:absolute; top:5px; left:0; width:16px; height:16px;}
.list_info > li:nth-child(1) em:before{background:url(../images/content/icon_map.svg)no-repeat center; background-size:contain;}
.list_info > li:nth-child(2) em:before{background:url(../images/content/icon_call.svg)no-repeat center; background-size:contain;}
.list_info > li:nth-child(3) em:before{background:url(../images/content/icon_fax.svg)no-repeat center; background-size:contain;}
.list_info > li span{width:calc(100% - 165px); width:-webkit-calc(100% - 165px); font-size:18px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all;}


.top_txt{text-align:center; line-height:1.6em; word-break:keep-all; font-size:18px; font-weight:400; color:#444;}
#content table.table{margin-top:0; border-top:none; box-shadow: 0px 5px 12.75px 2.25px rgba(0, 0, 0, 0.03);}
#content table.table thead th{background:#00a2e6; color:#fff; border-right:1px solid rgba(255,255,255,0.18); font-size:18px; font-weight:500; line-height:1.3em;}
#content table.table thead tr:last-child th{border-bottom:1px solid #00a2e6;}
#content table.table thead tr th:first-child{border-left:1px solid #00a2e6;}
#content table.table thead th:last-child{border-right:1px solid #00a2e6;}
#content table.table tbody th{border:1px solid #eee; font-size:18px; font-weight:600; color:#222; line-height:1.1em;}
#content table.table tbody th .title{cursor:pointer;}
#content table.table tbody td{border:1px solid #eee; font-size:18px; font-weight:400; color:#555; line-height:1.1em;}
#content table.table thead + tbody th{border-right-color:#eee;}
#content table.table tbody tr td:first-child, #content table.table tbody tr th:first-child{border-left-width:1px;}
#content table.table tbody tr td:last-child{border-right-width:1px;}
#content table.table th{padding:14px 10px;}
#content table.table td{padding:22px 10px;}
.area_product .tab_container{display:block; }
.area_product .tab_content{margin:70px 0 0; padding:50px 0 0; border-top:1px dashed #ddd; box-sizing:border-box; text-align:center;}
.area_product .tab_content .title{}
.area_product .tab_content .title h3{display:block; margin:0 0 15px; font-size:45px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.area_product .tab_content .title em{display:inline-block; font-size:16px; font-weight:500; color:#555; line-height:1.2em; word-break:keep-all; padding:7px 25px 8px; box-sizing:border-box; border-radius:50px; background:#f9f9f9; border:1px solid #eee;}
#content .area_product .tab_content table.table{margin-top:40px; box-shadow:none; border-top:2px solid #222;}
#content .area_product .tab_content table.table tbody th{background:#f5f9fc; font-weight:bold;}
#content .area_product .tab_content table.table tbody th h4{padding:5px 0 0; font-size:18px; font-weight:bold; color:#222; line-height:1em;}
#content .area_product .tab_content table.table tbody th span{font-size:13px; font-weight:400; color:#666; text-transform:uppercase; line-height:0.8em;}
#content .area_product .tab_content table.table tbody td{text-align:center;}
#content .area_product .tab_content table.table tbody td .btxt{font-size:20px; font-weight:500; color:#333; line-height:1em; word-break:keep-all;}
#content .area_product .tab_content table.table tbody tr td:first-child, 
#content .area_product .tab_content table.table tbody tr th:first-child{border-left-width:0px;}
#content .area_product .tab_content table.table tbody tr td:last-child{border-right-width:0px;}
.top_table{margin-top:40px;}
.top_table em{display:block;margin:13px 0 0;font-size:15px;font-weight:500;color:#555;line-height:1.4em;word-break:keep-all;border: 1px solid #e9f2f5;background:#f5f9fc;padding:12px 10px;text-align: center;border-radius: 0;}

.table_info{display:block; margin:30px 0 0; padding:40px; text-align:left; background:#f9f9f9; border:1px solid #eee; box-sizing:border-box;}
.table_info > .list{}
.table_info > .list > li{position:relative; padding-left:16px; font-size:17px; font-weight:500; color:#555; line-height:1.3em; word-break:keep-all; margin:0 0 15px;}
.table_info > .list > li:before{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background:#00a2e6;}
.table_info > .list > li:last-child{margin:0;}


/* 영문 */
#en .sub_title h2{width:90%; margin:0 auto;}
#en .area_txt .btxt h3{font-size:32px;}
#en .history_con .history_txt p{line-height:1.3em; font-size:37px;}
#en .list_history > .data > ul > li > span{line-height:1.3em;}


.bbsList .none{padding:40px 10px;}

@media all and (max-width:1300px){
	#en #content table.table thead th{font-size:16px; word-break:break-word; padding:10px;}
}
@media all and (max-width:1200px){
	.sub_area.s1_1:before{width:35%;}
	.s1_1 .inr:before{width:40%;}
	.area_txt{margin:60px 0 0;}
	.area_txt .btxt{width:40%; padding:0 50px;}
	.area_txt .btxt h3{font-size:35px;}
	.area_txt .btxt h3 br{display:none;}
	.area_txt .stxt{width:60%; padding:0 50px;}
	.area_txt .stxt p{margin:0 0 30px;}

	.history_con .history_txt p{margin:10px 0 0; font-size:35px;}
	.history_con .history_txt .history_img{margin-top:25px; margin-right:60px;}
	.list_history > .data > h2{padding-left:60px; width:150px; font-size:32px;}
	.list_history > .data > ul{margin-left:30px; width:calc(100% - 150px); width:-webkit-calc(100% - 150px);}
	.list_history > .data > ul > li > em{margin-right:15px;}

	#en .history_con .history_txt p{font-size:32px;}
}
@media all and (max-width:1100px){
	.sub_area.s1_1:before{width:35%;}
	.s1_1 .inr:before{width:35%;}
	.area_txt{margin:50px 0 0;}
	.area_txt .btxt{width:35%; padding:0 30px;}
	.area_txt .btxt h3{font-size:32px;}
	.area_txt .stxt{width:65%; padding:0 30px;}

	#en .area_txt .btxt h3{font-size:30px;}
	#en .area_txt .btxt h3{font-size:27px;}
}
@media all and (max-width:1080px){	
	div#content.sub{padding:60px 0;}

	.history_con .line{left:0;}
	.history_con .history_txt{width:45%;}
	.history_con .history_txt p{font-size:32px;}
	.history_con .history_box{width:55%;}
	.history_con .history_txt .history_img{margin-right:50px;}
	.list_history > .data > h2{padding-left:40px; width:130px;}
	.list_history > .data > ul{width: calc(100% - 130px);  width: -webkit-calc(100% - 130px);}
	.list_history > .data > ul > li > em,
	.list_history > .data > ul > li > span{font-size:17px;}
	.list_history > .data{margin-bottom:50px;}

	.top_table{margin-top:35px;}
	#content table.table thead th,
	#content table.table tbody th,
	#content table.table tbody td{font-size:17px;}
	#content .area_product .tab_content table.table tbody th h4{font-size:17px;}

	#en .history_con .history_txt p{font-size:30px;}
}
@media all and (max-width:1023px){
	.s1_1 .area_txt .btxt h3{font-size:28px;}
}
@media all and (max-width:950px){
	.sub_area.s1_1:before{display:none;}
	.s1_1 .inr:before{display:none;}
	.area_txt{margin:30px 0 0; text-align:center;}
	.area_txt.flex{display:block;}
	.area_txt .btxt{width:100%; margin:0 0 25px; padding:0;}
	.area_txt .btxt h3{font-size:33px;}
	.area_txt .btxt h3 br{display:block;}
	.area_txt .stxt{width:100%; padding:0;}
	.area_txt .stxt p{margin:0 0 25px;}

	.history_con > article{display:block;}
	.history_con .history_txt{position:relative; width:auto; top:0; text-align:center;}
	.history_con .history_txt p{font-size:35px;}
	.history_con .history_txt .history_img{margin-right:0;}
	.history_con .history_box{width:100%; margin:50px 0 0;}

	.s1_3 .area_txt{text-align:left;}
	.list_info > li{margin:0 0 10px;}
	.list_info > li:last-child{margin:0;}

	#content table.table thead th,
	#content table.table tbody th,
	#content table.table tbody td{font-size:16px;}
	#content table.table td{padding:22px 5px;}
	.top_txt{font-size:17px;}
	.top_txt br{display:none;}

	.top_table{margin-top:30px;}
	#content .area_product .tab_content table.table tbody th span{display:block; margin:7px 0 0; font-size:12px;}
	#content .area_product .tab_content table.table tbody th h4{font-size:16px;}

	#en .history_con .history_txt p{font-size:28px;}
}
@media all and (max-width:900px){
	.area_product .tab_content .title h3{font-size:40px;}
	.area_product .tab_content .title em{font-size:15px;}
	#content .area_product .tab_content table.table{margin-top:30px;}
	#content .area_product .tab_content table.table tbody td .btxt{font-size:18px;}
	.table_info{padding:30px;}
}
@media all and (max-width:850px){
	.area_product .tab_content{margin:50px 0 0; padding:40px 0 0;}
	.area_product .tab_content .title h3{font-size:35px;}
	#content .area_product .tab_content table.table tbody td .btxt{font-size:17px;}
	.table_info{padding:20px; margin:20px 0 0;}
	.table_info > .list > li{padding-left:12px; font-size:15px; margin:0 0 10px;}
	.table_info > .list > li:before{top:8px;}
}
@media all and (max-width:800px){
	#content table.table td{padding:15px 5px;}
}
@media all and (max-width:767px){
	
	div#content.sub{padding:40px 0;}

	.area_txt .btxt{margin:0 0 20px;}
	.area_txt .btxt em{font-size:15px}
	.area_txt .btxt h3{margin:7px 0 0; font-size:30px;}
	.area_txt .stxt p{font-size:17px; margin:0 0 20px;}

	#content table.table thead th,
	#content table.table tbody th,
	#content table.table tbody td{font-size:15px;}
	.top_txt{font-size:16px;}
	.top_table{margin-top:25px;}
	#content .area_product .tab_content table.table tbody th h4{font-size:15px;}
	#content .area_product .tab_content table.table tbody th span{font-size:11px;}
	.area_product .tab_content{padding:30px 0 0; margin:40px 0 0;}
	.area_product .tab_content .title h3{margin:0 0 10px; font-size:30px;}
	.area_product .tab_content .title em{font-size:14px; padding:5px 20px 7px;}
	.top_table em{font-size:14px; padding:15px 10px;}
	.s2_5 .top_txt{width:70%; margin:0 auto;}
	#en .s2_5 .top_txt{width:90%;}

}
@media all and (max-width:650px){
	.s1_1 .area_txt .stxt p br{display:none;}
	.history_con .history_txt{text-align:left;}
	.history_con .history_txt em{font-size:14px;}
	.history_con .history_txt p{margin:8px 0 0; font-size:30px;}
	.history_con .history_txt .history_img{margin-top:20px;}
	.history_con .history_box{margin:30px 0 0;}
	.list_history > .data{margin-bottom:35px;}
	.list_history > .data > h2{padding-left:20px; font-size:26px; width:90px;}
	.list_history > .data > h2::after{top:7px; left:-3px; width:7px; height:7px;}
	.list_history > .data > h2::before{top:3.5px; left:-6.5px; width:14px; height:14px;}
	.list_history > .data > ul{width: calc(100% - 90px);  width: -webkit-calc(100% - 90px); margin-left:15px;}
	.list_history > .data > ul > li > em, 
	.list_history > .data > ul > li > span{font-size:16px;}

	.top_table{margin-top:15px;}
	.mob_info{font-size:14px; margin:0 0 5px; color:#777;}
	.top_txt{font-size:15px; line-height:1.5em;}
	#content .top_table .scrollTable{overflow:auto;}
	#content .top_table .scrollTable .table{width:700px;}
	#kr#content .top_table .mob_info.kr{display:block;}
	#content table.table th{padding:10px;}

	#en #content table.table thead th{font-size:14px; line-height:1.2em;}
	#en .history_con .history_txt p{font-size:28px;}
}
@media all and (max-width:600px){
	#content .mob_info{text-align:left;}
	#content .area_product .tab_content table.table{margin-top:0;}
	.area_product .tab_content .title{margin:0 0 20px;}
	
	#content .tab_content .scrollTable{overflow:hidden;}
	#content .tab_content .scrollTable .table{width:auto;}
	#content .tab_content .mob_info{display:none;}

}
@media all and (max-width:550px){
	.area_txt{margin:20px 0 0;}
	.area_txt .btxt{margin:0 0 15px;}
	.area_txt .btxt em{font-size:14px;}
	.area_txt .btxt h3{margin:7px 0 0; font-size:25px;}
	.area_txt .stxt p{font-size:16px; margin:0 0 10px;}

	.history_con .history_txt em{font-size:13px;}
	.history_con .history_txt p{font-size:27px;}
	.history_con .history_txt .history_img{margin-top:15px;}
	.history_con .history_box{margin:20px 0 0;}
	.list_history > .data{margin-bottom:30px;}
	.list_history > .data > h2{font-size:24px;}
	.list_history > .data > ul > li{margin-bottom:10px;}
	.list_history > .data > ul > li > em, 
	.list_history > .data > ul > li > span{font-size:15px;}

	.area_map .root_daum_roughmap .wrap_map{height:350px;}
	.area_map iframe{height:350px !important;}
	.list_info > li em,
	.list_info > li span{font-size:16px;}
	.list_info > li em:before{width:13px; height:13px;}
	.list_info > li em{width:100px; padding-left:23px; margin-right:7px;}
	.s1_3 .area_txt .btxt{margin:0 0 20px;}
	.s1_3 .area_txt .btxt em{top:3px; font-size:13px;}
	.s1_3 .area_txt .btxt h3{line-height:1em;}

	.table_info{padding:15px; margin:15px 0 0;}
	.table_info > .list > li{margin:0 0 7px;}
	.area_product .tab_content .title em{padding:4px 10px 5px;}
	#content .area_product .tab_content table.table tbody td .btxt{font-size:15px; font-weight:bold;}
	.s2_5 .top_txt{width:90%;}

	.list_info > li{flex-direction: column;}
	.list_info > li span{width:100%;}
	.list_info > li em{padding-left:0;}
	.list_info > li em:before{display:none;}

	#en .history_con .history_txt p{font-size:26px;}

}
@media all and (max-width:450px){
	.area_txt .btxt em{font-size:13px;}
	.area_txt .stxt p{font-size:15px; line-height:1.6em;}

	.list_history > .data{margin-bottom:25px;}
	.list_history > .data > h2{font-size:22px; width:80px;}
	.list_history > .data > ul{width: calc(100% - 80px); width: -webkit-calc(100% - 80px);}

	.area_map .root_daum_roughmap .wrap_map,
	.area_map iframe{height:300px !important;}
	.list_info > li em,
	.list_info > li span{font-size:14px;}
	.list_info > li span{width: calc(100% - 107px);  width: -webkit-calc(100% - 107px);}

	.area_product .tab_content .title h3{font-size:27px;}
	.s2_5 .top_txt{width:100%;}
}
@media all and (max-width:400px){
	.area_map .root_daum_roughmap .wrap_map,
	.area_map iframe{height:250px !important;}
	.list_info > li{display:block;}
	.list_info > li em, .list_info > li span{display:block; width:100%;}
	.list_info > li em{margin:0 0 5px;}

	.area_product .tab_content .title{margin:0 0 15px;}
	#content .tab_content .scrollTable{overflow:auto;}
	#content .tab_content .scrollTable .table{width:450px;}
	#content .tab_content .mob_info{display:block;}

}