@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}


/*** desktop ***********************************************************************************************************************/
body {
	margin:0; padding:0;
	width:100%;
	height:100%;
	/*background:url('../images/common/body_bg.gif') center fixed no-repeat;
	background-position:center bottom;
	background-size:contain;*/
	min-height:calc(100vh - 130px);


}
#header {width:100%; height:117px; border-bottom:1px solid #dfdfdf;}
#header_content {*zoom:1; /*width:1740px;*/ padding:0 190px 0 40px;}
#header_content:after {content:" "; display:block; clear:both;}
.logo {float:left; padding:20px 0 0;}
.homemenu {display:none;}
#gnb {float:right;}
#gnb ul {*zoom:1;}
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; font-size:17px; font-weight:800; letter-spacing:-0.01em; margin:0 0 0 98px;}
#gnb ul li:first-child {margin:0;}
#gnb ul li a {display:block; color:#111; padding:50px 0 20px;}
#gnb ul li a,#gnb ul li a:visited,#gnb ul li a:hover,#gnb ul li a:active{
  -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
	position:relative;
  transition:0.5s color ease;
	text-decoration:none;
}
#gnb ul li a:hover{
	color:#d73444;
	border:none;
}
#gnb ul li.active a {
	color:#d73444;
}
#gnb ul li a.before:before,#gnb ul li a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
#gnb ul li a.before:before{
  top:-0.25em;
}
#gnb ul li a.after:after{
  bottom:-0.25em;
}

#gnb ul li a.before:before,#gnb ul li a.after:after{
  height:3px;
  height:0.35rem;
  width:0;
  background:#d73444;
}
#gnb ul li a.first:after{
  left:0;
}
#gnb ul li a.before:hover:before,#gnb ul li a.after:hover:after{
  width:100%;
}

/* header new */
#header.header_new {
	height: 94px;
	border: none;
}



#container {padding:0 180px 0 40px; min-height:1300px;}
#scontainer {padding:0 180px 0 40px; min-height:800px; background:#fff;}
/*#container_box {position:relative;}*/

/* container new */
#container.container_new {
	/* position: relative; */
	padding:0 180px 0 40px; 
	height:calc(100vh - 251px);
	min-height:calc(100vh - 251px);
	background: url(../images/main/main_img.png) 80% 0 no-repeat;
}

#container.container_new #container_box {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

#container.container_new #container_box .main_txt {
	position: absolute;
    top: 40%;
    left: 20%;
    transform: translateY(-50%);
	color:#000;
	font-family: 'Pretendard-Regular';
}

#container.container_new #container_box .main_txt p {
	font-size: 32px;
}
#container.container_new #container_box .main_txt h1 {
	width: 69%;
	font-size: 52px;
	line-height: 5rem;
	margin: 30px 0 50px;
}
#container.container_new #container_box .pink {
	color: #EE297B;
	font-weight: 900;
}
#container.container_new #container_box .main_txt p.pink {
	font-size: 22px;
}


/*레이어팝업*/
.layer_popup {width:600px; height:930px; background:#f8f8f8; text-align:center; position:absolute; top:115px; left:50%; margin-left:-300px; border:1px solid #f5f5f5; z-index:999; /*cursor:pointer;*/ } 
#modal_close {color:#111; font-size:14px; text-align:center; height:25px; line-height:25px; cursor:pointer;}

/* filter */
.filter_chk {text-align:center; padding:30px 0 0;}
.filter_chk h2 {display:inline-block; padding:0 58px 0 0; 
	font-size:16px; font-weight:600; color:#111; letter-spacing:-0.03em;
	background-image:url('../images/common/black_line.gif');
	background-repeat:no-repeat;
	background-position:100% 50%;
}
.filter_chk a {display:inline-block; /*padding:7px 0;*/ margin:0 5px; width:120px; font-size:16px; font-weight:400; color:#757575; background:#f2f2f2;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	transition:.3s;
	transition-property:background-color, color;
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-ms-transition-property:background-color;
	-o-transition-property:background-color;
	line-height:35px;
}
.filter_chk a:hover, .filter_chk a.on {color:#fff; background:#232322; font-weight:600; line-height:34px;}




/* filter2 */
.filter_chk2 {text-align:center; padding:40px 0 0;}
.filter_chk2 h2 {display:inline-block; padding:0 58px 0 0; 
	font-size:16px; font-weight:600; color:#111; letter-spacing:-0.03em;
	background-image:url('../images/common/black_line.gif');
	background-repeat:no-repeat;
	background-position:100% 50%;
}
.filter_chk2 a {display:inline-block;vertical-align:middle; /*padding:7px 0;*/ margin:0 18px; }


/* 보기형식 */
.view_option {text-align:right; margin:0 10px 20px 0;}
.view_option a {display:inline-block; margin:0 0 0 14px;}

/* 썸네일 list */
.section {}
.col1 {position:relative;}
.card-list{zoom:1; padding:0 0 150px 0;}
.card-list:before{content:'';display:block}
.card-list:after{content:'';display:table;clear:both}
.card-list .item {float:left; width:50%;}
@media (min-width: 37.5em){
	.card-list .item {width:33.333%;}
}
@media (min-width: 48em){
	.card-list .item {width:25%;}
}
.item_box {overflow:hidden; position:relative; margin:0 10px 20px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}

.item .box01 {background:#b6e4f2;}
.item .box01:hover {background:#99d6e8;}
.item .box02 {background:#f2f2f2;}
.item .box02:hover {background:#eee;}
.item .box03 {background:#d8e0f7;}
.item .box03:hover {background:#c5d0ee;}
.item .box04 {background:#dbf5e7;}
.item .box04:hover {background:#c3ebd6;}
.item .box05 {background:#fbecc4;}
.item .box05:hover {background:#f8e3ab;}
.item_box .pad {
	padding:50px 30px;
	min-height:9em;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	position:relative;
}
/*.item_box .pad a.share {position:absolute; top:50px; right:30px;}
.item_box .pad a.share2 {position:absolute; top:50px; right:63px;}*/
.item_box .title {*zoom:1; margin:0 0 30px 0;}
.item_box .title:after {content:" "; display:block; clear:both;}
.item_box .title h3 {float:left; font-size:20px; font-weight:800; letter-spacing:-0.02em;}
.item_box .title .urlBtn {float:right;}
.item_box .title .urlBtn a {display:inline-block; vertical-align:top;}

.box_cont {cursor:pointer;}
.box_cont .port-img01 {width:100%; height:210px; margin:0 auto 20px; text-align:center;}
.box_cont .port-img01 img {max-width:100%; max-height:100%;}
.box_cont .port-img02 {width:100%; height:183px; margin:0 auto; text-align:center;}
.box_cont .port-img02 img {max-width:100%;}
.box_cont .port-name {background:#fff; text-align:center; word-break:break-all; font-size:17px; font-weight:600; color:#000; letter-spacing:-0.04em; padding:5px; 
	min-width:215px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;

}
.box_cont .thumb-title {display:block; font-size:15px; font-weight:400; line-height:15px; margin:0 0 20px 0;}
.box_cont .thumb-txt {font-size:17px; font-weight:600; color:#111; width:100%; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ margin:0 0 25px 0;}

.box_cont .thumb-img {width:100%; /*height:175px;*/ text-align:center; margin:0 0 20px 0;}
.box_cont .thumb-img img {max-width:100%; max-height:100%;}
.box_cont .thumb-Btxt {font-size:15px; font-weight:400; line-height:22px;/* height:65px;*/ overflow:hidden; margin:0 0 40px 0; letter-spacing:-0.03em; text-align:justify;}
.box_cont .date {text-align:right; font-size:15px; font-weight:400; line-height:15px;}
/*box01*/
.box01 .title h3 {color:#003954;}
.box01 .title h3 span {display:inline-block; font-size:15px; font-weight:400; color:#fff; margin:0 0 0 15px;}
.box01 .thumb-title {color:#6795a3;}
.box01 .thumb-Btxt {color:#6795a3;}
.box01 .date {color:#6795a3;}
.box01 .date .imbar{color:#82abb8;font-size:11px;vertical-align:top;}
/*box02*/
.box02 .title h3 {color:#393939;}
.box02 .thumb-title {color:#aaa;}
.box02 .thumb-Btxt {color:#aaa;}
.box02 .date {color:#aaa;}
.box02 .date .imbar{color:#c1c1c1;font-size:11px;vertical-align:top;}
/*box03*/
.box03 .title h3 {color:#253461;}
.box03 .thumb-title {color:#949cb5;}
.box03 .thumb-Btxt {color:#8e96ad;}
.box03 .date {color:#949cb5;}
.box03 .date .imbar{color:#aeb6ce;font-size:11px;vertical-align:top;}
/*box04*/
.box04 .title h3 {color:#25392e;}
.box04 .thumb-title {color:#7d9a8b;}
.box04 .thumb-Btxt {color:#7d9a8b;}
.box04 .date {color:#7d9a8b;}
.box04 .date .imbar{color:#aac1b5;font-size:11px;vertical-align:top;}
/*box05*/
.box05 .title h3 {color:#3b2e16;}
.box05 .thumb-title {color:#b9a163;}
.box05 .thumb-Btxt {color:#a7966a;}
.box05 .date {color:#b9a163;}
.box05 .date .imbar{color:#cdb984;font-size:11px;vertical-align:top;}

/* 리스트 */
.list {*zoom:1; padding:0 0 150px 0;}
.list:after {content:" "; display:block; clear:both;}
.list .item {float:left; width:50%;}
.list .item_box {height:120px; } 
.list .list_pad {height:100%; width:100%;}
.list .title {margin:0;}
.list_cont {*zoom:1; padding:50px 30px;}
.list_cont:after {content:" "; display:block; clear:both;}
.list_cont .title {float:left; width:110px;}
.list_cont .list_txt {float:left; width:82%; line-height:20px;}
.list_cont .list_txt .date{font-size:15px;float:right;}
.list_cont a.share {float:right;}
.list_txt .thumb-title {font-size:15px; font-weight:400; margin:0 0 0 30px; float:left; display:inline-block;}
.list_txt a.thumb-txt {margin:0 0 0 20px; float:left; display:block; width:68%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:17px; font-weight:600; color:#111; letter-spacing:-0.04em;}

.list_txt .thumb-date {float:right; display:inline-block; font-size:15px; font-weight:400; /*margin:0 50px 0 0;*/}

.list_txt .title01 {color:#fff;}
.list_txt .title02 {color:#aaa;}
.list_txt .title03 {color:#949cb5;}
.list_txt .title04 {color:#7d9a8b;}
.list_txt .title05 {color:#b9a163;}

.list_txt .date02 {color:#aaa;}
.list_txt .date03 {color:#949cb5;}
.list_txt .date04 {color:#7d9a8b;}
.list_txt .date05 {color:#b9a163;}

/* 이전글, 다음글 */
.titlelist {margin:20px 0; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
.titlelist tr:first-child {border-bottom:1px solid #ddd;}
.titlelist tr th {font-size:15px; background:#f3f3f3; padding:20px 0;}
.titlelist tr td {font-size:15px; padding:0 30px;}

/* paginate */
#paginate {text-align:center; margin:75px 0 0;}
#paginate a {display:inline-block; vertical-align:middle; font-size:15px; font-weight:400; color:#393939; margin:0 14px;}
#paginate a:hover {}
#paginate a strong {border-bottom:1px solid #393939; font-weight:400; padding:0 0 1px 0; }


/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}




/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}




/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


/** mobile_none **/
.mobile_home {display:none;}
.allmenu {display:none;}
nav {display:none;}
#nav{display:none}


/*Quick Menu */
#quick_menu {right:2%; width:118px;}
.wing {position:absolute; top:160px;}
.wing.fixed {position:fixed; top:30px;}
#quick_menu a.quick_info {padding:15px 0; margin:0 0 6px 0; text-align:center; display:block; color:#fff; width:100%; font-size:14px; font-weight:800; 
	letter-spacing:-0.03em; 
	background:#d50536;
	border-radius:20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}
#quick_menu a.quick_info span {display:block;}
#quick_menu ul {
	border:1px solid #ddd;
	background:#232322;
	border-radius:20px;
	margin-bottom:6px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu ul li {padding:20px 0; width:100%; text-align:center; background:url('../images/common/white_line.png') 0 0 repeat-x; display:table;}
#quick_menu ul li:first-child {background:none;}
#quick_menu ul li a {display:block; color:#fff; width:100%; font-size:14px; font-weight:800; letter-spacing:-0.03em; display:table-cell; vertical-align:middle;}
#quick_menu ul li span {display:block;}


/* quick_menu_new */
.wing.quick_menu_new {
	top: 50%;
	transform: translateY(-50%);
}

#con_area {padding:0 0 100px 0; min-height:320px; clear:both;}

#content {*zoom:1; padding:40px 80px 0;}
#content:after {content:" "; display:block; clear:both;}

#subtitle {
	/* margin:0 0 60px 0; */
	 text-align:center;}
#subtitle h2 {font-size:50px; font-weight:800;  color:#000; letter-spacing:-0.01em; line-height:45px; /*margin:0 0 50px 0;*/}
#subtitle h2 span.pink_txt { color: #E61673; }
.df_subtitle {float:left; text-align:left !important; width:45%;}
.df_subtitle h2 {margin:0 0 20px 0 !important;}
.top_info {margin:20px 0 0; text-align:center;}
.top_info p {font-size:20px; font-weight:600; color:#000; letter-spacing:-0.03em; line-height:30px;}
.top_info p strong {color:#232322; font-weight:600;}
.top_info .bigT {font-size:30px; display:block; font-weight:600; color:#232322; letter-spacing:-0.03em; line-height:30px; margin:10px 0 0;}
.top_info2 {text-align:left;}
.df_top {margin:50px 0 0;}
.support_zone {margin:75px 0 0;}
.support_zone > p {font-size:60px; font-weight:800; color:#d50536; line-height:60px; margin:0 0 20px 0;}
.support_zone > span {display:block; font-size:22px; line-height:22px; font-weight:400; color:#787878; margin:0 0 90px 0; padding:0 0 0 37px;
	background-image:url('../images/sub/mailicon.gif');
	background-repeat:no-repeat;
	background-position:0 50%;
}
.support_zone ul {*zoom:1;}
.support_zone ul:after {content:" "; display:block; clear:both;}
.support_zone ul li {float:left; margin:0 0 0 10px;}
.support_zone ul li:first-child {margin:0;}
.support_zone ul li a {display:block;}
#subtitle .banner {margin:20px 0 0;}
#subtitle .banner img {max-width:100%;}

/* scroll */
.scroll-icon {position:absolute; bottom:25px; left:50%; width:40px; text-align:center; z-index:1000; margin:0 0 0 45px;}
.scroll-icon span {display:block; color:#000; font-weight:600; font-size:11px; opacity:0.75; filter:Alpha(opacity=75); margin-top:5px;}

/* web */
.web {text-align:center;}
.web ul.tabs {text-align:center; margin:0 0 50px;}
.web ul.tabs li {margin:0 0 0 10px; display:inline-block;}
.web ul.tabs li:first-child {margin:0;}
.web ul.tabs li a {display:inline-block; padding:0 40px; font-size:23px; font-weight:600; color:#232322; letter-spacing:-0.02em; height:46px; line-height:46px; 
	border:2px solid #232322;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;

}
.web ul.tabs li a:hover, .web ul.tabs li.active a {color:#fff; background:#232322;}
.web .w_box {margin:0 0 200px 0;}
.web .w_box h3 {font-size:45px; font-weight:800; color:#000; letter-spacing:-0.02em; line-height:45px; margin:0 0 84px 0;}
.web .w_box h3 span {display:block; margin:20px 0 0; font-size:20px; font-weight:600; color:#888; line-height:20px;}
.web .w_box h3 span strong {font-weight:800; color:#d50536;}
.web .w_box > p {font-size:18px; font-weight:600; color:#111; line-height:30px; letter-spacing:-0.03em; margin:0 0 60px 0; word-break:keep-all;}
.web .w_box > p strong {font-weight:800;}
.web .w_box > p span {display:block;}
.web .w_box ul {*zoom:1; margin:0 0 70px 0; padding:0 150px;}
.web .w_box ul:after {content:" "; display:block; clear:both;}
.web .w_box ul li {float:left; box-sizing:border-box; width:33.3%;}
.web .w_box ul li div {border:1px solid #ccc; box-sizing:border-box; padding:20px; margin:0 15px 30px;}
.web .w_box ul li span {display:block; margin:0 0 29px 0;}
.web .w_box ul li span img {max-width:100%;}
.web .w_box ul li a {display:inline-block; font-size:20px; font-weight:600; color:#fff; background:#000; padding:15px 50px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
}
.web .w_box ul li a:hover {background:#d50536;}
.web .w_box .gray_box {padding:45px 20px; background:#f5f5f5;}
.web .w_box .gray_box p {font-size:18px; font-weight:400; color:#444; line-height:30px; letter-spacing:-0.03em;}
.web .w_box .gray_box p span {display:block;}
.web .w_box .gray_box p strong {font-weight:800; color:#000;}
.web .w_box2 h3 {font-size:45px; font-weight:800; color:#000; letter-spacing:-0.02em; line-height:45px; margin:0 0 90px 0;}
.web .w_box2 .w_detail {margin:0 0 100px 0;}
.web .w_box2 dl {*zoom:1; margin:0 0 30px 0; text-align:left;}
.web .w_box2 dl:after {content:" "; display:block; clear:both;}
.web .w_box2 dl dt {display:inline-block; width:15%; vertical-align:middle; padding:0 0 0 53px; font-size:22px; font-weight:800; color:#000; letter-spacing:-0.03em;
	background-image:url('../images/sub/pink_squ.gif');
	background-position:20px 50%;
	background-repeat:no-repeat;
}
.web .w_box2 dl dd {display:inline-block; width:81%; vertical-align:middle; padding:25px 50px; box-sizing:border-box; line-height:32px; background:#f5f5f5; font-size:18px; font-weight:600; color:#000; letter-spacing:-0.03em;}
.web .w_box2 dl dd ul li {padding:0 0 0 15px; 
	background-image:url('../images/sub/pink_dot.gif');
	background-repeat:no-repeat;
	background-position:0 13px;
}
.web .w_box2 .w_btn {text-align:center;}
.web .w_box2 .w_btn div {display:inline-block; padding:25px 35px 25px 40px;}
.web .w_box2 .w_btn div p {display:inline-block; padding:0 45px 0 0; vertical-align:middle; text-align:left; font-size:24px; font-weight:800; color:#fff; letter-spacing:-0.03em;}
.web .w_box2 .w_btn div p span {display:block;}
.web .w_box2 .w_btn div a {display:inline-block; box-sizing:border-box; padding:17px 0; vertical-align:middle; width:100px; height:100px; 
	text-align:center; color:#fff; font-size:16px; font-weight:800; line-height:16px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.web .w_box2 .w_btn div a span {display:block; margin:0 0 13px 0;}
.web .w_box2 .w_btn .normal {background:#111;}
.web .w_box2 .w_btn .normal a {background:#292929;}
.web .w_box2 .w_btn .normal a:hover {background:#3f3f3f;}
.web .w_box2 .w_btn .respon {background:#d50536;}
.web .w_box2 .w_btn .respon a {background:#9e0025;}
.web .w_box2 .w_btn .respon a:hover {background:#81011f;}

/* 주문형 */
.web .w_box p.bg {background:none; padding:0; line-height:53px; font-size:25px; font-weight:600; color:#111; letter-spacing:-0.03em; margin:0 0 50px 0;}
.web .w_box p.bg strong {font-weight:800; color:#d50536;}
.web .w_box p.bg span {display:inline-block; vertical-align:top;}
.web .w_box p.bg .leftT {margin:0 15px 0 0;}
.web .w_box p.bg .rightT {margin:0 0 0 15px;}
.web .w_box ul.listW {}
.web .w_box ul.listW li {line-height:48px; width:80%; float:none; margin:10px auto 0; border:1px solid #cfcfcf; text-align:center; font-size:18px; font-weight:400; color:#222; letter-spacing:-0.01em;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
}
.web .w_box ul.listW li:first-child {margin:0 auto;}
.web .w_box ul.listW li span {vertical-align:middle; display:inline-block; margin:0 10px 0 0;}
.web .w_box ul.listW li strong {font-weight:800;}
.web .w_boxPad {margin:0;}
.web .w_box3 {padding:80px 100px; background:#f5f5f5; margin:0 0 20px 0;}
.web .w_box3 h4 {padding:0 0 40px 0; font-size:40px; font-weight:800; color:#111; letter-spacing:-0.02em; text-align:center; margin:0 0 40px 0;
	background-image:url('../images/sub/t_black.gif');
	background-repeat:no-repeat;
	background-position:50% 100%;
}
.web .w_box3 h4 span {display:block; margin:0 0 25px 0;}
.web .w_box3 p {font-size:18px; font-weight:400; color:#222; line-height:30px; letter-spacing:-0.02em; text-align:center; margin:0 0 70px 0;}
.web .w_box3 p span {display:block;}
.web .w_box3 ul {*zoom:1;}
.web .w_box3 ul:after {content:" "; display:block; clear:both;}
.web .w_box3 ul li {float:left; width:19%; box-sizing:border-box; margin:0 0.5%;}
.web .w_box3 ul li img {border:1px solid #ddd; max-width:100%;}

/* printing */
.printing .p_top {text-align:center; margin:0 0 90px 0;}
.printing .p_top > span {display:block;}
.printing .p_top dl {padding:40px 0;}
.printing .p_top dl dt {font-size:40px; font-weight:800; color:#d50536; letter-spacing:-0.02em; line-height:40px; margin:0 0 25px 0;}
.printing .p_top dl dd {font-size:18px; font-weight:400; color:#222; letter-spacing:-0.02em; line-height:30px;}
.printing .p_top dl dd span {display:block;}
.printing .p_top dl dd strong {font-weight:800;}
.printing .p_center {margin:0 0 20px 0; padding:70px 0; text-align:center; background:#f5f5f5;}
.printing .p_center > span {display:block; margin:0 0 25px 0;}
.printing .p_center dl {margin:0 0 60px 0;}
.printing .p_center dl dt {font-size:40px; font-weight:800; color:#111; letter-spacing:-0.02em; line-height:40px; margin:0 0 40px 0; padding:0 0 40px 0;
	background-image:url('../images/sub/t_black.gif');
	background-repeat:no-repeat;
	background-position:50% 100%;
}
.printing .p_center dl dd {font-size:18px; font-weight:400; color:#222; letter-spacing:-0.02em; line-height:30px;}
.printing .p_center dl dd span {display:block;}
.printing .p_center dl dd strong {font-weight:800;}
.printing .p_center ul {text-align:center;}
.printing .p_center ul li {display:inline-block; box-sizing:border-box;}
.printing .p_center ul li img {max-width:100%; border:1px solid #ddd;}

.printing .p_center ul li.fifth {width:18.5%;}
.printing .p_center ul li.third {width:31%;}
.printing .p_center ul li.third2 {width:30.9%; margin:10px 0 0;}
.printing .p_center ul li.second {width:46.5%;}
.printing .p_center p img {max-width:100%; border:1px solid #ddd;}

/* mice */
.mice .mice_top {text-align:center; margin:0 0 95px 0;}
.mice .mice_top ul {*zoom:1; text-align:center; margin:0 0 45px 0;}
.mice .mice_top ul:after {content:" "; display:block; clear:both;}
/*.mice .mice_top ul li {display:inline-block; margin:0 0 0 45px; position:relative; text-align:center; width:300px; height:300px; padding:13px; box-sizing:border-box;
	background-image:url('../images/sub/circle_bg.png');
	background-repeat:no-repeat;
	background-position:0 0;

}*/
.mice .mice_top ul li {display:inline-block; margin:0 0 0 45px; position:relative; text-align:center; width:21%; height:310px; padding:13px; box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
.mice .mice_top ul li:first-child {margin-left:0;}
.mice .mice_top ul li .step {position:absolute; top:45%; right:-34px;}
.mice .mice_top ul li div {display:table; width:100%; height:100%; background:#f2f2f2;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
.mice .mice_top ul li dl {display:table-cell; vertical-align:middle;}
.mice .mice_top ul li dl dt {line-height:0; font-size:0; margin:0 0 30px 0;}
.mice .mice_top ul li dl dd {font-size:22px; font-weight:800; color:#232322; line-height:26px;}
.mice .mice_top ul li dl dd span {display:block;}
.mice .mice_top p {font-size:20px; font-weight:600; color:#aaa; letter-spacing:-0.03em; line-height:34px;}
.mice .mice_top p span {display:block;}
.mice_center {padding:80px 100px; background:#f5f5f5; text-align:center; margin:0 0 20px 0;}
.mice_center h3 {font-size:40px; font-weight:800; line-height:40px; margin:0 0 40px 0; color:#111; letter-spacing:-0.02em; padding:0 0 40px 0;
	background-image:url('../images/sub/t_black.gif');
	background-repeat:no-repeat;
	background-position:50% 100%;
}
.mice_center dl {margin:0 0 45px 0;}
.mice_center dl dt {font-size:25px; font-weight:800; color:#d50536; letter-spacing:-0.02em; line-height:25px; margin:0 0 20px 0;}
.mice_center dl dd {font-size:18px; font-weight:400; color:#222; line-height:30px; letter-spacing:-0.02em;}
.mice_center dl dd span {display:block;}
.mice_center div {background:#fff; padding:50px 0; margin:0 0 70px 0;}
.mice_center div p.marg {margin:0 0 95px 0;}
.mice_center div ul li.left {margin-left:0;}
.mice_center div ul li.right {margin:0 0 0 10px;}

.mice_center div ul li {display:inline-block; font-size:20px; font-weight:800; color:#222; letter-spacing:-0.02em; margin:0 0.5% 2%;}
.mice_center div ul li span {display:block; margin:0 0 15px 0;}
.mice_center p img {max-width:100%;}


/* new HISTORY _ 190613 */
.webzine_list .list_box {width:100%; margin:0 0 30px 0; text-align:center;position:relative;}
.webzine_list .list_box ul{display:inline-block;margin:60px auto 0 auto;position:Relative; z-index:10; }
.webzine_list .list_box ul:after{content:"";display:block; clear:both;}
.webzine_list .list_box ul li{float:left; width:190px; height:auto;margin-left:70px;}
.webzine_list .list_box ul li:first-child{margin-left:0;}

.webzine_list .list_box .bg {width:100%;background:url('../images/sub/zebzine_list_bg.jpg') 0 0 repeat;}

.webzine_list .new {margin: 0 0 40px 0;text-align:center;}
.webzine_list .new .cover{display:inline-block;;position:relative;width:420px;text-align:right;border:3px solid #3262d5;}
.webzine_list .new .cover img {width:100%;}
.webzine_list .new .cover .p_logo {position:absolute;top:-50px;left:-55px;;width:180px;}
.webzine_list .new .right{width:420px;display:inline-block;text-align:left;margin:0 0 0 30px;vertical-align:top;}
.webzine_list .new .right .title {padding:0 0 18px 0;margin:0 0 30px 0;}
.webzine_list .new .right .title h3{margin:0 0 12px 0;font-size:36px;font-weight:800;color:#222;}
.webzine_list .new .right .title h5{margin:20px 0 0 0;padding:15px 10px;font-size:18px;font-weight:600;color:#222;background:#efefef;}
.webzine_list .new .right .title h5 span{font-weight:700;color:#f00b0b;}
.webzine_list .new .right .title p{font-size:24px;font-weight:600;color:#1e2d5e;}

.webzine_list .new .right .links{width:100%; margin: 10px 0 0 0;}
.webzine_list .new .right .links a{display:block;width:100%; padding:15px 25px;font-size:18px; line-height:30px;text-align:center; box-sizing:border-box;background-color:#fff;
	color:#fff;border:1px solid #333;color:#222;font-weight:600;
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	}
.webzine_list .list_box .new .right .links a.link1 {margin:0 0 18px 0;background:#1e2d5e;color:#fff;}
.webzine_list .list_box .new .right .links a.link2 {color:#1e2d5e;border:1px solid #1e2d5e;}
.webzine_list .list_box .new .right .links a:hover, .webzine_list .list_box ul li .links a:focus{background-color:#3d5bbb;color:#fff;border-color:#5b0415;}
.webzine_list .list_box .new .right .links a.link2:hover, .webzine_list .list_box ul li .links a.link2:focus{background-color:#fff;color:#3d5bbb;border-color:#3d5bbb;}



.webzine_list .list_box ul li.two{float:left; width:222px; height:284px;margin-left:80px;}

.webzine_list .list_box ul li.one {width:270px; height:378px;}
.webzine_list .list_box ul li .cover{width:100%; height:100%;border:1px solid #5c5c58; box-sizing:border-box;overflow:hidden;}
.webzine_list .list_box ul li .cover img{height:100%;width:100%;transform:scale(1.05);
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
}

.webzine_list .list_box ul li .links{margin: 10px 0 0 0;}
.webzine_list .list_box ul li .links a{display:inline-block; width:48%;font-size:14px; height:30px; line-height:30px;text-align:center; box-sizing:border-box;background-color:#fff;
	color:#fff;border:1px solid #333;color:#222;font-weight:600;
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	}
	.webzine_list .list_box ul li .links a.link1 {margin:0 2% 0 0;}
.webzine_list .list_box ul li .links a:hover, .webzine_list .list_box ul li .links a:focus{background-color:#d50536;color:#fff;border-color:#d50536;}

.webzine_list .list_box ul li .title{font-weight:600;height:35px; line-height:35px; text-align:center; font-size:14px;color:#ffffff;background-color:#232322;margin:0 0 10px 0;
border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
}

.webzine_list .list_box ul li:hover .cover img {transform:scale(1);} 

.webzine_list #footer {margin:420px 0 0 0;}






/* 고객센터 */
.map_area {background:#fff; border-bottom:2px solid #ddd; margin:0 0 80px 0;}
.map_area .map {height:400px; width:100%;}
.map_info {padding:40px 0; background:#f5f5f5; text-align:center; margin:0 0 140px 0;}
.map_info > span {display:block; margin:0 0 24px 0;}
.map_info dl dt {font-size:40px; font-weight:800; color:#232322; letter-spacing:-0.03em; line-height:40px; margin:0 0 28px 0;}
.map_info dl dd {font-size:25px; font-weight:600; color:#000; letter-spacing:-0.03em; line-height:33px;}
.map_info dl dd .block1 {display:block; font-size:17px; font-weight:400; color:#909090;}
.map_info dl dd .block2 {padding:0 43px; margin:10px 0 0; display:inline-block; line-height:35px; font-size:17px; font-weight:400; color:#fff; background:#232322;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
}
.map_info dl dd .block3 {display:inline-block;font-size: 28px;color: #232322;font-weight: 900;letter-spacing: 0.03em;padding:15px 0 0 30px;
background:url('../images/sub/customer_tel.png') 0 21px no-repeat;}

.map_info2 > div {*zoom:1; padding:60px 0; border-bottom:1px solid #ddd;}
.map_info2 > div:fifrst-child {border:none;}
.map_info2 > div:after {content:" "; display:block; clear:both;}
.map_info2 > div p {float:left; width:40%; box-sizing:border-box; padding:0 0 0 105px; font-size:45px; font-weight:800; color:#232322; letter-spacing:-0.03em;}
.map_info2 > div p span {display:inline-block; vertical-align:middle; margin:0 63px 0 0;}
.map_info2 > div .right {float:left; width:60%;}
.map_info2 > div .right dl {margin:60px 0 0;}
.map_info2 > div .right dl:first-child {margin:0;}
.map_info2 > div .right dl dt {padding:0 0 0 20px; font-size:25px; font-weight:600; color:#000; letter-spacing:-0.03em; margin:0 0 20px 0;
	background-image:url('../images/sub/black_squ.gif');
	background-repeat:no-repeat;
	background-position:0 50%;
}
.map_info2 > div .right dl dd {font-size:18px; font-weight:600; color:#555; line-height:30px; margin:0 0 10px 0;}
.map_info2 > div .right dl dd span {display:inline-block; margin:0 15px 0 0; width:60px; height:30px; line-height:30px; vertical-align:middle; text-align:center; font-size:17px; font-weight:600; color:#fff; letter-spacing:-0.03em;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}
.map_info2 > div .right dl dd .line3 {background:#ff6612;}
.map_info2 > div .right dl dd .green {background:#55cf13;}
.map_info2 > div .right dl dd .blue {background:#1752b4;}
.map_info2 > div .right dl dd .red {background:#e31919;}


/* 하이스토리 */
.hi_story {*zoom:1; position:relative;}
.hi_story:after {content:" "; display:block; clear:both;}
.hi_story > div {float:left; width:50%; cursor:pointer;}
.hi_story > div .hi_cont {margin:10px; overflow:hidden; position:relative; height:300px; background-repeat:no-repeat; background-position:0 0;}
.hi_cont .con_box {width:100%; height:100%; display:table; text-align:center; padding:20px; box-sizing:border-box;}
.hi_cont .con_box .box_ver {vertical-align:middle; display:table-cell;}
.hi_story > div:hover .box_ver {
	background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%),
                        linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%);
    background-size:    100% 1px,
                        1px 100%,
                        100% 1px,
                        1px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    animation: bg 1.25s ;
}
@keyframes bg {
	0% {
		background-size:0 1px,
						1px 0,
						0 1px,
						1px 0;
	}
	25% {
		background-size:100% 1px,
						1px 0,
						0 1px,
						1px 0;
	}
	50% {
		background-size:100% 1px,
						1px 100%,
						0 1px,
						1px 0;
	}
	75% {
		background-size:100% 1px,
						1px 100%,
						100% 1px,
						1px 0;
	}
	100% {
		background-size:100% 1px,
						1px 100%,
						100% 1px,
						1px 100%;
	}

}
.hi_cont .con_box .box_ver p {font-size:28px; font-weight:600; color:#fff; letter-spacing:-0.03em;}
.hi_cont .con_box .box_ver span {display:inline-block; line-height:48px; border:1px solid #fff; font-size:15px; font-weight:400; color:#fff; letter-spacing:-0.03em; min-width:248px;
	margin:35px 0 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.hi_story > div:hover .hi_cont .con_box .box_ver span {background:#fff; color:#000;}
/* etc1 */
.hi_story .hi_etc {background:#fff; padding:20px; float:none; width:315px; height:315px; box-sizing:content-box; 
	position:absolute;
	top:20%; left:50%;
	z-index:10;
	margin-left:-175px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
.hi_story .hi_etc .etc_box {
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	background-color: #e50f0a; 
	width:100%; 
	height:100%;
	background-image: url('../images/sub/snow1-1.png'), url('../images/sub/snow2.png'), url('../images/sub/snow3.png');
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
	box-shadow:inset 0 5px 10px #8c0a07;
	-webkit-box-shadow:inset 0 5px 10px #8c0a07;
	-moz-box-shadow:inset 0 5px 10px #8c0a07;
	-ms-box-shadow:inset 0 5px 10px #8c0a07;
	-o-box-shadow:inset 0 5px 10px #8c0a07;
}
.charc {position:relative; width:100%; height:100%;}
.charc .head{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -80px;
  z-index:2;
  animation:music-move 1.3s 1s infinite alternate ease-in-out;
  -webkit-animation:music-move 1.3s 1s infinite alternate ease-in-out;
}
.charc .body {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:35px;
	margin-left:-28px;
	z-index:1;
}
.charc .etc_btn {
	text-align:center;
	position:absolute; 
	bottom:59px;
	left:50%;
	margin-left:-75px;
}
.charc .etc_btn a {
	display:inline-block;
	padding:0 25px;
	line-height:42px;
	font-size:20px; 
	font-weight:800;
	color:#000;
	background:#fff727;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.charc .etc_btn a:hover {
	background:#ffde27;
}
.charc .etc_btn a span {
	display:inline-block; 
	margin:0 0 0 30px; 
	vertical-align:middle;
}
.charc .etc_btn a span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	position:relative;
	right:0;
}
.charc .etc_btn a:hover span img {
	right:-5px;
}
@keyframes music-move{
	0% { 
	  -webkit-transform: rotate(0deg) translateZ(0);
	  transform: rotate(0deg) translateZ(0);
	} 
	33% {  
	  -webkit-transform: rotate(-5deg) translateZ(0);
	  transform: rotate(-5deg) translateZ(0);
	}
	66% {  
	  -webkit-transform: rotate(5deg) translateZ(0);
	  transform: rotate(5deg) translateZ(0);
	}
	100% {  
	  -webkit-transform: rotate(0deg) translateZ(0);
	  transform: rotate(0deg) translateZ(0);
	}
}

@-webkit-keyframes music-move /* Safari and Chrome */{
	0% { 
	  -webkit-transform: rotate(0deg) translateZ(0);
	  transform: rotate(0deg) translateZ(0);
	}
	33% {  
	  -webkit-transform: rotate(-5deg) translateZ(0);
	  transform: rotate(-5deg) translateZ(0);
	}
	66% {  
	  -webkit-transform: rotate(5deg) translateZ(0);
	  transform: rotate(5deg) translateZ(0);
	}
	100% {  
	  -webkit-transform: rotate(0deg) translateZ(0);
	  transform: rotate(0deg) translateZ(0);
	}
}

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*Keyframes*/
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-color:#b4cfe0;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px; background-color:#e50f0a;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

/* etc2 */
.hi_story .hi_etc2 {float:none; box-sizing:content-box; padding:20px;
width:316px; height:316px;
	position:absolute;
	top:20%; left:50%;
	z-index:10;
	margin-left:-175px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}
.hi_story .hi_etc2 .etc_box2 {
	width:100%; 
	height:100%;
	background-image: url('../images/sub/flower4-2.png'), url('../images/sub/flower4-3.png');
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	overflow:hidden;
}
.hi_story .hi_etc2 .etc_box2 > img {position:absolute; z-index:-1;}
.charc2 {position:relative; width:100%; height:100%;}
.charc2 .etc_btn2 {
	position:absolute; 
	bottom:38px;
	left:50%;
	margin-left:-61px;
}
.charc2 .etc_btn2 a {
	text-align:center;
	line-height:52px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	letter-spacing:-0.03em;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	display:block;
}

.charc2 .etc_btn2 a span {
	display:inline-block; 
	margin:-5px  0 0 10px; 
	vertical-align:middle;
}
.charc2 .etc_btn2 a span img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	position:relative;
	right:0;
}
.charc2 .etc_btn2 a:hover span img {
	right:-5px;
}

/* 하이스토리 view1 (cate별 분류) */
.hi_story2 h3 {*zoom:1; font-size:40px; font-weight:800; color:#111; letter-spacing:-0.03em; margin:0 0 25px 0;}
.hi_story2 h3:after {content:" "; display:block; clear:both;}
.hi_story2 h3 a {display:inline-block;}
.hi_story2 h3 a, .hi_story2 h3 .listTitle {display:inline-block; vertical-align:middle;}
.hi_story2 h3 .listTitle {text-align:center; width:70%; float:left; word-break:keep-all;}
.hi_story2 h3 a.Listprev {float:left; width:15%; text-align:left;}
.hi_story2 h3 a.Listnext {float:right; width:15%; text-align:right;}
.hi_story2 h3 .listDate{display:block;clear:both;text-align:center;font-weight:400;font-size:15px;letter-spacing:0;color:#aaa;padding:10px 0 0 0;}
.hi_story2 h3 .listDate img{margin:0px 5px 0 0;vertical-align:middle;}
.hi_story2 h3 .listDate .imbar{color:#ddd;}
.hi_story2  .icons {width:100%; text-align:center;margin:0 0 50px 0;}


.hi_story2 .btnCenter {text-align:center; margin:50px 0 0;}
.hi_story2 .btnCenter a.black {display:inline-block; padding:0 80px; line-height:55px; background:#111; font-size:18px; font-weight:600; color:#fff; letter-spacing:-0.03em;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
}
.hi_story2 .btnCenter a.black:hover {background:#4f4f4f;}
.hi_storyView {padding:60px 50px; background:#f3f3f3; float:none; width:100%; box-sizing:border-box;}
.hi_storyView h4 {text-align:center; font-size:30px; font-weight:600; color:#111; letter-spacing:-0.03em; line-height:30px; margin:0 0 50px 0;}
.hi_storyView img {max-width:100%;}
.hi_storyView .fileBox {text-align:right;}
.hi_storyView .fileBox a{ display:block;font-size:16px; color:#629ddb;transition:all .3;-webkit-transition:all .3;-ms-transition:all .3;-moz-transition:all .3;-o-transition:all .3;}
.hi_storyView .fileBox a:hover, .hi_storyView .fileBox a:focus{color:#3f8ad9;}
.hi_storyView .fileBox a img{margin:0 5px 0 0;}
.normal p {font-size:20px; color:#111; line-height:32px; letter-spacing:-0.03em;}
.normal p img {max-width:100%; height:auto;}
.hi_storyCate {*zoom:1;}
.hi_storyCate:after {content:" "; display:block; clear:both;}
.hi_storyCate .cateBox {float:left; cursor:pointer; width:25%;}
.hi_storyCate .cateBox div {margin:0 10px 20px;}
.hi_storyCate .cateBox div .thumb {display:block; height:260px; overflow:hidden;}
.hi_storyCate .cateBox div .thumb img {max-width:100%; height:100%; obeject-fit:cover;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.hi_storyCate .cateBox div:hover .thumb img {transform:scale(1.1);}
.hi_storyCate .cateBox div p {*zoom:1; padding:20px 25px; background:#fff; overflow:hidden; box-sizing:border-box; height:90px;}
.hi_storyCate .cateBox div p:after {content:" "; display:block; clear:both;}
.hi_storyCate .cateBox div p .txt {float:left; display:block; width:200px; font-size:16px; font-weight:600; color:#111; line-height:24px; letter-spacing:-0.03em; height:46px; overflow:hidden; word-break:keep-all;}
.hi_storyCate .cateBox div p .decoimg {float:right; display:block; width:40px; height:40px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	background-image:url('../images/sub/gray_go.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
.hi_storyCate .cateBox div:hover p .decoimg {background-image:url('../images/sub/gray_go_ov.png');}
.dragCenter {text-align:center; margin:0 0 25px 0;}
.dragCenter span {display:inline-block; vertical-align:middle;}
.dragCenter .dragL, .dragCenter .dragR {position:relative;}
.rotate_btn{text-align:center;margin:0 0 20px 0;}
.rotate_btn a{display:inline-block; margin:0 5px;}
.rotate_btn a img{vertical-align:middle;}
/* 하이스토리 detail view */
#detailStory .sp-thumbnail {
	width: 100%;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#detailStory .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#detailStory .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 860px) {
	#detailStory .hide-medium-screen {
		display: none;
	}
}

@media (max-width: 640px) {
	#detailStory .sp-layer {
		font-size: 12px;
	}

	#detailStory .hide-small-screen {
		display: none;
	}
}

@media (max-width: 500px) {
	#detailStory .sp-thumbnail {
		text-align: center;
		height:100% !important;
	}
	#detailStory .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#detailStory .sp-thumbnail-description {
		display: none;
	}
}

/* 견적 및 상담신청 */
.consulting {float:left; width:55%; box-sizing:border-box;}
.consul_form {padding:50px;}
.consul_form .page_title { font-size: 40px; font-weight: 700; text-align: center; margin-bottom: 86px; color: #000;}
.consul_form .logo_img { display: block; margin: 0 auto 70px; }
.consul_form > ul > li {*zoom:1; margin:20px 0 0; background-repeat:no-repeat; background-position:19px 50%; 
	font-size:17px;
	font-weight:600;
	color:#232322;
}
.consul_form > ul > li:after {content:" "; display:block; clear:both;}
.consul_form > ul > li:first-child {margin:0;}
.consul_form > ul > li.est_1 {background-image:url('../images/sub/company.png'); 
	background-size: auto; background-color:#fff;}
.consul_form > ul > li.est_2 {background-image:url('../images/sub/person3.png'); 
	background-size: auto; background-color:#fff;}
.consul_form > ul > li.est_3 span.firs {background-image:url('../images/sub/mail.png'); 
	background-size: auto; background-repeat:no-repeat; background-position:10px 50%;}
.consul_form > ul > li.est_4 {background-image:url('../images/sub/phone.png'); 
	background-size: auto; background-color:#fff;}
.consul_form > ul > li.est_5 {background-color:#fff;}
.consul_form > ul > li.est_5 span {background-image:url('../images/sub/file.png'); 
	background-size: auto; background-repeat:no-repeat;background-position:12px 20px;}
.consul_form > ul > li.est_6 {background-image:url('../images/sub/memo.png'); 
	background-size: auto; background-position:12px 20px; background-color:#fff;}
.consul_form > ul > li.est_7 .captcha {font-size:18px; padding:15px 0 0; font-weight:600; color:#000; letter-spacing:-0.02em; float:left; display:block; width:15%; box-sizing:border-box;}
.consul_form > ul > li.est_7 p {display:inline-block; position:relative; width:84.4%; float:right;}
.consul_form input {display:inline-block; vertical-align:middle; font-size:17px;font-weight:600; color:#E61673;}
.consul_form input:focus, .consul_form textarea:focus, .consul_form select:focus {
	border-color:#E61673; outline:none; 
	box-shadow:0 0 5px #4ec6f4;
	-webkit-box-shadow:0 0 5px #E61673;
	-ms-box-shadow:0 0 5px #E61673;
	-o-box-shadow:0 0 5px #E61673;
}
.consul_form .notrobot {display:inline-block; font-size:16px; font-weight:400; vertical-align:middle; line-height:60px; background:#E61673; color:#fff; text-align:center; padding:0 30px;
	position:absolute; top:0; left:0;
}
.consul_form textarea { border: 1px solid #e5e7eb;
	border-radius: 0.25rem; width:100%; height:160px; resize:none; padding:20px 20px 20px 70px; background:transparent;
	font-size:17px;
	font-weight:600;
	color:#232322;
	font-family:'noto';
}
.placeholder1, .placeholder2, .placeholder3, .placeholder4, .placeholder5, .placeholder6{
	display:block;
    position:relative;
	vertical-align:middle;
}
.placeholder1 label, .placeholder2 label, .placeholder3 label, .placeholder4 label, .placeholder5 label.filename, .placeholder6 label{
    position:absolute;
    top:19px;
    left:70px;
    font-size:17px;
	font-weight:600;
	color:#232322;
    cursor:text;
}
.placeholder1 input[type="text"], .placeholder2 input[type="text"], .placeholder3 input[type="text"], .placeholder4 input[type="text"], 
.placeholder5 input[type="text"], .placeholder6 input[type="text"]{
	background:transparent;
	height:60px;
	line-height:60px;
	color:#232322;
	padding:0 10px 0 70px;
	font-weight:500;
	border:none;
	box-sizing:border-box;
}
.consul_form > ul > li.est_7 input[type="text"] {
	background:#fff;
	height:60px;
	line-height:60px;
	color:#232322;
	padding:0 0 0 120px;
	font-weight:500;
	border:none;
	box-sizing:border-box;
	width:100%;
}
.placeholder1 input[type="text"] {
	width:100%;
}
.placeholder2 input[type="text"] {
	width:100%;
}
.placeholder3 {*zoom:1;}
.placeholder3:after {content:" "; display:block; clear:both;}
.placeholder3 span {display:inline-block; vertical-align:middle; background-color:#fff;}
.placeholder3 span.firs input {padding-left:70px;}
.placeholder3 span.sec {width:32%;}
.placeholder3 span input.half {width:100%; padding:0 10px !important;}
.placeholder3 .select_Option {display:inline-block; width:24%; float:right;}
.placeholder4 input[type="text"] {
	width:100%;
}
.placeholder4 label span {display:inline-block; margin:0 0 0 65px; color:#bbb;}
.placeholder5 {*zoom:1;}
.placeholder5:after {content:" "; display:block; clear:both;}
.placeholder5 span {float:left; display:inline-block; background-color:#fff;}
.placeholder6 input[type="text"] {
	width:100%;

}
.filebox {background:url('../images/sub/form_icon5.png') 19px 50% no-repeat; position:relative;}
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox > label {
    display: inline-block;
	line-height:60px;
    color: #fff;
	font-weight:400; 
	letter-spacing:-0.01em;
    vertical-align: middle;
    background-color: #000;
    cursor: pointer;
    border:none;
	font-size:16px;
	padding:0 20px;
	position:absolute;
	top:0;
	right:0;
}
/**/
.file_input_textbox {
	float:left;
}
.file_input_div {
    position:relative;
    overflow:hidden;
	float:right;
}

.file_input_hidden {
    font-size:15px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
	line-height:60px;
    vertical-align: middle;
	border:none;
	width:100%;
	background:transparent;
	padding:0 0 0 70px;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  box-sizing:border-box;
}
.file_input_img_btn {max-width:100%; max-height:100%;}


/* consulting_new */
.consulting.consulting_new {
	float: none;
	margin: auto;
}
.consulting.consulting_new .Btnblack {
	margin: 30px 0;
	text-align: center;
}


/* imaged preview */
.filebox .upload-display {
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .filebox .upload-display {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 0;
    }
}

.filebox .upload-thumb-wrap {
    display: inline-block;
    width: 54px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.filebox .upload-display img {
    display: block;
    max-width: 100%;
    width: 100% \9;
    height: auto;
}

.filebox.bs3-primary > label {
  color: #fff;
  background-color: #000;
    border-color: #000;
}
.file_input_hidden{
	-moz-opacity: 0; 
	filter: alpha(opacity:0); 
	opacity: 0; 
	z-index: 2;
	position: absolute; 
	top: 0px; 
	left: 2px; 
	width: 90px; 
	height:37px;
	text-align:center;
	padding:0 0 !important; 
	margin: 0; 
	z-index: 1; 
}
.priBtn {margin:30px 0 0; text-align:right;}
.priBtn span {display:inline-block; margin:0 20px 0 0; line-height:33px; border:1px solid #E61673; padding:0 30px; font-size:15px; font-weight:600; color:#E61673; letter-spacing:-0.01em; cursor:pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.priBtn span:hover {background:#E61673; color:#fff;}
.priBtn p label {font-size:15px; font-weight:600; color:#000; letter-spacing:-0.01em;}
.priBtn p input[type="checkbox"] {
	display:inline-block;
	vertical-align:middle;
}
.Btnblack {margin:30px 0 0; text-align:right;}
.Btnblack button {border:none; background:#000; line-height:70px; padding:0 45px; font-size:25px; font-weight:600; color:#fff; cursor:pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.Btnblack button:hover {background:#E61673;}
.Btnblack button span {display:inline-block; margin:0 25px 0 0; vertical-align:middle;}

/* footer */
#footer {padding:90px 0 60px;}
#footer_content {text-align:center;}
#footer_content .f_icon {text-align:center; margin:0 0 25px 0;}
#footer_content .f_icon a {display:inline-block; margin:0 0 0 9px;}
#footer_content .f_icon a:first-child {margin:0}
#footer_content .f_icon a img {
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#footer_content .f_icon a:hover img {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
#footer_content .address address {font-size:14px; line-height:21px; color:#6d6f6f; letter-spacing:-0.01em; font-weight:400;}
#footer_content .address address span {display:block;}
#footer_content .address .copy {font-size:13px; font-weight:400; color:#bcbcbc; letter-spacing:-0.03em; margin:10px 0 0;}

/* footer new */
#footer.footer_new {
	width: 100%;
	height: 157px;
	background: #F4F4F4;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Pretendard-Regular';
}
#footer.footer_new #footer_content {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
	height: 100%;
}
#footer.footer_new #footer_content .able h1 {
	font-size: 28px;
	font-weight: 700;
	color: #4B4B4B;
}
#footer.footer_new #footer_content .address {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
#footer.footer_new #footer_content .address > div {
	display: flex;
}

#footer.footer_new #footer_content .address > div.info {
	color: #4B4B4B;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	margin-bottom: 4px;
}
#footer.footer_new #footer_content .address > div.info > div {
	position: relative;
	padding: 0 10px;
}
#footer.footer_new #footer_content .address > div.info > div:first-child {
	padding: 0;
}
#footer.footer_new #footer_content .address > div.info > div:last-child {
	padding-right: 0;
}
#footer.footer_new #footer_content .address > div.info > div:before {
	content: '';
	position: absolute;
	top: 2px;
    left: 0;
    width: 2px;
    height: 14px;
	background: #4B4B4B;
}
#footer.footer_new #footer_content .address > div.info > div:first-child:before {
	display: none;
}

#footer.footer_new #footer_content .address > div.head_office,
#footer.footer_new #footer_content .address > div.research_center {
	font-size: 14px;
	font-weight: 500;
	color: #7A7A7A;
	text-align: left;
}

#footer.footer_new #footer_content .address > div.info > div.tel,
#footer.footer_new #footer_content .address > div.head_office > div:first-child,
#footer.footer_new #footer_content .address > div.research_center> div:first-child {
	width: 116px;
	box-sizing: border-box;
}
#footer.footer_new #footer_content .address > div.head_office > div:last-child,
#footer.footer_new #footer_content .address > div.research_center> div:last-child {
	position: relative;
	padding-left: 10px;
}

#footer.footer_new #footer_content .address > div.head_office > div:last-child:before,
#footer.footer_new #footer_content .address > div.research_center> div:last-child:before {
	content: '';
	position: absolute;
	top: 2px;
    left: 0;
    width: 2px;
    height: 12px;
	background: #7A7A7A;
}

/* #footer.footer_new2 */
#footer.footer_new2 { background: #f3f3f3; padding: 20px 0;}
#footer.footer_new2 #footer_content { 
	width: 100%;
    max-width: 1200px;
    height: 354px;
    margin: 0 auto;
    min-width: 320px;
    min-height: 354px;
    padding-left: 28px;
    padding-right: 18px;
}

#footer.footer_new2 #footer_content .address {
	display: flex;
    justify-content: space-between;
	align-items: center;
    /* flex-direction: column; */
    gap: 10px;
    height: 354px;
}

#footer.footer_new2 #footer_content .brand_info {
	display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

#footer.footer_new2 #footer_content .brand_info .logo_img {
	width: 90px;
	min-width: 90px;
	height: auto;
}

#footer.footer_new2 #footer_content .brand_info .business_info {
    font-size: 14px;
}

#footer.footer_new2 #footer_content .brand_info .rights {
    font-size: 16px;
    font-weight: 600;
}

#footer.footer_new2 #footer_content .company_info {
    display: flex;
    flex-direction: column;
	align-items: flex-end;
    gap: 20px;
}

#footer.footer_new2 #footer_content .company_info .contact {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

#footer.footer_new2 #footer_content .company_info .contact .phone {
    font-size: 20px;
}

#footer.footer_new2 #footer_content .company_info .contact .email {
    font-size: 16px;
    font-weight: 700;
}

#footer.footer_new2 #footer_content .company_info .head_office,
#footer.footer_new2 #footer_content .company_info .research_center {
    font-size: 14px;
    color: #9D9D9D;
}

#footer.footer_new2 #footer_content .company_info .head_office b,
#footer.footer_new2 #footer_content .company_info .research_center b {
    font-size: 16px;
    font-weight: 700;
}
/***************************************** pc *************************************************************************************************************/
@media screen and (max-width:1914px) {

	/* 견적 및 상담신청 */
	.placeholder1 input[type="text"], .placeholder2 input[type="text"], .placeholder3 input[type="text"], .placeholder4 input[type="text"], .placeholder5 input[type="text"], .placeholder6 input[type="text"]{
		padding:0 10px 0 65px;
	}
	.placeholder3 span.firs input {padding-left:65px;}
	.filebox .upload-name {padding-left:65px;}
	.placeholder3 span.sec {width:32.1%;}
	.placeholder3 span.sec input {width:100%;}
}

@media screen and (max-width:1899px) {

	/* 견적 및 상담신청 */
	.placeholder1 input[type="text"], .placeholder2 input[type="text"], .placeholder3 input[type="text"], .placeholder4 input[type="text"], .placeholder5 input[type="text"], .placeholder6 input[type="text"]{
		padding:0 10px 0 50px;
	}
	.placeholder3 span.firs input {padding-left:50px;}
	.filebox .upload-name {padding-left:50px;}
	.placeholder3 span.sec {width:32.1%;}
}

@media screen and (max-width:1830px) {
	/* 견적 및 상담신청 */
	.consul_form > ul > li {background-position:10px 50%; background-size:25px;}
	/* .consul_form > ul > li.est_3 span.firs {background-position:10px 50%; background-size:25px;} */
	.filebox {background-position:10px 50%; background-size:25px;}
	.placeholder1 input[type="text"], .placeholder2 input[type="text"], .placeholder3 input[type="text"], .placeholder4 input[type="text"], .placeholder5 input[type="text"], .placeholder6 input[type="text"]{
		padding:0 10px 0 40px;
		border: 1px solid #e5e7eb;
		border-radius: 0.25rem;
	}
	.consul_form > ul > li.est_3 span.firs {width:39.2%;}
	.placeholder3 span.firs input {padding-left:40px; box-sizing:border-box; width:100%;}
	.filebox .upload-name {padding-left:40px;}
	.placeholder3 span.sec {width:32.1%;}
	.placeholder1 label, .placeholder2 label, .placeholder3 label, .placeholder4 label, .placeholder5 label.filename, .placeholder6 label {
		left:45px;
		font-size:16px;
	}
	.consul_form > ul > li.est_5 span {width:81%; 
		/* background-position:10px 50%; background-size:25px; */
	}
	/* .consul_form > ul > li.est_6 {background-position:10px 20px; background-size:25px;} */
	.consul_form textarea {padding-left:40px;}

	.web .w_box2 dl dd {width:80%;}

	/* mice */
	.top_info .bigT {font-size:25px;}
	.mice .mice_top ul li {/*height:240px;*/}
	.mice .mice_top ul li dl dd {font-size:18px; line-height:24px;}
	.mice .mice_top p {font-size:18px;}
	.mice_center {padding:50px 80px;}
}

@media screen and (max-width:1680px) {
	

	/* list */
	.list .item_box {height:100px;}
	.item_box .title h3 {font-size:19px;}
	.list_cont {padding:40px 30px;}
	.list_cont .list_txt {width:78%;}
	.list_txt .thumb-title {margin:0;}
	.list_txt a.thumb-txt {font-size:16px;}
	.list_cont .list_txt .date {font-size: 13px;}

	#content {padding:40px 0 0;}
	.df_subtitle h2 {font-size:40px !important;}
	.top_info2 p {font-size:18px;}
	.support_zone > p {font-size:50px; line-height:50px;}
	.support_zone ul li {width:45%;}
	.support_zone ul li img {max-width:100%;}

	/**/
	.hi_story2 h3 {margin:0 0 60px 0;}
	.hi_story2 h3 .listTitle {font-size:35px;}
	.hi_storyCate .cateBox div .thumb {height:160px;}
	.hi_storyCate .cateBox div p {padding:15px 20px;}
	.hi_storyCate .cateBox div p .txt {font-size:15px; line-height:22px;}
	.hi_storyCate .cateBox div p .decoimg {width:30px; height:30px; background-size:cover;}
	.hi_storyView {padding:50px 40px;}

	/* web */
	.web .w_box ul li a {padding:10px 20px; font-size:18px;}
	.web .w_box ul {padding:0;}
	.web .w_box2 dl {float:none; width:100%;}
	.web .w_box2 dl dd {float:none; width:100%; margin:20px 0 0;}

	.consul_form > ul > li.est_3 span.firs {width:39%;}
	.consul_form > ul > li.est_7 .captcha {font-size:16px; width:17%;}
	.consul_form > ul > li.est_7 p {width:82%;}
	.consul_form .notrobot {font-size:15px;}
	.consul_form input {font-size:15px;}	
	.Btnblack button {padding:0 30px; font-size:22px;}

	/* container_new */
	#container.container_new {
		isolation: isolate;
	}
	/* #container.container_new::before {
		content: '';
		position: absolute;
		background: white;
		z-index: -1;
		inset: 0;
		opacity: 0.1;
	} */
	#container.container_new #container_box .main_txt p {
		font-size: 26px;
	}
	#container.container_new #container_box .main_txt h1 {
		font-size: 46px;
		line-height: 4rem;
		margin: 20px 0 34px;
	}
	#container.container_new #container_box .main_txt p.pink {
		font-size: 16px;
	}
}

@media screen and (max-width:1470px) {
	/* header */
	#header_content {padding:0 150px 0 40px;}
	/*.logo {width:25%;}*/
	.logo img {max-width:100%;}
	#gnb ul li {margin:0 0 0 80px;}

	#container {padding:0 150px 0 40px;}
	#scontainer {padding:0 150px 0 40px;}

	/* 썸네일 리스트 */
	.item_box .pad {padding:30px;}
	/*.item_box .pad a.share {top:30px;}
	.item_box .pad a.share2{top:30px;}*/
	.box_cont .port-img01 {height:190px;}
	.box_cont .port-name {min-width:auto; font-size:16px; padding:5px;}

	/* 견적 및 상담신청*/
	.consul_form th {font-size:17px; padding:0 0 0 25px; background-size:15px;}
	.consul_form > ul > li.est_3 span.firs {width:38%}
	.consul_form > ul > li.est_3 span.firs input {width:100%; box-sizing:border-box;}
	.filebox .upload-name {width:67%;}
	.consul_form td input.full2 {width:67%;}

	/* 하이스토리 */
	.hi_storyCate .cateBox div p .txt {width:80%; font-size:14px;}
	.hi_storyView {padding:40px;}
	.hi_story2 h3 {margin:0 0 50px 0;}
	.hi_story2 h3 .listTitle {font-size:29px; }
	.hi_storyView h4 {font-size:22px; line-height:24px; margin:0 0 30px 0;}


	#quick_menu {width:90px;}
	#quick_menu ul li {padding:16px 0;}
	#quick_menu a.quick_info span img {width:50%;}
	#quick_menu ul li span img {width:50%;}
	#quick_menu ul li a {word-break:keep-all;}
	#quick_menu2 img{width:100%;}
	
}
@media only screen and (max-width:1457px) and (min-width:1200px){
	
	/* header */
	#gnb ul li {margin:0 0 0 50px;} 

	.filter_chk {padding:30px 0 30px;}

	/* 썸네일 리스트 */
	.item_box {margin:0 8px 15px;} 
	.list .item_box {height:80px;}
	/* list */
	.list {padding:0;}
	.list_cont {padding:30px 20px;}
	.list_cont .list_txt {width:75%;}
	.item_box .title h3 {font-size:17px;}
	.list_txt .thumb-title {font-size:13px;}
	.list_txt a.thumb-txt {font-size:15px; width:55%;}
	.list_txt .thumb-date {font-size:14px;}
	#paginate {margin:100px 0 0;}

	.consul_form > ul > li.est_3 span.firs {width:37.5%;}
	.consul_form > ul > li.est_7 .captcha {font-size:15px; word-break:keep-all;}
	.placeholder3 .select_Option {font-size:15px;}

}
@media screen and (max-width:1200px) {
	
	.logo {width:30%;}
	#header_content {padding:0 30px;}
	#container {padding:0 30px;}
	#header {height:76px; padding:10px 0 20px;}
	.logo {width:50%; padding:0; margin:-20px 0 0;}
	.homemenu {*zoom:1; display:block; padding:0 30px 0 0; margin:0 0 10px 0;}
	.homemenu:after {content:" "; display:block; clear:both;}
	.homemenu ul {*zoom:1; float:right;}
	.homemenu ul:after {content:" "; display:block; clear:both;}
	.homemenu ul li {float:left; font-size:14px; font-weight:600; padding:0 0 0 20px;
		background-image:url('../images/common/gray_line.gif');
		background-repeat:no-repeat;
		background-position:10px 50%;
	}
	.homemenu ul li:first-child {padding:0; background:none;}
	.homemenu ul li a {color:#232322; 
		transition:all .3s;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		-ms-transition:all .3s;
		-o-transition:all .3s;
	}
	.homemenu ul li a:hover {color:#d73444;}
	#gnb {display:none;}
	/* nav */
	#top_right {float:right; margin:10px 0 0 0; z-index:999;}
	.allmenu {position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #1a1a1a;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;  /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:107px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {border-bottom:1px solid #edebe9;}
	#nav li {position:relative; border-top:1px solid #edebe9; background:#fff;}
	#nav li a {position:relative; color:#000; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul {background:#544741;}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #4a4d51;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:13px; font-weight:500; background:#343639 !important; line-height:130%;}

	.view_option {margin:30px 10px 20px 0;}
	.filter_chk h2 {font-size:18px; padding:0 30px 0 0; background-size:20px;}
	.filter_chk a {font-size:15px; font-weight:600;}

	#scontainer {padding:0 30px;}

	/* list */
	.list .list_pad {position:relative;}
	.list .item_box {height:110px;}
	.list_cont {padding:30px 20px;}
	.item_box .title h3 {font-size:17px;}
	.list_cont .title {float:none; width:100%;}
	.list_cont .list_txt {*zoom:1; float:none; width:100%; margin:13px 0 0;}
	.list_cont .list_txt:after {content:" "; display:block; clear:both;}
	.list_txt a.thumb-txt {font-size:15px;}
	.list_cont a.share {position:absolute; top:20px; right:20px;}

	/**/
	.df_subtitle h2 {font-size:35px !important; margin:0 0 15px 0 !important;}
	.top_info2 {margin:10px 0 0;}
	.top_info2 p {font-size:15px;}
	.support_zone {margin:50px 0 0;}
	.support_zone > p {font-size:45px;}
	.support_zone > span {margin:0 0 60px 0;}

	.consul_form {padding:30px 20px;}
	.consul_form th {font-size:16px;}
	.consul_form td input {font-size:15px;}
	.placeholder3 span.sec {width:34%;}
	.filebox .upload-name {width:60%;}
	.filebox label {font-size:15px; padding:0 15px;}
	.consul_form td .notrobot {font-size:15px; padding:0 15px;}
	.Btnblack {text-align:center;}
	.Btnblack button {font-size:20px; line-height:60px;}

	/**/
	.hi_story2 h3 .listTitle {font-size:25px;}
	.hi_story2 h3 a img {width:40px;}

	/* web */
	.web ul.tabs li a {font-size:19px;}
	.web .w_box h3, .web .w_box2 h3 {font-size:40px; line-height:40px;}
	.web .w_box h3 span {font-size:18px;}
	.web .w_box > p {font-size:17px;}
	.web .w_box ul li a {font-size:17px;}
	.web .w_box .gray_box {padding:30px 20px; word-break:keep-all;}
	.web .w_box .gray_box p {font-size:17px;}
	.web .w_box2 dl dt {font-size:19px;}
	.web .w_box2 dl dd {font-size:17px; margin:15px 0 0;}
	.web .w_box2 .w_btn div {padding:25px; box-sizing:border-box; width:49%;}
	.web .w_box2 .w_btn div p {font-size:20px;}
	.web .w_box2 .w_btn div a {width:25%; height:auto;}
	.web .w_box2 .w_btn div a span img {max-width:100%;}

	/* 주문형 */
	.web .w_box p.bg {font-size:18px;}
	.web .w_box p.bg span {width:20px;}
	.web .w_box p.bg img {max-width:100%;}
	.web .w_box ul.listW li {font-size:17px;}
	.web .w_box3 h4 {font-size:30px; padding:0 0 30px; margin:0 0 30px 0;}
	.web .w_box3 {padding:50px;}
	.web .w_box3 p {font-size:16px; margin:0 0 50px 0;}

	/* 고객센터 */
	.map_info2 > div p {padding:0;}
	.map_info2 > div p span {margin:0 40px 0 0;}
	.map_info2 > div .right dl dt {font-size:22px;}
	.map_info2 > div .right dl dd {font-size:17px;}

	/* mice */
	.top_info .bigT {font-size:22px;}
	.mice .mice_top ul li {height:220px;}
	.mice .mice_top ul li .step {width:20px;}
	.mice .mice_top ul li .step img {max-width:100%;}
	.mice .mice_top ul li dl dd {font-size:17px;}
	.mice .mice_top p {font-size:17px; word-break:keep-all;}
	.mice .mice_top p span {display:inline;}
	.mice_center h3 {font-size:35px; line-height:35px; margin:0 0 30px 0; padding:0 0 30px 0;}
	.mice_center div {padding:50px 20px;}
	.mice_center dl dt {font-size:20px;}
	.mice_center dl dd {font-size:17px;}
	.mice_center div ul li {width:48%; font-size:17px;}
	.mice_center div ul li span img {max-width:100%;}

	#quick_menu {display:none;}

	/* 하이스토리 */
	.hi_cont .con_box .box_ver p {font-size: 23px;	}
	.hi_cont .con_box {padding: 10px;}
	.hi_cont .con_box .box_ver span{line-height:43px;min-width:210px;}

	
	/* header_new */
	#header.header_new {
		height: 76px;
		padding: 0;
	}

	
	/* container_new */
	#container.container_new {
		height: calc(100vh - 233px);
		min-height: calc(100vh - 233px);
		padding: 0 30px;
		background: url(../images/main/main_img.png) 80% 100% no-repeat;
		background-size: 50%;
	}
	/* #container.container_new::before {
			opacity: 0.5;
	} */
	#container.container_new #container_box .main_txt p {
        font-size: 22px;
    }
	#container.container_new #container_box .main_txt h1 {
        font-size: 32px;
        line-height: 3rem;
        margin: 10px 0 14px;
    }
	#container.container_new #container_box .main_txt p.pink {
        font-size: 14px;
    }
}

@media screen and (max-width:1100px) {

	.mobile_top {display:block;}
	.filter_chk h2 {display:block; padding:0 0 20px 0; margin:0 0 20px 0; background-position:50% 100%;}
	.filter_chk a {width:29%; margin:5px; font-size:15px;}

	
	.filter_chk2 h2 {display:block; padding:0 0 20px 0; margin:0 0 20px 0; background-position:50% 100%;}
	.filter_chk2 a {margin:0 5px;}
	.filter_chk2 a img {height:40px;}

	.item_box .title h3 {font-size:19px;}
	.box_cont .port-img01 {height:180px;}
	.box_cont .port-name {font-size:15px; line-height:22px;}
	.box_cont .thumb-txt {font-size:16px;}
	.box_cont .thumb-img {height:auto;}
	.box_cont .date {font-size:14px;}

	/**/
	.item_box .pad .title {margin:0 0 30px 0;}
	.item_box .title h3 {font-size:18px;}
	.item_box .pad {padding:30px 20px;}
	/*.item_box .pad a.share {right:20px;}
	.item_box .pad a.share2 {right:53px;}*/
	.box01 .title h3 span {font-size:14px; margin:0 0 10px;}
	.box_cont .port-img01 {height:140px;}
	.box_cont .port-name {font-size:14px; line-height:20px;}
	.box_cont .thumb-title {font-size:14px; margin:0 0 20px 0;}
	.box_cont .thumb-txt {font-size:15px; margin:0 0 20px 0;}
	.box_cont .thumb-img {margin:0 0 25px 0;}
	.box_cont .thumb-Btxt {font-size:14px;}

	.card-list {padding:0 0 120px 0;}
	.scroll-icon {margin:0 0 0 -15px;}

	/* sub */
	#subtitle h2 {font-size:35px;}
	.top_info p {font-size:18px;}
	.df_subtitle {float:none; width:100%;}
	.consulting {float:none; width:100%;}
	.support_zone > span {margin:0 0 30px 0;}
	.support_zone ul li {width:auto;}

	/**/
	.hi_storyCate .cateBox div p {padding:10px 15px; height:auto;}
	.hi_storyCate .cateBox div p .txt {float:none; width:100%;}
	.hi_storyCate .cateBox div p .decoimg {width:25px; height:25px;}
	.hi_story2 .btnCenter a.black {font-size:16px; line-height:50px; padding:0 60px;}

	/* web */
	.web .w_box2 .w_btn div {vertical-align:middle; height:230px;}
	.web .w_box2 .w_btn div p {display:block; text-align:center; padding:0; margin:0 0 10px 0;}
	.web .w_box2 .w_btn div a {width:30%;}



	/* new HISTORY _ 190613 */
	.webzine_list .list_box ul li{margin-left:40px;width: 150px;}




	/* quick */
	#quick_menu {display:none;}

	#footer {padding:60px 0;}

	/* footer_new */
	#footer.footer_new #footer_content {
		gap: 30px;
	}
}

/****************************************************************  tablet *************************************************************************/
/* 1024px 이상에서의 스타일 */
@media (min-width: 1024px) {
    #footer.footer_new2 #footer_content .company_info {
        flex-direction: row;
        gap: 46px;
        margin-top: 75px;
    }
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
	
}

@media  screen and (max-width:768px) {
	.consul_form .page_title {
		font-size: 28px;
		margin-bottom: 34px;
	}

	.consul_form .logo_img {
		width: 130px;
	}

	#footer.footer_new2 #footer_content {
        height: 354px;
        padding-left: 18px; /* 왼쪽 패딩 */
    }

    #footer.footer_new2 #footer_content .address {
        justify-content: space-around;
        flex-direction: row;
    }

    #footer.footer_new2 #footer_content .brand_info {
        align-items: center;
    }

    #footer.footer_new2 #footer_content .company_info .head_office,
    #footer.footer_new2 #footer_content .company_info .research_center {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {

	/* list */
	.list .item_box {height:130px;}
	.list_txt .thumb-title {float:none; display:inline-block; font-size:14px;}
	.list_txt a.thumb-txt {font-size:15px; float:none; vertical-align:middle; display:inline-block; width:80%; margin:0 0 0 10px;}
	.list_txt .thumb-date {float:none; text-align:right; vertical-align:middle; font-size:14px; display:block; margin:5px 0 0;}

	/* mice */
	.mice .mice_top ul li {width:35%; height:240px; margin:0 3% 3%;}
	.mice .mice_top ul li .step {display:none;}
	.mice_center {padding:40px;}
	.mice_center div ul li.right {margin:0 auto;}

	/* 하이스토리 */
	.hi_story .hi_etc2{position:relative; top:0; padding:0; margin-left:-165px;}
	.hi_story > div{float:none; width:100%;}
	.hi_story > div .hi_cont{background-size:100% 100%;}

	/* footer_new */
	#footer.footer_new #footer_content {
		gap: 20px;
	}
	#footer.footer_new #footer_content .able h1 {
		font-size: 18px;
	}
	#footer.footer_new #footer_content .address {
		gap: 0;
	}
	#footer.footer_new #footer_content .address > div.info {
		font-size: 14px;
	}
	#footer.footer_new #footer_content .address > div.info > div.tel, #footer.footer_new #footer_content .address > div.head_office > div:first-child, #footer.footer_new #footer_content .address > div.research_center> div:first-child {
		width: 104px;
	}
}

/****************************************************************  mobile *************************************************************************/
/* 가로 모드 */
@media (orientation: landscape)  and (max-width: 1000px) {
	/* container_new */
	#container.container_new {
		height: calc(100vh - 186px);
        min-height: calc(100vh - 186px);
		background-size: 26%;
	}

	#container.container_new #container_box .main_txt {
		left: 10%;
	}
	#container.container_new #container_box .main_txt p {
		font-size: 20px;
	}
	#container.container_new #container_box .main_txt h1 {
        font-size: 26px;
        line-height: 2.5rem;
        margin: 10px 0 12px;
    }
	#container.container_new #container_box .main_txt p.pink {
        font-size: 14px;
    }
	/* footer_new */
	#footer.footer_new {
		height: 110px;
	}
}

@media (orientation: landscape)  and (max-width: 1000px) and (max-height: 320px) {
	/* container_new */
	#container.container_new {
		background-size: 20%;
	}

	#container.container_new #container_box .main_txt p {
		font-size: 16px;
	}
	#container.container_new #container_box .main_txt h1 {
        font-size: 20px;
        line-height: 1.6rem;
        margin: 6px 0 8px;
    }
	#container.container_new #container_box .main_txt p.pink {
        font-size: 12px;
    }
}


@media only screen and (max-width:767px) {
	
	/* list */
	.list {padding:0;}
	.list .item {width:100%;}
	.list .item_box {height:140px;}
	.list_txt .thumb-title {float:none; display:inline-block; vertical-align:middle; font-size:14px;}
	.list_txt a.thumb-txt {font-size:15px; float:none; vertical-align:middle; display:inline-block; width:80%; margin:0 0 0 10px;}
	.list_txt .thumb-date {float:none; text-align:right; font-size:14px; display:block; margin:5px 0 0;}
	.list_cont .list_txt .date{padding:10px 0 0 0;}

	#subtitle {margin:0 0 40px 0;}
	#subtitle h2 {font-size:30px; margin:0 0 30px 0;}
	.df_top {margin:30px 0 0;}
	.top_info p {font-size:16px; line-height:28px;}

	/* 이전글, 다음글 */
	.titlelist tr th {font-size:14px; padding:13px 0;}
	.titlelist tr td {font-size:14px; padding:0 15px;}

	/**/
	.hi_storyView {padding:30px;}
	.hi_storyCate .cateBox {width:33.3%;}
	.hi_storyCate .cateBox div .thumb {height:120px;}
	.hi_storyView img{max-width:100%;}
	.normal p {font-size:16px; line-height:28px;}
	/* mice */
	.top_info .bigT {font-size:18px;}
	.mice .mice_top ul li dl dd {font-size:15px;}
	.mice .mice_top ul li {width:43%; margin:0 3% 3%;}
	.mice .mice_top ul li .step {display:none;}
	.mice .mice_top p {font-size:16px; line-height:28px;}
	.mice_center div ul li {display:block; text-align:center; margin:0 auto 20px; font-size:15px;}
	.mice_center div ul li.left, .mice_center div ul li.right {margin:0 auto 20px;}

	
	/* new HISTORY _ 190613 */
	.webzine_list .list_box ul li{margin-left:20px;}
	.webzine_list .list_box ul li .links a{display:block; width:100%;}
	.webzine_list .list_box ul li .links a.link1{margin:0 0 3px 0;}

	/* footer_new */
	#footer.footer_new {
		padding: 0 5%;
	}
	#footer.footer_new #footer_content {
		flex-direction: column;
		align-items: start;
		gap: 4px;
	}
	#footer.footer_new #footer_content .able h1 {
		font-size: 18px;
	}
	#footer.footer_new #footer_content .address {
		gap: 0;
	}
	#footer.footer_new #footer_content .address > div { 
		display: inline;
	}
	
	#footer.footer_new #footer_content .able h1 { font-size: 20px;}

	#footer.footer_new #footer_content .address > div.info {
		font-size: 12px;
		margin-bottom: 0;
		gap: 0;
	}
	#footer.footer_new #footer_content .address > div.info > div {
		display: inline;
		padding: 0 5px;
	}
	#footer.footer_new #footer_content .address > div.info > div.tel {
		padding-left: 0;
	}
	#footer.footer_new #footer_content .address > div.info > div:before {
		height: 10px;
	}
	#footer.footer_new #footer_content .address > div.head_office, #footer.footer_new #footer_content .address > div.research_center {
		display: inline;
		gap: 0;
		font-size: 12px;

	}	
	#footer.footer_new #footer_content .address > div.head_office > div, #footer.footer_new #footer_content .address > div.research_center> div {
		display: inline;
	}
	#footer.footer_new #footer_content .address > div.head_office > div:first-child, #footer.footer_new #footer_content .address > div.research_center> div:first-child {
		padding-right: 4px;
	}
	#footer.footer_new #footer_content .address > div.head_office > div:last-child:before, #footer.footer_new #footer_content .address > div.research_center> div:last-child:before {
		content: ': ';
		background: none;
		top: -1px;
	}
}


@media only screen and (min-width:481px) and (max-width:767px) {
	.support_zone ul li {width:45%;}
	.consul_form th {font-size:14px; word-break:keep-all; padding:0 0 0 15px; letter-spacing:-0.04em; background-size:10px;}
	.consul_form td {font-size:14px;}
	.consul_form td input {font-size:14px; letter-spacing:-0.04em;}
	.consul_form td input.full {width:90%;}
	.consul_form td input.full2 {width:63%;}
	.consul_form td input.half {width:20%;}
	.consul_form td input {line-height:50px;}

	.filebox .upload-name {width:50%; line-height:50px;}
	.filebox label {font-size:14px; line-height:50px;}
	.consul_form td .notrobot {font-size:14px; padding:0 10px; line-height:50px;}
	.priBtn span {font-size:14px; margin:0 10px 0 0; padding:0 20px;}
	.priBtn p label {font-size:14px;}
	.Btnblack {text-align:center;}
	.Btnblack button span {margin:0 20px 0 0; width:23px;}
	.Btnblack button span img {max-width:100%;}
	.Btnblack button {font-size:18px;}

	/* web */
	.web .w_box2 .w_btn div {padding:25px 15px; height:auto;}
	.web .w_box2 .w_btn div p {font-size:16px; line-height:25px;}
	.web .w_box2 .w_btn div a {width:100%; display:block; text-align:left; padding:15px 10px; font-size:14px; box-sizing:border-box; margin:10px 0 0;}
	.web .w_box2 .w_btn div a:first-child {margin:0;}
	.web .w_box2 .w_btn div a span {display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:30%;}
	.web .w_box2 .w_btn div a .ebook img {width:35px;}
	.web .w_box2 .w_btn div a .pdf img {width:25px;}

	/* 고객센터 */
	.map_info {margin:0 0 90px 0;}
	.map_info > span {margin:0 0 15px 0;}
	.map_info dl dt {font-size:30px;}
	.map_info dl dd {font-size:20px;}
	.map_info dl dd .block1 {font-size:16px;}
	.map_info dl dd .block2 {font-size:16px;}
	.map_info2 > div p {font-size:40px; text-align:center;}
	.map_info2 > div p span {display:block; margin:0;}
	.map_info2 > div .right dl dt {font-size:20px; margin:0 0 15px 0;}
	.map_info2 > div .right dl dd {word-break:keep-all; margin:0 0 15px 0; font-size:16px;}
	.map_info2 > div .right dl dd span {font-size:16px; display:block; margin:0 0 5px 0;}


	/*레이어팝업*/
	.layer_popup {width:360px; height:auto;top:110px; margin-left:-180px;  } 
	.layer_popup img {width:100%; height:auto;}
	#modal_close {color:#111; font-size:12px; text-align:center; height:25px; line-height:25px; cursor:pointer;}


	/* new HISTORY _ 190613 */
	.webzine_list .list_box {height:auto;}
	.webzine_list .list_box:after{display:none;}

	.webzine_list .list_box ul li{width:47%; margin-left:0;margin:0 0 30px 0;}
	.webzine_list .list_box ul li:nth-child(even) {margin-left:6%;}
	.webzine_list .list_box ul li.one{width:172px;margin-left:20px;}
	.webzine_list .list_box ul li .cover{width:100%; height:auto;}
	.webzine_list .list_box ul li .cover a { height:100%;}
	.webzine_list .list_box ul li .cover img{width:100%;height:100%;}
	.webzine_list .list_box ul li.two{width:172px; height:auto;margin-left:50px;}
	.webzine_list .list_box ul li.first{margin:0 !important;}
	
	.webzine_list .new .cover {display:block;width:100%;}
	.webzine_list .new .right {display:block;width:100%;}

	.webzine_list .new .right {margin: 40px 0 60px 0;text-align:center;}
	.webzine_list .new .right .title {padding:0;margin:0 0 20px 0;text-align:center;}
	

	/* 하이스토리 */
	.hi_story .hi_etc2{position:relative; top:0; padding:0; margin-left:-160px;}
	.hi_story > div{float:none; width:100%;}
	.hi_story > div .hi_cont {height: 250px;}
	.hi_cont .con_box .box_ver p {font-size: 20px;}
	.hi_storyCate .cateBox div .thumb {height:100px;}

}

@media screen and (max-width:480px) {

	body {min-width:320px; width:100%; height:100%; max-width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	#header {}
	#header_content {padding:0 20px;}
	.homemenu {padding:0 20px 0 0; margin:0 0 15px 0;}
	.homemenu ul li {font-size:11px;}
	.logo {width:50%; padding:10px 0 0;}
	#top_right {margin:15px 0 0;}
	#gnb {display:none;}

	
	nav {position:absolute; top:106px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav li {position:relative; border-top:1px solid #edebe9; background:#fff;}
	#nav li a {position:relative; color:#000; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li.nav_ebook a {color:#fff; background:#232322;}
	#nav > li > ul {background:#544741;}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #4a4d51;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:13px; font-weight:500; background:#343639 !important; line-height:130%;}

	/**/
	#container {padding:0 20px;}
	#scontainer {padding:0 20px;}
	.filter_chk h2 {display:block; padding:0 0 20px 0; margin:0 0 20px 0; background-position:50% 100%;}
	.filter_chk a {width:29%; margin:5px; font-size:14px;}
	.filter_chk2 a {margin:0 5px;}
	.filter_chk2 a img {height:27px;} 

	.list_cont .list_txt {margin:15px 0 0;}

	/* subtitle */
	#subtitle h2 {font-size:25px; line-height:32px; margin:0 0 20px 0; word-break:keep-all;}
	.df_subtitle h2 {font-size:27px !important; line-height:27px !important;}
	.df_top {margin:20px 0 0;}
	.top_info p {font-size:14px; word-break:keep-all; line-height:26px;}
	.support_zone {margin:30px 0 0;}
	.support_zone > p {font-size:30px; line-height:40px;}
	.support_zone > span {font-size:16px; line-height:16px;}
	.support_zone ul li {width:45%;}
	.consul_form > ul > li {margin:10px 0 0;}
	.placeholder1 label, .placeholder2 label, .placeholder3 label, .placeholder4 label, .placeholder5 label.filename, .placeholder6 label {
		font-size:13px;
		left:40px;
		top:15px;
	}
	.placeholder1 input[type="text"], .placeholder2 input[type="text"], .placeholder3 input[type="text"], .placeholder4 input[type="text"], .placeholder5 input[type="text"], .placeholder6 input[type="text"] {
		height:50px; line-height:50px;
	}
	.consul_form > ul > li.est_7 input[type="text"] {height:50px; line-height:50px; padding:0 0 0 100px; font-size:12px;}
	.consul_form {padding:30px 10px;}
	.consul_form th {font-size:14px; background-size:10px; padding:0 2px 0 15px; word-break:keep-all;}
	.consul_form td {font-size:13px;}
	.consul_form td input {font-size:14px; letter-spacing:-0.04em;}
	.consul_form td input.full {width:90%;}
	.consul_form td input.full2 {width:63%; font-size:12px;}
	.consul_form td input.half {width:20%;}
	.consul_form td input {line-height:50px;}
	.consul_form > ul > li.est_3 span.firs {width:33%;}
	.consul_form > ul > li.est_5 span {width:60%;}
	.file_input_div {height:50px;}
	.filebox .upload-name {width:50%; line-height:50px;}
	.filebox label {font-size:14px; line-height:50px;}
	.consul_form td .notrobot {font-size:14px; padding:0 10px; line-height:50px;}
	.consul_form > ul > li.est_7 {line-height:100%;}
	.consul_form > ul > li.est_7 .captcha {font-size:14px; padding:10px 0 0;}
	.consul_form > ul > li {font-size:15px;}
	.consul_form .notrobot {font-size:14px; padding:0 20px; line-height:50px;}

	.priBtn span {font-size:14px; margin:0 0 10px 0; padding:0 20px;}
	.priBtn p label {font-size:14px; display:block; margin:10px 0 0;}
	.Btnblack {text-align:center;}
	.Btnblack button span {margin:0 20px 0 0; width:23px;}
	.Btnblack button span img {max-width:100%;}
	.Btnblack button {font-size:18px;}
	
	/* 이전글, 다음글 */
	.titlelist tr th {font-size:13px;}
	.titlelist tr td {font-size:13px;}

	/**/
	.normal p {font-size:15px; line-height:24px;}
	.hi_storyView {padding:20px;}
	.hi_story2 h3 {margin:0 0 30px 0;}
	.hi_story2 h3 a img {width:30px;}
	.hi_story2 h3 .listTitle {font-size:22px;}
	.hi_storyCate .cateBox {width:50%;}
	.hi_storyCate .cateBox div p .txt {font-size:13px; line-height:18px; height:50px;}
	.hi_storyCate .cateBox div p .decoimg {margin:10px 0 0;}
	.hi_storyView h4 {font-size:18px;}
	.hi_story2 .btnCenter a.black {padding:0 50px; line-height:45px; font-size:15px;}

	/* 하이스토리 */

	.hi_story .hi_etc2{width:250px; height:250px;position:relative; top:0; padding:0; margin-left:-130px;}

	.hi_story .hi_etc2 .etc_box2 > img {width:250px;}

	.charc2 .etc_btn2 { bottom:38px; left:50%; margin-left:-61px;}

	.charc2 .etc_btn2 a {line-height:38px; font-size:13px;}

	.hi_story > div{float:none; width:100%;}
	.hi_story > div .hi_cont {height: 200px;background-size:cover}
	.hi_cont .con_box .box_ver p {font-size:17px;word-break:keep-all;}
	.hi_cont .con_box .box_ver span{margin:20px 0 0 ;}
	

	/*레이어팝업*/
	.layer_popup {width:280px; height:auto;top:110px; margin-left:-140px;  } 
	.layer_popup img {width:100%; height:auto;}


	/* web */
	.web ul.tabs li {width:45%;}
	.web ul.tabs li a {font-size:16px; padding:0 20px; display:table; word-break:keep-all;}
	.web ul.tabs li a span {display:table-cell; vertical-align:middle; line-height:19px;}
	.web .w_box h3, .web .w_box2 h3 {font-size:23px; line-height:25px; word-break:keep-all; margin:0 0 50px 0;}
	.web .w_box h3 span {font-size:17px; line-height:24px;}
	.web .w_box > p {font-size:15px; line-height:28px;}
	.web .w_box > p span {display:inline;}
	.web .w_box ul li {width:50%;}
	.web .w_box .flt_none {float:none; display:inline-block; text-align:center;}
	.web .w_box ul li div {margin:0 5px 10px; padding:20px 15px;}
	.web .w_box ul li a {padding:5px 10px; font-size:13px; word-break:keep-all; line-height:18px;}
	.web .w_box .gray_box {padding:20px;}
	.web .w_box .gray_box p {font-size:14px; line-height:26px;}
	.web .w_box {margin:0 0 70px 0;}
	.web .w_box2 dl dt {width:100%; font-size:17px; padding:0 0 0 25px; background-position:0 50%;}
	.web .w_box2 dl dd {padding:20px; font-size:15px; line-height:26px; word-break:keep-all;}
	.web .w_box2 dl dd ul li {background-position:0 10px;}
	.web .w_box2 .w_btn div {padding:25px 15px; /*height:auto;*/}
	.web .w_box2 .w_btn div p {font-size:16px;}
	.web .w_box2 .w_btn div a {width:100%; display:block; text-align:left; padding:15px 10px; font-size:14px; box-sizing:border-box; margin:10px 0 0;}
	.web .w_box2 .w_btn div a:first-child {margin:0;}
	.web .w_box2 .w_btn div a span {display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:30%;}
	.web .w_box2 .w_btn div a .ebook img {width:35px;}
	.web .w_box2 .w_btn div a .pdf img {width:25px;}
	/* 주문형 */
	.web .w_box3 {padding:30px;}
	.web .w_box p.bg {font-size:16px; word-break:keep-all; line-height:30px;}
	.web .w_box p.bg span {width:15px;}
	.web .w_box ul.listW li {font-size:15px; line-height:22px; word-break:keep-all; box-sizing:border-box; padding:10px; width:100%;}
	.web .w_box ul.listW li span {width:12px; margin:0 5px 0 0;}
	.web .w_box ul.listW li span img {max-width:100%;}
	.web .w_box3 h4 {font-size:25px; margin:0 0 20px; padding:0 0 20px 0;}
	.web .w_box3 h4 span {margin:0 0 20px 0;}
	.web .w_box3 h4 span img {width:15%;}
	.web .w_box3 p {font-size:15px; word-break:keep-all; line-height:25px;}
	.web .w_box3 ul li {width:48%; margin:0 1% 1%;}
	.web .w_box3 .flt_none {float:none; display:inline-block; text-align:center;}


	/* printing */
	.printing .p_top {margin:0 0 50px 0;}
	.printing .p_top > span {width:25px; margin:0 auto;}
	.printing .p_top > span img {max-width:100%;}
	.printing .p_top dl {padding:30px 0;}
	.printing .p_top dl dt {font-size:25px; line-height:25px;}
	.printing .p_top dl dd {font-size:15px; line-height:27px; word-break:keep-all;}
	.printing .p_top dl dd span {display:inline;}
	.printing .p_center {padding:40px 10px;}
	.printing .p_center > span {margin:0 0 25px 0;}
	.printing .p_center > span img {width:12%;}
	.printing .p_center > span.center3 img {width:10%;}
	.printing .p_center > span.center5 img {width:20%;}
	.printing .p_center dl {margin:0 0 40px 0;}
	.printing .p_center dl dt {font-size:20px; line-height:23px; margin:0 0 30px 0; padding:0 0 20px 0;}
	.printing .p_center dl dd {font-size:15px; line-height:26px; word-break:keep-all;}
	.printing .p_center dl dd span {display:inline;}
	.printing .p_center ul li {margin:0 2px 5px;}
	.printing .p_center ul li.fifth {width:45%;}
	.printing .p_center ul li.third {width:48%;}
	.printing .p_center ul li.second {width:100%;}
	.printing .p_center ul li.third2 {width:48.2%; margin:0 2px 5px;}

	/* 고객센터 */
	.map_area .map {height:300px;}
	.map_info {margin:0 0 80px 0; padding:20px 15px;}
	.map_info > span {margin:0 0 20px 0; width:45px; margin:0 auto 10px;}
	.map_info > span img {max-width:100%;}
	.map_info dl dt {font-size:20px; line-height:25px; margin:0 0 20px 0;}
	.map_info dl dd {font-size:15px; line-height:28px; word-break:keep-all;}
	.map_info dl dd .block1 {font-size:16px; line-height:22px; margin:10px 0 0;}
	.map_info dl dd .block2 {font-size:16px; }
	.map_info2 > div p {float:none; width:100%; font-size:30px; margin:0 0 30px 0;}
	.map_info2 > div p span {width:40px; margin:0 20px 0 0;}
	.map_info2 > div p span img {max-width:100%;}
	.map_info2 > div .right dl dt {font-size:18px;}
	.map_info2 > div .right dl dd span {font-size:15px; line-height:25px; height:25px;}
	.map_info2 > div .right {float:none; width:100%;}
	.map_info2 > div .right dl dd span {display:block; margin:0 0 10px 0;}
	.map_info2 > div .right dl dd {font-size:15px; word-break:keep-all; line-height:25px; margin:0 0 15px 0;}

	/* mice */
	.top_info .bigT {font-size:16px; word-break:keep-all;}
	.mice .mice_top ul li dl dt {margin:0 0 10px 0;}
	.mice .mice_top ul li dl dt img {height:40px;}
	.mice .mice_top ul li {height:150px;} 
	.mice .mice_top ul li dl dd {font-size:13px; line-height:18px;}
	.mice .mice_top p {font-size:15px; line-height:26px;}
	.mice_center {padding:40px 20px;}
	.mice_center h3 {font-size:25px; line-height:25px; padding:0 0 20px 0; margin:0 0 20px 0;}
	.mice_center dl dt {font-size:19px; line-height:24px;}
	.mice_center dl dd {font-size:15px; line-height:25px; word-break:keep-all; letter-spacing:0;}
	.mice_center dl dd span {display:inline;}
	.mice_center div {padding:20px 10px; margin:0 0 40px 0;}
	.mice_center div ul li {font-size:14px;}


	/* new HISTORY _ 190613 */
	.webzine_list .list_box {height:auto; }
	.webzine_list .list_box:after{display:none;}

	.webzine_list .list_box ul li{width:47%; margin-left:0;margin-bottom:30px;}
	.webzine_list .list_box ul li:nth-child(even) {margin-left:6%;}
	.webzine_list .list_box ul li .cover{width:100%; height:auto;}
	.webzine_list .list_box ul li .cover a{ height:100%;}
	.webzine_list .list_box ul li .cover img{width:100%;height:100%;}

	.webzine_list .list_box ul li .title {
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	.webzine_list .new {margin: 50px 0 0 0;}
	.webzine_list .new .cover {display:block;width:90%;margin:0 auto;}
	.webzine_list .new .right {display:block;width:100%;}

	.webzine_list .new .cover .p_logo {width:130px;}

	.webzine_list .new .right {margin: 40px 0 60px 0;text-align:center;}
	.webzine_list .new .right .title {padding:0;margin:0 0 20px 0;text-align:center;}
	
	.webzine_list .new .right .title h3 {font-size:20px;line-height:32px;margin:0;}
	.webzine_list .new .right .title p {font-size:16px}
	.webzine_list .list_box .new .right .links a {padding: 8px;}

	
	.webzine_list .list_box ul li.two{width:45%; height:auto;margin-left:5%;}
	.webzine_list .list_box ul li.first{margin:0 !important;}

	/**/
	#quick {display:none;}
	
	.hi_storyCate .cateBox div .thumb {height:100px;}

	/* container_new */
	#container.container_new {
		background: url(../images/main/main_img.png) 80% 90% no-repeat;
        background-size: 84%;
	}
	#container.container_new #container_box .main_txt {
		top: 30%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
	}
	#container.container_new #container_box .main_txt p {
        font-size: 16px;
    }
	#container.container_new #container_box .main_txt h1 {
		width: 100%;
        font-size: 28px;
        line-height: 2.5rem;
        margin: 14px 0 24px;
    }
	#container.container_new #container_box .main_txt p.pink {
        font-size: 12px;
    }
	#container.container_new #container_box .main_txt h1 .br_Box,
	#container.container_new #container_box .main_txt p .br_Box {
		display: block;
	}


	#footer.footer_new2 #footer_content {
		padding-left: 18px;
	}

	#footer.footer_new2 #footer_content .address {
		justify-content: center;
		flex-direction: column;
		height: 354px;
	}

	#footer.footer_new2 #footer_content .company_info .head_office,
	#footer.footer_new2 #footer_content .company_info .research_center {
		margin-top: 0;
		margin-bottom: 0;
	}
}



@media screen and (max-width:320px) {
	.webzine_list .list_box ul li .title {
		font-size: 10px;
	}


}