@charset "utf-8";


/* 레이아웃------------------------------------------------------------ */

#skipnavigation {
	padding-left:900px;
}

#skipnavigation .hidden {
	position:absolute;
	overflow:hidden;
	height:0;
	width:0;
	font-size:0;
	visibility:hidden;
}

#main_wrap{
	background:url(../images/common/top_bg.gif) left top repeat-x;
	margin: 0 auto;
	width:100%;
}

#sub_wrap{
	background:url(../images/sub/sub_bg.gif) left top repeat-x;
	margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	position:relative;
	text-align:left;
	width: 1002px;
}

#header {
	position:relative;
	width:1001px;
	height:137px;
}

#sub_header {
	position: relative;
	width: 1001px;
	height:464px;
}

#sub_mGallery {
	width:100%;
	height:295px;
	background:url(../images/sub/sub_img.jpg) center top no-repeat;
}

/* header부분  ------------------------------------------------------------ */
#logo {
	position:absolute;
	width:97px;
	height:34px;
	top:47px;
	left:0;
}

#logo_gy_line {
	position:absolute;
	width:100%;
	top:122px;
    text-align:center;
	margin:0 auto;
}

#header div.etcmenu {
	position:absolute;
	width:205px;
	height:9px;
	top:13px;
	right:0;
}

#header div.etcmenu img {
	vertical-align:top;
	float:left;
}

#sub_header div.etcmenu {
	position:absolute;
	width:380px;
	height:9px;
	top:13px;
	right:0;
}

#sub_header div.etcmenu img {
	vertical-align:top;
	float:left;
}


/* 메뉴 원본
#menu {
	position:absolute;
	width:700px;
	right:0;
	top:70px;
}


#menu ul li {
	float:left;
	padding:0 0 0 68px;
}

#menu ul li ul {
	position:absolute;
	top:63px;
	height:20px;
	width: 720px;
}
#menu ul li ul li {
	padding:0;
	padding:0 15px;
	font-weight:bold;
	background:none;
}
#menu ul li ul li a {
	font-size:90%;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#menu ul li ul li a:hover {
	color:#ff6C00;
	font-weight:bold;
	text-decoration:none;
}
#menu ul li.menu01 { background:none;}
#menu ul li.menu02 {}
#menu ul li.menu03 {}
#menu ul li.menu04 {}
#menu ul li.menu05 {}
#menu ul li.menu06 {}
#menu ul li.menu07 {}
#menu ul li.menu01 ul {
	left:60px;
}
#menu ul li.menu02 ul {
	left:-70px;
	display:none;
}
#menu ul li.menu03 ul {
	left:-70px;
	display:none;
}
#menu ul li.menu04 ul {
	left:210px;
	display:none;
}
#menu ul li.menu05 ul {
	left:370px;
	display:none;
}
#menu ul li.menu06 ul {
	left:445px;
	display:none;
}
#menu ul li.menu07 ul {
	left:270px;
	display:none;
}
- */

#topmenu {position:absolute; right:0; top:70px; width:700px; height:100px;}
#topmenu ul{margin:0; padding:0;}

#menu {position:absolute; width:800x; right:0; }

  #gnb li {
    float:left;
    list-style-type: none;
	margin-left:60px;
  }
 /* .submenu {
    padding-top:30px;
  }
*/
#container {position:relative; height:40px; padding-top:40px;}
#gnb li {float:left; overflow: hidden;}
#gnb li a {display: block; margin:0;}
#submenu {display:block; float:left; height: 25px;}
#main_submenu {display: block; float:left; height:25px;}

#submenu1{margin-left:170px; padding-top:20px;}
#submenu1 a{padding-right:20px; font-size:90%; display:block; color:#f3e9d4; font-weight:bold; text-decoration:none; float:left;}
#submenu1 a:hover{color:#fff;}
#submenu2{margin-left:200px; padding-top:20px;}
#submenu2 a{padding-right:20px; font-size:90%; display:block; color:#f3e9d4; font-weight:bold; text-decoration:none; float:left;}
#submenu2 a:hover{color:#fff;}
#submenu3{margin-left:430px; padding-top:20px;}
#submenu3 a{padding-right:20px; font-size:90%; display:block; color:#f3e9d4; font-weight:bold; text-decoration:none; float:left;}
#submenu3 a:hover{color:#fff;}
#submenu4{margin-left:530px; padding-top:20px;}
#submenu4 a{padding-right:20px; font-size:90%; display:block; color:#f3e9d4; font-weight:bold; text-decoration:none; float:left;}
#submenu4 a:hover{color:#fff;}



/* 메인이미지부분  ------------------------------------------------------------ */


#sub_img{
	position:absolute;
	width:1001px;
	left:0;
	top:164px;
	overflow: hidden;
}



.div1, .div2 {width:700px;margin:0 auto; border:1 px #000 solid}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}

.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;overflow:auto; 
}


/* 메인컨텐츠 부분  ------------------------------------------------------------ */

#main_content{
	position:relative;
	width:1002px;
}

#content_left{
	position:relative;
	float:left;
	width:260px;
	height:334px;
}

#content_right{
	position:relative;
	float:left;
	width:711px;
	height:334px;
	margin-left:30px;
}

#content_banner{
	position:relative;
	clear:both;
	width:1002px;
	height:97px;
}


/* 서브 페이지 부분  ------------------------------------------------------------ */
#sub_content{
	position:relative;
	width:1002px;
	clear:both;
	margin:0 auto;
}

#sub_content_left{
	position:relative;
	width:170px;
	float:left;
}

#sub_content_right{
	position:relative;
	width:775px;
	float:left;
	margin-left:56px;
}

#content_body{
	position:relative;
	width:100%;
	height:auto;
	clear:both;
	vertical-align:top;
	padding-top:25px;
	background:url(../images/sub/con_bg.gif) center top no-repeat;
	padding-bottom:50px;
}

/* foot 부분  ------------------------------------------------------------ */
#foot_wrap{margin-top:50px;width:100%;position:relative;background:url(/ccfilm/headlogo.jpg) top center repeat-x;clear:both;height:140px;}

#foot_menu{
	width:488px;
	height:9px;
	position:absolute;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	top:10px;
	right:0;
    text-align:right;
}
#foot_menu a {color:#fff;font-weight:bold;}

#foot{position:relative;width:1002px;height:104px;margin:0 auto;}
#foot p.logo{position:absolute;width:97px;height:35px;left:0;top:20px;}
#foot_menu a {color:#fff;font-weight:bold;}
#foot p.copy{position:absolute;width:700px;height:9px;right:0;;top:40px;text-align:right;color:#fff;}
#foot address{position:absolute;width:700px;height:9px;right:0;top:60px;text-align:right;color:#fff;vertical-align:top;}
#foot p.tel{position:absolute;width:159px;height:9px;left:210px;top:65px;}

#foot_gy{position:relative;width:1002px;height:104px;margin:0 auto;}
#foot_gy p.logo{position:absolute;width:97px;height:35px;left:0;top:20px;}
#foot_gy p.copy{position:absolute;height:9px;left:180px;top:30px;text-align:left;color:#fff;}
#foot_gy address{position:absolute;height:9px;left:620px;top:30px;text-align:left;color:#fff;vertical-align:top;}


    body{background:#000000;}

	#cheader {background:url(/ccfilm/headlogo.jpg) repeat-x top center;height:123px;text-align:center;}
	#cheader .logo {padding:40px;}

    /* gy */
    #cheader_gy {background:url(/images/gy/gy_bg.png) repeat-x top center;text-align:center;height:167px;position:relative;}
    #back_gy {background:url(/images/gy/gy_back_line.png) repeat-x top center;height:123px;}
	#logo_gy {position:absolute;width:100%;top:42px;text-align:center;margin:0 auto;}

	#menuArea_gy {height:44px;width:1002px;margin:0 auto;}
    #menuArea_gy .main_wrap{width:1002px;}
	#menuArea_gy ul{}
    #menuArea_gy ul:after {clear:both;}
    #menuArea_gy li {float:left;padding:0}
    #menuArea_gy li.gap {padding:0 175px}
    #menuArea_gy li.gap1 {padding:0 175px 0 0 }




	#mainArea {width:1000px;height:560px;margin:0 auto;position:relative;}
	#menuArea {position:absolute;left:0;top:0;bottom:0;width:212px;height:560px;background:#30383a;}
	#menuArea ul{margin-top:2px;}


	#cmain_wrap {background:url(/ccfilm/vis_back.jpg) repeat-x top center;}
	#visArea {position:absolute;width:788px;left:212px;top:0;bottom:0;right:0;bottom:0;background:#fff;}
	#visArea img{width:100%;height:100%;}
	#cmain_content {margin-top:10px;}
	#cbanner {width:1000px;height:230px;margin-top:10px;}
	#cbanner ul:after {clear:both;}
	#cbanner li {float:left;padding:0;margin:0;width:242px;margin-right:10px;}
	#cbanner li.last{margin-right:0;}




    /* gy */
	#cmain_wrap_gy {background:url(/images/gy/main_vis) repeat-x top center;height:553px;}
    #mainArea_gy {width:1002px;margin:0 auto;position:relative;}
    .banner01 {position:absolute;top:40px}
    .banner02 {position:absolute;top:300px}
    .banner03 {position:absolute;top:32px;left:327px;}


    
    #cbanner_gy {position:relative;height:840px;}
    #cbanner_gy .abs {position:absolute;}
    .bn04 {top:30px;left:0;width:493px;}
    .bn05 {top:30px;right:0;width:493px;}

    .bn06 {top:140px;left:0;width:326px;}
    .bn07 {top:140px;left:339px;width:326px;}
    .bn08 {top:140px;right:0;width:326px;}
    .bn09 {top:350px;left:0;width:450px;}
    .bn10 {top:350px;right:0;width:518px;}
    #title02_txt {padding:30px 0;text-align:center;}

    #cbannerimg_gy ul.cbannermenu_gy{height:250px;}
    #cbannerimg_gy ul.cbannermenu_gy:after {clear:both;}
	#cbannerimg_gy ul.cbannermenu_gy li{float:left;}
    #cbannerimg_gy ul.cbannermenu_gy li.gap {padding:0 10px}
    #cbannerimg_gy ul.cbannermenu_gy li.gap1 {padding-left:0}
    #cbannerimg_gy #cbannerArea_gy {margin-top:25px;}
    #cbannerimg_gy #cbannerScroll_gy {}

	#cbannerArea_gy ul.cbanners li {float:left;}

    #cbannerArea_gy ul.cbanners li {float:left;margin-bottom:10px;margin-left:25px}
    #cbannerArea_gy ul.cbanners li.xxonx {clear:both;margin-left:0px}
/*
	#cbannerArea_gy ul.cbanners .x0{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x4{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x8{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x12{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x16{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x20{margin:0 17px;}

	#cbannerArea_gy ul.cbanners .x3{margin:0 17px;}

	#cbannerArea_gy ul.cbanners .x10{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x13{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x16{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x19{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x22{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x25{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x28{margin:0 17px;}
	#cbannerArea_gy ul.cbanners .x31{margin:0 17px;}
    */
	#cbannerArea_gy ul.cbanners .ctitle {padding:9px 0 10px 0;;color:#fff;}
	#cbannerArea_gy ul.cbanners .ctitle span{font-weight:bold;color:#ffae00}
    /* gy end */




	#visArea {position:absolute;width:788px;left:212px;top:0;bottom:0;right:0;bottom:0;background:#fff;}
	#visArea img{width:100%;height:100%;}
	#cmain_content {margin-top:10px;}
	#cbanner {width:1000px;height:230px;margin-top:10px;}
	#cbanner ul:after {clear:both;}
	#cbanner li {float:left;padding:0;margin:0;width:242px;margin-right:10px;}
	#cbanner li.last{margin-right:0;}

	#cbannerimg {height:1000px;width:1000px;margin:0 auto;margin-top:25px;position:relative;}
	#cbannerimg ul.cbannermenu{position:absolute;width:243px;left:0;height:1000px;bottom:0;top:0;}
	#cbannerimg ul.cbannermenu li{margin-bottom:10px;}
    #cbannerimg #cbannerArea {position:absolute;width:730px;height:1000px;right:0;top:0;bottom:0;overflow:hidden;}
    #cbannerimg #cbannerScroll {overflow-y:scroll;width:760px;height:1000px;background:#000;}
	#cbannerimg ul.cbanners{width:730px;}
	#cbannerimg ul.cbanners li {float:left;margin-bottom:10px;}

	#cbannerimg ul.cbanners .x1{margin:0 17px;}
	#cbannerimg ul.cbanners .x4{margin:0 17px;}
	#cbannerimg ul.cbanners .x7{margin:0 17px;}
	#cbannerimg ul.cbanners .x10{margin:0 17px;}
	#cbannerimg ul.cbanners .x13{margin:0 17px;}
	#cbannerimg ul.cbanners .x16{margin:0 17px;}
	#cbannerimg ul.cbanners .x19{margin:0 17px;}
	#cbannerimg ul.cbanners .x22{margin:0 17px;}
	#cbannerimg ul.cbanners .x25{margin:0 17px;}
	#cbannerimg ul.cbanners .x28{margin:0 17px;}
	#cbannerimg ul.cbanners .x31{margin:0 17px;}
	#cbannerimg ul.cbanners .ctitle {padding:9px 0 10px 0;;color:#fff;}
	#cbannerimg ul.cbanners .ctitle span{font-weight:bold;color:#ffae00}