@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;overflow:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */
		#wrap #container {width:100%;margin:0;padding:0;}
			/* #container 안의 레이아웃 */
		#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
		#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:110px 0 150px 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
		#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */

			/* #content */
		#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
		#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
		#content .sub_content:after {clear:both;content:"";display:block;}
			/* 컨텐츠 전체 가로 사이즈 */
		.w_custom {width:1300px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}

	@media only screen and (max-width:1350px) {
		.w_custom{width:100%;padding-left:30px;padding-right:30px;}
	}
	@media only screen and (max-width:1230px) {
		#contents_wrap{width:calc(100% - 60px);}
	}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1024px) {
		#contents_wrap{width:calc(100% - 30px);}
		#contents_wrap #side_box {padding: 85px 0 0 0;}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
	}
	@media only screen and (max-width:767px) {
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
	}
	@media only screen and (max-width:640px) {
		.w_custom{padding-left:15px;padding-right:15px;}
		#contents_wrap #contents_box{padding-bottom:100px;}
	}
	@media only screen and (max-width:479px) {
	}
	@media only screen and (max-width:320px) {
		.w_custom {padding-left:10px;padding-right:10px;}
		#contents_wrap{width:calc(100% - 20px);}
	}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#header{width:100%;position: fixed;top:0;left:0;background:transparent;box-sizing:border-box;z-index:20;overflow:visible;}
	#header .header_cont{width:100%;box-sizing:border-box;position: relative;}
	#header .header_cont:after{clear:both;content:"";display: block;}
	#header .header_cont .hd_logo{display: inline-block;box-sizing:border-box;position: absolute;left:74px;top:28px;width:184px;height:44px;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd-logo.png')no-repeat left center;background-size:auto 100%;font-size:0;}
	#header .header_cont .hd_lnb{width:auto;display:inline-block;box-sizing:border-box;text-align:center;margin-right:49px;}
	#header .header_cont .hd_lnb > li{padding:0 43px;display: inline-block;box-sizing:border-box;vertical-align:top;position: relative;height:100px;}
	#header .header_cont .hd_lnb > li > a{font-size:18px;color:#fff;font-weight:700;letter-spacing:-0.03em;position:relative;padding-bottom:12px;line-height:100px;}
	#header .header_cont .hd_lnb > li > a:before{width:5px;height:5px;content:"";background:#006bb5;box-sizing:border-box;border-radius:100%;;position: absolute;top:-4px;right:-11px;display: none;}
	#header .header_cont .hd_lnb .lnb_dep2{display:none;width:150px;background:#fff;position:absolute;left:50%;top:90%;transform:translate(-50%);box-sizing:border-box;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);z-index:5;padding:20px 15px 25px 15px;text-align: center;}
	#header .header_cont .hd_lnb .lnb_dep2 li{line-height:20px;}
	#header .header_cont .hd_lnb > li:nth-child(2) .lnb_dep2 {display: none !important;}
	#header .header_cont .hd_lnb .lnb_dep2 li + li{margin-top:19px;}		
	#header .header_cont .hd_lnb .lnb_dep2 li a{font-size:16px;color:#666;font-weight:500;font-family:'Noto Sans KR';}
	#header .header_cont .hd_lnb .lnb_dep2 li:hover a{color:#006bb5;}

	#header .hd_right{float: right;vertical-align: top;display: flex;align-items: center;padding-right:71px;}
	#header .hd_right .hd_gnb, #header .hd_right .menu-trigger{display: inline-block;box-sizing:border-box;vertical-align: top;}
	#header .hd_right .menu-trigger{width:26px;height:23px;position: relative;margin-left:24px;vertical-align: middle;}
	#header .hd_right .menu-trigger span{width:100%;height:3px;display: inline-block;box-sizing:border-box;position: absolute;left:0;background:#fff;transition:all 0.5s;}
	#header .hd_right .menu-trigger.active-1 span{transition:all 0.5s;}
	#header .hd_right .menu-trigger span:nth-child(1){top:0;}
	#header .hd_right .menu-trigger span:nth-child(2){top:10px;}
	#header .hd_right .menu-trigger span:nth-child(3){bottom:0;}

	#header .hd_right .hd_lang{position:relative;display: inline-block;vertical-align: middle;}
	#header .hd_right .hd_lang dt{position:relative;font-size:18px;font-weight:600;color:#fff;display: flex;cursor: pointer;}
	#header .hd_right .hd_lang dt span{display: flex;font-size:inherit;font-weight:inherit;color:inherit;padding-right:28px;align-items: center; }
		#header .hd_right .hd_lang dt span:before{display:inline-flex; content:''; width:25px; height:25px; background:url('../images/skin/icon-global.png') no-repeat center;background-size:auto 100%;margin-right:10px; transition:all 0.4s;}
		#header .hd_right .hd_lang dt span:after{position:absolute;content:'';top:11px;right:0;border-top:4px solid #ddd;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;transition:all 0.4s;opacity:0.7;}
		#header .hd_right .hd_lang dt.on span:after{transform:rotate(180deg);top:10px;}
	#header .hd_right .hd_lang dd{display:none;text-transform:uppercase;position:absolute;top: calc(100% + 5px);left:50%;width: 100%;transform:translateX(-50%);text-align: center;background: #fff;border: 1px solid #ddd;box-sizing: border-box;}
	#header .hd_right .hd_lang dd ul{padding: 11px 16px;}
	#header .hd_right .hd_lang dd ul li{}
	#header .hd_right .hd_lang dd ul li a{position:relative;display: inline-block;font-size: 14px;font-weight: 400;color:#333;padding: 7px 0;transition:all 0.4s;}
		#header .hd_right .hd_lang dd ul li a:before{position:absolute;content:'';width:0;height:1px;background:#a60000;left:50%;bottom: 8px;transform:translateX(-50%);transition:all 0.4s;}

	@media only screen and (min-width:1024px){
		#header:hover{background:#fff;box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
		#header:hover .header_cont .hd_lnb > li > a{color:#333;}
		#header:hover .header_cont .hd_lnb > li:hover > a, #header:hover .header_cont .hd_lnb > li.on > a{color:#006bb5;}
		#header:hover .header_cont .hd_lnb > li:hover > a:before, #header:hover .header_cont .hd_lnb > li.on > a:before{display: block;}
		#header:hover .hd_right .hd_lang dt{color:#333;}
		#header:hover .hd_right .hd_lang dt span:before{background:url('../images/skin/icon-global-ov.png') no-repeat center;background-size:auto 100%;}
		#header:hover .hd_right .hd_lang dt span:after{border-top-color:#333;}
		#header:hover .hd_right .menu-trigger span{background:#333;}
	}

	/*on*/
	#header.on{background:#fff;box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
	#header.on .header_cont .hd_lnb > li > a{color:#333;}
	#header.on .header_cont .hd_lnb > li:hover > a, #header.on .header_cont .hd_lnb > li.on > a{color:#006bb5;}
	#header.on .header_cont .hd_lnb > li:hover > a:before, #header.on .header_cont .hd_lnb > li.on > a:before{display: block;}
	#header.on .hd_right .hd_lang dt{color:#333;}
	#header.on .hd_right .hd_lang dt span:before{background:url('../images/skin/icon-global-ov.png') no-repeat center;background-size:auto 100%;}
	#header.on .hd_right .hd_lang dt span:after{border-top-color:#333;}
	#header.on .hd_right .menu-trigger span{background:#333;}

	#header.aside_hd{background:#fff;box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
	#header.aside_hd .hd_right .hd_lang dt{color:#333;}
	#header.aside_hd .hd_right .hd_lang dt span:before{background:url('../images/skin/icon-global-ov.png') no-repeat center;background-size:auto 100%;}
	#header.aside_hd .hd_right .hd_lang dt span:after{border-top-color:#333;}
	#header.aside_hd .hd_right .menu-trigger span{background:#333;}	

	@media only screen and (max-width:1300px){
		#header .header_cont .hd_logo{left:30px;}
		#header .hd_right{padding-right:30px;}
		#header .header_cont .hd_lnb{margin-right:20px;}
		#header .header_cont .hd_lnb > li{padding:0 34px;}
		#header .header_cont .hd_lnb > li > a{font-size:16px;}
	}
	@media only screen and (max-width:1024px){
		#header .header_cont{height:80px;}
		#header .header_cont .hd_logo{left:15px;top:18px;}
		#header .header_cont .hd_lnb{display: none;}
		#header .hd_right{padding-right:15px;height:100%;}
	}
	@media only screen and (max-width:640px){
		#header{z-index:100;}
		#header .header_cont .hd_logo{width:150px;height:34px;top:24px;}

		#header .hd_right .menu-trigger.active-1 span:nth-child(1){transform:rotate(-45deg);top:50%;t}
		#header .hd_right .menu-trigger.active-1 span:nth-child(2){display: none;}
		#header .hd_right .menu-trigger.active-1 span:nth-child(3){transform:rotate(45deg);bottom:auto;top:50%;}

	}
	@media only screen and (max-width:500px){
		#header .header_cont{height:60px;}
		#header .header_cont .hd_logo{height:32px;top:15px;}
		#header .hd_right .hd_lang dt{font-size:15px;}
		#header .hd_right .hd_lang dt span{padding-right:16px;;}
		#header .hd_right .hd_lang dt span:before{width:20px;height:20px;margin-right:6px;}
		#header .hd_right .hd_lang dt span:after{top:9px;}
		#header .hd_right .hd_lang dt.on span:after{top:9px;}
		#header .hd_right .hd_lang dd ul{padding:6px 6px;}
		#header .hd_right .hd_lang dd ul li a{font-size:12px;padding:5px 0;}
		#header .hd_right .menu-trigger{width:22px;height:20px;margin-left:14px;}
		#header .hd_right .menu-trigger span{height:2px;}
		#header .hd_right .menu-trigger span:nth-child(2){top:9px;}
	}

/*───────────────────────────────────────────────────────────

	 ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/* aside */
	.aside_bg{width:36%;height:100%;position: fixed;top:0;left:-35%;opacity:0;transition:all 0.5s;background:url('../images/skin/cate-bg.jpg')no-repeat center top;background-size:cover;z-index:99;}
	.aside_bg.on{left:0%;opacity:1;transition:all 0.5s;}
	.aside_bg .aside_logo{display:block;vertical-align: top;padding:29px 0 27px 72px;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;}
	#aside {top:0px;right:-64%;width:64%;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index:99;opacity:0;transition:all 0.5s;}
	#aside.on {right:0%;opacity:1;transition:all 0.5s;}

	#aside .aside_box {width:100%;height:100%;margin:0;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;display:block;font-size:0;}
	#aside .aside_box .aside_container{width:100%;height:100%;position: relative;font-size:0;}
	#aside .aside_hd{position: absolute;top:0;left:0;width:100%;height:100px;box-sizing:border-box;background:transparent;z-index:5;}
	#aside .aside_hd:after{clear:both;content:"";display: block;}
	#aside .aside_logo{display:none;vertical-align: top;padding:29px 0 28px 72px;}
	#aside .aside_logo a{display: block;width:100%;height:100%;}

	#aside .aside_right{display:flex;align-items:center;height:100%;padding-right:90px;vertical-align: top;float: right;font-size:0;}
	#aside .hd_lang{position:relative;display: inline-block;vertical-align: middle;margin-right:25px;}
	#aside .hd_lang dt{position:relative;font-size:18px;font-weight:600;color:#666;display: flex;cursor: pointer;}
	#aside .hd_lang dt span{display: flex;font-size:inherit;font-weight:inherit;color:inherit;padding-right:28px;align-items: center; }
		#aside .hd_lang dt span:before{display:inline-flex; content:''; width:25px; height:25px; background:url('../images/skin/icon-global-ov.png') no-repeat center;background-size:auto 100%;margin-right:10px; transition:all 0.4s;}
		#aside .hd_lang dt span:after{position:absolute;content:'';top:10px;right:0;border-top:4px solid #666;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;transition:all 0.4s;opacity:0.7;}
		#aside .hd_lang dt.on span:after{transform:rotate(180deg);top:13px;}
	#aside .hd_lang dd{display:none;text-transform:uppercase;position:absolute;top: calc(100% + 5px);left:50%;width: 100%;transform:translateX(-50%);text-align: center;background: #fff;border: 1px solid #ddd;box-sizing: border-box;}
	#aside .hd_lang dd ul{padding: 11px 16px;}
	#aside .hd_lang dd ul li{}
	#aside .hd_lang dd ul li a{position:relative;display: inline-block;font-size: 14px;font-weight: 400;color:#333;padding: 7px 0;transition:all 0.4s;}
		#aside .hd_lang dd ul li a:before{position:absolute;content:'';width:0;height:1px;background:#a60000;left:50%;bottom: 8px;transform:translateX(-50%);transition:all 0.4s;}

	#aside .btn_cate{display: inline-block;box-sizing:border-box;vertical-align: top;width:24px;height:24px;position: relative;}
	#aside .btn_cate a{display: block;width:100%;height:100%;position: relative;background:url('../images/skin/btn-close.png')no-repeat center;background-size:auto 100%;}

	#aside .slide_container{width:100%;height:100%;display:inline-block;box-sizing:border-box;vertical-align: top;}
	#aside .slide_box{display:flex;align-items:center;height:100%;position: relative;}
	#aside .slide_box .slidemenu{width:100%;padding:0 109px 0 127px;}
	#aside .slide_box .slidemenu > li{border-bottom:1px solid #ddd;display:flex;align-items:center;}
	#aside .slide_box .slidemenu > li:last-child{border:none;}
	#aside .slide_box .slidemenu > li > a{font-size:30px;color:#333;font-weight:700;letter-spacing:-0.84px;display: inline-block;width:138px;vertical-align: top;line-height:120px;padding-bottom:10px;}
	#aside .slide_box .slidemenu > li .depth{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(100% - 140px);padding-left:71px;margin-left:-31px;font-size:0;}
	#aside .slide_box .slidemenu > li .depth li{display: inline-block;box-sizing:border-box;vertical-align: top;margin:0 31px 10px;}
	#aside .slide_box .slidemenu > li .depth li a{font-size:20px;color:#666;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';}

	@media only screen and (min-width:1024px) {
		#aside .slide_box .slidemenu > li:hover > a{color:#006bb5;}
		#aside .slide_box .slidemenu > li .depth li:hover a{color:#333;}	
	}
	@media only screen and (max-width:1900px) {
		#aside .slide_box .slidemenu{padding:0 45px;}
	}
	@media only screen and (max-width:1650px) {
		#aside .slide_box .slidemenu > li > a{font-size:24px;width:108px;}
		#aside .slide_box .slidemenu > li .depth{width:calc(100% - 115px);padding-left:30px;}
	}
	@media only screen and (max-width:1024px) {
		.aside_bg .aside_logo{padding:22px 0 23px 20px;}
		.aside_bg .aside_logo a{height:35px;}
		.aside_bg .aside_logo img{height:100%;}
	
		#aside .aside_hd{height:80px;}
		#aside .aside_right{padding-right:30px;}
		#aside .slide_box .slidemenu{padding:0 20px;}
		#aside .slide_box .slidemenu > li > a{font-size:20px;width:88px;line-height:90px;;}
		#aside .slide_box .slidemenu > li .depth{margin-left:-10px;width:calc(100% - 80px);}
		#aside .slide_box .slidemenu > li .depth li{margin:0 10px 10px;}
		#aside .slide_box .slidemenu > li .depth li a{font-size:16px;}
	}
	@media only screen and (max-width:640px) {
		.aside_bg.on{display: none;}
		#aside{top:80px;border-top:1px solid #ddd;width:100%;right:-100%;z-index:101;}
		#aside .aside_box{overflow-y:auto;overflow-x:hidden;}
		#aside .aside_hd, #aside .aside_bnr{display: none;}
		#aside .slide_container{display: block;width:100%;margin-top:35px;height:auto;}
		#aside .slide_box{width:100%;display: block;height:auto;}
		#aside .aside_box .aside_container{height:auto;padding-bottom:200px;}
		#aside .aside_box .aside_container:before{bottom:0;right:50%;transform:translateX(50%);width:300px;height:110px;}
		#aside .slide_box .slidemenu{box-sizing:border-box;}
		#aside .slide_box .slidemenu > li{display: block;text-align: center;position: relative;box-sizing:border-box;padding:0;border:none;}
		#aside .slide_box .slidemenu > li > a{width: auto;font-size:22px;display: block;width:100%;border-bottom:1px solid #ddd;line-height:55px;}
		#aside .slide_box .slidemenu li.on > a{color:#006bb5 !important;}
		#aside .slide_box .slidemenu .icons{display: inline-block;box-sizing:border-box;position: relative;width:55px;height:55px;position: absolute;top:0;right:0;cursor:pointer;}
		#aside .slide_box .slidemenu .icons:before{width:10px;height:10px;content:"";border:1px solid #888;border-width:1px 1px 0 0;position: absolute;top:50%;left:50%;transform:translate(-50%, -86%) rotate(135deg);}
		#aside .slide_box .slidemenu li.on .icons:before{transform:translate(-50%, -41%) rotate(-45deg);border-color:#006bb5;}
		#aside .slide_box .slidemenu > li .depth{width:100%;padding:0;margin:30px 0 30px 0;display: none;}
		#aside .slide_box .slidemenu > li .depth li{display: block;margin:0;}
		#aside .slide_box .slidemenu > li .depth li + li{margin-top:20px;}
		#aside .slide_box .slidemenu > li .depth li a{font-size:18px;display: block;}

		#aside .m_multi_lang{display: block;margin-top:60px;}
		#aside .m_multi_lang ul{font-size:0;text-align: center;}
		#aside .m_multi_lang ul li{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
		#aside .m_multi_lang ul li + li{margin-left:40px;padding-left:40px;}
		#aside .m_multi_lang ul li + li:before{width:1px;height:15px;content:"";background:#ddd;position: absolute;left:0;top:4px;}
		#aside .m_multi_lang ul li a{font-size:20px;color:#888;font-weight:400;text-transform:uppercase;}
		#aside .m_multi_lang ul li.on a{color:#333;}
	}
	@media only screen and (max-width:500px) {
		#aside{top:60px;}
		#aside .slide_container{margin-top:19px;}
		#aside .slide_box .slidemenu > li > a{font-size:20px;line-height:60px;padding:0;}	
		#aside .slide_box .slidemenu .icons{width:60px;height:60px;}
		#aside .slide_box .slidemenu .icons:before{left:71%;}
		#aside .slide_box .slidemenu li.on .icons:before{transform:translate(-50%, -26%) rotate(-45deg);}
		#aside .slide_box .slidemenu > li .depth{margin:14px 0 15px 0;}
		#aside .slide_box .slidemenu > li .depth li + li{margin-top:0;}
		#aside .slide_box .slidemenu > li .depth li a{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.8px;line-height:38px;}
		#aside .m_multi_lang{margin-top:34px;}
		#aside .m_multi_lang ul li + li{margin-left:19px;padding-left:19px;}
		#aside .m_multi_lang ul li + li:before{height:11px;}
		#aside .m_multi_lang ul li a{font-size:17px;}
	}

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:#111;width:100%;margin:0;box-sizing:border-box;padding:49px 0 86px;}
	#footer .ft_content{}
	#footer .ft_content:after{clear:both;content:"";display: block;}
	#footer .ft_content > div{display: inline-block;box-sizing:border-box;vertical-align: top;}
	#footer .ft_content .info_box{margin-left:80px;}
	#footer .ft_content .info_box .info{width:calc(100% + 28px);margin-left:-14px;}	
	#footer .ft_content .info_box .info span{font-size:14px;color:#fff;font-weight:300;line-height:30px;display: inline-block;vertical-align: top;font-family:'Noto Sans KR';margin:0 14px;}
	#footer .ft_content .info_box .info span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
	#footer .ft_content .info_box .copy{font-size:14px;color:#999;font-weight:400;margin-top:30px;}
	#footer .ft_content .info_box .copy a{display:inline-block;vertical-align: top;font-size:inherit;color:inherit;font-weight:inherit;margin-left:30px;}
	#footer .ft_content .ft_gnb{float: right;text-align: right;}
	#footer .ft_content .ft_gnb ul li a{font-size:15px;color:#fff;font-weight:400;line-height:40px;}
	#footer .ft_content .ft_gnb ul li a strong{font-size:inherit;color:inherit;font-weight:500;}
	
	@media only screen and (max-width:1200px) {
		#footer .ft_content .info_box{margin-left:45px;width:50%;}
	}
	@media only screen and (max-width:1050px) {
		#footer .ft_logo img{height:46px;}
		#footer .ft_content .info_box{margin-left:30px;width:56%;}
		#footer .ft_content .info_box .copy a{display: block;margin:5px 0 0 0;}
	}
	@media only screen and (max-width:850px) {
		#footer .ft_content > .ft_logo{display: block;margin-bottom:15px;}
		#footer .ft_content .info_box{margin-left:0;width:70%;}
	}
	@media only screen and (max-width:640px) {
		#footer .ft_content .ft_gnb{float:none;display: block;text-align:left;}
		#footer .ft_content .ft_gnb ul li{display: inline-block;}
		#footer .ft_content .ft_gnb ul li + li{margin-left:20px;}
		#footer .ft_content .info_box{width:100%;}
	}
	@media only screen and (max-width:500px) {
		#footer{padding:35px 0 55px;}
		#footer .ft_logo img{height:36px;}
		#footer .ft_content .ft_gnb ul li a{font-size:13px;}
		#footer .ft_content .info_box{margin-top:10px;}
		#footer .ft_content .info_box .info{width:calc(100% + 10px);margin-left:-5px;}
		#footer .ft_content .info_box .info span{font-size:13px;margin:0 5px;line-height:24px;}
		#footer .ft_content .info_box .copy{font-size:13px;}
	}
/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#side_box {padding-bottom:1.8%;}
		#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
		#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
		#side_box .sub_menu dt,
		#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
		#side_box .sub_menu dt {display:none;}
		#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd + dd {}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd:hover a,
		#side_box .sub_menu dd.on a,
		#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
		#side_box .sub_menu dd:hover a:before,
		#side_box .sub_menu dd.on a:before, 
		#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:1024px) {
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}


/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.main_visual {position:relative;width:100%;margin:0;/* height:798px; */background:#000;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:950px;}
		.main_visual .slick-slide > span{transition:all 0.3s;display:inline-block;height:100%;width: 100%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;background-position: center;background-size:cover !important;transition:transform 2s ease-in-out;transform:scale(1.1);}
		.main_visual .slick-slide a {height:100%;width: 100%;position:absolute;left: 0;top:0;z-index:1;}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
		.main_visual .slick-slide .txt_box {transition:all 0.3s;box-sizing:border-box;text-align:left;transform:translate(-50%);position:absolute;left:50%;top:22.4%;font-size: 0;}
		.main_visual .txt_box strong{transition:all 0.8s;transform:translateY(50%);opacity:0;font-size:50px;font-weight:700;letter-spacing:-2px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;color:#fff;line-height:80px;display:block;word-break:keep-all;}
		.main_visual .txt_box span {transition:all 0.3s;transform:translateY(50%);opacity: 0;font-size:18px;line-height:32px;font-weight: 400;letter-spacing:-0.54px;color:#fff;display:block;margin-top:20px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;word-break:keep-all;}
		
		.main_visual .visual_btn_wrap {position:absolute;left:50%;top:53.5%;transform:translate(-50%);display:flex;align-items:center;}
		.main_visual .visual_btn_wrap .control_btn,.main_visual .visual_btn_wrap .slider-progress-wrap,.main_visual .visual_btn_wrap .slideController {display:inline-block;vertical-align:middle;}
		.main_visual .visual_btn_wrap .control_btn {font-size:0;margin-left:20px;display:flex;align-items:center;}
		.main_visual .visual_btn_wrap .play_btn_box{display: inline-block;font-size:0;}
		.main_visual .visual_btn_wrap .play_btn_box .slickBtn{font-size:0;width: 35px;height: 20px;cursor:pointer;}
		.main_visual .visual_btn_wrap .play_btn_box .slickPause{background:url('../images/skin/visual_sld_pause.png') no-repeat center;}
		.main_visual .visual_btn_wrap .play_btn_box .slickPlay{background:url('../images/skin/visual_sld_play.png') no-repeat center;}
		.main_visual .visual_btn_wrap .control_btn .slick-arrow {width: 10px;font-size:0;display:inline-block;vertical-align:middle;height: 20px;}
		.main_visual .visual_btn_wrap .control_btn .slick-prev {background: url('../images/skin/visual_sld_prev.png') no-repeat left;}
		.main_visual .visual_btn_wrap .control_btn .slick-next {background: url('../images/skin/visual_sld_next.png') no-repeat right;}
		.main_visual .visual_btn_wrap .menu_btn {font-size:0;float:right;background: #222222;width: 600px;}
	
		.main_visual .visual_btn_wrap .slider-progress-wrap {width:170px;transition:all 0.3s;z-index:5;margin:0 auto;padding:0;text-align:center;font-size: 0;margin-left:18px;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress {width: 100%;background:rgba(255,255,255,1);display: inline-block;vertical-align: middle;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress .progress {height:2px;background:#6eb31c;width: 0;}
		.main_visual .visual_btn_wrap .slider-progress-wrap .slider-progress .progress.active {width:100%;}

		.main_visual .visual_btn_wrap .slideController {color:rgba(255,255,255,0.5);font-size:14px;}
		.main_visual .visual_btn_wrap .slideController span {font-size:inherit;color:inherit;}
		.main_visual .visual_btn_wrap .slideController .slideCountItem{color:rgba(255,255,255,1);}
		.main_visual .visual_btn_wrap .slideController .slideCountItem:before{content:"0";font-size:inherit;color:inherit;}


		.main_visual .slick-dots {width: 50px;box-sizing: border-box;}
		.main_visual .slick-dots li {opacity:0;}
		.main_visual .slick-dots li.slick-active {opacity:1;}
		.main_visual .slick-dots li button {font-size:16px;line-height: 16px;color:#fff;font-weight: 600;}
		.main_visual .slick-counter span {display:inline-block;vertical-align: top;letter-spacing:-1px;}
		.main_visual .slick-counter,
		.main_visual .slick-counter span {}
		
		/* visual active */
			.main_visual .slick-slide.active > span{transform:scale(1);}
			.main_visual .slick-slide.active .txt_box span{transform:translateY(0);opacity: 1;transition-delay:0.5s;}
			.main_visual .slick-slide.active .txt_box strong{transform:translateY(0);opacity: 1;}

		.scroll_down{position:absolute;bottom:58px;left:50%;transform:translate(-50%);text-align:center;color:#fff;cursor:pointer;}
		.scroll_down span{display:block;margin:0 auto;width:28px;height:42px;font-size:12px;border-radius:14px;border:1px solid rgba(255,255,255,0.7);margin-top:10px;box-sizing:border-box;position:relative;}
		.scroll_down span:before{transition:all 0.3s;animation:scroll_down 1s ease-in Infinite alternate;content:'';position:absolute;top:10px;left:50%;width:4px;height:8px;border-radius:2px;background:#fff;margin-left:-2px;}
		
		@-webkit-keyframes scroll_down {
		  0% {
			top:10px;
		  }
		  100% {
			top:calc(100% - 18px);
		  }
		}
	
	/* main_about */
		.main_about {position:relative; z-index:0;box-sizing:border-box;background:url('../images/skin/about_logo.png')no-repeat right top;}
		.main_about > .main_cont_tit {display:none;}
		.main_about .main_about_cont{display:flex;align-items:center;flex-wrap:wrap;height:43.7vw;}
		.main_about .main_about_cont .about_img{width:50%;height:100%;overflow:hidden;background:url('../images/skin/main-about-bg.jpg')no-repeat center;background-size:cover;}
		.main_about .main_about_cont .about_txt{width:50%;box-sizing:border-box;position:relative;padding-left:120px;}
		.main_about .main_about_cont .about_txt .txt_box span{font-size:24px;font-weight:700;	background-image: linear-gradient(90deg, #006bb5, #94c11f), linear-gradient(90deg, #006bb5, #006bb5);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
		.main_about .main_about_cont .about_txt .txt_box h3{font-size:38px;color:#111;font-weight:700;letter-spacing:-1.14px;line-height:60px;font-family:'Noto Sans KR';margin-top:20px;word-break:keep-all;}
		.main_about .main_about_cont .about_txt .txt_box p{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.54px;line-height:32px;font-family:'Noto Sans KR';margin-top:25px;word-break:keep-all;}
		.main_about .main_about_cont .about_txt .icon_box{display:flex;flex-wrap:wrap;width:calc(100% + 44px);margin-left:-22px;margin-top:64px;}
		.main_about .main_about_cont .about_txt .icon_box li{margin:0 22px;text-align: center;}
		.main_about .main_about_cont .about_txt .icon_box li .icon{height:60px;display:flex;justify-content:center;align-items:center;}
		.main_about .main_about_cont .about_txt .icon_box li .icon img{max-height:100%;}
		.main_about .main_about_cont .about_txt .icon_box li p{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.54px;margin-top:25px;}

	/*솔루션*/
		.main_solution{box-sizing:border-box;background:url('../images/skin/solution-bg.jpg')no-repeat center;background-size:cover;padding:144px 0 160px;}
		.main_solution .title{text-align: center;}
		.main_solution .title h3{font-size:46px;color:#fff;font-weight:700;letter-spacing:-1.38px;}
		.main_solution .title p{font-size:18px;color:#eee;font-weight:400;letter-spacing:-0.54px;margin-top:25px;word-break:keep-all;}

		.main_solution .solution_list{font-size:0;margin-top:67px;display:flex;}
		.main_solution .solution_list li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(50% - 20px);text-align: center;background:#006bb5;padding:81px 10px 95px;}
		.main_solution .solution_list li + li{background:#94c11f;margin-left:40px;}
		.main_solution .solution_list li dl dt{font-size:40px;color:#fff;font-weight:700;letter-spacing:-1.2px;font-family:'Noto Sans KR';}
		.main_solution .solution_list li dl dd p{font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.48px;line-height:28px;font-family:'Noto Sans KR';margin-top:14px;word-break:keep-all;}
		.main_solution .solution_list li dl dd .btn_box{margin-top:57px;}
		.main_solution .solution_list li dl dd .btn_box a{display: inline-block;box-sizing:border-box;border:1px solid #fff;background:rgba(0,0,0,0.1);width:260px;height:60px;text-align:left;padding-left:20px;position: relative;}
		.main_solution .solution_list li dl dd .btn_box a:before{width:13px;height:13px;content:"";background:url('../images/skin/icon-download.png')no-repeat right center;position: absolute;right:19px;top:23px;}
		.main_solution .solution_list li dl dd .btn_box a span{font-size:16px;color:#fff;font-weight:500;line-height:60px;}

	/*뉴스*/
		.main_news{box-sizing:border-box;background:#f9f9f9;padding:152px 0 130px;}
		.main_news .title{position: relative;display: flex;align-items: center;justify-content: space-between;}
		.main_news .title:before{width:calc(100% - 90px);height:1px;content:"";background:#ddd;position: absolute;left:0;top:50%;}
		.main_news .title h3{display:flex;align-items: center;background:#f9f9f9;font-size:54px;color:#333;font-weight:700;letter-spacing:-3.3px;z-index:3;padding-right:46px;}
		.main_news .title h3 p{display: inline-block;font-size:18px;color:#333;font-weight:400;letter-spacing:-1px;margin-left:30px;}
		.main_news .title a{display: inline-block;box-sizing:border-box;width:50px;height:50px;border:1px solid #ddd;position: relative;float: right;vertical-align: top;font-size:0;background:#fff;}
		.main_news .title a:before{width:19px;height:1px;content:"";background:#333;position: absolute;left:50%;top:50%;transform:translate(-50%);}
		.main_news .title a:after{width:1px;height:19px;content:"";background:#333;position: absolute;left:50%;top:50%;transform:translateY(-50%);}

		.main_news .news_box{margin-top:42px;position: relative;}
		.main_news .news_container{padding-bottom:30px;}
		.main_news .swiper-slide > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_news .thumb img{width:100%;}
		.main_news .news_box .txt{box-sizing:border-box;background:#fff;padding:25px 27px 38px;}
		.main_news .news_box .txt strong{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.54px;line-height:28px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}
		.main_news .news_box .txt p{font-size:14px;color:#666;font-weight:400;margin-top:42px;}

		.main_news .swiper-arrow{font-size:0;background:none;width:42px;height:42px;border:1px solid #666;border-width:1px 1px 0 0;position: absolute;top:50%;transform:translateY(-50%);}
		.main_news .swiper-arrow:after{display: none;}
		.main_news .swiper-arrow.swiper-button-prev{transform:rotate(-135deg);left:-71px;}
		.main_news .swiper-arrow.swiper-button-next{transform:rotate(45deg);right:-71px;}

	/*contact*/
		.main_contact{display:flex;align-items:center;flex-wrap:wrap;}
		.main_contact .write_box, .main_contact .bnr_box{box-sizing:border-box;width:50%;}
		.main_contact .write_box{padding:0 100px 0 90px;}
		.main_contact .write_box .main_contact_box dl{width:100%;box-sizing:border-box;height:auto;border:1px solid #ddd;padding:10px 0;display:flex;align-items:center;}
		.main_contact .write_box .main_contact_box dl + dl{margin-top:10px;}
		.main_contact .write_box .main_contact_box dl dt{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.48px;box-sizing:border-box;width:176px;padding:0 10px 0 20px;position: relative;}
		.main_contact .write_box .main_contact_box dl dt:before{width:1px;height:14px;content:"";background:#ddd;position: absolute;top:50%;right:0;transform:translateY(-50%);}
		.main_contact .write_box .main_contact_box dl dd{box-sizing:border-box;padding-left:30px;width:calc(100% - 176px);}
		.main_contact .write_box .main_contact_box dl dd input{width:100%;height:40px;line-height:40px;outline:none;border:none;font-size:16px;color:#222;font-weight:400;letter-spacing:-0.48px;padding:0;}
		.main_contact .write_box .edit-box textarea{width:100%;resize:none;height:130px;outline:none;border:none;padding:20px 22px;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.48px;box-sizing:border-box;border:1px solid #ddd;margin-top:10px;outline-color:#333;}
		.main_contact .write_box .edit-box textarea::placeholder{color:#999;}
		.main_contact .write_box .td_captcha dd{font-size:0;}
		.main_contact .write_box .td_captcha input[type="text"]#captcha{width:147px;height:40px;line-height:40px;background:#f5f5f5;padding:0 10px;margin-left:10px;vertical-align: top;}
		.main_contact .write_box .td_captcha #refreshCode{width:40px !important;height:40px;padding:0 !important;background:url('../images/skin/icon-reset.png')no-repeat center !important;border:1px solid #ddd !important;margin-left:10px;}
		.main_contact .write_box .policy_cont{margin-top:20px;}
		.main_contact .write_box .policy_cont > div{display: flex;justify-content: space-between;align-items:center;padding:0;line-height:initial;}
		.main_contact .write_box .policy_cont label{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.42px;}
		.main_contact .write_box .policy_cont .view_more{display: inline-block;position: relative;font-size:14px;color:#999;font-weight:400;letter-spacing:-0.42px;padding-right:15px;}
		.main_contact .write_box .policy_cont .view_more:before{width:6px;height:6px;content:"";border:1px solid #999;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:2px;top:7px;}
		.main_contact .write_box button{width:100%;height:60px;box-sizing:border-box;text-align: center;margin-top:40px;background:#006bb5;}
		.main_contact .write_box button a{display: block;width:100%;height:100%;font-size:18px;color:#f9f9f9;font-weight:500;letter-spacing:-0.54px;line-height:60px;}
		.main_contact .write_box .main_contact_box dl.on{border-color:#333;}
		.main_contact .write_box .edit-box textarea:focus{border-color:#333;}

		.main_contact .bnr_box{display:flex;align-items:center;justify-content:center;background:url('../images/skin/contact-bg.jpg')no-repeat center;background-size:cover;height:950px;}
		.main_contact .bnr_box dl{text-align:center;}
		.main_contact .bnr_box dl dt{font-size:46px;color:#fff;font-weight:700;}
		.main_contact .bnr_box dl dd{margin-top:34px;}
		.main_contact .bnr_box dl dd ul{text-align:left;}
		.main_contact .bnr_box dl dd ul li{display:flex;align-items:center;}
		.main_contact .bnr_box dl dd ul li + li{margin-top:13px;}
		.main_contact .bnr_box dl dd ul li .icon{display:flex;align-items:center;justify-content:center;width:19px;margin-right:11px;}
		.main_contact .bnr_box dl dd ul li p{font-size:16px;color:rgba(255,255,255,0.8);font-weight:400;font-family:'Noto Sans KR';}
		.main_contact .bnr_box dl dd .btn_box{margin-top:60px;}
		.main_contact .bnr_box dl dd .btn_box a{display: inline-block;box-sizing:border-box;border:1px solid #fff;background:rgba(255,255,255,0.1);width:260px;height:60px;text-align:left;padding-left:20px;position: relative;}
		.main_contact .bnr_box dl dd .btn_box a:before{width:13px;height:13px;content:"";background:url('../images/skin/icon-download.png')no-repeat right center;position: absolute;right:19px;top:23px;}
		.main_contact .bnr_box dl dd .btn_box a span{font-size:16px;color:#fff;font-weight:400;line-height:60px;}


	@media only screen and (min-width:1024px){
		.main_solution .solution_list li dl dd .btn_box a:hover{background:#fff;}
		.main_solution .solution_list li dl dd .btn_box a:hover span{color:#006bb5;}
		.main_solution .solution_list li + li dl dd .btn_box a:hover span{color:#94c11f;}
		.main_solution .solution_list li dl dd .btn_box a:hover:before{background:url('../images/skin/icon-download-scr.png')no-repeat right center;}
		.main_solution .solution_list li + li dl dd .btn_box a:hover:before{background:url('../images/skin/icon-download-light.png')no-repeat right center;}

		.main_news .title a:hover{background:#006bb5;border:none;}
		.main_news .title a:hover:before, .main_news .title a:hover:after{background:#fff;}
		.main_news .swiper-slide:hover{box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);}

		.main_contact .bnr_box dl dd .btn_box a:hover{background:#fff;}
		.main_contact .bnr_box dl dd .btn_box a:hover span{color:#000;}
		.main_contact .bnr_box dl dd .btn_box a:hover:before{background:url('../images/skin/icon-download-black.png')no-repeat right center;}

		
	}
	@media only screen and (max-width:1600px){
		/* main_about */
		.main_about .main_about_cont .about_txt{padding-left:40px;}

		/*contact*/
		.main_contact .write_box{padding:0 40px;}
		.main_contact .write_box .main_contact_box dl dt{width:25%;}
		.main_contact .write_box .main_contact_box dl dd{width:75%;padding-left:15px;}
		
	}
	@media only screen and (max-width:1500px){
		/*뉴스*/
		.main_news{padding:90px 0 100px;}
		.main_news .w_custom{width:100%;padding:0 80px;}
		.main_news .title h3{font-size:44px;padding-right:30px;}
		.main_news .title h3 p{font-size:16px;margin-left:16px;}
		.main_news .swiper-arrow{width:35px;height:35px;}
		.main_news .swiper-arrow.swiper-button-prev{left:-40px;}
		.main_news .swiper-arrow.swiper-button-next{right:-40px;}
	}
	@media only screen and (max-width:1300px){
		/*visual*/
		.main_visual .slick-slide{height:790px;}

		/* main_about */
		.main_about{background-size:auto 27vw;}
		.main_about .main_about_cont{height:58.7vw;}
		.main_about .main_about_cont .about_txt{padding-left:20px;}
		.main_about .main_about_cont .about_txt .txt_box h3{font-size:28px;line-height:40px;}
		.main_about .main_about_cont .about_txt .txt_box p{font-size:16px;line-height:26px;}
		.main_about .main_about_cont .about_txt .icon_box{width:calc(100% + 24px);margin-left:-12px;}
		.main_about .main_about_cont .about_txt .icon_box li{margin:0 12px;}

		/*contact*/
		.main_contact .write_box .main_contact_box dl dt{font-size:14px;}
		.main_contact .write_box .main_contact_box dl dd{padding:0 15px;}
		.main_contact .write_box .td_captcha dd #captcha_box{display: block;margin-bottom:10px;}
		.main_contact .write_box .td_captcha input[type="text"]#captcha{margin-left:0;width:calc(100% - 50px);}
		.main_contact .bnr_box{height:800px;}

	}
	@media only screen and (max-width:1024px){
		/*visual*/
		.main_visual .slick-slide .txt_box{top:15.4%;}	
		.main_visual .txt_box strong{font-size:42px;line-height:65px;}
		.main_visual .txt_box span{font-size:16px;	line-height:28px;}
		.main_visual .visual_btn_wrap{top:50%;}

		/* main_about */
		.main_about{background:none;}
		.main_about .main_about_cont{height:auto;}
		.main_about .main_about_cont .about_img{height:46vw;width:100%;}
		.main_about .main_about_cont .about_txt{width:100%;padding:50px 30px 50px;background:url('../images/skin/about_logo.png')no-repeat right top;background-size:auto 27vw;}
		.main_about .main_about_cont .about_txt .txt_box h3{font-size:38px;line-height:55px;}
		.main_about .main_about_cont .about_txt .txt_box h3 br{display: none;}
		.main_about .main_about_cont .about_txt .txt_box p{font-size:18px;line-height:32px;}
		.main_about .main_about_cont .about_txt .txt_box p br{display: none;}

		.main_about .main_about_cont .about_txt .icon_box{margin-top:50px;width:calc(100% + 44px);margin-left:-22px;}
		.main_about .main_about_cont .about_txt .icon_box li{margin:0 22px;}

		/*솔루션*/
		.main_solution{padding:100px 0 130px;}
		.main_solution .title h3{font-size:40px;}
		.main_solution .title p{font-size:16px;margin-top:15px;}
		.main_solution .solution_list li dl dt{font-size:34px;}
		.main_solution .solution_list li dl dd p{font-size:14px;}
		.main_solution .solution_list li dl dd .btn_box{margin-top:30px;}
		.main_solution .solution_list li dl dd .btn_box a{width:65%;}

		/*뉴스*/
		.main_news{padding:70px 0 80px;}
		.main_news .title:before{width:90%;}
		.main_news .title h3{font-size:38px;}
		.main_news .title h3 p{font-size:15px;}
		.main_news .title a{width:40px;height:40px;}
		.main_news .title a:before{width:16px;}
		.main_news .title a:after{height:16px;}

		/*contact*/
		.main_contact{display: block;}
		.main_contact .write_box, .main_contact .bnr_box{width:100%;}
		.main_contact .write_box{padding:50px 30px;}
		.main_contact .write_box .main_contact_box dl dt{font-size:16px;}
		.main_contact .write_box .td_captcha dd #captcha_box{display: inline-block;margin:0;}	
		.main_contact .write_box .td_captcha input[type="text"]#captcha{margin-left:10px;width:140px;}
		.main_contact .bnr_box{height:58vw;}
		
	}
	@media only screen and (max-width:860px){
		/*솔루션*/
		.main_solution .solution_list li dl dd .btn_box a {width: 76%;}
	}
	@media only screen and (max-width:767px){
		/*솔루션*/
		.main_solution .solution_list li dl dd .btn_box a {width: 88%;}

		/*뉴스*/
		.main_news .w_custom{padding:0 30px;}
		.main_news .news_arw_box{display: none;}
		.main_news .news_box{margin-top:20px;}
		.main_news .news_box .txt{padding:10px 15px 25px;}
		.main_news .news_box .txt strong{font-size:16px;line-height:24px;}
		.main_news .news_box .txt p{margin-top:30px;}
		
		.main_news .swiper-pagination{width:100%;height:2px;position: static;background:#ddd;}
		.main_news .swiper-pagination .swiper-pagination-progressbar-fill{background:#006bb5;}
	}
	@media only screen and (max-width:640px){
		/*visual*/
		.main_visual .slick-slide{height:720px;}
		.main_visual .txt_box strong{font-size:32px;line-height:50px;}
		.main_visual .txt_box span{font-size:14px;}

		/* main_about */
		.main_about .main_about_cont .about_txt{padding:40px 15px 50px;}
		.main_about .main_about_cont .about_txt .txt_box span{font-size:20px;}
		.main_about .main_about_cont .about_txt .txt_box h3{font-size:28px;line-height:44px;}
		.main_about .main_about_cont .about_txt .txt_box p{font-size:16px;line-height:28px;margin-top:10px;}
		.main_about .main_about_cont .about_txt .icon_box{margin-top:36px;}
		.main_about .main_about_cont .about_txt .icon_box li .icon{height:50px;}
		.main_about .main_about_cont .about_txt .icon_box li p{font-size:16px;margin-top:10px;}

		/*솔루션*/
		.main_solution{padding:70px 0 90px;}
		.main_solution .title h3{font-size:34px;}
		.main_solution .title p{font-size:15px;margin-top:10px;}
		.main_solution .solution_list{margin-top:40px;display: block;}
		.main_solution .solution_list li{width:100%;padding:40px 10px 60px;}
		.main_solution .solution_list li + li{margin:40px 0 0 0;}
		.main_solution .solution_list li dl dt{font-size:24px;}
		.main_solution .solution_list li dl dd .btn_box a {width: 65%;}

		/*뉴스*/
		.main_news .w_custom{padding:0 15px;}
		.main_news .news_container{padding-bottom:20px;overflow:visible;}
		.main_news .news_box .txt strong{font-size:15px;}
		.main_news .news_box .txt p{margin-top:20px;font-size:13px;}

		/*contact*/
		.main_contact .write_box{padding:40px 15px;}
		.main_contact .write_box .main_contact_box dl dt{font-size:14px;}
		.main_contact .write_box .td_captcha dd #captcha_box{display: block;margin-bottom:10px;}
		.main_contact .write_box .td_captcha input[type="text"]#captcha{margin-left:0;width:calc(100% - 50px);}
		.main_contact .bnr_box{height:auto;padding:60px 0;}
		.main_contact .bnr_box dl dt{font-size:38px;}
		.main_contact .bnr_box dl dd{margin-top:20px;}
		.main_contact .bnr_box dl dd ul li + li{margin-top:10px;}
		.main_contact .bnr_box dl dd ul li p{font-size:14px;}
		.main_contact .bnr_box dl dd .btn_box{margin-top:40px;}
	}
	@media only screen and (max-width:500px){
		/*visual*/
		.main_visual .slick-slide{height:500px;}
		.main_visual .txt_box strong{font-size:24px;line-height:38px;}
		.main_visual .txt_box span{font-size:14px;line-height:24px;}
		.main_visual .txt_box span br{display: none;}
		.main_visual .visual_btn_wrap{display: none;}

		.scroll_down{bottom:20px;}
		.scroll_down span{width:22px;height:34px;margin-top:7px;}
		.scroll_down span:before{width:2px;height:6px;margin-left:-1px;}

		@-webkit-keyframes scroll_down {
		  0% {
			top:4px;
		  }
		  100% {
			top:calc(100% - 10px);
		  }
		}	

		/* main_about */
		.main_about .main_about_cont .about_txt{padding:30px 15px 50px;}
		.main_about .main_about_cont .about_txt .txt_box span{font-size:18px;}
		.main_about .main_about_cont .about_txt .txt_box h3{margin-top:10px;font-size:22px;line-height:34px;}
		.main_about .main_about_cont .about_txt .txt_box p{font-size:14px;line-height:24px;}
		.main_about .main_about_cont .about_txt .icon_box{margin-top:25px;width:calc(100% + 24px);margin-left:-12px;}
		.main_about .main_about_cont .about_txt .icon_box li{margin:0 12px;}
		.main_about .main_about_cont .about_txt .icon_box li .icon{height:38px;}
		.main_about .main_about_cont .about_txt .icon_box li p{font-size:14px;margin-top:5px;}

		/*솔루션*/
		.main_solution{padding:50px 0 70px;}
		.main_solution .title h3{font-size:26px;}
		.main_solution .title p{font-size:14px;}
		.main_solution .solution_list li{padding:30px 10px 40px;}
		.main_solution .solution_list li + li{margin-top:25px;}
		.main_solution .solution_list li dl dt{font-size:18px;}
		.main_solution .solution_list li dl dd p{font-size:13px;margin-top:8px;line-height:20px;}
		.main_solution .solution_list li dl dd .btn_box{margin-top:15px;}
		.main_solution .solution_list li dl dd .btn_box a{height:46px;padding-left:10px;}
		.main_solution .solution_list li dl dd .btn_box a:before{right:12px;top:15px;}
		.main_solution .solution_list li dl dd .btn_box a span{line-height:46px;font-size:14px;}

		/*뉴스*/
		.main_news{padding:50px 0 60px;}
		.main_news .title:before{display: none;}
		.main_news .title h3{font-size:24px;padding-right:0;}
		.main_news .title h3 p{font-size:13px;margin-left:10px;}
		.main_news .title a{width:30px;height:30px;}	
		.main_news .title a:before{width:12px;}
		.main_news .title a:after{height:12px;}
		.main_news .news_box .txt{padding:15px 15px 20px;}
		.main_news .news_box .txt strong{font-size:14px;line-height:20px;;}
		.main_news .news_box .txt p{font-size:12px;margin-top:16px;}

		/*contact*/
		.main_contact .write_box .main_contact_box dl{padding:8px 0;}
		.main_contact .write_box .main_contact_box dl + dl{margin-top:8px;}
		.main_contact .write_box .main_contact_box dl dt{padding:0 5px 0 10px;width:30%;}
		.main_contact .write_box .main_contact_box dl dd{width:70%;padding:0 10px;}
		.main_contact .write_box .main_contact_box dl dd input{height:30px;line-height:30px;font-size:14px;}
		.main_contact .write_box .edit-box{margin-top:8px;}
		.main_contact .write_box .edit-box textarea{height:100px;padding:10px 10px;font-size:14px;}
		.main_contact .write_box .td_captcha input[type="text"]#captcha{width:calc(100% - 35px);height:30px;}
		.main_contact .write_box .td_captcha #refreshCode{width:30px !important;height:30px;margin-left:5px;}
		.main_contact .write_box .policy_cont{margin-top:10px;}
		.main_contact .write_box .policy_cont label{font-size:12px;}
		.main_contact .write_box .policy_cont .view_more{font-size:12px;padding-right:10px;}
		.main_contact .write_box .policy_cont .view_more:before{width:4px;height:4px;}
		.main_contact .write_box button{height:50px;margin-top:25px;}
		.main_contact .write_box button a{line-height:50px;font-size:15px;}

		.main_contact .bnr_box dl dt{font-size:30px;}
		.main_contact .bnr_box dl dd ul li p{font-size:13px;}
		.main_contact .bnr_box dl dd .btn_box{margin-top:30px;}
		.main_contact .bnr_box dl dd .btn_box a{width:200px;height:50px;padding-right:10px;}
		.main_contact .bnr_box dl dd .btn_box a:before{right:12px;top:17px;}
		.main_contact .bnr_box dl dd .btn_box a span{font-size:13px;line-height:50px;}
	}	
	@media only screen and (max-width:350px){
		.main_about .main_about_cont .about_txt .icon_box{width:calc(100% + 20px);margin-left:-10px;}
		.main_about .main_about_cont .about_txt .icon_box li{margin:0 10px;}

		.main_contact .write_box .main_contact_box dl dt{font-size:13px;}
	}