@charset "utf-8";

/* 폼 */
.page-form {position:relative; }
.page-form .panel-black .form-control {width:100%; margin-top:10px; padding:16px 25px; border:none; font-size:16px; font-weight:300; border-radius:4px; border:1px solid #dbdbdb; }
.page-form .panel-black .checkbox_con {overflow:hidden; padding:20px 0 40px 0;}
.page-form .panel-black .checkbox_con .checkbox_round label {font-size:1.06em; color:#3d3d3d; font-weight: 400;}
.page-form .panel-black .bottom_btns {padding:0;}
.page-form .panel-black .bottom_btns .button {margin-bottom:10px; }

.text_btns {overflow: hidden; position: relative; text-align: center;}
.text_btns ul li {position: relative; display:inline-block; padding:0 10px;}
.text_btns ul li::after {position:absolute; right:0px; top:3px; content: ""; display: inline-block; width:1px; height: 10px; background-color: #ccc;}
.text_btns ul li:last-child::after {display: none;}

.guide_box_s {clear:both; position: relative; padding:20px 30px; margin-bottom:30px; background:#f2f2f2; border-radius: 15px;}

.imgcon-wide {position: relative;  margin-bottom:40px; }
.imgcon-small {position: relative; margin:20px 0; text-align:center;}
.imgthumb-list { position: relative; }
.imgthumb-list ul  {overflow: hidden; margin:0 -5px; }
.imgthumb-list ul li {float:left; width:25%; padding:10px 5px; }
.imgthumb-list ul li .item {overflow: hidden;  border:1px solid #dbdbdb; border-radius:15px;}
.imgthumb-list ul li .item .thumbnail-img img {width:100%;}
.imgthumb-list ul li .item figcaption {position: relative; padding:30px 30px; }
.imgthumb-list ul li .item figcaption::after {position:absolute; right:30px; top:26px; content:""; display:block; width:30px; height:30px; border:1px solid #dbdbdb; border-radius:100%; background: url('../../images/custom/contents/more_arrow.png') no-repeat 50% 50%; background-size:5px auto;   transition: transform .15s ease-in-out,box-shadow .15s ease-in-out;}
.imgthumb-list ul li .item figcaption h3 {margin-bottom:10px; font-family: 'GmarketSansMedium'; font-size:1.2em;}
.imgthumb-list ul li .item figcaption p {color:#999; }
.imgthumb-list ul li .item figcaption p span {display:inline-block;  padding:0 7px 0 0;}
.imgthumb-list ul li .item figcaption p .time {position:relative; padding:0 7px; }
.imgthumb-list ul li .item figcaption p .time::before {position:absolute; top:4px; left:0px; content:""; display:inline-block;  width:1px; height:10px; background:#999;}
.imgthumb-list ul li .item:hover {border-color:#777;}
.imgthumb-list ul li a:hover {text-decoration:none;}
.imgthumb-list ul li a:hover figcaption::after {transform:translateX(.3333333333rem);}
.imgthumb-list { position: relative; }
.imgthumb-list ul  {overflow: hidden; margin:0 -5px; }
.imgthumb-list ul li {float:left; width:25%; padding:10px 5px; }
.imgthumb-list ul li .item {overflow: hidden;  border:1px solid #dbdbdb; border-radius:15px;}
.imgthumb-list ul li .item .thumbnail-img img {width:100%;}
.imgthumb-list ul li .item figcaption {position: relative; padding:30px 30px; }

.imgthumb-list2 { position: relative; }
.imgthumb-list2 ul  {overflow: hidden; margin:0 -5px; }
.imgthumb-list2 ul li {float:left; width:33.333%; padding:10px 5px; }
.imgthumb-list2 ul li .item {overflow: hidden;  border:1px solid #dbdbdb; border-radius:15px;}
.imgthumb-list2 ul li .item .thumbnail-img img {width:100%;}
.imgthumb-list2 ul li .item figcaption {position: relative; padding:25px 25px; text-align:center; border-top:1px solid #dbdbdb;}
.imgthumb-list2 ul li .item figcaption h3 {font-family: 'GmarketSansMedium'; font-size:1.2em;}

.imgthumb-list3 { position: relative; margin-bottom:30px; }
.imgthumb-list3 ul  {overflow: hidden; margin:0 -5px; }
.imgthumb-list3 ul li {float:left; width:50%; padding:10px 5px; }
.imgthumb-list3 ul li .item {overflow: hidden;  border:1px solid #dbdbdb; border-radius:15px;}
.imgthumb-list3 ul li .item .thumbnail-img img {width:100%;}
.imgthumb-list3 ul li .item figcaption {position: relative; padding:25px 25px; text-align:center; border-top:1px solid #dbdbdb;}
.imgthumb-list3 ul li .item figcaption h3 {font-family: 'GmarketSansMedium'; font-size:1.2em;}

.imgthumb-list4 { position: relative;  margin-bottom:10px;}
.imgthumb-list4 ul  {overflow: hidden; margin:0 -5px; }
.imgthumb-list4 ul li {float:left; width:50%; padding:0px 5px; }
.imgthumb-list4 ul li img {width:100%;}

.linebox-con {padding:30px; margin-bottom:30px;  border:1px solid #dbdbdb; border-radius:15px; }
.linebox-con .img {padding:20px 0; text-align:center;}

.tip02-boxcon {overflow:hidden; padding:70px 60px; margin-bottom:30px; background: url('../../images/custom/contents/tip2_box_bg.jpg') no-repeat top center; background-size:cover;  }
.tip02-boxcon ul li {float:left; width:400px; position: relative; padding-left:10px;  margin:5px 0; font-size:1.06em; line-height:1.3em; color:#fff;}
.tip02-boxcon ul li:nth-child(2n+1) {clear:both;}
.tip02-boxcon ul li::before {position:absolute; left:0px; top:9px;  content:""; display:inline-block; width:4px; height:1px; background:#fff; }


	/* tablet */
	@media only screen and (max-width : 1280px){ 

			
			
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 


		
	}
	@media only screen and (max-width : 797px){ 

		
		

	}
	@media only screen and (max-width : 646px){ 




	}
	@media only screen and (max-width : 486px){ 
		

		
	}
	@media only screen and (max-width : 330px){ 

	}