@charset "utf-8";
/*******************
공통
********************/

#sub_wrap{margin-bottom:150px; width: 100%;}

/*탭*/
#tab_menu{margin-bottom:20px;}
#tab_content > div{display:none;}
#tab_content > div.active{display:block;}
.tab1{border:1px solid #d9d9d9; border-radius:10px; min-height:44px; display:flex; flex-direction:row; justify-content:space-between; text-align:center; overflow:hidden;}
.lnb .selected{display:none;}
.tab1 a{color:#111; font-size:16px; width:100%; min-height:44px; display:flex; justify-content:center; align-items:center; background:#fff; border-left:1px solid #d9d9d9;}
.tab1 a:first-child{border:none;}
.tab1 a.active{background:#1e70e7; color:#fff; font-weight:700;}
.tab1.items2 a{width:50%;}

@media screen and (min-width:769px){
/*.tab1.mall{display: flex !important; flex-wrap:wrap; justify-content:flex-start; height:inherit; min-height:44px; border-bottom:none; position:relative; background:#f8f8f8;} */
.tab1.mall{flex-wrap:wrap; justify-content:flex-start; height:inherit; min-height:44px; border-bottom:none; position:relative; background:#f8f8f8;}		/* 윗 라인 쓰면 웹에서 이상하게 나옴 */
.tab1.mall:after{content:' '; width:100%; height:1px; background:#ddd; position:absolute; bottom:0; display:block; z-index:2;}
.tab1.mall a{width:14.28%; border-right:1px solid #ddd; border-left:none; border-bottom:1px solid #ddd; position:relative; z-index:1; box-sizing:border-box;}
.tab1.mall a:nth-child(7n){border-right:none;}
}
/*텍스트*/
.txt_r{color:#ff3333; font-style:normal; margin-left:5px; }
.txt_point{color:#1e70e7;}
/*타이틀*/
.area_tit1{font-size:18px; margin-bottom:30px; margin-top:50px; text-align:center; font-weight:300;}
.area_tit1 .tit{font-size:40px; margin-bottom:20px; font-weight:700;}
.area_tit1.add_banner{display: flex; justify-content: space-between; align-items: center; margin: 10px 0 5px; min-height: 132px;}
.area_tit1.add_banner .tit{margin: 0 auto;}
/*버튼*/
.area_btn{margin-top:30px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.btn{border-radius:3px; height:46px; background:#1e70e7; color:#fff; text-align:center; padding:0 10px; box-sizing:border-box; cursor:pointer; display: inline-flex !important; justify-content: center; align-items: center;}
.btn+.btn{margin-left:8px;}
.btn.big{height:55px; line-height:55px; min-width:150px; font-size:18px;}
.btn.gray{background:#666; cursor:pointer; }
.btn.gray_light{background:#aaa; cursor:pointer; }
.btn.white{background:#fff; border:1px solid #1e70e7; color:#1e70e7;}
.btn.white2{background:#fff; border:1px solid #333; color:#333;}
.btn.dark{background:#233183;}
.btn_txt{color:#1e70e7}
.btn_txt.alignL{margin-right: auto; margin-left: 0; }

/*테이블*/
.table_box,
.table_box2{overflow-x:auto; padding-bottom:20px; margin-bottom:20px;}
.img_box{display:flex; margin-bottom:10px; padding-bottom:10px; overflow-y:auto;}
.img_box img{margin-right:10px; max-height:160px;}



.table_box table{min-width:580px;}
.table1{border-top:1px solid #202732;}
.table1 tr:first-child th,
.table1 tr:first-child td{border-top:none;}
.table1 th,
.table1 td{text-align:center; border:1px solid #d9d9d9;padding:10px;}
.table1 th{background:#f8f8f8; font-weight:400;}


/*write box*/
.tab1+.input_box1,
.tab1+form{margin-top:20px;}
.input_box1{border:1px solid #d9d9d9; border-radius:10px; padding:40px; box-sizing:border-box; font-size:17px;}
.input_box1 > ul > li{display:flex; align-items:center;}
.input_box1 li+li{margin-top:15px;}
.input_box1 li > p:first-child{width:20%;}
.input_box1 li > p:last-child{width:80%;}
.input_box1 li div:last-child{width: 80%;}
.input_box1 input+.btn{margin-left:10px;}
.input_box1 .btn{min-width:100px;}
.input_box1 input[type=tel],
.input_box1 select{width:23.5%;}
.input_box1 input[type=text],
.input_box1 input[type=password]{width:75.3%;}
.input_box1 textarea{width:75.3%;}
.input_box1 .terms{width: 75.3%; height: 200px; overflow-y: auto; padding: 5%;}

#div_out.popup .input_box1 input[type=text],
#div_out.popup .input_box1 input[type=password],
#div_out.popup .input_box1 textarea,
#div_out.popup .input_box1 .terms{width: 100%; padding:10px;}


.input_box2 table{border-bottom:1px solid #ddd;}
.input_box2 th{background:#f8f8f8; text-align:left; font-weight:400; min-width:120px;}
.input_box2 th,
.input_box2 td{border-top: 1px solid #ddd; padding:13px; vertical-align:middle;}
.input_box2 td input+.btn{margin-left:5px;}
.input_box2 td input[type=password],
.input_box2 td .align input[type=text]{width:100%;}
.input_box2 td .align{display:flex; align-items:center;}
.input_box2 .btn.gray{min-width:100px;}
.input_box2 .field_star{text-align:right;}

.input_box2 td .align input[type=tel]{width:100%;}
.input_box2 .select_field select{width: 100%;}

.info_box1{border:1px solid #d9d9d9; border-radius:10px; padding:50px 60px; box-sizing:border-box;text-align:center; font-size:20px; color:#111;}
.info_box1 img{margin-bottom:30px;}
.info_box1 .tit{font-size:30px; margin-bottom:20px;}



.list_dot{color:333; font-size:16px;}
.list_dot li{margin-bottom:10px; padding-left:13px;}
.list_dot li:before{content:' '; width:4px; height:4px; display:inline-block; background:#1e70e7; margin-right:10px; margin-left:-13px; border-radius:5px; vertical-align:4px;}
/************
팝업
*************/
/*이미지슬라이더*/
/*.img_slider_wrap{position: relative;}
.img_slider_wrap .bx-wrapper{margin: 0 auto;}
.img_slider_wrap .bx-viewport{min-height: 300px;}
.img_slider{}
.img_slider li{text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; width:640px !important; min-height:300px; height: 50vh !important}
.img_slider li img{max-width: 100%; margin: 0 auto; max-height: 100%; height: 100%;}
.img_slider_button{position: absolute; top:50%; margin-top: -20px;}
.img_slider_button a{font-size:0;}
.img_slider_button a:before{content: ' '; display: block; width: 40px; height: 40px; background-color: #666; border-radius: 100px; background-repeat: no-repeat; background-position: center; box-shadow: 1px 1px 3px rgba(0,0,0,.4)}
.img_slider_button.bxslider4_next a:before{background-image: url("../img/sub/btn_maga_next.png")}
.img_slider_button.bxslider4_prev a:before{background-image: url("../img/sub/btn_maga_prev.png")}
.img_slider_button.bxslider4_prev{left:5%;}
.img_slider_button.bxslider4_next{right:5%;}*/
.img_slider{display: flex;justify-content: flex-start; max-width: 100%; overflow: auto; max-height: 70vh;}
.img_slider li{margin-right:20px;}
.star_box{background:#f8f8f8; padding:25px; text-align:center; position:relative;direction: rtl}
.star_box input[type=radio]{display:none;}
.star_box label{background:url(../img/sub/grade_off.png) no-repeat center; width: 33px;height: 32px; display:inline-block; cursor:pointer; margin-right:3px; margin-bottom:35px;}
.star_box label:last-child{margin-right:0;}
.star_box label span{display:none; position:absolute; bottom:20px; left:0; right:0; text-align:center;font-size:18px; color:#111; font-weight:500;}
.star_box input[type="radio"]:checked+label span{display:block;}
.star_box input[type=radio]:checked ~ label{background-image: url(../img/sub/grade_on.png);}
.star_box .txt{font-size:16px; text-align:center; margin-top:10px;}
.star_box .txt b{font-size:18px; margin-bottom:5px;}
.star_box .star{direction:ltr;}
.star span{display:inline-block; height:32px;}
.star .on{background:url(../img/sub/grade_on.png) repeat 0 0;}
.star .off{background:url(../img/sub/grade_off.png) repeat 0 0;}
.star.type1 .on{width:39px;}
.star.type1 .off{width:156px;}
.star.type2 .on{width:78px;}
.star.type2 .off{width:117px;}
.star.type3 .on{width:117px;}
.star.type3 .off{width:78px;}
.star.type4 .on{width:156px;}
.star.type4 .off{width:39px;}
.star.type5 .on{width:195px;}
.star.type5 .off{width:0;}

.input_box2 .field_star {white-space:nowrap;}
.input_box2 .field_star .star span{background-size:18px 15px; height:15px;}
.input_box2 .field_star .star.type1 .on{width:18px;}
.input_box2 .field_star .star.type1 .off{width:72px;}
.input_box2 .field_star .star.type2 .on{width:36px;}
.input_box2 .field_star .star.type2 .off{width:54px;}
.input_box2 .field_star .star.type3 .on{width:54px;}
.input_box2 .field_star .star.type3 .off{width:36px;}
.input_box2 .field_star .star.type4 .on{width:72px;}
.input_box2 .field_star .star.type4 .off{width:18px;}
.input_box2 .field_star .star.type5 .on{width:90px;}
.input_box2 .field_star .star.type5 .off{width:0;}

.popup .textarea{margin-top:10px;}
.popup .textarea textarea{width:100%; height:150px;}
.popup .search{display:flex; background: #f5f5f5; padding:30px 20px; justify-content: center; align-items: center; font-weight: bold;}
.popup .search p,
.popup .search a,
.popup .search select,
.popup .search input{margin:0 10px 0 0;}
.popup .search select{width: 30%;}
.popup .search.board_search select,
.popup .search.board_search input[type=text]{height: 35px; min-height: 35px !important;}
.popup .search .btn{height: 35px;  font-size:13px; font-weight: 400;}
.popup .search .btn img{margin-left: 5px;}
/*설비 항목추가 팝업*/
#pop_add_item{z-index: 998 !important;}
#pop_add_item .wrap{width:90%; max-height: 90vh;}
#pop_add_item.popup .thumb_list3.mall li{width:24.25%;}
#pop_add_item.popup .thumb_list3.mall li:nth-child(2n){margin-right: 1%;}
#pop_add_item.popup .thumb_list3.mall li:nth-child(4n){margin-right: 0}
#pop_add_item.popup .search{padding:10px;}
/*********************
로그인
***********************/

.login{width:530px; margin:58px auto 0;}
.login .area_tit1{margin-bottom:70px;}
.login .area_input{border:none; padding:0; margin:0;}
.login .area_input legend{display:none;}
.login .area_input input[type=text],
.login .area_input input[type=password]{border:none; border-bottom:1px solid #ddd; width:100%; border-radius:0; font-size:17px; height:50px; line-height:50px; margin-bottom:30px;}
.login .area_input .btn{width:100%; background:#1e70e7; border-radius:3px; color:#fff; height:56px; font-size:18px; font-weight:700;}
.login .auto_login{margin-top: 10px;}
.login .auto_login label{cursor: pointer;}
.login .arae_link{margin-top:10px; text-align:center;}
.login .arae_link a{display:inline-block; color:#333; font-size:17px; vertical-align:middle}
.login .arae_link a:first-child:after{content:' '; display:inline-block; margin:0 10px; background:#333; width:2px; height:2px; border-radius:2px; vertical-align:5px;}
.login .area_sns{margin-top:40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.login .area_sns .button{width:49.2%; margin-bottom: 10px;}
.login .area_sns a{border-width:2px; border-style:solid; border-radius:3px; padding:19px 0; /*width:32.3%; width:49%;*/ text-align:center; box-sizing: border-box;}
.login .area_sns a img{vertical-align: -1px;}
.login .area_sns a span{font-weight:bold; font-size:18px;}
.login .area_sns a.naver{border-color:#03cf5d;}
.login .area_sns a.kakao{border-color:#febc30;}
.login .area_sns a.google{border-color:#4285f4;}
.login .area_sns a.google img{vertical-align: -6px;}
.login .area_sns .signin-button{width:49.2%; max-width: none; cursor:pointer;}
.login .area_sns .signin-button > div{height: 68px !important; max-height:none !important; border-radius: 3px !important; overflow: hidden; width: 100% !important;}

/********************
약관 등
********************/
.terms{border:1px solid #d9d9d9; border-radius:10px; font-size:16px; padding:50px; box-sizing:border-box; color:#333;}
.terms dt{font-size:18px;font-weight:500;}
.terms dt:first-child{font-size:30px; margin-bottom:40px}
.terms dd{margin-bottom:40px; font-weight:400;}

/*******************
회원가입
********************/
.agree_box {padding:35px; border-radius:10px; border:1px solid #d9d9d9;}
.agree_box .tit{color:#111; font-size:24px; margin-bottom:15px; font-weight:700;}
.agree_box .terms{border:none; border-radius:0; padding:10px; background:#f8f8f8; height:250px; padding:25px; overflow-y:auto;}
.agree_box .terms{margin-bottom:16px; }
.agree_box .terms dl, .agree_box .terms dt, .agree_box .terms dd ,.agree_box .terms ul ,.agree_box .terms li,
.agree_box .terms div, .agree_box .terms p, .agree_box .terms a{font-size:13px !important; color:#333;}
.agree_box .terms dl{margin-bottom:10px; color:#666;font-size:16px;}
.agree_box .terms dt:first-child{font-size:16px; margin-bottom:5px}
.agree_box .terms dt{font-size:16px;}
.agree_box .terms dd{margin-bottom:15px;}
.agree_box .field_input+.tit{margin-top:36px;}
.agree_box .field_input.all{margin-top: 15px; padding-top: 15px; border-top:1px solid #ddd;}

.join_type{ border-radius:10px; border:1px solid #d9d9d9; padding:50px; text-align:center; display:flex;}
.join_type > div{width:50%; font-size:16px; color:#333;}
.join_type > div:last-child{border-left:1px solid #d9d9d9;}
.join_type .tit{font-size:33px; color:#1e70e7; margin:20px 0; font-weight:700;}
.join_type .txt{width:70%; margin:0 auto}
.join_type .btn{margin-top:30px;}

/*****************
매거진 슬라이드
******************/
.magazine_slide{background:#e5eefc; padding:70px 0; margin-bottom:40px;}
.magazine_slide .flexslider{border:none; background:none; border-radius:0; margin:0;}
.magazine_slide .wrap{display:flex;}
.magazine_slide .field_img{width:29%; margin-right:6%; padding:10px; box-sizing:border-box;}
.magazine_slide .field_img img{box-shadow:0px 0px 10px rgba(30,112,231,.5); /*width:100%;*/}
.magazine_slide .field_info{width:550px; opacity: 0;}
.magazine_slide .field_tit{color:#222; font-size:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:550px; margin-top:5px;}
.magazine_slide .field_detail{max-height:50px; overflow:hidden; font-size:16px; color:#222; margin-top:30px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.magazine_slide .tag{margin-top:30px;}
.magazine_slide .tag span{display:inline-block; border-radius:3px; background:#fff; color:#a1a1a1; font-weight:100; font-size:14px; padding:10px 20px; margin-right:5px; margin-bottom: 5px;} 

.magazine_slide .flex-control-thumbs{position:absolute; left:35%; bottom:10px; width:65%; display: flex;}
.magazine_slide .flex-control-thumbs li{width:calc(16.6% - 4.3%); margin-left:5%}
.magazine_slide .flex-control-thumbs li:first-child{margin-left:0;}
.magazine_slide .flex-control-thumbs img{opacity:0.5; border:3px solid rgba(255,255,255,0);}
.magazine_slide .flex-control-thumbs .flex-active{border:3px solid #fff; box-shadow:1px 1px 0px rgba(30,112,231,.5); opacity:1;}

.magazine_slide .flex-direction-nav a {	width:50px; height:50px; border-radius:100px; font-size:0; top:0;  margin: 0;  position: absolute;  z-index: 10;  opacity: 2;  cursor: pointer;  text-shadow:none;  -webkit-transition: none;  -moz-transition: none;  -ms-transition: none;  -o-transition: none;  transition: none;}
.magazine_slide .flexslider:hover .flex-direction-nav .flex-prev {  opacity: 1;  left:inherit;}
.magazine_slide .flexslider:hover .flex-direction-nav .flex-next {  opacity: 1;  right: 0;}
.magazine_slide .flex-direction-nav a,
.magazine_slide .flex-direction-nav a:hover{opacity:1;}
.magazine_slide .flex-direction-nav .flex-next{background:url(../img/sub/btn_maga_next.png) center #26348c no-repeat;}
.magazine_slide .flex-direction-nav .flex-next,
.magazine_slide .flex-direction-nav .flex-next:hover{ right:0}
.magazine_slide .flex-direction-nav .flex-prev{background:url(../img/sub/btn_maga_prev.png) center #26348c no-repeat; }
.magazine_slide .flex-direction-nav .flex-prev,
.magazine_slide .flex-direction-nav .flex-prev:hover{right:60px; left:inherit;}
.magazine_slide .flex-direction-nav a:before{display:none;}
.magazine_slide .flex-active-slide .field_info{opacity: 1; transition-delay: .5s; -webkit-transition-duration:.2s;  -moz-transition-duration:0.2s;  -o-transition-duration:0.2s;  -ms-transition-duration:0.2s;  transition-duration:0.2s;}

/******************
키워드
*******************/
.board_list .keyword{border:1px solid #ddd; padding:40px 30px;}
.keyword .field_input{display:flex; background:#f8f8f8; padding:20px; margin:25px 0;}
.keyword .field_input input,
.keyword .field_input button,
.keyword .field_input a{width:100%;}
.keyword .field_input .btn{min-width:150px; width:150px;}
.keyword .field_input input[type=text]{margin-right:8px;}
.keyword .field_keyword{display:flex; flex-wrap:wrap;}
.keyword .field_keyword p{margin-right:2%; margin-bottom:5px; background:#e5eefc; border-radius:3px; padding:0 15px; height:45px; line-height:45px; white-space:nowrap; display:flex; align-items:center;}
.keyword .field_keyword .btn_del{width:20px; height:20px; background:#1e70e7; border-radius:20px; display: inline-flex; align-items: center; justify-content: center; margin-left:15px; cursor: pointer;}
#divSch .keyword{border:none; padding:0;}
#divSch .keyword p{margin-bottom: 10px;}


/*******
설비비교
*********/
#div_result{text-align: left;}
.p_capa,
.p_compare{margin-top:30px;}
/*.p_compare .table1{position: relative;}
.p_compare .table1 th, .p_compare .table1 td{width:200px; min-width: 200px; box-sizing: border-box;}
.p_compare .table1 th{position: sticky; left:0;}
.p_compare .table1{width:auto;}*/
.p_capa .table_box2 ul{margin-top:-185px;}

.swiper-container { width: calc(100% - 200px); padding-left: 200px; overflow: hidden;} 
.swiper-wrapper {width: calc(100% - 200px) !important;}
.swiper-slide {  background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.swiper-container-vertical>.swiper-pagination-bullets{ top: unset !important; bottom: 10px; left: 0; width: 100%; } 
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ display : inline-block !important; margin: 6px 2px !important; }
.swiper-button-prev, .swiper-rtl .swiper-button-next{z-index: 999 !important;}
.swiper-button-next, .swiper-button-prev{top:90px !important;}
.swiper-button-prev{left:225px !important}
.swiper-scrollbar-drag{background: #1e70e7 !important;}
.swiper-horizontal>.swiper-scrollbar{height: 7px  !important;}
.table_box2{position: relative; display: inline-block; max-width: 100%;  z-index: 1;}
.table_box2 ul{display: table; height: 100%;}
.table_box2 li{display:table-cell;min-width:200px; width:200px; vertical-align: top; height: 100%}

.table_box2 dl{overflow: hidden; position: relative; height: 100%;}
.table_box2 dl{width:100%;}
.table_box2 dt,
.table_box2 dd{padding:10px; text-align: center;}
.table_box2 dt{border-bottom:2px solid #333; height:200px; box-sizing: border-box; padding: 40px; display: flex; flex-direction: column; justify-content: flex-end;}
.table_box2 dt img{max-height: 100%;}
.table_box2 dd{height: 50px; overflow: hidden; border:1px solid #ddd; border-top:none; border-left:none;}
.table_box2 dd .field_tit{font-weight: bold; font-size:14px; padding-bottom:5px;}
.table_box2 dd.area_btn{height: 45px; margin:0;}
.table_box2 dd.area_btn .btn{width:100%;}
.table_box2 dd.area_detail{height: 45px; margin: 0;}
.table_box2 dd.area_detail .field_info{margin-top:5px;}
.table_box2 dd.area_detail .field_btn .btn{width: 100%;}
.table_box2 li:first-child dd{border-left:1px solid #ddd;}
.table_box2 .no_data{margin-top: 15px;}
.table_box2 .no_data  dt{padding:0; height: 0;}
.p_compare .board_btn+.table_box2{margin-top:20px;}
.table_box2 .tit_table{position: absolute; left:0; top:0; margin-top: -6px !important;}
.table_box2 .tit_table.off .table_field{height: 0; margin-top: -1px;}
.table_box2 .tit_table dd{border-right: none;}
.table_box2 .field_tit{display: none;}
.table_box2 .field_info{display: flex; height: 100%; align-items: center; justify-content: center;}
.table_box2 .pc_tit{position:sticky; left:0; z-index: 99;}
.table_box2 .pc_tit dd{background:#f8f8f8; display: flex; justify-content: center; align-items: center;}
.table_box2 .pc_tit dt{background: #fff;}
.table_box2 .table_field{padding:10px 0;}
.table_box2 .ico_h{position:sticky; z-index: 2; left:0; top:15px;}
.table_box2 .ico_l{position:sticky;  width:100%; padding-left: 40px; padding-right: 30px; box-sizing: border-box; top:173px; max-width: 100%; text-align: center; z-index: 99; left:0; }
.table_box2 .ico_l .text{color:#1e70e7; display: block; text-align: center; font-size:12px;}
/*.table_box2 .ico_l img{width: 100%;}*/
.table_box2 .ico_l .line{width:100%; background: #1e70e7; display: block; height: 2px; position: relative;}
.table_box2 .ico_l .line:before,
.table_box2 .ico_l .line:after{content: '';display: block; width: 7px; height: 10px; position: absolute; top:-4px;}
.table_box2 .ico_l .line:before{ background: url("../img/sub/icon_arrow_l.png") no-repeat; }
.table_box2 .ico_l .line:after{ background: url("../img/sub/icon_arrow_r.png") no-repeat; right:0;}
.table_box2 .add_item dd{height: 100%; min-height: 568px;  display: flex; justify-content: flex-start; flex-direction: column; align-items: center; box-sizing: border-box;}
/*.table_box2 .add_item dd:before{content: ''; display: block; width: 1px; height: 198px; background: #fff; position: absolute; right: 0; top:0;}*/
.table_box2 .add_item dd:after{content: ''; display: block; width: 200px; height: 1px; background: #ddd; position:absolute; right: 0; bottom:0;}
.table_box2 .add_item dd .btn+.btn{margin-left: 0; margin-top: 4px;}
.table_box2 .add_item .btn{position:relative; z-index: 11;}
/********
CAPA
***********/
.p_capa .board_btn+.img_box{border-top:1px solid #ddd; padding-top:30px; margin-top:30px;}
.p_capa .board_btn{margin-bottom: 45px;}
.capa_box{display:flex; justify-content:space-between; margin-bottom:30px;}
.capa_box > div{width:49%;}
.capa_box .table1{border-top:1px solid #ddd;}
.capa_box .table1 th,
.capa_box .table1 td{text-align:left; white-space:nowrap}
.capa_box .table1 th{width:120px;}
.capa_box .table1+.table1{margin-top:10px;}
.capa_box .table1 input[type=text]{background:#f8f8f8; border:none; min-height:35px; line-height:35px; width:130px; margin:0 5px;}
.capa_box .table1 .field_txt{color:#ff3333}
.capa_box > div:first-child .table1 th,
.capa_box > div:first-child .table1 td{padding:18px 10px;}
.capa_box .align{display:flex; justify-content:space-between; align-items:center;}
.capa_box .align input[type=text]{width:100%;}
.capa_box > div:first-child .align input{width: 50%;}

/*****************
중고설비거래
******************/
/*슬라이드*/
.deal_slide{background:#e5eefc; padding:50px 0;}
.deal_slide+.deal_slide{padding-top:0;}
.deal_slide .center_wrap{}
.deal_slide .tit{padding-bottom:20px; font-size:30px; font-weight:700;}
.deal_slide .bx-wrapper{background:none; }
.deal_slide .bx-viewport{ box-sizing:border-box; }
.deal_slide .bx-wrapper ul{display: flex}
.deal_slide .bx-wrapper li{background:#fff; border:1px solid #ddd; border-radius:10px; padding:10px; box-sizing:border-box;}
/*.deal_slide .bx-wrapper li:hover{box-shadow:0px 0px 20px rgba(30,112,231,.5);}*/
.deal_slide .bx-wrapper li a{display: flex; flex-direction: column;}
.deal_slide .bx-wrapper li .field_img{border-radius:10px; overflow:hidden;}
.deal_slide .bx-wrapper li .field_img img{/*width:200px; height:200px;*/}
.deal_slide .bx-wrapper .field_tit{padding:10px 5px; font-size:16px !important; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.deal_slide .bx-wrapper .field_info{font-size:14px !important; padding:0 5px 10px; word-break: break-all;}
.deal_slide .bx-wrapper .field_info p{font-size:14px !important;}
.deal_slide .bx-wrapper .field_info span{color:#999}
.deal_slide .css3button a{width:35px; height:35px; border:1px solid #ddd; border-radius:2px; position:absolute; top:0; font-size:0;}
.deal_slide .bxslider4_prev a{right:35px; background:url(../img/sub/btn_prev.png) no-repeat center #fff;}
.deal_slide .bxslider4_next a{right:0px; background:url(../img/sub/btn_next.png) no-repeat center #fff;}

/*****************
채팅
******************/
.chat{background:#e5eefc; padding:40px 0; margin-bottom:0 !important;}
.chat .center_wrap{display:flex; height:485px;}
.chat .center_wrap > div{overflow:hidden;}
.chat > div .field_tit{display:flex; justify-content:space-between; height:70px; align-items:center; padding:0 20px;  background:#fff; border-bottom:1px solid #ddd;}
.chat > div .field_tit p{font-size:20px; font-weight:500; white-space:nowrap;}
.chat > div .wrap{overflow-y:auto;}
.chat .field_write{height:60px;}
.chat .chat_list{border:1px solid #ddd; border-radius:10px 0 0 10px; background:#f8f8f8; width:26%; }
.chat .chat_list .wrap{height:415px; border-radius: 0 0 10px 10px;}
.chat .chat_list ul a{padding:20px; border-bottom:1px solid #ddd; width:100%; box-sizing:border-box;}
.chat .chat_list ul .active{background:#fff;}
.chat .chat_list ul span{display:block; font-size:15px; color:#888;}
.chat .chat_list ul .field_name{font-size:16px; color:#333;}
.chat .chat_list ul .field_me{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.chat .chat_list .field_tit .search{position: relative; margin-left:10px;}
.chat .chat_list .field_tit .search input[type=text]{width:100%; min-height: 40px; height:40px; border-radius: 100px; padding-right:45px; box-sizing: border-box; font-size:16px;}
.chat .chat_list .btn_search{width:40px; height:40px; background:url(../img/common/btn_search.png) no-repeat center #1e70e7; background-size:50%; border-radius:40px; position: absolute; right: 0;}

.chat .area_chat{border:1px solid #ddd; border-left:none; border-radius:0 10px 10px 0; width:74%;background:#fff;}
.chat .area_chat .wrap{padding:25px 20px; height:355px; box-sizing:border-box;}
.chat .area_chat .field_btn{display:flex;}
.chat .area_chat .btn{border-radius:100px; height:35px;}
.chat .area_chat .field_notice{font-size:15px; color:#333; padding-left:10px; margin-bottom:20px;}
.chat .area_chat .field_notice:before{content:' '; width:4px; height:4px; border-radius:10px; background:#1e70e7; margin-right:8px; margin-left:-10px; display:inline-block;}
.chat .area_chat .field_view>div{display:flex; flex-direction:column;}
.chat .area_chat .field_view .box{padding:15px 25px; font-size:16px; color:#222; max-width:40%; width:auto; word-break: break-all;}
.chat .area_chat .field_view .field_date{color:#888; font-size:12px; margin-top:10px;}
.chat .area_chat .field_view .get{align-items:flex-start;}
.chat .area_chat .field_view .get .box{background:#eeeef0; border-radius:0 20px 20px 20px;}
.chat .area_chat .field_view .send{align-items:flex-end;}
.chat .area_chat .field_view .send .box{background:#e5eefc; border-radius:20px 0 20px 20px;}
.chat .area_chat .field_view .send .field_date{text-align:right;}
.chat .area_chat .field_view .get+.get,
.chat .area_chat .field_view .send+.send,
.chat .area_chat .field_view .box+.img,
.chat .area_chat .field_view .img+.img{margin-top:20px;}
.chat .area_chat .field_view .img{border-radius:10px; overflow:hidden; max-width:25%;}
.chat .area_chat .field_view .img img{width:100%;}

.chat .field_write{border-top:1px solid  #ddd; display:flex; align-items:center; padding:0 20px;}
.chat .field_write input[type=text]{width:100%; border:none; font-size:17px; min-height: 10px;}
#pop_dealer .wrap{width:90vh;}
#pop_dealer .input_box2 .tit_field{width: 50%;}
#table_review td{word-break: break-all;}
#table_review .no_data{border-top:1px solid #ddd;}
/**************
date site
***************/
.p_site{margin-bottom:0 !important;}
.p_site section .center_wrap{display:flex; justify-content:space-between; align-items:center; padding:100px 0;}
.p_site .area_info .field_tit{font-size:48px; color:#202732; margin-bottom:35px;}
.p_site section:first-child .area_info{padding-right:100px;}
.p_site section:last-child .area_info{padding-left:100px;}
.p_site .area_info .field_txt{font-size:22px; color:#666;}
.p_site .area_info .area_btn{margin-top:40px; justify-content:flex-start;}
.p_site .area_info .area_btn .btn{border-radius:100px; padding:0 30px;}
.p_site .bg1{background:#f2f3f6;}


/***************
슬라이드 배너
****************/
.banner_type2>div{margin: 40px 0;}
.banner_type2.top>div{margin:0;}
.banner_type2 .bx-wrapper .bx-pager,
.banner_bottom_wrap .bx-wrapper .bx-pager{width:auto; bottom:auto; position: absolute; right: 10px; top:0; padding-top:0;}
.banner_type2 .bx-wrapper .bx-pager.bx-default-pager a,
.banner_bottom_wrap .bx-wrapper .bx-pager.bx-default-pager a{background: none; border:2px solid #fff; box-sizing: border-box;}
.banner_type2 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.banner_type2 .bx-wrapper .bx-pager.bx-default-pager a.active, 
.banner_type2 .bx-wrapper .bx-pager.bx-default-pager a:focus,
.banner_bottom_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.banner_bottom_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, 
.banner_bottom_wrap .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#fff;}
.banner_bottom_wrap{margin-top:50px;}
.banner_type2.top .bx-viewport,
.banner_type2.top .bx-viewport li {width:370px !important}

/********
마이페이지
*********/
/*회원정보수정*/
.p_my_info .table.type2{table-layout: fixed;}
.p_my_info .table.type2 th{width: 130px; }
.p_my_info .table.type2 th, 
.p_my_info .table.type2 td{vertical-align: middle;}
.p_my_info .table.type2 .align{display: flex; align-items: center;}


@media screen and (min-height:768px){
	.chat .center_wrap{height:700px;}
	.chat .chat_list .wrap{height:630px;}
	.chat .area_chat .wrap{height:570px;}
}
@media screen and (min-height:600px) and (max-height:768px){
	.chat .center_wrap{height:600px;}
	.chat .chat_list .wrap{height:530px;}
	.chat .area_chat .wrap{height:510px;}
}
@media screen and (max-width:1200px){
	#gnb .top .search{display:none;}
	#gnb .top .search.on{display:flex;}
	/*******************
	공통
	********************/
	/*write box*/
	.input_box1 input[type=text],
	.input_box1 input[type=password]{width:74%;}

	/**************
	매거진 슬라이드
	***************/
	/*.magazine_slide .field_img{width:50%;}*/
	.magazine_slide .field_info{width:44%; opacity: 1; }
	.magazine_slide .flex-active-slide .field_info{transition-delay:0s}
	.magazine_slide .field_tit{white-space:normal; max-height:100px; width:100%;}
	.magazine_slide .field_detail{max-height:70px;}
	.magazine_slide .flexslider{display:flex; flex-direction:column;}
	.magazine_slide .flexslider .flex-viewport{order:1;}
	.magazine_slide .flexslider .flex-control-thumbs{order:3;}
	.magazine_slide .flexslider .flex-direction-nav{order:2;}
	.magazine_slide .flex-control-thumbs{position:relative; left:10px; bottom:0; width:100%}
	.magazine_slide .flexslider:hover .flex-direction-nav .flex-prev,
	.magazine_slide .flex-direction-nav .flex-prev,
	.magazine_slide .flex-direction-nav .flex-prev:hover {position:relative; right:inherit; left:inherit}
	.magazine_slide .flex-direction-nav .flex-next,
	.magazine_slide .flex-direction-nav .flex-next:hover,
	.magazine_slide .flexslider:hover .flex-direction-nav .flex-next{position:relative;right:inherit; left:inherit; margin-left:10px;}
	.magazine_slide .flex-direction-nav{display:flex; padding:10px; justify-content:flex-end; margin-top:-60px;}

	/********
	CAPA
	***********/
	.capa_box{display:block;}
	.capa_box > div{width:100%;}
	.capa_box table{margin-bottom:10px;}
    
    .p_capa .center_wrap{display: block; text-align: center;}
    .p_capa .table1{width: 100%;}
    .p_capa .img_area .ico_l{position: relative; left:inherit;}
    .p_capa .img_area .ico_l img{max-width: 80%;}
    
    #pop_add_item.popup .thumb_list3.mall li{width:49.5%; margin-right: 1%;}
    #pop_add_item.popup .thumb_list3.mall li:nth-child(2n){margin-right:0;}
    
	/********
	중고설비 슬라이드
	*********/
	.deal_slide .center_wrap{width:100%;}
	.deal_slide .tit{margin-left:0;}
	.deal_slide .bxslider4_prev a{right:calc(5% + 36px);}
	.deal_slide .bxslider4_next a{right:5%;}
	/************
	채팅
	*************/
	.chat .center_wrap{flex-direction:column; height:auto;}
	.chat .center_wrap > div{border-radius:10px; width:100%; border:1px solid #ddd;}
	.chat > div .field_tit{height:45px;}

	.chat .area_chat{order:1;margin-bottom:20px; height:80vh;}
	.chat .area_chat .wrap{height:calc(100% - 90px);}
	.chat .field_write{height:45px;}
	.chat .chat_list .wrap{height:300px; max-height: 65vh;}
	.chat .center_wrap .chat_list{order:2;}
    .chat .area_chat .field_view .img img{height: auto;}
    
	/**************
	date site
	***************/
	.p_site .area_info .area_btn .btn{padding:0 10px;}
	.p_site section .center_wrap{padding:30px 5%;}
	.p_site section .center_wrap{flex-direction:column;}
	.p_site .area_info{order:1; margin-bottom:30px;}
	.p_site .area_img{order:2;}
	.p_site .area_img img{width:100%;}
	.p_site .area_info .field_tit{font-size:24px; margin-bottom:20px;}
	.p_site .area_info .field_txt{font-size:18px;}
	.p_site section .area_info{padding-left:0 !important; padding-right:0 !important;}
    
    /*********
    슬라이드
    **********/
    .area_tit1.add_banner{flex-wrap: wrap;}
    .area_tit1.add_banner .tit{order: 1; width:100%;}
    .area_tit1.add_banner .banner_type2{margin-bottom:10px; width:49%; display: flex; justify-content: flex-end}
    .area_tit1.add_banner .banner_type2:first-child{margin-right:2%; justify-content: flex-start;}
    .area_tit1.add_banner .banner_type2 .bx-wrapper{}
}
@media screen and (max-width:1024px){
	/**************
    채팅
    ***************/
    #table_review th+td{border-top:1px solid #ddd;}
	#table_review td{display: block; text-align: center; border:none; padding:5px 0;}

	.table_box2 .pc_tit .table_field .table1 th{line-height: 1.2; padding:5px}

	.banner_type2.top .bx-viewport, 
	.banner_type2.top .bx-viewport li{width:280px !important;}

	/************
	마이페이지
	*************/
	/*회원정보*/
	.p_my_info .table.type2 input[type=text], 
	.p_my_info .table.type2 input[type=tel], 
	.p_my_info .table.type2 input[type=password], 
	.p_my_info .table.type2 input[type=number], 
	.p_my_info .table.type2 select, 
	.p_my_info .table.type2 textarea{width:100%}
}
@media screen and (max-width:768px){
	/*******************
	공통
	********************/
	/*버튼*/
	.area_btn .btn.big{width:100%; min-width:inherit;}
	/*탭*/
	.lnb{position:relative; margin-top: 6px;}
	.lnb .selected{display:block; border:1px solid #d9d9d9; padding:10px 5%; color:#1e70e7; font-weight:700; background:url(../img/sub/ico_tab.png) no-repeat 95% center #fff; border-radius:10px; position:relative; z-index:95;}
	.lnb .selected:hover{cursor:pointer;}
	.lnb.active .selected{background-image:url(../img/sub/ico_tab_close.png);}
	.lnb .tab1{display:none; border-radius:0 0 10px 10px; position:absolute; top:32px; z-index:94; padding-top:10px;  text-align:left; width:100%; box-sizing:border-box; height:inherit;background:#f8f8f8;}
	.lnb.active .tab1{display:block;}
	.lnb .tab1 a{border-left:none; border-bottom:1px solid #d9d9d9; padding:0 5%; box-sizing:border-box;}
	.lnb .tab1 a:last-child{border-bottom:none;}
	.lnb .tab1 .active{background:#f8f8f8; color:#111; font-weight:400;}

    
    .tab1.mall{flex-wrap: wrap; margin-top:30px; height:inherit; min-height: 38px; border-bottom:none; position: relative; overflow: hidden;}
    .tab1.mall:after{content:' '; display: block; width: 100%; height:1px; background: #ddd; position: absolute; bottom: 0;}
    .tab1.mall a{width:50%; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; border-left:none;}
    .tab1.mall a:nth-child(2n){border-right:none;}
	/*write box*/
	.input_box1{padding:10px 0 0 0; border-radius:0; border-left:none; border-right:none; border-bottom:none;}
	.input_box1 > ul > li{display:block; border-bottom:1px solid #d9d9d9; padding: 0 2% 10px;}
	.input_box1 > ul > li > p{width:100% !important; display:flex; align-items:center;}
	.input_box1 > ul > li > p:first-child{margin-bottom:5px;}
	.input_box1 input[type=text], .input_box1 input[type=tel], .input_box1 select,
	.input_box1 input[type=password],
    .input_box1 textarea{width:100%;}
    .input_box1 > ul > li > div:last-child{width: 100%;}
    .input_box1 .terms{width: 100%;}

	.input_box2 th{min-width:inherit;}
	.input_box2 .align{flex-wrap:wrap; justify-content:space-between;}
	.input_box2 .align select{width:31%;}
	.input_box2 td .align input[type=tel]{width:31%;}
	.input_box2 .align .btn{width:100%; margin-left:0 !important; margin-top:5px;}
	/*********************
	로그인
	***********************/
	.login .area_sns{display:block;}
	.login .area_sns .button{width: 100%;}
	.login .area_sns a{width:100%; margin-bottom:5px; padding:5px ; box-sizing: border-box; border-width: 1px; border-radius: 2px;}
    .login .area_sns a span{ font-size:14px}
    .login .area_sns a img{width:20%; vertical-align: -2px; max-width: 65px;}
	.login .area_sns a.google img{vertical-align: -5px;}
	.login .area_sns a.naver img{vertical-align: -1px;}	
	.login .area_sns .signin-button{width: 100% !important; display: inline-block;}
	.login .area_sns .signin-button > div{height: 39px !important; max-width: none !important; width: 100% !important; min-width: 0 !important;}
	/*******************
	회원가입
	********************/
	.join_type{border-radius:0; border-left:none; border-right:none; padding:0;}
	.join_type>div{padding:30px 20px;}
	/*********
	중고설비거래
	***********/
	/*슬라이드*/
	.deal_slide{padding:20px 0 40px;}
	.deal_slide .tit{padding-bottom:10px; font-size:20px;}
	.deal_slide .css3button a{width:25px; height:25px;}
    .deal_slide .bxslider4_prev a{right:calc(5% + 26px)}
    /********
    팝업
    *********/
    .popup .search{flex-wrap: wrap; justify-content:flex-start}
    .popup .search select,
    .popup .search p,
    .popup .search input{margin-bottom: 5px;}
    
    #pop_add_item.popup .thumb_list3.mall{display: flex;}
    #pop_add_item.popup .thumb_list3.mall li{width:49%; margin-right: 1%;}
    #pop_add_item.popup .thumb_list3.mall li:nth-child(2n){margin-right: 0;}
    #pop_add_item.popup .thumb_list3.mall li:nth-child(3n){margin-right: 1%}
    
    /*************/
    .table_box2 li{width: 160px; min-width: 160px;}
    .swiper-container { width: calc(100% - 160px); padding-left: 160px;} 
	.swiper-wrapper {width: calc(100% - 160px) !important;}
    
    /***********
    배너
    ************/
    .banner_type2.top .bx-viewport,
    .banner_type2.top .bx-viewport li {width:280px !important}
}


@media screen and (max-width:640px){
	/*******************
	공통
	********************/
    /*버튼*/
	.btn{height:35px;}
	.btn.big{font-size:16px; height:45px;  min-width:120px;}
	#sub_wrap{margin-bottom:50px;}
	.list_dot{font-size:14px;}
	.list_dot li{margin-bottom:5px;}
	/*********************
	로그인
	***********************/
	.login{width:100%; margin-top:50px;}
    .login .arae_link a{font-size:14px;}

	/*************
	매거진 슬라이드
	**************/
	.magazine_slide .field_img{width:50%;}
	.magazine_slide{padding:35px 0; margin-bottom:20px;}
	.magazine_slide .flex-direction-nav a{width:30px; height:30px;}
	.magazine_slide .flex-direction-nav .flex-next,
	.magazine_slide .flex-direction-nav .flex-prev{ background-size:20%;}
	.magazine_slide .field_tit{font-size:20px; max-height:60px;}
	.magazine_slide .field_detail{font-size:14px; max-height:60px; margin-top:15px;  -webkit-line-clamp: 3;}
	.magazine_slide .tag span{padding:5px; font-size:13px; margin-bottom:5px;}

	/*******
	키워드
	********/
	.board_list .keyword{padding:20px 15px;}
	.keyword .field_input{padding:15px;}
	.keyword .field_input .btn{min-width:80px; width:80px;}
	.keyword .field_keyword p{height:35px; line-height:35px; font-size:14px; padding:0 10px;}

	/*****************
	팝업
	******************/
	.popup .wrap{min-width:80%;}
	.popup .top{height:50px;font-size:18px; padding:0 10px; align-items:center;}
	.popup .content{padding:10px;}
	.popup .content .tit{font-size:16px;}
	.popup .content .tit:before{width:5px; height:5px; vertical-align:3px;}
	.popup .area_btn{margin-top:10px;}
	.popup .area_btn .btn{min-width:inherit; /*width:50%*/}
	.star_box label span{font-size:15px; padding-top:10px;}
    #pop_add_item.popup .thumb_list3.mall{display: block;}
    #pop_add_item.popup .thumb_list3.mall li{width:100%;}
    #pop_add_item.popup .thumb_list3.mall li:nth-child(3n){margin-right: 0}
	/********
	CAPA
	***********/
	.capa_box .table1 th{/*min-width:inherit; width:inherit;0119삭제*/ width:80px; min-width: 80px; word-break: break-all; white-space:normal;}
    /*.img_slider_wrap .bx-wrapper{width:250px;}
    .img_slider li {width:250px !important}
    .img_slider li img{height: auto;}*/
    .capa_box .total_field .align{flex-direction: column;}
	/************
	채팅
	*************/
	.chat{padding:20px 0;}
	.chat > div .field_tit{padding:0 10px;}
	.chat .area_chat .wrap{padding:10px;}
	.chat .area_chat .field_notice{font-size:13px;}
	.chat .area_chat .field_notice:before{vertical-align:3px;}
	.chat .area_chat .field_view .box{font-size:14px;padding:10px 15px;}
	.chat .area_chat .field_view .get+.get, .chat .area_chat .field_view .send+.send, .chat .area_chat .field_view .box+.img, .chat .area_chat .field_view .img+.img{margin-top:10px;}
	.chat > div .field_tit p{font-size:16px;}
	.chat .chat_list ul a{padding:10px;}
	.chat .chat_list ul span{ font-size:13px;}
	.chat .chat_list ul a .field_name{font-size:14px;}
    
    .swiper-container{width:100%; padding-left: 0;}
    .table_box2  li.pc_tit, .table_box2 .tit_table{display: none ;}
    .swiper-button-prev{left:25px !important}
    .table_box2  dd .field_tit{display: block; font-size:12px;}
    .table_box2 .field_info{font-size:12px;}
    .table_box2  dd{height: 60px; justify-content: center; line-height: 1.2;}
    .table_box2  dd.area_detail{height: 60px;}
    /*.table_box2  li:nth-child(2) dd{border-left:1px solid #ddd;}*/
    .table_box2 .ico_h{left:0;}
    .table_box2 .ico_l{padding-left:40px;}
    .table_box2 .add_item dd{/*justify-content: flex-start;0207수정*/ /*align-items: center; justify-content: center;0311수정*/}
    .table_box2 .field_info{align-items: flex-start; height: inherit}
    
    /***********
    배너
    ************/
    .banner_type2.top .bx-viewport,
    .banner_type2.top .bx-viewport li {width:240px !important}

	/*******
	마이페이지
	********/
	/*회원정보*/
	.p_my_info .table.type2 th{width:75px}
}



@media screen and (max-width:550px){
	/*******************
	공통
	********************/
	/*버튼*/
	.btn.big{min-width: 0;}

	/*텍스트*/
	.area_tit1{font-size:14px; margin-bottom:10px; margin-top:30px;}
	.area_tit1 .tit{font-size:24px; margin-bottom:10px;}
	/*탭*/
	.tab1{height:38px;}
	.tab1 a{font-size:14px; height:38px; line-height:38px;}
	/*write*/
	.input_box1{font-size:13px;}
	.input_box1 .btn{min-width:inherit;}

	.info_box1{font-size:13px; padding:20px;}
	.info_box1 img{width:80px;}
	.info_box1 .tit{font-size:18px;}

	/*********************
	로그인
	***********************/
	.login{margin-top:50px;}
	.login .area_input input[type=text],
	.login .area_input input[type=password]{margin-bottom:18px; height:30px; line-height:30px;}
	.login .area_input input[type=text],
	.login .area_input input[type=password]{font-size:15px;}
	.login .area_btn a,
	.login .area_sns a span{font-size:12px;}
	.login .area_input .btn{font-size:16px;}
	.login .area_btn{margin-top:20px;}

	/****************
	아이디,비밀번호 찾기
	****************/
	.input_box1 input+.btn{margin-left:5px;}

	/*******************
	회원가입
	********************/
	.agree_box {padding:20px 0; border-radius:0; border-left:0; border-right:0;}
	.agree_box .tit{font-size:18px; margin-bottom:10px;}
	.agree_box .terms{height:200px; padding:10px;}
	.agree_box .terms{margin-bottom:10px;}
	.agree_box .terms dl{font-size:13px;}
	.agree_box .terms dt:first-child{font-size:14px}
	.agree_box .terms dt{font-size:14px;}
	.agree_box .terms dd{margin-bottom:10px;}
	.agree_box .field_input+.tit{margin-top:20px;}
	.join_type > div{font-size:14px;}
	.join_type img{width:50px;}
	.join_type .tit{font-size:20px; margin:10px 0;}
	.join_type .txt{width:100%;}
	.join_type .btn{margin-top:15px; width:100%;}

	/*****************
	약관등
	******************/
	.terms{padding:5%; font-size:13px;}
	.terms dt{font-size:14px;}
	.terms dt:first-child{font-size:16px; margin-bottom:10px;}
	.terms dd{margin-bottom:20px;}

    
    /***********
    배너
    ************/
    .banner_type2.top .bx-viewport,
    .banner_type2.top .bx-viewport li {width:186px !important}
}
@media screen and (max-width:430px){
	/*************
	매거진 슬라이드
	**************/
	.magazine_slide .tag{margin-bottom:50px;}
    /***********
    배너
    ************/
    .banner_type2.top .bx-viewport,
    .banner_type2.top .bx-viewport li {width:135px !important}
	
}
@media screen and (max-width:320px){
	/*버튼*/
	.btn{padding:0 5px}
    /********
	CAPA
	***********/
	.capa_box .table1 th{ width:60px; min-width: 60px;}

	/***********
    배너
    ************/
    .banner_type2.top .bx-viewport,
    .banner_type2.top .bx-viewport li {width:125px !important}

}