@charset "utf-8";

.subContentBox01{background:url(/_img/sv_bg_1.png) no-repeat center center;  background-size:cover; padding:90px 0 40px ;height: 744px;position:relative;}
.buycontentBox{background:url(/_img/sv_bg_2.png) no-repeat center center;  background-size:cover; padding:90px 0 40px;height: 744px; position:relative; overflow:hidden;}

.subContentWrap {min-height:750px;}
.subContentBox01 .inner .m_txtBox{
border: 1px solid rgba(255,255,255,0.5);
    width: 610px;
    text-align: center;
    padding: 55px 0;
    margin: 70px auto 40px;
}
.subContentBox01 .inner .m_btnBox ul{    width: 749px;margin: 0 auto;}
.subContentBox01 .inner .m_btnBox ul li a{width:352px; height:82px; float:left; display:block;font-size:24px; color:#fff; line-height:80px; }
.subContentBox01 .inner .m_btnBox ul li a span{}
.subContentBox01 .inner .m_btnBox ul li:nth-child(1) a{background:url(../_img/sell_btn.png) no-repeat #3a6eff center; border-radius:5px; text-align:center; margin-right:45px;}
.subContentBox01 .inner .m_btnBox ul li:nth-child(2) a{border-radius:5px; text-align:center; border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;}
.subContentBox01 .inner .m_btnBox ul li:nth-child(2){position:relative;}
/*
.sellContentBox .inner .m_btnBox ul li:nth-child(2):after{
    position: absolute;
    background: url(../_img/sellpeople.png) no-repeat;
    content: '';
    display: inline-block;2020-08-24
    width: 126px;
    height: 99px;
    top: -99px;
    right: 0;
}*/
.buycontentBox .inner .divLeft{width:50%; margin-top:45px;}
.buycontentBox .inner .divLeft p{
	margin: 65px 0 65px;
    color: #fff;
    font-size: 36px;
    line-height: 52px;
}
.buycontentBox .inner .divLeft .m_btnBox ul{width:352px !important; margin:0 !important}
.buycontentBox .inner .divLeft .m_btnBox ul li a{clear:both; margin-bottom:20px; color:#fff; font-size:24px; line-height:80px;}
.buycontentBox .inner .divLeft .m_btnBox ul li:nth-child(1) a{background:#3a6eff;margin-right:0px !important;}
.buycontentBox .inner .divLeft .m_btnBox ul li:nth-child(1){ position:relative;}
/*
.buycontentBox .inner .divLeft .m_btnBox ul li:nth-child(1):after{
    position: absolute;
    background: url(../_img/buypeople.png) no-repeat;
    content: '';
    display: inline-block;
    width: 92px;
    height: 99px;
    top: -99px;
    right: 0;
}
*/
.buycontentBox .inner .divRight{width:50%;}
.buycontentBox .inner .divRight h2 {margin: 90px 0 5px 55px; color:#fff; font-size:30px;}
.buycontentBox .inner .divRight .processBox{width:510px; margin:0 auto;}
.buycontentBox .inner .divRight .processBox ul li > p{color:#fff; border:1px solid rgba(255,255,255,0.3); height:128px; text-align:center; width:150px; border-radius:5px; display:flex; justify-content: center; align-items: center;}
.buycontentBox .inner .divRight .processBox ul li:hover > p{background:#3a6eff; color:#fff; font-weight:500;}
.buycontentBox .inner .divRight .processBox ul li > p span{
    font-size: 17px;
    padding: 20px;
    word-break: keep-all;
}
.buycontentBox .inner .divRight .processBox ul li{float:left; margin:10px; position:relative;}
/*
.buycontentBox .inner .divRight .processBox ul li.p1 > p{width:150px; height:128px; background:url(../_img/buy_p_01.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p2 > p{width:150px; height:128px; background:url(../_img/buy_p_02.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p3 > p{width:150px; height:128px; background:url(../_img/buy_p_03.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p4 > p{width:150px; height:128px; background:url(../_img/buy_p_04.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p5 > p{width:150px; height:128px; background:url(../_img/buy_p_05.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p6 > p{width:150px; height:128px; background:url(../_img/buy_p_06.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p7 > p{width:150px; height:128px; background:url(../_img/buy_p_07.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p8 > p{width:150px; height:128px; background:url(../_img/buy_p_08.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p9 > p{width:150px; height:128px; background:url(../_img/buy_p_09.png) no-repeat;}

.buycontentBox .inner .divRight .processBox ul li.p1 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_01_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p2 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_02_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p3 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_03_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p4 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_04_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p5 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_05_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p6 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_06_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p7 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_07_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p8 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_08_on.png) no-repeat;}
.buycontentBox .inner .divRight .processBox ul li.p9 > p:hover{width:150px; height:128px; background:url(../_img/buy_p_09_on.png) no-repeat;}
*/
.buycontentBox .inner .divRight .processBox ul li .dt_balloon {
	display: none;
	width: 200px;
	position: absolute;
	top: 80px; left: -28px;
	background: rgba(0,0,0,0.9);
	line-height: 1.5;
	font-size: 13px;
	padding: 15px;
	margin: 60px 0 0 0;
	color:#fff;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 10;
	text-align: center;
}
.buycontentBox .inner .divRight .processBox ul li:hover .dt_balloon {
	display: block;
}

.buycontentBox .inner .divRight .processBox ul li .dt_balloon p {
	word-break: keep-all;
}

.sellTopWrap {text-align:center; margin:90px auto 0;}
.buytopWrap{ text-align:center; margin:90px auto 0; }
.buytopWrap p, .sellTopWrap p{
    padding: 6px 30px;
    margin-bottom: 25px;
    border-radius: 30px;
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
	border:1px solid #ddd;
}

.buytopWrap span , .sellTopWrap span{ 
	font-size: 16px;
    color: #fff;
    margin: 25px 0;
    display: block;
    letter-spacing: -1px;
    line-height: 26px;
	opacity:0.7;
}

.subContent .subTabWrap{margin-top:60px;}
.subContent .subTabWrap .inner ul li{/*border-bottom: 1px solid #fff;*/}
.subContent .subTabWrap .inner ul li a{line-height: 75px;  letter-spacing:-1px; float:left; width:50%; box-sizing:border-box; text-align: center; font-size:17px;background:#f0f0f0; color:#999; margin-left: -2px;border-bottom: 1px solid #ea5a24;  border-left: 1px solid #ddd;border-right: 1px solid #ddd; border-top: 1px solid #ddd; font-weight:500; border-width: 1px !important;}
.subContent .subTabWrap .inner ul li:nth-of-type(1) a{}
.subContent .subTabWrap .inner ul li:last-child a{}
.subContent .subTabWrap .inner ul li.on a{ 
	font-weight: 600;
    border: 1px solid #f21533;
    border-bottom: 1px solid #fff ;
    color: #f21533;
    position: relative;
    z-index: 1;
	background:#fff 
}
.subContent .buyTab .inner ul li a{width:33.33%; border-top:1px solid #ddd; background:#f7f7f7;}
.subContent .csTab .inner ul li a {width:33.33%; border-top:1px solid #ddd; background:#f7f7f7; }
/*.subContent .buyTab .inner ul li:nth-child(1) a:hover, .subContent .buyTab .inner ul li:nth-child(2) a:hover{border-right:1px solid #488FF6;position:relative;}*/
/*.subContent .subTabWrap .inner ul li a:hover{ font-weight: 800;border: 1px solid #488FF6; border-bottom: 1px solid #fff; color: #37a0ea;  border-radius: 5px 5px 0 0;}*/

/*.subTabMenu{background:#fff;}*/
.subTabMenu .inner{border-bottom:1px solid #666;}
.subTabMenu ul{display: flex;width: 100%;justify-content: center;}
.subTabMenu ul li{float:left;margin-left:20px; width:25%;}
.subTabMenu ul li:first-child{margin-left:0;}
.subTabMenu ul li a{color:#383838; text-align:center; padding:20px 0; display:block; font-size:16px; font-weight:500; position:relative; }
.subTabMenu ul li a:after{
	content: '';
    position: absolute;
    top: 23px;
    right: -14px;
    width: 1px;
    height: 18px;
    background-color: #ccc;
}
.subTabMenu ul li:last-child a:after{display:none;}
.subContentBox02 .tit_area{}

.subContentBox02 .tit_area{margin: 40px 0 30px 2px; text-align:center;}
.subContentBox02 .tit_area .consultsubtxt {font-size:18px; color:#aaa;}
.subContentBox02 .tit_area .consulttit {font-size:24px;font-weight:500;}
.subContentBox02 .tit_area .consulttxt {font-size:15px; margin-top:20px; color:#666;}
.subContentBox02 .formBoxWrap .textareaWrap_st1 textarea {height:145px; background:#fff;}
.subContentBox02 .formBoxWrap .textareaWrap_st1 .tit{ font-size:17px; margin-bottom:10px; color:#333; font-weight:500;}
.subContentBox02 .formBoxWrap{width:838px;  box-sizing:border-box; border:1px solid #ddd; background:#fff;border-radius:5px; margin:0 auto 50px;}

.subContentBox02 .formBoxWrap ul{width:760px; height:220px; box-sizing:border-box; border-radius:5px; background:#fff;margin:30px auto 0;}
.subContentBox02 .formBoxWrap ul li{width:50%; box-sizing:border-box; float:left; height:50%; padding:20px;}
.subContentBox02 .formBoxWrap ul li:nth-child(1),.subContentBox02 .formBoxWrap ul li:nth-child(3){border-right:1px solid #fff;}
.subContentBox02 .formBoxWrap ul li:nth-child(1)/*,.subContentBox02 .formBoxWrap ul li:nth-child(2)*/{border-bottom:1px solid #fff;}
.subContentBox02 .formBoxWrap ul li:nth-child(3) {padding-top:10px;}
.subContentBox02 .formBoxWrap ul li .inputWrap_st1,
.subContentBox02 .formBoxWrap ul li .selectWrap_st1{margin:-1px 0 0 -1px; height:80px;}
.subContentBox02 .formBoxWrap ul li .inputWrap_st1 .tit, .subContentBox02 .formBoxWrap ul li .selectWrap_st1 .tit{color:#333; font-weight:500;}
.subContentBox02 .formBoxWrap ul li .inputWrap_st1 input{background:transparent; font-size:14px;}

.subContentBox02 .formBoxWrap ul li .checksWrap_st1 a{top:25px;right:0px}
.subContentBox02 .formBoxWrap .bottom{position:relative;/*margin:22px 0 0;*/padding:35px 55px; background:#f7f7f7; border-top:1px solid #ddd; margin-top:25px;}
.subContentBox02 .formBoxWrap .bottom p{line-height:25px; word-break:keep-all; color:#aaa; }
.subContentBox02 .formBoxWrap .bottom .btn{position:absolute;top:25px;right:60px;}
.subContentBox02 .formBoxWrap .bottom .btn button{cursor: pointer;width:280px; height:71px; color:#fff; font-size:21px; background:#333; box-sizing:border-box; border-radius:5px;}


/*서비스안내*/
.sellcontentBox02 .sell02_01{padding:130px 50px !important; background:url(/_img/sell_bg01.png)no-repeat center right #fff; }
.sellcontentBox02 .sell02_01 div{padding:40px 0 10px;}
.sellcontentBox02 .sell02_01 .fs24{font-size:19px; font-weight:500; color:#f21533;}
.sellcontentBox02 .sell02_01 .selltxt{font-size:15px; line-height:25px; padding-top:15px; color:#666;}
.buycontentBox02 .buy02, .sellcontentBox02 .sell02{border-bottom:1px solid #e8e8e8; padding:50px 0;}
.buycontentBox02 .buy02 h3, .sellcontentBox02 .sell02 h3, .companybox01 h3{font-size:25px; font-weight:bold; color:#454545; letter-spacing:-1px;}
.buycontentBox02 .buy02 h3 {text-align:center;}

.buycontentBox02 .buy02_01 .subtit{margin:35px 0; line-height:34px; font-size:19px;text-align:center;margin:25px 0 15px;font-weight:500;  color: #f21533;}
.buycontentBox02 .buy02_01 .buytxt{
text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
	color:#666;
}
.selltoptit {color:#fff; font-size:23px; margin:30px 0 0;}
.buycontentBox02 .buy02_01 p {}
.buycontentBox02 .buy02_01 .ser_List dl{width:310px; height:202px; border-radius:5px; box-sizing:border-box; background:#fff; border:1px solid #eee; float:left;  padding:20px;margin-right: 13px;  }
.buycontentBox02 .buy02_01 .ser_List dl:hover,
.buycontentBox02 .buy02_01 .ser_List dl:focus {
	transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	box-shadow: 0px 20px 30px 0px rgba(0,13,56,0.2);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.buycontentBox02 .buy02_01 .ser_List dl dt{ font-size:19px; font-weight:500; margin-bottom:10px; color:#333; position:relative;}
.titline {
    position: relative;
    font-weight: bold;
    color: #333;
    z-index: 20;
}

.buycontentBox02 .buy02_01 .ser_List dl dd{font-size:15px; line-height:27px; color:#666;}
.buycontentBox02 .buy02_01 .ser_List dl.list01{}
.buycontentBox02 .buy02_01 .ser_List dl.list03{}
.buycontentBox02 .buy02_01 .ser_List dl.list04{ margin-right:0 !important;}
.buycontentBox02 .buy02_01 .ser_List dl.list02{ }
.buycontentBox02 .buy02_02 div > div{min-width:250px;}
.sellcontentBox02 .sell02_03 div > div{min-width:250px;}
.buycontentBox02 .buy02_02 div > div, .sellcontentBox02 .sell02_03 div > div span{font-size:19px; font-weight:500; color:#f21533;}
.buycontentBox02 .buy02_02 div > div, .sellcontentBox02 .sell02_03 div > div{float:left; border:1px solid #eee; padding:30px; height:386px; margin-left:20px; border-radius:5px; background:#fff;}
.buycontentBox02 .buy02_01:after, .buycontentBox02 .buy02_02:after, .buycontentBox02 .buy02_03:after, .buycontentBox02 .buy02_04:after{content:'';display:block;clear:both;}
.sellcontentBox02 .sell02_01:after, .sellcontentBox02 .sell02_02:after, .sellcontentBox02 .sell02_03:after, .sellcontentBox02 .sell02_04:after{content:'';display:block;clear:both;}
.buycontentBox02 .buy02_02 div > div, .sellcontentBox02 .sell .02_03 div > div{width:280px; height:400px; border:1px solid #e8e8e8; border-radius:5px;box-sizing:border-box; margin-left:20px;padding:20px;} 
.buycontentBox02 .buy02_02 div > div p, .sellcontentBox02 .sell02_03 div > div p{font-size:19px; color:#f21533; font-weight:500; margin-bottom:20px;}
.buycontentBox02 .buy02_02 div > div ul li, .sellcontentBox02 .sell02_03 div > div ul li{padding:10px 0; color:#555; font-size:15px; font-weight:400; border-bottom:1px solid #e8e8e8; }
.sellcontentBox02 .sell02_03 div > div ul li span{font-size:12px; color:#b1b1b1; float:right; margin-left:20px;}
.buycontentBox02 .buy02_02 div > div ul {margin-top:10px;}
.buycontentBox02 .buy02_02 h3, .buycontentBox02 .buy02_03 h3, .buycontentBox02 .listWrap h3{float:left;}
.sellcontentBox02 .sell02_03 h3, .sellcontentBox02 .sell02_04 h3, .sellcontentBox02 .listWrap h3, .companybox01 h3{float:left;}


/**/
.sellcontentBox02 .sell02_02 .processBox ol{width:100%; margin:0 auto; padding:50px 0 0;}
.sellcontentBox02 .sell02_02 .processBox ol li{float:left; width:406px; height:202px; border:1px solid #eee;  box-sizing:border-box; margin: 0 0 30px 30px; text-align:left; border-radius:5px; position:relative;}
.sellcontentBox02 .sell02_02 .processBox ol li:hover,
.sellcontentBox02 .sell02_02 .processBox ol li:focus {
	transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	box-shadow: 0px 20px 30px 0px rgba(0,13,56,0.2);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;

}
.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(1), .sellcontentBox02 .sell02_02 .processBox ol li:nth-child(4){margin-left:0;}
.sellcontentBox02 .sell02_02 .processBox ol li .processTit{font-size:17px; margin:20px 0 15px 0; font-weight:500;font-family:'Poppins','Noto Sans KR','Lato','Rajdhani',sans-serif;}
.sellcontentBox02 .sell02_02 .processBox ol li i{display:inline-block; position:absolute; right:25px; top:30px;}

.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(1) i{background:url(/_img/pc/sellicon01.png) no-repeat; width:33px; height:38px;background-size:80%;}
.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(2) i{background:url(/_img/pc/sellicon02.png) no-repeat; width:45px; height:32px;background-size:80%;}
.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(3) i{background:url(/_img/pc/sellicon03.png) no-repeat; width:49px; height:38px; background-size:80%;}
.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(4) i{background:url(/_img/pc/sellicon04.png) no-repeat; width:41px; height:45px;background-size:80%;}
.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(5) i{background:url(/_img/pc/sellicon05.png) no-repeat; width:32px; height:42px;background-size:80%; }
.sellcontentBox02 .sell02_02 .processBox ol li:nth-child(6) i{background:url(/_img/pc/sellicon06.png) no-repeat; width:48px; height:34px;background-size:80%;}

.sellcontentBox02 .sell02_02 .processBox ol li .processTex{font-size:15px; line-height:24px; color:#777;}
.sellcontentBox02 .sell02_02 .processBox ol li p{padding:0px 20px 0 20px; word-break:keep-all;}


/*상담신청리스트*/
.buy02 .countWrap{}
.buy02 .countWrap div{float:left; width:32.33%; box-sizing: border-box; text-align:center; color:#333;padding: 20px;  border-radius: 5px; margin: 0.5%;}
.buy02 .countWrap div dl dt{font-size:24px; color:#666; font-weight:500; text-align:center; letter-spacing:0;}
.buy02 .countWrap div dl dd{font-size:60px; letter-spacing:1px; font-weight:500; color:#aaaaaa; }

/*.buy02 .countWrap div:nth-child(1) dl dd{color:#3298ed;}
.buy02 .countWrap div:nth-child(2) dl dd{color:#4ac2df;}
.buy02 .countWrap div:nth-child(3) dl dd{color:#777777;}*/
.buy02 .countWrap div p{text-align:center; line-height: 25px; font-size:15px;margin: 10px 0; color:#888;transform: skew(-0.1deg); }

.bg_01{background:#008ed4; }
.bg_02{background:#192649;}
.bg_03{background:#1b1b1b;}

.buycontentBox02 .inner div .consultList{width:830px;}
.buycontentBox02 .inner div:after{content:''; display:block;clear:both;}
.buycontentBox02 .inner div .consultList li{
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
}
.buycontentBox02 .inner div .consultList li span.new_icon{
    color: #f37022;
    font-size: 11px;
    background: #fff;
    padding: 3px 10px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    left: 20px;
    top: 16px;
	border:1px solid; 
}
.buycontentBox02 .inner div .consultList li p{    
	padding: 15px 0 15px 83px;
    color: #454545;
    font-weight: 500;
    font-size: 16px;
}
.buycontentBox02 .inner div .consultList li span.con_c{
    position: absolute;
    right: 20px;
    top: 14px;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    border-left: 1px solid #d8d8d8;
    width: 65px;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
}
.buycontentBox02 .inner div .consultList li span.c_ing{background: #252525;}
.buycontentBox02 .inner div .consultList li span.c_end{background:#979797;}


/*이용후기*/
.reviewList{margin-top:30px;}
.reviewList ul li{position:relative;}
.reviewList ul li .thum_photo{ width:100%; height:185px; background:#ddd;}
.reviewList ul li .thum_photo img{width:288px; height:185px;}
.reviewList ul li .thum_txt dl{padding:30px 20px;}
.reviewList ul li .thum_txt dl dt{font-size:17px; color:#333; font-weight:500; white-space:nowrap; overflow:hidden; margin-bottom: 10px;}
.reviewList ul li .thum_txt dl dd{font-size:15px; color:#777; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; height: 75px; line-height:27px; overflow:hidden;}
.reviewList ul li .thum_info{color:#454545; border-top:1px solid #e8e8e8; padding: 20px;text-align: center;}
.reviewList ul li .thum_info p .bar{width:1px; background:#454545; height:10px;; display:inline-block;margin:0 10px;}
.reviewList ul li{float:left;width:25%; padding-right: 10px;  box-sizing: border-box;}
.reviewList ul li a {display: block;position: relative; overflow: hidden; height: 370px; box-sizing:border-box;border-radius:2px; background:#fff; border:1px solid #eee;}
.reviewList ul li a:hover,
.reviewList ul li a:focus {
	transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	box-shadow: 0px 10px 20px 0px rgba(0,13,56,0.2);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.reviewList ul li span.type01{background:url(../_img/pc/type01.png) no-repeat; width:100px; height:38px; position:absolute; bottom:200px;right: 6px; z-index: 99;}
.reviewList ul li span.type02{background:url(../_img/pc/type02.png) no-repeat; width:100px; height:38px; position:absolute; bottom:200px;right: 6px; z-index: 99; }
.reviewList ul li span.type03{background:url(../_img/pc/type03.png) no-repeat; width:100px; height:38px; position:absolute; bottom:200px;right: 6px; z-index: 99; ;}
.reviewList ul li span.type04{background:url(../_img/pc/type04.png) no-repeat; width:100px; height:38px; position:absolute; bottom:200px;right: 6px; z-index: 99; }

.inner{max-width:1280px; margin:0 auto;}
.subContentWrap .subTitleBox h2{
    text-align: center;
    color: #fff;
    margin: 90px auto 0;
    font-size: 40px;
    word-break: keep-all;
    line-height: 47px;
	font-weight:500;font-family: 'GmarketSansBold','Noto Sans KR','Lato','Rajdhani',sans-serif;
}
.subContentBox01 h2.fgB {
    color: #fff;
    font-size: 40px;
    line-height: 48px;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.subContentBox01 h2.fgB:before{
    position: absolute;
    top: 73px;
    left: -10px;
    background: rgba(242,21,51,0.7);
    z-index: -1;
    width: 100%;
    height: 25px;
    content: '';
	padding:0 10px;
}
.subContentWrap .subTitleBox h2 {}
.subContentWrap .subTitleBox h2 span{}
.subContentWrap .subTitleBox h3{font-size:40px; color:#fff; /*padding-top:30px;*/ text-align:center;}
.subContentWrap .subTitleBox p{text-align:center; color:rgba(255,255,255,0.7);padding-top:20px; font-size:16px; opacity:0.7;}
.subContentWrap .subTitleBox a{height:60px;text-align: center;background:#fff;border-radius:2px; font-size:18px; color:#118ee3;box-shadow:2px 2px 10px rgba(15,140,227,0.2); padding:20px 30px;  display: block; width: 200px; margin: 50px auto 0; font-weight:800;}

.subTitleBox02{ width:100%;background: #118ee3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #118ee3, #169fe9, #1eb9f4);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #118ee3, #169fe9, #1eb9f4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;}

.subTitleBox02 .tit.tb01{
	padding:60px 0;
	background: #7800bb;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #7800bb, #ae1eff, #7800bb);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #7800bb, #ae1eff, #7800bb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}
.subTitleBox02 .tit.tb02{
	padding:60px 0;
	background: #155ee3;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #155ee3, #427cff, #155ee3);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #155ee3, #427cff, #155ee3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}
.subTitleBox02 .tit.tb03{
	padding:60px 0;
	background: #e315ad;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #e315ad, #6837ff, #e315ad);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #e315ad, #6837ff, #e315ad); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}
.subTitleBox02 .tit.tb04{
	padding:60px 0;
	background: #21d800;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #21d800, #00b8e2, #21d800);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #21d800, #00b8e2, #21d800); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
}

.subTitleBox03{ width:100%;background: #1da7c4;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1da7c4, #20c0ba, #24e7ab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1da7c4, #20c0ba, #24e7ab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */; padding:60px 0;}

.subTitleBox04{background:url(/_img/bg61.jpg) no-repeat center left;  background-size:cover; padding:90px 0 40px;height: 350px;position:relative;}
.subTitleBox04 .tit.bg01{padding:80px 0 60px; background:url(../_img/map_bg01.jpg) no-repeat center; background-size:cover;}
.subTitleBox04 .tit.bg02{padding:125px 0; background:url(../_img/map_bg02.jpg) no-repeat center; background-size:cover;}
.subTitleBox04 .tit.bg03{padding:125px 0; background:url(../_img/map_bg03.jpg) no-repeat center; background-size:cover;}
.subTitleBox04 .tit.bg04{padding:125px 0; background:url(../_img/map_bg04.jpg) no-repeat center; background-size:cover;}
.subTitleBox04 .tit.bg05{padding:80px 0 60px; background:url(../_img/map_bg05.jpg) no-repeat center; background-size:cover;}

.subTitleBox05{background:url(/_img/sv_bg_5.png) no-repeat  70% center;  background-size:cover; padding:90px 0 40px;height: 350px;position:relative;}
.subTitleBox06{width:100%; padding:80px 0 60px; background:url(../_img/map_bg05.jpg) no-repeat center; background-size:cover;}
.subTitleBox07{background:url(/_img/sv_bg_4.png) no-repeat center center;  background-size:cover; padding:90px 0 40px;height: 350px;position:relative;}


/*이용안내*/
.sub02Wrap .inner .sub02Tab{width:1200px;}
.sub02Wrap .inner .sub02Tab > div{float:left; background:#282828;width:50%; }
.sub02Wrap .inner .sub02Tab > div.on{background:#1dbac4;}
.sub02Wrap .inner .sub02Tab a{display:block; box-sizing:border-box;font-size:24px; color:#ffffff; font-weight:700; text-align:center;padding:30px 0;}
.sub02Wrap .inner .subTabTxt{background:#1dbac4; color:#fff; padding:65px 0; text-align:center;}
.sub02Wrap .inner .subTabTxt > div{width:440px; margin:0 auto;}
.sub02Wrap .inner .subTabTxt dl dt{font-size:40px; font-weight:500; float:left; margin-right: 40px;}
.sub02Wrap .inner .subTabTxt dl dd{font-size:40px;font-weight:700; text-align:left;}
.sub02Wrap .inner .subTabTxt > div a{ display:block; border:1px solid #fff; width:225px; text-align:center; color:#fff; padding:15px 0; font-size:18px; margin:20px auto; background: rgba(255,255,255,0.2) ;box-shadow:2px 2px 10px rgba(15,140,227,0.2);}
.sub02Wrap .inner .subTabTxt > div p{font-size:18px;}

.sub02Wrap .inner .sub02Content > div{margin-bottom:50px;}

.sub02Wrap .inner .sub02Content .sub02Box_01 table{border-top:1px solid #118ee3; width:100%;}
.sub02Wrap .inner .sub02Content .sub02Box_01 table th, .sub02Box_01 table td{border-bottom:1px solid #e8e8e8;}
.sub02Wrap .inner .sub02Content .sub02Box_01 table th{font-size:20px; color:#454545; font-weight:500;}
.sub02Wrap .inner .sub02Content .sub02Box_01 table td{font-size:17px;line-height:30px;padding: 30px 0;}

.sub02Wrap .inner .sub02Content .sub02Box_02 {width:100%; border-top:1px solid #118ee3;border-bottom:1px solid #e8e8e8; height:297px; }
.sub02Wrap .inner .sub02Content .sub02Box_02 ol{width:900px; margin:0 auto;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li{float:left; text-align:center; position:relative; margin-right:130px;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li p.sub02_num{font-size:20px;font-weight:800; margin-bottom:10px;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li p{font-size:17px;color:#454545;text-align:center; line-height:24px;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li i{display:block; margin:0px auto 10px;}

.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:after{position:absolute;background:url(../_img/sub02_arw.png) no-repeat; content:''; display:inline-block; width:35px; height:16px; top:50%;right:-80px;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(4):after{display:none;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(1){padding:70px 0;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(2){padding:70px 0;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(3){padding:60px 0;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(4){padding:55px 0; margin-right:0;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(1) i{width:90px; height:65px; background:url(../_img/sub02_img01.png) no-repeat center;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(2) i{width:60px; height:65px; background:url(../_img/sub02_img02.png) no-repeat center;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(3) i{width:90px; height:73px; background:url(../_img/sub02_img03.png) no-repeat center;}
.sub02Wrap .inner .sub02Content .sub02Box_02 ol li:nth-child(4) i{width:84px; height:92px; background:url(../_img/sub02_img04.png) no-repeat center;}

.sub02Wrap .inner .sub02Content .sub02Box_03{width:100%; border-top:1px solid #118ee3;}
.sub02Wrap .inner .sub02Content .sub02Box_03 ul li > div{border-bottom:1px solid #e8e8e8; font-size:17px;}


/*추천차량*/
#carlistbg{background:url(../_img/list_bg.jpg) no-repeat !important; background-size:cover; padding:40px 0;height: 762px;}
#carlistbg .inner > p{ text-align: center;padding: 85px 0;}

.subContentBox01 .inner .carSearchBox{ width:1200px; height:258px; background:#1590e3; color:#fff;padding:65px 20px; box-sizing:border-box;/* margin:95px 0 75px;*/}
.subContentBox01 .inner .carSearchBox .searchTit h3{font-size:40px; border-bottom:1px solid #fff; width:200px; margin:0 auto 15px;}
.subContentBox01 .inner .carSearchBox .searchTit h3:before{width:49px;height:33px;content:'';display:inline-block; background:url(../_img/sub03_blit.png); margin-right:5px;}
.subContentBox01 .inner .carSearchBox > div{float:left;}
.subContentBox01 .inner .carSearchBox > div:nth-child(1){width:30%; text-align:center; border-right:1px solid #fff; box-sizing:border-box;padding:25px 0;}
.subContentBox01 .inner .carSearchBox > div:nth-child(2){width:70%; padding:5px 92px; box-sizing:border-box;}
.subContentBox01 .inner .carSearchBox .carListWrap ul li{float:left; width:50%; padding:0 5px; box-sizing:border-box;}

.subContentBox01 .inner .carSearchBox .carListWrap ul li .selectWrap_st1{background:transparent; color:#fff;}
.subContentBox01 .inner .carSearchBox .carListWrap ul li .selectWrap_st1 input{color:#fff;}
.subContentBox01 .inner .carSearchBox .carListWrap ul:nth-child(2) .selectWrap_st1{background: rgba(255,255,255,0.2)}
.subContentBox01 .inner .carSearchBox .carListWrap ul li .selectWrap_st1 .btn_selected{background: rgba(255,255,255,0.2); color:#fff;    padding: 0px 40px 0px 110px;}

.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1{background:transparent; color:#fff;}
.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 input{color:#fff;}
/*.sub03Wrap .inner .carSearchBox .carListWrap ul:nth-child(2) .selectWrap_st1{background: rgba(255,255,255,0.2)}*/
.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 .btn_selected{background: rgba(255,255,255,0.2); color:#fff;    padding: 0px 40px 0px 110px;}

.inner .subMenuBtn02{ width: 675px;margin:50px auto; height:63px;}
.inner .subMenuBtn03{ width: 450px;margin: 0 auto; height:63px;}
.inner .subMenuBtn > div, .inner .subMenuBtn03 > div{float:left;}
.inner .subMenuBtn div, .inner .subMenuBtn03 div a{width:225px; height:63px; font-size:20px; color:#282828; font-weight:500; display:inline-block; text-align:center;box-sizing:border-box; border:1px solid #ddd; line-height:63px;}
.inner .subMenuBtn div.active{background:#1590e3; color:#fff;border:1px solid #1590e3;}
.inner .subMenuBtn div:nth-child(2){margin-left:-1px;}
.inner .subMenuBtn div:nth-child(3){margin-left:-1px;}
.inner .subMenuBtn div:nth-child(4){margin-left:-1px;}
.inner .subMenuBtn03 div.on a{background:#1590e3; color:#fff;border:1px solid #1590e3;}
.inner .subMenuBtn03 div:nth-child(2) a{margin-left:-1px;}
.inner .subMenuBtn03 div:nth-child(3) a{margin-left:-1px;}
.inner .subMenuBtn div.active a{color:#fff;}
.inner .subMenuBtn div a{color:#282828; display:block;}


.sub03Wrap .inner .carListBox{margin-top:60px;}
.sub03Wrap .inner .carListBox li{float:left;width:23%; border:1px solid #e8e8e8;box-shadow:0px 0px 10px rgba(199,199,199,0.4); box-sizing:border-box; padding:20px; margin-left: 2%; margin-bottom:2%; border-radius:2px;}
.sub03Wrap .inner .carListBox li:hover .carImg img, .sub03Wrap .inner .carListBox li a:focus .carImg img{width:102%;height:102%;	}
.sub03Wrap .inner .carListBox li .carName{color:#1590e3; font-size:20px; font-weight:500; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sub03Wrap .inner .carListBox li .carImg{/*width:238px;*/ height:175px; background:#f7f7f7; margin:20px 0; overflow: hidden;}
.sub03Wrap .inner .carListBox li .carImg img{width: 100%; height: 100%; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;}
.sub03Wrap .inner .carListBox li .carInfo{font-size:17px; color:#454545;}
.sub03Wrap .inner .carListBox li .carInfo dl dt{font-weight:800; float:left; margin:0 0 10px;}
.sub03Wrap .inner .carListBox li .carInfo dl dd{text-align:right;margin: 10px 0 10px;}
.sub03Wrap .inner .carListBox a{font-size:18px; color:#1590e3; border:1px solid #1590e3; display:block; text-align:center; padding:10px 0; border-radius:2px; font-weight:800;}
.sub03Wrap .inner .carListBox a:hover{background: #1892e3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1892e3, #39a5e2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1892e3, #39a5e2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */; color:#fff;}

.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 .select_tit{color:#fff;}
.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 .select_tit:before{color:#fff;}
.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 input::placeholder {color:#fff;opacity: 1;}
.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 input::-webkit-input-placeholder {color: #fff;}
.sub03Wrap .inner .carSearchBox .carListWrap ul li .selectWrap_st1 input:-ms-input-placeholder {color: #fff; }

.sub03ViewWrap .inner{width:1200px; margin:0 auto; text-align:center; background:#fff; padding:50px;}
/*.sub03Wrap .inner .carViewWrap{margin-top:90px;}*/
.sub03Wrap .inner .carViewWrap .carInfoWrap > div{float:left;width:50%;}
.sub03Wrap .inner .carViewWrap .carInfoWrap > div .carInfoName{font-size:30px; font-weight:500; color:#454545; margin-bottom:20px;}
.sub03Wrap .inner .carViewWrap .carInfoWrap > div dl{float:left; margin-right:40px;font-size:18px;}
.sub03Wrap .inner .carViewWrap .carInfoWrap > div dl dt{float:left; width:100px; font-weight:500; color:#3790cd; margin-bottom:10px;}
.sub03Wrap .inner .carViewWrap .carInfoWrap > div dl dd{padding:0 0 0 100px; margin-bottom:10px;}

.sub03Wrap .inner .carViewWrap .carInfoWrap{ height:190px; margin-bottom:40px;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div .carInfoPrice{font-size:30px; color:#ec4444; font-weight:500;line-height:30px; text-align:right;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div .carInfoPrice span{font-size:14px; color:#118ee3;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul{/*margin:76px 0 0 35px;*/    float: right;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li {float:left; }
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li:nth-child(1){margin-right:15px;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li a{width:225px; font-size:20px; color:#fff; display:block; text-align:center; padding:12px 0;border-radius:2px; box-shadow:2px 2px 8px rgba(15,140,227,0.6);}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li a:after{content:''; display:inline-block; width:12px; height:21px; position:relative; background:url(../_img/btn_arw.png) no-repeat;  vertical-align: middle;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li:nth-child(1) a{background:#3790cd;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li:nth-child(1) a:after{ left:30px; }
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li:nth-child(2) a{background:#53b1c7;margin-right:0;}
.sub03Wrap .inner .carViewWrap .carInfoWrap div > ul li:nth-child(2) a:after{ left:55px;}

.sub03Wrap .inner .viewBox{border-bottom:1px solid #d7d7d7; padding:20px 0;}
.sub03Wrap .inner .viewBox .subMenuBtn{width:898px; margin:0 auto 20px; height:63px;}
.car_thum{height: 500px; padding-bottom: 30px; margin-bottom: 30px;border-bottom:1px solid #d7d7d7;}
.car_thum > div {float:left; width:45%;}
.car_thum .car_thum_big{width:605px; height:390px; overflow:hidden;}
.car_thum .car_thum_small ul li{width:30.8%; height:90px; overflow:hidden; float:left; background:#ddd;box-sizing: border-box; margin: 0 0 10px 10px;}
/*.car_thum .car_thum_small ul li img{height: 90px !important;}*/

.carOptionBox p{font-size:20px; padding:10px 0;}
.carOption li{float:left;width:8.333%;}
.carOption li a{ height:95px;margin:0 5px 20px 0;display:block;border:1px solid #ddd;color:#bcbcbc;text-align:center;padding:60px 0 0 0;	border-radius:5px;	font-size:13px;line-height:13px;}
.carOption li a.active{border-color:#2990e4;color:#2990e4;cursor:pointer;}
.carOption li a.carO_ {background:url('../_img/bg_option01.png') no-repeat 50% 25%;}
.carOption li a.carO_2{background:url('../_img/bg_option02.png') no-repeat 50% 25%;}
.carOption li a.carO_3{background:url('../_img/bg_option03.png') no-repeat 50% 25%;}
.carOption li a.carO_4{background:url('../_img/bg_option04.png') no-repeat 50% 25%;}
.carOption li a.carO_5{background:url('../_img/bg_option05.png') no-repeat 50% 25%;}
.carOption li a.carO_6{background:url('../_img/bg_option06.png') no-repeat 50% 25%;}
.carOption li a.carO_7{background:url('../_img/bg_option07.png') no-repeat 50% 25%;}
.carOption li a.carO_8{background:url('../_img/bg_option08.png') no-repeat 50% 25%;}
.carOption li a.carO_9{background:url('../_img/bg_option09.png') no-repeat 50% 25%;}
.carOption li a.carO_10{background:url('../_img/bg_option10.png') no-repeat 50% 25%;}
.carOption li a.carO_11{background:url('../_img/bg_option11.png') no-repeat 50% 25%;}
.carOption li a.carO_12{background:url('../_img/bg_option12.png') no-repeat 50% 25%;}

.carOption li a.carO_.active{background:#fcfcfc url('../_img/bg_option01_on.png') no-repeat 50% 25%;}
.carOption li a.carO_2.active{background:#fcfcfc url('../_img/bg_option02_on.png') no-repeat 50% 25%;}
.carOption li a.carO_3.active{background:#fcfcfc url('../_img/bg_option03_on.png') no-repeat 50% 25%;}
.carOption li a.carO_4.active{background:#fcfcfc url('../_img/bg_option04_on.png') no-repeat 50% 25%;}
.carOption li a.carO_5.active{background:#fcfcfc url('../_img/bg_option05_on.png') no-repeat 50% 25%;}
.carOption li a.carO_6.active{background:#fcfcfc url('../_img/bg_option06_on.png') no-repeat 50% 25%;}
.carOption li a.carO_7.active{background:#fcfcfc url('../_img/bg_option07_on.png') no-repeat 50% 25%;}
.carOption li a.carO_8.active{background:#fcfcfc url('../_img/bg_option08_on.png') no-repeat 50% 25%;}
.carOption li a.carO_9.active{background:#fcfcfc url('../_img/bg_option09_on.png') no-repeat 50% 25%;}
.carOption li a.carO_10.active{background:#fcfcfc url('../_img/bg_option10_on.png') no-repeat 50% 25%;}
.carOption li a.carO_11.active{background:#fcfcfc url('../_img/bg_option11_on.png') no-repeat 50% 25%;}
.carOption li a.carO_12.active{background:#fcfcfc url('../_img/bg_option12_on.png') no-repeat 50% 25%;}


/* article_csTab */
.article_csTab {
	padding: 30px 0;
}
.article_csTab li {
	margin-left:-1px;
	width: 25%;
	float: left;
}
.article_csTab li a {
	display: block;
	background: #fff;
	border: 1px solid #e7e7e7;
	font-size: 18px;
	line-height: 28px;
	color: #777;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 15px 0;
}
.article_csTab li:first-child a {
	border-radius: 4px 0 0 4px;
}
.article_csTab li:last-child a {
	border-radius: 0 4px 4px 0;
}
.article_csTab li.active a {
	background: #1590e3;
	border-color: #1590e3;
	color: #fff;
	font-weight: 700;
}

/*
.article_boardList {
	min-height: 400px;
	padding: 0 0 120px;
}
*/
.article_boardList ul{border-top:1px solid #000;}
.article_boardList ul li.item_lst:last-child{margin-bottom:120px;}


/* article_csTab */
.cmLnb {
	padding: 30px 0;
}
.cmLnb li {
	margin-left:-1px;
	width: 20%;
	float: left;
}
.cmLnb li a {
	display: block;
	background: #fff;
	border: 1px solid #e7e7e7;
	font-size: 18px;
	line-height: 28px;
	color: #777;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 15px 0;
}
.cmLnb li:first-child a {
	border-radius: 4px 0 0 4px;
}
.cmLnb li:last-child a {
	border-radius: 0 4px 4px 0;
}
.cmLnb > ul > li.active a {
	background: #1590e3;
	border-color: #1590e3;
	color: #fff;
	font-weight: 700;
}


/*리뷰*/
/* --------------------------------------------
 * sub-review
/* ------------------------------------------ */
.article_visualTit .inner h2:before{}
.article_rvList {
	padding: 0px 0 20px;
}
.article_rvList ul {
	margin: -20px -10px 0;
}
.article_rvList li {
	width: 23.8%;
	float: left;
	/*padding: 20px 10px 0;*/
	box-sizing: border-box;
	position:relative;
	border:1px solid #ddd;
	margin:0.5% 0.5% 1%;
}
.article_rvList li a.box_st1 {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 10px;
    box-shadow: 0px 2px 10px rgba(199,199,199,0.6);
    border-radius: 2px;
}
.article_rvList li:hover,
.article_rvList li:focus {
	transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	box-shadow: 0px 10px 20px 0px rgba(0,13,56,0.2);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.article_rvList li span.type01{background:url(../_img/type01.png) no-repeat; width:100px; height:39px; position:absolute; top:10px;right: -5px; z-index: 99;}
.article_rvList li span.type02{background:url(../_img/type02.png) no-repeat; width:100px; height:39px; position:absolute; top:10px;right: -5px; z-index: 99;}
.article_rvList li span.type03{background:url(../_img/type03.png) no-repeat; width:100px; height:39px; position:absolute; top:10px;right: -5px; z-index: 99;}
.article_rvList li span.type04{background:url(../_img/type04.png) no-repeat; width:100px; height:39px; position:absolute; top:10px;right: -5px; z-index: 99;}

.article_rvList li a .photo {
	width: 100%; height: 200px;
	/*width:50%;*/
	background: #fff;
	/*border-radius: 5px 0px 0 0;*/
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
.article_rvList li a .photo img{
	width: 100%; height: 100%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.article_rvList li a:hover .photo img{
	width:102%; height:102%;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
.article_rvList li a .photo p {
	width: 100%; height: 100%;
	border-radius: 5px 5px 0 0;
	
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.article_rvList li a .infoWrap {
	padding: 20px 20px 20px;
	box-sizing: border-box;
	width:100%;
	float:right
}
.article_rvList li a .infoWrap .tit {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
	max-width: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.article_rvList li a .infoWrap .txt {
	font-size: 14px;
	line-height: 24px; max-height: 96px;
	max-width: 98%;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 72px;
}
.article_rvList li a:hover .txt span {
	border-bottom: 1px solid #ddd;
}
.article_rvList li a .bottom {
	padding: 16px 20px 18px;
	margin-top:22px;
	border-top: 1px solid #eee;
	clear:both;
    text-align: right;
}
.article_rvList li a .bottom span {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	letter-spacing: 0;
	vertical-align: middle;
	margin-right: 12px;
}
.article_rvList li a .bottom span:before {
	content: '';
	width: 17px; height: 17px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}
.article_rvList li a .bottom span.read:before { background-position: -100px -112px; }
.article_rvList li a .bottom span.data:before { background-position: -127px -112px; }


/*board btn*/
.boardBtnW{
    overflow: hidden;
    margin:30px 0 30px 0;
    text-align: center;
}

.boardBtnW .btn{
    transition: all 0.4s 0.6s;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #ea1c30;
    padding: 15px 60px;
    border-radius: 30px;
    font-weight: 500;
    background: #ea1c30;
	color:#fff;
	font-weight:bold;
	width:auto;
}

.boardwriteWrap {max-width:1200px; margin:60px auto;}
.boardWrite {}
.boardWrite tr{}
.boardWrite tr td, .boardWrite tr th{padding:15px 0; border-bottom:1px solid #e4e4e4; vertical-align:middle;}
.boardWrite tr td{ padding-left:20px; text-align:left;}
.boardWrite tr th{background:#f3f3f5; font-size:16px; font-weight:500;}
.boardWrite { width: 100%; border-collapse: collapse; border-spacing: 0; border-top:2px solid #333;}
.boardWrite .inputStyle {
    height: 40px;
    background: #fff;
    padding-left: 10px;
    border: 1px solid #e4e4e4;
	width:100px;
	font-family:'Lato','NanumSquare', 'Malgun Gothic', 'Dotum', 'Gulim', 'Arial', sans-serif;
	font-size:16px;
}
.boardWrite .inputStyle:focus, .boardWrite textarea:focus{border:1px solid #ea1c30;}
.boardWrite textarea {
    border: 1px solid #e4e4e4;
	width: 100%;
    height: 250px;
    padding: 20px;
	padding: 10px;
    font-size: 17px;
    overflow-y: scroll;
    resize: vertical;
    -webkit-appearance: none;
}
.boardWrite .inputStyle.w100 {width:100%;}
.boardWrite .inputStyle.w150 {width:150px;}
.boardWrite .inputStyle.w200 {width:200px;}


/* review_view */
#review_view {}
#review_view .layerBody {
	width: 930px; height: 100%;
	position: fixed;
	top: 250px;
}
#review_view .contPop {
	width: 100%; height: 100%;
	word-break: keep-all;
}
#review_view .view_con {
	position: relative;
	padding-bottom: 160px;
}
#review_view .tit {
	padding: 80px 0;
	text-align: center;
	position: relative;
	border-bottom: 1px solid #eee;
}
#review_view .tit:after {
	content: '';
	display: inline-block;
	width: 52px; height: 5px;
	background: #1590e3;
	position: absolute;
	bottom: -5px; left: 50%;
	margin-left: -26px;
}
#review_view .tit h2 {
	position: absolute;
	top: 30px; left: 30px;
	display: none;
}
#review_view .tit h2 span {
	width: 120px; height: 62px;
	background-position: 0 0;
}
#review_view .tit .cate span {
	font-family: 'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	background: #1590e3;
	padding: 5px 15px;
	font-weight: 500;
	letter-spacing: 1px;
}
#review_view .tit h4 {
	font-size: 37px;
	line-height: 41px;
	font-weight: bold;
	color: #333;
	max-width: 80%;
	margin: 30px auto 16px;
	letter-spacing: -0.05em;
}
#review_view .tit .data {
	font-family: 'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;
	color: #1590e3;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0;
}

#review_view .con {}
#review_view .con .img img {
	width: 100%; height: auto;
}
#review_view .con .txt {
	padding: 60px 160px;
	font-size: 18px;
	line-height: 1.8;
	color: #555;
}

#review_view .btn {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	bottom: 0; left: 0; right: 0;
}
#review_view .btn ul li {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#review_view .btn ul li:first-child {
	border-right: 1px solid #ddd;
}
#review_view .btn ul li a {
	display: block;
	text-align: center;
	padding: 21px 0;
	font-size: 18px;
	color: #fff;
	background:#1590e3
}


/*map*/
.sub04Wrap .inner > div{float:left;}
.sub04Wrap .inner .sub04Left{width:365px; margin-right: 80px;}
.sub04Wrap .inner .sub04Right{width:712px;margin-top:60px;}
.sub04Wrap .inner .sub04Left p{font-size:16px; color:#7f7f7f; margin-bottom:15px;}
.sub04Wrap .inner .sub04Left h4{font-size:20px; color:#118ee3; font-weight:500; margin-bottom:10px;}
.sub04Wrap .inner .sub04Left .loacationBox{margin-top:60px;}
.sub04Wrap .inner .sub04Left .loacationBox h4:before{content:'';width:24px; height:20px; display:inline-block; background:url(../_img/lo_icon.png) no-repeat; vertical-align:middle; margin-right:10px;}
.sub04Wrap .inner .sub04Left .storeBox h4:before{content:'';width:24px; height:20px; display:inline-block; background:url(../_img/store_icon.png) no-repeat; vertical-align:middle; margin-right:10px;}

body.branchInfo .con_box_st1 {
    padding: 0;
}
.con_box_st1 {margin-bottom:100px; display:inline-block;width:100%;}
.txt_box_st1 {display:block; width:100%}
.storeBox,
.mapArea {
    /*height: 812px;*/
    margin-top: 15px;
}

.storeBox {
	width: 354px;
	/*float: left;*/
	/*padding: 0 40px 40px 40px;*/
}

.storeBox .bi_title {
	font-family: 'NotoSansKR', 'NanumBarunGothic','Nanum Gothic', 'Dotum', 'Gulim', 'Exo', 'Arial', sans-serif;
	font-weight: 400;
	color: #192129;
	font-size: 23px;
	letter-spacing: -0.05em;
    border-left: 4px solid #721a1a;
    padding-left: 15px;
    margin: 30px 0 15px;
}
.storeBox .bi_info {
	font-size: 14px;
	color: #666;
    font-weight: 300;
    padding: 0 0 15px;
}
.storeBox .bi_con {
	position: relative;
	overflow: hidden;
	line-height: 18px;
	letter-spacing: -0.5px;
    margin-bottom: 20px;
}
.storeBox .bi_con .bi_bg {
	display: inline-block;
	overflow: hidden;
	background: url(../_img/branchInfo_img.png) no-repeat;
	line-height: 999px;
	vertical-align: middle;
}
.loacationBox .bi_con .areaList ul {
	margin: 1px 0 0 1px;
}
.loacationBox .bi_con .areaList li {
	width: 33.333333%;
	float: left;
}
.loacationBox .bi_con .areaList li a {
	position: relative;
	height: 49px; line-height: 49px;
	display: block;
	text-align: center;
	color: #454545;
	font-size: 17px;
	margin: 0 10px 10px 0;
	border: 1px solid #dedede;
	background: #fff;
    border-radius: 5px;
}
.loacationBox .bi_con .areaList li.active a {
	 background: #39a1ea;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #39a1ea, #51b1e6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #39a1ea, #51b1e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
	color: #fff;
	z-index: 11;
}

.loacationBox .bi_con .btn {
	display: inline-block;
	position: absolute;
	left: 0; bottom: 0;
}
.storeBox .bi_con .btn a {
	display: block;
	width: 510px; height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 13px;
	background: #1e82c6;
	border-radius: 5px;
	text-align: center;
}
.storeBox .bi_con .photo {
    width: 100%;
    border: 2px solid #e7eaec;
    box-sizing: border-box;
}
.storeBox .bi_con .photo img {
	width: 100%;
}
.storeBox .bi_con:after {
	clear:both;
	content:'';
	display:block;
}
.storeBox .bi_con .detailtxt .name {
    font-weight: normal;
    color: #192129;
    font-size: 18px;
    letter-spacing: -0.05em;
    padding: 15px 0 10px;
}
.storeBox .bi_con .detailtxt .address {
    font-size: 13px;
    color: #555;
    line-height: 20px;
}
.storeBox .bi_con .detailtxt .address .roadname {
	color: #999;
	font-size: 11px;
}
.storeBox .bi_con .detailtxt .address .roadname span {
	width: 25px; height: 14px;
	background-position: -68px -35px;
	margin-right: 4px;
}
.storeBox .bi_con .detailtxt .phone {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	color: #146fac;
	letter-spacing: 0;
	margin: 3px 0 10px;
}
.storeBox .bi_con .detailtxt .bus {
	margin-top: 15px;
}
.storeBox .bi_con .detailtxt .bus .title {
	width: 41px; height: 11px;
	background-position: -68px 0;
	display: block;
	margin-bottom: 8px;
}
.storeBox .bi_con .detailtxt .bus .num {
    max-width: 230px;
}
.storeBox .bi_con .detailtxt .bus .num span {
	font-size: 11px;
	line-height: 12px;
	color: #555;
	display: inline-block;
	padding-right: 5px;
	margin-right: 4px;
	border-right: 1px solid #ddd;
}
.storeBox .bi_con .detailtxt .bus .num span:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}
.storeBox .bi_con .detailtxt .metro {
	margin-top: 15px;
}
.storeBox .bi_con .detailtxt .metro .title {
	width: 62px; height: 12px;
	background-position: -68px -17px;
	display: block;
    margin: 10px 0 8px;
}
.storeBox .bi_con .detailtxt .metro .list {
	display: inline-block;
	margin-right: 7px;
	color: #555;
	font-size: 11px;
	line-height: 14px;
	vertical-align: middle;
}
.storeBox .bi_con .detailtxt .metro .list:last-child {
	margin-right: 0;
}
.storeBox .bi_con .detailtxt .metro .list span {
	width: 14px; height: 14px;
	margin-right: 3px;
}
.storeBox .bi_con .detailtxt .metro .list span.metro_1 { background-position: 0 0; }
.storeBox .bi_con .detailtxt .metro .list span.metro_2 { background-position: 0 -20px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_3 { background-position: 0 -40px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_4 { background-position: 0 -60px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_5 { background-position: 0 -80px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_6 { background-position: 0 -100px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_7 { background-position: 0 -120px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_8 { background-position: 0 -140px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_9 { background-position: 0 -160px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_ic { background-position: 0 -180px; width: 29px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_bd { background-position: 0 -200px; width: 29px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_ap { background-position: 0 -220px; width: 29px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_gu { background-position: 0 -240px; width: 48px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_ev { background-position: 0 -260px; width: 48px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_gc { background-position: 0 -280px; width: 29px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_sbd { background-position: 0 -300px; width: 39px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_ujb { background-position: 0 -320px; width: 39px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_si { background-position: 0 -340px; width: 29px; }


/* 지방 */
.storeBox .bi_con .detailtxt .metro .list span.metro_dg1 { background-position: 0 -380px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_bs1 { background-position: 0 -380px; }
.storeBox .bi_con .detailtxt .metro .list span.metro_bs3 { background-position: 0 -420px; }

.sellbtn{width:100%; color:#fff; background: #39a1ea;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #39a1ea, #51b1e6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #39a1ea, #51b1e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
box-sizing: border-box;
text-align: center;
padding: 20px;
font-size: 17px;
border-radius: 5px;
cursor:pointer;
}

.lobtn a{width:49%; color:#fff; background: #39a1ea;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #39a1ea, #51b1e6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #39a1ea, #51b1e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */;
box-sizing: border-box;
text-align: center;
padding: 20px;
font-size: 17px;
border-radius: 5px;
cursor:pointer;
display:inline-block;
}

.sub04Wrap .inner .sub04Right .mapBox{width:755px; height:858px; background:#ddd;}

.mapArea {
	float: left;
}
.mapArea .placeinfo_wrap {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
	margin-top: -190px;
}
.mapArea .placeinfo_wrap .tooltip {
	width: 200px;
	position: relative;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #273054;
	background: #fff;
}
.mapArea .placeinfo_wrap .tooltip::after {
	content: "";
	position: absolute;
	left: 0; bottom: -11px;
	display: block;
	width: 100%; height: 11px;
	background: url(/_img/icon_arrow_down02.png) no-repeat 50% 100%;
}
.mapArea .placeinfo_wrap .tooltip .close {
	width: 11px; height: 11px;
	position: absolute;
	top: 10px; right: 10px;
}
.mapArea .placeinfo_wrap .tooltip h4.map_zone_name {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	font-size: 15px;
	color: #333;
	letter-spacing: -0.75px;
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.mapArea .placeinfo_wrap .tooltip .address {
	white-space: normal;
	font-size: 11px;
	line-height: 15px;
	height: 30px;
	overflow: hidden;
	color: #777;
	margin-top: 7px;
	word-break: keep-all;
	padding-right: 10px;
}
.mapArea .placeinfo_wrap .tooltip .phone {
	font-family: 'Roboto', 'NanumBarunGothic', sans-serif;
	font-size: 16px;
	color: #146fac;
	font-weight: 500;
	letter-spacing: -0.25px;
	margin-top: 5px;
}
.mapArea .placeinfo_wrap .tooltip .btn a {
	display: block;
	text-align: center;
	line-height: 30px;
	height: 30px;
	color: #fff;
	border-radius: 5px;
	margin-top: 10px;
	background: #273153;
}


/*리뷰작성*/
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-break: break-all;
}
.board_write{margin:50px 0;}

.table_st4 {
	border-top:1px solid #ddd;
    background: #fff;
    border-collapse: collapse;
}
.table_st4 td.tit {
    color: #555;
}

.table_st4 td {
    height: 80px;
    font-size: 15px;
    line-height: 26px;
    padding: 17px 20px 16px;
    color: #999;
    font-weight: 400;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
}
.board_write button.btn-info {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 28px;
    padding: 16px 0;
    text-align: center;
    border-radius: 2px;
    background: #1590e3;
    color: #fff;
    margin-top: 20px;
}
.inputWrap_st1 button {
    min-width: 86px;
    font-size: 11px;
    line-height: 30px;
    background: #a6a7ac;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -15px;
    z-index: 10000;
}

/*매매가이드*/

/* swingtab_st1 */
/*.swingtab_st1{padding:40px 0 0}*/
.swingtab_st1 ul{}
.swingtab_st1 ul:after{display:block;clear:both;content:''}
.swingtab_st1 ul li{width:25%;float:left;text-align:center}
.swingtab_st1 ul li a{display:block;font-size:17px;line-height:16px; background:#f1f1f1; text-transform: uppercase;padding:20px 0;color:#333;border:1px solid #333;border-right:1px solid #fff;opacity:0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;}
.swingtab_st1 ul li:last-child a{border-right:1px solid #000}
.swingtab_st1 ul li.active a{border-bottom:1px solid #fff; background:#fff; font-weight:500;border-right:1px solid #000;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1}

.titArea h2{font-size:30px; font-weight:500;  margin:60px 0; text-align:center; color:#454545; line-height:30px;}

.tabs {
	position: absolute;
	top: 23px; right: 30px;
	z-index: 100;
}
.tabs ul {
	overflow: hidden;
}
.tabs ul li {
	float: left;
	margin-left: 20px;
}
.tabs ul li a {
	width: 120px; height: 74px;
	display: inline-block;
	position: relative;
	border:2px solid #aaa;
}
.tabs ul li.active a,
.tab_guide ul li:hover a {
	border: 2px solid #666;
}
.tabs ul li a span {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
	position: absolute;
	top: 50%; left: 18px;
}
.tab_guide ul li a span {
	width: 39px; height: 32px;
	margin-top: -16px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.tab_guide ul li.active a span,
.tab_guide ul li:hover a span {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.tab_guide ul li.tg1 a span {
	background: url(/_img/tab_guide1.png) no-repeat 0 0;
}
.tab_guide ul li.tg2 a span {
	background: url(/_img/tab_guide2.png) no-repeat 0 0;
}
.sec_txt {
	padding: 30px 0px 0;
	word-break: keep-all;
	font-size: 13px;
	line-height: 1.8;
	color: #333;
}
.sec_txt h4.tit {
	/*margin-bottom: 20px;*/
}
.sec_txt h4.tit span {
	display: inline-block;
	color: #f37022;
	padding: 0 15px 0 0;
	/*border-left:4px solid #721a1a;*/
	font-size: 20px;
    font-weight: 500;
	text-transform: uppercase;
}
.sec_txt h5.tit {
	margin: 15px 0;
	font-size:20px;
	font-weight: 500;
}
.sec_txt .col_1 {
	width: 100%;
	float: left;
	/*padding: 0 30px 0 0;*/
}
.sec_txt .col_2 {
	width: 50%;
	float: left;
	padding: 0 30px 30px 0;
}
.sec_txt p {
	margin-bottom: 10px;
	font-size:15px;
	font-family:'Noto Sans KR','NanumSquare', 'Malgun Gothic', 'Dotum', 'Gulim', 'Arial', sans-serif;
}
.sec_txt ul li {
	/*padding-left: 10px;*/
	background: url(/_img/dot_3px.png) no-repeat 0 9px;
	color: #666;
	margin: 5px 0;
	font-size:15px;
	font-family:'Noto Sans KR','NanumSquare', 'Malgun Gothic', 'Dotum', 'Gulim', 'Arial', sans-serif;
}
.sec_txt table ul li {
	margin: 5px 0;
}
.sec_txt strong {
	color: #333;
}

/* table_st */
.table_st1{}
.table_st1 td,
.table_st1 th{padding:10px 20px;border-top:1px solid #d4d4d7;border-left:1px solid #d4d4d7; font-size: 17px;}
.table_st1 tr th:first-child{border-left:0; }
.table_st1 tr th{background:#f1f1f1;}
.table_st2{border-top:2px solid #292a37;border-bottom:1px solid #292a37;font-size:13px}
.table_st2 td,
.table_st2 th{padding:15px 20px;border-bottom:1px dotted #292a37;border-right:1px dotted #292a37;text-align:left}
.table_st2 td:last-child,
.table_st2 th:last-child{border-right:0}
.table_st2 th{}
.table_st2 dl{width:100%;overflow:hidden;line-height:35px}
.table_st2 dl dt{float:left}
.table_st2 dl dd{float:right;text-align:right}
.table_st3{border-top:3px solid #192129;border-bottom:1px solid #192129}
.table_st3 tr{}
.table_st3 tr td,
.table_st3 tr th{padding:12px 10px;line-height:24px;border-top:1px solid #E4E6EA;font-size:14px;text-align:center}
.table_st3 tr th{}
.table_st3 tr td{}
.table_st3 tr td.subject{text-align:left}
.table_st3 tr td.subject a{display:block}
.table_st3 tr td:hover a{text-decoration:underline}
.table_st3 tr td.state{color:#A3A6A9;text-decoration:line-through}
.table_st3 tr td.state.comp{color:#fe2434;text-decoration:none}

.sticky {
	position: fixed;
	top: 90px;
	width: 100%;
	z-index: 10;
	background:#333;
}

.sticky .inner{border-bottom:none;}

.sticky ul li a {color:#fff;}
.sticky ul li a:after {top:23px; background-color:rgba(255,255,255,0.3);}


/*회사소개*/
.companyBox{padding:40px 0;height: 500px;position:relative;background: #6618e3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6618e3, #55c8ce);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6618e3, #55c8ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */; text-align:center;}
.companyTitBox{width:1200px; height:500px;}
.companyTitBox .swiper-slide{padding:40px 0;}
.companyTitBox .swiper-slide h3{padding:40px 0;}
.companyTitBox .swiper-slide p{padding:40px 0;}

.companyBox01 > div{float:left; width:50%; height:530px;box-sizing:border-box; padding:90px 20px;}
.companyBox01 .carSellBox{position:relative; border-right:1px solid #e8e8e8;}
.companyBox01 .carBuyBox{position:relative;}
.companyBox01 .carSellBox h4{text-align:right;}
.companyBox01 .carSellBox dl{text-align:right;}
.companyBox01 .carSellBox dl dt, .companyBox01 .carBuyBox dl dt{font-size:20px; color:#349bec; font-weight:500; margin:30px 0;}
.companyBox01 .carSellBox dl dd, .companyBox01 .carBuyBox dl dd{font-size:17px; color:#454545; margin:15px 0;}
.companyBox01 .carSellBox span.i_bg{position:absolute;left: -55px; bottom:50px;}
.companyBox01 .carBuyBox h4{text-align:left;}
.companyBox01 .carBuyBox span.i_bg{position:absolute;right: -45px; bottom:50px;}

.companyBox02{border-top: 1px solid #e8e8e8; padding-top: 40px;}
.companyBox02 h3{font-size:30px; font-weight:500; color:#454545;}


/*추가20180907*/
.formBoxWrap .agree{width: 720px;margin: 0 auto;}
.formBoxWrap .agree .checksWrap_st1 {padding:0;}
.formBoxWrap .agree .checks label{color:#666; line-height:24px;}


/* --------------------------------------------
 * partnership 제휴문의
/* ------------------------------------------ */
/* partnership_write */
.partnership_write{margin:0 auto; width:1200px;}
.partnership_write .form_group{}
.partnership_write .form_group ul{margin:-30px -10px 0}
.partnership_write .form_group li{float:left;padding:30px 10px 0}
.partnership_write .form_group li .textareaWrap_st2{padding-top:30px;margin-top:10px;border-top:1px solid #f0f0f0}
.partnership_write .btn_wrap{margin:50px auto; text-align:center;}
.partnership_write .btn_wrap a{margin:0 auto; width:100%; height:60px; line-height:60px; font-size:20px; color:#fff; display:block;
	border-radius:3px;
	background: #39a1ea;
    background: -webkit-linear-gradient(to right, #39a1ea, #51b1e6);
    background: linear-gradient(to right, #39a1ea, #51b1e6);
}

/* --------------------------------------------
 * complain 불편신고센터
/* ------------------------------------------ */
/* complain_write */
.complain_write{}
.complain_write .form_group{}
.complain_write .form_group ul{margin:-30px -10px 0}
.complain_write .form_group li{float:left;padding:30px 10px 0}
.complain_write .form_group li .textareaWrap_st2{padding-top:30px;margin-top:10px;border-top:1px solid #f0f0f0}
.complain_write .btn_wrap{margin-top:50px;text-align:right}
.complain_write .btn_wrap a{margin-left:10px}


.boardWrap{margin:0 auto; width:1200px;}
.bBoard .search{margin:0 auto; width:70%;}
.bBoard .search > div{margin-bottom:50px; height:46px; line-height:46px; float:left;}
.bBoard .search .sc_box01{width:25%;}
.bBoard .search .sc_box01 select{padding:0 10px; width:100%; height:100%; border:1px solid #ddd; border-radius:5px;}
.bBoard .search .sc_box02{margin-left:5%; width:60%;}
.bBoard .search .sc_box02 input{padding:0 10px; width:100%; height:100%; color:#333; border:1px solid #1590e3; border-radius:5px 0 0 5px;}
.bBoard .search .sc_box03{width:10%; color:#fff; text-align:center; border-radius:0 5px 5px 0; background:#1590e3;}
.bBoard .bBoard_list thead th{font-size:15px; color:#333; height:40px; line-height:40px; border-top:1px solid #114996; border-bottom:1px solid #ddd;}
.bBoard .bBoard_list tbody tr{font-size:15px; color:#555; height:40px; line-height:40px; border-bottom:1px solid #eee; text-align:center;}
.bBoard .bBoard_list tbody tr td:nth-child(2){text-align:left; cursor:pointer;}

.boardView h2{padding:10px 20px; font-size:20px; color:#333; background:#f1f1f1;}
.boardView dl{padding:20px; font-size:15px; border-bottom:1px solid #114996;}
.boardView dl dt{float:left;}
.boardView dl dd{margin-left:10px; float:left;}
.boardView dl dd span{margin-left:10px; padding-left:10px; border-left:1px solid #ccc; display:inline-block;}
.boardView p{padding:50px 20px; font-size:15px;}

.boardComment h3{font-size:17px; font-weight:500; color:#222;}
.boardComment h3 span{margin-left:10px; color:#1590e3; display:inline-block;}
.boardComment .cmWrap{margin:10px auto 30px; padding:20px; background:#f8f8f8;}
.boardComment .cmWrap .cmTxt{margin-bottom:10px; padding:10px 0;}
.boardComment .cmWrap .cmTxt dt{height:20px; line-height:20px; font-size:17px; color:#222; font-weight:500; float:left;}
.boardComment .cmWrap .cmTxt dd{margin-left:10px; height:20px; line-height:20px; float:left;}
.boardComment .cmWrap .cmTxt p{margin-top:5px;}
.boardComment .cmWrap .cmBox textarea{width:85%; height:60px; border:1px solid #ccc; float:left;}
.boardComment .cmWrap .cmBox button{margin-left:1%; width:14%; height:60px; color:#fff; background:#1590e3; float:left;}


/* --------------------------------------------
 * bulletin 자유게시판
/* ------------------------------------------ */
.boardWrap{margin:0 auto; width:1200px;}
.bBoard .search{margin:0 auto; width:70%;}
.bBoard .search > div{margin-bottom:50px; height:46px; line-height:46px; float:left;}
.bBoard .search .sc_box01{width:25%;}
.bBoard .search .sc_box01 select{padding:0 10px; width:100%; height:100%; border:1px solid #ddd; border-radius:5px;}
.bBoard .search .sc_box02{margin-left:5%; width:60%;}
.bBoard .search .sc_box02 input{padding:0 10px; width:100%; height:100%; color:#333; border:1px solid #1590e3; border-radius:5px 0 0 5px;}
.bBoard .search .sc_box03{width:10%; color:#fff; text-align:center; border-radius:0 5px 5px 0; background:#1590e3;}
.bBoard .bBoard_list thead th{font-size:15px; color:#333; height:40px; line-height:40px; border-top:1px solid #114996; border-bottom:1px solid #ddd;}
.bBoard .bBoard_list tbody tr{font-size:15px; color:#555; height:40px; line-height:40px; border-bottom:1px solid #eee; text-align:center;}
.bBoard .bBoard_list tbody tr td:nth-child(2){text-align:left; cursor:pointer;}


.boardView h2{padding:10px 20px; font-size:20px; color:#333; background:#f1f1f1;}
.boardView_sub dl{float:left;width:100%;}
.boardView_sub dt{float:left;}
.right_50{padding-left:50px;}

.boardView_sub dl dt{float:left;}
.boardView_sub dl dd{margin-left:10px; float:left; color:#114996;}
.boardView_sub dl dd span{margin-left:10px; padding-left:10px; border-left:1px solid #ccc; display:inline-block;}
.boardView_sub p{padding:50px 20px; font-size:15px;}
.boardcontents{max-width:1200px; height:500px; line-height:30px;}

.free-memo {background:#f8f8f8; padding:20px; border-bottom:1px solid #eee; }
.free-memo textarea{width:90% !important; border:1px solid #ccc !important; padding:10px !important; }
.free-memo button[type="submit"] {float:right !important; width:10% !important; position:relative !important; background:#1590e3 !important;}


.boardComment h3{font-size:17px; font-weight:500; color:#222;}
.boardComment h3 span{margin-left:10px; color:#1590e3; display:inline-block;}
.boardComment .cmWrap{margin:10px auto 30px; padding:20px; background:#f8f8f8;}
.boardComment .cmWrap .cmTxt{margin-bottom:10px; padding:10px 0;}
.boardComment .cmWrap .cmTxt dt{height:20px; line-height:20px; font-size:17px; color:#222; font-weight:500; float:left;}
.boardComment .cmWrap .cmTxt dd{margin-left:10px; height:20px; line-height:20px; float:left;}
.boardComment .cmWrap .cmTxt p{margin-top:5px;}
.boardComment .cmWrap .cmBox textarea{width:85%; height:60px; border:1px solid #ccc; float:left;}
.boardComment .cmWrap .cmBox button{margin-left:1%; width:14%; height:60px; color:#fff; background:#1590e3; float:left;}
.modify_wrap{margin:auto; width:1200px;}
.modify_list{text-align:right;width: 100%; padding:20px 0 50px 0; }
.modify_list a{margin-left:5px;  padding:10px; color: #1590e3;background: #fff; border: 1px solid #1590e3;}


.input_username{
    border: 1px solid #ccc;
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 10px;
}
.bBoard .bBoard_list tbody tr td a{color:#333;}


/*mainlist*/
#mainBusiness h3 {
    text-align: center;
    font-size: 28px;
    margin: 0 0 17px;
    font-weight: bold;
    letter-spacing: 0;
}
#mainBusiness{/*margin:0 259px;*/ position:relative;background:#f0f0f0; padding:60px 0;background-size:cover;}
.main-business-inner{width: 1280px; margin:0px auto;  }
.business-list li > a{display:block; margin:0 5px; position:relative; overflow:hidden; max-height:480px;}
.business-list li:nth-of-type(4) > a{margin:0 0 0 5px;}
.business-img-thum{position:relative;}
.business-img-cover{position:absolute; top:0; left:0; bottom:0; right:0; max-width:480px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.business-txt{position:absolute; left:0; bottom:-55px; padding-bottom:25px; overflow:hidden; width:100%; max-width:477px; background-color:rgba(0,0,0,0.5); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.2);}
.business-txt > h2, .business-txt > strong, .business-txt > p{padding-left:20px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.business-txt > h2{font-size:18px; line-height:35px; color:#fff; font-weight:500;}
.business-txt > strong{display:block; font-size:12px; color:#fff; letter-spacing:0; opacity:0.5;filter:Alpha(opacity=50); font-weight:400; padding-top:15px;}
.business-txt > p{font-size:14px; line-height:22px; color:#fff; color:rgba(255,255,255,0.9); width:100%; min-width:610px; max-width:610px; opacity:0;filter:Alpha(opacity=00); font-weight:300;}
.business-txt > p span{display:block;}
.business-list li > a img {}
.business-list li:hover .business-img-cover{background:none;}
.business-list li:hover .business-txt{bottom:0; background-color:rgb(243, 112, 34,0.85);}
.business-list li:hover .business-txt > h2{font-size:21px; margin:5px 0 10px;}
.business-list li:hover .business-txt > strong{font-size:16px; font-weight:500; opacity:0.9;filter:Alpha(opacity=80);}
.business-list li:hover .business-txt > p{opacity:1.0;filter:Alpha(opacity=100);}

.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	/*position: absolute;*/
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}


/* sc_consult */
.sc_consult {
	width:700px;
	position: relative;
	margin:auto;
}
.sc_consult h3 {
	padding:30px 34px 15px;
}
.sc_consult h3 span {
	font-size:24px;
	font-weight:500;
	letter-spacing:-0.75px;
}
.sc_consult h3 .desc {
	font-size: 15px;
	margin-top: 5px;
	line-height: 25px;
	height: 25px;
}
.sc_consult .consultBox{
	width: 100%;
	background: #fff;
	border-radius: 10px;
	display:inline-block;
	padding-top:30px;    border: 2px solid #f21533;
}
.sc_consult .cstForm {}
.sc_consult .cstForm ul {
	border:1px solid #ddd;
	border-bottom:none;
	margin:0 30px;
}
.sc_consult .cstForm .bottomBox{
    position: relative;
    background: #f0f0f0;
    margin: 30px 0 0;
    padding: 24px;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ecedef;
    display: inline-block;
    width: 100%;
}
.sc_consult .cstForm .bottomBox span.txt {
	float:left;
	color: #b8bac1;
    line-height: 24px;
}
.sc_consult .cstForm form > ul > li {
	width: 50%;
	float: left;
	height:61px;
	border-bottom:1px solid #ddd;
}
.mCSB_container ul {margin:0 !important;}
.sc_consult .cstForm form > ul > li .inputPc{
	background:#fff !important;
}
.sc_consult .cstForm form > ul > li .inputPc input{
	background:#fff !important;
}
.sc_consult .cstForm form > ul > li .checksWrap_st1 {
	padding:10px;
	height: 60px;
	margin: -1px 0 0 -1px;
}
.sc_consult .cstForm form > ul > li .checksWrap_st1 a {
	top:7px;
	right:10px;
	bottom:10px;
	background: #ccc;
	color:#999;
}
.sc_consult .cstForm form > ul > li .checksWrap_st1 label {padding-left:10px;}
.sc_consult .cstForm button.submit {
    display: block;
    width: 190px;
    background: #f21533;
    padding: 17px 0;
    text-align: center;
    border-radius:30px;
    float: right;
}
.sc_consult .cstForm button.submit:hover {background:#cf0520; transition:all 0.5s;
}
.sc_consult .cstForm button.submit span {
	font-size:16px;
	color:#fff;
	letter-spacing:-1px;
}
.sc_consult .cstForm_info {
	background: #f5f5f7;
	border-top: 1px solid #ececef;
	padding: 25px 34px;
	position: absolute;
	bottom: 0; left: 0; right: 0;
}
.sc_consult .cstForm_info p {
	font-size: 13px;
	line-height: 21px;
	color: #808189;
}

.sc_consult .consultBox .inputWrap_st1{border:none;}
.sc_consult .consultBox .inputWrap_st1 label {font-size:16px; color:#f21533; line-height:36px; font-weight:400; font-family: 'GmarketSansMedium';}
.sc_consult .consultBox .selectWrap_st1 .btn_selected { width:60%; float:left; line-height:32px; height:32px; padding:0;}
.sc_consult .consultBox .selectWrap_st1 label{width:40%; float:left; font-size:16px; font-weight:600; line-height:36px; color:#f21533; font-weight:400;font-family: 'GmarketSansMedium';}
.sc_consult .consultBox .selectWrap_st1 {border:none; padding:15px 20px;}
.sc_consult .consultBox .selectWrap_st1 .btn_selected:hover{background:#fff;}
.sc_consult .consultBox .inputWrap_st1 input {height:32px; font-size:14px;}
.sc_consult .consultBox .selectWrap_st1 .btn_selected {color:#999; font-weight:400;}
.sc_consult .consultBox .checksWrap_st1 .checks {display:inline-block; line-height:40px; width:100%;}


/*company*/
.companyContent {}
.companybox01 {padding:60px 0;}
.bd-1 {border-bottom:1px dotted #333; border-top:1px dotted #333;}
.value-con {margin:0 auto; width:800px;}
.valuebox {display:flex; gap:35px; padding:30px 0; text-align:left; align-items:center;}
.valuebox h5 {font-size:16px; font-weight:bold; color:#333;}
.valuebox .tit {margin:5px 0 15px 0; font-size:24px; letter-spacing:-1px;}
.valuebox p {font-size:16px; line-height:1.8; word-break:keep-all;}


/* svc_tbl */
.svc_tbl {
	padding: 40px 0;
	width:750px;
}
.svc_tbl li {
	position: relative;
	padding-left: 250px;
	margin-top: 40px;
	border-bottom:1px solid #ddd;
	padding-bottom:40px;
}
.svc_tbl li:first-child {
	margin-top: 0;
}
.svc_tbl li:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
}
.svc_tbl li dt {
	height: 18px;
	text-indent: -999999em;
	overflow: hidden;
	margin-bottom: 20px;
}
.svc_tbl li dd {
	color: #6a6c73;
	font-size: 16px;
	line-height: 26px;
	word-break: keep-all;
	max-width: 84%;
}


/* svc_value */
.svc_value {
	overflow: hidden; text-align:center;
}
.svc_value h3 span {
	width: 248px; height: 97px;
	background-position: 0 0;
}
.svc_value .svc_tbl li.value1:before {
	width: 124px; height: 14px;
	background-position: 0 -253px;
}
.svc_value .svc_tbl li.value2:before {
	width: 112px; height: 34px;
	background-position: 0 -267px;
}
.svc_value .svc_tbl li.value3:before {
	width: 136px; height: 34px;
	background-position: 0 -301px;
}
.svc_value .svc_tbl li.value1 dt {
	width: 347px; background-position: 0 -345px;
}
.svc_value .svc_tbl li.value2 dt {
	width: 341px; background-position: 0 -363px;
}
.svc_value .svc_tbl li.value3 dt {
	width: 234px; background-position: 0 -381px;
}

.sec_svcContent h3 span,.svc_tbl li:before,.svc_tbl li dt,.svc_process .txt li dt {
	background: url(/_img/service_19.png) no-repeat;
	display: inline-block;
}


/* svc_image */
.svc_image {
	overflow:hidden;
}
.svc_image ul {
	margin: 0 -2px;
}
.svc_image li {
	width: 50%; height: 350px;
	float: left;
	padding: 0 2px;
}
.svc_image li.img1 {
	width: 50%;
}
.svc_image li .bg {
	width: 100%; height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.svc_image li.img1 .bg {
	background: url(/_img/svc_image1.png) center center;
}
.svc_image li.img2 .bg {
	background: url(/_img/svc_image2.png) center center;
}


.companybox01 p{}
.companybox03 {padding:80px 0; background:#f0f0f0;}
.companybox03 h3{
	text-align: center;
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: bold;
    letter-spacing: 0;
}
.companybox03 ul {}
.companybox03 ul li{float:left; width:31.3%; margin-left:1%; margin-top:20px; }
.companybox03 ul li:nth-of-type(1){margin-right:0;}
.companybox03 ul li h4{
    font-size: 14px;
    /* margin-bottom: 10px; */
    font-weight: 500;
    color: #ea1c30;
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ea1c30;
}
.companybox03 ul li h2{
    font-size: 25px;
    line-height: 33px;
    margin: 15px 0;
    display: block;
    font-weight: bold;
    letter-spacing: -0.75px;
}
.companybox03 ul li p{font-size:15px; margin:20px 0 10px; opacity:0.7;}
.companybox03 ul li a {position:relative; border:1px solid #ddd; width:100%; display:block; background:#fff; padding:25px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.companybox03 ul li a:hover,
.companybox03 ul li a:focus {
	transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	box-shadow: 0px 20px 30px 0px rgba(0,13,56,0.2);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}


/******���� �˾�â*****/
.popupBox{
	top:120px;
	left:50%;
	margin-left:-750px;
	position:fixed;
	z-index:99999;
}
.popupBox > ul > li{
	margin-right:5px;
	float:left;
	box-shadow:1px 1px 10px rgb(0,0,0, 0.3);
}
.popupBox .closeBox{
	padding:0 10px;
	height:36px;
	line-height:36px;
	color:#fff;
	background:#000;
}
.popupBox .closeBox span{
	margin-left:10px;
	color:#fff;
	display:inline-block;
	cursor:pointer;
}
.popupBox .closeBox span:hover{
	text-decoration:underline;
}
.popupBox .popUp01{}
.popupBox .popUp01 .ctBox01{
	height:330px;
	padding:50px;
	font-size:17px;
	background:url(/_img/popup_bg01.png) no-repeat right bottom #fff;
}
.popupBox .popUp01 .ctBox01 h3{
	padding:10px 0;
	font-size:1.1em;
	font-weight:800;
} 
.popupBox .popUp01 .ctBox01 h1{
	margin-top:5px;
	font-weight:800;
}
.popupBox .popUp01 .ctBox01 h2{
	font-weight:600;
}
.popupBox .popUp01 .ctBox01 span{
	color:#003cd6;
}
.popupBox .popUp01 .ctBox01 p{
	margin-top:10px;
	font-size:16px;
}
.popupBox .popUp01 .ctBox01 a{
	margin-top:15px;
	padding:8px;
	width:105px;
	text-align:center;
	color:#fff;
	background:#000;
	display:block;
}
.popupBox .popUp02{
	width:400px;
}
.popupBox .popUp02 .ctBox02{
	padding:25px 0;
	height:464px;
	background:url(/_img/popup_bg02.png) no-repeat;
}
.popupBox .popUp02 .ctBox02 h2{
	padding-top:25px;
	width:280px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/_img/popup_tit.png) no-repeat center center;
	display:block;
}
.popupBox .popUp02 .ctBox02 p{
	padding:25px 35px;
	font-size:17px;
	font-weight:600;
	letter-spacing:-0.03em;
	color:#000;
}
.popupBox .popUp02 .ctBox02 ol{
	padding:0 40px;
}
.popupBox .popUp02 .ctBox02 ol li{
	margin-bottom:15px;
	font-size:15px;
	line-height:26px;
	letter-spacing:-0.08em;
}
.popupBox .popUp02 .ctBox02 ol li i{
	width:26px;
	height:26px;
	line-height:26px;
	color:#fff;
	background:#000;
	border-radius:5px;
	text-align:center;
	display:inline-block;
}
.popupBox .popUp02 .ctBox02 ol li dt{
	width:12%;
	float:left;
}
.popupBox .popUp02 .ctBox02 ol li dd{
	width:88%;
	float:left;
}
.popupBox .popUp02 .ctBox02 ol li span{
	color:#003cd6;
}
.popupBox .popUp03 p{
	padding-top:130px;
	width:350px;
	height:275px;
	line-height:26px;
	font-size:20px;
	font-weight:600;
	text-align:center;
	background:url(/_img/popup_bg03.png) no-repeat;
}
.popupBox .popUp03 p b{
	font-weight:800;
}


.advWrap {}
.advWrap .advImg{width:794px; height:343px; background:url(/_img/hjadvimg.png)no-repeat; margin:0 auto 75px;}
.advWrap .advForm {width:794px; margin:0 auto 50px;}
.boardWrite tr td p.tit {
    margin-bottom: 5px;
    font-weight: 500;
    color: #a6a6a6; font-size:15px;
}
.auth_form {margin-bottom:30px;}
.advWrap .advForm .policy{
    height: 150px;
    overflow-y: scroll;
    padding: 30px;
    line-height: 25px;
    font-size: 13px;
    color: #999;
	border-bottom:1px solid #e4e4e4;
}
.advWrap .checksWrap_st1 .checks {
    padding: 20px;
    background: #fff;
    border-top: none;
}
.advWrap .checksWrap_st1 label {font-size:15px; font-weight:500; }
.advWrap .join_form ul {padding:0;}
.advWrap .join_form ul li {padding:0;}
.advWrap .boardWrite tr td, .advWrap .boardWrite tr th {border-bottom: none;}



/* --------------------------------------------
 * sub 서브페이지
/* ------------------------------------------ */

/* company */
.company .subbox {padding:0; }
#sub #com-visual {padding:60px; background:url('/_img/about_visual_pc.png') no-repeat bottom right #f8efea;}
#sub #com-visual .inner {padding:0 0 0 10px;}
#sub #com-visual h3 {font-size:22px; letter-spacing:-1px; font-weight:500;}
#sub #com-visual h2 {margin:32px 0 0 0; font-size:32px; line-height:47px; letter-spacing:-2px; color:#1f191a;}
#sub #com-visual h2 .logo {margin:-9px 3px 3px 0; width:288px; display:inline-block;}
#sub #com-visual h2 .big {font-size:130%;}



#sub .com-con{padding: 80px 0 60px 0;}
#sub .numtit{display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 40px;}
#sub .numtit .num{max-width: 106px;}
#sub .numtit .tit h3{font-size: 20px; font-weight: 300; letter-spacing: -2px;}
#sub .numtit .tit h2{color: #313131; font-size: 36px; font-weight: 600; line-height: 1.5; letter-spacing: -2px;}
#sub .com-con p{margin-bottom: 25px; color: #494949; font-size: 18px; line-height:30px; letter-spacing:-0.5px;}
#sub .com-con.num1{padding: 80px 0 40px 0;}
#sub .com-con.num1 .img-total{max-width: 400px; margin: 40px auto;} 
#sub .thumbs-slide{width: 720px; margin: 0 auto 80px auto;}
#sub .thumbs-slide .swiper-slide{border-radius: 10px; overflow: hidden;}
#sub .com-con.num2 .inner{position: relative;}
#sub .com-con.num2 .carimg{max-width: 265px; position: absolute; bottom: -180px; right: 7px;}
#sub .img-dot{max-width: 10px; margin: 40px auto;}


/* export 
#sub.export .com-con{padding: 140px 0 40px 0;}*/
#sub.export h2{margin-bottom: 30px; font-size: 34px; font-weight: 500; letter-spacing: -1.5px;}
#sub.export .exvisual{margin: -20px auto 0 auto; padding:0 40px;}
#sub.export .exvisual img{}
#sub.export .subbox {padding:40px 0 0 0;}

#sub #step.com-con{padding: 80px 0;}
#sub #step .ex-step{width: 600px; margin: 0 auto; padding: 30px; border-radius: 15px; background: #fff; box-shadow: 2px 2px 4px rgb(0 0 0 / 5%);}
#sub #step .ex-step li {position: relative; display: flex; justify-content: space-between;    align-items: center; margin-bottom: 8px; padding: 15px 0;}
#sub #step .ex-step li:last-child{margin-bottom: 0;}
#sub #step .ex-step li h5 {display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 4px; background: #6A5B4F; color: #fff; font-size: 12px; font-weight: 500;}
#sub #step .ex-step li h3 {font-size: 20px; font-weight: 500;}
#sub #step .ex-step li .ico {max-width: 80px;}
#sub #step .ex-step li:after {position: absolute; content: ''; width: 100%; height: 12px; bottom: -12px; background: url(/_img/ex_step_line.png) no-repeat; background-size: cover;}
#sub #step .ex-step li:last-child:after{display: none;}

#sub #why.com-con{padding: 80px 0;}
#sub #why .whytit h5 {margin-bottom: 10px; color: #939393; font-size: 16px; letter-spacing: 5px;}
#sub .why-slide{width: 800px; margin: 0 auto;}
#sub .why-slide .swiper-slide {min-height: 244px; padding: 20px; border-radius: 10px; border: 1px solid #e0e0e0; overflow: hidden; box-sizing: border-box;}
#sub .why-slide .swiper-slide .ico {width: 80px; height: 80px; }
#sub .why-slide .swiper-slide h3 {margin: 20px 0 12px 0; padding: 0;	color: #494949;	font-size: 20px; font-weight: 600; letter-spacing: -1px;}
#sub .why-slide .swiper-slide p {width: 100%; margin-bottom: 0 !important; font-size: 16px; line-height:26px; word-break: keep-all; height:78px;}
#sub.export .com-con h4{margin: 60px 0 10px 0; font-size: 18px; font-weight: 500; letter-spacing: -1px;}


/*locaiton*/
#sub.location h2{margin:20px 0 30px 0; font-size: 32px; font-weight: 500;}
#sub .location-con {border-radius: 10px; border: 1px solid #E0E0E0; box-sizing: border-box; overflow: hidden;}
.location-con .info {padding:15px 35px 25px 35px; }
.location-con .info p {margin:12px 0 0 0 !important; font-size:17px; line-height:36px; color:#494949; letter-spacing:-0.5px; font-weight:500;}
.location-con .info a.call {font-size:24px;}
.location-con .label {position:relative; display:block; width:35px; height:35px; cursor:pointer;}
.location-con .label.on .labelpop {display:block;}
.location-con .label .labelpop {display:none; position:absolute; top:100%; left:50%; transform:translate(-50%, -50%); }
.location-con .label .labelpop img {position:absolute; top:-25px; left:50%; transform:translate(-50%, 0); width:40px;}
.location-con .label .labelpop span {position:relative; padding:22px 14px 12px 14px; background:#fff; border-radius:3px; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.5px;}
/*:root {accent-color:#ea002c;}
.location input[type="range"] {width:100%; -webkit-appearance: none; background:#e0e0e0;}*/
.skrange {position:relative;  -webkit-appearance: none; width: 100%; height: 25px;  background: url('/_img/range_bg.png') repeat-x; background-size:contain;  outline: none;   box-sizing:border-box; 
  -webkit-transition: .2s; transition: opacity .2s; overflow:hidden;}
.skrange::-webkit-slider-thumb { -webkit-appearance: none; appearance: none;  
  position:relative;  width: 25px;  height: 25px;  z-index:999;
 background:url('/_img/ico_range.png') no-repeat center ; background-size:contain;  cursor: pointer;
box-shadow: 
-600px 616px 0 600px #fff,
-600px 609px 0 600px #FFBC00, 
-600px 80px 0 600px #fff;
}
.skrange::-moz-range-thumb {
width: 25px;  height: 25px;  z-index:999;
 background:url('/_img/ico_range.png') no-repeat center ; background-size:contain;  cursor:  pointer;
box-shadow: 
-600px 616px 0 600px #fff,
-600px 609px 0 600px #FFBC00, 
-600px 80px 0 600px #fff;
}




/* review */
.review .boardtit{margin: 10px 0 40px 0;}
.review .boardtit h3{margin-bottom: 5px; color: #7a7a7a; font-size: 18px; font-weight: 400;}
.review .boardtit h2{font-size: 34px; letter-spacing:-1px; font-weight:bold;}

.review .review-slide{padding-bottom: 40px;}
.review .review-slide .swiper-wrapper{display: flex; justify-content:flex-start; align-content: center; flex-wrap: wrap; gap: 20px;}
.review .review-slide .list{width: 31.5%;}
.review .review-slide .list a{display: block; border-radius: 10px; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); overflow: hidden;}
.review .review-slide .list .img {width: 100%; height: 250px;}
.review .review-slide .list .txt {padding: 20px;}
.review .review-slide .list .txt h3 {color: #494949; font-size: 22px; font-weight: bold;}
.review .review-slide .list .txt p {width: 100%; margin: 10px 0 15px 0; color: #7a7a7a; font-size: 15px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.review .review-slide .list .user {display: flex; justify-content: space-between; align-items: center;}
.review .review-slide .list .user .name {display: flex; align-items: center; color: #ababab; font-size: 14px; font-weight: bold;}
.review .review-slide .list .user .name .ico {max-width: 22px; margin-right: 5px;}
.review .review-slide .list .star {display: flex;}
.review .review-slide .list .star span {display: block; width: 20px; height: 20px; background: url(/_img/ico_star.png) no-repeat; background-size: contain;}
.review .review-slide .list .star span.off {filter: grayscale(1);}

.subbg {padding: 140px 0 40px 0; background: #f9f9f9;}
.subbox{width: 900px; margin: 0 auto; background: #fff; padding:60px 40px; border-radius:15px; overflow:hidden;}

.boardtit{width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.boardtit h2{font-size: 28px; font-weight: 600; text-align: center;}
.boardtit h3.date {margin-top:7px; color:#ababab; letter-spacing:0;}
.boardtit .space {padding:0 1px; }

#board .mreview {padding:0;}
#board.reviewView .img{width: 100%; max-width:450px; margin:0 auto;  height: fit-content; margin-top: 20px; border-radius: 10px; overflow: hidden;}
.reviewView .mreview .list .user {padding:15px 0;  }
.reviewView .mreview .list { padding: 0 0 30px 0; margin-bottom:20px; border-bottom:1px solid #e0e0e0; }
.mreview .viewcon p {font-size:16px; line-height:23px; letter-spacing:-0.5px; word-break:keep-all;}
#board.reviewView .user {display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 20px; }
#board.reviewView .user .name {display: flex; align-items: center; color: #ababab; font-size: 16px; font-weight: bold;}
#board.reviewView .user .name .ico {max-width: 30px; margin-right: 5px;}
#board.reviewView .star {display: flex;}
#board.reviewView .star span {display: block; width: 30px; height: 30px; background: url(/_img/ico_star.png) no-repeat; background-size: contain;}
#board.reviewView .star span.off {filter: grayscale(1);}