@charset "utf-8";

/* learn-tinpo */
.learn-tinpo{background:url("/images/contents/learn-tinpo-bg.jpg") center bottom no-repeat #e8f5fb; background-size:cover; padding:60px 80px 40px 80px; border-radius:20px; overflow:hidden;}
.learn-tinpo .titles{text-align:center;}
.learn-tinpo .titles .stit{font-size:18px; color:#000; line-height:120%; letter-spacing:-0.02em;}
.learn-tinpo .titles .btit{font-size:40px; color:#4473c8; line-height:100%; font-family:'GmarketSansB'; letter-spacing:-0.04em;}
.learn-tinpo .titles .btit strong{color:#0d9bb5; font-family:'GmarketSansB';}

.learn-tinpo .infos{}
.learn-tinpo .infos .list{font-size:0px; margin:0px -1%;}
.learn-tinpo .infos .list li{width:31.3333333333%; margin:0px 1%; min-height:160px; padding:30px 40px; float:left; box-sizing:border-box; background:#fff; border:1px solid #72bcce; border-radius:20px;}
.learn-tinpo .infos .list li .btxt{font-size:22px; line-height:100%; color:#0d9bb5; font-family:'GmarketSansB';}
.learn-tinpo .infos .list li .stxt{font-size:15px; line-height:140%; color:#000;}

/* learn-list */
.learn-list .infos-imgs{position: relative; padding:30px 0px; border-bottom:dashed 1px #e0e0e0;}
.learn-list .infos-imgs .imgs{position:absolute; top:30px; right:0px; width:55%; overflow:hidden;}
.learn-list .infos-imgs .imgs .img{width:48%;}
.learn-list .infos-imgs .imgs .img img{width:100%;}

	@media all and (max-width:1400px){
		.learn-tinpo{padding:40px;}

		.learn-list .infos-imgs .imgs{width:50%;}
	}	

	@media all and (max-width:1000px){
		.learn-tinpo{padding:30px 20px; background-size:140%;}

		.learn-tinpo .titles .stit{font-size:16px;}
		.learn-tinpo .titles .btit{font-size:32px;}

		.learn-tinpo .infos .list li{min-height:160px; padding:20px 15px; }
		.learn-tinpo .infos .list li .btxt{font-size:20px;}
		.learn-tinpo .infos .list li .stxt{font-size:14px;}

		.learn-list .infos-imgs .imgs{width:26%;}
		.learn-list .infos-imgs .imgs .img{width:100%; margin-bottom:10px;}
	}

	@media all and (max-width:680px){
		.learn-tinpo{padding:30px 15px; background-size:120%;}

		.learn-tinpo .titles .stit{font-size:14px; letter-spacing:-0.05em;}
		.learn-tinpo .titles .btit{font-size:28px;}
		.learn-tinpo .titles .btit strong{display:block; line-height:120%;}

		.learn-tinpo .infos .list{margin:0px;}
		.learn-tinpo .infos .list li{margin:0px; width:100%; min-height:auto; margin-bottom:10px; padding:15px 10px; border-radius:10px;}
		.learn-tinpo .infos .list li:last-child{margin-bottom:0px;}
		.learn-tinpo .infos .list li .btxt{font-size:16px;}
		.learn-tinpo .infos .list li .stxt{font-size:13px;}

		.learn-list .infos-imgs{padding:20px 0px;}
		.learn-list .infos-imgs .imgs{position:relative; top:auto; right:auto; width:100%; margin-top:20px;}
		.learn-list .infos-imgs .imgs .img{width:48%;}
		.learn-list .infos-imgs .imgs .img img{width:100%; margin-bottom:0px;}
	}

	@media all and (max-width:480px){
		.learn-tinpo{padding:20px 10px;}

		.learn-tinpo .titles .stit{font-size:13px;}
		.learn-tinpo .titles .btit{font-size:24px;}

		.learn-list .infos-imgs{padding:15px 0px;}
	}



/* de-tinfos */
.de-tinfos{padding:80px 100px 100px 100px; background:url("/images/contents/dinoexpo-bg.jpg") center top no-repeat #e8f5fb; background-position:cover; border-radius:20px;}
.de-tinfos .infos{position:relative; padding:40px; display:inline-block; border-radius:10px; background:url("/images/contents/de-info.png") right bottom no-repeat #fff;}
.de-tinfos .infos:before{position:absolute; bottom:-20px; right:-40px; width:231px; height:175px; background:url("/images/contents/de-info-item01.png") center no-repeat; content:"";}
.de-tinfos .infos .btit{position:relative; padding-top:20px; font-size:26px; font-family:'GmarketSansB'; letter-spacing:-0.03em; color:#000;}
.de-tinfos .infos .btit:before{position:absolute; top:0px; left:0px; width:60px; height:2px; background:#4b007a; line-height:100%; content:"";}
.de-tinfos .infos .stit{font-size:15px; color:#878282; font-family:'GmarketSansM'; line-height:120%; letter-spacing:-0.03em;}
.de-tinfos .infos .list{}
.de-tinfos .infos .list li{position:relative; padding-left:50px; margin-bottom:10px;}
.de-tinfos .infos .list li:last-child{margin-bottom:0px;}
.de-tinfos .infos .list li .btxt{position:absolute; top:0px; left:0px; font-size:15px; color:#4b007a; font-weight:600; line-height:100%;}
.de-tinfos .infos .list li .stxt{font-size:15px; color:#000; line-height:100%; letter-spacing:-0.02em;}
.de-tinfos .infos .hbtn{display:inline-block; padding:10px 20px; background:#4b007a; color:#fff; border-radius:30px; font-size:15px; font-family:'GmarketSansM';}
.de-tinfos .infos .hbtn span{padding-left:30px; background:url("/images/contents/de-home-icon.png") left no-repeat;}

	@media all and (max-width:1400px){
		.de-tinfos{padding:60px 80px 80px 40px;}
	}	

	@media all and (max-width:680px){
		.de-tinfos{padding:0px; background:none;}
		.de-tinfos .infos{padding:0px;  border-radius:0px; width:100%;}
		.de-tinfos .infos:before{bottom:0px; right:0px; width:180px; height:138px; background-size:100%;}
		.de-tinfos .infos .btit{padding-top:15px; font-size:22px;}
		.de-tinfos .infos .stit{font-size:13px;}
		.de-tinfos .infos .list li{padding-left:40px;}
		.de-tinfos .infos .list li .btxt{font-size:14px;}
		.de-tinfos .infos .list li .stxt{font-size:14px;}
		.de-tinfos .infos .hbtn{padding:8px 15px; font-size:14px;}
		.de-tinfos .infos .hbtn span{padding-left:20px; background-size:14px;}
	}

	@media all and (max-width:480px){
		.de-tinfos .infos:before{width:100px; height:78px;}

		.de-tinfos .infos .btit{font-size:20px;}

		.de-tinfos .infos .hbtn{padding:5px 10px; font-size:13px;}
	}



/* tap-btap */
.tap-btap{}
.tap-btap:after{content: ''; display: block; clear: both;}
.tap-btap li{width:50%; float:left; text-align:center;}
.tap-btap li a{position:relative; display:block; padding:20px; border:1px solid #d9d9d9;}
.tap-btap li a span{font-size:18px; color:#424242; line-height:100%; font-family:'GmarketSansB';}
.tap-btap li.active{}
.tap-btap li.active a{background:#0e9bb6;}
.tap-btap li.active a:before{position:absolute; bottom:-1px; left:0px; width:100%; height:5px; background:#87cddb; content:"";}
.tap-btap li.active a span{color:#fff;}

	@media all and (max-width:680px){
		.tap-btap li a{padding:12px 10px;}
		.tap-btap li a span{font-size:16px;}
	}

	@media all and (max-width:480px){

	}

/* tap-stap */
.tap-stap{background:#f2fbff; padding:12px 10px; border:1px solid #b9d6e4; text-align:center;}
.tap-stap li{position:relative; display:inline-block; padding:0px 14px;}
.tap-stap li:before{position:absolute; top:50%; right:0px; width:2px; height:10px; margin-top:-5px; background:#3ea4d5; content:"";}
.tap-stap li:last-child:before{display:none;}
.tap-stap li a{position:relative; display:block; padding:8px 20px; border-radius:26px;}
.tap-stap li a span{font-size:15px; color:#1d6c92; line-height:100%;}
.tap-stap li.active{}
.tap-stap li.active a{background:#3ea4d5;}
.tap-stap li.active a span{color:#fff;}

	@media all and (max-width:1400px){
		.tap-stap li{padding:0px 5px;}
		.tap-stap li a{padding:8px 5px;}
	}	

	@media all and (max-width:480px){
		.tap-stap{padding:10px 0px;}

		.tap-stap li a{padding:5px 5px;}
		.tap-stap li a span{font-size:14px;}
	}

/* de-slide-infos */
.de-slide-infos{position:relative; padding-left:740px; min-height:400px;}
.de-slide-infos .slide{position:absolute; top:0px; left:0px; width:670px; height:400px; overflow:hidden;}
.de-slide-infos .slide .list{}
.de-slide-infos .slide .list li{}
.de-slide-infos .slide .list li img{width:100%;}
.de-slide-infos .slide .slick-prev{position:absolute; top:50%; left:0px; width:64px; height:64px; margin-top:-32px; z-index:1; border:none; font-size:0px; background:url("/images/contents/bslide-arrowBL.png") center no-repeat rgba(255, 255, 255, 0.5);}
.de-slide-infos .slide .slick-next{position:absolute; top:50%; right:0px; width:64px; height:64px; margin-top:-32px; z-index:1; border:none; font-size:0px; background:url("/images/contents/bslide-arrowBR.png") center no-repeat rgba(255, 255, 255, 0.5);}

.de-slide-infos .infos{padding-top:50px;}
.de-slide-infos .infos .tit-situ{}
.de-slide-infos .infos .tit-situ:after{content: ''; display: block; clear: both;}
.de-slide-infos .infos .tit-situ .tit{float:left; position:relative; font-size:26px; padding-top:20px; color:#000; line-height:100%; font-family:'GmarketSansB';}
.de-slide-infos .infos .tit-situ .tit:before{position:absolute; top:0px; left:0px; width:60px; height:2px; background:#3ea4d5; line-height:100%; content:"";}
.de-slide-infos .infos .tit-situ .situ{float:right; margin-top:10px;}
.de-slide-infos .infos .tit-situ .situ .btxt{padding-left:24px; font-size:15px; font-family:'GmarketSansB'; margin-left:10px; line-height:100%;}
.de-slide-infos .infos .tit-situ .situ .btxt.popu{background:url("/images/contents/de-popu-icon.png") left no-repeat;}
.de-slide-infos .infos .tit-situ .situ .btxt.sugg{background:url("/images/contents/de-sugg-icon.png") left no-repeat;}

.de-slide-infos .infos .list{position:relative; padding:20px 40px 20px 0px; min-height:235px;}
.de-slide-infos .infos .list:before{position:absolute; bottom:0px; right:0px; width:1300px; height:100%; background:#f7f7f7; content:""; z-index:-1;}
.de-slide-infos .infos .list li{position:relative; padding:12px 0px 12px 80px; border-bottom:2px solid #fff;}
.de-slide-infos .infos .list li:last-child{margin-bottom:0px; border-bottom:none;}
.de-slide-infos .infos .list li .btxt{position:absolute; top:12px; left:0px; font-size:16px; color:#000; font-family:'GmarketSansB'; line-height:160%;}
.de-slide-infos .infos .list li .stxt{font-size:15px; color:#000; line-height:160%; letter-spacing:-0.02em;}

.de-ctxt{font-size:16px; color:#000; line-height:160%;}


.bt5-cont .cont{display:none;}
.bt5-cont .cont.show{display:block;}

.nom-list{margin:0px -1%;}
.nom-list:after{content:''; display:block; clear:both;}
.nom-list li{width:100%; height:180px; margin:0px 1%; float:left;}
.nom-list li img{width:100%; height:180px; object-fit: cover;}

.nom-list.item04 li{width:23%;}

	@media all and (max-width:1400px){
		.de-slide-infos{padding-left:400px; min-height:auto;}

		.de-slide-infos .slide{width:380px; height:auto;}

		.de-slide-infos .infos{padding-top:0px;}
		
		.de-slide-infos .infos .list{min-height:auto;}
		.de-slide-infos .infos .list:before{width:100%; height:100%; padding-right:300px;}
	}	

	@media all and (max-width:1000px){
		.de-slide-infos{padding-left:260px;}

		.de-slide-infos .slide{width:240px;}

		.de-slide-infos .slide .slick-prev{width:40px; height:40px; margin-top:-20px; background-size:16px;}
		.de-slide-infos .slide .slick-next{width:40px; height:40px; margin-top:-20px; background-size:16px;}

		.de-slide-infos .infos .tit-situ .tit{font-size:22px; padding-top:15px;}

		.de-slide-infos .infos .list{padding:10px 20px 10px 10px;}
		.de-slide-infos .infos .list:before{padding-right:0px;}

		.de-slide-infos .infos .list li .btxt{top:12px; font-size:15px;}
		.de-slide-infos .infos .list li .stxt{font-size:14px;}
	}


	@media all and (max-width:680px){
		.de-slide-infos{padding-left:0px;}

		.de-slide-infos .slide{position:relative; top:auto; left:auto; width:100%; margin-bottom:20px;}

		.de-slide-infos .infos .tit-situ .tit{font-size:20px;}

		.de-ctxt{font-size:14px;}

		.nom-list.item04 li{width:48%; margin-bottom:10px;}
	}

	@media all and (max-width:480px){
		.de-slide-infos .infos .list li{padding:5px 0px 5px 70px; border-bottom:2px solid #fff;}
		.de-slide-infos .infos .list li .btxt{font-size:14px;}
		.de-slide-infos .infos .list li .stxt{font-size:13px;}

		.nom-list li{height:120px;}
		.nom-list li img{height:120px;}
	}




/* reser-links */
.reser-links{}
.reser-links:after{content: ''; display: block; clear: both;}
.reser-links .reser-btns{width:48%; padding-top:60px; background:#000; text-align:center; border-radius:16px; overflow:hidden;}
.reser-links .reser-btns .title{margin-bottom:60px;}
.reser-links .reser-btns .title p{position:relative; padding-top:20px; font-size:30px; color:#fff; font-family:'GmarketSansB'; line-height:120%; margin-bottom:30px;}
.reser-links .reser-btns .title p:before{position:absolute; top:0px; left:50%; width:100px; height:1px; margin-left:-50px; background:#fff; content:"";}
.reser-links .reser-btns .title:after{display:inline-block; vertical-align:top; width:500px; height:320px; background:green; content:""; border-radius:10px;}

.reser-links .reser-btns .btns{}
.reser-links .reser-btns .btns:after{content:''; display:block; clear:both;}
.reser-links .reser-btns .btns .btn{width:50%; padding:25px 0px; float:left; display:block; box-sizing:border-box; background:red; border-right:1px solid #fff;}
.reser-links .reser-btns .btns .btn:last-child{border-right:none;}
.reser-links .reser-btns .btns .btn span{position:relative; display:inline-block; color:#fff; font-size:18px; padding:0px 50px 0px 34px; font-family:'GmarketSansB'; letter-spacing:-0.02em;}
.reser-links .reser-btns .btns .btn span:before{position:absolute; top:0px; left:0px; width:26px; height:22px; background:green; content:"";}
.reser-links .reser-btns .btns .btn span:after{position:absolute; top:0px; right:0px; width:20px; height:20px; background:url("/images/contents/rs-arrow.png") center no-repeat; content:"";}

.reser-links .reser-btns.expo{float:left; background:url("/images/contents/reser-expo-bg.png") center top no-repeat #f3faf5; background-size:cover;}
.reser-links .reser-btns.expo .title p{color:#17a283;}
.reser-links .reser-btns.expo .title p:before{background:#17a283;}
.reser-links .reser-btns.expo .title:after{background:url("/images/contents/reser-expo-img.jpg") center no-repeat #17a283; background-size:cover;}
.reser-links .reser-btns.expo .btns .btn{background:#17a283;}

.reser-links .reser-btns.dhpo{float:right; background:url("/images/contents/reser-dhpo-bg.png") center top no-repeat #e8f5fb; background-size:cover;}
.reser-links .reser-btns.dhpo .title p{color:#0d9bb5;}
.reser-links .reser-btns.dhpo .title p:before{background:#0d9bb5;}
.reser-links .reser-btns.dhpo .title:after{background:url("/images/contents/reser-dhpo-img.jpg") center no-repeat #0d9bb5; background-size:cover;}
.reser-links .reser-btns.dhpo .btns .btn{background:#0d9bb5;}

.reser-links .reser-btns .btns .btn.tick span:before{background:url("/images/contents/rs-tick-icon.png") center no-repeat; background-size:100%;}
.reser-links .reser-btns .btns .btn.rese span:before{background:url("/images/contents/rs-rese-icon.png") center no-repeat; background-size:100%;}
.reser-links .reser-btns .btns .btn.pens span:before{background:url("/images/contents/rs-pens-icon.png") center no-repeat; background-size:100%;}
.reser-links .reser-btns .btns .btn.camp span:before{background:url("/images/contents/rs-camp-icon.png") center no-repeat; background-size:100%;}

	@media all and (max-width:1400px){
		.reser-links .reser-btns .title:after{width:400px;}
		
		.reser-links .reser-btns .btns .btn span{font-size:16px; padding:0px 30px;}
	}	

	@media all and (max-width:1000px){
		.reser-links .reser-btns{padding-top:30px;}
		.reser-links .reser-btns .title{margin-bottom:30px;}

		.reser-links .reser-btns .title p{padding-top:15px; font-size:26px; margin-bottom:10px;}
		.reser-links .reser-btns .title:after{width:260px; height:200px; }

		.reser-links .reser-btns .btns .btn{width:100%; padding:10px 0px; float:none; border-right:none; border-bottom:1px solid #fff;}
	}

	@media all and (max-width:680px){
		.reser-links .reser-btns{padding-top:20px;}
		.reser-links .reser-btns .title{margin-bottom:20px;}

		.reser-links .reser-btns .title p{padding-top:10px; font-size:22px;}
		.reser-links .reser-btns .title:after{width:170px; height:120px; }

		.reser-links .reser-btns .btns .btn span{font-size:14px; padding:0px 20px;}
		.reser-links .reser-btns .btns .btn span:before{width:18px; height:18px;}

		.reser-links .reser-btns .btns .btn span:after{width:14px; height:14px; background-size:100%;}

	}

	@media all and (max-width:480px){
		.reser-links .reser-btns{width:100%;}
		
		.reser-links .reser-btns.expo{float:none; margin-bottom:20px;}

		.reser-links .reser-btns.dhpo{float:none;}

	}

/* organi-warp */
.organi-warp{}
.organi-warp .organi{position:relative; z-index:1; padding:60px 0px; background:#fbfbfb; text-align:center;}
.organi-warp .organi .ogb{display:block;}

.organi-warp .organi .chair{position:relative; overflow: visible; display:inline-block; width:130px; height:130px; box-sizing:border-box; padding-top:30px; background:#5533a2; color:#fff; border-radius:50%;}
.organi-warp .organi .chair:before{position:absolute; top:-20px; right:-40px; width:104px; height:98px; background:url("/images/contents/organi-chair-item.png") center no-repeat; display:block; z-index:-1; content:"";}
.organi-warp .organi .chair span{position:relative; display:block; font-size:20px; color:#fff;}
.organi-warp .organi .chair span:before{width:28px; height:32px; background:url("/images/contents/chair-icon.png") center no-repeat; content:""; display:inline-block; vertical-align:top; margin-bottom:10px;}
.organi-warp .organi .chair span i{display:block;}
.organi-warp .organi .chair:after{position:absolute; bottom:-500px; left:50%; width:1px; height:500px; background:#ccc; display:block; content:"";}

.organi-warp .organi .surv-coun{position:relative; width:60%; display:inline-block; overflow:hidden;}
.organi-warp .organi .surv-coun:before{position:absolute; top:50%; left:0px; width:100%; height:1px; background:#ccc; display:block; content:""; z-index:0;}
.organi-warp .organi .surv-coun:after{position:absolute; top:50%; left:50%; width:16px; height:16px; margin-left:-7px; margin-top:-7px; background:#fff; border:3px solid #765bb4; display:block; content:""; z-index:1; border-radius:50%; box-sizing:border-box;}
.organi-warp .organi .surv-coun .other{position:relative; width:200px; padding:15px; border-radius:40px; background:#db4686; color:#fff; font-size:16px; line-height:140%; box-sizing:border-box; z-index:1;}
.organi-warp .organi .surv-coun .other.surv{float:left;}
.organi-warp .organi .surv-coun .other.coun{float:right;}

.organi-warp .organi .repre{position:relative; display:inline-block; width:130px; line-height:130px; box-sizing:border-box; background:#17a283; border-radius:50%; z-index:3;}
.organi-warp .organi .repre a{display:block;}
.organi-warp .organi .repre a span{display:block; font-size:20px; color:#fff;}

.organi-warp .organi .secre{position:relative; display:inline-block; width:130px; line-height:130px; box-sizing:border-box; background:#3ea4d5; border-radius:50%;}
.organi-warp .organi .secre:before{position:absolute; top:-20px; right:-40px; width:94px; height:86px; background:url("/images/contents/organi-secre-item.png") center no-repeat; display:block; z-index:-1; content:"";}

.organi-warp .organi .secre a{display:block;}
.organi-warp .organi .secre a span{display:block; font-size:20px; color:#fff;}

.organi-warp .organi .departs{position:relative; width:90%; display:inline-block; font-size:0px;}
.organi-warp .organi .departs .link{position:relative; display:inline-block; padding-top:60px;}
.organi-warp .organi .departs .link:before{position:absolute; top:0px; left:0px; width:100%; height:1px; background:#ccc; display:block; content:""; z-index:1;}
.organi-warp .organi .departs .link:after{position:absolute; top:0px; left:50%; width:1px; height:100%; background:#ccc; display:block; content:""; z-index:-1;}
.organi-warp .organi .departs .link:first-child:before{top:0px; left:50%; width:50%; height:1px;}
.organi-warp .organi .departs .link:last-child:before{top:0px; left:0px; width:50%; height:1px;}
.organi-warp .organi .departs .link a{display:block; width:200px; background:#494b50; box-sizing:border-box; padding:20px 0px; z-index:2; border-radius:40px; margin:0px 20px;}
.organi-warp .organi .departs .link a:after{position:absolute; top:0px; left:50%; width:16px; height:16px; margin-left:-7px; margin-top:-7px; background:#fff; border:3px solid #7d7d7d; display:block; content:""; z-index:1; border-radius:50%; box-sizing:border-box;}
.organi-warp .organi .departs .link a span{display:block; font-size:16px; color:#fff;}


.organi-warp .cont{}
.organi-warp .cont{display:none;}
.organi-warp .cont.show{display:block;}

	@media all and (max-width:1400px){
		.organi-warp .organi .departs .link a{width:140px; margin:0px 15px;}
	}	

	@media all and (max-width:1000px){
		.organi-warp .organi{padding:40px 0px;}

		.organi-warp .organi .surv-coun{width:90%;}

		.organi-warp .organi .departs{width:100%;}
		.organi-warp .organi .departs .link a{width:110px; margin:0px 5px;}
	}

	@media all and (max-width:680px){
		.organi-warp .organi .chair{width:100px; height:100px; padding-top:20px;}
		.organi-warp .organi .chair span{font-size:16px;}
		.organi-warp .organi .chair span:before{margin-bottom:5px;}
		.organi-warp .organi .chair:after{bottom:-400px; height:400px;}

		.organi-warp .organi .surv-coun{width:90%;}
		.organi-warp .organi .surv-coun .other{width:160px; padding:10px; font-size:14px;}

		.organi-warp .organi .repre{width:100px; line-height:100px;}
		.organi-warp .organi .repre a span{font-size:16px;}

		.organi-warp .organi .secre{width:100px; line-height:100px;}
		.organi-warp .organi .secre a span{font-size:16px;}

		.organi-warp .organi .departs .link a{width:70px; padding:10px 5px; margin:0px 5px;}
		.organi-warp .organi .departs .link a span{font-size:13px;}
	}

	@media all and (max-width:480px){
		.organi-warp .organi .chair{width:80px; height:80px; padding-top:10px;}
		.organi-warp .organi .chair span{font-size:14px;}
		.organi-warp .organi .chair:after{bottom:-300px; height:300px;}

		.organi-warp .organi .surv-coun .other{width:90px; font-size:13px;}

		.organi-warp .organi .repre{width:80px; line-height:80px;}
		.organi-warp .organi .repre a span{font-size:14px;}

		.organi-warp .organi .secre{width:80px; line-height:80px;}
		.organi-warp .organi .secre a span{font-size:14px;}

		.organi-warp .organi .departs .link a{width:52px; padding:10px 1px; margin:0px 1px;}
		.organi-warp .organi .departs .link a span{font-size:11px; line-height:140%;}
	}

/* greeting */
.greeting{position:relative; display:inline-block; box-sizing:border-box; width:90%; padding-left:470px;}
.greeting .affi-name{position:absolute; top:0px; left:0px; text-align:right;}
.greeting .affi-name:before{width:430px; height:580px; background:url("/images/contents/greeting-img.png") center top no-repeat; display:inline-block; vertical-align:top; content:""; z-index:1;}
.greeting .affi-name .affi{font-size:16px; color:#000; line-height:140%; display:block;}
.greeting .affi-name .affi span{border-bottom:1px solid #000;}
.greeting .affi-name .name{font-size:26px; color:#3b518e; font-family:'GmarketSansB'; line-height:120%;}

.greeting .tit-txts{text-align:left; margin-top:50px;}
.greeting .tit-txts .tit{position:relative; padding-top:60px; margin-left:40px; font-size:30px; font-family:'GmarketSansL'; line-height:140%; letter-spacing:-0.03em; color:#333;}
.greeting .tit-txts .tit strong{font-family:'GmarketSansB'; color:#24abc3;}
.greeting .tit-txts .tit:before{position:absolute; top:0px; left:0px; width:48px; height:42px; background:url("/images/contents/greeting-tit-item01.png") center no-repeat; content:"";}
.greeting .tit-txts .ntxt{position:relative; padding:30px 40px; background:linear-gradient(90deg, #33afd2, #3aa0cb); border-radius:10px;}
.greeting .tit-txts .ntxt:before{position:absolute; top:-80px; right:20px; width:177px; height:142px; background:url("/images/contents/greeting-ntxt-item02.png") bottom center no-repeat; content:""; z-index:-1;}
.greeting .tit-txts .ntxt:after{position:absolute; bottom:-83px; right:30px; width:99px; height:83px; background:url("/images/contents/greeting-ntxt-item03.png") top center no-repeat; content:""; z-index:-1;}
.greeting .tit-txts .ntxt p{position:relative; padding-top:20px; font-size:20px; color:#fff; line-height:140%;}
.greeting .tit-txts .ntxt p:before{position:absolute; top:0px; left:0px; width:50px; height:2px; background:#fff; content:"";}
.greeting .tit-txts .ntxt p:after{position:absolute; bottom:0px; right:0px; width:62px; height:70px; background:url("/images/contents/greeting-ntxt-item01.png") center no-repeat; content:"";}
.greeting .tit-txts .btxt{margin-left:40px; font-size:16px; color:#555; line-height:200%; letter-spacing:-0.03em;}
.greeting .tit-txts .btxt strong{color:#000;}

	@media all and (max-width:1400px){
		.greeting{width:100%;}

		.greeting .tit-txts .tit{margin-left:0px;}
		.greeting .tit-txts .tit br{display:none;}

		.greeting .tit-txts .btxt{margin-left:0px;}
	}	

	@media all and (max-width:1000px){
		.greeting{padding-left:260px;}

		.greeting .affi-name:before{width:240px; height:323px; background-size:100%;}

		.greeting .affi-name .affi{font-size:15px;}
		.greeting .affi-name .name{font-size:24px;}

		.greeting .tit-txts{margin-top:30px;}
		.greeting .tit-txts .tit{ font-size:26px; padding-top:40px;}
		.greeting .tit-txts .tit:before{width:34px; height:34px; background-size:100%;}

		.greeting .tit-txts .ntxt{padding:20px;}
		.greeting .tit-txts .ntxt:before{top:-90px; right:20px; width:150px; height:142px; background-size:100%;}
		.greeting .tit-txts .ntxt:after{bottom:-63px; right:30px; width:70px; height:63px; background-size:100%;}
		.greeting .tit-txts .ntxt p{padding-top:10px; font-size:18px;}
		.greeting .tit-txts .ntxt p:after{width:50px; height:60px; background-size:100%;}
		.greeting .tit-txts .btxt{font-size:15px;}
	}

	@media all and (max-width:680px){
		.greeting{padding-left:0px;}

		.greeting .affi-name{position:relative; top:auto; left:auto;}

		.greeting .tit-txts{margin-top:0px;}
		.greeting .tit-txts .btxt{margin-bottom:20px;}
	}

	@media all and (max-width:480px){
		.greeting .tit-txts .tit{ font-size:22px;}

		.greeting .tit-txts .ntxt{padding:15px;}
		.greeting .tit-txts .ntxt:before{top:-90px; right:20px; width:120px; height:142px;}
		.greeting .tit-txts .ntxt:after{bottom:-50px; right:30px; width:40px; height:50px;}
		.greeting .tit-txts .ntxt p{font-size:16px;}
		.greeting .tit-txts .btxt{font-size:14px;}

		.greeting .affi-name .affi{font-size:14px;}
		.greeting .affi-name .name{font-size:22px;}
	}



/* ethical */
.ethical{position:relative; padding:90px 180px; background:url("/images/contents/ethical-Cbg.jpg") center top repeat; background-size:100%;}
.ethical:before{position:absolute; top:0px; left:0px; display:block; width:100%; height:200px; background:url("/images/contents/ethical-Tbg.jpg") center top no-repeat; background-size:100%; content:"";}
.ethical:after{position:absolute; bottom:0px; left:0px; display:block; width:100%; height:200px; background:url("/images/contents/ethical-Bbg.jpg") center top no-repeat; background-size:100%; content:"";}

.ethical .title{position:relative; z-index:1; text-align:center; font-size:40px; color:#424892; letter-spacing:-0.05em; line-height:120%;}
.ethical .title:before{width:85px; height:74px; display:inline-block; background:url("/images/contents/ethical-title-item01.png") center top repeat; vertical-align:top; margin-bottom:20px; content:"";}
.ethical .title p{font-family:'GmarketSansB';}
.ethical .title p strong{color:#24abc3; font-family:'GmarketSansB';}

.ethical .ptxt{position:relative; z-index:1; padding:24px 0px; background:#f5f9fc; font-size:15px; color:#000; line-height:180%; text-align:center;}

.ethical .list{position:relative; z-index:1;}
.ethical .list li{position:relative; padding:20px 0px 20px 90px; border-bottom:1px dashed #e0e0e0;}
.ethical .list li .btxt{position:absolute; top:12px; left:0px; font-size:15px; line-height:120%; padding:8px 20px; color:#424892; background:#f1f2ff; border-radius:20px;}
.ethical .list li:nth-child(2n) .btxt{color:#24abc3; background:#eafbff;}
.ethical .list li .stxt{font-size:15px; color:#000; line-height:120%; letter-spacing:-0.04em;}


.ethical .date-name{position:relative; z-index:1; text-align:center;}
.ethical .date-name .date{font-size:15px; color:#000; line-height:120%;}
.ethical .date-name .name{font-size:20px; color:#000; line-height:120%; font-family:'GmarketSansB';}

	@media all and (max-width:1400px){

	}	

	@media all and (max-width:1000px){

	}

	@media all and (max-width:680px){

	}

	@media all and (max-width:480px){

	}

/* loca-warp */
.loca-warp .maps{width:100% !important; border-radius:10px 10px 0px 0px;}
.loca-warp .maps .wrap_controllers{display:none;}
.loca-warp .maps .cont{display:none;}

.loca-warp .map-locatel{ border-radius:0px 0px 10px 10px; overflow:hidden;}
.loca-warp .map-locatel .list{}
.loca-warp .map-locatel .list:after{content: ''; display: block; clear: both;}
.loca-warp .map-locatel .list li{position:relative; width:50%; float:left; background:#424892; padding:20px 20px 20px 160px; box-sizing:border-box;}
.loca-warp .map-locatel .list li .btxt{position:absolute; top:22px; left:40px; font-family:'GmarketSansB'; font-size:18px; color:#fff; line-height:120%; padding-left:40px;}
.loca-warp .map-locatel .list li .btxt:before{position:absolute; top:-7px; left:0px; width:28px; height:28px; background:#fff; content:"";}
.loca-warp .map-locatel .list li.loca .btxt:before{background:url("/images/contents/map-icon-loca.png") center top no-repeat;}
.loca-warp .map-locatel .list li.tel .btxt:before{background:url("/images/contents/map-icon-tel.png") center top no-repeat;}
.loca-warp .map-locatel .list li .stxt{font-size:16px; color:#fff; line-height:120%;}

.loca-warp .loca-infos{position:relative; padding-left:150px;}
.loca-warp .loca-infos:before{position:absolute; top:-10px; left:0px; width:112px; height:112px; display:block; background:#000; border-radius:20px; content:"";}
.loca-warp .loca-infos .tit{font-size:20px; color:#000; line-height:120%; font-family:'GmarketSansB';}
.loca-warp .loca-infos .list{}
.loca-warp .loca-infos .list li{position:relative; padding-bottom:15px;}
.loca-warp .loca-infos .list li:before{position:absolute; top:0px; left:14px; width:4px; height:100%; background:#eff1ff; content:""; z-index:-1;}
.loca-warp .loca-infos .list li:last-child:before{display:none;}
.loca-warp .loca-infos .list li .btxt{padding:4px 15px; background:#eff1ff; border-radius:20px; margin-bottom:5px; display:inline-block; font-size:15px; color:#424892;}
.loca-warp .loca-infos .list li .btxt span{padding-left:15px; background:url("/images/contents/loca-icon-check.png") left no-repeat;}
.loca-warp .loca-infos .list li .stxt{padding-left:36px; font-size:15px; color:#000; letter-spacing:-0.02em;}

.loca-warp .loca-infos.car:before{background:url("/images/contents/loca-icon-car.png") center no-repeat #17a283;}
.loca-warp .loca-infos.public:before{background:url("/images/contents/loca-icon-public.png") center no-repeat #3ea4d5;}
.loca-warp .loca-infos.aviati:before{background:url("/images/contents/loca-icon-aviati.png") center no-repeat #db4686;}

	@media all and (max-width:1400px){
		.loca-warp .map-locatel .list li{padding:20px 20px 20px 140px;}
		.loca-warp .map-locatel .list li .btxt{top:22px; left:20px;}
		.loca-warp .map-locatel .list li .stxt{font-size:14px;}
	}	

	@media all and (max-width:1000px){
		.loca-warp .map-locatel .list li{width:100%; float:none; padding:15px 15px 15px 120px;}
		.loca-warp .map-locatel .list li .btxt{top:17px; left:14px; font-size:15px; padding-left:26px;}
		.loca-warp .map-locatel .list li .btxt:before{top:-4px; left:0px; width:20px; height:20px;}

		.loca-warp .map-locatel .list li.loca .btxt:before{background-size:100%;}
		.loca-warp .map-locatel .list li.tel .btxt:before{ background-size:100%;}
		.loca-warp .map-locatel .list li .stxt{font-size:14px;}
	}

	@media all and (max-width:680px){
		.loca-warp .maps{height:260px !important;}

		.loca-warp .loca-infos{padding-left:100px;}
		.loca-warp .loca-infos:before{width:80px; height:80px;}
		.loca-warp .loca-infos .tit{font-size:18px;}
		.loca-warp .loca-infos .list li{position:relative; padding-bottom:15px;}
		.loca-warp .loca-infos .list li .btxt{font-size:14px;}
		.loca-warp .loca-infos .list li .stxt{padding-left:30px; font-size:14px;}
	}

	@media all and (max-width:480px){

		.loca-warp .map-locatel .list li{padding:15px;}
		.loca-warp .map-locatel .list li .btxt{position:relative; top:auto; left:auto; font-size:15px; padding-left:26px; margin-bottom:10px;}

		.loca-warp .loca-infos{padding-left:50px;}
		.loca-warp .loca-infos:before{width:40px; height:40px; border-radius:6px;}
		.loca-warp .loca-infos.car:before{background-size:30px;}
		.loca-warp .loca-infos.public:before{background-size:30px;}
		.loca-warp .loca-infos.aviati:before{background-size:30px;}

		.loca-warp .loca-infos .tit{font-size:16px;}
		.loca-warp .loca-infos .list li .btxt{font-size:14px;}
		.loca-warp .loca-infos .list li .stxt{font-size:13px;}
	}


/* dhpo-warp */
.dhpo-warp{text-align:center;}
.dhpo-warp .title-infos-btns{text-align:center; padding:50px 0px; background:url("/images/contents/dhpo-tbg.jpg") center no-repeat #2180c2; background-size:100%; border-radius:20px;}
.dhpo-warp .title-infos-btns .title{position:relative; font-size:40px; padding-top:20px; line-height:120%; font-family:'GmarketSansB'; letter-spacing:-0.03em; color:#fff;}
.dhpo-warp .title-infos-btns .title:before{position:absolute; top:0px; left:50%; display:block; vertical-align:top; width:70px; margin-left:-35px; height:2px; background:#fff; content:"";}

.dhpo-warp .title-infos-btns .list{width:300px; display:inline-block; text-align:left;}
.dhpo-warp .title-infos-btns .list li{position:relative; padding-left:50px; margin-bottom:10px;}
.dhpo-warp .title-infos-btns .list li:last-child{margin-bottom:0px;}
.dhpo-warp .title-infos-btns .list li .btxt{position:absolute; top:0px; left:0px; font-size:16px; color:#fff; line-height:120%;}
.dhpo-warp .title-infos-btns .list li .stxt{font-size:16px; color:#fff; line-height:120%;}

.dhpo-warp .title-infos-btns .btns{}
.dhpo-warp .title-infos-btns .btns .btn{padding:10px 20px; background:#2e2e2e; border-radius:30px; display:inline-block; vertical-align:top; margin:0px 10px;}
.dhpo-warp .title-infos-btns .btns .btn span{padding-left:25px; color:#fff; font-size:15px; font-family:'GmarketSansB'; line-height:100%; background:url("/images/contents/de-home-icon.png") left no-repeat;}

.dhpo-warp .btitle{position:relative; font-size:30px; padding-top:20px; line-height:120%; font-family:'GmarketSansB'; letter-spacing:-0.03em; color:#000; text-align:center;}
.dhpo-warp .btitle:before{position:absolute; top:0px; left:50%; display:block; vertical-align:top; width:70px; margin-left:-35px; height:2px; background:#000; content:"";}

.dhpo-warp .stitle{width:260px; display:inline-block; font-size:20px; padding:10px; letter-spacing:-0.03em; color:#fff; background:#000; border-radius:30px; text-align:center;}
.dhpo-warp .stitle span{display:inline-block; line-height:120%; font-family:'GmarketSansB';}
.dhpo-warp .stitle.dino{background:#79ac47;}
.dhpo-warp .stitle.lss{background:#f39b31;}

.dhpo-warp .img-list{font-size:0px;}
.dhpo-warp .img-list:after{content: ''; display: block; clear: both;}
.dhpo-warp .img-list li{display:inline-block; vertical-align:top; width:14.6666666666666666666%; margin:0px 1%;}
.dhpo-warp .img-list li .img{width:100%; height:160px; overflow:hidden; border-radius:10px; margin-bottom:20px;}
.dhpo-warp .img-list li .img img{width:100%; height:160px; object-fit:cover;}
.dhpo-warp .img-list li .tit{font-size:18px; color:#2e2e2e; font-family:'GmarketSansB'; line-height:120%; margin-bottom:10px;}
.dhpo-warp .img-list li .stxt{font-size:15px; line-height:160%; letter-spacing:-0.02em;}

	@media all and (max-width:1400px){
		.dhpo-warp .title-infos-btns{padding:30px 0px;}

		.dhpo-warp .img-list li .stxt br{display:none;}
	}	

	@media all and (max-width:1000px){
		.dhpo-warp .title-infos-btns{padding:20px 0px;}
		.dhpo-warp .title-infos-btns .title{font-size:32px; padding-top:15px;}

		.dhpo-warp .title-infos-btns .btns .btn{padding:10px 10px; margin:0px 2px;}
		.dhpo-warp .title-infos-btns .btns .btn span{padding-left:20px; font-size:14px; letter-spacing:-0.03em; background-size:14px;}

		.dhpo-warp .btitle{font-size:26px; padding-top:15px;}
		.dhpo-warp .stitle{width:200px; font-size:18px; padding:8px;}

		.dhpo-warp .img-list li{width:31.33333333333%; margin-bottom:20px;}
		.dhpo-warp .img-list li .img{margin-bottom:20px;}
		.dhpo-warp .img-list li .tit{font-size:17px;}
		.dhpo-warp .img-list li .stxt{font-size:14px; line-height:140%;}
	}

	@media all and (max-width:680px){
		.dhpo-warp .title-infos-btns{padding:20px 40px;}
		.dhpo-warp .title-infos-btns .title{font-size:28px; padding-top:10px;}

		.dhpo-warp .title-infos-btns .list{width:260px;}
		.dhpo-warp .title-infos-btns .list li{padding-left:40px;}
		.dhpo-warp .title-infos-btns .list li .btxt{font-size:15px;}
		.dhpo-warp .title-infos-btns .list li .stxt{font-size:15px;}

		.dhpo-warp .title-infos-btns .btns .btn{display:block; margin-bottom:10px;}
	}

	@media all and (max-width:480px){
		.dhpo-warp .title-infos-btns{padding:20px 20px;}
		.dhpo-warp .title-infos-btns .title{font-size:24px;}

		.dhpo-warp .title-infos-btns .list{width:240px;}
		.dhpo-warp .title-infos-btns .list li{padding-left:36px;}
		.dhpo-warp .title-infos-btns .list li .btxt{font-size:14px;}
		.dhpo-warp .title-infos-btns .list li .stxt{font-size:14px;}

		.dhpo-warp .title-infos-btns .btns .btn{padding:8px 10px; margin:0px 0px; margin-bottom:10px;}
		.dhpo-warp .title-infos-btns .btns .btn span{padding-left:15px; font-size:13px; background-size:10px;}

		.dhpo-warp .btitle{font-size:24px; padding-top:10px;}
		.dhpo-warp .stitle{width:160px; font-size:16px;}

		.dhpo-warp .img-list li{width:48%; margin-bottom:20px;}
		.dhpo-warp .img-list li .tit{font-size:16px;}
		.dhpo-warp .img-list li .stxt{font-size:13px;}
	}

/* tdesi-box */
.tdesi-box{position:relative; padding:50px; box-sizing:border-box; border:1px solid #e1e1e1;}
.tdesi-box:before{position:absolute; top:-1px; left:0px; width:90px; height:3px; background:#3b518e; content:"";}
.tdesi-box:after{position:absolute; top:0px; left:-1px; width:3px; height:90px; background:#3b518e; content:"";}
.tdesi-box .in-cont{position:relative; padding-left:150px;}
.tdesi-box .in-cont:before{position:absolute; top:0px; left:0px; width:110px; height:110px; border-radius:50%; display:block; background:url("/images/contents/book01-icon.png") center no-repeat #f5f5f5; content:"";}
.tdesi-box .in-cont .title{font-size:26px; color:#000; line-height:120%; font-family:'GmarketSansM';}
.tdesi-box .in-cont .stxt{font-size:15px; color:#000; line-height:140%;}

.dis-Process{}
.dis-Process .list{}
.dis-Process .list:after{content: ''; display: block; clear: both;}
.dis-Process .list > li{float:left; width:20%;}
.dis-Process .list > li .tit{text-align:center; font-size:16px; line-height:120%; color:#fff; background:#000; padding:18px 10px; font-family:'GmarketSansM';}
.dis-Process .list > li .btxt{text-align:center; font-size:15px; color:#000; border:1px solid #e1e1e1; background:#f7f7f7; padding:10px; border-bottom:none;}
.dis-Process .list > li .stxt{border:1px solid #e1e1e1; padding:10px; min-height:160px;}
.dis-Process .list > li:nth-child(1){width:18%;}
.dis-Process .list > li:nth-child(1) .tit{background:#5cbadf;}
.dis-Process .list > li:nth-child(2){width:18%;}
.dis-Process .list > li:nth-child(2) .tit{background:#259ecd;}
.dis-Process .list > li:nth-child(3){width:18%;}
.dis-Process .list > li:nth-child(3) .tit{background:#256ccd;}
.dis-Process .list > li:nth-child(4){width:18%;}
.dis-Process .list > li:nth-child(4) .tit{background:#102dc0;}
.dis-Process .list > li:nth-child(5){width:26%; margin-left:2%;}
.dis-Process .list > li:nth-child(5) .tit{background:#7027a5;}

	@media all and (max-width:1400px){
		.dis-Process .list > li:nth-child(1){width:25%;}
		.dis-Process .list > li:nth-child(2){width:25%;}
		.dis-Process .list > li:nth-child(3){width:25%;}
		.dis-Process .list > li:nth-child(4){width:25%;}
		.dis-Process .list > li:nth-child(5){width:100%; margin-top:20px; margin-left:0%;}
		.dis-Process .list > li:nth-child(5) .stxt{min-height:auto;}
	}	

	@media all and (max-width:1000px){
		.tdesi-box{padding:30px 20px;}
		.tdesi-box .in-cont{padding-left:120px;}
		.tdesi-box .in-cont:before{width:100px; height:100px;}
		.tdesi-box .in-cont .title{font-size:22px;}
		.tdesi-box .in-cont .stxt{font-size:14px;}

		.dis-Process .list > li .tit{font-size:15px; padding:15px 5px; min-height:36px;}
		.dis-Process .list > li .btxt{font-size:14px;}
		.dis-Process .list > li .stxt{padding:5px; min-height:170px;}
	}

	@media all and (max-width:680px){
		.tdesi-box{padding:20px 15px;}
		.tdesi-box .in-cont{padding-left:100px;}
		.tdesi-box .in-cont:before{width:80px; height:80px;}

		.dis-Process .list > li:nth-child(1){width:50%;}
		.dis-Process .list > li:nth-child(2){width:50%;}
		.dis-Process .list > li:nth-child(3){width:50%;}
		.dis-Process .list > li:nth-child(4){width:50%;}
	}

	@media all and (max-width:480px){
		.tdesi-box{padding:15px 10px;}
		.tdesi-box .in-cont{padding-left:0px;}
		.tdesi-box .in-cont:before{display:none;}
		.tdesi-box .in-cont .title{font-size:20px;}
		.tdesi-box .in-cont .stxt{font-size:13px;}

	}

/* bid-warp */
.bid-warp{position:relative; padding:90px; background:#f6f6f6;}
.bid-warp:before{position:absolute; top:70px; right:140px; width:391px; height:479px; background:url("/images/contents/bid-item.png") center no-repeat; background-size:100%; content:""; z-index:1;}

.bid-warp .stitle{position:relative; z-index:2; margin-left:50px; padding-top:20px; font-size:26px; color:#000; line-height:140%; font-family:'GmarketSansM'; letter-spacing:-0.03em;}
.bid-warp .stitle:before{position:absolute; top:0px; left:0px; width:90px; height:1px; background:#4a50c3; content:"";}

.bid-warp .btitle{position:relative; z-index:2; margin-left:50px; font-size:48px; color:#db4686; line-height:120%; font-family:'GmarketSansB'; letter-spacing:-0.05em;}
.bid-warp .btitle strong{color:#4a50c3; font-family:'GmarketSansB';}
.bid-warp .stxt{position:relative; z-index:2; margin-left:50px; font-size:15px; color:#000; line-height:140%;}

.bid-warp .in-cont{position:relative; padding:10px 50px; background:#fff; border:1px solid #4a50c3; z-index:2;}
.bid-warp .in-cont .list{}
.bid-warp .in-cont .list li{position:relative; padding:20px 10px 20px 150px; border-bottom:1px dashed #c3c3c3;}
.bid-warp .in-cont .list li:last-child{border-bottom:none;}
.bid-warp .in-cont .list li .btxt{position:absolute; top:22px; left:10px; line-height:160%; font-size:16px; font-family:'GmarketSansB'; letter-spacing:-0.03em; color:#4a50c3;}
.bid-warp .in-cont .list li .ttxt{line-height:160%; font-size:16px; color:#000; letter-spacing:-0.02em; line-height:160%;}

.bid-warp .bid-btn{display:inline-block; padding:10px 20px; background:#4a50c3; border-radius:20px;}
.bid-warp .bid-btn span{display:inline-block; color:#fff; font-size:16px; line-height:100%;}

	@media all and (max-width:1400px){
		.bid-warp{padding:40px 30px;}
		.bid-warp:before{top:70px; right:20px; width:300px; height:479px; }

		.bid-warp .stitle{margin-left:0px;}

		.bid-warp .btitle{margin-left:0px;}
		.bid-warp .stxt{margin-left:0px;}

		.bid-warp .in-cont{padding:10px 20px;}
	}	

	@media all and (max-width:1000px){
		.bid-warp{padding:30px 20px;}
		.bid-warp:before{top:10px; right:10px; width:200px; height:250px;}

		.bid-warp .stitle{padding-top:10px; font-size:22px;}

		.bid-warp .btitle{font-size:40px;}
		.bid-warp .stxt{font-size:15px;}

		.bid-warp .in-cont{padding:0px 10px;}
		.bid-warp .in-cont .list li{padding:10px 10px 10px 120px;}
		.bid-warp .in-cont .list li .btxt{top:12px; left:0px; font-size:15px;}
		.bid-warp .in-cont .list li .ttxt{font-size:15px;}

		.bid-warp .bid-btn span{font-size:15px;}
	}

	@media all and (max-width:680px){
		.bid-warp{padding:20px 15px;}
		.bid-warp:before{top:10px; right:10px; width:100px; height:115px;}

		.bid-warp .stitle{font-size:20px;}

		.bid-warp .btitle{font-size:36px;}
		.bid-warp .stxt{font-size:14px;}

		.bid-warp .in-cont{padding:0px 10px;}
		.bid-warp .in-cont .list li{padding:10px 10px 10px 0px;}
		.bid-warp .in-cont .list li .btxt{position:relative; top:0px; left:0px; font-size:15px;}
		.bid-warp .in-cont .list li .ttxt{font-size:14px;}

		.bid-warp .bid-btn span{font-size:14px;}
	}

	@media all and (max-width:480px){
		.bid-warp:before{display:none;}
		.bid-warp .stitle{font-size:16px;}

		.bid-warp .btitle{font-size:26px;}
		.bid-warp .bid-btn span{font-size:13px;}
	}

/* history-wrap */
.history-wrap{position:relative; padding-left:800px;}
.history-wrap:before{position:absolute; top:80px; left:0px; width:679px; height:1485px; background:url("/images/contents/history-bg.png") top left no-repeat; content:"";}
.history-wrap .titles{position:absolute; top:0px; left:0px;}
.history-wrap .titles .btitle{font-size:60px; line-height:120%; font-family:'GmarketSansB'; letter-spacing:-0.03em;}
.history-wrap .titles .btitle strong{font-family:'GmarketSansB'; color:#24abc3;}
.history-wrap .titles .stitle{font-size:18px; font-family:'GmarketSansL';}

.history-wrap .his-list{}
.history-wrap .his-list .list{}
.history-wrap .his-list .list li{position:relative; padding-left:130px;}
.history-wrap .his-list .list li:before{position:absolute; top:10px; left:105px; width:2px; height:100%; background:#d5d5d5; content:"";}
.history-wrap .his-list .list li .year{position:absolute; top:0px; left:0px; font-size:30px; color:#24abc3; line-height:120%; font-family:'GmarketSansB';}
.history-wrap .his-list .list li .month{position:relative; font-size:15px; padding:10px 20px; background:#24abc3; display:inline-block; color:#fff; line-height:100%; border-radius:20px; margin-bottom:15px; font-family:'GmarketSansB'}
.history-wrap .his-list .list li .month:before{position:absolute; top:8px; left:-33px; width:18px; height:18px; border:4px solid #24abc3; border-radius:50%; box-sizing:border-box; background:#fff; content:"";}
.history-wrap .his-list .list li .tit{font-size:17px; color:#000; line-height:120%; margin-bottom:10px; font-family:'GmarketSansB';}
.history-wrap .his-list .list li .stxt{font-size:15px; color:#555; line-height:160%;}

	@media all and (max-width:1400px){
		.history-wrap{padding-left:50%;}
		.history-wrap:before{top:80px; left:0px; width:46%; height:1210px; background-size:100%}
	}	

	@media all and (max-width:1000px){
		.history-wrap{padding-left:40%;}
		.history-wrap:before{top:80px; left:0px; width:36%; height:760px;}
		.history-wrap .titles .btitle{font-size:40px;}
		.history-wrap .titles .stitle{font-size:16px;}

		.history-wrap .his-list .list li{padding-left:100px;}
		.history-wrap .his-list .list li:before{top:10px; left:80px;}
		.history-wrap .his-list .list li .year{font-size:24px;}
		.history-wrap .his-list .list li .month{font-size:14px; padding:8px 15px; margin-bottom:10px;}
		.history-wrap .his-list .list li .month:before{top:6px; left:-26px; width:16px; height:16px; border:3px solid #24abc3;}
		.history-wrap .his-list .list li .tit{font-size:16px; margin-bottom:5px;}
		.history-wrap .his-list .list li .stxt{font-size:14px;}
	}

	@media all and (max-width:680px){
		.history-wrap{padding-left:0px;}
		.history-wrap:before{display:none;}
		.history-wrap .titles{position:relative; top:auto; left:auto; margin-bottom:20px;}
		.history-wrap .titles .btitle{font-size:30px;}
		.history-wrap .titles .stitle{font-size:14px;}

		.history-wrap .his-list .list li{padding-left:100px;}
		.history-wrap .his-list .list li:before{top:10px; left:80px;}
		.history-wrap .his-list .list li .year{font-size:22px;}
		.history-wrap .his-list .list li .month{font-size:13px;}
		.history-wrap .his-list .list li .tit{font-size:15px; margin-bottom:5px;}
		.history-wrap .his-list .list li .stxt{font-size:13px;}
	}

	@media all and (max-width:480px){
		.history-wrap .his-list .list li{padding-left:90px;}
		.history-wrap .his-list .list li:before{top:10px; left:70px;}
		.history-wrap .his-list .list li .year{font-size:20px;}
		.history-wrap .his-list .list li .month{font-size:13px;}
		.history-wrap .his-list .list li .tit{font-size:14px; margin-bottom:5px;}
		.history-wrap .his-list .list li .stxt{font-size:13px;}
	}

         