@charset "UTF-8";

html{width:100%;height:100%;}

::-webkit-scrollbar {display:none;}

a:link    {color:#000; text-decoration:none;}
a:visited {color:#000;}
a:active  {color:#000;}
a:hover  {color:#000;}
a {outline: none; select-dummy: expression(this.hideFocus=true);}


body { font-family: 'Noto Sans KR', sans-serif;  font-size:17px;letter-spacing:-1px;margin:0;padding:0;color:#777;width:100%;height:100%;line-height:160%;background:#fff;/* font-weight:300; */}
* {box-sizing:border-box;}

.animation {-webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;-ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}
.mo_view {display:none !important;}

input, select, textarea { font-family: 'Noto Sans KR', sans-serif;}
h1, h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:normal; }
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top; max-width:100%;}

.pager {position:absolute; z-index:1000; text-align:center; width:100px; top:680px; left:270px; opacity:0; -webkit-transition:all 1.0s ease .1s;-moz-transition:all 1.0s ease .1s;-ms-transition:all 1.0s ease .1s;-o-transition:all 1.0s ease .1s;transition:all 1.0s ease .1s;}
.pager.on {left:300px; opacity:1;}
.pager span {width:15px; height:15px; background:#fff; display:inline-block !important; text-indent:-9999px; margin:0 5px; cursor:pointer; border-radius:20px; opacity:0.5;}
.pager span.cycle-pager-active {background:#e9b670; opacity:1;}


table {border-collapse:collapse;border-spacing:0; width:100%;}
table th, table td {border-bottom:#ddd 1px solid; padding:15px; background:#fff; font-weight:normal;}

#header {width:100%; position:fixed; z-index:1000; top:0; left:0; height:320px; max-height:100px; overflow:hidden; border-bottom:1px solid #ddd; -webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;-ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}
body.subp #header	{background-color:#fff}
#header.on, #header:hover {background:#fff; }
#header.on2 {background:#fff;}
#header:hover {max-height:300px;/*max-height:100px;*/ border-bottom:#e1dee4 1px solid;}
.mainp #header {border-bottom:0;}
.mainp #header.on, .mainp #header:hover {border-bottom:1px solid #e1dee4 }
#header:before {content:''; width:100%; height:0px; background:#e1dee4; position:fixed; top:100px; left:0; opacity:0.5;  }
#header:hover:before {height:1px;}
#header .ci {position:absolute; left:40px; line-height:100px; top:0; height:100px;}
#header .ci img {height:24px; /*vertical-align:middle;*/ margin-top:2.25rem;}
#header .gwell {position:absolute; right:140px; line-height:100px; top:0; height:100px;}
#header .gwell img {height:24px; /*vertical-align:middle;*/ margin-top:2.25rem;}
#header .gnb { position:absolute;  left: 50%; margin-left:-500px; /*transform: translate(-44%);*/}
#header .gnb>li {display:inline-block; padding:0 35px; position:relative;}

#header .gnb>li>a {height:100px; line-height:100px; font-weight:500; display:block; color:#37234d; font-size:1.2rem;}
#header .gnb>li ul {position:absolute; text-align:left; width:100%; padding:10px 0 0 0; max-height:0; overflow:hidden; min-width:100px; font-size:16px; height:200px; text-align:center; border-left:#ddd 0px solid; border-right:#ddd 1px solid; left:0; font-size:14px; -webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;-ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}
#header .gnb>li:first-child ul {border-left:#ddd 1px solid;}
#header .gnb>li ul:before {content:''; height:2px; background:#e9b670; position:absolute; top:0; width:0; left:0; -webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;-ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}
#header .gnb>li:hover ul:before,
.busip #header .gnb>li.t01 ul:before{width:100%;}
.soon {opacity:0.5; color:#37234d}
.soon ul {visibility:hidden; display:none; text-indent:-9999px; position:absolute;}
#header.on .gnb>li ul, #header:hover .gnb>li ul {max-height:250px;/*max-height:100px;*/}
#header .gnb>li ul>li>a {display:block; height:30px; line-height:30px; color:#291d4e; font-weight:400;}


.quick {position:fixed; right:0; top:0; background:#37234d; width:100px; height:100%; z-index:1001;text-align: center;  color: #fff; overflow: hidden; }

.quick ul { width: 100%; }
.quick ul li { width: 100%;transition: 0.3s; position: relative;   }

.quick ul li:last-child { margin-bottom: 0; }
.quick ul li div { width: 100%; }
.quick ul li a { width: 100%; display: block; color:#daa23f}


.quick ul li.open	{height:120px; background-color:#daa23f; box-sizing: border-box;  font-family: 'GmarketSans';font-weight:600; font-size:19px; line-height:1.4; padding-top:35px; letter-spacing:0px}
.quick ul li.open b	{display:block; font-size:18px; font-weight:400; line-height:1.2; letter-spacing:-1px }
.quick ul li.open strong	{font-size:24px; font-weight:600}
.quick ul li.open span	 { display:block; font-size:13px; font-weight:300;  font-family: 'GmarketSans';}


/* .quick ul li.open	{height:120px; background-color:#daa23f; box-sizing: border-box;  font-family: 'GmarketSans';font-weight:700; font-size:20px; line-height:1.2; padding-top:40px;} */


.quick ul li.number	{height:120px; box-sizing: border-box;  font-family: 'GmarketSans';font-weight:700; font-size:26px; line-height:1; border-bottom:1px solid #6a6184; color:#daa23f; padding-top:22px;}
.quick ul li.number	span	{display:block}

.quick ul li.register	{ box-sizing: border-box;  background:url(../img/guest2.png) no-repeat center 35px; border-bottom:1px solid #6a6184;  line-height:1.4}
.quick ul li.register  a	{display:block; font-size:14px; width:100%; height:120px; padding-top:70px; font-weight:600}
.quick ul li.register  a span	{display:block; font-size:13px; font-weight:300; ;  font-family: 'GmarketSans'; letter-spacing:1px;}

.quick ul li.gw	{ box-sizing: border-box; background:#F0F2F2;     line-height:1.4; border-bottom:1px solid #ddd; border-left:1px solid #6a6184}
.quick ul li.gw  a	{display:block; font-size:14px; width:100%; height:75px; padding-top:30px; font-weight:600}
.quick ul li.gw  a img {width:70px;}

.quick ul li.el	{ box-sizing: border-box;  background:#fff; line-height:1.4; border-left:1px solid #6a6184}
.quick ul li.el  a	{display:block; font-size:14px; width:100%; height:75px; padding-top:25px; font-weight:600}
.quick ul li.el  a img {width:70px;}



.mc_duck {position:absolute; left:4.5rem; bottom:1rem; font-size:0.825rem; color:#fff; opacity:0.7;}

#footer {background:#F0F2F2; padding:50px 0 30px 0; z-index:1002; position:relative; width: 100%;}
#footer .wrap {font-size:12px; line-height:24px; position:relative; max-width:1820px; margin:0 auto; width: 92%;}
#footer .wrap>ul {width:100%; overflow:hidden;}


.footer_top { height: 100%; color: #696969; font-weight: 500; text-align: left; position:relative}
.footer_top a	{display:inline-block;  margin-right:15px;}
.footer_top a.line	{display:inline-block;  padding-left:15px;  position:relative}
.footer_top a.line:after { position: absolute; content:''; width: 1px; height: 22px; background-color: #aaa; opacity: 0.8; left: 0; bottom: 0; top: 8px; margin: auto; }
.footer_top ul { font-family: 'Noto Sans KR', sans-serif;  color: #000; margin-top: 1.25rem; overflow: hidden}
.footer_top ul li { padding: 0 1.375rem; position: relative; font-size:14px; line-height: 100%; font-weight: 400; float:left}
.footer_top ul li:first-child { padding-left : 0; line-height:2}
.footer_top ul li:after { position: absolute; content:''; width: 1px; height: 15px; background-color: #aaa; opacity: 0.8; right: 0; bottom: 0; top: -1px; margin: auto; }
.footer_top ul li span { vertical-align:middle; display:inline-block}
.footer_top ul li:last-child:after { display: none; }
.footer_top ul li img	{vertical-align:middle; margin-left:5px; margin-bottom:3px;}


.footer_top	div {position:absolute; bottom:0; right:0; z-index:9999999999999999999}
.footer_top	div	img	{height:40px;}
.footer_top	div	a	{margin-right:10px;}


.footer_con {width:100%; position: relative; margin-top:2rem; border-top:1px solid #acacac; padding-top: 2rem; overflow: hidden}


.footer_left		{width:50%; float:left}

.footer_right { text-align: right;width:50%; float:right;}
.footer_right p { font-size: 0.813rem; line-height: 150%; letter-spacing: -0.3px; margin-top: 5px;}





#simg {max-width:1200px; margin:200px auto 0 auto; padding:40px 0; position:relative; transform: translate(-50px);}
#simg h2 {color:#37234d; font-size:32px; font-weight:500; border-bottom:#37234d 1px solid; padding-bottom:30px;}

.tab {overflow:hidden; max-width:1200px; margin:0 auto; border:#37234d 0px solid; display:flex; justify-content: space-between; transform: translate(-50px);}
.tab li {float:left; width: 100%;}
.tab li a {display:block; height:70px; line-height:70px; text-align:center; color:#37234d; border:#37234d 1px solid; font-weight:400; border-left:0;}
.tab li:first-child a {border-left:#37234d 1px solid;}

.sub01p .tab li.st01 a,
.sub02p .tab li.st02 a,
.sub03p .tab li.st03 a,
.sub04p .tab li.st04 a,
.sub05p .tab li.st05 a,
.sub06p .tab li.st06 a,
.sub07p .tab li.st07 a,
.sub08p .tab li.st08 a
{background:#37234d; color:#daa23f; font-weight:500;}

.tab02 {overflow:hidden; max-width:1200px; margin:40px auto 60px auto;  display: flex; justify-content: space-between;}
.tab02 li {/*float:left;*/ width:100%;}
.tab02 li a {display:block; height:70px; line-height:70px; text-align:center; color:#777; border-bottom:#ddd 1px solid; font-weight:400; border-left:0;}
.tab02 li.on a,
.ssub01p .tab02 li.ss01 a,
.ssub02p .tab02 li.ss02 a
{font-weight:bold; color:#37234d; border-bottom:#37234d 1px solid;}


#scont {max-width:1200px;  margin:80px auto 100px auto; text-align:center; transform: translate(-50px); min-height:300px;}


.ent {display:none !important;}



ul.tabs2 { font-family: 'Noto Sans KR', sans-serif;      margin: 0;    padding: 0;    float: left;    list-style: none;    width: 100%;    font-size:14px;	height:40px;}
ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:10px;    float: left;    text-align:center;    cursor: pointer;    width:16.5%;    height: 45px;    line-height: 45px;    border: 1px solid #ccc;    font-weight: 400;    background: #fff;    overflow: hidden;    position: relative;	}
ul.tabs2 li.selected, ul.tabs li.selected:hover{    position: relative;    top: 0px;	color:#fff; background: #131159;  border:1px solid #131159; }	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
ul.tabs2 li a { padding:10px 180px; color:#444;}
ul.tabs2 li.selected a:hover{    text-decoration: none;}
ul.tabs2 li.active { color:#fff; background: #131159; border:1px solid #131159; }

.tab_container2 {    border: none;    border-top: none;    clear: both;    float: left;    width: 100%;    background: #FFFFFF;max-width:900px;}
.tab_content2 { position: absolute;    margin:40px 0px 0px 0px; padding-right:60px;    font-size: 1em;    display: none;}
.tab_container2 .tab_content2 ul {    width:100%;    margin:0px;    padding:0px;}
.tab_container2 .tab_content2 ul li {    padding:5px;    list-style:none;} #container2 {    width: 1100px;    margin: 0 auto;}


@media all and (max-width:1480px) {

	body		{border:0px solid blue}

	#header .gnb { position:absolute;  left: 50%; margin-left:-300px; /*transform: translate(-44%);*/}
	#header .gnb>li {display:inline-block; padding:0 25px; position:relative;}
	


}


@media all and (max-width:1200px) {


	body		{border:0px solid red}


	#header {height:60px;}
	#header:before {display:none;}
	#header:hover {border:0;}
	#header .ci {left:15px !important; line-height:60px;}
	#header .ci img {height:18px; vertical-align:middle; margin-top:0;}
	#header .gnb {position:fixed; top:60px; width:100%; padding:20px; z-index:-1; left:-100%; transform:none; margin-left:0; -webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;-ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}
	#header .gwell { display: none; }
	#header .gnb.on {left:0; z-index:1009;}
	#header .gnb li {display:block; position:relative; z-index:1; padding:0;}
	#header .gnb li a {color:#fff; height:50px; line-height:50px; border-top:#4c3169 1px solid; letter-spacing:5px; display:block; font-size:14px;}
	#header .gnb li:first-child a {border-top:0;}
	#header .gnb:after {position:fixed; background:#fff; width:100%; height:1000%; opacity:0; top:0; left:0; content:''; z-index:-1; display:none;-webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;-ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}
	#header .gnb.on:after {opacity:0.8; display:block;}
	#header .gnb:before {position:absolute; background:#37234d; width:100%; height:100%; top:0; left:0; content:''; }
	#header .gnb>li ul {display:none;}

	#header .ci img {vertical-align:middle; margin-top:0;}

	.btn_all {position:fixed; right:15px; top:18px; z-index:1003; display:block; cursor:pointer; height:26px;}
	.btn_all.close div.line01, .btn_all.close div.line03 {width:0px;}
	.btn_all li div {width:25px; height:2px; background:#37234d; margin:5px 0;-webkit-transition:all 0.5s ease .1s;-moz-transition:all 0.5s ease .1s;ms-transition:all 0.5s ease .1s;-o-transition:all 0.5s ease .1s;transition:all 0.5s ease .1s;}

	.mc_duck {position:absolute; left:15px; bottom:60px; font-size:0.825rem; }

		
	#footer .wrap .duck_foot br {display:none;}
	
	#footer {background:#F0F2F2; padding:40px 0 100px 0; z-index:1; position:relative; width: 100%;}

	.footer_con {width:100%; position: relative; margin-top:2rem; border-top:none; padding-top:0px; overflow: hidden}
	.footer_left		{width:100%; float:left; line-height:1.4}

	.footer_right { text-align: left;width:100%; float:left; padding-top:15px;}
	.footer_right p { font-size: 12px;; line-height: 150%; letter-spacing: -0.3px; margin-top:2px;}


	.footer_top	div {position:absolute; bottom:auto; top:0; right:0}
	.footer_top	div	img	{height:40px;}
	.footer_top	div	a	{margin-right:5px;}


		
	#simg {width:96%; padding:20px 0; margin:70px auto 0 auto;  transform: translate(0px); }

	.tab {width:96%; transform: translate(0px);}
	#scont {width:96%; margin-top:40px; margin-bottom:40px; transform: translate(0px);}



	.quick {position:fixed; right:0; top:auto; bottom:0; background:#37234d; width:100%; height:70px; z-index:999999999999999999;text-align: center;  color: #fff; overflow: hidden;}

	.quick ul { width: 100%; }
	.quick ul li { width: 33.3%;transition: 0.3s; position: relative;  float:left }

	.quick ul li:last-child { margin-bottom: 0; }
	.quick ul li div { width: 100%; }
	.quick ul li a { width: 100%; display: block; color:#d69a2d}

	.quick ul li.open	{height:70px; background-color:#d69a2d; box-sizing: border-box;  font-family: 'GmarketSans';font-weight:400; font-size:18px; line-height:1.4; padding-top:13px;}
	.quick ul li.open b	{display:block; font-size:20px; font-weight:400; line-height:1.2; padding-right:5px;}
	.quick ul li.open strong	{font-size:20px; font-weight:600;  }
	.quick ul li.open span	 { display:block; font-size:15px; font-weight:400;  font-family: 'GmarketSans'; margin-left:0px;}

	.quick ul li.open .pc_quick	{display:none}
	.quick ul li.open .mo_quick	{display:block}

	.quick ul li.number	{height:70px; box-sizing: border-box;  font-family: 'GmarketSans';font-weight:700; font-size:16px; line-height:0.8; border-right:1px solid #6a6184;  border-bottom:none; color:#d69a2d; padding-top:30px;}
	.quick ul li.number	span	{display:inline-block}

	.quick ul li.register	{height:70px; box-sizing: border-box;  background:url(../img/guest2.png) no-repeat center 8px; border-bottom:none;  line-height:1.4}
	.quick ul li.register  a	{display:block; font-size:13px; width:100%; height:70px; padding-top:37px; font-weight:600}
	.quick ul li.register  a span	{display:none}


	.quick ul li.gw	{ display:none}

	.quick ul li.el{ display:none}





}



@media only screen and (min-width: 768px) and (max-width: 1200px) {


.mcont01 .cont {}

.mo_view {display:block !important;}
.pc_view {display:none !important;}


}


@media all and (max-width: 800px){


	#scont {transform: translate(0px);}
	#simg {transform: translate(0px);}
	.tab {transform: translate(0px);}





}



@media all and (max-width:780px) {

	.mo_view {display:block !important;}
	.pc_view {display:none !important;}
	body {font-size:14px;}
	.nav {display:none;}
	img {max-width:100%;}
	.duck_foot {font-size:2.7vw; margin-top:4vw;}
	.duck_foot br {display:none;}
	.ent {display:block !important;}
	#header .gwell {display:none;}
	#header .ci img {vertical-align:middle; margin-top:0;}

	.quick ul li div h4 { line-height: 130%; }
	.quick ul li.open div h4 { margin-top:5vw;}
	.quick ul li.open:before {display:none;}

	.quick ul { width: 100%; /*transform: translateY(-15.65rem); */ position: relative; top:auto;}




	.mc_duck { left:0; bottom:12vw; font-size:2.5vw; padding:0 4vw; line-height:150%;}


	#simg {width:100%; padding:20px 0; margin:70 0 0 0; transform: translate(0px);}
	#simg h2 {font-size:18px; padding:15px;}
		


	.tab {overflow:hidden; margin:0 auto; border:#37234d 0px solid; display:block; overflow: hidden}
	.tab li {float:left; border:1px solid #37234d; border-radius:5px; margin-bottom:5px;}
	.tab li a {display:block; height:45px; line-height:45px; text-align:center; color:#37234d; border:none; font-weight:400; border-left:0; width:100%; }
	.tab li:first-child a {border-left:none;}


   .tab.menu1 li	{width: 32.5%; margin-right:1.25%; }
   .tab.menu1 li:nth-child(3)	{margin-right:0} 
   .tab.menu1 li:nth-child(4)	{width: 49.5%; margin-right:1%; } 
   .tab.menu1 li:nth-child(5)	{width: 49.5%; margin-right:0%; } 

   .tab.menu2 li	{width: 49.5%; margin-right:1%; }
   .tab.menu2 li:nth-child(2n)	{margin-right:0} 


    .tab.menu3 li	{width: 49.5%; margin-right:1%; }
	.tab.menu3 li:nth-child(2n)	{margin-right:0} 
	.tab.menu1 li:nth-child(3)	{margin-right:0} 
 





	.tab02 {margin:-20px 0 20px 0; width:100%;}
	.tab02 li a {height:40px; line-height:40px; font-size:12px;}




	#footer {background:#F0F2F2; padding:30px 0 100px 0;  position:relative; width: 100%;}
	#footer .wrap {font-size:12px; line-height:24px; position:relative; max-width:1820px; margin:0 auto; width: 92%;}
	#footer .wrap>ul {width:100%; overflow:hidden;}


	.footer_top { height: 100%; color: #696969; font-weight: 500; text-align: left; }
	.footer_top  img	{height:25px;}
	.footer_top a	{display:inline-block;  margin-right:10px}
	.footer_top a.line	{display:inline-block;  padding-left:10px; border-left:none}
	.footer_top a.line:after	{}
	.footer_top img.logo3	{display:block; height:33px; margin-top:5px; margin-left: 10px; }
	.footer_top ul { font-family: 'Noto Sans KR', sans-serif;  color: #000; margin-top: 1.25rem;  }
	.footer_top ul li {position: relative; font-size:14px; line-height: 100%; font-weight: 400; padding:5px 15px 0 0}
	.footer_top ul li:first-child { padding-left : 0; line-height:1.5; width:100%;}
	.footer_top ul li:after { display:none }
	.footer_top ul li span { vertical-align:middle; }
	.footer_top ul li:last-child:after { display: none; }
	.footer_top ul li img	{vertical-align:middle; margin-left:5px; margin-bottom:3px;}



}


@media all and (max-width:440px) {

	.quick ul li.open	{height:70px; background-color:#d69a2d; box-sizing: border-box;  font-family: 'GmarketSans';font-weight:400; font-size:16px; line-height:1.4; padding-top:15px;}

}




@media all and (max-width:480px) {
	
	

	#scont {width:96%; margin-top:20px; margin-bottom:40px; transform: translate(0px);}


	


}