/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}



/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/

header{width:100%; height:145px; position:fixed; left:0; top:0; z-index:999; transition: all ease-out .3s ;}


.header_home{width:100%; background:#001449;  margin:0 auto; }
.home_word{max-width:1780px;  margin:0 auto; }

.home_word a{color:#fff; font-size:13px; display:block; padding:10px; transition: all .3s ;}
.home_word a:hover{color:#001449; background:#fff; transition: all .3s ; font-weight:500;}
.home_word ul{display:flex; justify-content:flex-end; }

.header_gnb_bg{width:100%; margin:0 auto;}
.header_t{max-width:1780px; display:flex; justify-content:space-between;  margin:0 auto; align-items:center; height:100px; min-width:1100px;}

.header_t .head_menu_in{display:flex; align-items:center;}


/* 검색버튼 */
.main_search{position:relative; display:block; }
.main_search a.m_search_icon{ width:38px; height:38px; display:block;  background:url("./img/m_search.png") no-repeat center;   }
.m_search_in{display:none; position:absolute; z-index:99999; padding:0; width:300px; top:60px; margin-left:-120px; border-radius:2px; box-shadow:0px 3px 13px 0px rgba(0,0,0,0.2);  background:#fff; color:#484848; right:0;}
.m_search_in > div{position:relative; max-width:300px; margin:15px; }

.search_Area1{width:100%; position:relative; margin:20px;}
.search_Area2{width:87%; position:relative;}
.search_Area2 input[type=text]{height:40px; border:1px solid #d7d7d7; width:87%; }
span.sea_icon{display:block;width:40px; height:40px; line-height:40px; position:absolute; right:0; top:0; background:#2c327e; text-align:Center;  }
span.sea_icon a{display:block; text-align:center; padding:4px 0;}
span.sea_icon img{ max-width:22px;}

.search_arrow{width:50px; height:50px; position:absolute; top:-8px; right:-25px; display:block;  margin-left:10px; overflow:hidden; z-index:9999;}
.sear_arrow{background:#fff; color:#484848; width:12px; height:30px; left:50%; margin-left:-5px; transform:rotate(45deg);  display:block;  }


/* 로고 */
.header_logo .w_logo {display: block; }
.header_logo .c_logo {display: none;  }

.f-nav{ position: fixed; width:100%; background:#fff; left:0; top:0px; border-bottom:1px solid #dfdfdf; height:145px; }
.f-nav header{transition: .3s all ease-out; min-width:1500px;}
.f-nav .c_logo {display: block;}
.f-nav .w_logo {display: none;}
.f-nav .menu .major > ul > li > a{color:#212121; }


@media(max-width:1840px){
.header_home, .header_gnb_bg{padding:0 1%; transition:.3s all;}
}



/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
/* 공통 */
.m_title{text-align:center; }
.m_title h1{font-size:40px; font-family: 'Raleway', sans-serif; font-weight:700; color:#212121; text-transform:uppercase;}
.m_title span{display:block; margin:10px auto 15px; }
.m_title p{font-size:18px; font-weight:500; color:#212121; margin-bottom:40px;}

.m_inner{padding:115px 0;}


#main_video{width:100%; min-width:1500px;  }
#main_video video {width:100%;}

/*b_pro */
#main01{width:100%; background:url("./img/m01_bg.jpg") no-repeat center / cover; min-width:1500px;}

#main02{width:1500px; margin:0 auto; position:relative;}


#main03{width:100%; margin:0 auto; background:#f8f8f8; min-width:1500px;}

#main04{width:100%;   background:url("./img/m4_bg.jpg") no-repeat center / cover; min-width:1500px;}

#main05{width:100%; margin:0 auto; background:#f8f8f8; min-width:1500px;}

#main06{width:1500px; margin:0 auto; position:relative;}
.m6_logo_img1 ul{display:flex; justify-content:space-between; flex-wrap:wrap;margin-bottom:15px;}
.m6_logo_img2 ul{margin-bottom:0;}

/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; } 
.navi_in	{max-width:1200px; margin:0 auto; padding:0;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; padding:0; width:50px; }
.home_btn_all .home_btn {border-right:1px solid #efefef; border-left:1px solid #efefef;}
.home_btn_all .home_btn a	{display:block; height:49px; line-height:50px; text-align:center; }
.home_btn_all .home_btn a:hover		{background:#f8f8f8;}
.home_btn_all .home_btn a img	{vertical-align:middle;}

.navi_left					{float:left;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{padding:0 0 0 0; height:50px; width:250px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:250px; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {padding:0; height:50px; width:250px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend							{position:relative; top:-1px; width:100%; }
.extend > ul				{position: absolute;left:-1px; min-height:1px;width:251px;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }



.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/



/************************* footer_inc 시작 *************************/
#footer_wrap{width:100%; margin:0 auto; position:relative; background:#222; padding:60px 0; min-width:1500px; }
.foot_inner{width:1500px; margin:0 auto; }

#footer_wrap h3{font-family: 'Raleway', sans-serif; font-size:18px; font-weight:600; color:#e8e8e8; text-transform:uppercase;}
#footer_wrap p{font-size:15px; color:#d2d2d2; line-height:35px;}
.foot_right p a{color:#d2d2d2;}
.foot_right p a:hover{color:#fff;}
#footer_wrap span.foot_line{font-size: 14px; display:inline-block; margin: 0 10px;}
.foot_left p{line-height: 25px !important;}

.foot_top_in{display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #373737; padding-bottom: 25px; }
.foot_top_in .foot_logo{padding-right: 60px; }

.foot_bot_in{display: flex; justify-content: flex-start; padding: 35px 0 0; }
.foot_middle{width: 1px; height: 238px; background: #373737; margin: 0 55px;}
.foot_left, .foot_right{ padding-top: 15px; }
span.foot_dot{display:block; margin-bottom:4px;}


.fot_button{position:relative; overflow:hidden;  font-size: 15px; color: #212121; font-weight: 500; text-align: center;  background: #fff; border: 2px solid #fff; display: block; width: 180px; height: 50px; line-height: 3; margin-top: 30px; transition: all .35s ease-in-out .35s;}

.fot_button:before{content:""; width:100%; height:100%; position:absolute; background:#222; transition: all .35s ease-in-out .5s; left:100%; top:100%; }
.fot_button:after{content:""; width:100%; height:100%; position:absolute; background:#222; transition: all .35s ease-in-out .5s; right:100%; bottom:100%;}

.fot_button a{display:block; position:relative; transition: all .35s ease-in-out .35s; z-index:100;}

.fot_button a:hover{color: #fff; background: #222; transition: all .35s ease-in-out .35s;}
.fot_button:hover:before{ transition: all ease-in-out .35s; left:0; top:0;}
.fot_button:hover:after{   transition: all ease-in-out .35s; right:0; bottom:0;}

.footer_site_link ul{display:flex; flex-wrap:wrap;}
.footer_site_link ul li a{font-size:15px; color:#9e9e9e;}
.footer_site_link ul span{font-size:15px; color:#9e9e9e; display:inline-block; padding:2px 10px;}


/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/


/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

/************************* sub_공통타이틀 *************************/
.sub11_title{text-align: center; margin-bottom: 70px; }
.sub11_title p{font-family: 'Raleway', sans-serif; font-weight: 700; color: #001348; font-size: 20px; text-transform: uppercase; margin-bottom: 20px;}
.sub11_title h1{font-size: 38px; line-height: 50px; color: #212121;}
.sub11_title h1 strong{font-weight:600; }
.sub11_title h1 .t_color{font-weight: 600; color: #001348;}

.sub11{padding:100px 0;}

/************************* sub_회사소개 *************************/

.s11{width:100%; background:url("./img/s11_bg1.jpg") no-repeat bottom; min-width:1500px;}
.s11_img1{width: 100%; background: url("./img/s1_img0.png")  no-repeat center; height:492px; min-width:1500px;}

.s11_img_in{width: 1200px; margin: 0 auto; }
.s11_img_txt{padding: 140px 0;}
.s11_img_txt span{font-family: 'Raleway', sans-serif; color: #fff; font-size: 22px; font-weight: 700; display: inline-block;   text-transform: uppercase;}
.s11_img_txt span:after{content:""; display: block; width: 100%; height: 1px; background: #fff; margin-top: 10px;}
.s11_img_txt h2{font-size: 38px; color: #fff;  line-height: 50px; margin-top: 20px;}
.s11_img_txt h2 strong.s11_etxt{font-family: 'Raleway', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; }
.s11_img_txt h2 strong{font-weight: 500;}


.s11_text_box{width: 1200px; margin: 0 auto;}
.s11_text_box h3{font-size: 33px; font-weight: 600; margin-bottom:30px;}
.s11_text_box p{font-size:17px; line-height:27px; }


.s12{width:100%; background:#f8f8f8; }

.s12_list_box{width:1200px; margin: 0 auto; display:flex; justify-content:space-between;}
.s12_list_box > div{width:382px; }
.s12_list_box span{display:block; height:235px;}
.s12_list_box h3{font-size:22px; line-height:28px; font-weight:600;}
.s12_list_box h3:after{content:""; display:block; width:30px; height:1px; background:#001348; margin:20px 0;}
.s12_list_box p{ line-height:22px; word-break:keep-all;}
.s12_list_box .s12_list_txt{background:#fff; height:269px; padding:25px;}


.s13_logo{width:1050px; margin:0 auto;}
.s13_logo ul{display:flex;justify-content:center; flex-wrap:wrap;}
.s13_logo ul li:nth-child(1), .s13_logo ul li:nth-child(2){margin:0 20px 18px 0;}
.s13_logo ul li:nth-child(4){margin:0 20px 0 0;}


.s14{width:100%; background: url("./img/s1_bg2.jpg") no-repeat center; min-width:1500px;}
.s14_text{padding:60px 50px; background:#fff; }
.s14_text h2{font-family: 'Raleway', sans-serif; color:#001348; font-size: 40px; font-weight:600;}
.s14_text h3{font-size:24px; line-height:30px; margin-bottom:30px;}
.s14_text h3 strong{font-weight:600;}
.s14_text p{line-height:26px; word-break:keep-all;}

.s14_box1{width:1200px; margin:0 auto; display:flex; justify-content:flex-start;}
.s14_box1 > div{width:600px; height:400px;}


.s15_list{width:1200px; margin:0 auto;}
.s15_list ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.s15_list ul li:nth-child(1){margin-bottom:7px; }


.s16{ width:100%; margin:0 auto; background: linear-gradient(to bottom, #f8f8f8, white);}
.s16 .sub_inner{width:1200px; margin:0 auto; }
.s16 h2{font-size:28px; font-weight: 600; color: #fff; position:relative;}
.s16 b{font-family: 'Raleway', sans-serif; font-weight: 700; font-size:20px;}
.s16 h3{font-size:24px; font-weight:600;}

.s16_map_txt{display:flex; position:relative; top:-50px;}
.s16_map_t1{width:290px; height:143px; background:#001348; text-align:center; }
.s16_map_t1 h2{padding:50px 0;}
.s16_map_t1 h2:after{content:""; display:inline-block; background:url("./img/s1_dot1.png") no-repeat center; width:4px; height:24px; position:relative; top:2px; margin-left:20px;}

.s16_map_t2{padding:70px 0 0 30px;}
.s16_map_t2 ul{display:flex;}
.s16_map_t2 ul li{margin-right:40px;}
.s16_map_t2 ul li:last-child{margin-right:0;}
.s16_map_t2 p{font-size:17px; }

.s16_text_box{display:flex; justify-content:space-between; margin:20px auto 100px;}
.s16_tbox1{background:#f8f8f8; width:593px; height:103px; display:flex; justify-content:flex-start; align-items:center; padding:0 30px;}
.s16_tbox1 h3{color:#001348;}
.s16_tbox1 h3:after{content:""; display:inline-block; background:url("./img/s1_dot2.png") no-repeat; width:4px; height:22px; position:relative; top:2px; margin-left:20px;}
.s16_tb_line{width:1px; height:74px; background:#e6e6e6; margin: 0 30px; }

.s16_info_box{display:flex; }
.s16_info_img{width:600px;}
.s16_info_txt{width:600px;}
.s16_info_txt > h3{padding:30px 0 10px 40px;}
.s16_info_txt > p{line-height:25px; padding:0 0 37px 40px;}

.s16_info_btxt{background:#001348; width:600px; height:160px; color:#fff; padding:40px;}
.s16_info_btxt ul{display:flex;}
.s16_info_btxt ul li{flex:1;}
.s16_info_btxt h4{font-size:18px; font-weight:600;}
.s16_info_btxt p{position:relative; padding-left:10px;}
.s16_info_btxt p:before{content:""; display:block; width:5px; height:5px; background:#fff; position:absolute; top:10px; left:0;}


/************************* sub_회사소개 끝*************************/

/************************* sub_가이드*************************/
/* tab_menu */
.s31_tab{width:800px; display:flex; margin:0 auto;}
.s31_tab a{width:200px; height:65px; border:1px solid #d7d7d7; background:#fff; color:#484848; font-size:18px;line-height:65px; text-align:center; transition:0.3s all; margin-right:-1px;}
.s31_tab a:first-child{border-radius:5px 0 0 5px;}
.s31_tab a:last-child{margin-right:0; border-radius:0px 5px 5px 0px;}
.s31_tab a:hover{background:#001348; color:#fff; transition:0.5s all; border:1px solid #001348;}
.s31_tab a.on, .s31_tab a.t01{color:#fff; background:#001348; border:1px solid #001348;}


.sub31{width:1200px; margin:0 auto;}
.s31_wrap{ margin:60px auto 0;}
.s31_wrap:not(:first-child) {display:none;}
.s31_wrap h2{text-align:Center; line-height:1.3; margin-bottom:30px;}
.s31_wrap h2 strong{font-weight:600; color:#001348;}
.s31_wrap_in{display:flex; justify-content:space-between; flex-wrap:wrap;}

.s31_wrap_in > div{width:560px;}
.s31_wrap_in h3{font-size:26px; font-weight:600; margin:10px 0;}
.s31_wrap_in p{line-height:26px; color:#484848; margin-bottom:65px;}
.s31_wrap_in > div:last-child p{margin-bottom:0;}


/************************* sub_가이드 끝*************************/

/************************* sub_견적문의*************************/
.s61_wrap{width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.s61_wrap > div{width:382px; }
.s61_wrap p{font-family: 'Raleway', sans-serif; color:#001348;  font-weight:700;}
.s61_wrap h3{ font-size:22px; font-weight:600; }
.s61_txt{position:relative; width:382px; margin-top:20px;}
.s61_txt a{position:absolute; right:0; width:130px; height:40px; border:1px solid #001348; color:#001348; text-align:center; line-height:36px; transition:.3s all; font-size:15px; top:5px;}
.s61_txt a:hover{background:#001348; color:#fff; }

/************************* sub_견적문의 끝*************************/

/************************* sub_알루미늄견적문의*************************/


.req_box{width:1200px; margin:0 auto 50px; }
.req_6box{margin:0 auto;}
.req_title{margin-bottom:10px;}
.req_title h2{font-size:26px; font-weight:600;}
.req_title h2 strong{font-family: 'Raleway', sans-serif; font-size:40px; margin-right:10px; color:#001348; font-weight:700;}

.req_table{width:100%; display:table; table-layout:fixed;  border-top:2px solid #001348; border-bottom:1px solid #212121; }

.req_table .req_rows{border-bottom:1px solid #d7d7d7;}
.req_table  > div:last-child{border-bottom:0px;}
.req_table .req_rows .row_hd{display:table-cell; width:270px; vertical-align:middle; font-weight:600; font-size:18px; padding:20px 0 20px 40px; }
.req_table .req_rows .row_hd i.cOrange{color:#f58a00; font-weight:600; font-style:normal;}
.req_table .req_rows .row_bd{display:table-cell; width:930px; padding:10px 0;}
.req_table .req_rows .row_bd input{min-width:370px; height:50px; background:#fff; border:1px solid #d7d7d7; padding:0 10px;}
.req_table .req_rows .row_tel input, .frm_select_tel{min-width:114px; height:50px;}

.req_table .req_rows .row_email input, .frm_select {min-width:100px; height:50px;}

.req_table .req_rows .row_email ul li{font-size:15px; color:#f58a00; font-weight:500; margin-top:7px;}


.req_title span.tit_layer{display:inline-block; margin-left:5px;}

.req_table .req_cols ul{display:flex; padding:30px 40px; font-size:18px;}
.req_table .req_cols ul li{margin-right:40px;}
.req_table .req_cols ul li:last-child{margin-right:0;}

/*체크박스 이미지효과*/
.req_cols input{overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0; }
.req_cols .ico{width:23px;height:23px;border:1px solid #d7d7d7; display:inline-block; position:relative; top:5px; margin-right:10px; border-radius:5px;}
.req_cols input:checked + .ico{background:url("./img/check_btn.png") no-repeat center; border:1px solid #001348; width:23px; height:23px;}

.search_box{position:relative;}
.req_3box ul{margin-top:7px;}
.req_3box ul li{font-size:15px; line-height:25px; }
.search_in input{width:890px; }
.search_box a{display:block; width:60px; height:50px; position:absolute; background:url("./img/s62_btn1.png") no-repeat right; top:0; right:40px;}


.req_4box ul{margin-top:7px;}
.req_4box ul li{font-size:15px; line-height:25px; }
.req_table textarea{min-width:890px; height:180px; border:1px solid #d7d7d7; padding:20px;}

.file_box{position:relative; }
.file_box .upload-name{width:652px;}
.file_box label{position:absolute; top:0; right:108px; display:inline-block; width:170px; height:50px; background:#001348; color:#fff; text-align:center; line-height:50px; }
.file_box input[type="file"]{position:absolute; width:1px; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden; border:0 !important; min-width: unset !important;}
.file_box a{display:block; width:60px; height:50px; position:absolute; background:url("./img/s62_btn2.png") no-repeat right; top:0; right:40px;}


.req_5box .req_table .req_cols ul{padding:10px 0; justify-content:flex-start;}
.req_5box .req_table .req_cols ul li{margin-right:10px;}
.req_5box .req_table .req_cols ul li h3{font-size:18px; font-weight:500; margin-bottom:10px;}
.req_5box .req_table .req_cols ul li h3 span{display:inline-block; margin-left:5px; }

.req_5box .req_table .req_rows{border-top:1px solid #d7d7d7;}
.req_5box .req_table .req_rows ul{margin-top:7px;}
.req_5box .req_table .req_rows ul li{font-size:15px; line-height:25px; }

.req_6box .req_table .req_cols ul li label { margin-right:5px; }


.req_check{text-align:Center; margin:60px auto 30px;}
.req_sumbit a{display:block; width:170px; height:60px; line-height:60px; color:#fff; text-align:Center; font-size:18px; background:#001348; margin:0 auto;}

/************************* sub_알루미늄견적문의 끝*************************/


/************************* 견적문의 레이어 *************************/
.req_layer{width:1050px; margin:0 auto; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.08); position:relative; }

.layer_title{width:100%; border-bottom:1px solid #d7d7d7; position:relative; padding:20px ;  }
.layer_title h1{font-size:18px; font-weight:600;}
.layer_title button{background:none; border:none; position:absolute; right:20px; top:20px;}
/************************* 견적문의 레이어 끝*************************/


/************************* 가방샘플리스트 *************************/
.sub21{width:1500px; margin:0 auto; position:relative; padding:100px 0;}

.s21_wrap{display:flex; justify-content:space-between;}

.s21_leftmenu{width:212px; }
.s21_leftmenu .left_menu{width:100%; background:#f9f9f9; margin-bottom:15px;}
.s21_leftmenu .left_menu h2{font-size:18px; font-weight:600; padding:10px 25px;}
.s21_leftmenu .left_menu .left_line{display:block; width:195px; height:2px; background:#001348; margin:0 auto;}

.s21_leftmenu .left_menu ul{width:195px; margin:0 auto; padding:10px 0;}
.s21_leftmenu .left_menu ul li{position:relative; }
.s21_leftmenu .left_menu ul li a{font-size:16px; color:#021212; display:block; padding:5px 25px; transition:.3s all;}
.s21_leftmenu .left_menu ul li a:hover{color:#fff; width:100%; background:#001348; }
.s21_leftmenu .left_menu ul li a.onon{color:#fff; width:100%; background:#001348; }

.s21_leftmenu .left_menu ul li a:after{content:""; background:url("./img/s21_m_off.png") no-repeat right; width:6px; height:11px;  display:block; position:absolute; right:15px; top:12px; }
.s21_leftmenu .left_menu ul li a:hover:after{content:""; background:url("./img/s21_m_on.png") no-repeat right; width:6px; height:11px;  display:block; position:absolute; right:15px; top:12px; }

.left_mall a{display:block; background:url("./img/s21_mall.png") no-repeat center; width:212px; height:64px; }




.s21_rightlist{width:1245px;}


.s21_search{margin-bottom:10px;}
.s21_sea_in:after{content:""; display:block; clear:both;}
.s21_sea_box{float:right; width:290px; }
.s21_searchbox{width:250px;}
.s21_sea_box:after{content:""; display:block; width:100%; height:2px; background:#212121; margin-top:10px;}
.s21_sea_box input::placeholder {font-size:15px; font-weight:600; color:#777;}

 .s21_category {margin-bottom:20px;}
 .s21_category .check_type{display:table-cell; vertical-align:middle; overflow:hidden; height:30px; width:100%; background:#f5f5f5; border-radius:25px; padding:0 22px; }
 .s21_category .che_type1{display:inline; }
 .s21_category .che_type1 label{display:inline-block; color:#686868; font-weight:500; font-size:16px;  border-radius:25px; margin:10px 0; transition:.3s all; padding:4px 20px 6px; cursor:pointer;}
 .s21_category .che_type1 input[type="radio"]{position:absolute; opacity:0;}
 .s21_category .che_type1 input[type="radio"]:checked + label{background:#001348; color:#fff; font-weight:500; transition:.3s all;}

/************************* 가방샘플리스트 끝*************************/

/************************* 가방샘플 레이어 *************************/
.s21_layer{width:1077px; height:880px;  margin:0px auto; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.08); position:relative; overflow-y:scroll; }

.layer_title{width:100%; border-bottom:1px solid #d7d7d7; position:relative; padding:20px ;  }
.layer_title h1{font-size:18px; font-weight:600;}
.layer_title button{background:none; border:none; position:absolute; right:20px; top:20px;}

.s21_layer .s21_layer_info{text-align:center; padding:25px; }

.s21_arrow{width:1200px; margin:0 auto; }
#s21_prev{width:47px; height:46px; background: url("./img/s21_prev.png") no-repeat; position:absolute; top:50%; left:18.5%;}
#s21_next{width:47px; height:46px; background: url("./img/s21_next.png") no-repeat; position:absolute; top:50%; right:18.5%;}

.s21_info_txt{width:80%; margin:35px auto; position:relative;}
.s21_info_txt h2{font-family: 'Raleway', sans-serif; color:#001348; font-weight:700; text-align:Center; font-size:28px; }
.s21_info_table{margin:15px auto; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.s21_info_table:after, .s21_info_table dl:after{content:""; display:block; clear:both;}
.s21_info_table dl{width:100%; max-width:300px; position:relative; font-size:15px; box-sizing:border-box; margin:30px auto;}
.s21_info_table dl dt{width:30%; max-width:60px; float:left; font-weight:600; text-align:left;}
.s21_info_table dl dd{width:70%; float:left;  text-align:left; margin-bottom:15px;}
.s21_info_table dl dd:last-child{margin-bottom:0;}

.s21_info_txt p{font-size:15px; font-weight:500; color:#f58a00; margin-top:7px; }
.s21_info_txt a{font-size:15px; color:#212121; font-weight:500; text-align:center; background:#fff; border:2px solid #001348; transition:.3s all; display:block; width:180px; height:50px; line-height:3;  margin:30px auto 0;}
.s21_info_txt a:hover{background:#001348; color:#fff; }

/************************* 가방샘플 레이어 끝*************************/