@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400,500&display=swap');
/* font */
.f_logo{font-family: 'Do Hyeon', sans-serif;}
.noto100{font-family:'Noto Sans KR',sans-serif;font-weight:200;}
.noto300{font-family:'Noto Sans KR',sans-serif;font-weight:300;}
.noto400{font-family:'Noto Sans KR',sans-serif;font-weight:400;}
.noto500{font-family:'Noto Sans KR',sans-serif;font-weight:500;}
.noto700{font-family:'Noto Sans KR',sans-serif;font-weight:700;}
.noto_serif{font-family: 'Noto Serif KR', serif;}
/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

/* basic style */
* { padding:0; margin:0; box-sizing: border-box;word-break: keep-all; font-family:'Noto Sans KR',sans-serif;font-weight:400; transition: 0.5s; letter-spacing: -0.04em; line-height: 1.4;}
body { overflow-x:hidden; font-family:'Noto Sans KR',sans-serif;font-weight:400; font-size: 16px;color:#7d7d7d}
a { text-decoration:none; font-size: 15px;}
button {cursor:pointer;outline:0; background: transparent;}
ul, li {list-style:none;}
hr {margin-top: 50px;margin-bottom: 50px;width: calc(100% - 40px);margin-left: 20px;border: 1px solid #ddd;border-bottom: none;}
hr.no_line {border: none;margin-bottom: 0;}
.pc_view {display: block;}
.m_view {display: none;}
.center {text-align: center;}
.img-responsive {display:block; max-width:100%; height:auto}
.outer{padding-left:5%;padding-right:5%;transition:0.3s;}
.relative{position:relative;}
.clearfix:after{display:block;content:'';clear:both;}
.font_c1 {color: #980438}
.inner {width: 1400px; max-width: 90%; margin:0 auto; }
.Shortening { /* 한 줄 자르기 */ display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Shortening2 {	/* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; height: 2.8em; overflow: hidden; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.width100{width:100%}
.mobile{display:block}

.posi_re {position: relative;}
.posi_ab {position: absolute; width: 100%;}

.col:after {clear: both; content: ""; display: block; visibility: hidden;} 
.col li {float: left;padding: 0 20px;}

.col2 li {width: 50%}
.col3 li {width: 33.33333333%}
.col4 li {width: 25%}
.col5 li {width: 20%}

.col9_1 {width: 11.11111111%}
.col9_2 {width: 22.22222222%}
.col9_3 {width: 33.33333333%}
.col9_4 {width: 44.44444444%}
.col9_5 {width: 55.55555555%}
.col9_6 {width: 66.66666666%}
.col9_7 {width: 77.77777777%}
.col9_8 {width: 88.88888888%}
.col9_9 {width: 100%}

.col12_1 {width: 8.333333333%}
.col12_2 {width: 16.66666666%}
.col12_3 {width: 25%}
.col12_4 {width: 33.33333333%}
.col12_5 {width: 41.66666666%}
.col12_6 {width: 50%}
.col12_7 {width: 58:33333333%}
.col12_8 {width: 66.66666666%}
.col12_9 {width: 75%}
.col12_10 {width: 83.33333333%}
.col12_11 {width: 91.66666666%}
.col12_12 {width: 100%}


@media (max-width:800px){	
	body {font-size: 13px;}
	.pc_view {display: none;}
	.m_view {display: block;}
	.posi_ab {width: auto;}
	.mobile{display:none}
}
@media (max-width:1280px){	
	.col9_1,
	.col9_2,
	.col9_3,
	.col9_4,
	.col9_5,
	.col9_6,
	.col9_7,
	.col9_8,
	.col9_9,
	.col12_1,
	.col12_2,
	.col12_3 {width: 50%}

	.col12_5, 
	.col12_6, 
	.col12_7, 
	.col12_8, 
	.col12_9, 
	.col12_10, 
	.col12_11, 
	.col12_12, 
	.col4 li{width: 33.333333%}
}
@media (max-width:800px){	
	.col12_5, 
	.col12_6, 
	.col12_7, 
	.col12_8, 
	.col12_9, 
	.col12_10, 
	.col12_11, 
	.col12_12,
	.col4 li{width: 50%}
	.mobile{display:none}
}

@media (max-width:600px){	
	.col2 li,
	.col3 li,
	.col4 li,
	.col9_1,
	.col9_2,
	.col9_3,
	.col9_4,
	.col9_5,
	.col9_6,
	.col9_7,
	.col9_8,
	.col9_9,
	.col12_1,
	.col12_2,
	.col12_3,
	.col12_4,
	.col12_5,
	.col12_6,
	.col12_7,
	.col12_8,
	.col12_9,
	.col12_10,
	.col12_11,
	.col12_12 {width: 100%}
	
}

.fadein_up {
    opacity:0;
    margin-top:100px;    
    max-width:100%;
}