@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Notoserif-r';
    src: url('../fonts/NotoSerifCJKkr-Regular.eot');
    src: url('../fonts/NotoSerifCJKkr-Regular.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifCJKkr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Notoserif-sb';
    src: url('../fonts/NotoSerifCJKkr-SemiBold.eot');
    src: url('../fonts/NotoSerifCJKkr-SemiBold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifCJKkr-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Notoserif-b';
    src: url('../fonts/NotoSerifCJKkr-Bold.eot');
    src: url('../fonts/NotoSerifCJKkr-Bold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifCJKkr-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.kimgunja .container a:hover,
.kimgunja .container a:focus {color:#000}

/** layout **/
.kimgunja {background-color:#ebebeb}
.kimgunja .container h1 a {overflow: hidden;position: absolute;line-height: 0;text-indent: -9999px}
.kimgunja .container h2,
.kimgunja .container h3,
.kimgunja .container p,
.kimgunja .container .blind {overflow: hidden;position: absolute;height: 1;line-height: 0;text-indent: -9999px;top: 0;left: 0;width: 0;font-size: 1}

.kimgunja .container  {margin-right: auto;margin-left: auto;position: relative;background-repeat:no-repeat;}
.kimgunja .container:before,
.kimgunja .container:after {content: " ";display: table;}
.kimgunja .container:after {clear: both;}


/* button */
.kimgunja_btn {display: inline-block; padding: 6px 18px; margin-left: 20px; margin-bottom: 0; font-size:16px; font-weight: 700; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ffffff; background-image: none; color: #333; text-decoration: none; border-radius:18px;font-family:'nanum-square-eb','malgun gothic',sans-serif;}

@media only screen and (min-width:320px) {	
	.mobile_view {display:none}
		
	#kimgunja_wrap {padding-top:52px;}
	.sec_01,.sec_02 {margin-bottom:40px}
	.kimgunja .container {width:100%;max-width:960px}
	.kimgunja .container,
	.sec_top .container h2,
	.sec_top .container .txt,
	.sec_02 .container h2,
	.sec_03 .container h2 {position:relative;background-repeat:none;}
	
	.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
	.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%} 
	
	.sec_tit {padding:90px 0;background:#1f1f1f url('../img/kimgunja2017/bg_archive_m.jpg') no-repeat center top;-webkit-background-size: cover;
	background-size: cover;text-align:center}
	.sec_tit  h2 {font-family: 'Notoserif-r', serif;font-weight:normal;color:#fff;font-size:28px;}	
	
	.sec_top .container h2 {display:block;width:270px;height:67px;margin:0 auto 30px;background-image: url('../img/kimgunja2017/top_title.png');background-size:contain;background-position:50% 0}
	.sec_top .container .txt {padding:40px 0;font-family:'Notoserif-r',serif;font-weight:normal;font-size:17px;color:#222;line-height:1.9;word-break: keep-all}
	
	.sec_02 .container h2 {margin:0 auto 20px;width:244px;height:20px;background-image: url('../img/kimgunja2017/s2_title@2x.png');background-size:contain;}
	.sec_03 .container h2 {margin:0 auto 20px;width:240px;height:20px;background-image: url('../img/kimgunja2017/s3_title@2x.png');background-size:contain;}
	
	.sec_02 .row li {margin-bottom:30px}
	.sec_02 .row li img {display:block;margin:0 auto 8px}
	.sec_02 .row li .link {text-decoration:underline}
	.sec_02 .row a {display:block;font-size:15px;word-break:keep-all;line-height:1.6}
		
	.join_area {width:100%; height:100%; max-height:100px; background-color:#d0d0d0;margin:5px auto; text-align: center;}
	.join_area a {display:block;padding:15px; width:100%;color:#000000; font-size:18px;font-family:'nanum-square-b','malgun gothic',sans-serif;}
}
@media only screen and (min-width:768px) {
	/*
	.sec_01 .container .movie iframe {height:400px}
	*/
}
@media only screen and (min-width:1px) and (max-width:959px) {
	.kimgunja .container p {overflow:auto;position:relative;height:auto;line-height:1.6;text-indent:0;top:auto;left:auto;width:auto;font-size:15px;margin-bottom:30px}
	.mobile_view {display:block;width:100%;max-width:720px;margin:0 auto 30px}
	
	/*
	.sec_02 .join_area {padding:20px;border:#ccc 1px solid;}
	.sec_02 .join_area p {margin-bottom:0;font-size:14px}
	.sec_02 .join_area .btn_join_kimgunja {display:block;float:right;margin-top:30px;padding:5px 10px;border:#ccc 1px solid;text-align:center;font-weight:700;font-size:14px;line-height:1.4}
	.sec_02 .join_area .btn_join_kimgunja:after {content:'';clear:both}
	*/
	.pc_view {display:none}
	
	.join_area {max-height: 145px}
	.join_area a {display:block;padding:20px}
	.join_area a {text-align: left;}
	.btn_join_kimgunja .btn_area {margin-top: 10px;text-align: right;}
}
@media only screen and (min-width:960px) {
	#kimgunja_wrap {padding-top:92px;padding-bottom:70px}
	.sec_tit {padding: 0;height:280px;background-image:url('../img/kimgunja2017/bg_archive.jpg')}
	.sec_tit h2 {font-size:40px;line-height: 280px;}
	
	.sec_01,.sec_02 {margin-bottom:60px}
	.kimgunja .container {padding:0 0 60px 0}
	.sec_top .container h2 {margin:60px auto 20px;width:540px;height:134px}
	.sec_top .container .txt {font-size:19px;text-align: center;}
	/*.sec_top .container .txt {width:960px;height:660px;background-image: url('../img/kimgunja2017/s1_txt.jpg');}*/
	.sec_02 .container h2 {width:100%;height:30px;background-image:url('../img/kimgunja2017/s2_title.png');background-position: 50% 0;background-repeat: no-repeat}
	.sec_03 .container h2 {width:361px;height:30px;background-image:url('../img/kimgunja2017/s3_title.png');}	
	
	.join_area .btn_area {display:inline-block}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}