*{box-sizing:border-box}
body,html{margin:0;padding:0;width:100%;height:100%;line-height:1;}

.content{width:1200px;margin:auto;}

.main_banner{max-width:1920px; max-height:600px; margin:0 auto; overflow:hidden;}
.main_banner img{width:100%;}
.main_banner .web_wrap{display:block;}
.main_banner .web_wrap .slick-slide a{display:block; overflow:hidden;}
.main_banner .mobile1_wrap{display:none;}
.main_banner .mobile2_wrap{display:none;}

.main_cont_1{width:1200px; margin:0 auto; margin-top:60px; margin-bottom:38px;}
.main_cont_1 .tit{margin-bottom:40px; min-height:22px; background: url('/ko/images/intro/main_tit_1.png') no-repeat center center; text-indent:-9999px;}
.main_cont_1 .section .web_wrap div.cont_1{float:left;}
.main_cont_1 .section .web_wrap div.cont_1 ul li{width:230px; height:180px; overflow:hidden; margin-left:0px; outline:1px solid #d0d0d0; webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box;}
.main_cont_1 .section .web_wrap div.cont_2{display:none;}
.main_cont_1 .section .web_wrap div.cont_2 ul li:first-child{margin-left:0 !important;}
.main_cont_1 .section .web_wrap div ul{display:inline-block; margin-bottom:18px;}
.main_cont_1 .section .web_wrap div ul li{float:left; margin-left:12px; width:230px; height:80px; overflow:hidden; outline:1px solid #d0d0d0; webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box;}
.main_cont_1 .section .web_wrap div ul li:hover{outline:3px solid #212c59;}
.main_cont_1 .section .web_wrap div ul li img{width:100%;}
.main_cont_1 .section .more_btn{margin:0 auto; width:50px; height:27px; cursor:pointer;}
.main_cont_1 .web_wrap{display:block; margin-left:1px;}
.main_cont_1 .mobile_wrap{display:none;}

.main_cont_2_wrap{width:100%; background:#f2f0e6;}
.main_cont_2{width:1200px; margin:0 auto; padding:50px 0 60px 0;}
.main_cont_2 .tit{margin-bottom:30px; height:44px; background: url('/ko/images/intro/main_tit_2.png') no-repeat center center; text-indent:-9999px;}
.main_cont_2 .slider{padding: 0 70px;}
.main_cont_2 .section .event_list .photo{background:#fff; max-width:222px; max-height:222px; border-radius:222px; overflow:hidden; margin:0 auto;}
.main_cont_2 .section .event_list .photo_on{width:222px; height:222px; overflow:hidden; margin:0 auto; border-radius:222px; position:absolute; background-color:#000; background : rgba(0, 0, 0, 0.4);}
.main_cont_2 .section .event_list .photo_on p{color:#fff; font-size:30px; margin-top:70px;}
.main_cont_2 .section .event_list .photo img{width:100%;}
.main_cont_2 .section .event_list a{display:block; overflow:hidden;}
.main_cont_2 .section .event_list .name{font-size:17px;}
.main_cont_2 .section .event_list p{font-size:13px; line-height:22px; text-align:center; padding-top:30px;}
.main_cont_2 .m_section{display:none;}

.main_cont_3{width:1200px; margin:0 auto; margin-top:80px; margin-bottom:80px;}
.main_cont_3 .tit { background: url('/ko/images/intro/main_tit_3.jpg') no-repeat top left; position:absolute; width:308px; height:376px; z-index:5; text-indent:-9999px;}
.main_cont_3 .section{padding-left:252px;}
/*.main_cont_3 .section .event_list .photo:first-child{margin-left:0;}*/
.main_cont_3 .section .event_list .photo{ background:#fff; max-width:260px; max-height:260px; float:right;}
.main_cont_3 .section .event_list .photo a{display:block; overflow:hidden;}
.main_cont_3 .section .event_list .photo img{width:100%; float:right; width:260px;}
.main_cont_3 .section .event_list .txt1{font-size:18px; margin-top:30px; color:#333;}
.main_cont_3 .section .event_list .txt2{margin:25px 0 15px 0;}
.main_cont_3 .section .event_list .txt3{font-size:14px; color:#5b5b5b;}
.main_cont_3 .section .event_list p{font-size:13px; line-height:22px; width:260px; float:right;}

.main_cont_4{width:1200px; margin:0 auto; margin-bottom:60px;}
.main_cont_4 .tit{margin-bottom:40px; height:22px; background: url('/ko/images/intro/main_tit_4.png') no-repeat center left; text-indent:-9999px;}
.main_cont_4 .section .event_list .photo{background:#fff; max-width:365px; max-height:220px; overflow:hidden; margin:0 auto;}
.main_cont_4 .section .event_list .photo a{display:block; overflow:hidden;}
.main_cont_4 .section .event_list .photo img{width:100%; }
.main_cont_4 .section .event_list .name{font-size:15px;}
.main_cont_4 .section .event_list p{font-size:13px; line-height:22px; text-align:center;}
.main_cont_4 .web_wrap{display:block;}
.main_cont_4 .mobile_wrap{display:none;}

.main_cont_5_wrap{width:100%; background:#f0f0f0;}
.main_cont_5{width:1200px; margin:0 auto; height:440px; padding:60px 0;}
.main_cont_5 .cont_1{width:784px; height:320px; float:left; background:#fff;}
.main_cont_5 .cont_1 .tit{display:none; text-indent:-9999px;}
.main_cont_5 .cont_1 .img_area{width:420px; height:320px; float:left; overflow:hidden;}
.main_cont_5 .cont_1 .img_area ul li{display:none;}
.main_cont_5 .cont_1 .img_area ul li img{width:100%;}
.main_cont_5 .cont_1 .cultureclub{float:left; height:320px; padding:0 30px; background: url('/ko/images/intro/main_tit_5.jpg') no-repeat;}
.main_cont_5 .cont_1 .cultureclub ul li:first-child{margin-left:0;}
.main_cont_5 .cont_1 .cultureclub ul li{float:left; width:90px; height:90px; overflow:hidden; margin-left:17px; margin-top:200px; list-style-type: none;}
.main_cont_5 .cont_1 .cultureclub ul li img{width:100%;}
.main_cont_5 .cont_2{width:365px; height:320px; float:right;}
.main_cont_5 .cont_2 .web_wrap{display:block;}
.main_cont_5 .cont_2 .mobile_wrap{display:none;}

.main_cont_6{width:1200px; margin:0 auto; margin-top:60px; margin-bottom:60px;}
.main_cont_6 .tit{margin-bottom:60px; height:21px; background: url('/ko/images/intro/main_tit_8.png') no-repeat center center; text-indent:-9999px;}
.main_cont_6 .section{display:table; padding:0 30px 0 30px;}
.main_cont_6 .section .cont_1{width:540px; height:180px; float:left; margin-right:30px;}
.main_cont_6 .section .cont_1 p{margin-bottom:42px;}
.main_cont_6 .section .cont_1 p a{float:right;}
.main_cont_6 .section .cont_1 ul li{font-size:13px; line-height:24px; color:#5b5b5b;}
.main_cont_6 .section .cont_1 ul li a{color:#5b5b5b;}
.main_cont_6 .section .cont_1 ul li a:hover{color:#0094a1; text-decoration:underline;}
.main_cont_6 .section .cont_1 ul li span{color:#888787;float:right;}
.main_cont_6 .section .cont_2{width:476px; height:180px; overflow:hidden; float:left; margin-right:30px;}
.main_cont_6 .section .cont_2 img{width:100%;}
.main_cont_6 .section .cont_3{float:right;} /* 2016-07-25 占쎌뵥占쎈뮞占쏙옙域밸챶�삪 �빊遺쏙옙 */
.main_cont_6 .section .cont_3 ul li{width:52px; height:52px; margin-top:12px; list-style-type: none;} /* 2016-07-25 占쎌뵥占쎈뮞占쏙옙域밸챶�삪 �빊遺쏙옙 */
.main_cont_6 .section .cont_3 ul li img{width:100%; height:100%;} /* 2016-07-27 占쎌뵥占쎈뮞占쏙옙域밸챶�삪 �빊遺쏙옙 */
.main_cont_6 .section .cont_3 ul li:first-child{margin-top:0px;} /* 2016-07-25 占쎌뵥占쎈뮞占쏙옙域밸챶�삪 �빊遺쏙옙 */
.main_cont_6 .section .cont_2 .event_list a{/*width:476px; height:180px;*/ display:block; overflow:hidden;}  /* 2016-07-25 占쎌뵥占쎈뮞占쏙옙域밸챶�삪 �빊遺쏙옙 */

.main_cont_7_wrap {background-color: #f0f0f0; padding-top: 10px; padding-bottom: 10px;}
.main_cont_7{background-color: #ffffff; margin:0 auto; padding-top: 60px; font-size: 0; text-align: center;}
.main_cont_7 .tit{height:21px; background: url('/ko/images/intro/main_tit_7.png') no-repeat center center; text-indent:-9999px;}
.main_cont_7 .section {margin-top: 35px; max-width: 1205px; display: inline-block; margin-bottom: 50px;}
.main_cont_7 .section img {margin: 3px;}

@media only screen and (min-width:1101px){

	/* Web Main top gnb */
	.gnb_m {display:none;}
	.mobile_gnb_btn{display:none;}
	.main_gnb {position:relative; margin-top:21px;}
	.main_gnb .gnb_menu_wrap {height:76px; display:block; overflow:hidden; background:#fff;}/* 2016-06-20 */
	.main_gnb ul.gnb_menu_wrap li {position:relative; float:left; cursor:pointer; list-style-type: none;}/* 2016-06-20 */
	.main_gnb_content{margin-top:76px; display:none; position:absolute; background-color:#fff; min-width:1190px; z-index:1000;}
	/* .main_gnb_content a {color:#474747; text-decoration: none; font-size:15px; margin:0; padding:0;}
	.main_gnb_content a:hover {color: #0094a1;} *//* 2016-06-20 */
	.main_gnb_content .mobile_menu{display:none;}
	.main_gnb_content ul li{list-style-type: none;}
	.main_gnb_content ul li ul{float:left; padding:20px 0;}
	/* 2016-06-20 */
	/* .main_gnb_content ul li ul li{float:none; margin:18px 0; margin-left:105px; list-style-type: none;} */
	section#header-section {position:absolute; top:0; left: 50%; margin-left:-595px; z-index:10;}
	section#mid-section {padding-top:231px;}
	.main_gnb:hover .main_gnb_content {display: block;}
	.main_gnb .gnb_menu01{background:url('/ko/images/intro/gnb_sub01.jpg') no-repeat; width:298px;} 
	.main_gnb .gnb_menu01:hover{background:url('/ko/images/intro/gnb_sub01_on.jpg') no-repeat; width:298px;}
	.main_gnb .gnb_menu02{background:url('/ko/images/intro/gnb_sub02.jpg') no-repeat; width:298px;} 
	.main_gnb .gnb_menu02:hover{background:url('/ko/images/intro/gnb_sub02_on.jpg') no-repeat; width:298px;} 
	.main_gnb .gnb_menu03{background:url('/ko/images/intro/gnb_sub03.jpg') no-repeat; width:297px;} 
	.main_gnb .gnb_menu03:hover{background:url('/ko/images/intro/gnb_sub03_on.jpg') no-repeat; width:297px;} 
	.main_gnb .gnb_menu04{background:url('/ko/images/intro/gnb_sub04.jpg') no-repeat; width:297px;} 
	.main_gnb .gnb_menu04:hover{background:url('/ko/images/intro/gnb_sub04_on.jpg') no-repeat; width:297px;} 
	.mobile_menu {width:298px; height:76px; font-size:0; line-height:0; display:block;}
	.main_gnb ul.gnb_menu_wrap .gnb_menu .gnb_sub li {float:none;}
	.gnb_menu .gnb_sub {position:absolute; top:75px;/* margin-top:76px; */ padding:20px 0; overflow:hidden;}
	.gnb_menu .gnb_sub a {color:#474747; text-decoration: none; font-size:15px; margin:0; padding:0;}
	.gnb_menu .gnb_sub a:hover {color: #0094a1;}
	.gnb_menu .gnb_sub li{float:none; margin:18px 0; margin-left:105px; list-style-type: none;}
	/* //2016-06-20 */
	.main_gnb_content .gnb_sub01{width:298px;}
	.main_gnb_content .gnb_sub02{width:298px;}
	.main_gnb_content .gnb_sub02 li{padding-left:10px;}
	.main_gnb_content .gnb_sub03{width:297px;}
	.main_gnb_content .gnb_sub04{width:297px;}
	.main_gnb_content .gnb_sub04 li{padding-left:10px;}

}

@media only screen and (max-width:1100px){

	/* mobile Main top gnb */
	.main_gnb .gnb_menu_wrap{display:none;}
	.mobile_gnb_btn{border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
	.btnGnbClose{display:none;}
	.btnGnbClose a img{width:50px; height:43px;}
	.btnGnbOpen a img{width:50px; height:43px;}
	.btnGnbOpen span img{padding-left:10px;}
	#gnb{position:absolute; width:100%; background-color:#fff; height:0px; overflow:hidden; z-index:9; transition:all 0.4s ease; padding:0 15px;}
	/* 2016-06-20 */
	.gnb_web {display:none;}
	.main_gnb .gnb_menu_wrap {display:block;}
	#gnb .gnb_menu_wrap li {border-bottom:1px solid #e0e0e0; list-style-type: none;}
	#gnb .gnb_menu_wrap > li.on{background-image:url(../img/common/btn_minus.png);background-size:12px 12px;}
	#gnb .gnb_menu_wrap > li.one {background:none;}
	#gnb .gnb_menu_wrap > li > a{display:block; padding:12px 10px; font-size:14px; color:#333; font-weight:bold;}
	#gnb .gnb_menu_wrap li ul li {padding:5px 10px; border:none;}
	#gnb .gnb_sub {height:0px; overflow:hidden; transition:all 0.4s ease;}
	#gnb .gnb_menu_wrap ul{/* padding-bottom:10px; */}
	#gnb .dp2 ul li{}
	#gnb .gnb_menu_wrap ul li a{color:#333; font-size:12px;}

	#gnb .gnbwrap > li{border-bottom:1px solid #e0e0e0; list-style-type: none;}
	#gnb .gnbwrap > li.on{background-image:url(../img/common/btn_minus.png);background-size:12px 12px;}
	#gnb .gnbwrap > li.one {background:none;}
	#gnb .gnbwrap > li > a{display:block; padding:12px 10px; font-size:14px; color:#333; font-weight:bold;}
	#gnb .dp2{height:0px; overflow:hidden; transition:all 0.4s ease;}
	#gnb .dp2 ul{padding-bottom:10px;}
	#gnb .dp2 ul li{padding:5px 10px;}
	#gnb .dp2 ul li a{color:#333; font-size:12px;}
	/* //2016-06-20 */
	
	/*//mobile Main top gnb */

	.main_wrap{max-width:736px; margin:0 auto; margin-top:-1px;}
	.main_banner{width:100%;}
	.main_cont{width:100%;}
	.main_cont_wrap{width:100%;}

	.main_banner .web_wrap{display:none;}
	.main_banner .mobile1_wrap{display:block;}
	.main_banner .mobile2_wrap{display:none;}

	.main_cont_1{width:100%; margin:25px 0 30px 0; padding:0 15px;}
	.main_cont_1 .tit{margin-bottom:15px; height:30px; background: url('/ko/images/intro/m_main_tit_1.png') no-repeat center center; background-size:35% auto; webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box;}
	.main_cont_1 .section div ul{display:inline-block; margin-bottom:10px; width:100%;}
	.main_cont_1 .section div ul li:first-child{margin-right:4%;}
	.main_cont_1 .section div ul li{float:left; width:48%; height:auto; overflow:hidden;padding:1.4% 6%; outline:1px solid #d0d0d0;}
	.main_cont_1 .section div ul li:hover{outline:3px solid #212c59;}
	.main_cont_1 .web_wrap{display:none;}
	.main_cont_1 .mobile_wrap{display:block;}
	.main_cont_1 .mobile_wrap .cont_2{display:none;}


	.main_cont_2_wrap{width:100%; background:#f2f0e6;}
	.main_cont_2{width:100%; padding:25px 0 30px 0;}
	.main_cont_2 .tit{margin-bottom:15px; height:53px; background: url('/ko/images/intro/m_main_tit_2.png') no-repeat center center; background-size:50% auto;}
	
	.main_cont_2 .slider{padding: 0 35px;}
	.main_cont_2 .section{display:none;}
	.main_cont_2 .m_section{display:block;}
	.main_cont_2 .m_section .event_list{padding:0 8px;}
	.main_cont_2 .m_section .event_list .photo{background:#fff; max-width:290px; max-height:290px; border-radius:222px; overflow:hidden; margin:0 auto;}
	.main_cont_2 .m_section .event_list .photo_on{display:none;}
	.main_cont_2 .m_section .event_list .photo img{width:100%;}
	.main_cont_2 .m_section .event_list .name{font-size:12px; color:#333;}
	.main_cont_2 .m_section .event_list p{font-size:11px; line-height:22px; text-align:center; padding-top:15px; color:#666;}

	.main_cont_3{width:100%; margin:30px 0 35px 0;}
	.main_cont_3 .tit {position:static; width:100%; max-height:32px; margin-bottom:20px; background: url('/ko/images/intro/m_main_tit_3.png') no-repeat center center; background-size:30% auto;}

	.main_cont_3 .slider{padding: 0 35px;}
	.main_cont_3 .section{padding-left:0px;}
	.main_cont_3 .section .event_list{padding:0 8px;}
	.main_cont_3 .section .event_list .photo{ background:#fff; overflow:hidden; max-width:290px; max-height:290px; margin:0 auto; float:none;}
	.main_cont_3 .section .event_list .photo img{width:100%;}
	.main_cont_3 .section .event_list .txt1{font-size:13px; margin-top:15px; color:#333;}
	.main_cont_3 .section .event_list .txt2{margin:10px 0 5px 0;}
	.main_cont_3 .section .event_list .txt3{font-size:10px; color:#5b5b5b;}
	.main_cont_3 .section .event_list p{line-height:22px; width:100%; float:none;}

	.main_cont_4{width:100%; margin:0 auto; margin-bottom:30px;}
	.main_cont_4 .tit{margin-bottom:20px; height:33px; background: url('/ko/images/intro/m_main_tit_4.png') no-repeat center center; background-size:35% auto;}

	.main_cont_4 .slider{padding: 0 8px;}
	.main_cont_4 .section .event_list .photo{background:#fff; max-width:330px; max-height:310px; overflow:hidden; margin:0 auto; padding:0 7px;}
	.main_cont_4 .section .event_list .photo img{width:100%;}
	.main_cont_4 .section .event_list .name{font-size:15px;}
	.main_cont_4 .section .event_list p{font-size:13px; line-height:22px; text-align:center;}
	.main_cont_4 .web_wrap{display:none;}
	.main_cont_4 .mobile_wrap{display:block;}

	.main_cont_5_wrap{width:100%; background:none;}
	.main_cont_5{width:100%; margin:0 auto; height:auto; padding:0;}
	.main_cont_5 .cont_1{width:100%; height:auto; float:left; padding:30px 15px; background:#f0f0f0;}
	.main_cont_5 .cont_1 .tit{display:block; margin-bottom:20px; height:40px; background: url('/ko/images/intro/m_main_tit_5.png') no-repeat center center; background-size:40% auto;}
	.main_cont_5 .cont_1 .img_area{width:77%; height:auto; float:left; overflow:hidden;}
	.main_cont_5 .cont_1 .img_area ul li{display:none;}
	.main_cont_5 .cont_1 .img_area img{width:100%;}
	.main_cont_5 .cont_1 .cultureclub{float:right; height:auto; padding:0px; background:none; width:18%;}
	.main_cont_5 .cont_1 .cultureclub ul li:first-child{margin-bottom:10px;}
	.main_cont_5 .cont_1 .cultureclub ul li:last-child{margin-top:10px;}
	.main_cont_5 .cont_1 .cultureclub ul li{float:none; width:100%; height:auto; margin-left:0px; margin-top:0px;}
	.main_cont_5 .cont_1 .cultureclub ul li img{width:100%;}
	.main_cont_5 .cont_2{clear:both; float:none; margin-top:15px; width:100%; height:auto; background:#fff; padding:30px 15px;}
	.main_cont_5 .cont_2 img{width:100%;}
	.main_cont_5 .cont_2 .web_wrap{display:none;}
	.main_cont_5 .cont_2 .mobile_wrap{display:block;}

	.main_cont_6{width:100%; margin-top:0; margin-bottom:0px;}
	.main_cont_6 .tit{margin-bottom:20px; height:31px; background: url('/ko/images/intro/m_main_tit_8.png') no-repeat center center; background-size:90% auto;}
	.main_cont_6 .section{display:block; padding:0;}
	.main_cont_6 .section .cont_1{display:none;}
	.main_cont_6 .section .cont_2{width:100%; padding:0 15px; height:auto; float:none; margin-right:0px;}
	.main_cont_6 .section .cont_2 img{width:100%;}
	.main_cont_6 .section .cont_3{float:none; margin:0 auto; width:35%;;}
	.main_cont_6 .section .cont_3 ul li{float:left; width:29%; height:auto; margin-top:0px; padding:15px 0; margin:0 2%;} /* 2016-07-25 占쎌뵥占쎈뮞占쏙옙域밸챶�삪 �빊遺쏙옙 */
	.main_cont_6 .section .cont_3 ul li img{width:100%;}

}

@media only screen and (max-width:414px){
	
	.gnb_web {display:none;} /* 2016-06-20 */

	.main_banner .web_wrap{display:none;}
	.main_banner .mobile1_wrap{display:none;}
	.main_banner .mobile2_wrap{display:block;}
	
	.main_cont_2 .m_section .event_list .name{font-size:10px;}
	.main_cont_2 .m_section .event_list p{font-size:10px;}
	.main_cont_3 .section .event_list .txt1{font-size:10px;}

	.main_cont_5 .cont_1 .cultureclub ul li:first-child{margin-bottom:8px;}
	.main_cont_5 .cont_1 .cultureclub ul li:last-child{margin-top:8px;}

	.main_cont_1 .tit{height:22px !important;}
	.main_cont_2 .tit{height:34px !important;}
	.main_cont_3 .tit {height:21px !important;}
	.main_cont_4 .tit{height:22px !important;}
	.main_cont_5 .cont_1 .tit{height:22px !important;}
	.main_cont_6 .tit{height:22px !important;}

}