/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');


/*나눔스퀘어*/
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url('/fonts/NanumSquareR-7ec574172aca0087fe9e6e3d585a86b5.eot');
 src: url('/fonts/NanumSquareR-7ec574172aca0087fe9e6e3d585a86b5.eot?#iefix') format('embedded-opentype'),
      url('/fonts/NanumSquareR-5d1987217081d5e455b409195c1fece7.woff') format('woff'),
      url('/fonts/NanumSquareR-fc2b2b37579ae836c0b671cb16dec573.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url('/fonts/NanumSquareB-7c32a245e5d59f66ac033cd7e29abf4c.eot');
 src: url('/fonts/NanumSquareB-7c32a245e5d59f66ac033cd7e29abf4c.eot?#iefix') format('embedded-opentype'),
      url('/fonts/NanumSquareB-0d94cd9d5e752ba45c75ae4add387f03.woff') format('woff'),
      url('/fonts/NanumSquareB-f2cb3b7b1dbefbdb79490bc061645b47.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url('/fonts/NanumSquareEB-9b98722f867c623aada9f479cdfa7924.eot');
 src: url('/fonts/NanumSquareEB-9b98722f867c623aada9f479cdfa7924.eot?#iefix') format('embedded-opentype'),
      url('/fonts/NanumSquareEB-0029b8a5a16ce106b0bf5ac8ea23de04.woff') format('woff'),
      url('/fonts/NanumSquareEB-9ee5085e37e8ac9dd4aa44813d9b924a.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url('/fonts/NanumSquareL-da1e0ddddc753bc188167eba4e05faae.eot');
 src: url('/fonts/NanumSquareL-da1e0ddddc753bc188167eba4e05faae.eot?#iefix') format('embedded-opentype'),
      url('/fonts/NanumSquareL-fa92696350da81f5da13e4563d9326db.woff') format('woff'),
      url('/fonts/NanumSquareL-f2a56a3bef1a85a94f09f8d4ffe5eb46.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('/fonts/NanumSquareRound-d40d35ca527fded9b5723a2aa81d7e59.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('/fonts/NanumSquareNeo-Variable-38d4e6227ef6552a946926dc89f09f0a.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('/fonts/Cafe24Ssurround-501c153a3d55c993a4774d4c92359691.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inika';
    src: url('/fonts/Inika-Regular-e0dc52c40fbf4441d5c1d225ac3885a9.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/* 빙그레체
@font-face {
	font-family: 'Binggrae';
	src: url('/fonts/Binggrae-1a3437b898dc3efde53fd6479f10dd11.woff') format('woff');
	font-weight: bold;
	font-style: normal; }*/
@font-face { font-family: 'Binggrae'; src: url('/fonts/Binggrae-1a3437b898dc3efde53fd6479f10dd11.woff') format('woff'); font-weight: normal; font-style: normal; }
/* 여기어때 잘난체
@font-face {
	font-family: 'yg-jalnan';
	src: url('/fonts/JalnanOTF00-2a43a807fc276cb78af9beddb66ca904.woff') format('woff');
		font-weight: normal;
		font-style: normal; }*/
@font-face { font-family: 'yg-jalnan'; src: url('/fonts/JalnanOTF00-2a43a807fc276cb78af9beddb66ca904.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Gmarket Sans B*/
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/fonts/GmarketSansBold-a252807114e4ef98a545086a5e2f9698.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Gmarket Sans M */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/fonts/GmarketSansMedium-6e88198f4da954b35aa0e3ffbf688aab.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Margin, Padding */
.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt05{margin-top:5px !important;}
.mt0{margin-top:0 !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}
.mb0{margin-bottom:0 !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pr0{padding-right:0px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

/* Skip */
#skip {position:absolute;top:0;height:0px;width:100%;z-index:2020;}
#skip a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;}
#skip a:focus,
#skip a:active {display:block;top:0;width:100%;height:30px;line-height:30px;background:#1c7915;}
a:hover {text-decoration:underline;/*font-weight:500;*/}

/* 숨김(처리) */
.blind {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
.hide {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}


/* 정렬 */
.fr {float:right;}
.fl {float:left;}
.clear {clear:both;}

/* 텍스트정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

input::placeholder {font-size:17px; color:#999; font-weight:300;}
select::-ms-expand { display: none; }

/* 글자 색상들 */
.green {color:#035328;}
.red {color:#c00000;}


/* 가로 크기 */
.width_8 {width:8%;}
.width_10 {width:10%;}
.width_12 {width:12%;}
.width_15 {width:15%;}
.width_25 {width:25%;}
.width_30 {width:30%;}
.width_35 {width:35%;}
.width_48 {width:48%;}

/* tablet */
	@media only screen and (max-width : 1230px){



	}
	/* mobile */
	@media only screen and (max-width : 992px){

		input::placeholder {font-size:16px;}
	}
	@media only screen and (max-width : 767px){

		input::placeholder {font-size:15px;}

	}
	@media only screen and (max-width : 486px){



	}

[v-cloak] { display: none; }
div .inline-block {
    display: inline-block;
}

.text-ellipsis {
    width: 70px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layer_type1 {display:none; width:600px; padding:40px; overflow-y:auto; background-color:#fff;}
.layer_type1 .tit {margin-bottom:0px; padding-bottom:30px;font-size:1.6em; font-weight:500; text-align:center;}
.layer_type1 .con {padding:30px 0;  border-top:1px solid #dbdbdb;}
.layer_type1 .con .txt {margin-bottom:20px; line-height:1.3em;}
.layer_type1 .box {border:1px solid #dbdbdb; padding:20px; background-color:#f8f8f8;}
.layer_type1 .box .s_tit {margin-top:0px; margin-bottom:15px; font-size:1.0em; font-weight:500;}
.layer_type1 .box p {font-size:0.86em; color:#666; line-height:1.3em;}
.layer_type1 .close_btn {border:none; padding:0 50px; height:50px; font-size:1.13em; color:#fff; border-radius:5px; background-color:#00c2ea; }

.layer_pop {overflow:hidden; background:#fff; }
.layer_pop .btns_con {/*overflow:hidden; position:absolute; bottom:0px; left:0px;*/ width:100%; height: 40px; padding:10px 15px; background:#000;}
.layer_pop .btns_con span {display:inline-block; font-size:0.83rem; color:#ccc; }
.layer_pop .btns_con i {vertical-align:middle; color:#fff; }
.layer_pop .btns_con .checkbox_btn {float:left; }
.layer_pop .btns_con .close_btn {float:right; }

.picture-image {
    border-radius: 40px;
}

img.upload-picture {
    max-height: 240px;
}
img.upload-picture:hover {
    cursor: pointer;
}