@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:20px;
	color:#000;
	font-family: 'Nanum Gothic', sans-serif;
}

input,textarea,select,button {font-family: 'Nanum Gothic', sans-serif;}

a{text-decoration:none; color: #000;}
a:hover, a:active, a:focus{color: #fff;}

img,fieldset,iframe,button{border:0 none;}
legend{display:none;}
label{cursor:pointer;}
form{margin:0;}

h1, h2, h3, h4, h5, ul, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;	
	list-style:none;
}

input {
	border: 3px solid #ff6600;
	font-size:13px;
	padding:5px;
	font-size:13px;
}
select{
	color:#888;
	font-size:13px;
	text-decoration:none;
	border: 3px solid #ff6600;
	font-size:13px;
	padding:4px;
	}
	
textarea{
	font-size:13px;
	text-decoration:none;
	border: 3px solid #ff6600;
	padding:5px;
	}


.fl{float:left;}
.fr{float:right;}
.small {font-size:12px;}
.ml10 {margin-left:10px;}

/* »çÀÌÆ®Àüü¸µÅ©¾ø¾Ú */
a {outline:none; select-dummy: expression(this.hideFocus=true);}

.bold {font-weight:bold;}

/* basic contents */
.contents {margin:0 auto; width:658px; padding:0 20px;}

.full_width_test{width:100%;height:100%;}

#main{height:100%;display:block;min-width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:0px;margin-top:0;}
#container{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;}
.accordion {position: absolute; width: 100%; height: 100%;}
article {height:100%;}

h4 {margin:0 auto 40px;}


/* menu */
.menu {position: absolute; width: 150px; height: 100%; right: 0px; cursor:pointer;} 
.menu_title {position:absolute; top:50%; margin-top:-215px; cursor:pointer; display:block;}
.menu_title img {cursor:pointer; display:inline-block;}
header {cursor:pointer; display:block;}
.bg_01 {background-color: white; cursor:pointer;display:block;}
.bg_02 {background-color: rgb(255, 102, 0); cursor:pointer; display:block;}
.bg_03 {background-color: rgb(72, 72, 72); cursor:pointer; display:block;}


.js-content-locator {position: absolute; right: 40px; z-index: 100;}

nav {position:absolute; top:50%; margin-top:-93px;}
nav li {background:url(/images/include/icon_navi.png) no-repeat; width:31px; height:31px; background-position:0px 0px; text-indent:-9999px; cursor:pointer;}
nav li:hover {background:url(/images/include/icon_navi.png) no-repeat; background-position:0px -31px;}

/* identity */
.identity_bg {background:url(/images/identity/img_identity.png) center bottom no-repeat;}

/* top_sns */
.top_sns {width:300px; margin:0 auto; text-align:center;}
.top_sns li{float:left; text-indent:-9999px;}
.top_sns li a {display:block; width:60px; height:80px;}

.top_sns .fb a{background:url(/images/identity/img_sns.png) 0px 0px no-repeat;}
.top_sns .fb a:hover {background:url(/images/identity/img_sns.png) 0px -80px no-repeat;}
.top_sns .tw a{background:url(/images/identity/img_sns.png) -60px 0px no-repeat;}
.top_sns .tw a:hover{background:url(/images/identity/img_sns.png) -60px -80px no-repeat;}
.top_sns .bl a{background:url(/images/identity/img_sns.png) -120px 0px no-repeat;}
.top_sns .bl a:hover{background:url(/images/identity/img_sns.png) -120px -80px no-repeat;}
.top_sns .in a{background:url(/images/identity/img_sns.png) -180px 0px no-repeat;}
.top_sns .in a:hover{background:url(/images/identity/img_sns.png) -180px -80px no-repeat;}
.top_sns .dw a{background:url(/images/identity/img_sns.png) -240px 0px no-repeat;}
.top_sns .dw a:hover{background:url(/images/identity/img_sns.png) -240px -80px no-repeat;}






/* company */
.company_01 {width:100%; margin:0 auto; padding-bottom:70px; background:url(/images/company/bg_jungle.jpg) no-repeat; background-size:cover;}
.company_02 {width:100%; margin:0 auto; padding-bottom:70px; background-color:#ff6600; overflow:hidden;}

.photo_list {overflow:hidden;}
.photo_list li {float:left; width:320px; margin-bottom:30px;}
.photo_list li a {color:#fff; font-size:18px; line-height:20px; font-weight:bold; text-decoration:none; display:block;}
.photo_list li img {width:320px; height:90px; padding:10px 0;}
.photo_list .date {font-family:arial; font-size:11px; font-weight:bold;}
.photo_list .text {font-size:13px; font-weight:bold; line-height:20px;}
.ml18 {margin-left:18px;}

.text_list ul {}
.text_list li:first-child {border-top:1px solid #ff8533; border-bottom:1px solid #ff8533; padding:5px 0;}
.text_list li {border-bottom:1px solid #ff8533; padding:5px 0;}
.text_list li a {color:#fff; text-decoration:none;}
.text_list .date {font-size:11px; font-weight:bold; text-align:right;}
.on {color:#fff;}

.black_overlay{ 
	display: none; 
	position: fixed; 
	top: 0%; 
	left: 0%; 
	width: 100%;
	height:100%;
	background-color: black; 
	z-index:100000000000001; 
	-moz-opacity: 0.8; 
	opacity:.80; 
	filter: alpha(opacity=80); 
} 
	.story_pop { 
	display: none; 
	position: fixed; 
	top: 50%; 
	left: 50%;
	margin-top:-340px;
	margin-left:-440px;
	width: 880px; 
	height: 680px; 
	z-index:100000000000002; 
	overflow:hidden;
} 

.story_pop dl {width:100%; margin-top:25px;}
.story_pop dt {font-size:18px; font-weight:bold; color:#ff6600; padding:10px 35px;}
.story_pop dd {height:570px; overflow-y:auto; font-size:13px; text-align:justify; padding:0 35px;}
.story_pop dd img {display:block; max-width:100%; }
.story_pop .date {font-size:10px; font-weight:bold; color:#000;}


.company_03 {width:100%; margin:0 auto; padding-bottom:70px; background-color:#e2e2e2;}
.company_04 {width:100%; margin:0 auto; padding-bottom:70px; background-color:#fff;}
.company_05 {width:100%; margin:0 auto; padding-bottom:70px; background-color:#767676; overflow:hidden;}
.company_05 p {font-weight:bold; color:#fff; font-size:16px; line-height:18px;}

caption {visibility:hidden; overflow:hidden; width:1px; height:0px; font-size:0; line-height:0;}
.company_05 table {width:100%; border-spacing:0; border-collapse:collapse; }
.company_05 th {vertical-align:middle; text-align:right; padding-right:18px; }
.company_05 td {color:#fff; vertical-align:center; padding:5px 0;}

.company_06 {width:100%; margin:0 auto; padding-bottom:70px; background-color:#ff6600;}
.company_06 p {margin:20px 0;}
.company_06 span {padding-bottom:10px;}





/* service */


.service_01 {width:100%; margin:0 auto; padding-bottom:100px; background:url(/images/service/bg_service.jpg) no-repeat; background-size:cover;}
.service_02 {width:100%; margin:0 auto; padding-bottom:100px; background:url(/images/service/bg_portal.jpg) no-repeat; background-size:cover;}
.service_03 {width:100%; margin:0 auto; padding-bottom:100px; background:url(/images/service/bg_marketing.jpg) no-repeat; background-size:cover;}
.service_04 {width:100%; margin:0 auto; padding-bottom:100px; background:url(/images/service/bg_agency.jpg) no-repeat; background-size:cover;}





/* footer */
.footer {width:100%; padding:20px 0; background-color:#282828; color:#999; font-size:12px;}
.footer_bar {font-weight:bold; color:#3a3a3a; padding:0 10px;}