@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* COMMON */
body,
input,
textarea,
select,
table,
button {font-family:'Nanum Gothic',sans-serif;font-size:12px;font-weight:normal; letter-spacing:-0.2px;} 

button {border: 0;}
.center {text-align:center !important;}
.ml_60 {margin-left:60px;}
.ml_90 {margin-left:90px;}
#wrap{ width:100%; min-width:1200px; height:100%;}
.hidden {opacity: 0;visibility: hidden;}

.admin_login_box{ width:500px; height:320px; margin:0 auto; background-image:url(../img/admin_login_bg.png); padding-top:50px; background-position:bottom; background-repeat:no-repeat;}
.admin_login_box_title{ width:420px; margin:0 auto; height:70px; line-height:70px; border-bottom:1px dashed #e4e4e4; font-size:23px; font-weight:bold; letter-spacing:-0.5px; color:#787878; padding-top:10px; margin-bottom:30px;}
.admin_login_input{  width:420px; margin:0 auto; height:auto;}
.admin_login_input .text_box{ min-width:100px; height:50px; line-height:50px; font-size:15px; font-weight:bold; color:#b8b8b8; float:left; margin-left:3px;}
.admin_login_input .text_box_input{ width:280px; padding-left:10px; padding-right:10px; height:40px; background-color:#fff; border:1px solid #e0e0e0; font-size:15px;}
.admin_login_input .login_btn{ width:420px; height:50px; clear:both; padding-top:20px;}

.box{ width:1200px; height:auto; position:relative; margin:0 auto;}
.box2{ width:1200px; height:auto; position:relative;}

#header{width:100%; min-width:1200px; height:130px; background-color:#fff; border-bottom:1px solid #e4e4e4;}
#header .header_top{width:100%; min-width:1200px; height:40px; background-color:#ff9000; font-size:14px; line-height:38px; color:#fff; background-image:url(../img/h_top_bg.png); background-position:center; background-repeat:no-repeat;}
#header .header_top .r_menu{ float:right; width:auto;}
#header .header_top .r_menu ul{ width:auto;}
#header .header_top .r_menu ul li{ float:left; margin-left:10px; margin-right:10px;}
#header .header_top .r_menu ul li a{text-decoration:none !important;color:#fff;}
#header .header_top .r_menu ul li.line{ color:#ffce8f;}
#header .logo{width:auto; height:auto; padding-top:10px;}
#header .top_menu{height:90px; z-index:1; text-align:center; position:absolute; right:0px; top:0px;}
#header .top_menu ul{ width:100%; text-align:center;}	 
#header .top_menu ul.menu li{ float:left; width:180px; height:90px; position:relative; z-index:20; text-align:center; border-left:1px solid #e4e4e4; color:#4f4f4f; font-size:19px; font-weight:bold;}
#header .top_menu ul.menu li.bo_r{ border-right:1px solid #e4e4e4; }
#header .top_menu ul.menu li a{display: block;width:180px; height:90px; line-height:90px;font-weight:bold; color:#4f4f4f; text-decoration:none !important;}
#header .top_menu ul.menu li a:hover{ color:#ff9000;}
#header .top_menu ul.menu li ul.sub{position: absolute; top:90px; width:180px; margin-left:-1px;border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
#header .top_menu ul.menu li ul.sub a:hover{background-color:#4d4d4d; color:#ff9000;  text-decoration:none !important;}
#header .top_menu ul.menu li ul li{ width:180px;border-bottom:1px solid #e4e4e4; font-size:14px; background-color:#fff; letter-spacing:-0.2px; height:40px; line-height:40px;border-left:0px; background-color:#f3f3f3; }
#header .top_menu ul.menu li ul li a{width:180px; height:40px; line-height:40px;}
#header .top_menu ul.menu{zoom:1;}
#header .top_menu ul.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
#header .top_menu ul.menu li.on_line{ border-top:1px solid #e4e4e4;}

#header .event_box{position:absolute; right:-100px; width:100px; top:0;}
#header .event_box .d_day{padding-top:10px; font-size:24px; color:#92653c; font-weight:bold; text-align:left; padding-left:10px;}
#header .event_box .visit{}

.return-top{bottom:0px; right:0px;}
.return-top img{ width:65px; height:auto;}


#contents{ width:100%; min-width:1200px; height:auto;}

#contents .main_pic{ width:100%; min-width:1200px; height:518px; background-image:url(../img/main_pic.jpg); background-repeat:no-repeat; background-position:center; border-bottom:5px solid #ff9000; overflow:auto;}
#contents .main_pic .text_box{ width:800px; height:199px; background-color:rgba(0,0,0,0.4);border-radius: 600px;background-repeat:no-repeat; margin:0 auto;padding: 0 20px; margin-top:65px; text-align:center; color:#fff;}
#contents .main_pic .text_box .text_s1{ font-size:48px; font-weight:bold; letter-spacing:-1px; line-height:105px; padding-top:20px;}
#contents .main_pic .text_box .text_s2{ font-size:18px; font-weight:bold;}
#contents .main_pic .text_box .text_s3{ color:#ff9000;}

#contents .main_sub_bg{ width:100%; min-width:1200px; height:150px; background-repeat:repeat-x; background-image:url(../img/main_sub_box_bg.png);}
#contents .main_sub_btn{ position: relative;width:auto;height: 150px;}
#contents .main_sub_btn ul{position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 720px;}
#contents .main_sub_btn ul li{ float:left; width:240px; height:150px; line-height:150px; text-align:center;}

#contents .main_sub_pic{ width:100%; min-width:1200px; padding: 40px 0;}
#contents .main_sub_pic ul {display: flex;justify-content: space-between;width:1200px; margin:0 auto;}
#contents .main_sub_pic ul li {width: 370px;}

#contents .main_sub_pic.bg-gray {background-color:#f3f3f3;}



#contents .sub1_top_pic{width:100%; min-width:1200px; height:200px; background-image:url(../img/sub1_pic.jpg); background-repeat:no-repeat; background-position:center; overflow:auto; position:relative;}
#contents .sub2_top_pic{width:100%; min-width:1200px; height:200px; background-image:url(../img/sub2_pic.jpg); background-repeat:no-repeat; background-position:center; overflow:auto; position:relative;}
#contents .sub3_top_pic{width:100%; min-width:1200px; height:200px; background-image:url(../img/sub3_pic.jpg); background-repeat:no-repeat; background-position:center; overflow:auto; position:relative;}
#contents .sub4_top_pic{width:100%; min-width:1200px; height:200px; background-image:url(../img/sub4_pic.jpg); background-repeat:no-repeat; background-position:center; overflow:auto; position:relative;}
#contents .sub5_top_pic{width:100%; min-width:1200px; height:200px; background-image:url(../img/sub5_pic.jpg); background-repeat:no-repeat; background-position:center; overflow:auto; position:relative;}
#contents .con_title{ width:230px; height:150px; line-height:150px; position:absolute; left:0px; top:50px; z-index:1; text-align:center; color:#fff; font-size:33px; font-weight:bold; background-image:url(../img/sub_title_bg.png);}
#contents .nav{ width:100%; min-width:1200px; height:33px; line-height:33px; font-size:12px; background-image:url(../img/bg_b.png); font-weight:normal; color:#ededed; letter-spacing:0px; text-align:right; position:absolute; bottom:0px;}
#contents .nav .in{ color:#ff9000; font-weight:bold;}


#contents .wrap-btn-download {display: flex;justify-content: space-between;align-items: center;margin-top: 24px;padding: 16px 24px;border: 1px solid #d9dcde;}
#contents .wrap-btn-download .title {font-weight: 600;font-size: 17px;}
#contents .btn-download {position: relative;padding: 8px 48px 8px 24px;background-color: #edf1f5;color: #333;font-weight: 600;font-size: 15px;}
#contents .btn-download::after {content: '';position: absolute;top: 50%;right: 16px;width: 25px;height: 20px;background: url(../img/icon_download.png) center;transform: translateY(-50%);}
#contents .btn-download:hover {color: #000;background-color: #e5e9ed;}

#contents .con {width:100%; min-width:1200px; height:auto;}
#contents .con .left_menu{ width:228px; height:auto; float:left; }
#contents .con .left_menu ul{ position:relative;}
#contents .con .left_menu ul li{ width:198px; padding-left:15px; padding-right:15px; height:55px; line-height:55px; border-bottom:1px solid #d3d3d3; font-size:16px; color:#696969; font-weight:bold; position:relative; letter-spacing:0px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background-color:#f6f6f6;}
#contents .con .left_menu ul li a{  width:198px; padding-left:15px; padding-right:15px; height:55px; top:0px; left:0px;  position:absolute; text-decoration:none !important; color:#696969;transition: .2s linear;}
#contents .con .left_menu ul li a:hover{ background-color:#4d4d4d; color:#ff9000;}
#contents .con .left_menu ul li .arrow { text-align:right; color:#d3d3d3; position:absolute; z-index:1; right:0px; top:0px;  width:198px; padding-left:15px; padding-right:15px; height:55px;}
#contents .con .left_menu ul li .arrow:hover{ text-align:right; color:#ff9000; position:absolute; z-index:1; right:0px; top:0px;  width:198px; padding-left:15px; padding-right:15px; height:55px;}
#contents .con .left_menu ul li.in a{ background-color:#4d4d4d; color:#ff9000;}
#contents .con .left_menu ul li.in .arrow{ color:#ff9000;}

#contents .con .left_menu .bottom_btn{ width:230px; height:auto; margin-top:30px;}
#contents .con .left_menu .bottom_btn img{ margin-bottom:8px;}

#contents .con .con_in{ width:940px; height:auto; float:right;}
#contents .con .con_in .con_in_title{ width:910px; padding-left:30px; height:65px; padding-top:15px; line-height:65px; border-bottom:1px solid #e2e2e2; font-size:30px; color:#4d4d4d; background-image:url(../img/sub_in_title_bg.png);}
#contents .con .con_in .con_in_box{ width:940px; height:auto; min-height:800px; margin-top:50px; margin-bottom:80px; position:relative; color:#393939;}

/* Title Style */
#contents .con .con_in .con_in_box .text_s{position: relative;padding-top: 18px;font-weight:bold; font-size:18px; line-height:32px; margin-top:50px; margin-bottom:9px; color: #31546d;}
#contents .con .con_in .con_in_box .text_s:first-child{ margin-top:0;border-top:none;}
#contents .con .con_in .con_in_box .text_s2{font-size: 24px;color: #121212;padding-left: 25px;position: relative;font-weight: bold;margin-top: 70px;margin-bottom: 20px;}
#contents .con .con_in .con_in_box .text_s2:before { position: absolute;top: 4px;left: 0;content: ''; display: block;width: 18px;height: 11px; background: url(../img/h2_bul.png);}
#contents .con .con_in .con_in_box .text_s2:first-child{margin-top: 0;}
#contents .con .con_in .con_in_box .text_s3{  font-weight:bold; font-size:23px;color: #f9710e; line-height:32px; margin-top:50px; margin-bottom:25px;}
#contents .con .con_in .con_in_box .text_s4{font-weight:bold; font-size:18px; line-height:32px; margin-top:30px;margin-bottom: 10px; color: #31546d;}
#contents .con .con_in .con_in_box .text_s5{width: 100%;margin: 5px 0 20px;padding: 10px;background-color: #fff2d7;border: 1px solid #ffdcb0;line-height: 1.5;box-sizing: border-box;color: #000;font-size: 15px;}
/*#contents .con .con_in .con_in_box .text_s6 {margin-top: 26px;margin-bottom: 10px;color: #2549a1;font-size: 17px;font-weight: 800;line-height: 1.5;}*/
#contents .con .con_in .con_in_box .text_s6 {margin: 24px 0 10px;color: #ff9000;font-size: 18px;font-weight: 800;line-height: 1.5;}

#contents .con .con_in .con_in_box .text_s_box{ width:100%; height:auto; overflow:auto; margin-top:20px;}
#contents .con .con_in .con_in_box .text_s_box .text_s_box_in{ width:250px; height:auto; padding-top:15px; float:left; border:1px solid #d8d8d8; text-align:center; line-height:23px;}
#contents .con .con_in .con_in_box .text_s_box .text_s_box_in .text_s_box_in_s{ width:250px; height:72px; background-color:#b5836d; color:#fff; font-weight:bold; padding-top:10px; padding-bottom:10px; margin-top:15px; font-size:17px;}
#contents .con .con_in .con_in_box .text_s_box .text_s_box_in2{ width:72px; height:165px; line-height:165px; float:left;}

.title-tip {margin-left: 6px;padding: 9px 12px;border-radius: 14px;color: #fff;font-size: 15px;vertical-align: middle;}
.title-tip.bg-og {background-color: #fc8b07;}
.title-tip.bg-gray {background-color: #4d4d4d;}


/* Contents Box (wrapper) */
#contents .sub_in_text_box { width:900px; margin:0 auto; height:auto; word-break:keep-all !important; font-size:16px; line-height:28px;}

/* Box - Gray Bg */
#contents .inner {padding: 30px;background: #F4F6F8;}

/* Image Box - line */
#contents .img_m { margin-top:20px; margin-bottom:10px;}

#contents .img_wrap {margin-bottom: 20px;padding: 50px;border: 1px solid #d6d6d6;text-align: center;}
#contents .img_wrap img {display: block;width: 100%;margin: 0 auto;}
#contents .img_wrap2 {margin-bottom: 20px;padding: 20px;border: 1px solid #d6d6d6;text-align: center;}

#contents .img_wrap.col2 {display: flex;justify-content: space-between;}
#contents .img_wrap.col2 img {width: 48%;margin: 0;}

#contents .img_wrap2 {margin-bottom: 20px;padding: 10px;border: 1px solid #d6d6d6;text-align: center;}
#contents .img_wrap2.col2 {display: flex;justify-content: space-between;}
#contents .img_wrap2.col2 img {width: 100%;margin: 0;}


/* Title */
#contents .text_s2 { word-break:keep-all !important;}

/* Table */
#contents .table_s {width: 100%;margin-top: 10px;margin-bottom: 30px;background-color: #fff;}
#contents .table_s table {width: 100%;}
#contents .table_s table th {padding: 10px 0;text-align: center;font-size: 16px;color: #000;font-weight: bold;border: 1px solid #d8d8d8;vertical-align: middle;}
#contents .table_s table td { font-size:15px; height:30px; word-break:keep-all; border:1px solid #d8d8d8; text-align:left; min-width:60px; padding:10px 15px;}
#contents .table_s.tb_ct_md table td {text-align: center;vertical-align: middle;}
#contents .table_s .bg_s{ background-color:#f4f4f4;color: #fff;}
#contents .table_s .bg_s1{ background-color:#4d4d4d;color: #fff;}
#contents .table_s .bg_s2{ background-color:#729dd2;color: #fff;}
#contents .table_s .bg_s3{ background-color:#d57d98;color: #fff;}
#contents .table_s .bg_s4{ background-color: #e7daed;}

#contents .con .con_in .con_in_box .map_s{ margin-top:30px; border-top: 3px dotted #bcbcbc; padding-top:30px;}

#contents .con .con_in .con_in_box .bo_text{ width:100%; height:auto;}
#contents .con .con_in .con_in_box .bo_text table{ width:100%; height:auto;}
#contents .con .con_in .con_in_box .bo_text table th{ height:50px; background-color:#f1f1f1; line-height:50px; border-top:2px solid #b0b0b0; border-bottom:1px solid #d2d2d2; text-align:center; font-size:16px; font-weight:bold; color:#4d4d4d;}
#contents .con .con_in .con_in_box .bo_text table td{ height:45px; line-height:45px; text-align:center; font-size:14px; letter-spacing:-0.3px; border-bottom:1px solid #e3e3e3;}
#contents .con .con_in .con_in_box .bo_text table th.top_bo_s{border-top:2px solid #ff9000;}
#contents .con .con_in .con_in_box .bo_text table td.text_a_l{ text-align:left;}
#contents .con .con_in .con_in_box .bo_text table td a{ color:#393939;}
#contents .con .con_in .con_in_box .bo_text table td a:hover{ color:#9d5b2a;}

#contents .con .con_in .con_in_box .bo_page{ width:100%; margin:0 auto; height:37px; text-align:center; margin-top:35px;}
#contents .con .con_in .con_in_box .bo_page a{ display:inline-block; background-color:#fff; border:1px solid #dfdfdf; min-width:33px; line-height:33px; color:#585858; font-size:13px; text-decoration:none !important;}
#contents .con .con_in .con_in_box .bo_page a.in{ background-color:#ff9000; color:#fff; font-weight:bold;}

#contents .con .con_in .con_in_box .bo_sh{ width:465px; background-color:#ebebeb; margin:0 auto; height:75px; line-height:73px; text-align:center; margin-top:35px; border:1px solid #d5d5d5;}
#contents .con .con_in .con_in_box .bo_sh .bo_sh_input{ width:90px; height:32px; background-color:#fff; border:1px solid #d5d5d5; font-size:13px;}
#contents .con .con_in .con_in_box .bo_sh .bo_sh_input2{ width:230px; padding-left:10px; padding-right:10px; height:30px; background-color:#fff; border:1px solid #d5d5d5; font-size:13px;}

#contents .con .con_in .con_in_box .bo_btn_box{ width:100%; height:auto; overflow:auto; text-align:right; margin-top:10px;}
#contents .con .con_in .con_in_box .bo_btn_box img{ margin:0px;}
#contents .con .con_in .con_in_box .bo_btn_box_l{ width:auto; height:auto; float:left;}
#contents .con .con_in .con_in_box .bo_btn_box2{ width:100%; height:auto; overflow:auto; text-align:center;}

#contents .con .con_in .con_in_box .bo_view { width:900px; height:auto; }
#contents .con .con_in .con_in_box .bo_view ul{ width:900px; height:auto; border-top:2px solid #c2c2c2;}
#contents .con .con_in .con_in_box .bo_view ul li{ width:880px; padding-left:10px; padding-right:10px;}
#contents .con .con_in .con_in_box .bo_view ul li.bo_view_title{ font-size:16px; font-weight:bold; color:#393939; line-height:25px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #c2c2c2;}
#contents .con .con_in .con_in_box .bo_view ul li.bo_view_info{ height:45px; line-height:45px; background-color:#f4f4f4; color:#929292; font-size:13px; border-bottom:1px solid #e3e3e3;}
#contents .con .con_in .con_in_box .bo_view ul li .bo_view_info_r{ float:right;}
#contents .con .con_in .con_in_box .bo_view ul li.bo_view_con{ width:880px; height:auto; padding-top:10px; padding-bottom:10px; line-height:25px; word-break:break-all; border-bottom:1px solid #e0e0e0; font-size:13px;}
#contents .con .con_in .con_in_box .bo_view ul li.bo_view_con img{ max-width:880px; height:auto; padding-bottom:10px; padding-top:10px;}

#contents .con .con_in .con_in_box .bo_write{ width:100%; height:auto; margin:0 auto; margin-bottom:30px;}
#contents .con .con_in .con_in_box .bo_write table{ width:100%; height:auto; border-top:2px solid #c2c2c2;}
#contents .con .con_in .con_in_box .bo_write table th{ height:30px; line-height:30px; padding-top:10px; padding-bottom:10px; padding-left:15px; width:125px; font-size:15px; font-weight:bold; color:#393939; background-color:#f4f4f4; border-bottom:1px solid #e0e0e0;}
#contents .con .con_in .con_in_box .bo_write table td{ padding-left:10px; border-bottom:1px solid #e0e0e0; padding-top:10px; padding-bottom:10px; color:#62677b; font-size:14px;}
#contents .con .con_in .con_in_box .bo_write table th.top_bo_s{border-top:2px solid #ff9000;}
#contents .con .con_in .con_in_box .bo_write .bo_w_input{ width:725px; padding-left:5px; padding-right:5px; height:34px; border:1px solid #e0e0e0; background-color:#f8f8f8;}
#contents .con .con_in .con_in_box .bo_write .bo_w_input2{ width:735px; height:34px; border:0px; background:#fff;}
#contents .con .con_in .con_in_box .bo_write .bo_w_text_s{ margin-top:8px; font-size:13px;}

#contents .con .con_in .con_in_box .bo_gallery{ width:100%; height:auto;}
#contents .con .con_in .con_in_box .bo_gallery ul{ border-top:2px solid #c2c2c2; border-bottom:1px solid #c2c2c2; overflow:auto; padding-bottom:30px;}
#contents .con .con_in .con_in_box .bo_gallery ul li{ width:202px; height:200px; float:left; margin-top:20px; margin-bottom:20px; margin-left:11px; margin-right:11px;}
#contents .con .con_in .con_in_box .bo_gallery ul li .pic{ width:200px; height:145px; background-color:#fff;border:1px solid #e9e9e9;}
#contents .con .con_in .con_in_box .bo_gallery ul li .pic img{ width:100%; height:100%;}
#contents .con .con_in .con_in_box .bo_gallery ul li .title{ width:200px; height:auto; color:#393939; font-size:14px; font-weight:bold; letter-spacing:-0.1px; overflow:hidden; line-height:24px; margin-top:8px;}
#contents .con .con_in .con_in_box .bo_gallery ul li .title a{color:#393939; text-decoration:none !important;}
#contents .con .con_in .con_in_box .bo_gallery ul li .title a:hover{ color:#9d5b2a;}
#contents .con .con_in .con_in_box .bo_gallery ul li .date{ color:#989898; font-size:12px;}






#footer{ width:100%; min-width:1200px; height:auto; background-color:#4d4d4d; overflow:auto; padding-top:30px; padding-bottom:30px; color:#cfcfcf; font-size:13px; line-height:22px;}
#footer .text_s{ font-size:14px; color:#ff9000; font-weight:bold;}
#footer .text_s2{ font-size:11px; color:#8a8a8a; letter-spacing:0.5px;}
#footer .text_s3{ margin-top:10px;}
#footer .r_text{ position:absolute; right:10px; top:0px; width:auto; height:auto;}
#footer .r_text ul{ position:relative;}
#footer .r_text ul li{ float:left; font-size:15px; font-weight:bold; color:#ff9000; margin-left:6px; margin-right:6px;}
#footer .r_text ul li a{color:#ff9000; text-decoration:none !important;}
#footer .r_text ul li.line{ font-weight:normal; color:#747474;}




.ui {
    overflow: hidden;
    position: relative;
}
.ui.uip.type1 li:first-child b, .ui.uip.type3 li:first-child {
    background-color: #f17a22;
    border-color: #f17a22;
    color: #fff;
}

	.ui.uip.type3 li {
	position: relative;
    display: inline-block;
    float: left;
    margin: 0 5% 5% 0;
    padding: 10px;
    width: 12.5%;
    border: 1px solid #ddd;
	border-radius: 50px;
    text-align: center;
    font-size: 13.5px;
}
.ui.uip.type3 li:before {
    content: "";
    display: inline-block;
    height: 54px;
    vertical-align: middle;
}
.ui.uip.type3 li .cont {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}
.ui.uip.type3 li:after {
content: "";
position: absolute;
top: 30px;
    left: auto;
    right: -26%;
    margin: 0;
    width: 21px;
    height: 6px;
    background: url(../img/flow_leftarr.png) no-repeat;
}
.ui.uip.type3 li.last_child:after {
background:none;
}



.video_wrap {
	background: #f4f4f4  url(../img/video_bg.png)  right bottom no-repeat;
    padding: 60px;
    text-align: center;
	margin:0 auto;
}


/* btn */
.wbtn {margin-top:20px;}
.wbtn .basic a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
}
.wbtn .basic {
    width: 240px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    background: #fa7819;
}


.btnwrap { margin: 20px 0;text-align: center;}

.btn {
    display: inline-block;
    position: relative;
    padding:12px 25px;
    border: none;
    background: none;
	border-radius: 5px;
   
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    vertical-align: middle;
    color: inherit;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
a.btn { color: #fff;}
.btn.small { padding:6px 15px !important;font-size: 14px;}

.btn.default,
.btn.default:link,
.btn.default:visited{background-color:#f47f00;border-color:#f47f00;}
.btn.default:hover,
.btn.default:focus,
.btn.default:active{background-color:#494949;border-color:#494949;}
.gray {background-color:#767575 !important;border-color:#767575 !important;}


.btn.default2,
.btn.default2:link,
.btn.default2:visited{background-color:#494949;border-color:#494949;}
.btn.default2:hover,
.btn.default2:focus,
.btn.default2:active{background-color:#494949;border-color:#494949;}


/* mbtn */
.mbtn {margin-top:20px;}
.mbtn .basic a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 100%;
    font-weight: bold;
}
.mbtn .basic {
    width: 175px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    background: #fa7819;
}



/* List Style - bullet */
.list-1st {}
.list-1st > li{position: relative;margin: 6px 0;padding-left: 8px;font-size: 15px;line-height: 1.6;}
.list-1st > li:before{display: inline-block;content: '';width: 3px;height: 3px;border-radius: 50%;background: #ff7e00;position: absolute;top: 12px;left: 0;}
.list-1st > li b {color: #111;font-weight: 600;}
.list-1st > li.bul_none {padding-left:0;}
.list-1st > li.bul_none b{font-size: 17px;color: #914118;font-weight: bold; margin-top: 10px;display: block;}
.list-1st > li.bul_none:before {display:none;}

.list-2st {margin-left: 12px;}
.list-2st > li {position: relative;margin: 6px 0;padding-left: 12px;font-size: 14px;line-height: 1.5;}
.list-2st > li::before {display: inline-block;position: absolute;top: 12px;left: 0;content: '';width: 6px;height: 1px;background: #666;}
.list-2st > li b {color: #111;font-weight: 600;}
.list-2st > li.bul_none {padding-left:0;}
.list-2st > li.bul_none b{font-size: 17px;color: #914118;font-weight: bold; margin-top: 10px;display: block;}
.list-2st > li.bul_none:before {display:none;}

/* List Style - number */
.list_num {margin: 10px 0 16px;padding: 20px;background: #fff;border-radius: 6px;}
.list_num li {margin: 5px 0;font-size: 15px;}
.list_num li .num {display: inline-block;width: 28px;height: 28px;margin-right: 8px;border-radius: 50%;background-color: #c25e2a;color: #fff;font-size: 14px;font-weight: bold;text-align: center;line-height: 28px;}


/* text_s_box */
.box_line {margin-top: 25px;box-sizing: border-box;padding:20px 30px; border:1px solid #e5e5e5;}
.box_line .ti{font-size:16px;font-weight: bold;margin-bottom: 10px;}

/* Schema */
.list_flow:after{content:"";display:block;clear:both;visibility:hidden;}
.list_flow>li{position:relative;padding:0;width:22.7%;height: 250px;background:#fff;border:1px solid #d3d5d8;box-sizing: border-box;}
.list_flow>li:before{content:"";display:block;position:absolute;top:50%;margin-top:-14px;width:28px;height:28px;}
.list_flow>li:first-child:before{display:none;}
.list_flow>li:after{content:"";display:block;position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#ececec;}
.list_flow .f_left:before{left:-19.5%;background:url(/images/common/flow_leftarr.png) no-repeat center;}
.list_flow>li .num{display: block;width: 38px;height: 38px;margin: 20px auto 10px auto;background: #f18d02;border-radius: 50%;color: #fff;font-size: 16px;font-weight: 600;line-height: 38px;text-align:center;}
.list_flow .f_left{float:left;margin-left:3%;}
.list_flow>li.s_end{background:#6689d4;color:#fff;border:1px solid #6689d4;}
.list_flow>li.s_end b.finish{color:#fff}
.list_flow>li:first-child {margin-left:0;}
.list_flow>li b{display:block;padding:0 0 20px 0;border-bottom:1px dotted #b2b2b2;color:#333;font-size:17px;line-height:20px;text-align:center;}
.list_flow>li p{line-height: 21px;text-align: center;padding: 10px;}
.list_flow>li strong{position: absolute;bottom: 0;width: 100%;padding: 10px 0;background: #faeedf;text-align: center;font-weight: 600;}

.list_flow .f_left.bg_blue .num {background: #729dd2;}
.list_flow .f_left.bg_blue>strong {background: #ecf1f8;}

.list_flow.type02>li {height: 300px;}
.list_flow.type02 strong {display: block;position: inherit;}
.list_flow.type02 .list-1st {padding: 10px;}
.list_flow.type02 .step5 {margin: 20px 0 0 0;}
.list_flow.type02 .step6 {margin-top: 20px;}

.list_flow.col3>li {width: 31.3333%;}
.list_flow.col3 .step4 {margin: 20px 0 0;}
.list_flow.col3 .step5 {margin: 20px 0 0 3%;}


.list_flow2:after{content:"";display:block;clear:both;visibility:hidden;}
.list_flow2>li{position:relative;padding:0;width:17.6%;height: 73px;background:#ecf1f8;border:1px solid #d3d5d8;box-sizing: border-box;}
.list_flow2>li:before{content:"";display:block;position:absolute;top:50%;margin-top:-14px;width:28px;height:28px;}

.list_flow2>li:first-child:before{display:none;}
.list_flow2>li:after{content:"";display:block;position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#ececec;}
.list_flow2 .f_left:before{left:-19.5%;background:url(/img/flow_leftarr.png) no-repeat center;}
.list_flow2>li .num{display: block;width: 38px;height: 38px;margin: 20px auto 10px auto;background: #f18d02;border-radius: 50%;color: #fff;font-size: 16px;font-weight: 600;line-height: 38px;text-align:center;}
.list_flow2 .f_left{float:left;margin-left:3%;}
.list_flow2>li.s_end{background:#6689d4;color:#fff;border:1px solid #6689d4;}
.list_flow2>li.s_end b.finish{color:#fff}
.list_flow2>li:first-child {margin-left:0;}
.list_flow2>li b{display:block;padding:0 0 20px 0;border-bottom:1px dotted #b2b2b2;color:#333;font-size:17px;line-height:20px;text-align:center;}
.list_flow2>li p{line-height: 21px;text-align: center;padding: 10px;}
.list_flow2>li strong{position: absolute;bottom: 0;width: 100%;padding: 10px 0;text-align: center;font-weight: 600;}
.list_flow2.type03 >li {height: 72px;}
.list_flow2.type03 strong {display: block;position: inherit;}
.list_flow2.type03 .list-1st {padding: 10px;}

.list_flow3:after{content:"";display:block;clear:both;visibility:hidden;}
.list_flow3>li{position:relative;padding:0;width:31.3%;height: 73px;background:#ecf1f8;border:1px solid #d3d5d8;box-sizing: border-box;}
.list_flow3>li:before{content:"";display:block;position:absolute;top:50%;margin-top:-14px;width:28px;height:28px;}
.list_flow3>li:first-child:before{display:none;}
.list_flow3>li:after{content:"";display:block;position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#ececec;}
.list_flow3 .f_left:before{left:-10.5%;background:url(/img/flow_leftarr.png) no-repeat center;}
.list_flow3>li .num{display: block;width: 38px;height: 38px;margin: 20px auto 10px auto;background: #f18d02;border-radius: 50%;color: #fff;font-size: 16px;font-weight: 600;line-height: 38px;text-align:center;}
.list_flow3 .f_left{float:left;margin-left:3%;}
.list_flow3>li.s_end{background:#6689d4;color:#fff;border:1px solid #6689d4;}
.list_flow3>li.s_end b.finish{color:#fff}
.list_flow3>li:first-child {margin-left:0;}
.list_flow3>li b{display:block;padding:0 0 20px 0;border-bottom:1px dotted #b2b2b2;color:#333;font-size:17px;line-height:20px;text-align:center;}
.list_flow3>li p{line-height: 21px;text-align: center;padding: 10px;}
.list_flow3>li strong{position: absolute;bottom: 0;width: 100%;padding: 10px 0;text-align: center;font-weight: 600;}
.list_flow3.type03 >li {height: 72px;}
.list_flow3.type03 strong {display: block;position: inherit;}
.list_flow3.type03 .list-1st {padding: 10px;}

.list_flow3.col4>li {width: calc(33% -1px);height: 94px;}
.list_flow3.col4 .f_left:before {left: -27px;}




.list_flow3_2:after{content:"";display:block;clear:both;visibility:hidden;}
.list_flow3_2>li{position:relative;padding:0;width:31.3%;height: 73px;background:#ecf1f8;border:1px solid #d3d5d8;box-sizing: border-box;}
.list_flow3_2>li:before{content:"";display:block;position:absolute;top:50%;margin-top:-14px;width:28px;height:28px;}
.list_flow3_2>li:first-child:before{display:none;}
.list_flow3_2>li:after{content:"";display:block;position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#ececec;}
.list_flow3_2 .f_left:before{left:-10.5%;background:url(/img/flow_leftarr.png) no-repeat center;}
.list_flow3_2>li .num{display: block;width: 38px;height: 38px;margin: 20px auto 10px auto;background: #f18d02;border-radius: 50%;color: #fff;font-size: 16px;font-weight: 600;line-height: 38px;text-align:center;}
.list_flow3_2 .f_left{float:left;margin-left:3%;}
.list_flow3_2>li.s_end{background:#6689d4;color:#fff;border:1px solid #6689d4;}
.list_flow3_2>li.s_end b.finish{color:#fff}
.list_flow3_2>li:first-child {margin-left:0;}
.list_flow3_2>li b{display:block;padding:0 0 20px 0;border-bottom:1px dotted #b2b2b2;color:#333;font-size:17px;line-height:20px;text-align:center;}
.list_flow3_2>li p{line-height: 18px;text-align: center;padding: 5px;}
.list_flow3_2>li strong{position: absolute;bottom: 0;width: 100%;padding: 10px 0;text-align: center;font-weight: 600;}
.list_flow3_2.type03 >li {height: 72px;}
.list_flow3_2.type03 strong {display: block;position: inherit;}
.list_flow3_2.type03 .list-1st {padding: 10px;}

.list_flow3_2.col4>li {width: calc(33% -1px);height: 190px;}
.list_flow3_2.col4 .f_left:before {left: -27px;}




input,textarea,select{font-size:1em;/*font-family:Nanum Gothic;*/vertical-align:baseline;vertical-align:middle}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:40px;width:auto;height:35px;padding:0 5px;margin:0;border:1px solid #adadad;border-top-color:#adadad}
input[type="file"]{height:35px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

:root input[type="file"]{margin-bottom:5px;padding:0 5px 0 0;border:none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
input[type="button"],input[type="reset"],input[type="submit"]{min-width:20px;width:auto;height:35px;padding:0 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top;width:100%;height:200px;}
select{height:35px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea{margin:0;border:1px solid #ccc;color:#666;vertical-align:middle}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{line-height:35px}

.w100 {width: 100px !important;}
.hypen {margin: 0 5px;}
.essential-icon {color: #cf0505;margin-right: 3px;vertical-align: middle;}
.findbtn {background-color: #5e5c62;border-color: #5e5c62;border-radius: 0;padding: 7px 20px;font-size: 14px;}
.mt_10 {margin-top: 10px !important;}
.wp100 {width: 100% !important;}



table caption {text-indent: -100000px;font-size: 0;line-height: 0;}
.tableStyle_thleft {border-collapse: separate;width: 100%;border-top:solid 2px #313131;table-layout:fixed; border-collapse:separate;clear:both;}
.tableStyle_thleft thead th {background:#f9f9fb;padding:16px;font-weight: 500;font-size:15px;vertical-align:middle;font-weight:500;border-bottom: 1px solid #919191;}
.tableStyle_thleft thead th:first-child, .tableStyle_thleft .blNone {border-left:none}
.tableStyle_thleft tbody th {vertical-align:middle;font-size:15px;text-align:left;padding:15px 10px 15px 24px;background:#f9f9fb;font-weight:500;border-left: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.tableStyle_thleft tbody th:first-child {border-left:0;}
.tableStyle_thleft tbody td {vertical-align:middle;font-size:14px;text-align:left;padding:15px 10px 15px 24px;line-height:24px;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;}
.tableStyle_thleft tbody td:first-child {border-left:none;}
.tableStyle_thleft tfoot th {background:#f9fafc;font-weight:500;border-top:1px solid #4c5365;border-bottom: 1px solid #dadada;line-height:24px;}
.tableStyle_thleft tfoot td {text-align:center;padding:10px 0;border-top:1px solid #4c5365;line-height:24px;background:#f9fafc;border-bottom: 1px solid #dadada; border-left:1px solid #dadada;font-weight:500;}
.tableStyle_thleft tfoot td:first-child {border-left:0;}
.tableStyle_thleft .blLine {border-left:1px solid #dadada !important;}
.tableStyle_thleft label {font-size:1em;margin-right:10px;}
.tableStyle_thleft input[readonly] {background-color: #eee;opacity: 1;}
.pro_intro {padding: 15px 20px;background: #f9fafc;}
.join-sub-txt2 {display: inline-block;margin-top: 5px; color: #828282;font-weight: 400;font-size: 11px;font-family: "µ¸¿ò",dotum,sans-serif;letter-spacing: -0.5px;}
.essential-icon {color: #cf0505;margin-right: 3px;vertical-align: middle;}
.hypen {margin: 0 5px;}
.photo_wrap {margin:0;}
.photo_wrap:after{content:"";display:block;}
.photo_wrap .photo_box {float:left;padding: 10px;border: 1px solid #e9e9e9;}
.photo_wrap .photo_info {float:left;margin-left: 30px;}
.photo_wrap .photo_info ul{padding: 10px 15px;margin-bottom: 20px;background: #f3f3f3;}
@media (max-width:768px){
	table.tableStyle_thleft {table-layout: auto;}
	table.tableStyle_thleft tbody th, table.tableStyle_thleft tbody td {display: block;line-height: 24px;min-height: 25px}
    table.tableStyle_thleft tbody th {position: relative;padding-left: 24px;border-left: none;border-bottom: none;font-weight: 500;color: #000;}
    table.tableStyle_thleft tbody th:after {position: absolute; top: 25px;left: 13px;content: ''; width: 5px;height: 5px;background-color: #3a5573;border-radius: 100%;}
    table.tableStyle_thleft tbody td {padding: 15px 20px !important;;border: 1px solid #dadada;border-right: none; border-left: none;color: #666;}
    table.tableStyle_thleft tbody .pc {display: none;}
    table.tableStyle_thleft tbody .blLine {border-left: none !important;}

	.photo_wrap .photo_box{float:none;}
	.photo_wrap .photo_info {float:none;margin-left: 0;}

}


.box-link {display: inline-block;padding: 8px 30px;margin-top: 10px;border: 1px solid #888;text-align: center;}
.icon-youtube {display: inline-block;float: left;width: 30px;height: 30px;margin-right: 5px;background: url('../img/icon_youtube.png') no-repeat;background-size: contain;}


/* 맵 레이어 */
.wrap-map-layer {z-index: 10000;display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;
    perspective: 1000px;
    transition: all .35s linear;background: url(../img/main/map_bg.jpg);background-size: cover;}

.map-container {position: relative;transform-style: preserve-3d;}
.map-img-wrap {position: relative;transform-style: preserve-3d;transition: .4s linear transform;width: 1557px;height: 757px;margin-top: 170px;}
/*.map-img-wrap img {display: block;width: 100%;}*/
.map-img {transition: 0.5s ease-out;}
.map-raft {position: absolute;bottom: 270px;left: 626px;animation: float 9.5s ease-in-out infinite;}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(60px);
    }

    100% {
        transform: translateY(0px);
    }
}

.map-popup-info {position: absolute;top: 90px;left: 50%;transform: translateX(-50%);}

/* 맵 레이어 - 구역별 플러스 버튼 */
.wrap-map-layer .btn-area {z-index: 10000;display: flex;align-items: center;justify-content: center;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;
    border: 3px solid #fff;border-radius: 20px;box-sizing: border-box;box-shadow: 2px 5px 5px rgb(0 0 0 / 10%);color: #fff;transition: width .3s linear;text-decoration: none;}
.wrap-map-layer .btn-area .title {opacity: 0;margin-top: 3px;transition-delay: 0s;font-family: 'GmarketSansMedium';font-size: 15px;}
.wrap-map-layer .btn-area.on {width: 92px;padding-left: 20px;}
.wrap-map-layer .btn-area.on .title {opacity: 1;transition-delay: .25s;}
.wrap-map-layer .btn-area::before,
.wrap-map-layer .btn-area::after {content: '';position: absolute;top: 16px;left: 10px;width: 14px;height: 2px;background-color: #fff;}
.wrap-map-layer .btn-area::after {transform: rotate(90deg);}
.wrap-map-layer .btn-area-a {margin: -120px -321px;background-color: #d5304b;}
.wrap-map-layer .btn-area-b {margin: -48px -22px;background-color: #2762c4;}
.wrap-map-layer .btn-area-c {margin: -48px 280px;background-color: #e73fb1;}
.wrap-map-layer .btn-area-d {margin: -176px 120px;background-color: #0d8d67;}


/* 맵 레이어 - 메타버스 이용방법 팝업 */
.wrap-map-layer .pop-use {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10001;}
.wrap-map-layer .pop-use__btn-close {position: absolute;top: 0;right: 0;background: rgba(0, 0, 0, 0);width: 41px;height: 41px;cursor: pointer;}

/* 맵 레이어 - 구역별 라인 */
.map-img-wrap .area-line {opacity: 0;position: absolute;transition: 0s;transition-delay: 0s;}
.map-img-wrap .area-line.on {opacity: 1;transform: translateZ(60px);
    transition: all .6s ease-out;transition-delay: .5s;}
.map-img-wrap .area-a {top: 118px;left: 283px;width: 536px;}
.map-img-wrap .area-b {top: 173px;left: 560px;width: 400px;}
.map-img-wrap .area-c {top: 166px;right: 379px;width: 352px;}
.map-img-wrap .area-d {top: 94px;right: 450px;width: 390px;}

.map-img-wrap .area-line object {width: 100%;}

/* 행사장 배치도 팝업 */
.map-popup {opacity: 0;visibility: hidden;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1600px;width: 90%;z-index: 100;box-shadow: 2px 3px 20px 8px #00000078;transition: .3s;}
.map-popup__img {display: block;width: 100%;}
.map-popup__close {position: absolute;top: -15px;right: -15px;width: 60px;height: 60px;cursor: pointer;background: #f88312;border-radius: 50%;}
.map-popup__close::before,
.map-popup__close::after {content: '';position: absolute;top: 13px;left: 50%;width: 2px;height: 60%;background-color: #fff;}
.map-popup__close::before {transform: rotate(45deg);}
.map-popup__close::after {transform: rotate(-45deg);}




/* 맵 레이어 - 닫기 버튼 */
.btn-map-close {position: absolute;top: 40px;right: 45px;width: 80px;height: 80px;padding: 10px;background: rgba(255, 255, 255, 30%);border: 0;border-radius: 50%;cursor: pointer;}
.btn-map-close__x {display: block;position: relative;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;}
.btn-map-close__x::before,
.btn-map-close__x::after {content: '';position: absolute;top: 50%;left: 50%;width: 1px; height: 50%;background-color: #050505;}
.btn-map-close__x::before {transform: translate(-50%, -50%) rotate(45deg);}
.btn-map-close__x::after {transform: translate(-50%, -50%) rotate(-45deg);}