/** ½ºÅ²µðÀÚÀμ¥ ¸ñ·Ï **/

body{color:#252525;}
#container_body{padding:0;}
.header.white_header .header_top .logo{background:url('../../img/logo/logo-white-all.png')no-repeat; background-size:cover;}

/*½ºÅ² µðÀÚÀμ¥ ž ¹è°æ*/
.skin .skin_top_bg{background:url('../../img/goods/list_bg.jpg')no-repeat 50% 50%; background-size:cover; padding-top:30px;}
.skin .skin_top_bg h1{text-align:center; font-size:30px; color:#fff; font-weight:normal; line-height:230px;}

/*¸®½ºÆ® °øÅë*/
.skin_content .title{font-size:26px; font-weight:500; padding-bottom:40px;}
.skin_content .title a{float:right; font-size:15px; line-height:38px; color: #686868; font-weight: 400;}
.skin_content .title a img{margin-left:10px; vertical-align:middle; margin-top:-3px;opacity: 0.7;}

/*º£½ºÆ® ½ºÅ²*/
.best li{margin-bottom:0;}

/*Áß°£¹è³Ê*/
.mid-banner{border:4px solid #dadada; margin:169px auto; padding:75px 0; text-align:center; position:relative;box-sizing: border-box;}
.mid-banner h1{font-size:45px; font-weight:300; line-height:1; padding-bottom:24px;}
.mid-banner p{font-size:16px; line-height:1;}
.mid-banner a{display:block; position:absolute; top:75px; right:43px; width:85px; height:85px; background:url('../../img/icon/icon_arrow_rightL.png')no-repeat 50% 50%; background-color:#343434;}

/*Àüü¸®½ºÆ®*/
.list_top{position:relative; padding-bottom:33px;}
.list_top p{font-size:15px;}
.list_top p span{font-weight:bold;}
.list_top ul{position:absolute; top:0; right:0;}
.list_top ul li{margin-left:27px;}
.list_top ul li a{font-size:15px; color:#a1a1a1;}
.list_top ul li.act a{color:#222; font-weight:500;}

/*ÆäÀÌ¡*/
.list_page{margin-bottom:150px;}

/*À̺¥Æ®*/
.event{margin-bottom: 40px;}
.event .banner a{width:calc(50% - 20px);}
.event .banner a:last-child{margin-left:40px;}
.event .banner a img{width:100%;}

/*Æ÷Æ®Æú¸®¿À ¸®½ºÆ®*/
.p_list{margin:169px auto 79px; height:151px;}
.p_list>div{height:100%; padding:0 48px; box-sizing:border-box; position:relative;}
.p_list .left{width:893px; background:#f2f2f2;}
.p_list .right{width:387px; background:#323232;}
.p_list .left h1{font-size:25px; color:#191919; font-weight:400; line-height:151px;}
.p_list .left a{position:absolute; right:48px; top:46px; display:block; border:1px solid #323232; width:229px; height:60px; font-size:16px; color:#323232; line-height:60px; padding-left:38px; box-sizing:border-box; background:url('../../img/icon/icon-gig-b.png')no-repeat 88% center;}
.p_list .right span.tit{font-size:24px; color:#fff; line-height:151px;}
.p_list .right a{width:60px; height:60px; border:1px solid #fff; position:absolute; top:46px; right:48px; display:block; box-sizing:border-box; padding:20px 16px;}
.p_list .right a span{display:block; width:100%; height:1px; background:#fff; margin-bottom:7px;}
.p_list .right a span:last-child{margin:0;}

/*»ó´Ü¸Þ´º*/
.top_menu{border-bottom:1px solid #ececec;position: relative;}
.top_menu>div{position:relative;}
.top_menu ul{text-align:center;}
.top_menu ul li{margin:0 30px;}
.top_menu ul li a{display:block; font-size:15px; color:#a1a1a1; font-weight: 500; line-height:69px; position:relative;}
.top_menu ul li a:after{content:""; position:absolute; bottom:-1px; left:0; display:block; width:0; height:3px; background:#4ab8ff; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.top_menu ul li.act a{color:#323232;}
.top_menu ul li.act a:after{width:100%;}
.top_menu p{position:absolute; right:0; top:14px;}

/* ¼­ºê¸Þ´º */
.top_sub_menu{background: #f7f7f7;text-align: center;margin-bottom: 80px;}
.top_sub_menu li a{color: #a1a1a1;font-size: 15px; display: block; margin: 0 16px; padding: 24px 0;}
.top_sub_menu li.current a{color: #222; font-weight: 500;}

/* °Ë»öÆû */
.search_wrap{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.search_wrap .search_inner input{width: 235px; height: 46px; line-height: 46px; padding: 0 10px; box-sizing: border-box; border: none; position: absolute; right: -10px; top: -10px; background: #f7f7f7; font-size: 14px; z-index: -1;padding-right: 40px;}
.search_wrap .search_inner input::placeholder{color: #aaa;}

/*Ä«Å×°í¸® â*/
.list_wrap{border-bottom:1px solid #ececec; padding-top:66px;}
.list_wrap .s_box{width:25%;}
.list_wrap .s_box .skin_title{padding-left:20px; font-size:15px; color:#323232; font-weight:bold;}
.list_wrap .s_box .skin_title span{display:none;}
.list_wrap .s_box .skin_title ul{padding:23px 20px; box-sizing:border-box;}
.list_wrap .s_box .skin_title ul .chk{}
.list_wrap .s_box .skin_title ul li{}


/**** ¸ð¹ÙÀÏ/Å×ºí¸´ ¸®»çÀÌ¡ ****/

@media(max-width: 1280px) {

	/* ¸®½ºÆ® °øÅë */
	.skin_content .title{padding-bottom: 20px;}

	/* º£½ºÆ® ½ºÅ² */
	.best li:nth-of-type(3) ~ li{display: none;}

	/* Áß°£¹è³Ê */
	.mid-banner{text-align: left;padding: 40px 0 40px 30px;}
	.mid-banner a{top: 50%; right: 20px; width: 50px; height: 50px; margin-top: -25px;background-size: 28%;}

	/* ÆäÀÌ¡ */
	.list_page{margin-bottom:100px;}

	/* À̺¥Æ® */
	.event { margin-bottom: 8px; }
	.event .banner a { width: calc(50% - 5px); }
	.event .banner a:last-child { margin-left: 10px; }

	/* ¼­ºê¸Þ´º */
	.top_sub_menu{padding: 18px 0;}
	.top_sub_menu li a{padding: 5px 0; margin: 0 12px;}

	/* °Ë»öÆû */
	.search_wrap{right: 15px;}
}

@media(max-width: 769px) {

	/* ¸®½ºÆ® °øÅë */
	.skin_content .title { padding-bottom: 15px; font-size: 16px; }
	.skin_content .title a{font-size: 12px;} 
	.skin_content .title a img{margin-left: 6px; width: 5px;}

	/* ½ºÅ² µðÀÚÀμ¥ ž ¹è°æ */
	.skin .skin_top_bg h1 { font-size: 18px; line-height: 100px; }

	/* º£½ºÆ® ½ºÅ² */
	.best li:nth-of-type(2) ~ li,
	.best li .sample{display: none;}

	/* Áß°£¹è³Ê */
	.mid-banner{padding: 20px;border: 2px solid #dadada;margin: 30px auto 50px;}
	.mid-banner h1{font-size: 18px; padding-bottom: 0;padding-right: 60px;}
	.mid-banner p{font-size: 11px;color: #aeaeae;line-height: normal;padding-right: 60px;word-break: keep-all; display: none;}
	.mid-banner a{right: 20px; width: 30px; height: 30px; margin-top: -15px;}

	/* ÆäÀÌ¡ */
	.list_page{margin-bottom:60px;}

	/* À̺¥Æ® */
	.event {margin-bottom: 0px;}
	.event .banner a,
	.event .banner a:last-child{ width: 100%;display: block;margin: 0 0 8px 0;}

	/* »ó´Ü¸Þ´º */
	.top_menu ul{text-align: left;}
	.top_menu ul li { margin: 0 20px 0 0; }
	.top_menu ul li a{line-height: 42px;font-size: 13px; font-weight: normal;}
	.top_menu ul li.act a {font-weight: 500;}
	.top_menu ul li a:after{height: 2px;}

	/* ¼­ºê¸Þ´º */
	.top_sub_menu{padding: 10px 0;margin-bottom: 30px;}
	.top_sub_menu .cut_layout{padding-right: 5px;}
	.top_sub_menu ul{text-align: left;}
	.top_sub_menu li a{padding: 2px 0; margin: 0 10px 0 0; font-size: 12px; }

	/* °Ë»öÆû */
	.search_wrap .search_inner input{top: -16px; height: 50px; line-height: 48px; right: -15px; padding-right: 44px;}
	.search_wrap .search_btn img{width: 16px;}
}

@media(max-width: 350px) {

	/* Áß°£¹è³Ê */
	.mid-banner { padding: 15px 10px;}
	.mid-banner h1 { font-size: 15px; padding-bottom: 0; padding-right: 47px; }
}