@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

@import url('/css/doggeonoin/fonts/fonts.css');
@font-face { 
font-family: 'OTEnjoystoriesBA';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
font-weight: normal;
font-style: normal; 
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

* {	margin: 0;	padding: 0;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

body {font-family:'Nanum Gothic',sans-serif;font-size: 14px;line-height: 1.5;font-weight: 400;word-break:break-word;}
.container{width:1400px; margin:0 auto;}


ul, li {list-style-type: none;	padding: 0px;	margin: 0px;}
a, a:hover, a:active, a:focus {	outline: none;	border: none;	text-decoration: none;}
a{	transition: all 0.3s ease 0s;}
input[type="text"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px; vertical-align:middle; border:1px solid #ccc;}
textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;resize: none; border:1px solid #ccc; overflow:auto;}
select{border-radius:0; border:1px solid #ccc;   } 
select::-ms-expand { display: none; }
table {	border-collapse: collapse;border-spacing: 0;}
.display-table-cell {	display: table-cell !important;}
.width-100 {width: 100%;}
body, html {width: 100%;}
i{vertical-align:middle;}
.under{text-decoration:underline;}
button{cursor: pointer;}
.button {
	color: #111;
	cursor: pointer;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	margin-left: 10px;
	text-align: center;
	padding: 12px 35px;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	border-radius: 30px !important;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.button:hover {
	color: #ffffff;
	-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

header {width:100%;}
.fr {	float: right !important;}
.fl {	float: left !important;}
.center {	text-align: center !important;}
.right{text-align:right !important;}
.left{text-align:left !important;}
.flex{display:flex;}
.w-100{width:100% !important;}

.red{color:#ff0000 !important;}
.purple{color:#99298b !important;}
.m-top0{margin-top:0px !important;}
.m-top5{margin-top:5px !important;}
.m-top7{margin-top:7px !important;}
.m-top10{margin-top:10px !important;}
.m-top20{margin-top:20px !important;}
.m-top30{margin-top:30px !important;}
.m-top50{margin-top:50px !important;}
.m-bottom10{margin-bottom:10px;}
.m-bottom0{margin-bottom:0px !important;}
.img-center{margin:0 auto; display:block;}
.l-bottom5 li{margin-bottom:5px !important;}
.after-none:after{display:none !important;}
.m-left5{margin-left:5px;}
.m-left10{margin-left:10px;}
.m-left15{margin-left:15px;}
/* font-size */
.f09{font-size:0.9em !important;}
.f10{font-size:1.0em !important;}
.f11{font-size:1.1em !important;}
caption {width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;position: relative;left: -900px;}
.black{color:#000 !important;}
.bold{font-weight:bolder !important;}
.keep{word-break: keep-all !important;}  
.txt_underline{text-decoration: underline;}
.pc_br{
	display: block;
}  
@media screen and (max-width: 768px) {
	.pc_br{
		display: inline;
	}  

}
	
	.txt_info{
		color: #555;
		font-size: 1.1em;
		font-weight: 600;
	}
	.txt_info i{
		margin-right: 2px;
	    color: #2d5991;
	}