@charset "euc-kr";
/* CSS Document */

/*Css Reset by Eric Meyer*/
@import url(nanumgothic.css);

@font-face {
  font-family: 'GmarketSansB';
  src: url(./GmarketSansTTFBold.woff) format('woff');
}
@font-face {
  font-family: 'GmarketSansM';
  src: url(./GmarketSansTTFMedium.woff) format('woff');
}
@font-face {
  font-family: 'GmarketSansL';
  src: url(./GmarketSansTTFLight.woff) format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {line-height: 1;}
body,table,td{font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:12px; color:#696969; line-height:18px;  border:none; top:0; }
ol, ul {list-style: none;}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}
a:link {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
a:visited {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
a:active {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
a:hover {font-family:³ª´®°íµñ, 'Nanum Gothic';font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #000000; TEXT-DECORATION: none}

/*Ä®¶ó*/
.cFFFFFF							{color:#FFFFFF;}
.c00229F							{color:#00229F;}
.c7F7871							{color:#7F7871;}
.cB38A5A							{color:#B38A5A;}
.cFA7C00							{color:#FA7C00;}
.cFF0000							{color:#FF0000;}
.c9D4EFF							{color:#9d4eff;}
.c0012FF							{color:#0012ff;}
.c0E24F1							{color:#0E24F1;}



.iptui{border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; height:18px; line-height:20px; padding:0 0 0 5px;}
.input	{border:solid 1px #cacaca; background-color:#fbfbfb; color:#666663;height:20px;line-height:20px;}
.btnar{padding:5px 0 20px 0;}
.btnr{text-align:right;}
.btnc{text-align:center;}
.btnar img, .btnar a, .btnar input{vertical-align:middle;}

*{ margin:0; padding:0; }
	
#contents { width:100%; overflow:hidden; min-width:1138px; }

.box { margin:0 auto; position:relative; }

#main { height:750px; }
#mc01 { height:312px; }
#mc02 { height:435px; }
#mc03 { height:573px; }
#mc04 { height:547px; }
#mc05 { height:525px; }
#mc06 { height:277px; }


#header { width:100%; top:0px; height:85px; margin:0 auto; position:absolute; }
#nav { width:100%; top:83px; height:50px; position:absolute; }

#quick_menu { position:relative; z-index:1000;}
#event_menu { position:relative; z-index:2000;}

* { margin:0; padding:0; }
	
#contents_ms { overflow:hidden; width:100%; height:750px; margin:0 auto; position:relative; top:0px; display:none; } /* position:relative */

/* slider */

#slider { top:0; left:0; height:750px; position:absolute; }
#slider ul { height:750px; position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:750px; position:absolute; }
#slider ul li div { margin:0 auto; width:1138px; height:750px; position:relative; }

/* slider - gp1 */

.slider_gp1 { top:0; left:0; height:750px; position:absolute; }
.slider_gp1 ul { height:750px; position:relative; }
.slider_gp1 ul li { list-style:none; float:left; width:100%; height:750px; position:absolute; }

.slider_gp1 ul li .div_wrapper { margin:0 auto; width:1138px; height:750px; position:relative; }

.slider_gp1 ul li.box1 .div_wrapper .wrapper { top:180px; left:700px; position:absolute; }   /*¸ÞÀÎÄ«ÇÇ À§Ä¡*/

.slider_gp1 ul li.box2 .div_wrapper .wrapper { top:230px; left:100px; position:absolute; }

.slider_gp1 ul li.box3 .div_wrapper .wrapper { top:230px; left:700px; position:absolute; }

.slider_gp1 ul li.box4 .div_wrapper .wrapper { top:230px; left:700px; position:absolute; }

.slider_gp1 ul li.box5 .div_wrapper .wrapper { top:200px; left:10px; position:absolute; }


/* slider - gp2 */

.slider_gp2 { top:0; left:0; height:750px; position:absolute; }
.slider_gp2 ul { height:750px; position:relative; }
.slider_gp2 ul li { list-style:none; float:left; position:absolute; } /*width:100%; height:750px; */
.slider_gp2 ul li .div_wrapper { position:relative; } /* margin:0 auto; width:1138px; height:750px; */

.slider_gp2 ul li.box1 .div_wrapper .wrapper { margin:0 auto; top:544px; left:450px; width:153px; height:67px; cursor:pointer; position:relative; }
.slider_gp2 ul li.box1 .div_wrapper .wrapper .square { width:153px; height:67px; background:#fff; position:absolute; }
/*.slider_gp2 ul li.box1 .div_wrapper .wrapper .arrow { top:2px; left:0px; position:absolute; }*/
.slider_gp2 ul li.box1 .div_wrapper .wrapper .go { top:0px; left:50px; position:absolute; }

.slider_gp2 ul li.box2 .div_wrapper .wrapper { margin:0 auto; top:170px; left:280px; width:500px; height:500px; position:relative; }
.slider_gp2 ul li.box2 .div_wrapper .wrapper .gp { position:absolute; }
.slider_gp2 ul li.box2 .div_wrapper .wrapper .btn { width:144px; height:144px; background:#fff; cursor:pointer; position:absolute; }
.slider_gp2 ul li.box2 .div_wrapper .wrapper .index_1 { top:0px; left:178px; }
.slider_gp2 ul li.box2 .div_wrapper .wrapper .index_2 { top:178px; left:0px; }
.slider_gp2 ul li.box2 .div_wrapper .wrapper .index_3 { top:178px; left:356px; }
.slider_gp2 ul li.box2 .div_wrapper .wrapper .index_4 { top:356px; left:178px; }

.slider_gp2 ul li.box3 .div_wrapper .wrapper { margin:0 auto; top:464px; left:492px; width:132px; height:57px; cursor:pointer; position:relative; }
.slider_gp2 ul li.box3 .div_wrapper .wrapper .square { width:132px; height:57px; background:#fff; position:absolute; }
.slider_gp2 ul li.box3 .div_wrapper .wrapper .arrow { top:2px; left:0px; position:absolute; }
.slider_gp2 ul li.box3 .div_wrapper .wrapper .go { top:0px; left:45px; position:absolute; }

.slider_gp2 ul li.box4 .div_wrapper .wrapper { margin:0 auto; top:542px; left:480px; width:147px; height:67px; cursor:pointer; position:relative; }
.slider_gp2 ul li.box4 .div_wrapper .wrapper .square { width:147px; height:67px; background:#fff; position:absolute; }
.slider_gp2 ul li.box4 .div_wrapper .wrapper .arrow { top:6px; left:0px; position:absolute; }
.slider_gp2 ul li.box4 .div_wrapper .wrapper .go { top:0px; left:45px; position:absolute; }

.slider_gp2 ul li.box5 .div_wrapper .wrapper { margin:0 auto; top:590px; left:450px; width:147px; height:67px; cursor:pointer; position:relative; }
.slider_gp2 ul li.box5 .div_wrapper .wrapper .square { width:147px; height:67px; background:#fff; position:absolute; }
.slider_gp2 ul li.box5 .div_wrapper .wrapper .arrow { top:6px; left:0px; position:absolute; }
.slider_gp2 ul li.box5 .div_wrapper .wrapper .go { top:0px; left:45px; position:absolute; }

/* prev */

#arrowPrev { width:64px; height:101px; position:absolute; top:338px; left:7%; }
#arrowPrev div.img { width:64px; height:101px; position:absolute; }
#arrowPrev div.square { width:109px; height:101px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; left:-50px; }
	
/* next */

#arrowNext { width:64px; height:101px; position:absolute; top:338px; right:7%; }
#arrowNext div.img { width:64px; height:101px; position:absolute; }
#arrowNext div.square { width:109px; height:101px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

/* navigation */

#contents_ms_nav { width:100%; height:49px; top:668px; position:absolute; }
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:630px; height:49px; position:relative; }
#contents_ms_nav div ul { width:630px; height:49px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:118px; height:49px; margin-right:7px; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }

/* */

#contents_ms_loading_panel { width:31px; height:31px; top:320px; margin:0 auto; position:relative; }

*:focus{outline:none;}

/* ======================================================================================== */

#header_container { visibility:hidden; width:100%; position:relative; overflow:hidden; }
#header_wrapper { margin:0 auto; width:1138px; height:85px; position:relative; }

.header_logo { top:20px; left:460px; cursor:pointer; position:absolute; }

.header_global { margin:0; padding:0; top:15px; left:973px; position:absolute; }
.header_global1 { margin:0; padding:0; top:55px; left:0px; position:absolute; }
.header_global1 li { list-style:none; float:left; }
.header_global1 li img { margin:0 7px; vertical-align:top; }
.header_global1 .txt { cursor:pointer; }

.header_global2 { margin:0; padding:0; top:55px; left:750px; position:absolute; }
.header_global2 li { list-style:none; float:left; }
.header_global2 li img { margin:0 7px; vertical-align:top; }
.header_global2 .txt { cursor:pointer; }

/* ======================================================================================== */

*:focus{outline:none;}

/* ³×ºñ°ÔÀÌ¼Ç */

.nav_stripe { top:0px; height:50px; width:100%;	background:#635da2; position:relative; }
#main_nav { display:none; top:0px; width:100%; position:absolute; } 

#main_nav #main_nav_wrapper { margin:0 auto; width:1136px; position:relative;}

#main_nav #main_nav_wrapper div ul{ margin:0; padding:0;background:url(images/common/navi_bg.png) }

#main_nav #main_nav_wrapper div ul li { list-style:none; float:left; width:142px; height:50px; cursor:pointer; position:relative; }
#main_nav #main_nav_wrapper div ul li .square { width:142px; height:50px; position:absolute; }
#main_nav #main_nav_wrapper div ul li .txt { top:0; left:0; width:142px; height:50px; position:absolute; }
#main_nav #main_nav_wrapper div ul li .over { width:142px; height:50px; position:absolute; }

/* sub navi*/
#sub_nav_mask { margin:0 auto; top:0px; width:1136px; height:0px; overflow:hidden; position:relative;}
#main_nav #sub_nav_wrapper { top:-190px; width:1136px; height:190px; position:absolute;}
	
#sub_nav_square { position:absolute;}
#sub_nav_square .cate_wrapper { top:0px; float:left; width:142px; height:190px; background:#fff; position:absolute;}
#sub_nav_square .cate_wrapper ul{ padding:0; }
#sub_nav_square .cate_wrapper ul li { list-style:none; float:left; width:142px; height:24px; background:#fff; cursor:pointer; position:relative; }

#sub_nav_txt { position:absolute; }

#sub_nav_btn { position:absolute; }
#sub_nav_btn .cate_wrapper { top:0px; float:left; width:142px; height:190px; position:absolute; }
#sub_nav_btn .cate_wrapper ul{ padding:0; }
#sub_nav_btn .cate_wrapper ul li { list-style:none; float:left; width:142px; height:24px; background:#fff; cursor:pointer; position:relative; }


/*main contents*/
#main_con_wrap1 {width:1136px; height:auto; margin:35px auto; position:relative;}
#main_con_wrap1:after { content: ""; height: 0; display: block; clear: both;}

#main_con_wrap1 .box1 {width:332px; height:217px; margin-right:70px; position:relative; float:left;}
#main_con_wrap1 .box1 .banner_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap1 .box1 .banner_img {top:27px; left:0px; position:absolute; }

#main_con_wrap1 .box2 {width:332px; height:217px; margin-right:70px; position:relative; float:left;}
#main_con_wrap1 .box2 .banner_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap1 .box2 :after { content: ""; height: 0; display: block; clear: both;}

#main_con_wrap1 .box2 .banner_wrapper { margin:0; padding:0; top:27px; overflow:hidden; width:332px; height:190px; position:relative; }
#main_con_wrap1 .box2 .banner_wrapper li { list-style:none; float:left; width:332px; height:190px; left:332px;cursor:pointer; position:absolute; }
#main_con_wrap1 .box2 .banner_wrapper li.b1 { left:0px; }
#main_con_wrap1 .box2 .banner_wrapper li .banner { top:0px; left:0px; cursor:pointer; position:absolute; }

#main_con_wrap1 .box2 .banner_nav {top:190px; left:240px; position:absolute; }
#main_con_wrap1 .box2 .banner_nav ul { margin:0; padding:0; width:80px; height:20px; }
#main_con_wrap1 .box2 .banner_nav ul li { list-style:none; float:left; width:20px; height:20px; overflow:hidden; cursor:pointer; position:relative; }
#main_con_wrap1 .box2 .banner_nav ul li img { position:absolute; }


#main_con_wrap1 .box3 {width:332px; height:217px; float:left; position:relative; float:left;}

#main_con_wrap1 .box3 .banner_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap1 .box3 .banner_img {top:27px; left:0px; position:absolute; }

#main_con_wrap2 {width:1136px; height:auto; margin:35px auto; position:relative;}
#main_con_wrap2:after { content: ""; height: 0; display: block; clear: both;}

#main_con_wrap2 .box1 {width:332px; height:164px; margin-right:70px; position:relative; float:left;}
#main_con_wrap2 .box1 .banner_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap2 .box1 table {width:332px; margin-top:39px}
#main_con_wrap2 .box1 table .td_L {width:270px; height:24px; background:url(../images/main/maincon2_01_dot.gif) no-repeat 5px 10px; padding-left:15px; font-size:13px;}
#main_con_wrap2 .box1 table .td_L a:link {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:13px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
#main_con_wrap2 .box1 table .td_L a:visited {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:13px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
#main_con_wrap2 .box1 table .td_L a:active {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-size:13px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
#main_con_wrap2 .box1 table .td_L a:hover {font-family:³ª´®°íµñ, 'Nanum Gothic';font-size:13px; color:#FFFFFF; line-height:18px;COLOR: #000000; TEXT-DECORATION: none}
#main_con_wrap2 .box1 table .td_R {width62px; height:24px; font-size:13px;}

#main_con_wrap2 .box2 {width:332px; height:164px; margin-right:70px; position:relative; float:left;}
#main_con_wrap2 .box2 .banner_tit {top:0px; left:0px; position:absolute;}

#main_con_wrap2 .box3 {width:332px; height:164px; float:left; position:relative; float:left;}

#main_con_wrap2 .box3 .banner_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap2 .box3 .banner_img {top:30px; left:0px; position:absolute; }
#main_con_wrap2 .box3 .banner_img2 {top:30px; left:111px; position:absolute;}
#main_con_wrap2 .box3 .banner_img3 {top:30px; left:222px; position:absolute;}
#main_con_wrap2 .box3 .banner_img4 {top:98px; left:0px; position:absolute;}
#main_con_wrap2 .box3 .banner_img5 {top:98px; left:111px; position:absolute;}
#main_con_wrap2 .box3 .banner_img6 {top:98px; left:222px; position:absolute;}



#main_con_wrap3 {width:100%; height:560px; background-image:url('../images/main/maincon3_bg.jpg'); background-repeat:no-repeat; background-position:50% ;}
#main_con_wrap3 .box {width:1200px; margin:0 auto}
#main_con_wrap3 .box2 {width:1500px; margin:0 auto}

#main_con_wrap4 {width:1136px; height:auto; margin:35px auto; position:relative;}
#main_con_wrap4:after { content: ""; height: 0; display: block; clear: both;}
#main_con_wrap4 .box {width:1136px; height:306px; margin-right:70px; position:relative; float:left;}
#main_con_wrap4 .box .baphoto_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap4 .box .baphoto_img {top:50px; left:0px; position:absolute; }

#main_con_wrap4 {width:1136px; height:auto; margin:35px auto; position:relative;}
#main_con_wrap4:after { content: ""; height: 0; display: block; clear: both;}
#main_con_wrap4 .box {width:1136px; height:306px; margin-right:70px; position:relative; float:left;}
#main_con_wrap4 .box .baphoto_tit {top:0px; left:0px; position:absolute;}
#main_con_wrap4 .box .baphoto_img {top:50px; left:0px; position:absolute; }

#main_con_wrap4 #main_con_wrap4_prevNext_container { width:1136px; height:255x;top:51px; position:absolute; }

#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_prev {left:0; cursor:pointer; position:relative; }
#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_next {left:1106px;cursor:pointer; position:relative; }

#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_prev .btnGp { position:relative; }
#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_next .btnGp { position:relative; }

#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_prev div.square { width:30px; height:255px; background:#dfdfdf; position:absolute; }
#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_next div.square { width:30px; height:255px; background:#dfdfdf; position:absolute; }	

#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_prev div.arrow { width:16px; height:32px; top:112px; left:5px; position:absolute; }
#main_con_wrap4 #main_con_wrap4_prevNext_container #main_con_wrap4_next div.arrow { width:16px; height:32px; top:112px; left:5px; position:absolute; }

#main_con_wrap4 #main_con_wrap4_image_container { width:1134px; height:255px; overflow:hidden; top:51px; left:41px; position:relative; } /* height:255px; */
#main_con_wrap4 #main_con_wrap4_image_container div.wrapper { position:absolute;	}
#main_con_wrap4 #main_con_wrap4_image_container div.wrapper div.set { top:0; left:0; position:relative; }


#main_con_wrap4 #main_con_wrap4_image_container img { width:255px; height:255px; }	

#main_con_wrap4 #main_con_wrap4_image_container div.wrapper div.set div.main_con_wrap4_image_1_1 { width:255px; height:255px; top:0px; left:0px; position:absolute; }
#main_con_wrap4 #main_con_wrap4_image_container div.wrapper div.set div.main_con_wrap4_image_1_2 { width:255px; height:255px; top:0px; left:260px; position:absolute; }
#main_con_wrap4 #main_con_wrap4_image_container div.wrapper div.set div.main_con_wrap4_image_2_1 { width:255px; height:255px; top:0px; left:539px; position:absolute;}
#main_con_wrap4 #main_con_wrap4_image_container div.wrapper div.set div.main_con_wrap4_image_2_2 { width:255px; height:255px; top:0px; left:799px; position:absolute;}

/*  ******************************************************************************************************************************************** */
#main_con_wrap4 .bnaArrow1 { width:37px; height:37px; top:160px; left:281px; position:absolute; }
#main_con_wrap4 .bnaArrow2 { width:37px; height:37px; top:160px; left:820px; position:absolute; }

/*  ******************************************************************************************************************************************** */

#main_con_wrap4 #main_con_wrap4_gp1 { width:292px; height:19px; top:0px; left:769px; position:absolute;}

#footer {width:100%; height:auto; margin:15px auto 0 auto;}
#footer .banner {width:1136px; height:55px; margin:0 auto 15px auto;}
#footer .banner :after { content: ""; height: 0; display: block; clear: both;}
#footer .banner li { float: left; height: 55px;}
#footer .banner li a { display: block; float: left; no-repeat left top; height: 100%;}

#footer_copy {width:100%; height:100px; background:#373737;}
#footer_copy .box {width:1136px; height:60px; margin:0 auto; padding-top:35px; background:url(../images/common/footer_img.png) no-repeat 0 20px ; text-align:right; color:#c0c0c0;}
#footer_copy .box a:link {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-weight:700; font-size:13px; color:#c0c0c0; line-height:18px;COLOR: #c0c0c0; TEXT-DECORATION: none}
#footer_copy .box a:visited {font-family:³ª´®°íµñ, 'Nanum Gothic';font-weight:700; font-size:13px; color:#c0c0c0; line-height:18px;COLOR: #c0c0c0; TEXT-DECORATION: none}
#footer_copy .box a:active {font-family:³ª´®°íµñ, 'Nanum Gothic'; font-weight:700; font-size:13px; color:#c0c0c0; line-height:18px;COLOR: #c0c0c0; TEXT-DECORATION: none}
#footer_copy .box a:hover {font-family:³ª´®°íµñ, 'Nanum Gothic';font-weight:700; font-size:13px; color:#c0c0c0; line-height:18px;COLOR: #c0c0c0; TEXT-DECORATION: none}



#main_youtube {
	position:Relative;
	width:100%;
	height:800px;
	background:url(../images/main/main_youtube_bg.jpg) center center no-repeat #f5f5f5;
	margin:0 auto 100px auto;
	padding:0;
	overflow:hidden;
	border:0px solid red;
	}
#main_youtube div.wrap{
	position:Relative;
	width:1400px;
	height:600px;
	margin:150px auto 0 auto;
	overflow:Hidden;
	border:0px solid red;
	}	
#main_youtube div.wrap p.tit {
	position:absolute;
	top:0;
	left:0;
	font-size:75px;
	font-family:GmarketSansB;
	letter-spacing:-0.05em;
	line-height:1.2;
	color:#333;
	}	
#main_youtube div.wrap p.comment {
	position:absolute;
	top:250px;
	left:0;
	font-size:25px;
	letter-spacing:-0.05em;
	line-height:1;
	color:#333;
	}		
#main_youtube div.wrap a.btn{
	position:absolute;
	left:0;
	top:400px;
	background:url(../images/main/main_youtube_icon.jpg) 30px center no-repeat #ff121a;
	border-radius:100px;
	width:400px;
	height:60px;
	padding:0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:3.2;
	overflow:hidden;
	text-indent:110px;
	}	
#main_youtube div.wrap div.mov{
	position:relative;
	float:right;
	width:810px;
	height:600px;
	padding:0;
	border:0px solid red;
	}