@charset "utf-8";

/* 그누보드 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* 커스텀 */

a { text-decoration: none; }
select { font-size: 14px; }

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }

.ck.ck-editor__editable { min-height: 200px !important; }


 .left_manual_item .downB {}

 .left_manual_item .downB a {display:block; width:100%; height:100%;padding:33px 0 0 20px;}

 .left_manual_item .downB strong {display:block; margin:0 0 5px;font-size:20px;font-family: "NotoSans-Medium",sans-serif;}

 .left_manual_item .downB em {    display: block;

    font-size: 12px;

    font-family: "Open Sans", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;

    color: #858689;}

 .left_manual_item .wallet {width:100%;height: 33%;border:0px solid #c2c2c2;background:transparent url(/img/2024/main_wallet.png)no-repeat 98% 45%;color:#3e3f40;border-bottom: 1px solid rgba(0,0,0,0.1);background-size: 40px;}

 .left_manual_item .pos {width:100%;height: 33%;background: transparent url(/img/2024/main_pos.png)no-repeat 98% 45%;color:#3e3f40;border-bottom: 1px solid rgba(0,0,0,0.1);background-size: 40px;}

 .left_manual_item .etc {width:100%;height: 33%;background: transparent url(/img/2024/main_etc.png)no-repeat 98% 45%;color:#3e3f40;background-size: 40px;}

.middle_container {

    display: table;

    width: 100%;

    height: 100%;

    table-layout: fixed;

}

.middle_container_inner {

    display: table-cell;

    width: 100%;

    vertical-align: middle;

}

.main_con_wrap {

    max-width: 1520px;

    margin: 0 auto;

}



.iroom_section_content {

    height: 477px;

    margin: 0 -12px;

    position: relative;

}

.iroom_section_content>div {

    float: left;

    height: 100%;

    padding: 0 12px;

    position: relative;

}

.iroom_section_down {

    width: 25.2%;

}



.left_manual_item {

    height: 100%;

}



.left_manual {

    height: 100%;

    position: relative;

    border: 0.5rem solid #f4f8fd;

    background-color: #fff;

    padding: 27px 20px;

    height: -webkit-calc(50% - 10px * 1);

    height: calc(50% - 10px * 1);

    padding: 27px 20px;

    position: relative;

    border: 0.5rem solid #f4f8fd;

    background-color: #fff;border-radius:5px;

}

.iroom_section_Top{width:25.2%}

.iroom_section_Top_itme{height:-webkit-calc(50% - 10px * 1);height:calc(50% - 10px * 1);padding:27px 20px;position:relative;border: 0.5rem solid #f4f8fd;background-color:#fff;border-radius:5px;}

.iroom_section_Top_itme:first-child{margin-bottom:20px}

.iroom_section_Top_title{font-size:21px;line-height:1.2;letter-spacing:-0.025em;color:#000;font-family: "gmarket",sans-serif;font-weight:600;letter-spacing:-0.023em;}

.iroom_section_Top_bottom{width:-webkit-calc(100% - 18px * 1);width:calc(100% - 18px * 1);position:absolute;left:12px;top:60px}

.iroom_section_Top_bottom2{width: -webkit-calc(100% - 100px * 1);

    width: calc(100% - 100px * 1);

    position: absolute;

    left: 19px;

    bottom: 50px;

    /* text-align: justify; */



    color: #858689;

    font-size: 13px;

    line-height: 1.6;

    letter-spacing: -0.1em;  font-family: "Open Sans", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;}

.iroom_section_Top_meta>li{margin-bottom:10px}

.iroom_section_Top_meta>li:last-child{margin-bottom:0}

.iroom_section_Top_meta>li>b{display:inline-block;width:45px;margin-right:5px;padding:4px 0;font-size:15px;font-weight:400;text-align:center;color:#204199;background:#fff;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.iroom_section_Top_meta>li>span{font-size:18px;font-weight:300;color:#fff}

.iroom_section_Top_link{display:table;width:70px;height:70px;position:absolute;right:0;bottom:0;font-size:16px;font-weight:400;letter-spacing:0.1em;text-align:center;color:#204199;background:#fff;-webkit-transition:box-shadow 300ms;-webkit-transition:-webkit-box-shadow 300ms;transition:-webkit-box-shadow 300ms;transition:box-shadow 300ms;transition:box-shadow 300ms, -webkit-box-shadow 300ms}

.iroom_section_Top_link i{display:table-cell;width:100%;vertical-align:middle;font-style:normal}

a.iroom_section_Top_link:hover{-webkit-box-shadow:inset 0 0 0 4px rgba(32, 65, 153, 1);box-shadow:inset 0 0 0 4px rgba(32,65,153,1)}

.iroom_section_Top_itme.closed .iroom_section_Top_link{color:#222}

.iroom_section_Top_itme.closed .iroom_section_Top_meta>li>b{color:#222}

.iroom_section_banner{width:49.6%}

.iroom_section_banner {

    width: 49.6%;

}

.left_manual:first-child {

    margin-bottom: 20px;

}

.O_color {

    color:#FF7403;

}

.Y_color {

    color:#FFC001;

}

.G_color {

    color:#008557;

}

.R_color {

    color:#f52f23;

}

#main #gss_mid.first .wrap{



margin:0 30px;

margin:0 auto;

}





.main_center_slider {

    width: 100%;

    height: 100%;

    position: relative;

	border: 0.5rem solid #f4f8fd;border-radius:5px;

}



.main_center_item {

    width: 100%;

    height: 100%;

    position: relative;

    background: no-repeat center center;

    background-size: cover;

}

.iroom_section_banner .cycle_pager2 {

    display: block;

    font-size: 0;

    line-height: 1;

}

.iroom_section_banner .cycle_pager_wrap {

    position: absolute;

    left: 0;

    bottom: 30px;

    z-index: 120;

}

.iroom_section_banner .cycle_pager_wrap {

    left: 42px;

}



.iroom_section_banner .cycle_pager2 li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin-right: 7px;

    -webkit-transition: width 400ms ease;

    transition: width 400ms ease;

}

.iroom_section_banner .cycle_pager2 li span {

    display: block;

    width: 100%;

    height: 100%;

    font-size: 0;

    background: #d4d4d4;

    border-radius: 10px;

    cursor: pointer;

    -webkit-transition: background 300ms;

    transition: background 300ms;

}

.iroom_section_banner .cycle_pager2 li:last-child {

    margin-right: 0;

}

.iroom_section_banner .cycle_pager2 li.cycle-pager-active {

    width: 10px;

}

.iroom_section_banner .cycle_pager2 li.cycle-pager-active span{background:#FFC001}

 .iroom_section_banner .cycle_pager2 li span {

    background: #fff;

}

.iroom_section_banner .cycle_pager2 li.cycle-pager-active:after {

display:none;

}



#gss_mid{

    width: 100%;

    padding: 60px 0px;

    position: relative;

    background-color: #fff;

    max-width: 1560px;

    margin: 0 auto;



}







#gss_mid.first{

    width: 100%;

    padding: 30px 0px;

    position: relative;

    background-color:#FCFCFE;

    max-width: 100%;

    margin: 0 auto;

	min-height:350px;

float:none;

}



#gss_mid .square_bg {

position: absolute;

    top: -8%;

    right: -5%;

    z-index: 0;



}

.notice ul li:nth-child(12) {

    border-bottom: 0px;



}

@media (max-width: 1550px){

.iroom_section_content>div {

    padding: 0 6px;

}

}

@media (max-width: 1280px){

#gss_mid .square_bg{

display:none;

}

.notice ul li:nth-child(8), .notice ul li:nth-child(9),.notice ul li:nth-child(10),.notice ul li:nth-child(11),.notice ul li:nth-child(12){display:none;

}



.notice ul li:nth-child(7){



border-bottom: 0px;

}

.iroom_section_content {

    /*height: 287px;*/

    margin: 0;

}

 .left_manual_item .downB em {

    display: none;

}

.iroom_section_content>div.iroom_section_down {

    width: 100%;

    margin-bottom: 12px;

}

.iroom_section_content>div {

    padding: 0;

}

.iroom_section_content>div.iroom_section_Top {

    height: 380px;

    width: -webkit-calc(35% - 6px * 1);

    width: calc(35% - 6px * 1);

    margin-right: 12px;

}

.iroom_section_content>div.iroom_section_banner {

    height: 380px;

    width: -webkit-calc(65% - 6px * 1);

    width: calc(65% - 6px * 1);

}

#gss_mid {

    padding: 10px 0px;

}

#gss_mid{



padding-bottom:10px;



}

.notice ul {

    border: 0px solid rgba(255,255,255,0.2);

    padding: 20px 10px;

}

.notice ul li:nth-child(3) {

    /*border-bottom: 0px;*/



}

.notice ul li:nth-child(11) {

    border-bottom: 1px solid rgba(0,0,0,0.1);



}

.notice ul li:nth-child(4) {

    /*border-bottom: 0px;*/



}

.iroom_section_Top_bottom2 {



    bottom: 40px;



}





.left_manual_item {

    height: 100%;

    width: calc(100% - 18px * 1);

    position: absolute;

    left: 12px;

}



.left_manual_item .downB a {

    display: block;

    width: 100%;

    height: 100%;

    padding: 60px 0 0 0px;

}

.left_manual_item .downB.pos:before{



content: '';

    display: block;

    width: 1px;

    height: 62px;

    position: absolute;

    top: 12%;

    margin-top: 6px;

    left: 33%;

    background: #e3e3e3;



}



.left_manual_item .downB.etc:before{



content: '';

    display: block;

    width: 1px;

    height: 62px;

    position: absolute;

    top: 12%;

    margin-top: 6px;

    left: 66%;

    background: #e3e3e3;



}





 .left_manual_item .downB strong {

    display: block;

    margin: 5px 0 5px;

    font-size: 16px;

}

.left_manual_item  .downB {

    float: left;

	    margin: 0;

		text-align: center;

}

.left_manual_item .pos {

    width: 33%;

    height: 105px;

		    border-bottom: 0px solid rgba(0,0,0,0.1);

			background: transparent url(/img/2024/main_pos.png)no-repeat 48% 30%;

			background-size: 40px;

}

.left_manual_item .wallet {

    width:33%;

    height: 105px;

	    border-bottom: 0px solid rgba(0,0,0,0.1);

		background: transparent url(/img/2024/main_wallet.png)no-repeat 48% 30%;

		background-size: 40px;

}

.left_manual_item .etc {

    width: 33%;

    height: 105px;

	background: transparent url(/img/2024/main_etc.png)no-repeat 48% 30%;

	background-size: 40px;

}

.left_manual {



    position: relative;

    padding: 27px 20px;

}



}



@media (max-width: 980px){



#gss_mid .square_bg img{

max-width:40%;

}

.left_manual:first-child {

    margin-bottom: 10px;

}

#gss_mid .square_bg{

position: absolute;

    top: -3%;

    right: -30%;

    z-index: 0;

}

.iroom_section_content>div.iroom_section_Top{height:355px}

.iroom_section_Top_meta>li>b{margin-right:3px;font-size:13px}

.iroom_section_Top_meta>li>span{font-size:15px}

.iroom_section_Top_link{width:50px;height:50px;font-size:13px}

a.iroom_section_Top_link:hover{-webkit-box-shadow:none;box-shadow:none}

.iroom_section_content>div.iroom_section_banner{height:355px}





.left_manual_item {

    height: 100%;

    width: calc(100% - 18px * 1);

    position: absolute;

    left: 12px;

}



.left_manual_item .downB a {

    display: block;

    width: 100%;

    height: 100%;

    padding: 60px 0 0 0px;

}

.left_manual_item .downB.pos:before{



content: '';

    display: block;

    width: 1px;

    height: 62px;

    position: absolute;

    top: 12%;

    margin-top: 6px;

    left: 33%;

    background: #e3e3e3;



}



.left_manual_item .downB.etc:before{



content: '';

    display: block;

    width: 1px;

    height: 62px;

    position: absolute;

    top: 12%;

    margin-top: 6px;

    left: 66%;

    background: #e3e3e3;



}





 .left_manual_item .downB strong {

    display: block;

    margin: 5px 0 5px;

    font-size: 16px;

}

.left_manual_item  .downB {

    float: left;

	    margin: 0;

		text-align: center;

}

.left_manual_item .pos {

    width: 33%;

    height: 105px;

		    border-bottom: 0px solid rgba(0,0,0,0.1);

			background: transparent url(/img/2024/main_pos.png)no-repeat 48% 30%;

			background-size: 40px;

}

.left_manual_item .wallet {

    width:33%;

    height: 105px;

	    border-bottom: 0px solid rgba(0,0,0,0.1);

		background: transparent url(/img/2024/main_wallet.png)no-repeat 48% 30%;

		background-size: 40px;

}

.left_manual_item .etc {

    width: 33%;

    height: 105px;

	background: transparent url(/img/2024/main_etc.png)no-repeat 48% 30%;

	background-size: 40px;

}

.left_manual {



    position: relative;

    padding: 27px 20px;

}

}

 .notice ul {

    border: 0px solid rgba(255,255,255,0.2);

    padding: 20px 5px;

}

.notice ul li {

   border-bottom: 1px solid rgba(0,0,0,0.1);

}

.notice ul li a {

    color:#222;

	width:100%;

    display: inline-block;

    padding: 8px 0 2px;

    /* padding-right: 200px; */

    position: relative;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;    line-height: 1.2;



    font-family: "Open Sans", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;

}





.notice ul li a p {



    font-size: 12px;



    margin-right: 0px;

    /* bottom: 10px; */

    font-family: "Lato", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;



    color: #666;

	width:100%;

	text-align:left;

}







.notice ul li a span {



    font-size: 12px;



    margin-right: 0px;

    /* bottom: 10px; */

    font-family: "Lato", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;



    color: #666;

		width:25%;

}



.notice ul li:nth-child(4) {

    border-bottom: 0px;

}

.iroom_section_Top_itme .notice_btn{

    position: absolute;

    right: 20px;

    top: 31px;

}



.iroom_section_Top_itme  .info_ico{

    position: absolute;

    right: 12px;

    bottom:50px;

}



.left_manual .notice_btn{

    position: absolute;

    right: 20px;

    top: 31px;

}

.main_center_category{display: inline-block;
    padding-left: 0.2em;position: absolute;top: 22px;right: 29px;font-size: 16px;letter-spacing: -0.033em;line-height: 2;text-shadow: 1px 0 #000, 0 1px #000, -1px 0 #000, 0 -1px #000;color: #FFFFFF;border-bottom: 1px solid rgba(255,255,255,.44);font-family: "NotoSans-Bold",sans-serif;
}
.main_center_typo{display:inline-block;padding-bottom:3px;margin-bottom:23px;position:relative;font-size:18px;font-weight:600;line-height:1.44;color:#fff}

.main_center_typo:after{content:'';display:block;width:100%;height:1px;position:absolute;left:0;bottom:0;background:#fff;background:rgba(255,255,255,.44)}

.main_center_title{font-size:40px;font-weight:300;line-height:1.2;letter-spacing:-0.05em}

.main_center_title.first{color:#009fe9}

.main_center_title.second{color:#e95e71}

.main_center_desc{margin-top:16px;font-size:16px;line-height:1.75;font-weight:300;color:#fff}

@media (max-width: 980px){



.left_manual_item a{padding-right:20px}

.home .iroom_section_down .cycle_control{display:none}

.iroom_section_content>div.iroom_section_down{margin-bottom:0px}

.iroom_section_content>div.iroom_section_Top{width:100%;height:auto;margin-right:0;margin-bottom:10px}

.iroom_section_Top_itme{float:left;width:100%;height:auto;padding:28px 20px 28px;min-height:150px;}

.iroom_section_Top_itme:first-child{margin-bottom:10px;margin-right:0%}

.iroom_section_Top_title{display:block;white-space:nowrap;    font-size: 18px;}

.iroom_section_Top_bottom{bottom:0px;    top: 50px;}

.iroom_section_Top_bottom2{    bottom: 28px;

    font-size: 13px;

    line-height: 1.5;

    text-align: left;}

.iroom_section_content>div.iroom_section_banner{width:100%;height:330px;    margin-bottom: 10px;}

.notice ul {

    border: 0px solid rgba(255,255,255,0.2);

    padding: 20px 10px;

}

.notice ul li:nth-child(3) {

    /*border-bottom: 0px;*/



}

.notice ul li:nth-child(4) {

    border-bottom: 0px;



}

.iroom_section_Top_itme  .info_ico{

    position: absolute;

    right: 12px;

    bottom: 25px;

}





}





.main_txt_wrap{



position:relative;

width:100%;

margin:40px auto;

}

.main_txt_wrap .top_bottom{
position:relative;
margin:0 auto;
text-align: center;  padding-top:10px;

}



.main_txt_wrap .top_bottom ul {

    display: inline-block;

    width: 100%;

    max-width: 462px;

    background: #fff;

    border-radius: 25px;

	    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);

    transition: all .4s cubic-bezier(.19,1,.22,1);

    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);

    transition-timing-function: cubic-bezier(.19,1,.22,1);

    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.1);

    box-shadow: 0 3px 30px rgba(125,139,200,.1);

}

.main_txt_wrap .top_bottom  li {

       display: inline-block;
	   float:left;

    padding: 10px 10px 12px;

    font-size: 15px;

    color: #222;

	  font-family:  'Montserrat',"NotoSans-Bold",sans-serif;

       font-weight: 700; 



}



.main_txt_wrap .top_bottom li {

    display: inline-block;

    vertical-align: middle;

    width: 74.1%;

    text-align: left;

}



.main_txt_wrap .top_bottom li.tt {

    display: inline-block;

    vertical-align: middle;

    width: 74.1%;

    text-align: left;

}



.main_txt_wrap .top_bottom li.active {

    width: 25%;

		  font-family:  'Montserrat',"NotoSans-Bold",sans-serif;

       font-weight: 900; 

	     text-align: center;

}

.main_txt_wrap .top_bottom li.tt.active {

    color: #fff;

    background:#d00e18;

    border-radius: 25px 0 0 25px;

}

.main_txt_wrap .top_bottom li.active {

    color: #fff;

    background:#ED9ECE;

    border-radius: 25px 0 0 25px;

}

.main_txt_wrap .top_bottom li.active.blue{

    background:#0A7CCD;

}

#main #gss_mid.first{



background:#FCFCFE url('./img/2024/b_top_bg.png') no-repeat center 80%;





}

#main #gss_mid.first .wrap .main_txt_wrap span {

    display: inline-block;

    padding: 8px 17px 7px;

    margin-bottom: 19px;

    font-size: 13px;

    letter-spacing: -0.025em;

    line-height: 1.35;

    color: #fff;

    background:#008557;

    border-radius: 25px;

	   font-family:  'Montserrat',"NotoSans-Bold",sans-serif;

       font-weight: 900;    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);

    -webkit-transition: height 400ms;

    transition: height 400ms;

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);

    transition: all .4s cubic-bezier(.19,1,.22,1);

    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);

    transition-timing-function: cubic-bezier(.19,1,.22,1);

    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.2);

    box-shadow: 0 3px 30px rgba(125,139,200,.2);

}



#main #gss_mid.first .wrap .main_txt_wrap h2 {

    display: inline-block;

    padding: 8px 17px 7px;

    margin-bottom: 19px;

    font-size: 13px;

    letter-spacing: -0.025em;

    line-height: 1.35;

      color: #222;

    background: #fff;

    border-radius: 25px;

	   font-family:  'Montserrat',"NotoSans-Bold",sans-serif;

       font-weight: 700;    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);

    -webkit-transition: height 400ms;

    transition: height 400ms;

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);

    transition: all .4s cubic-bezier(.19,1,.22,1);

    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);

    transition-timing-function: cubic-bezier(.19,1,.22,1);

    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.2);

    box-shadow: 0 3px 30px rgba(125,139,200,.2);

}

.top_title {

    font-size: 22px;

    font-weight: 400;

    line-height: 1.4;

    color: #222; 

	    font-family:  'Montserrat',"NotoSans-Medium",sans-serif;

		text-align:center;

		margin-bottom:30px;



}



.top_title span{

display:block;

    font-size: 20px;

	    font-weight: 500;    font-family: "gmarket",sans-serif;

    font-weight: 600;

}



.top_title span.en{  font-family:  'Roboto',"NotoSans-Bold",sans-serif;     font-size: 55px; font-weight: 900;}

 .time{position: relative;z-index: 4;text-align: center;color:#FFC001;    line-height:1;height:81px; font-family:  'Roboto',"NotoSans-Bold",sans-serif;}
 .time span{font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight: 900;line-height:1;margin:0 0px;width:0px;font-size: 75px;}
 .time p{display:inline-block;width:120px;letter-spacing:-1px;    font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 75px;    font-weight: 900;line-height:1;}
 .time p i {    font-size: 12px;}
 .time p i.cc {    font-family: "NotoSans-Regular",sans-serif;    /* font-weight: 600; */    font-size: 12px;    font-style: normal;    color: #363636;    position: absolute;    bottom: 20px;	 font-weight: normal;    margin-left: 4px;}
 .time p:first-child i.cc {    font-family: "NotoSans-Regular",sans-serif;    /* font-weight: 600; */    font-size: 12px;    font-style: normal;    color: #363636;    position: absolute;    bottom: 20px;    font-weight: normal;    margin-left: 4px;}
 .time p.dd:first-child {  width:160px;}

.main-section__title {

    font-size: 2.2rem;

    font-family: "gmarket",sans-serif;

    font-weight: 600;

    text-align: center;

    margin-bottom: 34px;

    color: #121e34;

    line-height: 1.2;

}

 .time span.dd{width:120px;position: relative;margin:0 35px}



@media (max-width:768px){



.main-section__title {

    font-size: 1.6rem;

}



 .time p i.cc {

    font-family: "NotoSans-Regular",sans-serif;

 margin-left: 4px;

}

#main #gss_mid.first{



background:#FCFCFE url('/img/2024/top_bg.png') no-repeat center center;

background-size:400px;

background-position: center 100px;

}

 .time p:first-child i.cc {

    font-family: "NotoSans-Regular",sans-serif;

    /* font-weight: 600; */

    font-size: 12px;

    font-style: normal;

    color: #363636;

    position: absolute;

    bottom: 20px;

	 font-weight: normal;

    margin-left: 4px;



}

}

@media (max-width:680px){



 .time p i.cc {

    font-family: "NotoSans-Regular",sans-serif;

margin-left:0px;

}

}

@media (max-width:540px){



.time {

    position: relative;

    z-index: 4;



    text-align: center;

    color: #FFC001;

    line-height: 1;

	margin:0 0px 0 0px;

	height:48px;

}

 .time span{font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight: 900;line-height:1;margin:0 10px;width:45px;    font-size: 28px;}

 .time p{display:inline-block;width:45px;letter-spacing:-1px;    font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;    font-size: 28px;

    font-weight: 900;line-height:1;}

.top_title span.en{

   font-family:  'Montserrat',"NotoSans-Bold",sans-serif;

       font-size: 28px; font-weight: 900;

}



.main_txt_wrap .top_bottom li{

    font-size: 12px;

}

.main_txt_wrap .top_bottom li.active {

    width: 22%;

}

.main_txt_wrap .top_bottom li {

    display: inline-block;

    vertical-align: middle;

    width: 76.6%;

    text-align: left;

}





 .time p i.cc {

    font-family: "NotoSans-Regular",sans-serif;

margin-left:5px;    bottom:24px;

}





 .time p:first-child i.cc {

    font-family: "NotoSans-Regular",sans-serif;

    /* font-weight: 600; */

    font-size: 12px;

    font-style: normal;

    color: #363636;

    position: absolute;

    bottom: 24px;

	 font-weight: normal;

    margin-left: 4px;



}



#main #gss_mid.first .wrap {

    margin: 0 20px;

	margin:0 auto;

}

#gss_mid.first {



    padding:60px 0px 30px;

    min-height: 350px;

}

.main_txt_wrap .top_bottom {

    position: relative;

    margin: 0 auto;

    text-align: center;

    padding-top: 0px;margin-bottom: 5px;

}

.main_txt_wrap {

    position: relative;

    width: 92%;

    margin: 0px auto;

}



}


    .main-pop-wrap {
        position: absolute;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #555555;
        box-shadow: 2px 2px 5px #5f5f5f;
        display: none;
    }

    @media only screen and (max-width: 600px) {
        .main-pop-wrap {
            top: 10px !important;
            left: 10px !important;
            min-width: 90% !important;
            min-height: auto !important;
            padding: 10px !important;
        }

        .main-pop-wrap div {
            text-align: center !important;
        }
    }
	.basicBtn {
        background-color: #007bff; /* 버튼 배경색 */
        color: white; /* 버튼 텍스트 색상 */
        border: none; /* 테두리 제거 */
        padding: 5px 10px; /* 패딩 */
        font-size: 10px; /* 폰트 크기 */
        cursor: pointer; /* 커서 */
        border-radius: 5px; /* 모서리 둥글게 */
        transition: background-color 0.3s ease; /* 배경색 전환 효과 */
    }

    .basicBtn:hover {
        background-color: #0056b3; /* 호버 시 배경색 */
    }

    .basicBtn.ml_15 {
        margin-left: 15px;
    }

    .basicBtn.mr_15 {
        margin-right: 15px;
    }

	





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

 * Instagram

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

.main_section.main_instaram {padding: 147px 0 160px;background-color:#222;}

.main_instaram_contents_wrap {padding:0 130px;width: 100%;}

.main_instaram_contents_wrap .main_section_title {text-align:left;margin-left:0;margin-bottom: 43px;}

.main_instaram_contents_wrap .main_section_title h3 {color:#fff;text-indent: -3px;}

.main_instaram_wrap {margin:0 0px -3.274%;}

.main_instaram_wrap:after { content: ""; display: table; clear: both;}



/* card list */

.card-list__item {float: left;width: 16.66666%;padding: 0 0.51%;margin-bottom: 3.02%;}

.card-list__item:nth-child(7){clear:both}

.card-list__item-figure {position: relative;padding-top: 100%;}

.card-list__item-figure-img { width: 100%; display: block; position: absolute; top: 0;height: 100%; object-fit: cover;}

.card-list__item-figcaption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.card-list__item-figcaption:after {content: '\e918';font-family: 'nc-font';font-size:20px; color:#fff; position:absolute; top:20px; right:20px;z-index:2;opacity:0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}

.card-list__item-figcaption-inner {position: absolute;bottom: 26px;left: 0;text-align: left;z-index: 2;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;padding: 0 10.5%;color: #fff;font-size: 15px;line-height: 1.366;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-family: "NotoSans-Bold",sans-serif;}

.card-list__item-figure:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: .2;z-index: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}

html.desktop .card-list__item:hover .card-list__item-figure:before { opacity: 0.75;}

html.desktop .card-list__item:hover .card-list__item-figcaption:after,

html.desktop .card-list__item:hover .card-list__item-figcaption-inner{ opacity: 1;}





@media (max-width: 1200px){

	/* INSTAGRAM */

	.main_section.main_instaram {padding-top:112px;}

	.main_instaram_contents_wrap .main_section_title h3 {text-indent:-2px;}



	

}



@media (max-width: 540px){

	.main_section.main_instaram {padding-top: 95px;padding-bottom:149px;}

	.main_instaram_contents_wrap .main_section_title {margin-bottom:23px;}

    .main_instaram_wrap {    width: 100%;

    font-size: 0;

    margin: 0 0px;

    padding-left: 0;}

    .main_instaram_wrap::-webkit-scrollbar {}

    .card-list__item {margin-bottom: 10px;width: 50%;white-space: normal;display: inline-block;float: none;padding: 0 5px;}

    .card-list__item:last-child {margin-right: 0px;}





.place_tab .place_button {

    padding: 12px 16px 13px;

    font-size: 14px;

    font-family: 'Montserrat',"NotoSans-Bold",sans-serif;

    color: #fff;

    line-height: 20px;    min-width: 120px;

    transition: color, background-color 0.2s;

}

.place_tab .place_button_tmon {

padding: 12px 16px 13px;

font-size: 14px;

font-family: 'Montserrat',"NotoSans-Bold",sans-serif;

color: #fff;

line-height: 20px;    min-width: 120px;

transition: color, background-color 0.2s;

}

}



html {

    overflow-x: hidden;

}





.tabmenu4 {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:100%; -ms-flex-wrap:nowrap; flex-wrap:nowrap;    background:#fff;

    border-radius: 50px;    max-width: 500px;margin: 0 auto;margin-bottom:2rem;    height: 50px;    border: 1px solid #eee;

    text-align: center;



    -webkit-box-sizing: border-box;

    box-sizing: border-box;}

.tabmenu4 li {position:relative; flex:1 1 auto;display: inline-block;

    vertical-align: middle;

    width: 50%;

    text-align: center;}

.tabmenu4 li a {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:18px;/*border-bottom:1px solid #dddddd;*/ color:#222;padding: 14px 10px 14px;font-family: "gmarket",sans-serif;

    font-weight: 600;

    letter-spacing: -0.023em;18px 10px 14px}

.tabmenu4 li:hover a,

.tabmenu4 li:focus a, 

.tabmenu4 li.on a {font-weight:700;  color: #fff;

 }



 .tabmenu4 li:hover a{

color: #ed9ece;



 }



  .tabmenu4 li.on:hover a{

color: #fff;



 }







.tabmenu4 li.on{  

       color: #fff;

    /* background: #447BFF; */

    border-radius: 50px;

    width: 50%;

    /* background: linear-gradient(#447BFF,#447BFF); */

    /* -webkit-box-shadow: 0 5px 5px -1px rgba(68,123,255,.2), 0 3px 5px -1px rgba(0,0,0,.15); */

    /* box-shadow: 0 5px 5px -1px rgba(68,123,255,.2), 0 3px 5px -1px rgba(0,0,0,.15); */

    /* -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); */

    /* transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); */

    /*-o-transition: transform .3s cubic-bezier(.215,.61,.355,1);*/

    /* transition: transform .3s cubic-bezier(.215,.61,.355,1); */

    /* transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);*/

	    background-image: linear-gradient(to left, rgb(255, 115, 86), rgb(251, 67, 87));

}

.tabmenu4 .tbar {

    position: absolute;

    top: -1px;

    left: -1px;

    width: 50%;

    padding-right: 1px;

    height: 50px;

    border-radius: 22px;

    background-image: linear-gradient(to left, rgb(255, 115, 86), rgb(251, 67, 87));

       -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.08);

    box-shadow: 0 3px 30px rgba(125,139,200,.08);

    -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);

    transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);

    -o-transition: transform .3s cubic-bezier(.215,.61,.355,1);

    transition: transform .3s cubic-bezier(.215,.61,.355,1);

    transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);

    content: "";

}

#tresult{

padding-bottom:60px;

min-height:500px;

}

@media (max-width: 980px){

.iroom_section_Top_itme.tt {

    float: left;

    width: 100%;

    height: auto;

    padding: 28px 20px 28px;

    min-height: 250px;

}

}



@media (max-width: 768px){

.tab_content.active .tapimg_figure {

    -webkit-box-shadow: 0 3px 30px rgba(125,139,200,.08);

    box-shadow: 0 3px 30px rgba(125,139,200,.08);

    border: 6px solid #fff;

}

.tabmenu4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    width: 100%;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    background: #fff;

    border-radius: 50px;

    max-width: 90%;

    margin: 0 auto;

    margin-bottom: 2rem;

    height: 46px;

    border: 1px solid #eee;

    text-align: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.tabmenu4 .tbar {

    height: 46px;

}

.tabmenu4 li a {

    font-size: 14px;



}

.tab_cont {

    position: relative;

    min-height: auto;

    padding: 30px 0;

	margin:0 2%;

}

.info_area{clear:both;background:url(/img/main_bg.jpg) 0 100% no-repeat #f4f6df;padding:50px;width:100%;min-height:500px}
.info_area_txt{max-width:400px;margin:25px auto;}
.info_area_txt ul{margin:0;padding:15px;border-radius:10px;background:#FFF;}
.info_area_txt ul li{padding: 4px 8px;font-size: 14px;color: #000; line-height: 20px;font-weight:600;min-width: 400px;  transition: color, background-color 0.2s;}
.info_area_txt ul li label {margin:0 10px;padding: 4px 8px;font-size: 14px;color: #0073c3; min-width:80px;line-height: 25px;font-weight:800;  transition: color, background-color 0.2s;}
.info_area .top_title{font-size:18px;color:#444;}
.info_area .top_title p{font-size:40px;color:#000;}
.info_area_txt .box{margin:0;padding:15px;border-radius:10px;background:#FFF;line-height:180%;}



}

.info_area{clear:both;background:url(/img/main_bg.jpg) 0 100% no-repeat #f4f6df;padding:50px;width:100%;min-height:500px}
.info_area_txt{max-width:800px;margin:25px auto;}
.info_area_txt ul{margin:0;padding:25px;border-radius:10px;background:#FFF;}
.info_area_txt ul li{padding: 8px 16px;font-size: 22px;color: #000; line-height: 20px;font-weight:600;min-width: 400px;  transition: color, background-color 0.2s;}
.info_area_txt ul li label {margin:0 10px;padding: 8px 16px;font-size: 22px;color: #0073c3; min-width:120px;line-height: 25px;font-weight:800;  transition: color, background-color 0.2s;}
.info_area .top_title{font-size:32px;color:#444;}
.info_area .top_title p{font-size:60px;color:#000;}
.info_area_txt .box{margin:50px auto;padding:15px;border-radius:10px;background:#FFF;line-height:180%;}
.info_area_txt .box p {font-family: "Gowun Dodum", sans-serif;text-align:center;margin:0 10px;padding: 8px 16px;font-size: 22px;color: #444; min-width:120px;line-height:200%;transition: color, background-color 0.2s;}

/*
.dropdown-item { font-size: 1rem; }
.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
*/

.table_0708{width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:2px solid #38393f;}
.table_0708 tr th{ background:#f5f5f5; border-bottom:1px solid #333333;border-right:1px solid #cccccc;height:45px;font-size:18px;}
.table_0708 tr th:last-child{border-right:0px solid #cccccc;}
.table_0708 tr td{ background:#fff; border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;font-size:16px;padding:10px;text-align:center;line-height:150%;}
.table_0708 tr td:last-child{border-right:0px solid #cccccc;}
.table_0708 .align_left{text-align:left;}
.table_0708 .title{color:#052f6e;font-size:18px;}
.table_0708 .txt{color:#777;font-size:16px;font-weight:400;padding-left:10px;padding-top:3px;font-family:'Nanum Gothic', sans-serif;}
.title_box {clear:both;background:url('../img/check_on.png') no-repeat 0 50%;padding-left:30px;font-size:28px;color:#3b7f9f;margin:20px 0;}



.uarea{
    border: 1px solid #e6e7e9;
    background: #ffffff;
    word-break: keep-all;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #FBFDFE;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;color: #555;
}
.uarea_list {margin-left: 15px;margin-bottom: 0px;margin-top: -6px;}
.uarea_list li {position: relative;margin-top: 11px;letter-spacing: -0.023em;}
.uarea_list li:before {position: absolute;top: 12px;left: -14px;content: "";width: 4px;height: 4px;background: #080a14;border-radius: 50%;}
.uarea_list li:first-child {margin-top: 0;}