@charset "utf-8";
@import url("https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

/* 공통 css 시작 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

*{margin:0;padding:0;vertical-align:top;border:0;box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-family:'Nanum Square',sans-serif;}

html,body {width:100%;height:100%;font-family:'Nanum Square',sans-serif;color:#343434;position:relative;}
body{overflow-y:auto;overflow-x:hidden;}
ul {list-style:none;}
a{color:#343434;text-decoration:none;display:block;outline:none !important;}
a:hover{color:#343434;text-decoration:none;outline:none !important;}
a:link{text-decoration:none;outline:none !important;}
a:visited{text-decoration:none;outline:none !important;}
a:active{text-decoration:none;outline:none !important;}
a:hover{text-decoration:none;outline:none !important;}
a:focus{text-decoration:none;outline:none !important;}
h1,h2,h3,h4,h5,p,a,span{transform:skew(-0.1deg);-webkit-transform:skew(-0.1deg);-moz-transform:skew(-0.1deg);-o-transform:skew(-0.1deg);word-break:keep-all;-webkit-word-break:keep-all;-moz-word-break:keep-all;-o-word-break:keep-all;}
input[type='button'],input[type='text'],button,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input[type="password"]{font-family:arial,sans-serif;}
button{cursor:pointer;outline:none !important;}
select.select_st1::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/ }
select.select_st1{
	position:relative;padding:0 25px 0 10px;border-radius:2px;height:30px;font-size:13px;border:1px solid #d0d0d0;
    -webkit-appearance: none;/* 화살표 없애기 for chrome*/
   -moz-appearance: none;   /* 화살표 없애기 for firefox*/
   appearance: none;        /* 화살표 없애기 공통*/
	background: url('../img/sub/icon/select_icon.png') no-repeat right center #fff;/* 화살표 아이콘 추가 */
}
/*체크박스*/
input[type='checkbox'].st1{display: none;/* 실제 체크박스 없애기 */}
input[type='checkbox'].st1 + label::before {    /* 가짜 체크박스 만들기 */content:'';display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0px 5px 0 0;background:url('../img/sub/icon/checkbox_st1_off.png')no-repeat center;}
input[type='checkbox'].st1:checked + label::before {    /* 가짜 체크박스 체크했을 때 */ background: url('../img/sub/icon/checkbox_st1_on.png')no-repeat center;z-index:9;}
/*input 숫자만 입력*/
input[type="number"]{ime-mode:disabled; appearance:none; -webkit-appearance:none; -moz-appearance:textfield; -o-appearance:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin:0;}
input[type="number"]::-moz-outer-spin-button,
input[type="number"]::-moz-inner-spin-button{-moz-appearance: none;margin:0;}
input[type="number"]::-o-outer-spin-button,
input[type="number"]::-o-inner-spin-button{-o-appearance: none;margin:0;}
input[type="number"]::outer-spin-button,
input[type="number"]::inner-spin-button{appearance:none;margin:0;}

.only_m{display:none !important;}
.only_web{display:block !important;}
@media (max-width: 1024px){
	.only_m{display:block !important;}
	.only_web{display:none !important;}
}
.only_576{display:none !important;}
@media (max-width: 576px){
	.only_576{display:block !important;}
}


.ani_type0{opacity:0;}
.ani_type1{opacity:0;position:relative;top:5%;}
.ani_type1_1{opacity:0;position:relative;top:100px;}
.ani_type2{opacity:0;position:relative;left:-50%;}
.ani_type2_1{opacity:0;position:relative;left:-5%;}
.ani_type3{opacity:0;position:relative;left:50%;}
.ani_type3_1{opacity:0;position:relative;right:-5%;}

.ani_type4{opacity:0;position:relative;top:-50%;}
.ani_type5{opacity:0;position:relative;top:50%;}


/* 팝업 공통 css */
div.popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15;display:none;}
div.popup{position:relative;top:0;left:0;width:100%;height:100%;}
div.popup_inner{background:#fff;width:1000px;/* height:525px; */height:auto;position:relative;left:0;right:0;margin:0 auto;top:50%;box-shadow:0px 5px 30px rgba(0,0,0,0.3);
					transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}
div.popup_inner_wrap{width:100%;height:100%;/* overflow-y:auto; */padding:50px;}
div.popup_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
a.popup_ok_bt{width:170px;height:50px;line-height:52px;margin:30px auto 0px auto;border:1px solid #909090;text-align:center;font-size:18px;font-weight:600;}
a.popup_top_close_bt{position:absolute;top:0;right:-40px;width:40px;height:40px;background:rgba(255,255,255,0.4);padding:10px;}
a.popup_top_close_bt img{width:100%;}

@media (max-width: 1200px){
	div.popup_inner{width:80%;height:450px;}
	div.popup_inner_wrap{padding:40px 30px;}
	a.popup_ok_bt{width:150px;height:40px;line-height:42px;margin:25px auto 0px auto;font-size:16px;}
}

@media (max-width: 1024px){
	div.popup_inner{height:400px;}
	div.popup_inner_wrap{padding:30px 20px;}
	a.popup_ok_bt{width:130px;height:30px;line-height:32px;margin:20px auto 0px auto;font-size:14px;}
	select.select_st1{padding:0 20px 0 5px;}
}

@media (max-width: 768px){
	div.popup_inner{height:300px;}
	div.popup_inner_wrap{padding:20px 10px;}
	a.popup_top_close_bt{right:-30px;width:30px;height:30px;padding:7px;}
	a.popup_ok_bt{width:110px;font-size:12px;margin:15px auto 0px auto;}
}
@media (max-width: 576px){
	div.popup_inner{height:250px;}
	div.popup_inner_wrap{padding:20px 10px;}
}

/* 팝업 공통 css 끝 */


/* GNB */
section#Gnb{position:fixed;top:0;left:0;width:100%;height:87px;z-index:10;transition:all 0.5s ease;}
section#Gnb:after{content:'';width:100%;height:1px;background:#fff;opacity:0.1;position:absolute;bottom:0;left:0;}
div.gnb_contents{width:100%;padding:0 50px;box-sizing:border-box;text-align:center;}
div.gnb_contents:after{content:'';display:block;clear:both;}
h1.logo{float:left;position:absolute;top:0;left:50px;transform:skew(0deg);-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);}
h1.logo a{width:195px;height:87px;font-size:0;background:url('../img/logo/logo_uniinfo_eng_wh.png')no-repeat center left;transform:skew(0deg);-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);}
ul.gnb_list{display:inline-block;width:1000px;}
ul.gnb_list:after{content:'';display:block;clear:both;}
ul.gnb_list > li{width:18%;float:left;position:relative;}
ul.gnb_list > li > a.sub_list_bt{display:block;width:100%;height:87px;line-height:88px;text-align:center;color:#fff;font-size:17px;font-weight:400;letter-spacing:1px;position:relative;}
ul.gnb_list > li > a.sub_list_bt span{font-size:0;transition:width 0.5s ease, color 0.5s ease;display:block;width:0;height:1px;background:#ffb400;position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:11;}
ul.gnb_list > li.on > a.sub_list_bt{font-weight:600;font-size:18px;color:#333 !important;}
ul.gnb_list > li.on > a.sub_list_bt:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#ffb400;position:absolute;bottom:-2px;left:0;right:0;margin:0 auto;z-index:12;}
ul.gnb_list > li.on > a.sub_list_bt span{width:100%;}

a.catalogue_link{display:block;position:absolute;top:0;right:115px;padding:5px 10px;border:1px solid #fff;float:right;color:#fff;border-radius:15px;margin:28px 0px 0 0;font-size:14px;font-family:'Roboto',sans-serif !important;}
a.catalogue_link:hover{background:rgba(255,255,255,0.2);transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-o-transition:background-color 0.5s ease;}
a.shop_link{right:210px;}
a.shop_link span.icon{display:inline-block;width:12px;height:12px;margin:-3px 5px 0 0;vertical-align:middle;background:url("../img/sub/icon/store.png")no-repeat center;background-size:cover;font-size:0;}
a.all_nav{display:block;position:absolute;top:0;right:50px;width:33px;margin:30px 0 0 0;}
a.all_nav span{display:block;width:100%;height:2px;margin-top:9px;background:#fff;font-size:0;}
a.all_nav span:first-child{margin-top:0;}

div.gnb_contents a div.txt{display:none;position:absolute;top:34px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);o-transform:translateX(-50%);border:1px solid #ffb400;border-radius:15px;width:110px;background:#fff;}
div.gnb_contents a div.txt span{position:relative;display:block;font-size:12px;font-family:'Roboto',sans-serif !important;padding:3px 5px;color:#666;}
div.gnb_contents a div.txt span:before{content:'';display:block;position:absolute;top:-6px;left:0;right:0;margin:0 auto;width:0;height:0;border-bottom:5px solid #ffb400;border-left: 5px solid transparent;border-right: 5px solid transparent;z-index:1;}
div.gnb_contents a div.txt span:after{content:'';display:block;position:absolute;top:-5px;left:0;right:0;margin:0 auto;width:0;height:0;border-bottom:5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;z-index:2;}
div.gnb_contents a.shop_link:hover div.txt{display:block;}
div.gnb_contents a.catalogue_link:hover div.txt{display:block;}
section#Gnb.black{background:rgba(0, 0, 0, 0.6);} section#Gnb.white{background:#fff;} 
section#Gnb.white h1.logo a{width:195px;height:85px;font-size:0;background:url('../img/logo/logo_uniinfo_eng_rgb.png')no-repeat center left;}
section#Gnb.white:after{content:'';width:100%;height:1px;background:#000;opacity:0.1;position:absolute;bottom:0;left:0;}
section#Gnb.white ul.gnb_list > li > a.sub_list_bt{color:#000;}
section#Gnb.white a.catalogue_link{border:1px solid #000;color:#000;}
section#Gnb.white a.catalogue_link:hover{background:#ffb400;border:1px solid #ffb400;color:#fff;font-weight:600;}
section#Gnb.white a.shop_link span.icon{background:url("../img/sub/icon/store_off.png")no-repeat center;background-size:cover;}
section#Gnb.white a.shop_link:hover span.icon{background:url("../img/sub/icon/store.png")no-repeat center;background-size:cover;}
section#Gnb.white a.all_nav span{background:#000;}
div.gnb_sub_list{display:none;position:absolute;top:87px;left:0;width:100%;height:260px;z-index:10;overflow:hidden;background:#fff;border-bottom:1px solid rgba(0,0,0,0.2);}
div.gnb_sub_list:before{content:'';display:block;position:absolute;left:0;top:0;width:17%;height:100%;background:#eee;z-index:2;}
div.gnb_sub_list div.gnb_contents{position:relative;z-index:2;text-align:center;}
div.gnb_sub_list_img{position:absolute;left:50px;top:0;width:280px;height:100%;background:#eee;padding:20px;}
div.gnb_sub_list_img span{font-size:0;display:block;width:100%;height:100%;background-image:url('../img/back_01.jpg');background-size:cover;background-position:center;background-color:rgba(0,0,0,0.4);}
div.sub_list_box{width:1000px;display:inline-block;overflow:hidden;background:#fff;}
div.sub_list_box ul.sub_list{width:18%;height:260px;float:left;padding:10px 0 10px 0;}
div.sub_list_box ul.sub_list li a{display:block;height:40px;line-height:37px;width:100%;font-size:16px;font-weight:400;text-align:center;}
/* div.sub_list_box ul.sub_list li a.long{font-size:14px;} */
div.sub_list_box ul.sub_list li a:hover{color:#ffb400;}

/*m_Gnb*/
section#m_Gnb{width:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:11;padding:0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
h1.m_logo{float:left;}
h1.m_logo a{width:100px;height:55px;font-size:0;background:url('../img/logo/logo_uniinfo_eng_wh.png')no-repeat center left;background-size:100%;}
ul.m_gnb_list{display:none;position:absolute;top:56px;left:0;width:100%;z-index:11;background:rgba(0,0,0,0.9);}
ul.m_gnb_list > li{text-align:center;width:100%;}
ul.m_gnb_list > li a{color:#fff;font-size:14px;height:40px;line-height:40px;border-bottom:1px solid rgba(255,255,255,0.1);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
section#m_Gnb a:hover,a.m_sub_list_bt.on{color:#ffb400;}
section#m_Gnb ul.sub_list{display:none;background:rgba(255, 255, 255, 0.2);}
section#m_Gnb ul.sub_list > li a{font-size:12px;}
a.m_all_nav{display:block;float:right;width:33px;margin:15px 0 0 0;}
a.m_all_nav span{display:block;width:100%;height:2px;margin-top:9px;background:#fff;font-size:0;transition:all 0.3s ease;position:relative;}
a.m_all_nav span:first-child{margin-top:0;}
a.m_all_nav.on{padding-top:11px;}
a.m_all_nav.on span{margin:0;}
a.m_all_nav.on span:nth-child(1){transform:rotate(45deg);}
a.m_all_nav.on span:nth-child(2){transform:rotate(-45deg);margin-top:-1px;}
a.m_all_nav.on span:nth-child(3){display:none;}

@media (max-width: 1650px){
	ul.gnb_list{width:900px;}
	div.sub_list_box{width:900px;}
	div.gnb_sub_list_img{left:43px;}
}
@media (max-width: 1550px){
	ul.gnb_list{width:700px;}
	div.sub_list_box{width:700px;}
}

@media (max-width: 1400px){
	div.gnb_sub_list_img{left:0px;width:250px;}
	div.gnb_sub_list:before{background:#fff;}
}

@media (max-width: 1200px){
	h1.logo{left:30px;}
	h1.logo a{width:130px;}
	section#Gnb.white h1.logo a{width:130px;}
	a.catalogue_link{right:65px;margin:28px 10px 0 0;}
	a.shop_link{right:160px;}
	section#Gnb.white a.catalogue_link{right:65px;}
	section#Gnb.white a.shop_link{right:160px;}
	div.gnb_contents{padding:0 30px;}
	div.gnb_sub_list div.gnb_contents{padding:0 30px 0 58px;}
	ul.gnb_list{width:600px;margin-left:0px;}
	div.gnb_sub_list{height:200px;}
	ul.gnb_list > li.on > a.sub_list_bt{font-size:16px;}
	ul.gnb_list > li > a.sub_list_bt{font-size:15px;}
	a.all_nav{right:30px;}	
	div.gnb_sub_list_img{width:190px;padding:20px 10px;}
	div.gnb_sub_list_img span{font-size:0;display:block;width:100%;height:100%;background-image:url('../img/back_01.jpg');background-size:cover;background-position:center;background-color:rgba(0,0,0,0.4);}
	div.sub_list_box{width:600px;margin-left:-30px;}
	div.sub_list_box ul.sub_list{height:200px;float:left;}
	div.sub_list_box ul.sub_list li a{height:30px;line-height:33px;font-size:14px;}
	/* div.sub_list_box ul.sub_list li a.long{font-size:12px;letter-spacing:-0.3px;} */
}

@media (max-width: 1024px){
	section#Gnb{display:none;}
	a.catalogue_link{margin:15px 20px 0 0 ;font-size:12px;}
}

@media (max-width: 768px){

}
@media (max-width: 576px){

}

/*all_nav_box*/
section#all_nav_box{display:none;width:100%;height:100%;position:fixed;top:0;right:-100%;z-index:11;opacity:0;}
div.all_nav_box_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);font-size:0;z-index:-1;}
div.all_nav_box_inner{position:relative;display:block;width:100%;height:100%;background:#fff;}
div.all_nav_top{width:100%;padding:0px 70px;position:absolute;top:30px;left:0;right:0;width:100%;margin:0 auto;z-index:999;}
div.all_nav_top h1.logo a{width:155px;height:35px;font-size:0;background:url('../img/logo/logo_uniinfo_eng_rgb.png')no-repeat center left;background-size:100%;}
div.all_nav_top a.all_nav_close_bt{float:right;}
div.all_nav_top a.catalogue_link_bt{display:block;padding:5px 15px;border:1px solid #000;float:right;color:#000;border-radius:15px;margin:0px 85px 0 0 ;font-size:14px;font-family:'Roboto',sans-serif !important;font-weight:400;}
div.all_nav_top a.shop_link{margin:0px 30px 0 0;}
div.all_nav_top a.catalogue_link_bt:hover{background:#ffb400;border:1px solid #ffb400;color:#fff;font-weight:600;}
div.all_nav_top a.catalogue_link_bt:hover div.txt{display:block;}

div.all_nav_top a div.txt{display:none;position:absolute;top:34px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);o-transform:translateX(-50%);border:1px solid #ffb400;border-radius:15px;width:110px;background:#fff;}
div.all_nav_top a div.txt span{position:relative;display:block;font-size:12px;font-family:'Roboto',sans-serif !important;padding:3px 5px;color:#666;text-align:center;}
div.all_nav_top a div.txt span:before{content:'';display:block;position:absolute;top:-6px;left:0;right:0;margin:0 auto;width:0;height:0;border-bottom:5px solid #ffb400;border-left: 5px solid transparent;border-right: 5px solid transparent;z-index:1;}
div.all_nav_top a div.txt span:after{content:'';display:block;position:absolute;top:-5px;left:0;right:0;margin:0 auto;width:0;height:0;border-bottom:5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;z-index:2;}
div.all_nav_top a.shop_link:hover div.txt{display:block;}


div.all_nav_con{display:block;position:relative;width:100%;height:100%;padding:130px 10% 5% 10%;text-align:center;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
div.all_nav_con ul{overflow-y:auto;overflow-x:hidden;}
div.all_nav_con a{color:#000;}
div.all_nav_inner{width:100%;height:100%;overflow-y:auto;}

ul.all_nav_menu_wrap{width:100%}
ul.all_nav_menu_wrap > li{overflow:hidden;position:relative;padding:30px 0 30px 240px;border-bottom:1px solid #dbdbdb;}
ul.all_nav_menu_wrap > li h3.all_nav_menu_tit{font-size:25px;width:240px;height:95px;line-height:95px;position:absolute;top:0;left:0;text-align:left;color:#111;}
ul.all_nav_menu_wrap > li ul.all_nav_menu_list{width:100%;overflow:hidden;}
ul.all_nav_menu_wrap > li ul.all_nav_menu_list li{float:left;width:16.5%;}
ul.all_nav_menu_wrap > li ul.all_nav_menu_list li a{font-size:18px;padding:15px 0;color:#222;display:block;text-align:left;}
section.web_gnb ul.all_nav_menu_wrap > li ul.all_nav_menu_list{display:block !important;}

div.all_nav_bottom{position:absolute;bottom:5%;right:0;width:100%;z-index:11;text-align:right;padding:0 10% 0 0;}
div.all_nav_bottom ul{overflow:hidden;display:inline-block;}
div.all_nav_bottom ul li{float:left;position:relative;}
div.all_nav_bottom ul li:after{content:'';display:block;width:1px;height:10px;position:absolute;left:0;top:4px;background:#ccc;}
div.all_nav_bottom ul li:first-child:after{display:none;}
div.all_nav_bottom ul li a{padding:0 15px;font-size:18px;color:#333;}
div.all_nav_bottom div.m_gnb_link_bts{overflow:hidden;width:100%;margin-bottom:10px;}
div.all_nav_bottom div.m_gnb_link_bts a{float:right;display:block;padding:5px 10px;font-size:12px;color:#111;border:1px solid #333;margin:5px 15px;border-radius:15px;}
div.all_nav_bottom div.m_gnb_link_bts a.m_catalogue_link{margin-left:4%;}	
@media (max-width: 1400px){
	div.all_nav_con{padding:12% 10%;}
	ul.all_nav_menu_wrap > li{padding:15px 0 15px 200px;}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit{font-size:23px;width:200px;height:85px;line-height:85px;}
	ul.all_nav_menu_wrap > li ul.all_nav_menu_list li a{font-size:16px;padding:10px 0;}
}

@media (max-width: 1200px){
	div.all_nav_top a.catalogue_link_bt{margin:0px 5% 0 0 ;}
	div.all_nav_top a.shop_link{margin:0px 2% 0 0 ;}
	div.all_nav_top h1.logo a{width:145px;height:30px;}
	div.all_nav_con{padding:17% 10% 15% 10%;}
	ul.all_nav_menu_wrap > li{padding:15px 0 15px 180px;}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit{font-size:20px;width:180px;height:65px;line-height:65px;}
	ul.all_nav_menu_wrap > li ul.all_nav_menu_list li a{font-size:15px;padding:8px 0;}
}

@media (max-width: 1024px){
	div.all_nav_box_inner{width:400px;float:right;}
	div.all_nav_top{padding:0 20px;top:10px;}
	div.all_nav_top h1.logo a{width:100px;}
	div.all_nav_top a.all_nav_close_bt{width:20px;margin:5px 0 0 0;}
	div.all_nav_top a.all_nav_close_bt img{width:100%;}
	ul.all_nav_menu_wrap > li{padding:0;}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit{position:relative;font-size:18px;height:50px;line-height:50px;width:100%;padding:0 0 0 20px;cursor:pointer;}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit:after,
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit:before{content:'';display:block;width:15px;height:1px;position:absolute;right:20px;top:50%;margin-top:-1px;background:#000;transition:all .2s;}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit.active:after{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
	ul.all_nav_menu_wrap > li ul.all_nav_menu_list{background:#efefef;display:none;padding:10px 0;}
	ul.all_nav_menu_wrap > li ul.all_nav_menu_list li{width:100%;}
	ul.all_nav_menu_wrap > li ul.all_nav_menu_list li a{padding:10px 5px 10px 25px;}
	div.all_nav_con{padding:55px 0 85px 0;}
	div.all_nav_bottom{bottom:15px;padding:0;}
	div.all_nav_bottom ul li a{font-size:14px;}
	div.all_nav_top a.catalogue_link_bt:hover{background:#fff;border:1px solid #000;color:#000;font-weight:400;}
}

@media (max-width: 768px){
	div.all_nav_box_inner{width:300px;}
	ul.all_nav_menu_wrap > li h3.all_nav_menu_tit{font-size:16px;height:40px;line-height:40px;}
	ul.all_nav_menu_wrap > li ul.all_nav_menu_list li a{font-size:14px;padding:8px 5px 8px 25px;}
}
@media (max-width: 576px){
	div.all_nav_box_inner{width:100%;}
}


/*ft_banner*/
section#ft_banner{width:100%;clear:both;}
section#ft_banner ul{overflow:hidden;}
section#ft_banner ul li{float:left;width:50%;overflow:hidden;position:relative;height:230px;transform:skew(0deg);-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);}
section#ft_banner ul li div.bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 1.0s ease;transform: scale(1);font-size:0;z-index:-1;}
section#ft_banner ul li:nth-child(1) div.bg{background:url('../img/main/partner_img2.jpg')no-repeat center;background-size:cover;}
section#ft_banner ul li:nth-child(2) div.bg{background:url('../img/main/partner_img1.jpg')no-repeat center;background-size:cover;}
section#ft_banner ul li:hover div.bg{transform: scale(1.1);}
section#ft_banner ul li a{display:block;text-align:center;line-height:230px;color:#fff;font-size:25px;background-color:rgba(0,0,0,0.4);
							transform:skew(0deg);-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);transition:background-color 0.2s ease;
							-webkit-transition:background-color 0.2s ease;-moz-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;-ms-transition:background-color 0.2s ease;}
section#ft_banner ul li a img{vertical-align:middle;margin-left:10px;}

@media (max-width: 1200px){
	section#ft_banner ul li{height:160px;}
	section#ft_banner ul li a{line-height:160px;color:#fff;font-size:22px;}
}

@media (max-width: 1024px){
	section#ft_banner ul li{height:150px;}
	section#ft_banner ul li a{line-height:150px;font-size:20px;}
	section#ft_banner ul li a img{width:15px;height:16px;}
}

@media (max-width: 768px){
	section#ft_banner ul li a{font-size:15px;}
}
@media (max-width: 576px){
	section#ft_banner ul li{height:100px;}
	section#ft_banner ul li a{line-height:100px;font-size:12px;}
}

/*footer*/
footer{width:100%;background:#333;padding:40px 0;color:#74747d;}
div.footer_con{width:1140px;margin:0 auto;position:relative;}
h2.ft_logo{width:170px;height:40px;font-size:0;background:url('../img/logo/ft_logo_new.png')no-repeat top center;background-size:100%;position:absolute;top:0;left:0;}
/* h2.ft_logo span{color:#929398;text-align:center;display:block;font-size:15px;font-weight:600;} */
div.ft_right{padding-left:230px;width:100%;}
ul.ft_gnb{overflow:hidden;float:left;}
ul.ft_gnb li{float:left;position:relative;}
ul.ft_gnb li:after{content:'';display:block;position:absolute;top:1px;right:0;width:1px;height:17px;background:rgba(255,255,255,0.1);}
ul.ft_gnb li:first-child{margin-left:0;}
ul.ft_gnb li:last-child:after{display:none;}
ul.ft_gnb li a{color:#929398;font-size:17px;font-weight:400;padding:0 15px;}
ul.ft_gnb li:first-child a{padding-left:0;}
div.ft_right_top{position:relative;}
div.ft_right_top::after{content:'';display:block;clear:both;}
div.family_site{float:right;width:180px;height:40px;line-height:42px;border:1px solid #929398;position:relative;top:-9px;}
div.family_site a.family_site_bt{font-size:14px;color:#929398;display:block;width:100%;height:100%;text-align:center;padding-right:30px;position:relative;}
div.fs_arrow{width:30px;height:100%;border-left:1px solid #929398;position:absolute;top:0;right:0;}
div.fs_arrow span{position:absolute;top:18px;left:0;right:0;margin:0 auto;background:#929398;width:50%;height:1px;font-size:0;transition:all 0.2s ease;}
a.family_site_bt.on div.fs_arrow span{transform:rotate(45deg);}
a.family_site_bt.on div.fs_arrow span:first-child{transform:rotate(-45deg);}
ul.family_list{display:none;position:absolute;bottom:100%;left:-1px;width:100%;z-index:1;border:1px solid rgba(285,285,285,0.3);background:rgba(50,50,50,0.8);box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;}
ul.family_list li{border-top:1px solid rgba(285,285,285,0.3);}
ul.family_list li:first-child{border-top:0;}
ul.family_list li a{color:#fff;font-size:12px;text-align:center;}

div.ft_info{margin-top:18px;}
div.ft_info p{font-size:15px;}
div.ft_info_con{overflow:hidden;margin-top:5px;}
div.ft_info_con a, div.ft_info_con p{display:block;margin-right:30px;float:left;color:#74747d;line-height:22px;font-size:15px;}
div.ft_info_con a span{font-size:13px}
div.ft_info p.right{margin-top:10px;}
a.sc_top_bt{display:none;position:fixed;bottom:20%;right:5%;width:70px;height:70px;line-height:73px;background-color:#8a6e4a;font-size:0;background-image:url('../img/sub/icon/sc_top_bt_arrow.png');background-repeat:no-repeat;background-position:center;z-index:10;}



@media (max-width: 1200px){
	div.footer_con{width:100%;padding:0 20px;}
	h2.ft_logo{left:30px;}
	div.ft_right{padding-left:210px;}
}


@media (max-width: 1024px){
	div.footer_con{width:100%;padding:0 20px;}
	h2.ft_logo{position:relative;left:0;right:0;margin:20px auto 0px auto;width:150px;}
	div.ft_right{padding-left:0px;}
	ul.ft_gnb{float:none;}
	ul.ft_gnb li{width:19%;margin-left:0;}
	ul.ft_gnb li.large{width:24%;}
	ul.ft_gnb li a{width:100%;text-align:center;font-size:15px;padding:0;}
	div.family_site{float:none;margin:30px auto 25px;top:0;width:150px;height:30px;line-height:32px;}
	div.family_site a.family_site_bt{font-size:12px;}
	div.fs_arrow span{top:14px;}
	div.ft_info p{font-size:13px;text-align:center;}
	div.ft_info_con{margin-top:10px;}
	div.ft_info_con a, div.ft_info_con p{margin-right:0px;float:none;line-height:18px;font-size:13px;text-align:center;margin-bottom:5px;}
	div.ft_info_con a span{display:block;font-size:11px}
	a.sc_top_bt{display:none !important;}
}

@media (max-width: 768px){
	ul.ft_gnb li a{width:100%;text-align:center;font-size:14px;}
}
@media (max-width: 576px){
	div.footer_con{padding:0 10px;}
	ul.ft_gnb li{width:18%;margin-left:0;}
	ul.ft_gnb li.large{width:28%;}
	ul.ft_gnb li a{width:100%;text-align:center;font-size:11px;padding:0 !important;}
	div.ft_info p{font-size:11px;}
	div.ft_info_con a, div.ft_info_con p{font-size:11px;line-height:16px;}
}



/* 공통 css 끝 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/