@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');

body { -webkit-text-size-adjust: 100%; }

/* LAYOUT */
#wrap { overflow:hidden; }
#header { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; }
#container { position:relative; margin-top: 120px; }
#footer { overflow: hidden; position: relative; margin: 50px 0; background-color: #ffffff; font-size:0; }

/* HEADER */
#header > h1 { margin:33px 0 0 50px; line-height: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }

#header > .gnb { position: absolute; right: 40px; top: 52px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .gnb > ul { margin: 0; padding: 0; font-size:0; }
#header > .gnb > ul > li { display:inline-block; vertical-align:middle; list-style: none; position: relative; margin-left: 40px; }
#header > .gnb > ul > li.instagram { padding-top:4px; }
#header > .gnb a  { font-family: 'helvetica','dotum',sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #000000; }
#header > .gnb a:hover { color: #0000ff; }
#header > .gnb:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* CONTAINER */
#container > .list { position: relative; }
#container > .list .list_thum { position: absolute; width: 20%; left: 0; top: 0; line-height: 0; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition: all 0s ease; transition:all 0s ease; }
#container > .list .list_thum.v1 { width: 40%; }
#container > .list .list_thum img { width: 100%; }

#container > .list .list_thum .thum_bg { position: absolute; width: 100%; height: 100%; padding: 30px; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255,255,255,0.5); opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; font-family: 'helvetica','dotum',sans-serif; font-size: 19px; line-height: 26px; color: #000000; }
#container > .list .list_thum:hover .thum_bg { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }

#container > .view { position: relative; width: 1000px; margin: 0 auto; }
#container > .view .view_page { position: relative; margin: 50px 0; text-align: center; line-height: 0; }
#container > .view .view_page .btn_left { position: absolute; left: 0; top: 50%; margin-top: -8px; }
#container > .view .view_page .btn_right { position: absolute; right: 0; top: 50%; margin-top: -8px; }

#about_new { text-align:center; line-height:0; }
#about_new img.mobile { display:none; }

/* FOOT */
#footer .section01 { display:inline-block; vertical-align:top; margin-left:30px; font-size:0; }
#footer .section01 .logo { display:inline-block; vertical-align:middle; }
#footer .section01 .logo_text { display:inline-block; vertical-align:middle; margin-left:10px; font-family: 'helvetica','dotum',sans-serif; font-size: 13.5px; line-height: 15px; color: #000000; }
#footer .section01 .footer_slogn { margin:10px 0 0 0; font-family: 'helvetica','dotum',sans-serif; font-size: 13px; line-height: 20px; color: #000000; }
#footer .section01 .footer_slogn i { display:block; }
#footer .section02 { display:inline-block; vertical-align:top; margin:0 0 0 70px; font-family: 'helvetica','dotum',sans-serif; font-size: 13px; line-height: 20px; color: #000000; }
#footer .section02 i { display:block; }
#footer .section02 .coptyright { margin:25px 0 0 0; font-family: 'helvetica','dotum',sans-serif; font-size: 13px; line-height: 20px; color: #000000; }

@media screen and (max-width:1600px) {
	/* CONTAINER */
	#container > .list .list_thum { width: 25%; }
	#container > .list .list_thum.v1 { width: 50%; }
}

@media screen and (max-width:1300px) {
	/* CONTAINER */
	#container > .list .list_thum { width: 33.33333%; }
	#container > .list .list_thum.v1 { width: 66.66666%; }
}

@media screen and (max-width:1100px) {
	/* CONTAINER */
	#container > .view { width: auto; margin: 0 5%; }
	#container > .view > img { width: 100%; }
    #container > div > div.editorOutput > p > img { width: 100%; }
}

@media screen and (max-width:1020px) {
	/* CONTAINER */
	#about_new img { width:100%; }
    
    /* FOOT */
    #footer .section01 { display:block; }
    #footer .section02 { display:block; margin:20px 0 0 30px; }
}

@media screen and (max-width:994px) {
	/* CONTAINER */
	#container > .list .list_thum { width: 50%; }
	#container > .list .list_thum.v1 { width: 100%; }
}

@media screen and (max-width:600px) {
	/* LAYOUT */
	#container { margin-top: 90px; }
	
	/* HEADER */
	#header > h1 { margin:30px 0 0 15px; }
	#header > h1 img { height: 32px; }
	
	#header > .gnb { right: 15px; top: 34px; }
	#header > .gnb > ul > li { margin-left: 15px; }
	#header > .gnb a  { font-size: 14px; }
	
	/* CONTAINER */
	#container > .list .list_thum { width: 100%; }

	#container > .view { margin: 0 8%; }
	#container > .view .view_page img { width: 20px; }
	#container > .view .view_page .btn_left img { width: 10px; }
	#container > .view .view_page .btn_right img { width: 10px; }
    
    #about_new img { display:none; }
    #about_new img.mobile { display:block; }
    
    /* FOOT */
    #footer .section01 { margin:0 20px; }
    #footer .section01 .logo { display:block; }
    #footer .section01 .logo img { height:13px; }
    #footer .section01 .logo_text { display:block; margin:10px 0 0 0; }
    
    #footer .section02 { margin:20px 20px 0 20px; }
    #footer .section02 .coptyright { margin:20px 0 0 0; }
}