@charset "utf-8";
#main_wrap {
    background: url("../img/common/cn/bg_main_top.gif") repeat-x scroll 0 0;
    height: 100%;
    min-width: 980px;
    position: relative;
    width: 100%;
}

#header {
    height: 130px;
    overflow: visible;
    padding-left: 0;
    position: relative;
    width: 100%;
    z-index: 10;
}

#gnb_wrap {
    margin: 0 auto;
    position: relative;
    width: 980px;
	height:70px;
}

#logo {
    display: block;
    left: 0;
    position: absolute;
    top: 20px;
}
.gnb_right {
    float: right;
    padding: 25px 0 0 0;
}
.gnb_right ul {
    float: left;
    padding: 0 5px 0 0;
    position: relative;
}
.gnb_right ul li {
    background: url("../img/common/split_gnb.gif") no-repeat scroll 100% 10px;
    display: inline;
    float: left;
    line-height: 200%;
    padding: 0 10px;
}

.gnb_right ul li.end {
    background: none;
    display: inline;
    float: left;
    line-height: 200%;
    padding: 0 10px;
}

.gnb_right ul li a {color:#666; font-size:12px; }

#animate {    
    height: 70px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: 1000;
	border-bottom:2px solid #ccc;
}


#header_lnb {position:relative; width:980px; margin:0 auto;}
#header_lnb li {position:relative; float:left; display:inline; margin:0; padding:0; width:244px;}
.box_lnb {margin: 0 auto;width: 980px;}

.depth02 {
    background: none repeat scroll 0 0 #fff;
    border-top: 0 none;
	position:absolute;
	top:50px;
	left:0;	
	border-left:1px solid #ccc;
}

.depth02 ul {padding-top:20px; }
.depth02 ul li {width:100%; float:left; padding: 0 !important;}
.depth02 ul li a {
    background: url("../img/main/ico_dot.gif") no-repeat scroll 15px 13px;
    font-size: 14px;
    letter-spacing: -0.01em;       
	padding: 5px 0 5px 30px;
	display:block;
}

.depth02 ul li a:hover {color:#333; font-weight:normal; text-decoration:underline; }

#lnb_04_sub {width:247px;}

/*����������*/
#main_container_wrap {
    margin: 0 auto;
    position: relative;
    min-width: 980px;
	width: 100%;
    height:854px; 	
}
#wrap_mcon {position: relative; width: 100%; max-width: 980px; height:530px; overflow: hidden; margin: 24px auto 0 auto; box-sizing: border-box; }
#m_left {position: relative; width:35.20%;float:left; display: inline-block; border-left: 1px solid #ccc; box-sizing: border-box; border-top: 1px solid #ccc; }
#m_center {position: relative; width:36.53%;float:left; display: inline-block; border-left: 1px solid #ccc; box-sizing: border-box; border-top: 1px solid #ccc; }
#m_right {position: relative; width:28.27%; float:left; display: inline-block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #ededed; box-sizing: border-box; border-top: 1px solid #ccc; }

/*���κ��־�*/
.main_visual {position:relative; max-width:980px; width: 100%; height:300px; margin: 0 auto; z-index:0; text-align: center;}
#visual_control {position:absolute; right:0; top:0; z-index:5; background-color:#013b94; width:39px; height:105px; border:1px solid #042b67;}
#visual_control ul {position:relative; width:37px; height:105px;}
#visual_control ul li {width:37px; height:19px; }
#visual_control ul li a.visual_prev{width:37px; height:19px;  background: url("../img/main/btn_visual_prev.gif") no-repeat scroll 15px center; text-indent:-10000px; display:block; float:left; width:37px; height:34px; overflow:hidden;}
#visual_control ul li a.visual_pause{width:37px; height:19px;  background: url("../img/main/btn_visual_pause.gif") no-repeat scroll 15px center; text-indent:-10000px; display:block; float:left; width:37px; height:34px; border-bottom:1px solid #446eaf;overflow:hidden;}
#visual_control ul li a.visual_play{width:37px; height:19px;  background: url("../img/main/btn_visual_play.gif") no-repeat scroll 15px center; text-indent:-10000px; display:block; float:left; width:37px; height:34px; border-bottom:1px solid #446eaf;overflow:hidden;}
#visual_control ul li a.visual_next{width:37px; height:19px;  background: url("../img/main/btn_visual_next.gif") no-repeat scroll 15px center; text-indent:-10000px; display:block; float:left; width:37px; height:34px; border-bottom:1px solid #446eaf;overflow:hidden;}

.main_visual #mainVisualzone1 { width: 100%; height: 300px; background-size: cover !important; }
/*�����*/
.m_tit {color:#cc0000; font-weight:bold; font-size:20px; padding-top:17px;}

/*������λ縻*/
.mayer_greeting {position: relative; width:100%; min-height:260px; float:left;  background: url("../img/main/bg_mayor_new.png") no-repeat scroll right bottom; padding: 0 20px; box-sizing: border-box;}
.mayer_greeting p{font-size:14px; line-height:170%; padding-top:15px;}
.mayer_greeting .btn_more {margin-top:10px; float:left;}

/*�ٷΰ��� Link 01*/
.go_link01 {position: relative; width:100%; min-height:120px; float:left; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; box-sizing: border-box;}
.go_link01 ul {position: relative; }
.go_link01 ul li{display:inline; float:left; width:25%; height:120px; text-align:center; border-right:1px solid #ccc; box-sizing: border-box;}

.go_link01 ul li a{ display: inline-block; font-size:13px; padding-top:75px; padding-bottom:13px; width:100%;}
.go_link01 ul li.one a{background: url("../img/main/quick_icon01.gif") no-repeat scroll center top;}
.go_link01 ul li.two a{background: url("../img/main/quick_icon02.gif") no-repeat scroll center top;}
.go_link01 ul li.three a{background: url("../img/main/quick_icon03.gif") no-repeat scroll center top; padding-top:80px; padding-bottom:23px;}
.go_link01 ul li.four { border-right:0 !important;}
.go_link01 ul li.four a{background: url("../img/main/quick_icon04.gif") no-repeat scroll center top; padding-top:80px; padding-bottom:23px;}

/*�ٷΰ��� Link 02*/
.go_link02 {position: relative; width:100%; min-height:120px; float:left; padding: 20px 0 20px 10px; padding-left: 10px; box-sizing: border-box; }
.go_link02 .bz_img {position: relative; width:40%; height:92px; box-sizing: border-box; overflow: hidden; float:left; border:1px solid #ccc; margin-top:10px; background: url('../img/main/sample_bisiness.jpg') no-repeat center;background-size: cover;}
.go_link02 ul {position: relative; float:left; width:60%; box-sizing: border-box; padding-left:10px;}
.go_link02 ul li {padding:5px 0 5px 0; float:left; width:185px;}
.go_link02 ul li a{background: url("../img/main/ico_dot.gif") no-repeat scroll 5px 7px; padding: 0 0 0 15px; font-size:14px; letter-spacing:-0.01em;}

/*����*/
.festival {position: relative; width:100%; min-height:260px;  border-bottom:1px solid #ccc;}
.festival h2 {padding-left:20px; padding-bottom:16px;}
.festival .img_festival{ width: 100%; margin: 0; overflow: hidden; }
.festival .img_festival a{ width: 100%; height: 200px; display: inline-block; background: url('../img/main/sample_maskdance.jpg') no-repeat center; background-size: cover; }
.festival .btn_more {position:absolute; top:20px; right:20px;}

/*��Ƽ�̵��*/
.multimedia {position: relative; width:100%; min-height:260px;}
.multimedia h2 {padding-left:20px; padding-bottom:16px;}
.multimedia .img_multimedia{ width: 100%; margin: 0; overflow: hidden; }
.multimedia .img_multimedia a{ width: 100%; height: 213px; display: inline-block; background: url('../img/main/cn/sample_korean_spirit.jpg') no-repeat center; background-size: cover; }
.multimedia .btn_more {position:absolute; top:20px; right:20px;}

/*�ѱ������� ��Ȱ*/
.life_korea {position: relative; width:100%; }
.life_korea h2 {padding-left:22px; padding-bottom:20px;}
.life_korea ul {position: relative; margin-left:27px;width:225px; padding-bottom:10px; }
.life_korea ul li {padding:15px 0 15px 0; border-bottom:1px solid #ccc; background: url("../img/main/cn/ico_big_arrow.gif") no-repeat scroll 99% 13px; width:100%;}
.life_korea ul li a {font-size:14px;}
.life_korea .btn_more {position:absolute; top:20px; right: 20px;}

/*��ȭ��*/
.culture {position: relative; width:100%; }
.culture h2 {padding-left:22px; padding-bottom:7px; }
.culture ul {position: relative; margin-left:15px; width:255px; margin-top:20px; }
.culture ul li {width:50%; text-align:center; float:left; height:96px;} 
.culture ul li a{ font-size:14px; width: 100%; display: inline-block;padding:55px 0 15px;}
.culture ul li.one a{background: url("../img/main/ico_fn01.gif") no-repeat scroll center top;}
.culture ul li.two a{background: url("../img/main/ico_fn02.gif") no-repeat scroll center top;}
.culture ul li.three a{background: url("../img/main/ico_fn03.gif") no-repeat scroll center top;}
.culture ul li.four a{background: url("../img/main/ico_fn04.gif") no-repeat scroll center top;padding-top:65px;}

/*footer*/
#footer {border-top: 1px solid #ccc;clear: both;  height: 136px;  position: relative;  width: 100%;  z-index: 0;}
.footer_wrap {position:relative; width: 100%; max-width:980px; margin:0 auto;}
address {
    clear: both;
    color: #545454;   
    font-size: 14px;
    font-style: normal;
    padding: 25px 20% 6px;
    text-align: center;
	box-sizing: border-box;
}
.footer_wrap p{text-align:center;}


/*���극�̾ƿ� �������*/
#left {
    float: left;
    overflow: visible;
    padding: 0;
    width: 245px;
	border-top:1px solid #ccc;
}

#container_wrap {
    margin: 0 auto;
    position: relative;
    width: 980px;
}

#container {
    background: url("../img/common/bg_left.gif") repeat-y scroll 0 0 transparent;
    height: auto;
    width: 980px;
	display:inline-block;
}

#leftmenu {
    background: url("../img/sub/sub_side_Bbg.gif") repeat-y scroll 0 0 transparent;
    padding: 0 0 50px;
	
}
#leftmenu ul {
    padding: 0;
    width: 100%;
}
#leftmenu ul li {
    background: url("../img/sub/side_mbullet_off.gif") no-repeat scroll 15px 15px transparent;
    border-bottom: 1px solid #ccc;
    letter-spacing: 0;
}
#leftmenu ul li a {
    color: #555;
    display: block;    
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 150%;
    padding: 10px 0 10px 27px;
    width: 180px;
}
#leftmenu ul li a:hover {
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
}
#leftmenu ul li.on {
	background-color:#003366;
}
#leftmenu ul li a.on {
    color: #fff;
	background-color:#003366;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
	margin-right:0;
	width:auto;
}


#contents {
    float: right;
    padding: 0 0 50px;
    width: 710px;
}

.path_wrap {
    border-bottom: 1px solid #ccc;
    height: 45px;
    padding: 0;
    position: relative;
    width: 710px;
}


.path {
    background: url("../img/common/ico_home.gif") no-repeat scroll 0 15px transparent;
    float: left;
    height: 20px;
    margin-top: 3px;
    padding: 13px 0 0 15px;
    width: 735px;
}
.path li {
    background: url("../img/common/path_dot.gif") no-repeat scroll right 3px transparent;
    color: #666;
    display: inline;
    font-size: 1em;
    margin-right: 5px;
    padding: 0 10px 0 0;
}
.sub_acc {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 115px;
}
.sub_acc li {
    display: inline;
    float: left;
    height: 23px;
}
.sub_acc li .open_info {
    float: left;
    padding: 3px 7px 0 0;
}
.sub_acc li .btn_zoomin {
    float: left;
    padding: 3px 0 0;
}
.sub_acc li .btn_zoomout {
    float: left;
    padding: 3px 0 0;
}
.sub_acc li .btn_print {
    float: left;
    padding: 3px 7px 0 0;
}
.sub_acc li .btn_scrap_facebook {
    float: left;
    padding: 0 4px 0 0;
}
.path li.a_none {
    background: none repeat scroll 0 0 transparent;
    padding-right: 0;
}
#page_tle {    
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    padding: 30px 0 10px;
    position: relative;
    width: 100%;
}
.sub_slogan {
    color: #666;
    float: left;    
    font-size: 13px;
    height: 20px;
    padding: 0;
    position: relative;
    width: 630px;
}

.ctn {
    background: none repeat scroll 0 0 #ffffff;
    color: #666;
    height: auto !important;
    line-height: 170%;
    margin: 20px 0 50px;
    min-height: 500px;
    width: 710px;
	
}

#sub_body h4 {
    background: url("../img/common/cn/bullet_h4.gif") no-repeat scroll left 5px;
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 0 0 0 20px;
}

#sub_body h5 {
    background: url("../img/common/cn/dep01.gif") no-repeat scroll 0 0 transparent;
    clear: both;
    line-height: 130%;
    padding: 0 0 0.5em 2em;
	font-size:15px;
}

div.map {
    border: 4px solid #2986b7;
    float: left;
    height: 300px;
    margin: 0 0 20px;
    width: 702px;
}

.clB {
    clear: both;
}

ul.m02_ul {
    margin: 0.5em 0 0.75em 0.75em;
    padding: 0;
}
ul.m02_ul li {
    background: url("../img/common/dep02.gif") no-repeat scroll left 0.5em;
    margin: 0 0 0.25em 1em;
    padding-left: 1em;
}

ul.m03_ul {
    margin: 0.25em 0 0 0.25em;
    padding: 0;
}
ul.m03_ul li {
    background: url("../img/common/dep03.gif") no-repeat scroll left 0.5em;
    margin: 0 0 0.25em;
    padding-left: 1em;
}
ul.m04_ul {
    margin: 0.25em 0 0 0.25em;
    padding: 0;
}
ul.m04_ul li {
    background: url("../img/common/dep04.gif") no-repeat scroll left 0.5em;
    margin: 0 0 0.25em;
    padding-left: 1em;
}
ul.m05_ul {
    margin: 0.25em 0 0 0.25em;
    padding: 0;
}
ul.m05_ul li {
    background: url("../img/common/dep05.gif") no-repeat scroll left 0.5em;
    margin: 0 0 0.25em;
    padding-left: 1em;
}

/* 테이블 */
table.table_v01 { 
	border-collapse: collapse; 
	width: 100%; 
	margin:0; 
	border: solid #2d5cb2; 
	border-width: 2px 0 0 0; 
	
}
table.table_v01 caption {
	text-indent: -2000px; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow:hidden; 
}
table.table_v01 caption.view{
	text-indent: 0; 
	font-size: 1em;
	overflow:visible; 
	line-height:140%; 
	padding:20px 0 25px 0;
	font-weight:bold;
}

table.table_v01 .display {
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
}


table.table_v01 th { 
    border: 1px solid #c2d4e2; 
	padding: 7px 6px 7px 6px; 
	line-height:150%; 
	background:#f9fcff; 
	font-weight: bold; 
	color:#333; 
	text-align: center; 
	vertical-align: middle;
	letter-spacing:0;
	font-size:1em;
}
table.table_v01 td { 
border: 1px solid #ddd; 
	padding: 7px 6px 7px 6px; 
	line-height:150%; 
	background: #fff; 
	color:#333;
}
table.table_v01 tfoot td { 
	background: #f5f5f5; 
	font-weight: normal; 
	vertical-align: middle; 
}
table.table_v01 td.item { 
	background: #f8f8f8;
	font-weight: bold;
	letter-spacing:0;
	font-size:1em;
	color:#555;
}
table.table_v01 th.item { 
	background: #f8f8f8;
	font-weight: bold;
	letter-spacing:0;
	font-size:1em;
	color:#555;
}

table.table_v01 td.bg { 
	background: #f8f8f8;
}
table.table_v01 td input.box { 
	border:1px solid #cdcdcd;
	background:#f9f9f9;
	height:16Px;
	margin-bottom:2px;
	vertical-align:middle;
}

/*guide box*/
p.gray_box {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px;
}

.cleB {
    clear: both;
}

.blue02 {font-size:15px !important; color:#006699; font-weight:bold; letter-spacing:0; background-image:none !important; padding-left:0 !important;}

@media all and (max-width:1024px){
	#container_wrap { width: 100%; }
	#container { background: none; width: 100%; }
	#left {display: none;}
	#contents { float: none; width: 100%; }
	#sub_visual { width: 100% !important; background-position: right center !important; padding: 0 15px !important; box-sizing: border-box; }
	.sub_slogan { width: 100%; }
	.path_wrap { display: none; }
	.ctn { width: 100%; padding: 0 15px; box-sizing: border-box; }
}
@media all and (max-width:980px){
	#main_container_wrap { min-width: auto; height: auto; }
	#wrap_mcon { height: auto; border-top: 1px solid #ccc; }
	#m_left { width: 50%; border: 0; }
	#m_center { width: 50%; border-top: 0; }
	#m_right { float: none; width: 100%; clear: both; border: 0; }
	.life_korea { width: 50%; float: left; }
	.life_korea ul { width: 100%; margin: 0; padding: 0 27px 10px 27px; box-sizing: border-box; }
	.life_korea ul li:last-child { border-bottom: 0; }
	.culture { width: 50%; float: left; border-left: 1px dashed #ccc; box-sizing: border-box; min-height: 270px; }
	.culture ul { width: 100%; margin-left: 0; padding: 40px 15px; box-sizing: border-box; display: inline-block; }
	.culture ul li{ width: 25%; }
}
@media all and (max-width:700px){	
	#sub_visual {  background-position: 40% center !important; }
	
	.main_visual { height: 280px; }
	#visual_control {width:111px; height:37px; box-sizing: boder-box; bottom: 20px; top: auto; right: 50%; transform: translateX(50%);}
	#visual_control ul {width:111px; height:37px; display: inline-block;}
	#visual_control ul li {width:37px; height:37px; position: absolute; }
	#visual_control ul li a{ height:37px !important; border-bottom: 0 !important; border-left: 1px solid #446eaf; box-sizing: border-box; }
	#visual_control ul li:last-child a{ border: 0 !important; }
	#visual_control ul li:nth-child(1) { right: 0; }
	#visual_control ul li:nth-child(2) { right: 37px; }
	#visual_control ul li:nth-child(3) { left: 0; }
	
	.main_visual #mainVisualzone1 { background-image: url('../img/main/cn/mvisual_main01.jpg') !important; height: 280px; background-position: center bottom !important; }
	#wrap_mcon {border-top: 0; margin-top: 0; }
	#m_left { float: none; width: 90%; margin: 0 5%; clear: both; border: 0; }
	#m_center { float: none; width: 90%; margin: 0 5%; clear: both; border: 0; }
	.mayer_greeting { padding: 0; }
	.go_link01 { border: 1px solid #ccc; }
	.go_link01 ul li { width: 50%; min-height: 60px; height: auto }
	.go_link01 ul li:nth-child(1), .go_link01 ul li:nth-child(2) { border-bottom: 1px solid #ccc;}
	.go_link01 ul li:nth-child(2), .go_link01 ul li:nth-child(4) { border-right: 0;}
	.go_link01 ul li a { background-position: left 50% !important; background-size: 30% !important; padding: 30px 0 30px 30% !important; box-sizing: border-box; min-height: 60px; height: auto; text-align: left; }
	.go_link02 { background: url('../img/main/cn/go_link02_bg.jpg') no-repeat right bottom;  }
	.go_link02 .bz_img { display: none; }
	.go_link02 ul { float: none; width: 100%; padding: 0; }
	.go_link02 ul:before { content: ''; width: 101px; height: 60px; background: url('../img/main/cn/go_link02_title.png') no-repeat 0 0; display: block; position: absolute; right: 10px; top: 10px;  }
	.go_link02 ul li { float: none; width: 100%; }
	.go_link02 ul li a{background: url("../img/main/cn/ico_dot.gif") no-repeat 5px; padding: 0 0 0 15px;}
	.festival { border: 0; }
	.festival h2 { padding: 17px 0 16px; }
	.festival .btn_more { right: 0 }
	.multimedia h2 { padding: 17px 0 16px; }
	.multimedia .btn_more { right: 0; }
	.festival { min-height: auto; }
	.festival .img_festival a { height: 180px; }
	.multimedia { min-height: auto; padding-bottom: 40px; }
	.multimedia .img_multimedia a { height: 180px; }
	.life_korea { float: none; width: 90%; margin: 0 5%; }
	.life_korea h2 { padding: 20px 0; }
	.life_korea ul { padding: 0 0px 10px; }
	.life_korea ul li:last-child { border-bottom: 1px solid #ccc; }
	.life_korea .btn_more { right: 0; }
	.culture { float: none; width: 90%; margin: 0 5%; border: 0; min-height: auto;}
	.culture h2 { padding: 20px 0;}
	.culture ul { padding: 0 0 20px; margin-top: 0;}
	.culture ul li { width: 50%; box-sizing: border-box; text-align: left; height: auto; background: url('../img/main/culture_arrow.png') no-repeat 95% ; }
	.culture ul li.one, .culture ul li.two { border-bottom: 1px solid #ccc; }
	.culture ul li.one, .culture ul li.three { border-right: 1px solid #ccc; }
	.culture ul li a { padding: 15px 0 15px 70px !important; background-position: 10px 50% !important; background-size: 15% !important; font-weight: bold; }
	.culture ul li.four a { padding: 24px 0 24px 70px !important; }
}