@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* font-family: 'Nanum Gothic', serif; */

/* 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
font-family: 'Noto Sans KR', sans-serif; 
*/

@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
/* font-family: 'Jeju Gothic', serif; */


/* ÃʱâÈ­! */
body { font-family: 'Nanum Gothic', serif; }
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p {margin:0; padding:0; font-size:12px; font-family: 'Nanum Gothic', serif;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary{display:block;}
dl,dt,dd,ul,ol,menu,li{list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; padding:0;}
img {vertical-align:top;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
/* ÇÃ·Ô ÇØÁ¦ */
.clearFix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearFix {display:inline-block;}
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* ÇÃ·Ô ÇØÁ¦ */
caption, legend, .skip, hr {display:none;}
input, textarea {outline-style:none; resize:none;}

body, html{min-width:720px;width:100%;height:100%;margin:0 auto;padding:0px;}

.sp_5{padding-left:5px;}
.sp_10{padding-left:10px;}
.sp_15{padding-left:15px;}
.sp_20{padding-left:20px;}
.sp_25{padding-left:25px;}
.sp_30{padding-left:30px;}
.sp_40{padding-left:40px;}
.sp_50{padding-left:50px;}


@media screen and (min-width: 720px) {
	#container{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto; display:table;}

	#main {min-width:720px;width:100%; margin:0 auto; overflow:hidden; position:relative;top:0px;display:table-cell;vertical-align:middle;}	
	#main .contents{min-width:720px;width:100%;margin:0; position:relative;top:0px;}
	#main .contents .n_title {font-family:'Jeju Gothic', serif;text-align:center;font-size: 50px;line-height:1.6;color: #FFFFFF; background:#009cd7;padding:90px 0;}
	#main .contents .n_title_sub_1 {text-align:center;font-size: 18px;line-height:1.6;color: #444444;padding:50px 50px 20px 50px;}
	#main .contents .n_title_sub_2 {text-align:center;font-size: 18px;line-height:1.4;color: #444444;}
}

/*@media screen and (max-width:720px) {*/
@media screen and (min-width: 500px) and (max-width: 720px) {
	body, html{min-width:100%;width:100%;}
	body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,span {margin:0; padding:0; font-size:12px; font-family: 'Nanum Gothic', serif;}
	#header, #main, #main_sub, #footer .footer{width:100%;}
	#container{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto; display:table;}

	#main{min-width:100%;margin:0 auto; overflow:hidden;display:table-cell;vertical-align:middle;}	
	#main .contents{margin-top:0px;padding:0px 0px;text-align:center;}
	#main .contents .n_title {font-family:'Jeju Gothic', serif;text-align:center;font-size: 26px;line-height:1.6;color: #FFFFFF; background:#009cd7;padding:30px 0;}
	#main .contents .n_title_sub_1 {text-align:center;font-size: 13px;line-height:1.6;color: #444444;padding:20px 20px 5px 20px;}
	#main .contents .n_title_sub_2 {text-align:center;font-size: 13px;line-height:1.4;color: #444444;padding-bottom:0px;}
}

@media screen and (max-width:500px) {	
	body, html{min-width:100%;width:100%;}
	body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,span {margin:0; padding:0; font-size:12px; font-family: 'Nanum Gothic', serif;}
	#header, #main, #main_sub, #footer .footer{width:100%;}

	#container{width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto; display:table;}

	#main{min-width:100%;margin:0 auto; overflow:hidden;display:table-cell;vertical-align:middle;}
	#main .contents{margin-top:0px;padding:0px 0px;text-align:center;}
	#main .contents .n_title {font-family:'Jeju Gothic', serif;text-align:center;font-size: 24px;line-height:1.6;color: #FFFFFF; background:#009cd7;padding:80px 0;}
	#main .contents .n_title_sub_1 {text-align:center;font-size: 13px;line-height:1.6;color: #444444;padding:20px 10px 5px 10px;}
	#main .contents .n_title_sub_2 {text-align:center;font-size: 13px;line-height:1.4;color: #444444;padding-bottom:30px;}
}

.mask {position:absolute;left:0;top:0;z-index:3;background-color:#000;display:none; }
/*
.tb-content{scrollbar-face-color: #272727; scrollbar-shadow-color: #000000;scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #000000; scrollbar-arrow-color: #666666;}
.tb-content::-webkit-scrollbar { background: #000000 }
.tb-content::-webkit-scrollbar-button:start:decrement {display: block; width: 17px; height: 25px; background: url('/images/common/common/up_arrow.gif') no-repeat}
.tb-content::-webkit-scrollbar-button:end:increment {display: block; width: 17px; height: 25px; background: url('/images/common/common/down_arrow.gif') no-repeat}
.tb-content::-webkit-scrollbar-thumb {border:1px solid #000000; background: #272727}

.mobile-pop{width: 300px;min-height:140px;position: fixed;display:none;z-index:100;}
.mobile-pop .mobile-pop-from{width: 100%;height:120px;padding: 10px;background-color: #ffffff;border:1px solid #000000;line-height: 1em;border-radius:0.5em;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;}
.mobile-pop .mobile-pop-from .mobile-pop-view{width: 100%;height:120px;background-color: #ffffff;overflow: auto;}
.mobile-pop .mobile-pop-close{width: 100%;height:15px;text-align: right;}

#contents .movie .movie-aside .aside-movie li strong{height:15px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#contents .movie .movie-aside .aside-movie li{overflow:hidden; word-break:break-all; }
*/