@charset "utf-8";

/*-----------------------------------------------타이틀-----------------------------------------------*/

h3 {font-size:40px; color:#232326; text-align:center; font-weight:700; margin-bottom:45px; line-height:1.5em; font-family:'GmarketSansMedium';}

h4 {font-size:25px; color:#222; font-weight:600; margin-bottom:20px; line-height:1.5em; font-family: 'GmarketSansMedium';}
h4:before {content:""; display:inline-block; width:5px; height:22px; background:#00aeef; vertical-align:middle; margin-right:12px; margin-bottom:3px; vertical-align:middle}
h4 span{font-size:20px; font-weight:400;}

h4.mt{margin-top:70px;}

h5 {font-size:18px; color:#222; font-weight:600; margin-bottom:5px; line-height:1.5em; font-family: 'GmarketSansMedium';}
h5:before {content:""; display:inline-block; width:5px; height:16px; background:#00aeef; vertical-align:middle; margin-right:12px; margin-bottom:3px; vertical-align:middle}

h5.mt{margin-top:40px;}

@media screen and (max-width:768px){
	h3 {font-size:30px}

	h4 {font-size:20px;}
	h4:before {width:4px; height:20px;}
	h4 span{font-size:17px;}
	h4.mt {margin-top:60px;}

	h5 {font-size:16px;}
	h5:before {width:4px; height:14px;}
	h5.mt {margin-top:30px;}
}

@media screen and (max-width:480px){
	h3 {font-size:25px; margin-bottom:20px;}

	h4 {font-size:18px; margin-bottom:10px;}
	h4:before {width:3px; height:18px; margin-right:5px;}
	h4 span{font-size:14px;}
	h4.mt {margin-top:40px;}

	h5 {font-size:14px; margin-bottom:0; }
	h5:before {width:3px; height:14px;}
	h5.mt {margin-top:20px;}
}


/*-----------------------------------------------스크롤-----------------------------------------------*/
.scroll-guide {display:none}

@media screen and (max-width:768px){
	/*스크롤*/
	.tb-scroll .mscroll{ overflow-x:scroll;width:auto;}
	.tb-scroll .mscroll table{ width:700px;}

	.scroll-guide{position: relative;padding:18px 15px;display:block;background:#f6f6f6;margin-bottom:15px;}
	.scroll-guide .guide-arrow-l, .scroll-guide .guide-arrow-r{ position:absolute;width:20px;height:20px;margin-top:-10px;top:50%;line-height:20px;font-weight:600;}
	.scroll-guide .guide-arrow-l {left:10px;}
	.scroll-guide .guide-arrow-r{right:10px;}
	.scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:13px;}

	.borderBox {padding:15px; border:2px solid #009ddc; box-shadow: 3px 5px 5px rgb(0,0,0,0.2); animation: borderBox 0.7s; animation-timing-function: ease-out;}
	.borderBox .txt {animation: fade-in 0.7s; animation-timing-function: ease-in-out; animation-delay:0.5s; animation-fill-mode: both;}
}


/*-----------------------------------------------블릿-----------------------------------------------*/
/*블릿*/
.bul01 {font-size:18px;}
.bul01 > li {color:#2b2b2; padding-bottom:10px;  padding-left:15px}
.bul01 > li:before {content:""; display:inline-block; width:15px; height:15px; border:4px solid #00aeef; border-radius:50%; margin-right:7px; vertical-align: middle; margin-left:-15px;}

.bul02 {font-size:16px;}
.bul02 > li {color:#222; padding-bottom:10px; padding-left:15px}
.bul02 > li:last-child {padding-bottom:0;}
.bul02 > li:before {content:""; display:inline-block; width:8px; height:2px; margin-right:7px; vertical-align: middle; background:#222; margin-left:-15px;}
.bul02 > li span {font-size:1.3em;}

.bul03 {font-size:14px;}
.bul03 > li{color:#2b2b2; padding-left:15px}
.bul03 > li:before {content:""; display:inline-block; width:4px; height:4px; border-radius:50%; margin-right:7px; vertical-align: middle; background:#00aeef; margin-left:-15px;}


@media screen and (max-width:768px){
	.bul01 {font-size:15px;}
	.bul01 > li {padding-bottom:10px;  padding-left:15px}
	.bul01 > li:before {width:12px; height:12px; border:3px solid #00aeef; margin-right:7px;  margin-left:-15px;}

	.bul02 {font-size:13px;}
	.bul02 > li {padding-bottom:10px; padding-left:15px}
	.bul02 > li:before {width:8px; margin-right:7px; vmargin-left:-15px;}

	.bul03 {font-size:12px;}
	.bul03 > li{padding-bottom:5px;}
}

@media screen and (max-width:480px){
	.bul01 {font-size:14px;}
	.bul01 > li {padding-bottom:5px;}
	.bul01 > li:before {width:12px; height:12px;}

	.bul02 {font-size:12px;}
	.bul02 > li {padding-bottom:5px;}
	.bul02 > li:before {width:8px}
}


/*-----------------------------------------------사진 게시판 영역-----------------------------------------------*/
/*갤러리*/
.photo .grid  {position:relative; padding:40px 0; margin-bottom:50px; border-top: 3px solid #343434; border-bottom:1px solid #ddd; overflow:hidden}
.photo .grid  li {position:relative; float:left; width:32.333%; margin:0 1.3% 1.3% 0; border-bottom:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden; transition:all 0.3s}
.photo .grid  li:nth-child(3n) {margin-right:0}
.photo .grid  li .item_img {position:relative; width:100%; height:250px; overflow:hidden;}
.photo .grid  li .item_img img {width:100%; height:100%;}

.photo .grid  li .item_txtbox {padding:20px 15px 20px;}
.photo .grid  li .item_tlt {color:#343434; font-size:18px; line-height:1.4em; font-weight:600; height:58px;vertical-align:top; text-overflow: ellipsis; overflow:hidden}
.photo .grid  li .item_data {color:#969292;margin-top:10px; font-size:16px; width:100%; overflow:hidden}
.photo .grid  li .item_data .name {float:left;}
.photo .grid  li .item_data .data {float:right}

.photo .grid  li:hover {border-color:#00aeef}


/*뷰*/
.photo  .floor_sl .slider-for .item {width:100%}
.photo  .floor_sl .slider-for img {width:100%}

.photo  .floor_sl .slider-navBox {position:relative; width:100%; margin-top:40px; padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.photo  .floor_sl .slider-nav {max-width:90%; margin:0 auto;}
.photo  .floor_sl .slider-nav .item {margin:0 5px;}

.photo .control_box .slick-arrow {position:absolute; top:50%; transform: translateY(-50%); border:0; background-color:none; width:33px; height:61px;}
.photo .control_box .slick-prev {left:0; background:url(/share/img/sub/glys_leftBtn.png) no-repeat 50% 50%; background-size:100%}
.photo .control_box .slick-next {right:0; background:url(/share/img/sub/glys_rightBtn.png) no-repeat 50% 50%; background-size:100%}



@media screen and (max-width:1220px){
	.photo .grid  li .item_img {height:20vw;}
}

@media screen and (max-width:768px){
	.photo .grid  {padding:30px 0; margin-bottom:40px;}
	.photo .grid  li {width:49%; margin:0 2% 2% 0;}
	.photo .grid  li:nth-child(3n) {margin-right:2%}
	.photo .grid  li:nth-child(2n) {margin-right:0}

	.photo .grid  li .item_img {height:28vw;}


	.photo  .floor_sl .slider-navBox {margin-top:30px; padding:30px 0;}
	.photo  .floor_sl .slider-nav {max-width:86%;}
	.photo .control_box .slick-arrow {width:25px; height:53px;}
}

@media screen and (max-width:480px){
	.photo .grid  {padding:20px 0; margin-bottom:30px;}
	.photo .grid  li {float:none; width:100%; margin:0 0 10px 0;}
	.photo .grid  li .item_img {height:57vw;}

	.photo  .floor_sl .slider-navBox {margin-top:20px; padding:20px 0;}
}


/*-----------------------------------------------비디오 게시판 영역-----------------------------------------------*/
.video .grid {position:relative; padding-top:40px; border-top: 3px solid #343434; overflow:hidden}
.video .grid li {position:relative; float:left; width:32.333%; margin:0 1.3% 50px 0; border-bottom:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden; transition:all 0.3s}
.video .grid li:nth-child(3n) {margin-right:0}
.video .grid li .item_img {position:relative; width:100%; height:250px; overflow:hidden;}
.video .grid li .item_img img {width:100%; height:100%;}

.video .grid li .item_txtbox {padding:20px 15px 20px;}
.video .grid li .item_tlt {color:#343434; font-size:18px; line-height:1.4em; font-weight:600; height:58px;vertical-align:top; text-overflow: ellipsis; overflow:hidden}
.video .grid li .item_data {color:#969292;margin-top:10px; font-size:16px; width:100%; overflow:hidden}
.video .grid li .item_data .name {float:left;}
.video .grid li .item_data .data {float:right}

.video .grid li:hover {border-color:#00aeef}


/*뷰*/
.pop_mvBox{position:fixed; top:0; left:0; z-index:-1; opacity:0;transition:all 0.2s;}
.pop_mvBox:after {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}

.pop_mvBox.on {opacity:1;z-index:999;}

.pop_mvBox .pop_mv {position:fixed; top:50%; left:50%;transform:translate(-50%,-50%); width:100%; max-width:1200px; z-index:1001}
.pop_mvBox .mv_close {position:absolute; top:-60px; right:0; color:#fff; font-size:50px; display:block}

@media screen and (max-width:1220px){
	.video .grid li .item_img {height:20vw;}

	.pop_mvBox .pop_mv { max-width:94%;} 
}

@media screen and (max-width:768px){
	.video .grid  {padding-top:30px;}
	.video .grid li {width:49%; margin:0 2% 20px 0;}
	.video .grid li:nth-child(3n) {margin-right:2%}
	.video .grid li:nth-child(2n) {margin-right:0}

	.video .grid li .item_img {height:28vw;}

	.video .grid li .item_tlt {font-size:16px; height:45px;}
	.video .grid li .item_data {font-size:13px;}
}

@media screen and (max-width:480px){
	.video .grid  {padding-top:20px;}
	.video .grid li {float:none; width:100%; margin:0 0 20px 0;}
	.video .grid li .item_img {height:57vw;}

	.video .grid li .item_tlt {font-size:14px; height:40px;}
	.video .grid li .item_txtbox {padding:15px 15px 20px;}
}

/*이미지확대*/
a .sample_image {overflow: hidden;}
a .sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
a:hover .sample_image img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

/*-----------------------------------------------부산모터쇼-----------------------------------------------*/
/*행사개요*/
.sub01_1 .sec01 {overflow:hidden}
.sub01_1 .sec01 .imgBox {float:left; width:40%;}
.sub01_1 .sec01 .imgBox img {max-width:100%; animation-fill-mode: both !important; animation: fade-in 0.7s; animation-timing-function: ease-out; animation-delay:0.6s}
.sub01_1 .sec01 .txtBox {float:right; width:56%; font-size:18px;animation-fill-mode: both !important; animation: fade-in-up 0.5s; animation-timing-function: ease-out; animation-delay:0.3}

.txtBox dl {overflow:hidden;}
.txtBox dl dt, .txtBox dl dd{padding:10px 0 20px; line-height:1.6em;}
.txtBox dt.tlt:before {content:""; display:inline-block; width:15px; height:15px; border:4px solid #00aeef; border-radius:50%; margin-right:7px; vertical-align: middle;}
.txtBox dt {float:left; width:17%;}
.txtBox dd {float:left; width:83%;}
.txtBox dd img {height:35px;}

.stxt {font-size:16px;}

.down_btn a {display:block; width:60%; height:60px; line-height:60px; background:#00aeef; border:1px solid #00aeef; color:#fff; margin-top:10px; transition:all 0.3s}
.down_btn a:hover  {background:#fff; color:#00aeef; box-shadow: 3px 5px 5px rgb(0,0,0,0.2); }
.down_btn i {font-size:22px}

.sub01_1 .sec02 {opacity:0;}
.sub01_1 .sec02.active {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 0.7s; animation-timing-function: ease-out;}

.on_ul li {position:relative; float:left; width:32.9%; margin:0 6px 6px 0; overflow:hidden}
.on_ul li img {max-width:100%;}
.on_ul li:nth-child(3n) {margin-right:0;}
.on_ul li .txt {position:absolute; top:130px; left:30px; font-size:16px; line-height:1.2; color:#fff; text-shadow: 0 0 5px rgba(0,0,0,.9);}
.on_ul li .txt p {font-family: 'GmarketSansBold'; font-size:28px; color:#3ecbff; margin-bottom:5px;}
.on_ul li .txt p span {font-family: 'GmarketSansLight';}

.sub01_1 .sec03 {opacity:0;}
.sub01_1 .sec03.active {opacity:1; animation-fill-mode: both !important; animation: fade-in-up 0.7s; animation-timing-function: ease-out;}

.fact_ul li {float:left; width:20%; height:310px;padding:5px 10px; border-right:1px solid #cccdce; overflow:hidden}
.fact_ul li img {max-width:100%;}
.fact_ul li:nth-child(5) {border-right:0;}
.fact_ul li .tlt {font-family: 'GmarketSansBold'; font-size:28px; margin-bottom:15px;}
.fact_ul li .tlt p{font-family: 'GmarketSansLight'; font-size:18px; margin-top: 10px;}
.fact_ul li .tlt:after {content:""; display:block; width:20px; height:2px; background:#3a8bcf; margin:15px auto 0;}
.fact_ul li .img {margin-bottom:15px;}
.fact_ul li .num {font-family: 'GmarketSansMedium'; font-size: 20px; margin-bottom:10px;}

.sub01_1 .sec04 li {opacity:0;}
.sub01_1 .sec04.active li {opacity:1; animation-fill-mode: both !important;  animation: fade-in-right 0.7s; animation-timing-function: ease-out;}
.sub01_1 .sec04.active li:nth-child(1) {animation-delay:0.3s}
.sub01_1 .sec04.active li:nth-child(2) {animation-delay:0.5s}

.chart_ul li {float:left; width:50%; border-right:1px solid #cccdce; overflow:hidden; margin-top:70px;}
.chart_ul li img {max-width:465px; width:80%;}
.chart_ul li:last-child {border-right:0;}

.sub01_1 .sec05 {overflow:hidden}
.sub01_1 .sec05 .tableBox1 {float:left; width:49%;}
.sub01_1 .sec05 .tableBox2 {float:right; width:49%;}

@media all and (max-width:1200px) {
	.sub01_1 .sec01 .imgBox, .sub01_1 .sec01 .txtBox {float:none; width:100%;}
	.sub01_1 .sec01 .imgBox {text-align:center;}
	.sub01_1 .sec01 .imgBox img {max-width:100%}
	.sub01_1 .sec01 .txtBox {margin-top:5vw;}

	.txtBox dt{float:left; width:14%;}
	.txtBox dd{float:left; width:86%;}

	.down_btn a {width:100%;}

	.on_ul li {width:33%; margin:0 0.5% 0.5% 0;}
	.on_ul li .txt {top:8vw; left:2vw;}
	.on_ul li .txt p {font-size:22px; margin-bottom:0;}
	.on_ul li .txt {font-size:14px;}

	.fact_ul li .tlt {font-size: 22px;}
	.fact_ul li .tlt p{font-size: 16px;}
}

@media screen and (max-width:768px){
	.sub01_1 .sec01 .txtBox {font-size:15px;}

	.txtBox dt{float:left; width:19%;}
	.txtBox dd{float:left; width:81%;}

	.stxt {font-size:13px;}

	.on_ul li {width:49%; margin:0 1% 1% 0;}
	.on_ul li:nth-child(2n) {margin-right:0;}
	.on_ul li:nth-child(3n) {margin-right:1%;}
	.on_ul li .txt {top:14vw; left:3vw;}

	.fact_ul li {height:240px;}
	.fact_ul li:nth-child(3n), .fact_ul li:nth-child(4n) {height:280px;}
	.fact_ul li:last-child {border-right:1px solid #cccdce;}
	.fact_ul li {width:50%; margin-bottom:7%;}
	.fact_ul li:nth-child(2n) {border-right:0;}

	.sub01_1 .sec05 .tableBox1, .sub01_1 .sec05 .tableBox2 {float:none; width:100%; margin-bottom:5%;}
	.sub01_1 .sec05 .tableBox2 span {display:block;}
}

@media screen and (max-width:480px){
	.sub01_1 .sec01 .txtBox {font-size:14px;}

	.txtBox dt{float:left; width:25%;}
	.txtBox dd{float:left; width:75%;}
	.txtBox dd img {height:30px;}

	.stxt {font-size:12px;}

	.on_ul li {float:none; width:100%; margin-bottom:5px;}
	.on_ul li .txt {top:31vw; left:3vw;}

	.chart_ul li {float:none; width:100%; border-right:0; margin-top:40px; margin-bottom:20px;}
	.chart_ul li img {max-width:100%;}
}

/*동시행사*/
.sub01_2 .sec01 ul li {position:relative; float:left; width:31.3%; margin:0 3% 0 0; overflow:hidden}
.sub01_2 .sec01 ul li .wkBox {display:none; color:#fff; font-size:20px; line-height:1em; background:#d8217c; padding:4% 0 3%; margin-bottom:10px; font-family: 'GmarketSansMedium';}
.sub01_2 .sec01 ul li .imgBox {border:1px solid #d1d1d1;}
.sub01_2 .sec01 ul li .imgBox img {max-width:100%;}
.sub01_2 .sec01 ul li:nth-child(3n) {margin-right:0;}
.sub01_2 .sec01 ul li .tlt {font-size:20px; line-height:1.4em; text-align:center; margin:30px 0 20px;}
.sub01_2 .sec01 ul li .tlt p{font-size:0.8em;}

.sub01_2 .sec01 .bul {margin-bottom:20px;}
.sub01_2 .sec01 .bul:after {display:block;visibility:hidden;clear:both;content:""}
.sub01_2 .sec01 .bul > li {font-size:16px; float:none; width:100%; text-align:left; color:#2b2b2; padding-left:15px; margin-bottom:2% !important;}
.sub01_2 .sec01 .bul > li:before {content:""; display:inline-block; width:4px; height:4px; border-radius:50%; margin-right:7px; vertical-align: middle; background:#00aeef; margin-left:-12px;}
.sub01_2 .sec01 .bul > li.none:before {content:""; display:inline-block; width:4px; height:4px; border-radius:50%; margin-right:7px; vertical-align: middle; background:#fff; margin-left:-15px;}

a.btn_home {display:inline-block;padding:10px 50px;border:1px solid #00aeef;background:#00aeef;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer;}
a.btn_home:focus, .btn_home:hover {text-decoration:none}

.sub01_2 .sec01 .wkBox2 .wk1, .sub01_2 .sec01 .wkBox2 .wk2 {float:left; color:#fff; font-size:20px; line-height:1em; padding:1.6% 0 1.2%; margin-bottom:15px; font-family: 'GmarketSansMedium';}
.sub01_2 .sec01 .wkBox2 .wk1 {width:31.3%; margin-right:3%; background:#d8217c; }
.sub01_2 .sec01 .wkBox2 .wk2 {width:65.6%; background:#493a8f;}
.sub01_2 .sec01 .wkBox2:after {display:block;visibility:hidden;clear:both;content:""}

@media screen and (max-width:1220px){
	.sub01_2 .sec01 ul li .wkBox {font-size:18px;}
	.sub01_2 .sec01 ul li .tlt {font-size:1.5vw; margin:25px 0 15px;}

	.sub01_2 .sec01 .wkBox2 .wk1, .sub01_2 .sec01 .wkBox2 .wk2 {font-size:18px;}
}

@media screen and (max-width:1024px){
	.sub01_2 .sec01 ul li {width:48%; margin:0 2% 3% 0;}
	.sub01_2 .sec01 ul li:nth-child(2n) {margin-right:0;}
	.sub01_2 .sec01 ul li:nth-child(3n) {margin-right:2%;}
	.sub01_2 .sec01 ul li .wkBox {display:block; font-size:16px;}
	.sub01_2 .sec01 ul li .wk2 {background:#493a8f;}
	.sub01_2 .sec01 ul li .tlt {font-size:18px; margin:20px 0 15px;}

	.sub01_2 .sec01 .wkBox2 {display:none;}
}

@media screen and (max-width:768px){
	.sub01_2 .sec01 ul li .wkBox {font-size:14px;}
	.sub01_2 .sec01 ul li .tlt {font-size:2.1vw; margin:20px 0 10px;}

	.sub01_2 .sec01 .bul > li{font-size:14px !important;}
}

@media screen and (max-width:480px){
	.sub01_2 .sec01 ul li {float:none; width:100%; margin-bottom:25px;}
	.sub01_2 .sec01 ul li .tlt {font-size:16px; margin:20px 0 15px;}
	.sub01_2 .sec01 .bul > li.none {height:0;}
}

/*포스터&로고*/
.sub01_3 .sec01 {overflow:hidden}
.sub01_3 .sec01 .imgBox {float:left; width:49%; border:1px solid #d1d1d1; padding:4% 4% 3%;}
.sub01_3 .sec01 .logoBox {float:right; width:49%; border:1px solid #d1d1d1; padding:4% 4% 3%;}
.sub01_3 .sec01 img {max-width:100%;}
.sub01_3 .sec01 .logoBox p {border:1px solid #d1d1d1;}

.down_btn2 a {display: inline-block; width:49%; height:60px; line-height:60px; background:#00aeef; border:1px solid #00aeef; color:#fff; margin-top:10px; transition:all 0.3s}
.down_btn2 a:hover {background:#fff; color:#00aeef; box-shadow: 3px 5px 5px rgb(0,0,0,0.2); }
.down_btn2 i {font-size:22px}

@media screen and (max-width:768px){
	.sub01_3 .sec01 .imgBox, .sub01_3 .sec01 .logoBox {float:none; width:100%; margin-bottom:5%;}
}

/*역대모터쇼*/
.sub01_4 .sec01 {overflow:hidden; background:#f5f5f5;width:100%; padding:60px 100px;}
.sub01_4 .sec01 .imgBox {float:left; width:40%}
.sub01_4 .sec01 .imgBox img{max-width:100%}
.sub01_4 .sec01 .t1 {float:right; width:60%;}

.sub01_4 .sec01 .glBtn {margin-top:20px;}

@media screen and (max-width:1220px){
	.sub01_4 .sec01 .imgBox, .sub01_4 .sec01 .t1 {float:none; width:100%;}
	.sub01_4 .sec01 .imgBox img{max-width:100%; width:60%}
	.sub01_4 .sec01 .imgBox {text-align:center; margin-bottom:50px;}

	.sub01_4 .sec01 .glBtn a {width:100%}
}

@media screen and (max-width:768px){
	.sub01_4 .sec01 {padding:40px;}
	.sub01_4 .sec01 .imgBox img{max-width:100%; width:80%}
	.sub01_4 .sec01 .imgBox {margin-bottom:50px;}
}

@media screen and (max-width:768px){
	.sub01_4 .sec01 {padding:30px 20px;}
	.sub01_4 .sec01 .imgBox img{max-width:100%; width:100%}
	.sub01_4 .sec01 .imgBox {margin-bottom:40px;}
}

.sub01_4 .t1 {width:100%;}
.sub01_4 .t1 table {width:100%; border-top:3px solid #00aeef}
.sub01_4 .t1 table thead th {color:#222; background:#f9f9f9; border-right:1px solid #d1d1d1;  border-bottom:1px solid #d1d1d1; font-family: 'GmarketSansMedium';}
.sub01_4 .t1 table thead .gray th {background:#f9f9f9; color:#222;}

.sub01_4 .t1 table th, .t1 table td {padding:12px 20px;}
.sub01_4 .t1 table tbody th {border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background:#e3f0f6; color:#222; font-family: 'GmarketSansMedium';}
.sub01_4 .t1 table tbody th:last-child, .sub01_4 .t1 table tbody td:last-child {border-right:0}
.sub01_4 .t1 table tbody td {border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.sub01_4 .t1 .bd_r {border-right:1px solid #d1d1d1 !important}

/*탭*/
.cont_tb_tab2 {clear:both;}
.cont_tb_tab2 .tabs {overflow:hidden; padding-bottom:1px; margin-bottom:40px;}
.cont_tb_tab2 .tabs li {width:50%; float:left; text-align:center; display:block; margin:0 -1px -1px 0; color:#7f7f7f; background:#fff; line-height:55px; border:1px solid #d1d1d1; cursor:pointer}
.cont_tb_tab2 .tabs li a {display:block;}
.cont_tb_tab2 .tabs li:first-child{margin-left:0;}
.cont_tb_tab2 .tabs li:hover, .cont_tb_tab2 .tabs li.active {color:#fff; background:#00aeef; border-color:#00aeef}
.cont_tb_tab2 .tabs li:hover a, .cont_tb_tab2 .tabs li.active a {color:#376ac7;}
.cont_tb_tab2 .cont_tb_tab_viw {width:100%;}

@media screen and (max-width:768px){
	.cont_tb_tab2 .tabs {margin-bottom:30px;}
	.cont_tb_tab2 .tabs li {font-size:16px; line-height:45px;}
}

@media screen and (max-width:580px){
	.cont_tb_tab2 .tabs li {line-height:1.5em; padding:10px 5px}
}

@media screen and (max-width:480px){
	.cont_tb_tab2 .tabs {margin-bottom:20px;}
	.cont_tb_tab2 .tabs li {font-size:12px;}
}

/*-----------------------------------------------참가업체----------------------------------------------*/
/*양식 다운로드*/
.down_ul {position:relative;}
.down_ul li {position:relative; display:inline-block; width:31.7%; margin-right:2%; height:410px; background:#edefef; border-radius:10px; text-align:center;}
.down_ul li:hover {box-shadow: 3px 10px 10px rgb(0,0,0,0.2); }
.down_ul li.view {margin-right:0 !important;}
/*.down_ul li:last-child {margin-right:0 !important;}*/
.down_ul li.view2 {display:none;}
.down_ul .box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.down_ul .box .txt {font-size:30px; line-height:1.2em; color:#000; margin:0 50px 35px; padding:0 0 20px; border-bottom:1px solid #cacbcb;}
.down_ul .box .bnl {display:block}

.down_ul .icon2 {margin-top:35px;}
.down_ul .icon2 i {font-size:40px; color:#ef5122;}
.down_ul .icon2 .fa-file-word-o {color:#295490 !important;}

@media all and (max-width:1200px) {
	.down_ul li {width:31.5%; height:350px;}
	.down_ul .box .txt { font-size:26px; margin:0 40px 30px; padding:0 0 15px;}

	.down_ul .icon2 {margin-top:25px;}
}

@media all and (max-width:768px) {
	.down_ul li {width:31.4%; height:220px;}
	.down_ul .box .txt { font-size:20px; margin:0 30px 15px; padding:0 0 10px;}

	.down_ul .icon1 img{height:60px;}
	.down_ul .icon2 {margin-top:15px;}
	.down_ul .icon2 i {font-size:36px;}
}

@media all and (max-width:480px) {
	.down_ul li {display:block; width:100%; height:100px; margin-right:0; margin-bottom:4%; text-align:center;}
	.down_ul li .box > div {display:inline-block; vertical-align:middle;}
	.down_ul li.view {display:none;}
	.down_ul li.view2 {display:block;}
	.down_ul .box .txt {font-family:'GmarketSansMedium'; margin:30px 15px 25px; padding:0; border-bottom:none;}
	.down_ul .box .bnl {display:inline-block;}

	.down_ul .icon1 img{height:30px;}
	.down_ul .icon2 i{display:none;}
}

/*-----------------------------------------------참관객----------------------------------------------*/
/*입장권 구매*/
.ticketBox {margin-top:50px;}
.ticketBox ul li{display: inline-block; margin-right:20px;font-size:16px;}

@media screen and (max-width:1220px){
	.ticketBox ul li {margin-right:10px; font-size:15px;}
	.ticketBox img {height:20px;}
}

@media screen and (max-width:1024px){
	.ticketBox ul li {margin-right:5px; font-size:14px;}
	.ticketBox img {height:18px;}
}

@media screen and (max-width:890px){
	.ticketBox {margin-top:40px;}
	.ticketBox ul li {margin-right:2px; font-size:13px;}
	.ticketBox img {height:14px;}
}

@media screen and (max-width:780px){
	.ticketBox ul li {margin:0 10px 10px 0; width:45%; font-size:13px; text-align:center;}
	.ticketBox ul li:nth-child(2n) {margin-right:0;}
	.ticketBox img {height:14px;}
	.ticketBox a{width:100% !important;}
}

@media screen and (max-width:480px){
	.ticketBox ul li {margin:0 0 10px 0; width:80%;}
	.ticketBox a{width:100% !important;}
}

a.btn_na {display:inline-block;padding:13px 20px;border:1px solid #03c85a;background:#03c85a;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer;}
a.btn_na:focus, .btn_na:hover {text-decoration:none}

a.btn_ti {display:inline-block;padding:13px 20px;border:1px solid #fa2828;background:#fa2828;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer;}
a.btn_ti:focus, .btn_ti:hover {text-decoration:none}

a.btn_in{display:inline-block;padding:13px 20px;border:1px solid #f04146;background:#f04146;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer;}
a.btn_in:focus, .btn_in:hover {text-decoration:none}

a.btn_bi{display:inline-block;padding:13px 20px;border:1px solid #00aeef;background:#00aeef;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer;}
a.btn_bi:focus, .btn_in:hover {text-decoration:none}

a.btn_ktx{display:inline-block;padding:13px 20px;border:1px solid #014199;background:#014199;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer;}
a.btn_ktx:focus, .btn_ktx:hover {text-decoration:none}

/*, 입장권 구매*/
.chktxt {font-size:1.4em;}
.chktxt2 {font-size:1.05em;}

/*주차장안내*/
.sub03_4 .sec01 img {width:70%;}

@media screen and (max-width:768px){
	.sub03_4 .sec01 img {width:100%;}
}

/*부스배치도*/
.sub03_5 .sec02 {overflow:hidden}
.sub03_5 .sec02 .tableBox1 {float:left; width:49%;}
.sub03_5 .sec02 .tableBox2 {float:right; width:49%;}

@media screen and (max-width:768px){
	.sub03_5 .sec02 .tableBox1, .sub03_5 .sec02 .tableBox2 {float:none; width:100%; margin-bottom:5%;}
	.sub03_5 .sec02 .tableBox2 span {display:block;}
}

/*-----------------------------------------------부대행사----------------------------------------------*/
/*체험행사*/
.sub04_1 .sec01 dl {overflow:hidden; margin-bottom:40px;}
.sub04_1 .sec01 dl:last-child {margin-bottom:0;}
.sub04_1 .sec01 dt {float:left; width:40%;}
.sub04_1 .sec01 dd {float:left; width:56%; margin-left:4%;}
.sub04_1 .sec01 dt img {max-width:100%;}
.sub04_1 .sec01 dd .add {color:#888;}
.chtlt {color:#000; font-family: 'GmarketSansMedium'; font-size:30px; line-height:1.2em; margin-bottom:20px; overflow:hidden;}
.chtxt {color:#666; font-size:17px; letter-spacing:0; line-height:1.7em; display:flex;}
.chtxt p {font-family: 'GmarketSansMedium'; margin-right:10px; min-width:10%;}

@media all and (max-width:1200px) {
	.sub04_1 .sec01 dd .add {font-size:14px;}
	.chtlt {font-size:26px;}
	.chtxt {color:#666; font-size:16px;}
}

@media all and (max-width:1024px) {
	.sub04_1 .sec01 dd .add {font-size:13px;}
	.sub04_1 .sec01 dd .add span {display:none;}
	.chtlt {font-size:24px;}
	.chtxt {font-size:14px;}
	.chtxt p {margin-right:5px;}
}

@media all and (max-width:768px) {
	.chtlt {font-size:20px;margin-bottom:10px;}
	.chtxt p {min-width:14%;}
}

@media all and (max-width:480px) {
	.sub04_1 .sec01 dl {margin-bottom:20px;}
	.sub04_1 .sec01 dt, .sub04_1 .sec01 dd {float:none; width:100%; margin-left:0;}
	.sub04_1 .sec01 dd {margin-top:4%;}
	.sub04_1 .sec01 dd .add {font-size:12px;}
	.chtlt {font-size:16px;}
	.chtxt {font-size:12px;}
	.chtxt p {min-width:10%;}
}

/*부대행사*/
.sub04_2 .sec01 dl {overflow:hidden; margin-bottom:40px;}
.sub04_2 .sec01 dl:last-child {margin-bottom:0;}
.sub04_2 .sec01 dt {float:left; width:46%;}
.sub04_2 .sec01 dd {float:left; width:50%; margin-left:4%;}
.sub04_2 .sec01 dt img {max-width:100%;}
.sub04_2 .sec01 dd .add {color:#888;}
.chtlt {color:#000; font-family: 'GmarketSansMedium'; font-size:30px; line-height:1.2em; margin-bottom:20px; overflow:hidden;}
.chtlt span {display:block;}
.chtlt_e {font-size:28px; word-spacing:-0.2em;}
.chtxt {color:#666; font-size:18px; letter-spacing:0; line-height:1.7em; display:flex;}
.chtxt p {font-family: 'GmarketSansMedium'; margin-right:10px; min-width:10%;}

@media all and (max-width:1200px) {
	.sub04_2 .sec01 dd .add {font-size:14px;}
	.chtlt {font-size:26px;}
	.chtlt_e {font-size:24px;}
	.chtxt {color:#666; font-size:16px;}
}

@media all and (max-width:1024px) {
	.sub04_2 .sec01 dd .add {font-size:13px;}
	.sub04_2 .sec01 dd .add span {display:none;}
	.chtlt {font-size:24px;}
	.chtlt_e {font-size:22px;}
	.chtxt {font-size:14px;}
	.chtxt p {margin-right:5px;}
}

@media all and (max-width:768px) {
	.chtlt {font-size:20px;margin-bottom:10px;}
	.chtlt_e {font-size:18px;}
	.chtxt p {min-width:14%;}
}

@media all and (max-width:480px) {
	.sub04_2 .sec01 dl {margin-bottom:20px;}
	.sub04_2 .sec01 dt, .sub04_2 .sec01 dd {float:none; width:100%; margin-left:0;}
	.sub04_2 .sec01 dd {margin-top:4%;}
	.sub04_2 .sec01 dd .add {font-size:12px;}
	.chtlt {font-size:16px;}
	.chtlt_e {font-size:15px;}
	.chtlt span {display:inline-block;}
	.chtxt {font-size:12px;}
	.chtxt p {min-width:10%;}
}

.link_btn a {display:block; text-align:center; line-height:1em; width:50%; padding:12px 20px 10px; background:#00aeef; border:1px solid #00aeef; color:#fff;transition:all 0.3s}

@media all and (max-width:1024px) {
	.link_btn a {width:100%; padding:10px 20px 8px; }
}


/*-----------------------------------------------미디어----------------------------------------------*/
/*프레스데이*/
.sub05_1 .sec02 .txtBox h5 {margin-top:40px;}
.sub05_1 .sec02 .btnBox {margin-top:10px;}

.BorderBox {border:2px solid #00aeef; padding:20px 30px; background-color:#f0faff; font-size:1.3em; line-height:1.5em;}

@media screen and (max-width:768px){
	.sub05_1 .sec02 .txtBox h5 {margin-top:20px;}
}

/*프레스 현장등록 안내*/
.fieldBox {padding:40px; width:100%; border: 5px solid #ddd; margin:30px 0 40px;}
.fieldBox .tlt {font-size:28px; font-family:'GmarketSansMedium'; line-height:1.5em; margin-bottom:20px}
.fieldBox .txt {font-size:18px; letter-spacing:0; }
.fieldBox .txt p {font-size:16px; letter-spacing:0;}

@media screen and (max-width:1024px){
	.fieldBox {padding:30px;}
}

@media screen and (max-width:768px){
	.fieldBox {padding:40px; margin:20px 0 30px;}
	.fieldBox .tlt {font-size:24px; margin-bottom:15px}
	.fieldBox .txt {font-size:16px;}
	.fieldBox .txt p {font-size:14px;}
}

@media screen and (max-width:480px){
	.fieldBox {padding:30px; margin:15px 0 20px;}
	.fieldBox .tlt {font-size:18px; margin-bottom:10px}
	.fieldBox .txt {font-size:14px;}
	.fieldBox .txt p {font-size:12px;}
}

/*2022 부산국제모터쇼 프레스 숙박 지원 안내*/
.stayBox {max-width:900px; margin:0 auto; border: 5px solid #ddd; padding:50px; }
.stayBox .tlt {font-size:28px; font-family:'GmarketSansMedium'; line-height:1.4em; margin-bottom:20px}
.stayBox .txt {font-size:18px; /*border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px*/}
.stayBox .txt p {font-size:16px; line-height:1.4em; letter-spacing:-0.03em;}

@media screen and (max-width:768px){
	.stayBox {padding:40px;}
	.stayBox .tlt {font-size:24px; margin-bottom:15px}
	.stayBox .txt {font-size:16px;}
	.stayBox .txt p {font-size:14px;}
}

@media screen and (max-width:480px){
	.stayBox {padding:30px;}
	.stayBox .tlt {font-size:18px; margin-bottom:10px}
	.stayBox .txt {font-size:12px; /*padding-bottom:10px; margin-bottom:10px*/}
	.stayBox .txt p {font-size:11px;}
}

/*프레스 등록 신청*/
.sec02Ul {overflow:hidden; width:50%; float:left; margin-top:10px;}
.sec02Ul > li {position:relative; width:100%; margin:0 0 2% 0;}

@media all and (max-width:480px) {
	.sec02Ul {width:100%; margin-top:0px;}
}

.okBox, okBox2 {float:left; width:50%;}

.okBox {padding:0 40px; overflow:hidden;}
.okBox .tlt {font-size:28px; font-family:'GmarketSansMedium'; line-height:1.4em; margin-bottom:20px}
.okBox .txt {font-size:18px;}
.okBox .txt p {font-size:16px; line-height:1.4em; letter-spacing:-0.03em;}

.okBox2 {padding:0 40px;overflow:hidden; border-left:1px solid #ddd;}
.okBox2 .tlt {font-size:28px; font-family:'GmarketSansMedium'; line-height:1.4em; margin-bottom:20px}
.okBox2 .txt {letter-spacing:0 !important;}
.okBox2 .txt p {/*font-size:14px;*/ line-height:1.4em;}
.okBox2 .txt .bnl {display:block}
.okBox2 button, .okBox2 a {margin-top:40px;}


.sub05_2 .sec02 p {margin-top:50px;}
.sub05_2 .sec02 .txt {font-size:18px; line-height:1.6em; letter-spacing:0;}

@media screen and (max-width:1024px){
	.okBox {padding:0 30px;}
	.okBox2 {padding:0 30px;}
}

@media screen and (max-width:768px){
	.okBox, okBox2 {float:none;  width:100%;}

	.okBox {padding:40px; border: 5px solid #ddd; padding:50px; }
	.okBox .tlt {font-size:24px; margin-bottom:15px}
	.okBox .txt {font-size:16px;}
	.okBox .txt p {font-size:14px;}

	.okBox2 {margin-top:40px; border-left:0;}
	.okBox2 .tlt {font-size:24px; margin-bottom:15px}
	.okBox2 .txt p {font-size:12px;}
	.okBox2 .txt .bnl {display:inline-block}
	.okBox2 button, .okBox2 a {margin-top:30px;}

	.sub05_2 .sec02 p {margin-top:40px;}
	.sub05_2 .sec02 .txt {font-size:16px;}
}

@media screen and (max-width:480px){
	.okBox {padding:30px;}
	.okBox .tlt {font-size:18px; margin-bottom:10px}
	.okBox .txt {font-size:12px; /*padding-bottom:10px; margin-bottom:10px*/}
	.okBox .txt p {font-size:11px;}

	.okBox2 {margin-top:40px;}
	.okBox2 .tlt {font-size:18px; margin-bottom:10px}
	.okBox2 button, .okBox2 a {margin-top:20px;}

	.sub05_2 .sec02 p {margin-top:30px;}
	.sub05_2 .sec02 .txt {font-size:12px;}
}

/*자주묻는 질문*/
.faqDl {border-top:3px solid #222; border-bottom:3px solid #222; font-size:18px;}
.faqDl dt {position:relative; padding:30px 100px 30px 30px; border-bottom:1px solid #ddd;}
.faqDl dt:after {content:"\f2c2"; display:inline-block; font-family: LineAwesome; font-weight:700; position:absolute; top:50%; right:30px; transform:translateY(-50%)}
.faqDl dt.active:after {content:"\f28e";}
.faqDl dt .tlt {color:#222; margin-left:25px; font-weight:700}
.faqDl dt .tlt:before {content:"Q"; display:inline-block; margin-right:10px; margin-left:-25px}

.faqDl dd {position:relative; display:none; padding:30px; color:#777; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.faqDl dd .txt {margin-left:25px; line-height:1.6em;}
.faqDl dd .txt:before {content:"A"; display:inline-block; margin-right:10px; margin-left:-25px;}


@media screen and (max-width:1220px){
	.faqDl {font-size:17px;}
	.faqDl dt {padding:25px 90px 25px 25px;}
	.faqDl dt:after {right:25px;}

	.faqDl dd {padding:25px;}
}

@media screen and (max-width:768px){
	.faqDl {font-size:16px;}
	.faqDl dt {padding:20px 70px 20px 20px;}
	.faqDl dt:after {right:20px;}

	.faqDl dd {padding:20px;}
}

@media screen and (max-width:480px){
	.faqDl {font-size:14px;}
	.faqDl dt {padding:15px 50px 20px 15px;}
	.faqDl dt:after {right:15px;}

	.faqDl dd {padding:15px;}
}

/*디렉토리북*/
.down_btn3 a {display: inline-block; max-width:600px; height:60px; line-height:60px; background:#00aeef; border:1px solid #00aeef; color:#fff; transition:all 0.3s}
.down_btn3 a:hover {background:#fff; color:#00aeef; box-shadow: 3px 5px 5px rgb(0,0,0,0.2); }
.down_btn3 i {font-size:22px}


/*-----------------------------------------------어드민----------------------------------------------*/
.btn_adm_sch {background:#022042; color:#fff; text-decoration:none; vertical-align:middle; line-height:18px; height: 38px; padding:0 20px; text-align:center; font-weight:bold; border:0;}
.btn_adm01 {display:inline-block; background:#f44010; color:#fff; vertical-align:middle; font-size:1em; font-weight:600; padding:4px 10px; border:0;} /*삭제*/
.btn_adm02 {display:inline-block; background:#cb630f; color:#fff; vertical-align:middle; font-size:1em; font-weight:600; padding:4px 10px; border:0;} /*변경*/
.btn_adm03 {display:inline-block; background:#969696; color:#fff; vertical-align:middle; font-size:1em; font-weight:600; padding:4px 10px; border:0;} /*수정*/
.ex_btn {cursor:pointer; display:inline-block;padding:13px 30px;border:0;background:#217346;color:#fff; text-decoration:none;vertical-align:middle;}