@charset "utf-8";
@import url("font.css");
@import url("remixicon.css");

/* Default Layout */
#wrap {width:100%; }
.blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;overflow:hidden;clip:rect(0, 0, 0, 0);}
.layout_fix { width:1440px; margin:0 auto; }

/* 메인컬러 */
.purple { color:#7e118e; }
::selection {background:rgba(106, 17, 174, 0.3);}

/*메뉴*/
.toparea {display:block; width:100%; height:auto; margin:0 auto; text-align:center; border-bottom:1px solid #e0e0e0; position:relative; }
.toparea::after { content:""; position:absolute; top:109px; left:0; width:100%; height:70px; background:#fff; z-index:2; display:none; }
.toparea.menuOn::after {display: block;}
.toparea .layout_fix { position:relative; max-width:1440px; margin: auto; display:flex; align-items:center; width:100%; height:108px; }
.toparea .topmenu { display: flex; justify-content: space-between; width: 100%;}
.toparea .logo { display:flex; align-items:center; width:340px; padding:0; }
.toparea .logo a { color:#39373a; font-size:24px; font-weight:900; letter-spacing:-2px; }

.toparea .topmenu .gnb { display:flex; justify-content:center; position:relative; margin-bottom:0; z-index:10; margin-left: auto; }
.toparea .topmenu .gnb ul { display:flex; align-items:center; justify-content:space-between; gap:43px; width:auto; height:100%; }
.toparea .topmenu .gnb li { list-style:none; display:inline-block; position:relative; }
.toparea .topmenu .gnb li a {display: block; }
.toparea .topmenu .gnb li a { display:flex; align-items:center; position:relative; padding:41px 10px; color:#000; font-size:20px; letter-spacing:-0.5px; font-weight:500; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;}
.toparea .topmenu .gnb > li:hover > a,
.toparea .topmenu .gnb > li .menu_list li:hover > a { color:#7e118e; }
.toparea .topmenu .gnb .menu_list { display:none; position:absolute; top:109px; left:50%; margin-left:-150px; width:300px; }
.toparea .topmenu .gnb .topmenu_3 .menu_list { width:700px; margin-left:-350px; }
.toparea .topmenu .gnb .menu_list > li {}
.toparea .topmenu .gnb .menu_list > li a { font-size:18px; color:#000; text-align: center; line-height:1.2; padding:23px 10px; gap: 15px; }

.toparea .topmenu .right { display:flex; margin-left:52px; }
.toparea .topmenu .right > ul { position:relative; min-width:150px; display:flex; justify-content:flex-end; gap:5px; align-items:center; }
.toparea .topmenu .right > ul li a { border:2px solid #d6d6d6; border-radius:20px; padding:2px 17px; display:block; }
/* .toparea .topmenu .right > ul .log { font-size:0; }
.toparea .topmenu .right > ul .ri-login-box-line::before {
	content:"\eed4";
	font-family:'remixicon';
	font-size:18px;
	color:#aeaeae;
	border:2px solid #d6d6d6;
	border-radius:50%;
	padding:5px 6px 5px 5px;
	text-align:center;
} */
.toparea .topmenu .right > ul li:hover a { background:#000; border-color:#000; color:#fff; }
.toparea.menuOn::after {display: block;}
/* .toparea .topmenu .gnb li:hover .menu_list { display:block; } */


#header .header_mo { display:none; }
.allMenu {width:30px;height:30px;z-index:999;overflow:hidden; transition: background-color 0.5s ease; font-size:0; }
/* .allMenu::before {right:10px;width:30px;height:3px;background-color:#fff; content:'';position:absolute; top:10px; transition: background-color 0.5s ease; } */
.allMenu i { position:relative; display:block; height:100%; }
.allMenu i::before {
	content:"\ef34";
	font-family:'remixicon';
	font-size:27px;
	color:#000;
	position: absolute;
    top: 0;
    right: 0;
}


/* 메인 슬라이드 */
.slider-container { position:relative; width:100%; margin:auto; overflow:hidden; /*max-width:1920px;*/ }
.slider-container .inner { display:inline-block; width:100%; background:url(/production/images/new/bg_visual.png) right top -40px no-repeat; padding-top:123px; height:300px; }
.slider_txt { float:left;  }
.slider_txt span { display:block; font-size:44px; color:#1f1f1f; letter-spacing:-2.5px; }
.slider_txt span b,
.slider_txt span:last-child { font-weight:900; }
.slider_control { display:inline-block; float:right; padding-top:90px; }
.scrollbar-container { float:left; position:relative; }
.scrollbar { width:170px; height:3px; background-color:#ddd; /* position:absolute; bottom:0; left:0; */ margin:10px 0 0 30px; position:relative; }
.scrollbar .progress { height:3px; background-color:#242424; position:absolute; top:0; left:0; }
.slide-count { display:inline-block; width:230px; margin-top:-9px; }
.slide-count span { font-size:12px; color:#242424; font-weight:900; }
.slide-count .current-slide { float:left; }
.slide-count .total-slides { float:right; }
.navigation-buttons { float:left; margin:-3px 0 0 15px; }
.navigation-buttons button { cursor:pointer; font-size:0; margin:0 2px; }
.navigation-buttons .ri-arrow-left-line::before {
	content:"\ea60";
	font-family:'remixicon';
	font-size:14px;
	color:#7f7f7f;
}
.navigation-buttons .ri-arrow-right-line::before {
	content:"\ea6c";
	font-family:'remixicon';
	font-size:14px;
	color:#7f7f7f;
}
.navigation-buttons button:hover .ri-arrow-left-line::before,
.navigation-buttons button:hover .ri-arrow-right-line::before, 
#toggle-play:hover .ri-pause-fill::before,
#toggle-play:hover .ri-play-fill::before { color:#000; }

.navigation-buttons .playBox { display:flex; align-items:center; }
.navigation-buttons .stopPlay span { font-size:0; }
.ri-pause-fill::before,
.ri-play-fill::before { font-size:16px; color:#7f7f7f; }

.navigation-buttons button:hover .ri-arrow-left-line::before,
.navigation-buttons button:hover .ri-arrow-right-line::before { color:#000; }

.slider { display:flex; transition:transform 0.5s ease; }
.slide { min-width:100%; overflow:hidden; }
.slide img { width:100%; height:auto; }

/* 타이틀 공통 */
.conTitle { display:inline-block; width:100%; }
.conTitle .title { float:left; }
.conTitle .title h3 { font-size:34px; color:#7e118e; font-weight:900; letter-spacing:-1px; }
.conTitle .title span { font-size:20px; letter-spacing:-1px; padding-top:13px; display:block; }
.titleBtn {
	float:right;
    box-sizing: border-box;
    overflow: hidden;
    height:50px;
    transition: all .1s;
    border:2px solid #b0b0b0;
    background: transparent;
    font-size:20px;
    border-radius:50px;
    line-height:47px;
    color:#656565;
    max-width: calc(100% - 10px);
    position: relative;
    z-index: 1;
	padding:0 30px 0 20px;
	margin-top:33px;
}
.titleBtn:before {
	content:'';
	z-index:-1;
	position:absolute;
	bottom:0%;
	left:50%;
	background:#9434de;
	width:410px;
	height:410px;
	margin-left:-200px;
	margin-bottom:-410px;
	transform-origin:50% 48%;
	border-radius:43%;
	transition-duration:1.5s;
	transition-property:margin-bottom;
	transition-timing-function:ease;
}
.titleBtn:hover { border:2px solid #9434de; color:#fff; }
.titleBtn:hover:before{ margin-bottom:-310px; animation:rotate 2000ms infinite linear; }
.titleBtn i::before {
	content:"\ea13";
	font-family:'remixicon';
	font-size:18px;
	color:#656565;
    top:1px;
	right:10px;
    position: absolute;
    font-size:18px;
}
.titleBtn:hover i::before { color:#fff; }
.titleBtn > a { display:block;font-size:0;background:transparent;text-decoration:none;position:absolute;top:1px;left:1px;bottom:1px;right:1px; }

/* 독립제작사 신고서비스 */
.notify-service { padding:120px 0 95px; }
.notify-service .list { margin-top:85px; }
.notify-service .list ul { display:flex; justify-content:space-between; align-items:center; gap:5px; }
.notify-service .list li {  }
.notify-service .list li a { display:block; position:relative; padding:3px 5px 5px; }
.notify-service .txt-box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center; padding:0 50px; }
.notify-service .txt-box span { display:block; }
.notify-service .txt-box .txt { font-size:26px; color:#fff; font-weight:600; padding-top:25px; }
.notify-service .txt-box .txt b { font-weight:600; }
.notify-service .list li a::after {
	content:"";
	background:url(/production/images/new/over_service.png) center top no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}
.notify-service .txt-box .sub-txt {  font-size:20px; color:#fff; letter-spacing:-0.5px; word-break:keep-all; position:relative; padding-top:85px; text-align:center; display:none; }
.notify-service .txt-box .sub-txt::after {
	content:"";
	background:#fff;
	position:absolute;
	top:20px;
	left:50%;
	width:1px;
	height:53px;
}
.notify-service .list li:hover a::after,
.notify-service .list li:hover .sub-txt { display:block; }

/* 메인 변경 241101  */
.shutdown { background:#9434de url(/production/images/new/main_deco1.png) right 14% center no-repeat; height:135px; border-radius:20px; margin-top:80px; position:relative; }
.shutdown a {display:block;}
.shutdown::before { content:""; position:absolute; top:61px; right:5%; width:23px; height:22px; background:url(/production/images/new/main_deco2.png) center no-repeat; }
.shutdown dl { display:inline-block; padding:0 100px; }
.shutdown dt { float:left; font-size:26px; font-weight:600; color:#fff; line-height:135px; position:relative; padding-right:30px; margin-right:30px; }
.shutdown dt::before { content:""; position:absolute; top:61px; right:0; width:1px; height:14px; background:#c984ff; }
.shutdown dd { float:left; font-size:22px; color:#f2e4fd; line-height:135px; }


/* 카드뉴스 */
.card-news { background:#f9f9f9; padding:100px 0 95px; }
.card-news .list { margin-top:70px; }
.card-news .list ul { display:flex; justify-content:space-between; align-items:center; }
.card-news .list li { width:25%; }
.card-news .list li a {display:block;}
.card-news .list dl { padding-right:15px; margin-top:35px; }
.card-news .list span {display:inline-block;width:100%;}
.card-news .list .tit {margin-top:35px;  font-size:26px; color:#232323; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; letter-spacing:-1px; font-weight:600; }
.card-news .list .date { font-size:19px; color:#757575; padding-top:9px; letter-spacing:-1px; }
.card-news .list li:hover span { text-decoration:underline; }

/* 게시판 그룹 */
.board-box { display:inline-block; width:100%; padding:100px 0 95px; }
.board-box .title { font-size:34px; color:#232323; font-weight:900; letter-spacing:-1px; position:relative; width:100%; display:block; }
.board-box .title i::before {
	content:"\ea13";
	font-family:'remixicon';
	font-size:34px;
	color:#232323;
    top:1px;
	right:25px;
    position: absolute;
}
.board-box .notice { float:left; width:50%; padding-right:30px; }
.board-box .faq { float:left; width:50%; padding-left:30px; }
.board-box .new { background:#7e118e; color:#fff; font-size:26px; font-weight:600; padding:0 15px 1px; border-radius:10px; margin-right:12px; }
.board-box dl { width:100%; padding:0 150px 0 5px; margin-top:53px; }
.board-box .faq dl { padding-right:50px; }
.board-box dt { font-size:26px; color:#232323; font-weight:600; letter-spacing:-1px; }
.board-box dd { font-size:20px; color:#7e7e7e; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; margin-top:19px; min-height:52px; }
.board-box dd a { font-size:inherit; color:inherit; }
.board-box .date { font-size:19px; color:#7e7e7e; padding-top:25px; min-height:auto; }
.board-box dl:hover dd { text-decoration:underline; }
.board-box dl:hover .date { text-decoration:none; }
.board-box ul { border-top:2px solid #ccc; margin-top:44px; }
.board-box li { border-bottom:1px solid #ccc; position:relative; padding:36px 170px 36px 30px; }
.board-box li a { font-size:22px; color:#232323; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; }
.board-box li span { font-size:19px; color:#7e7e7e; position:absolute; top:40px; right:35px; }
.board-box li:hover { background:#f8f8f8; }

/* 제작사 조회하기 */
.production-inquiry { background:#009e6a url(/production/images/new/bg_inquiry.jpg) center top no-repeat; display:inline-block; width:100%; padding:75px 0 85px; }
.production-inquiry .boardsch { display:flex; justify-content:space-between; align-items:center; }
.production-inquiry h3 { font-size:34px; color:#fff; font-weight:900; letter-spacing:-1px; float:left; }
.production-inquiry .boardschbox { display:flex; justify-content:space-between; }
.production-inquiry .box { display:flex; margin-left:40px; }
.production-inquiry li { margin:0 8px; }
.production-inquiry li .optionbox,
.production-inquiry li .inpbox { float:none; height:fit-content; border:none; background-color: transparent; }
.production-inquiry select,
.production-inquiry input { background:none; border:2px solid #fff; border-radius:50px; font-size:22px; color:#fff; padding:20px 25px; }
.production-inquiry input { min-width:350px; }
.production-inquiry input::-webkit-input-placeholder { color:#fff !important; }
.production-inquiry select option { color:#7e7e7e; }
.production-inquiry .optionbox { position:relative; }
.production-inquiry .optionbox::after {
	content:"\ea4d";
	font-family:'remixicon';
	font-size:20px;
	color:#fff;
    top:50%;
	right:24px;
    position: absolute;
	margin-top:-11px;
	border:none;
	width: auto;
    height: auto;
}
.production-inquiry .optionbox select { min-width:190px; }
.production-inquiry li:first-child .optionbox select { min-width:220px; }
.production-inquiry .input .inpbox { float:left; }
.production-inquiry .input button { border-radius:50px; font-size:22px; border:2px solid #000; color:#fff; padding:20px 65px 20px 35px; background:#000;  position:relative; margin-left:20px; }
.production-inquiry .input button::after {
	content:"\f0d1";
	font-family:'remixicon';
	font-size:22px;
	color:#fff;
    top:50%;
	right:34px;
    position: absolute;
	margin-top:-14px;
}
.production-inquiry .input button:hover { border:2px solid #fff; background:rgba(255,255,255,0.3); color:#fff; }




/* footer */
#footer { background:#000; }
#footer .f_menu { border-bottom:1px solid #4b4b4b; display:flex; justify-content:space-between; align-items:center; padding:30px 0 20px; }
#footer .f_menu .menu { font-size: 18px; color: #fff; letter-spacing: -0.5px;  border: 1px solid #fff; padding: 2px 17px 3px; }
#footer .dropdown { position:relative; display:inline-block;  }
#footer .dropdown button { background:#313131; font-size:16px; color:#b3b3b3; width:400px; height:55px; line-height:55px; text-align:left; padding:0 30px; position:relative; }
#footer .dropdown button::before {
	content:"\ea4e";
	font-family:'remixicon';
	font-size:22px;
	color:#b3b3b3;
	position:absolute;
	right:30px;
}
#footer .dropdown-content { display:none; position:absolute; background-color:#f1f1f1; width:100%; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; }
#footer .dropdown-content a { color:#000; padding:10px 30px; text-decoration:none; display:block; font-size:14px; }
#footer .dropdown-content a:hover { background-color:#ddd; }
#footer .dropdown button:hover { color:#fff; }
#footer .dropdown .dropbtn:hover { background-color:#038d61; }
#footer .dropdown .dropbtn.active::before { content:"\ea78"; }
/* #footer .dropdown:hover button::before { content:"\ea78"; }
#footer .dropdown:hover .dropdown-content { display:block; }
#footer .dropdown button.active::before {
    content: "\ea78";
}*/


#footer .f_info { display:flex; justify-content:space-between; padding:20px 0 60px; }
#footer .f_logo { display:flex; align-items:center; }
#footer .f_logo li:first-child { margin-right:20px; }
#footer .left .info { margin-top:30px; }
#footer .left .info li { font-size:16px; color:#b3b3b3; letter-spacing:-0.5px; line-height:1.5; }
#footer .left .info span { float:none; padding-right:20px; }
#footer .right { text-align:right; }
#footer .right .num { font-size:35px; color:#fff; font-weight:600; letter-spacing:-0.5px; display:inline-block; padding-right:36px; }
#footer .right .num span { float:left; }
#footer .right .num span:first-child { font-size:18px; color:#009e6b; letter-spacing:-0.5px; margin:13px 13px 0 0; }
#footer .right .info { padding:7px 0 0 95px; }
#footer .right dl { clear:both; text-align:left; position:relative; }
#footer .right dt,
#footer .right dd { font-size:16px; color:#fff; letter-spacing:-0.5px; line-height:1.5; padding:1px 0; }
#footer .right dt { position:absolute; top:0; left:0;  }
#footer .right dd { padding-left:75px; }
#footer .right dl:last-child dt:first-letter { letter-spacing:16px; }


/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1100; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.on {display: block;}
.popup {z-index: 1100; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 0;}
.popup .modal_close {position: absolute; top: 25px; right: 30px; width: 18px; height: 18px;}
.popup .modal_close::after, .popup .modal_close::before {content: ''; position: absolute; left: -3px; top: 9px; width: 25px; height: 1px; background-color: #fff;}
.popup .modal_close::after {transform: rotate(-45deg);}
.popup .modal_close::before {transform: rotate(45deg);}
.popup .popup_title {padding: 20px 30px; background-color: #525967;}
.popup .popup_title h3 {color: #fff; font-size: 22px; font-weight: 600;}
.popup .popup_title.type2 {padding: 8px 20px;}
.popup .popup_title.type2 h3 {font-size: 14px; font-weight: 400;}
.popup .popup_title.type2 .modal_close {top: 12px; right: 20px;}
.popup .popup_inner {padding: 20px; border: 1px solid #acacac; border-top: 0;}
.popup .popup_inner .boardwrite tbody tr th {padding: 10px 20px; font-size: 14px;}
.popup .popup_inner .boardwrite tbody tr td {padding: 10px;}
.popup .popup_inner .boardwrite tbody tr td .inpbox {width: 100%; height: 30px;}
.popup .popup_inner .button_box {margin-top: 20px;}
.popup.password {width: 420px;}
.popup.password .popup_inner {display: flex; flex-wrap: wrap; justify-content: center; height: 250px; align-items: center;}
.popup.password .popup_inner .password_box p {margin-bottom: 25px; text-align: center;}
.popup.password .popup_inner .password_box .inpbox {margin: 0 auto; float: inherit; width: 240px;}
.popup.password .popup_inner .password_box .color_red {margin-top: 10px; margin-bottom: 0; font-size: 14px;}
.popup.main {transform: translate(0, 0);}
/* .popup.main .popup_title {background-color: #3088ef;} */
.popup.main .popup_inner {border: 0;}
.popup.main .bottom {display: flex; justify-content: space-between; padding: 7px 20px; border-top: 1px solid #acacac;}
.popup.main .bottom .check_box input[type=checkbox] + label {font-size: 15px;}

/*에러페이지*/
.error {overflow-x: auto; position: fixed; display: flex; align-items: center; width: 100%; height: 100%;}
.error .error_box {padding: 50px 30%; width: 100%; min-width: 1240px; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error .error_box button {padding: 10px 20px; margin-right: 5px; color: #fff; font-size: 13px;}


.error_area {overflow: hidden; padding: 100px 0 70px; background-color: #f8f8f9;} /* border-bottom: 1px solid #d0d0d0; */
.error_area .error_box {padding: 50px 30%; width: 100%; min-width: 1240px; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error_area .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error_area .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error_area .error_box button {padding: 10px 20px; margin-right: 5px; color: #fff; font-size: 13px;}

.bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start.active,
.bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop.active{display:none;}


/* 반응형 - media qurey 시작 */

@media all and (max-width:1440px){
	.layout_fix { width:1280px; }
	.toparea .layout_fix { max-width:1280px; }
	.board-box li { padding: 36px 140px 36px 15px; }
	.board-box li span { right:15px; }
	.card-news .list ul { gap:5px; }
	.production-inquiry h3 { word-break: keep-all; }
	.production-inquiry .boardsch { align-items:normal; }
	.production-inquiry .box { margin-left:0; }
	.production-inquiry .optionbox select,
	.production-inquiry li:first-child .optionbox select { min-width:150px; }
	.production-inquiry input { min-width: 300px; }
	.production-inquiry select,
	.production-inquiry input { font-size:18px; padding:15px 20px; }
	.production-inquiry .input button { padding:15px 65px 15px 35px; font-size:18px; }
	.production-inquiry .input button::after { margin-top:-12px; }
}
@media all and (max-width:1300px){
	.card-news .list ul { display:inline-block; width:100%; margin:0 -3px; }
	.card-news .list li { float:left; padding:0 3px }
}
@media all and (max-width:1280px){
	.layout_fix { width:100%; padding:0 10px; }
	.toparea .layout_fix { max-width:100%; padding:0 10px; }
}
@media all and (max-width:1220px){
	.production-inquiry { text-align:center; padding:35px 0 45px; }
	.production-inquiry .boardsch { display:inline-block; }
	.production-inquiry h3 { float:none; margin-bottom:15px; }
	
	.notify-service .txt-box .txt b { display: block; line-height: 1;}
}
@media all and (max-width:1140px){
	.toparea .topmenu .gnb,
	.toparea .topmenu .right { display:none; }
	#header .header_mo { display:block; }
	.slider-container .inner { padding-top:70px; height:210px; }
	.slider_txt span { font-size:38px; }
	.conTitle .title h3 { font-size:28px; }
	.conTitle .title span { font-size:18px; padding-top:5px; }
	.titleBtn { font-size:18px; height: 40px; line-height:37px; margin-top:24px; }
	.notify-service { padding:80px 0 65px; }
	.notify-service .list { margin-top:45px; }
	.notify-service .txt-box .txt { font-size:23px; }
	.shutdown { height:100px; margin-top: 40px; }
	.shutdown::before { top:40px; }
	.shutdown dl { padding:0 50px; }
	.shutdown dt { line-height:100px; font-size: 23px; }
	.shutdown dd { line-height:100px; font-size: 20px; }
	.shutdown dt::before { top:46px; }
	.card-news { padding:70px 0 55px; }
	.card-news .list { margin-top:45px; }
	.card-news .list dl { margin-top:20px; }
	.card-news .list .tit { margin-top:20px;font-size:22px; }
	.card-news .list .date { font-size:17px; padding-top:4px; }
	.board-box { padding:60px 0 65px; }
	.board-box .title { font-size:28px; }
	.board-box .title i::before { font-size:28px; top:4px; }
	.board-box ul { margin-top:35px; }
	.board-box li { padding:25px 140px 25px 15px; }
	.board-box li a { font-size:18px; }
	.board-box li span { font-size:18px; top:26px; }
	.board-box dl { padding:0 50px 0 5px; margin-top:40px; }
	.board-box dt { font-size:22px; }
	.board-box .new { font-size:22px; }
	.board-box dd { font-size:18px; margin-top:14px; min-height:45px; }
	.board-box .date { font-size:17px; padding-top:15px; }
	.production-inquiry h3 { font-size:28px; }
	.production-inquiry select,
	.production-inquiry input { padding:12px 20px; }
	.production-inquiry .input button { padding:12px 65px 12px 35px; }
	#footer .dropdown button { height:45px; line-height:45px; width:300px; padding:0 15px; }
	#footer .dropdown button::before { right:15px; }
	#footer .f_logo li img { width:90%; }
	#footer .f_logo li:first-child { margin-right:0; }
	#footer .left .info span { display:block; padding-right:0; line-height:1.3; }
	#footer .right .num { font-size:30px; }
}
@media all and (max-width:1000px){
	.production-inquiry .optionbox select,
	.production-inquiry li:first-child .optionbox select { min-width:120px; }
	.production-inquiry .optionbox::after { right:10px; }
	.production-inquiry select,
	.production-inquiry input { font-size:16px; padding:12px 15px; }
	.production-inquiry .input button { font-size:16px; padding:12px 45px 12px 25px; }
	.production-inquiry .input button::after { font-size:18px; margin-top:-9px; right:20px; }
	.card-news .list li img { width:100%; }
}
@media all and (max-width:900px){
	.notify-service .txt-box { padding:0 30px; }
	.production-inquiry .boardsch { width:100%; }
	.production-inquiry .box { display:inline-block; width:500px; margin:0 auto; }
	.production-inquiry li { float:left; width:150px;  }
	.production-inquiry .optionbox select,
	.production-inquiry li:first-child .optionbox select { width:100%; }
	.production-inquiry li:last-child { clear:both; width:100%; margin-top:10px; }
	.production-inquiry .input button { float:left; }
	.production-inquiry input { min-width:360px; }
	.board-box dt { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; overflow:hidden;}
	
	.shutdown { padding-top:16px; }
	.shutdown dl { padding:0 80px 0 30px; }
	.shutdown dt { float:none; line-height:1.5; }
	.shutdown dt::before { display:none; }
	.shutdown dd { float:none; line-height:1.5; word-break: auto-phrase; }

	/* 호버값 리셋 */
	.navigation-buttons button:hover .ri-arrow-left-line::before,
	.navigation-buttons button:hover .ri-arrow-right-line::before { color:inherit; }
	.titleBtn:hover { border:2px solid #b0b0b0; color:inherit; }
	.titleBtn:before { display:none; }
	.titleBtn:hover:before{ border:inherit; color:inherit; animation:none; }
	.titleBtn:hover i::before { color:inherit; }
	.notify-service .list li:hover::after,
	.notify-service .list li:hover .sub-txt { display:none; }
	.card-news .list li:hover dt,
	.card-news .list li:hover dd { text-decoration:none; }
	.board-box dl:hover dd { text-decoration:none; }
	.board-box li:hover { background:inherit; }
	.production-inquiry .input button:hover { border:2px solid #000; background:#000; color:#fff; }
}
@media all and (max-width:767px){
	.toparea .logo a { font-size:20px; }
	.slider_txt span { font-size:26px; }
	.slider_control { padding-top:50px; }
	.slider-container .inner { padding-top:45px; height:140px; background-size:50%; }
	.conTitle .title h3 { font-size:22px; }
	.conTitle .title span { font-size:17px; padding-top:2px; }
	.titleBtn { font-size:15px; height:34px; line-height:33px; border:1px solid #b0b0b0; padding:0 26px 0 15px; margin-top:16px; }
	.titleBtn i::before { top:0px; right:8px; font-size:16px; }
	.notify-service { padding:80px 0 45px; }
	.notify-service .list { margin-top:25px; }
	.notify-service .txt-box .txt { font-size:19px; }
	.notify-service .txt-box .icon img { width:80%; }
	.shutdown { padding-top: 20px; margin-top: 20px; }
	.shutdown dt { font-size: 19px; }
	.shutdown dd { font-size: 17px; }
	.card-news { padding:40px 0; }
	.card-news .list { margin-top:30px; }
	.card-news .list dt { font-size:17px; }
	.card-news .list dd { font-size:15px; padding-top:2px; }
	.board-box { padding:40px 0 45px; }
	.board-box .notice { padding-right:15px; }
	.board-box .faq { padding-left:15px; }
	.board-box .title { font-size:22px; }
	.board-box .title i::before { font-size:23px; top:2px; right:15px; }
	.board-box dl { padding: 0 20px 0 5px; margin-top:25px; }
	.board-box dt { font-size:19px; }
	.board-box .new { font-size:19px; margin-right:7px; }
	.board-box dd { font-size:16px; }
	.board-box .date { font-size:15px; padding-top:0; }
	.board-box ul { margin-top:15px; }
	.board-box li { padding:10px 100px 10px 10px; }
	.board-box li a { font-size:16px; }
	.board-box li span { font-size:15px; top:11px; }
	.production-inquiry { padding:25px 0 35px; }
	.production-inquiry h3 { font-size:24px; }
	.production-inquiry select,
	.production-inquiry input { padding:8px 15px; }
	.production-inquiry .input button { padding:8px 45px 8px 25px; }
	.production-inquiry .input button::after { font-size:15px; }
	#footer .dropdown button { height:35px; line-height:35px; font-size:14px; }
	#footer .f_menu { padding:15px 0 10px; }
	#footer .f_menu .menu { font-size:14px; }
	#footer .f_logo { display:inline-block; }
	#footer .f_logo li { float:left; width:50px; }
	#footer .f_logo li:first-child { width:130px; margin:3px 10px 0 0; }
	#footer .f_logo li img { width:100%; }
	#footer .left .info { margin-top:20px; }
	#footer .left .info li { font-size:13px; }
	#footer .left .info span { font-size:13px; }
	#footer .right .num { font-size:25px; }
	#footer .right .num span:first-child { font-size:15px; margin:11px 13px 0 0; }
	#footer .right .info { padding:7px 0 0 30px; }
	#footer .right dt,
	#footer .right dd { font-size:14px; }
	#footer .right dd { padding-left:53px; }
	#footer .right dl:last-child dt:first-letter { letter-spacing:13px; }
}
@media all and (max-width:670px){
	.slider-container .inner { height:160px; }
	.slider_txt { float:none; }
	.slider_control { padding-top:15px;  }
	.notify-service .txt-box .txt { font-size:16px; word-break:auto-phrase; }
	.notify-service .txt-box span { text-align:center; }
	.notify-service .txt-box .icon img { width:60%; }
	.board-box .notice { float:none; width:100%; padding-right:0; }
	.board-box .faq { float:none; width:100%; margin-top:40px; padding-left:0; }
	.board-box dd { min-height:auto; }
}
@media all and (max-width:620px){
	.shutdown { height: 103px; padding-top: 13px; }
	.shutdown dt { font-size: 17px; }
	.shutdown dd { line-height: 1.2; padding-top: 5px; font-size: 16px;}
}
@media all and (max-width:600px){
	.card-news .list dt { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:auto-phrase; white-space: break-spaces; }
}
@media all and (max-width:500px){
	.toparea .layout_fix { height:85px; }
	.slider_txt span { font-size:22px; }
	.slider-container .inner { background-size:70%; }
	.conTitle .title { width:300px; }
	.conTitle .title h3 { font-size:19px; }
	.conTitle .title span { font-size:14px; word-break:keep-all; }
	.titleBtn { font-size:12px; height:25px; line-height:25px; margin-top:4px; }
	.titleBtn i::before { font-size:14px; }
	.notify-service { padding:50px 0 25px; }
	.notify-service .list { margin-top:15px; }
	.notify-service .txt-box .txt { font-size:14px; padding-top:10px; }
	.notify-service .txt-box .icon img { width:50%; }
	.shutdown { height: 88px; }
	.shutdown::before { width: 15px; height: 14px; background-size: 100%; }
	.shutdown dl { padding: 0 80px 0 20px; }
	.shutdown dt { font-size: 14px; }
	.shutdown dd { font-size: 14px; }
	.card-news { padding:25px 0; }
	.card-news .list { margin-top:20px; }
	.card-news .list dl { margin-top:5px; }
	.card-news .list .tit {margin-top:10px; font-size:15px; line-height:1.2; }
	.card-news .list .date { font-size:13px; }
	.board-box { padding:25px 0 45px; }
	.board-box .faq dl { padding-right:15px; }
	.board-box .title { font-size:19px; }
	.board-box .title i::before { font-size:20px; top:0; }
	.board-box dl { margin-top:15px; padding:0 15px 0 0; }
	.board-box dt { font-size:17px; }
	.board-box .new { font-size:17px; padding:0 13px 1px; }
	.board-box dd { font-size:15px; margin-top:10px; }
	.board-box li { padding:5px 90px 5px 10px; }
	.board-box li a { font-size:14px; }
	.board-box li span { font-size:14px; top:5px; }
	.production-inquiry .boardsch { text-align:center; }
	.production-inquiry .box { width:auto; }
	.production-inquiry h3 { font-size:21px; }
	.production-inquiry li { width:130px; margin:0 3px; }
	.production-inquiry select,
	.production-inquiry input { font-size:14px; }
	.production-inquiry .optionbox::after { right:5px; }
	.production-inquiry .input .inpbox { float:none; margin-left:-6px; }
	.production-inquiry .inpbox input { min-width:400px; }
	.production-inquiry .input button { float:none; margin:10px 0 0 -4px; width:400px; }
	.production-inquiry .input button::after { margin-top:-8px; right:173px; }
	#footer .dropdown button { height:30px; line-height:30px; font-size:12px; width:200px; padding:0 10px; }
	#footer .dropdown button::before { right:5px; }
	#footer .f_info { display:inline-block; width:100%; text-align:center; margin-top:10px; }
	#footer .left .info span:nth-of-type(2) { padding-right:10px; }
	#footer .left .info span:nth-of-type(2),
	#footer .left .info span:nth-of-type(3) { display:inline; }
	#footer .right { text-align:center; margin-top:15px; }
	#footer .right .num { padding-right:0; }
	#footer .right .info { padding:1px 0 0 0; width:250px; margin:0 auto; }
}
@media all and (max-width:430px){
	.production-inquiry li { margin:5px 3px 0; }
	.production-inquiry li:last-child { margin-top:5px; }
	.production-inquiry .boardschbox { display:inline-block; text-align:center; width: min-content; }
	.production-inquiry .input .inpbox { margin-left:0;  }
	.production-inquiry .inpbox input { min-width:270px; text-indent:0; }
	.production-inquiry .input button { width:100%; }
	.production-inquiry .input button::after { right:112px; }
	.production-inquiry select,
	.production-inquiry input { padding:5px 15px; }
}
@media all and (max-width:400px){
	.toparea .logo a { font-size:18px; }
	.slider_txt span { font-size:20px; }
	.scrollbar { width:130px; margin:10px 0 0 0; }
	.slider_control { padding-top:10px; }
	.slide-count { width:150px; }
	.slide-count .current-slide { margin-left:-20px; }
	.slider-container .inner { height:136px; }
	.conTitle .title { width:200px; }
	.conTitle .title h3 { font-size:17px; }
	.conTitle .title span { font-size:13px; padding-top:4px; }
	.notify-service .list ul { display:inline-block; width:100%; }
	.notify-service .list li { padding:5px; float:left; width:50%; margin-top:5px; overflow:hidden; }
	.card-news .list ul { margin:0; }
	.card-news .list li { width:50%; padding:5px; }
	.card-news .list dt { font-size:14px; }
	.board-box dt { font-size:16px; }
	.board-box .new { font-size:15px; }
	.board-box dd { font-size:14px; }
	.board-box .date { font-size:13px; }
	.board-box ul { margin-top:20px; }
	.board-box li { padding:5px 90px 5px 5px; }
	.board-box li a { font-size:13px; }
	.board-box li span { font-size:13px; }
	#footer .left .info span { font-size:12px; }
	#footer .right .num { font-size:22px; }
	#footer .right dt,
	#footer .right dd { font-size:13px; }
	#footer .right .info { width:220px; }
}