@import url("common.css");


#header.fixed {position:fixed !important; top:-13px; left:0; width:100%; background:#fff; box-shadow:5px 1px 15px rgb(0 0 0 / 5%);}
#header.fixed .header_in h1 a {background-image: url('/storage/img/logo_up.png');}
#header.fixed .header_in .sitemap {color:#111;}
#header.fixed .header_in .sitemap dl dd {background:#111;}

#contents{opacity:0; visibility:hidden; animation:fadeIn 1s forwards ease-in-out; /* overflow:hidden; */}
.contents_in {position:relative; z-index:10;}

#visual {width:100%; height:100vh; overflow:hidden;}
#visual .subtopBg {width:100%; height:100%; opacity:0; animation:animate_background 2s ease-in-out forwards; background:url('/storage/img/subtop_Bg.jpg')no-repeat center / cover;}
#visual.pro_visual .subtopBg {background:url('/storage/img/subtop_proBg.jpg')no-repeat center / cover;}

@keyframes animate_background {
	0% {opacity:0; transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  {opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

@keyframes fadeIn {
0% {opacity:0; visibility:hidden;}
100% {opacity:1; visibility:visible;}
}
@keyframes fadeOut {
0% {opacity:1; visibility:visible;}
100% {opacity:0; visibility:hidden;}
}

/**** ¼­ºêž °øÅë ****/
.subtop_txt {text-align:center; }
.subtop_txt h2 {font-family:'urbane', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic',  sans-serif; color:#fff; font-weight:500; letter-spacing:0.5pt; font-size:4.412rem; line-height:1.1;}
.subtop_txt h3 {font-weight:500; font-size:1.176rem; color:#fff; line-height:1.6;}
.subtop_txt p {font-size:0.882rem; color:rgba(255,255,255,0.6); font-weight:400; letter-spacing:-0.3pt; line-height:1.8;}
.subtop_txt img {display:block; margin:70px auto 0;}
.subtop_txt .line_txt {display:block; margin:30px 0 0;}
.subtop_txt .line_txt br {display:block !important;}
.subtop_txt .line_txt i {position:relative; display:inline-block; font-size:1.765rem; line-height:1.5; color:#fff; letter-spacing:-0.3pt;}
.subtop_txt .line_txt i::after {content:''; width:calc(100% + 30px); height:50%; background:rgba(255,255,255,0.15); position:absolute; bottom:4px; left:-15px; z-index:-1}

.sub_ani {position:relative; top:60px; opacity:0; animation: 1.4s forwards sub_ani; animation-delay:1s;}

@keyframes sub_ani {
0% {top:60px; opacity:0;}
100% {top:0; opacity:1;}
}

/*** ÅؽºÆ® È¿°ú ***/
.visual-tit .word {display:inline-block;}
.visual-tit,.sub-txt{overflow:hidden; opacity:0;}
.visual-tit .char,.sub-txt .word{display:inline-block; opacity:0;}
.visual-tit.splitting, .sub-txt.splitting{opacity:1.0;}
.visual-tit.splitting .char {animation: slide-up 1.2s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc((.05s * var(--char-index)) );}

@keyframes slide-up {
	from{opacity:0; transform: translateY(125%);}
	to{opacity:1.0; transform: translateY(0);}
}
/*** ÅؽºÆ® È¿°ú ***/

/**** ¼­ºêž °øÅë ****/



/**** ADS, MCN ****/
#visual .subtop_txt {position:absolute; top:50%; width:90%; left:50%; transform:translate(-50%,-50%); z-index:99;}
#visual .subtop_txt h3 {margin:30px 0 15px;}

.sub_scroll {padding-bottom:85px; box-sizing:border-box; color:#fff; display:inline-block; position:absolute; left:50%; bottom:0; letter-spacing:0.8pt; line-height:1; font-size:12px; font-weight:500; transform:translateX(-50%);}
.sub_scroll .bar {height:70px; width:1px; background:rgba(255,255,255,0.3); position:absolute; bottom:0; left:50%;}
.sub_scroll .bar::before {content:''; height:100%; width:1px; background:#fff; position:absolute; bottom:0; left:0; animation: 1.6s linear infinite scroll_bar;}
.sub_scroll .bar::after {content:''; width:5px; height:5px; background:#fff; position:absolute; bottom:0; margin-left:-2.5px; left:50%;  animation: 1.6s linear infinite scroll_ani;}



@keyframes scroll_ani {
0%, 100% {bottom:0;}
50% {bottom:65px;}
}

@keyframes scroll_bar {
0%,100%  {height:0;}
50% {height:100%;}
}
/**** ADS, MCN ****/


/**** PRODUCTION ****/
.pro_visual_txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99;}
.pro_visual_txt h2 {width:700px; }
.pro_visual_txt h2 span {display:block; font-family:'urbane', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic',  sans-serif; font-size:5.882rem; font-weight:bold; color:#fff; letter-spacing:0.5pt; line-height:1;}
.pro_visual_txt h2 span.two {text-align:right;}

.circle_text {}
.circle_text dl {position:absolute;}
.circle_text dl::after {content:''; width:220px; height:220px; border-radius:100%; border:1px dashed rgba(255,255,255,0.4); position:absolute;}
.circle_text dl dt {font-size:1.176rem; color:#fff; font-weight:500; letter-spacing:-0.5pt; line-height:1.2; margin:4px 0;}
.circle_text dl dd {font-size:0.882rem; color:rgba(255,255,255,0.6); font-weight:400; letter-spacing:-0.3pt;}

.circle_text dl.one {right:55px; top:-15px;}
.circle_text dl.one::after {top:-130px; left:-160px;}
.circle_text dl.two {left:0; bottom:0;}
.circle_text dl.two::after {top:-74px; left:-100px;}
.circle_text dl.three {right:0; bottom:-69px;}
.circle_text dl.three::after {bottom:-40px; right:-60px;}
/**** PRODUCTION ****/



/**** VISUAL ****/
#visual.pro_visual p {color:#fff;}

#bbs_visual {padding:170px 5% 60px;}
#bbs_visual .subtop_txt h2 {color:#222; margin:0 0 10px;}
#bbs_visual .subtop_txt h3 {color:#111; font-weight:500; letter-spacing:-0.3pt;}
#bbs_visual .subtop_txt p {font-size:1.176rem; color:#888; font-weight:300;}
#bbs_visual .subtop_txt p span {font-size:inherit; color:rgba(17,17,17,0.7); font-weight:200; letter-spacing:0.3pt;}
/**** VISUAL ****/




/*** °øÅëcss ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}
.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td{border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}


.sub_title {font-family:'urbane', 'Noto Sans KR', sans-serif; font-size:2.824rem; color:#111; letter-spacing:0.5pt; font-weight:500; line-height:1.2; text-align:center;}
.sub_title b {font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
.sub_title.font30 {font-size:1.765rem; margin:0 0 40px;}
.sub_title.kor {letter-spacing:-1pt;}
.bold_txt {font-size:1.176rem; color:#111; font-weight:500; letter-spacing:-0.5pt; text-align:center; margin:10px 0 0;}
.stxt {color:rgba(17,17,17,0.7); letter-spacing:-0.4pt; line-height:1.8; text-align:center; margin:10px 0 60px;}

.moreBtn {display:block; margin:0 auto; position:relative; overflow:hidden; width:185px; border:2px solid #222; z-index:31; border-radius:5px; transition: all 0.3s; text-align:left !important;}
.moreBtn span{font-family:'urbane', sans-serif; display:block; position:relative; z-index:10; letter-spacing:0.8pt; line-height:46px; color:#222; transition: all 0.3s; padding:0 23px; box-sizing:border-box;  background:url('/storage/img/downArrow.png')no-repeat top 50% right 25px; font-size:12px; font-weight:500;}
.moreBtn:hover {border:2px solid #222; transition: all 0.3s;}
.moreBtn:hover span{color:#fff; transition: all 0.3s; background:url('/storage/img/downArrow_w.png')no-repeat top 50% right 25px;}
.moreBtn::before {content: '';width: 0%;height: 100%;display: block;background: #222;position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg); transform: skewX(-20deg);   left: -10%;opacity: 1;top: 0; z-index:2;
-moz-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
-webkit-transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);
box-shadow:2px 0px 14px rgba(0,0,0,.6);
}


.moreBtn::after {content: '';width: 0%;height: 100%;display: block; background: #ea0000; position: absolute;-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg); transform: skewX(-20deg);   left: -10%;opacity: 0;top: 0; z-index:1;
-webkit-transition: all .3s cubic-bezier(.2,.95,.57,.99);
-moz-transition: all .3s cubic-bezier(.2,.95,.57,.99);
-o-transition: all .3s cubic-bezier(.2,.95,.57,.99);
transition: all .3s cubic-bezier(.2,.95,.57,.99);
box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.moreBtn:hover::before{opacity:1; width: 116%;}
.moreBtn:hover::after{ opacity:1; width: 120%;}

.moreBtn.white {border:2px solid #fff;}
.moreBtn.white span {color:#fff; background:url('/storage/img/downArrow_w.png')no-repeat top 50% right 25px;}
.moreBtn.white:hover {border:2px solid #222; transition: all 0.3s;}
.moreBtn.white:hover span{color:#fff; transition: all 0.3s;}
.moreBtn.white::before {background: #222;}
.moreBtn.white::after {background: #fff;}

.moreBtn.link span {background:url('/storage/sub/img/link_icon_b.png')no-repeat top 50% right 25px;}
.moreBtn.link:hover span {background:url('/storage/sub/img/link_icon.png')no-repeat top 50% right 25px;}
.moreBtn.link.white span {background:url('/storage/sub/img/link_icon.png')no-repeat top 50% right 25px;}
.moreBtn.more span {background:url('/storage/img/moreArrow.png')no-repeat top 50% right 25px;}


.cate_tab {font-size:0; text-align:center; margin:20px 0 75px;}
.cate_tab li {margin:0 20px; display:inline-block;}
.cate_tab li a {position:relative; font-size:1.176rem; color:rgba(34,34,34,0.7); letter-spacing:-0.5pt; line-height:1; transition:all 0.3s;}
.cate_tab li a:hover {color:#ea0000; transition:all 0.3s;}
.cate_tab li.hover a {color:#ea0000; font-weighT:500;}
.cate_tab li a::after {content:''; width:calc(100% + 9px); height:50%; background:rgba(234,0,0,0.1); position:absolute; bottom:0; left:-3px; z-index:-1; opacity:0;}
.cate_tab li.hover a::after {opacity:1;}


.photo_list {display:flex; flex-wrap:wrap; }
.photo_list dl {width:calc((100% - 60px) / 4); margin-right:20px; margin-bottom:20px; position:relative; overflow:hidden;}
.photo_list dl:nth-child(4n) {margin-right:0;}
.photo_list dl dt {overflow:hidden;}
.photo_list dl dt img {width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.photo_list dl dd {position:absolute; top:100%; left:0; background:rgba(0,0,0,0.9); width:100%; height:100%; opacity:0; transition:all 0.5s;}
.photo_list dl dd p {font-family:'urbane','Noto Sans KR', Malgun Gothic,'Malgun Gothic',  sans-serif; font-weight:500; color:#fff; letter-spacing:0.2pt; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; line-height:1.3; padding:0 15px; box-sizing:border-box; text-align:center;}
.photo_list dl:hover dd {top:0; opacity:1; transition:all 0.5s;}

#porfolio {}
#porfolio .moreBtn {margin:30px auto 0;}





/**** Management ****/
.service {width:960px; height:620px; margin:0 auto; display:flex; flex-wrap:wrap; background:url('/storage/sub/img/manage_bg01.png')no-repeat left top; align-items: center; padding-right:20px; box-sizing:border-box;}
.service > div {width:calc((100% - 390px) / 2); text-align:center;}
.service > div.two {width:390px;}
.service > div.two p {color:#d91c31; font-size:0.882rem; letter-spacing:-0.3pt; line-height:1.8; font-weight:500;}
.service > div img {display:block; margin:0 auto;}
.service > div.three span {font-size:1.294rem; color:#fff; letter-spacing:0.3pt; line-height:1; display:block; margin:20px 0 0;}

.service_ad {background:url('/storage/sub/img/manage_bg02.jpg')no-repeat center / cover;}
.promotion_ad {background:url('/storage/sub/img/promotion_bg.jpg')no-repeat center / cover;}
.service_ad .ad_list {display:flex; flex-wrap:wrap;}
.service_ad .ad_list dl {width:calc((100% - 80px) / 5); margin-right:20px; padding:50px 20px; box-sizing:border-box; text-align:center; background:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,0.9); transition:all 0.5s;}
.service_ad .ad_list dl:last-child {margin-right:0;}
.service_ad .ad_list dl a {display:block; width:100%; height:100%;}
.service_ad .ad_list dl h4 {font-size:1.176rem; font-weight:500; color:#111; letter-spacing:-0.5pt; line-height:1.3; margin:20px 0 10px; transition:all 0.5s;}
.service_ad .ad_list dl dd p {font-size:0.882rem; font-weight:400; color:#777; line-height:1.8; letter-spacing:-0.3pt; transition:all 0.5s;}

.promotion_ad dl {padding:0 !important;}
.promotion_ad dl a {padding:50px 20px; box-sizing:border-box; transition:all 0.5s;}
.promotion_ad dl:hover {background:#fff; border:1px solid #ea0000; transition:all 0.5s;}
.promotion_ad dl:hover h4 {color:#ea0000; transition:all 0.5s;}
/* .promotion_ad dl:hover dd p {color:#ea0000; transition:all 0.5s;} */


.invite {background:url('/storage/sub/img/manage_bg03.jpg')no-repeat center / cover;}
.invite .stxt {color:rgba(255,255,255,0.7);}

.hexList {position: relative; width:1160px; height:440px; margin:0 auto;}
.hexList:after { content: ' '; clear: both; display: block; }
.hexList li {width: 200px; height: 170px; position: relative; overflow: hidden; float: left;
	transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.hexList li .hex1, .hexList li .hex2 { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 170px; overflow: hidden;
transform: rotate(60deg); -moz-transform: rotate(60deg); -webkit-transform: rotate(60deg); -o-transform: rotate(60deg); -ms-transform: rotate(60deg);}
.hexList li .hexInner { width: 200px; height: 170px; display: block; position: relative; text-align: center;
transform: rotate(240deg); -moz-transform: rotate(240deg); -webkit-transform: rotate(240deg); -o-transform: rotate(240deg); -ms-transform: rotate(240deg);  transition:all 0.5s;}

.hexList li {position:absolute; }
.hexList li a {padding:30px 15px; box-sizing:border-box;}
.hexList li a img {display:block; margin:0 auto;}
.hexList li a span {font-size:1.176rem; display:block; font-weight:500; color:#fff; letter-spacing:-0.5pt; line-height:1; margin:15px 0 0;}
.hexList li.icon01 {top:0; left:160px; }
.hexList li.icon02 {top:0; left:50%; margin-left:-100px;}
.hexList li.icon03 {top:0; right:160px;}
.hexList li.icon04 {top:90px; left:0;}
.hexList li.icon05 {top:90px; left:320px;}
.hexList li.icon06 {top:90px; right:320px;}
.hexList li.icon07 {top:90px; right:0;}
.hexList li.icon08 {bottom:90px; left:160px;}
.hexList li.icon09 {bottom:90px; left:50%; margin-left:-100px;}
.hexList li.icon10 {bottom:90px; right:160px;}
.hexList li.icon11 {bottom:0; left:320px;}
.hexList li.icon12 {bottom:0; right:320px;}

.hexList li.icon01 .hexInner {background:rgba(219,25,53,0.95);}
.hexList li.icon02 .hexInner {background:rgba(248,35,66,0.95);}
.hexList li.icon03 .hexInner {background:rgba(183,19,68,1);}
.hexList li.icon04 .hexInner {background:rgba(183,19,68,0.95);}
.hexList li.icon05 .hexInner {background:rgba(234,50,77,0.95);}
.hexList li.icon06 .hexInner {background:rgba(234,0,0,0.95);}
.hexList li.icon07 .hexInner {background:rgba(234,0,0,0.95);}
.hexList li.icon08 .hexInner {background:rgba(234,0,0,0.95);}
.hexList li.icon09 .hexInner {background:rgba(219,25,53,0.95);}
.hexList li.icon10 .hexInner {background:rgba(248,35,66,0.95);}
.hexList li.icon11 .hexInner {background:rgba(183,19,68,0.95);}
.hexList li.icon12 .hexInner {background:rgba(234,50,77,0.95);}

.hexList li a:hover {background:#ea0000 !important; transition:all 0.5s;}


.creator_list .moreBtn {margin:30px auto 0;}

.closeBtn {position:fixed; top:40px; right:5%; z-index:9999999; opacity:0; visibility:hidden; transition:all 1s;}
.closeBtn.on {opacity:1; visibility:visible; transition:all 1s; transition-delay:0.5s;}
#imgPop {position:fixed; top:0; left:50%; max-width:85%; height:0; z-index:999999; box-sizing:border-box; opacity:0; visibility:hidden; overflow:hidden; transition:all 1s; transform:translateX(-50%);}
#imgPop.visible {opacity:1; visibility:visible; height:100%; transition:all 1s;}
#imgPop .pop_in {position:fixed; width:100%;height:100%; opacity:0; visibility:hidden; position:relative; top:-50px;}
#imgPop.visible .pop_in {opacity:1; visibility:visible; position:relative; top:0; transition-delay:0.5s;}
#imgPop .pop_in .scrollWrap {height:100%; /* overflow-y:scroll; */}
#imgPop .pop_in .scrollWrap img {display:block; margin:0 auto; max-width:100%;}
#imgPop .mCSB_scrollTools {height:calc(100% - 20px); margin:10px 0;}
#imgPop .mCSB_scrollTools .mCSB_draggerRail {width:4px !important; background:rgba(255,255,255,0.2) !important; }
/**** Management ****/



/**** ADS ****/
.solution_list {box-sizing:border-box; width:1111px; display:flex; flex-wrap:wrap; justify-content: center; margin:110px auto 0;}
.solution_list dl {text-align:center;}
.solution_list dl dt {position:relative; z-index:10; width:222px; height:222px; padding:45px 15px; box-sizing:border-box;}
.solution_list dl dt::before {content:''; width:1px; height:100px; opacity:0.4; background:#b71344; position:absolute; bottom:-80px; left:50%; z-index:-1;}
.solution_list dl dt::after {content:''; width:9px; height:9px; border:2px solid #b71344; box-sizing:border-box; position:absolute; bottom:-80px; left:50%; margin-left:-4px; border-radius:100%; background:#fff; z-index:-1;}
.solution_list dl dt .shape {position:absolute; top:0; left:0; z-index:-1; display:block; width:100%; height:100%; background:#b71344; border-radius:30px; border:4px solid #fff; box-sizing:border-box; transform:rotate(45deg); box-shadow:0 5px 30px rgba(0,0,0,0.12);}
.solution_list dl dt .shape::After {content:''; width:92%; height:92%; border:1px dashed rgba(255,255,255,0.45); box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:20px;}
.solution_list dl dt img {}
.solution_list dl dt h4 {font-size:1.176rem; color:#fff; letter-spacing:-0.5pt; font-weight:500; line-height:1.2; margin:20px 0 0;}
.solution_list dl dd {letter-spacing:-0.5pt; line-height:1.8; padding:100px 0 0;}

.solution_list dl.two dt .shape {background:#db1935; transform:rotate(75deg);}
		.solution_list dl.two dt::before {background:#db1935;}
		.solution_list dl.two dt::after {border:2px solid #db1935; }
.solution_list dl.three dt .shape {background:#de0000; transform:rotate(25deg);}
		.solution_list dl.two dt::before {background:#de0000;}
		.solution_list dl.two dt::after {border:2px solid #de0000; }
.solution_list dl.four dt .shape {background:#b71364;}
		.solution_list dl.two dt::before {background:#b71364;}
.solution_list dl.two dt::after {border:2px solid #b71364; }
.solution_list dl.five dt .shape {background:#f82342; transform:rotate(75deg);}
		.solution_list dl.two dt::before {background:#f82342;}
.solution_list dl.two dt::after {border:2px solid #f82342; }


.inquiry_cont {background:url('/storage/sub/img/inquiry_bg.jpg')no-repeat center / cover;}
.apply_cont {background:#ededed;}
.inquiry_cont .inquiry {display:flex; flex-wrap:wrap;}
.inquiry_cont .inquiry .textArea {width:50%; }
.inquiry_cont .inquiry .textArea .sub_title {text-align:left !important;}
.inquiry_cont .inquiry .textArea .bold_txt {text-align:left !important;}
.inquiry_cont .inquiry .textArea .stxt {text-align:left !important; color:rgba(255,255,255,0.7);}
.apply_cont .inquiry .textArea .stxt {color:#777;}
.inquiry_cont .inquiry .form {width:50%;}
/**** ADS ****/



/**** COMMERCE ****/
.ani_effect{position:relative; top:50px; opacity:0; transition:all 0.7s linear;}
.ani_effect.action{top:0; opacity:1; transition:all 0.7s linear; transition-delay:0s;}
.ani_effect.delay1.action{transition-delay:0.3s;}

.commerce_Wrap {background:#111;}
.commerce_Wrap::before {content:''; width:100%; height:100vh; position:fixed; top:0; left:0; opacity:0.4; background:url('/storage/img/subtop_commerce.jpg')no-repeat center / cover;}
.commerce_Wrap #bbs_visual .subtop_txt h2 {color:#fff !important;}
.commerce_Wrap #bbs_visual .subtop_txt p {color:rgba(255,255,255,0.7);}


.commerce {padding:130px 0 150px;}
.commerce_list dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 130px; width:100%;}
.commerce_list dl:last-child {margin:0 0 0px;}
.commerce_list dl dt {width:50%; box-shadow:0 8px 30px rgba(0,0,0,0.28);}
.commerce_list dl dt img {max-width:100%;}
.commerce_list dl dd {width:50%; padding-right:80px; box-sizing:border-box;}
.commerce_list dl dd h4 {font-size:1.765rem; color:#fff; font-weight:500; letter-spacing:0.3pt; line-height:1.3;}
.commerce_list dl dd p {letter-spacing:-0.5pt; line-height:1.8; color:rgba(255,255,255,0.7); margin:18px 0 45px;}
.commerce_list dl dd .moreBtn {margin:0;}

.commerce dl:nth-child(2n) dt {order:1;}
.commerce dl:nth-child(2n) dd {order:2; padding-right:0; padding-left:80px;}

.commerce_bbs {padding:130px 0 0;}
.commerce_bbs h4 {font-size:1.765rem; text-align:center; color:#fff; font-weight:500; letter-spacing:-0.7pt; line-height:1.3; margin:0 0 35px;}
.commerce_bbs .moreBtn {margin:30px auto 0;}
.commerce_bbs .bbs_list {display:flex; flex-wrap:wrap;}
.commerce_bbs .bbs_list dl {width:calc((100% - 60px) / 4); margin-right:20px; margin-bottom:20px; position:relative; overflow:hidden; position:relative; background:#222;}
.commerce_bbs .bbs_list dl:nth-child(4n) {margin-right:0;}
.commerce_bbs .bbs_list dl dt img {width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 0.5s;}
.commerce_bbs .bbs_list dl:hover dt img {opacity:0.8; transition:all 0.5s;}

.commerce_pop {position:fixed; top:30%; right:50%; z-index:99999999999999999; transition:all 1s; transform:translate(50%,-50%); display:flex; flex-wrap:wrap; align-items: center; opacity:0; visibility:hidden;}
.commerce_pop.visible {top:50%; opacity:1; visibility:visible; transition-delay:0.5s;}
.commerce_pop .video_pop_in {}
.tiktok-embed {min-width: auto !important; border-radius:10px; overflow:hidden;}

.bbs_mask {position:fixed;  z-index:99999999;  background-color:rgba(0,0,0,0.9);  right:0; top:0; height:100%; width:0; transition:all 0.8s ease-in-out; cursor:pointer; overflow:hidden;}
.bbs_mask .closeBtn {position:absolute; top:50px; right:5%; z-index:9999999999999; }
.bbs_mask.visible {width:100%; transition:all 0.8s ease-in-out;}
.bbs_mask.visible .closeBtn { visibility:visible; opacity:1; transition-delay:0.5s;}

 .youtubeWrap {
 	width:1340px;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;}
.youtubeWrap iframe {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
/**** COMMERCE ****/



/**** LOCATION ****/
#daumRoughmapContainer1661382189668 {height:550px;}
#daumRoughmapContainer1661382189668 .wrap_map {height:inherit;}
.wrap_controllers {display:none;}
.location_cont .loca_info {position:relative; }
.location_cont .loca_info .btnWrap {font-size:0; position:absolute; right:0; top:0; transform:translateY(-50%); z-index:90;}
.location_cont .loca_info .btnWrap a {display:inline-block; width:80px; height:80px; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.2); transition:all 0.5s;}
.location_cont .loca_info .btnWrap a.detailBtn {border-radius:20px 10px 20px 10px; background:#006dea url('/storage/sub/img/detail.png')no-repeat center; margin-right:8px;}
.location_cont .loca_info .btnWrap a.printBtn {border-radius:10px 20px 10px 20px; background:#fff url('/storage/sub/img/print.png')no-repeat center;}

.location_cont .loca_info .btnWrap a {box-shadow:0 0 20px rgba(0,0,0,0.4); transition:all 0.5s;}
.location_cont .loca_info .btnWrap a.detailBtn:hover {background: #005eea url('/storage/sub/img/detail.png')no-repeat center; transition:all 0.5s;}
.location_cont .loca_info .btnWrap a.printBtn:hover {background:#f2f2f2 url('/storage/sub/img/print.png')no-repeat center; transition:all 0.5s;}

.location_cont .loca_txt {padding:70px 140px 0 0; display:flex; flex-wrap:wrap; justify-content: space-between; box-sizing:border-box;}
.location_cont .loca_txt dl {}
.location_cont .loca_txt dl dt {font-family:'urbane', 'Noto Sans KR', sans-serif; line-height:1; font-size:1.176rem; color:#111; letter-spacing:0.3pt; font-weight:500; margin:0 0 10px;}
.location_cont .loca_txt dl dd {}
.location_cont .loca_txt dl dd p {display:inline-block; padding-left:25px; box-sizing:border-box; margin-right:20px;}
.location_cont .loca_txt dl dd p.tel {background:url('/storage/sub/img/tel.png')no-repeat top 7px left;}
.location_cont .loca_txt dl dd p.fax {background:url('/storage/sub/img/fax.png')no-repeat top 6px left; margin-right:0;}
.location_cont .loca_txt dl.address dd, .location_cont .loca_txt dl.email dd {padding-left:23px; box-sizing:border-box;}
.location_cont .loca_txt dl.address dd {background:url('/storage/sub/img/address.png')no-repeat top 8px left; letter-spacing:-0.4pt; color:#666;}
.location_cont .loca_txt dl.email dd {background:url('/storage/sub/img/email.png')no-repeat top 8px left;}
/**** LOCATION ****/


/**** PRODUCTION ****/
.grayBox {background:#f0f0f0;}
.pro_intro {display:flex; flex-wrap:wrap; align-items:center;}
.pro_intro .imgArea {width:50%;}
.pro_intro .imgArea img {max-width:100%;}
.pro_intro .textArea {width:50%; text-align:left !important; padding-left:90px; box-sizing:border-box;}
.pro_intro.right .imgArea {order:2;}
.pro_intro.right .textArea {order:1; padding-left:0; padding-right:90px;}

.pro_intro .textArea h3 {font-size:1.765rem; font-weight:500; color:#222; letter-spacing:-0.7pt; line-height:1.2;}
.pro_intro .textArea h4 {font-size:1.176rem; color:#222; font-weight:300; letter-spacing:-0.5pt; line-height:1.6; margin:10px 0 20px;}
.pro_intro .textArea p {color:rgba(34,34,34,0.7); letter-spacing:-0.5pt; line-height:1.8;}
.pro_intro .textArea .moreBtn {margin:40px 0 0;}

.product_list {display:flex; flex-wrap:wrap; margin:0 0 100px;}
.product_list dl {text-align:center; margin-right:20px; border:1px solid #ddd; box-sizing:border-box; width:calc((100% - 60px) / 4); padding:55px 20px; background:#fff;}
.product_list dl:last-child {margin-right:0;}
.product_list dl dt {}
.product_list dl dd {}
		.product_list dl dd h4 {font-size:1.176rem; color:#222; font-weight:500; letter-spacing:-0.5pt; line-height:1; margin:25px 0 15px;}
		.product_list dl dd p {font-size:0.882rem; line-height:1.6; font-weight:400; letter-spacing:-0.5pt;}


.team_cont {display:flex; flex-wrap:wrap;}
.team_cont dl {width:calc((100% - 20px) / 2); margin-right:20px; background:#fff;}
.team_cont dl:last-child {margin-right:0;}
.team_cont dl dt {text-align:center; font-size:1.176rem; color:#fff; background:#b71344; padding:30px 20px; box-sizing:border-box; font-weight:500; letter-spacing:-0.4pt; line-height:1.3;}
.team_cont dl:last-child dt {background:#db1935;}
.team_cont dl dt img {margin-right:30px;}
.team_cont dl dd {padding:32px 50px; box-sizing:border-box;}
.team_cont dl dd p {padding-left:10px; box-sizing:border-box; position:relative; font-size:0.882rem; letter-spacing:-0.5pt; font-weight:400; margin:0 0 5px;}
.team_cont dl dd p::after {content:''; width:3px; height:3px; background:#aaa; position:absolute; top:12px; left:0;}
.team_cont dl dd p:last-child {margin:0;}

.production_cont01 .commerce_bbs {padding:100px 0 0;}
.production_cont03 .cont_tit {font-size:1.765rem; font-weight:500; color:#222; letter-spacing:-0.8pt; line-height:1.4; margin:90px 0 40px; text-align:center;}
.production_cont04 .sub_title {margin:0 0 60px;}
.production_cont04 .product_list dl {border:1px solid #fff;}
/**** PRODUCTION ****/

.marquee__wrapper {overflow:hidden; position:relative; margin:0 0 90px;}
.marquee__wrapper ul {width:2040px;}
.marquee__wrapper ul:last-child {position:absolute; left:2040px; top:0;}
.marquee__wrapper:hover .marquee__list {-webkit-animation-play-state:paused; animation-play-state:paused;}

.business_area {}
.business_area ul {display:flex;}
.business_area ul li {margin-right:20px; background:rgba(17,17,17,0.9); text-align:center; width:320px; padding:35px 20px; box-sizing:border-box;}
.business_area ul li h4 {font-family:'urbane', 'Noto Sans KR', sans-serif; font-size:1.176rem; color:#fff; letter-spacing:0.3pt; line-height:1.3; font-weight:500; margin:20px 0 15px; word-break: keep-all;}
.business_area ul li p {color:rgba(255,255,255,0.7); font-weight:400; letter-spacing:-0.5pt; line-height:1.6; font-size:0.882rem; word-break: keep-all;}



.marquee__list {
 -webkit-animation:marquee 30s linear infinite;
 animation:marquee 30s linear infinite
}

@-webkit-keyframes marquee {
 0% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 to {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}
@keyframes marquee {
 0% {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 to {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
 }
}

.marquee__wrapper .own_cont_in:last-child {position:absolute; left:5440px; top:0;}
.own_cont_in {display:flex; width:5440px; -webkit-animation:marquee 80s linear infinite;  animation:marquee 80s linear infinite; animation-direction: reverse;}
.own_cont_in dl {width:660px; display:flex; flex-wrap:wrap; border:1px solid #ddd; box-sizing:border-box; align-items:center; margin-right:20px; padding:35px 0;}
.own_cont_in dl dt {width:240px; padding:0 15px; box-sizing:border-box;}
.own_cont_in dl dt img {display:block; max-width:100%; margin:0 auto; }
.own_cont_in dl dd {width:calc(100% - 240px); padding-right:40px; box-sizing:border-box;}
.own_cont_in dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.5pt; font-weight:500; line-height:1.2; margin:0 0 10px;}
.own_cont_in dl dd p {font-size:0.882rem; font-weight:400; letter-spacing:-0.5pt; line-height:1.6;}


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;}

/* õ¸íÈ£Ãß°¡(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}






/*******************************************************************************
	@media ~1400px
*******************************************************************************/
@media all and (max-width:1400px) {


.commerce_list dl dd {padding-right:40px;}
.commerce_list dl:nth-child(2n) dd {padding-left:40px;}
.commerce_list dl dd br {display:none;}

.youtube_pop  {width:90%}
 .youtubeWrap {width:100%;}


/**** PRODUCTION ****/
.production_cont01 .textArea p br {display:none;}
.production_cont02 .textArea p br {display:none;}

.pro_intro .textArea {padding-left:50px;}
.pro_intro.right .textArea {padding-right:50px;}

.product_list dl br {display:none;}



}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) {


.location_cont .loca_txt {display:block;}
.location_cont .loca_txt dl {margin:0 0 40px;}
.location_cont .loca_txt dl:last-child {margin:0;}

}
/*******************************************************************************
	@media ~1200px
*******************************************************************************/
@media all and (max-width:1200px) {

.stxt br {display:none;}

.hexList {width:515px; height:806px;}
.hexList li {position:absolute; }
.hexList li a {padding:30px 15px; box-sizing:border-box;}
.hexList li a img {display:block; margin:0 auto;}
.hexList li a span {font-size:1.176rem; display:block; font-weight:500; color:#fff; letter-spacing:-0.5pt; line-height:1; margin:15px 0 0;}
.hexList li.icon01 {top:0; left:160px; }
.hexList li.icon02 {top:90px; left:0; margin-left:0;}
.hexList li.icon03 {top:90px; right:0;}
.hexList li.icon04 {top:182px; left:50%; margin-left:-100px;}
.hexList li.icon05 {top:272px; left:0;}
.hexList li.icon06 {top:272px; right:0;}
.hexList li.icon07 {top:364px; right:50px; margin-right:107px;}
.hexList li.icon08 {bottom:182px; left:0;}
.hexList li.icon09 {bottom:182px; left:auto; righT:0; margin-left:0;}
.hexList li.icon10 {bottom:90px; right:160px;}
.hexList li.icon11 {bottom:0; left:320px;}
.hexList li.icon12 {bottom:0; right:320px;}


/**** ADS ****/
.solution_list {width:666px;}
.solution_list dl:nth-child(-n+3) {margin-bottom:50px;}

.inquiry_cont .inquiry .textArea {width:35%; padding-right:30px; box-sizing:border-box;}
.inquiry_cont .inquiry .form {width:65%;}
/**** ADS ****/



}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) {


/**** ¼­ºêž °øÅë ****/
.subtop_txt br {display:none;}
.subtop_txt h2 {font-size:3.4rem;}

.subtop_txt img {width:130px; margin:30px auto 0;}
.subtop_txt .line_txt {display:block; margin:20px 0 0;}
.subtop_txt .line_txt i {font-size:1.4rem;}
.subtop_txt .line_txt i::after {width:calc(100% + 20px); left:-10px;}
/**** ¼­ºêž °øÅë ****/



/**** ADS, MCN ****/
#visual .subtop_txt {position:absolute; top:50%; width:90%; left:50%; transform:translate(-50%,-50%); z-index:99;}
#visual .subtop_txt h3 {margin:15px 0 10px;}
/**** ADS, MCN ****/


/**** PRODUCTION ****/
.pro_visual_txt h2 {width:460px;}
.pro_visual_txt h2 span {font-size:4.4rem;}

.circle_text dl::after {width:125px; height:125px;}
.circle_text dl dt {font-size:1rem;}

.circle_text dl.one {right:0; top:-70px;}
.circle_text dl.one::after {top:-65px; left:-70px;}
.circle_text dl.two {left:0; bottom:-30px;}
.circle_text dl.two::after {top:-40px; left:-45px;}
.circle_text dl.three {right:0; bottom:-69px;}
.circle_text dl.three::after {bottom:-40px; right:-40px;}
/**** PRODUCTION ****/


.sub_title {font-size:2rem;}
.sub_title.font30 {font-size:1.5rem; margin:0 0 30px;}
.bold_txt {font-size:1.15rem; margin:10px 0 0;}
.bold_txt br {display:none;}
.stxt {margin:10px 0 50px;}
.stxt br {display:none;}



/**** Management ****/
.service {width:600px; height:380px; background-size:100%; padding-right:13px;}
.service > div {width:calc((100% - 245px) / 2);}
.service > div.two {width:245px;}
.service > div.one img {width:100px;}
.service > div.three img {width:50px;}
.service > div.three span {font-size:1.1rem; margin:15px 0 0;}

.service_ad .ad_list dl {width:calc((100% - 40px) / 5); margin-right:10px; padding:35px 10px;}
.service_ad .ad_list dl dt img {max-width:50px; max-height:50px;}
.service_ad .ad_list dl dd h4 {font-size:1.1rem; margin:16px 0 6px;}

.promotion_ad dl a {padding:35px 10px;}
/**** Management ****/




/**** ADS ****/
.solution_list dl dt {width:180px; height:180px; padding:34px 15px;}
.solution_list dl dt::before {bottom:-60px;}
.solution_list dl dt::after {bottom:-60px;}
.solution_list dl dt h4 {font-size:1.1rem; margin:15px 0 0;}
.solution_list dl dt img {max-height:55px;}
.solution_list dl dd {padding:80px 0 0;}

.inquiry_cont .inquiry .textArea {width:100%; padding-right:0; box-sizing:border-box;}
.inquiry_cont .inquiry .form {width:100%;}

.inquiry_cont .inquiry .textArea .sub_title {text-align:center !important;}
.inquiry_cont .inquiry .textArea .bold_txt {text-align:center !important;}
.inquiry_cont .inquiry .textArea .stxt {text-align:center !important;}


.photo_list dl {width:calc((100% - 30px) / 4); margin-right:10px; margin-bottom:10px;}
/**** ADS ****/


/**** COMMERCE ****/
.commerce {padding:80px 0 120px;}
.commerce_list dl {margin-bottom:100px; }
.commerce_list dl dd {padding-right:30px; }
.commerce_list dl:nth-child(2n) dd {padding-left:30px;}
.commerce_list dl dd p {margin:10px 0 30px;}

.commerce_bbs {padding:100px 0 0;}
.commerce_bbs .bbs_list dl {width:calc((100% - 40px) / 3);}
.commerce_bbs .bbs_list dl:nth-child(4n) {margin-right:20px;}
.commerce_bbs .bbs_list dl:nth-child(3n) {margin-right:0px;}
/**** COMMERCE ****/


.location_cont .loca_txt {display:block; padding:50px 0 0;}
.location_cont .loca_txt dl {margin:0 0 30px;}
.location_cont .loca_txt dl:last-child {margin:0;}
.location_cont .loca_txt dl dt {font-size:1.1rem;}
.location_cont .loca_info .btnWrap a.printBtn {display:none;}


.location_cont .loca_txt dl dd p.tel {background:url('/storage/sub/img/tel.png')no-repeat top 7px left / 14px;}
.location_cont .loca_txt dl dd p.fax {background:url('/storage/sub/img/fax.png')no-repeat top 6px left / 14px;}
.location_cont .loca_txt dl.address dd, .location_cont .loca_txt dl.email dd {padding-left:20px; box-sizing:border-box;}
.location_cont .loca_txt dl.address dd {background:url('/storage/sub/img/address.png')no-repeat top 7px left / 12px;}
.location_cont .loca_txt dl.email dd {background:url('/storage/sub/img/email.png')no-repeat top 8px left / 14px;}


.pro_intro .textArea {padding-left:30px;}
.pro_intro.right .textArea {padding-right:30px;}
.pro_intro .textArea h3 {font-size:1.3rem;}

.team_cont dl dt {padding:20px;}
.team_cont dl dt img {width:40px; margin-right:20px;}
.team_cont dl dd {padding:30px 20px;}

.product_list dl {padding:30px 15px;}
.product_list dl dt img {max-width:50px;}

.marquee__wrapper {margin:0 0 70px;}
.marquee__wrapper ul {width:1710px;}
.marquee__wrapper ul:last-child {left:1710px;}
.business_area ul li {width:265px; padding:25px 20px;}
.business_area ul li img {height:46px;}
.business_area ul li h4 {margin:15px 0 10px; font-size:1rem;}


.marquee__wrapper .own_cont_in:last-child {left:4160px; }
.own_cont_in {width:4160px;}
.own_cont_in dl {width:500px; padding:15px 0;}
.own_cont_in dl dt {width:160px; padding:0 20px; box-sizing:border-box;}
.own_cont_in dl dt img {max-width:80%;}
.own_cont_in dl dd {width:calc(100% - 160px); padding-right:20px;}
.own_cont_in dl dd h4 {font-size:1.1rem; margin:0 0 6px;}




}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) {


.pro_intro {display:block;}
.pro_intro .imgArea {width:100%;}
.pro_intro .textArea {width:100%; padding-left:0; margin:35px 0 0;}
.pro_intro.right .textArea {padding-right:0;}
.pro_intro .textArea h3 {font-size:1.3rem;}
.pro_intro .textArea h4 {margin:5px 0 10px; font-size:1.1rem; }
.pro_intro .textArea .moreBtn {margin:30px 0 0;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {

#header.fixed {top:0;}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
 /*  #visual .subtopBg {height:-webkit-fill-available;} */
}

/**** ¼­ºêž °øÅë ****/
.subtop_txt h2 {font-size:2.2rem;}

.subtop_txt img {width:100px; margin:20px auto 0;}
.subtop_txt .line_txt {display:block; margin:15px 0 0;}
.subtop_txt .line_txt i {font-size:1.2rem;}
.subtop_txt .line_txt i::after {width:calc(100% + 20px); left:-10px;}
/**** ¼­ºêž °øÅë ****/


/**** ADS, MCN ****/
#visual .subtop_txt {position:absolute; top:50%; width:90%; left:50%; transform:translate(-50%,-50%); z-index:99;}
#visual .subtop_txt h3 {margin:15px 0 10px;}

.sub_scroll {padding-bottom:50px; font-size:10px;}
.sub_scroll .bar {height:40px;}
.sub_scroll .bar::before {animation: 1.2s linear infinite scroll_bar;}
.sub_scroll .bar::after {animation: 1.2s linear infinite scroll_ani;}

@keyframes scroll_ani {
0%, 100% {bottom:0;}
50% {bottom:35px;}
}
/**** ADS, MCN ****/


/**** PRODUCTION ****/
.pro_visual_txt h2 {width:275px;}
.pro_visual_txt h2 span {font-size:3rem;}

.circle_text dl::after {width:80px; height:80px;}
.circle_text dl dt {font-size:1rem;}

.circle_text dl.one {right:0; top:-85px;}
.circle_text dl.one::after {top:-30px; left:-40px;}
.circle_text dl.two {left:0; bottom:-55px;}
.circle_text dl.two::after {top:-18px; left:-30px;}
.circle_text dl.three {right:-20px; bottom:-120px;}
.circle_text dl.three::after {bottom:-20px; right:-40px;}
/**** PRODUCTION ****/


#bbs_visual {padding:120px 5% 40px;}


.sub_title {font-size:1.8rem;}
.sub_title.font30 {font-size:1.3rem; margin:0 0 20px;}
.bold_txt {font-size:1.1rem; margin:6px 0 0;}
.stxt {margin:6px 0 35px;}

.moreBtn {width:120px;}
.moreBtn span{line-height:36px; transition: all 0.3s; padding:0 13px; box-sizing:border-box;  background:url('/storage/img/downArrow.png')no-repeat top 50% right 13px; font-size:11px; background-size:8px !important;}
.moreBtn:hover span{background:url('/storage/img/downArrow_w.png')no-repeat top 50% right 13px;}
.moreBtn.white span {color:#fff; background:url('/storage/img/downArrow_w.png')no-repeat top 50% right 13px;}

.moreBtn.link span {background:url('/storage/sub/img/link_icon_b.png')no-repeat top 50% right 13px; background-size:10px !important;}
.moreBtn.link:hover span {background:url('/storage/sub/img/link_icon.png')no-repeat top 50% right 13px;}
.moreBtn.link.white span {background:url('/storage/sub/img/link_icon.png')no-repeat top 50% right 13px;}
.moreBtn.more span {background:url('/storage/img/moreArrow.png')no-repeat top 50% right 13px;}



/**** Management ****/
.service {display:block; width:420px; height:600px; background-size:100%; padding-right:0; padding-left:2px; background:url('/storage/sub/img/manage_bg01_m.png')no-repeat left top / 100%;}
.service > div {width:100%; height:175px;}
.service > div.two {width:100%; height:calc(100% - 350px); padding:69px 75px; box-sizing:border-box;}
.service > div.two p:first-child {display:block;}
.service > div.two p {display:inline-block; margin:0 10px; line-height:2;}
.service > div.one {padding:71px 0; box-sizing:border-box;}
.service > div.one img {width:85px;}
.service > div.three {padding:50px 0; box-sizing:border-box;}
.service > div.three img {width:45px;}
.service > div.three span {font-size:1rem; margin:12px 0 0;}

.service_ad .ad_list {justify-content: center;}
.service_ad .ad_list dl {width:calc((100% - 20px) / 3); margin-right:10px; padding:25px 10px; margin-bottom:10px; }
.service_ad .ad_list dl:nth-child(3n) {margin-right:0;}
.service_ad .ad_list dl dt img {max-width:50px; max-height:50px;}
.service_ad .ad_list dl dd h4 {margin:16px 0 6px;}

.promotion_ad dl a {padding:25px 10px;}

.hexList li {width:120px; height: 100px;}
.hexList li img {max-width:50px;}
.hexList li .hex1, .hexList li .hex2 {width: 120px; height:100px;}
.hexList li .hexInner {width: 120px; height:100px;}


.hexList {width:300px; height:485px;}
.hexList li {position:absolute; }
.hexList li a {padding:15px 10px; box-sizing:border-box;}
.hexList li a span {font-size:1.1rem; margin:5px 0 0;}
.hexList li.icon01 {top:0; left:50%; margin-left:-60px;}
.hexList li.icon02 {top:54px; left:0; margin-left:0;}
.hexList li.icon03 {top:54px; right:0;}
.hexList li.icon04 {top:110px; left:50%; margin-left:-60px;}
.hexList li.icon05 {top:165px; left:0;}
.hexList li.icon06 {top:165px; right:0;}
.hexList li.icon07 {top:220px; right:50px; margin-right:40px;}
.hexList li.icon08 {bottom:113px; left:0;}
.hexList li.icon09 {bottom:113px; left:auto; righT:0; margin-left:0;}
.hexList li.icon10 {bottom:60px; right:50%; margin-right:-60px;}
.hexList li.icon11 {bottom:5px; left:0;}
.hexList li.icon12 {bottom:5px; right:0;}

#imgPop .closeBtn {position:absolute; top:30px; right:15px;}
/**** Management ****/



/**** ADS ****/
.solution_list {width:420px; margin:60px auto 0;}
.solution_list dl:nth-child(-n+3) {margin-bottom:30px;}
.solution_list dl dt {width:140px; height:140px; padding:28px 10px;}
.solution_list dl dt::before {bottom:-40px;}
.solution_list dl dt::after {bottom:-40px;}
.solution_list dl dt h4 {font-size:1.1rem; margin:10px 0 0;}
.solution_list dl dt img {max-height:40px;}
.solution_list dl dd {padding:55px 0 0;}

.cate_tab { margin:10px 0 45px;}
.cate_tab li {margin:5px 10px;}
.cate_tab li a {font-size:1.12rem;}
.cate_tab li a::after {content:''; width:calc(100% + 6px);  left:-2px;}

.photo_list dl {width:calc((100% - 10px) / 2);}
.photo_list dl:nth-child(2n) {margin-right:0;}
/**** ADS ****/


/**** COMMERCE ****/
.commerce {padding:60px 0 100px;}
.commerce_list dl {margin-bottom:80px;}
.commerce_list dl dt {width:100%;  order:2 !important; margin:40px 0 0;}
.commerce_list dl dd {width:100%; order:1 !important; padding:0 !important;}
.commerce_list dl dd h4 {font-size:1.3rem;}
.commerce_list dl dd p {margin:10px 0 22px;}

.commerce_bbs {padding:80px 0 0;}
.commerce_bbs h4 {font-size:1.3rem; margin:0 0 20px;}
.commerce_bbs .bbs_list dl {width:calc((100% - 15px) / 2); margin-bottom:15px; margin-right:15px;}
.commerce_bbs .bbs_list dl:nth-child(4n) {margin-right:15px;}
.commerce_bbs .bbs_list dl:nth-child(3n) {margin-right:15px;}
.commerce_bbs .bbs_list dl:nth-child(2n) {margin-right:0px;}
/**** COMMERCE ****/


#daumRoughmapContainer1661382189668 {height:350px;}
.location_cont .loca_txt {padding:40px 0 0;}
.location_cont .loca_info .btnWrap a {width:60px; height:60px; background-size:20px !important;}
.location_cont .loca_txt dl {margin:0 0 20px;}
.location_cont .loca_txt dl dd p {padding-left:20px;}

.location_cont .loca_txt dl dd p.tel {background:url('/storage/sub/img/tel.png')no-repeat top 2px left / 14px;}
.location_cont .loca_txt dl dd p.fax {background:url('/storage/sub/img/fax.png')no-repeat top 1px left / 14px;}
.location_cont .loca_txt dl.address dd, .location_cont .loca_txt dl.email dd {padding-left:20px; box-sizing:border-box;}
.location_cont .loca_txt dl.address dd {background:url('/storage/sub/img/address.png')no-repeat top 3px left / 12px;}
.location_cont .loca_txt dl.email dd {background:url('/storage/sub/img/email.png')no-repeat top 3px left / 14px;}


.team_cont dl {width:100%; margin-right:0; margin-bottom:15px;}
.team_cont dl dt {padding:15px; font-size:1.1rem;}
.team_cont dl dt img {width:25px; margin-right:10px;}
.team_cont dl dd {padding:15px;}
.team_cont dl dd p::after {top:7px;}

.product_list {margin:0 0 50px;}
.product_list dl {width:calc((100% - 15px) / 2); padding:20px 10px; margin-right:15px; margin-bottom:15px;}
.product_list dl:nth-child(2n) {margin-right:0;}
.product_list dl dt img {max-width:40px;}
.product_list dl dd h4 {margin:20px 0 10px;}

.production_cont01 .commerce_bbs {padding:50px 0 0;}
.production_cont03 .cont_tit {font-size:1.3rem; margin:50px 0 30px;}
.production_cont04 .sub_title {margin:0 0 30px;}


.marquee__wrapper {margin:0 0 50px;}
.marquee__wrapper ul {width:1260px;}
.marquee__wrapper ul:last-child {left:1260px;}
.business_area ul li {width:200px; padding:20px 13px; margin-right:10px;}
.business_area ul li img {height:38px;}
.business_area ul li h4 {margin:15px 0 5px; font-size:1rem;}

.marquee__wrapper .own_cont_in:last-child {left:3280px; }
.own_cont_in {width:3280px;}
.own_cont_in dl {width:400px; padding:10px 0; margin-right:10px;}
.own_cont_in dl dt {width:120px; padding:0 10px; box-sizing:border-box;}
.own_cont_in dl dt img {max-width:80%;}
.own_cont_in dl dd {width:calc(100% - 120px); padding-right:15px;}
.own_cont_in dl dd h4 {font-size:1.1rem; margin:0 0 5px;}

}
/*******************************************************************************
	@media 361~460px
*******************************************************************************/
@media all and (max-width:460px) {

.circle_text dl.three {right:40px; bottom:-120px;}

/**** Management ****/
.service {display:block; width:280px; height:400px; padding-left:2px;}
.service > div {height:118px;}
.service > div.two {width:100%; height:calc(100% - 236px); padding:15px 50px; box-sizing:border-box;}
.service > div.two p:first-child {display:block;}
.service > div.two p {display:inline-block; margin:0 6px; line-height:2;}
.service > div.one {padding:46px 0;}
.service > div.one img {width:65px;}
.service > div.three {padding:32px 0;}
.service > div.three img {width:30px;}
.service > div.three span {font-size:0.8rem; margin:10px 0 0;}

.service_ad .ad_list dl {width:calc((100% - 10px) / 2); margin-right:10px; padding:25px 10px;}
.service_ad .ad_list dl:nth-child(3n) {margin-right:10px;}
.service_ad .ad_list dl:nth-child(2n) {margin-right:0;}
.service_ad .ad_list dl dt img {max-width:45px; max-height:45px;}
.service_ad .ad_list dl dd h4 {margin:12px 0 5px;}

.promotion_ad dl a {padding:25px 10px;}
/**** Management ****/


/**** ADS ****/
.solution_list {width:300px;}
.solution_list dl:last-child {margin-top:30px;}
.solution_list dl dt {width:130px; height:130px; padding:22px 10px;}
.solution_list dl dt::before {bottom:-35px;}
.solution_list dl dt::after {bottom:-35px;}
.solution_list dl dt h4 {font-size:1.1rem; margin:10px 0 0;}
.solution_list dl dt img {max-height:40px;}
.solution_list dl dd {padding:44px 0 0; box-sizing:border-box;}
/**** ADS ****/


}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) {





}