@charset 'utf-8';

/* reset */
body {margin: 0;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
main {display: block;}
a {color: inherit; text-decoration: inherit;}
a img {border: none;}
img {vertical-align: middle;}
li {list-style: none;}
address, em, i, cite {font-style: normal;}
table {border-collapse: collapse;}
table caption {overflow: hidden; width: 0; height: 0;}
i.fas, i.far, i.fab {vertical-align: middle; display: inline-block;}
i.fas span, i.far span, i.fab span {position: absolute; overflow: hidden; text-indent: -999px;}
.mobile {display: none !important;}
br.only-m {content: '';}
br.only-m:after {content: '\00a0';}
.ir-hidden {position: absolute; left: -9999px;}

.clearfix{ zoom: 1; /* ie 6,7 */}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}


.mt40{margin-top:40px;}

.hidden{text-indent:-99999px;}
/* common */
body {font-family: 'NotoSansKR', '맑은 고딕', 'malgun gothic', '돋움', Dotum, 'Apple SD Gothic Neo', Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #222222; background: #ffffff;}
#wrapper {width:100%; overflow: hidden;}
#skip-nav {position: fixed; left: 0; top: -40px; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 16px; background: rgba(0, 0, 0, 0.5); color: #ffffff; transition: top 0.3s; z-index: 10000;}
#skip-nav:focus {top: 0;}

/* .pcmenu{display:block;}1
.mobilemenu{display:none;}
 */
#allmenu1{display:none; position: fixed; top:0;}

#header {position: fixed; left: 0; top: 0; width: 100%; min-width: 1024px; height: 100px; z-index: 1000; transition: background 0.3s;  background-color: rgba(31, 33, 51, 0.7);}
#header:after {content: ''; position: absolute; left: 0; top: calc(100% + 1px); width: 100%; height: 0; background: #ffffff; box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1); transition: height 0.3s;}
#header h1 {/* position: absolute; left: 0px; top: 0; */ float:left; margin-right:70px; margin-top: 17px;}
#header .inner{width:1620px; margin:0 auto;}



#gnb {/* position: absolute; left:0px; top: 0;  */ float: left; font-size:18px; color: #999999; overflow: hidden; /* width: 100%; */ height: 100px; z-index: 100; transition: height 0.3s;}
#gnb > ul > li {float: left; height: 300px;}
#gnb > ul > li + li {margin-left: 5px;}
#gnb > ul > li > a {position: relative; display: block; padding: 0 25px; height: 100px; line-height: 100px; transition: color 0.3s; color: #fff; text-align: center;}
#gnb > ul > li:hover > a {color: #000000;}
#gnb > ul > li > a:after {content: ''; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 0; width: 0; height: 2px; background:#be9a6f; transition: width 0.3s;}
#gnb > ul > li:hover > a:after {width: 100%;}
#gnb > ul > li > ul {margin-top: 30px;}
#gnb > ul > li > ul > li + li {margin-top: 10px;}
#gnb > ul > li > ul > li > a {display: block; text-align: center; transition: color 0.3s;  color: #666; font-size:15px;}
#gnb > ul > li > ul > li > a:hover {color: #000000;}

#header.on {background: #ffffff; border-bottom: 1px solid #e0e0e0;}
#header.on:after {height: 300px;}
#header.on #gnb {height: 400px;}
#header.on #gnb > ul > li > a{color:#666;}
#header.on #gnb > ul > li > ul > li > a:hover{color:#be9a6f;}

#top-lang {position: absolute; right: 100px; top: 50%; transform: translate(0, -50%); font-size: 12px; font-weight: 700;}
#top-lang li {float: left;}
#top-lang li a {display: block; background: #eeeeee; padding: 6px 15px;}
#top-lang li:first-child a {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
#top-lang li:last-child a {border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
#top-lang li.on a {background: linear-gradient(to right, rgb(43, 182, 116) 0%, rgb(12, 169, 180) 100%); color: #ffffff;}

#header a.sitemap {position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); font-size: 24px; color: #999999; line-height: 0;}

#header a.kakoa{ position: absolute; top:-4px; right:110px; display:inline-block; width:35px; height: 35px; font-size: 24px;background:url(/img/ico/kakaoa.png);  color: #999999; line-height: 0;}
#header.on a.kakoa{ position: absolute; top:-4px; right:110px; display:inline-block; width:35px; height: 35px; font-size: 24px;background:url(/img/ico/kakaoa_on.png);  color: #999999; line-height: 0;}


.videowrap{position:relative; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.videowrap .videobox{ width: 100%; height: 100vh;}
.videowrap .videobox video{display: block; min-width: 100%; min-height: 100%;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}

.videowrap .txt{position:absolute; top:0;}
.videowrap .txt {width: 100%; position:absolute; top:50%; left:50%; text-align:center; margin-left:-15px; transform:translate(-50%,-50%);}
.videowrap .txt p {font-size:80px; line-height:1.1; font-weight:600; letter-spacing:-1.5px; color:#fff; font-family:'arial';  text-shadow:0px 0px 3px #000000; margin-bottom: 30px;}
.videowrap .txt span {display:block; font-size:25px; font-weight:400; letter-spacing:-1.5px; color:#fff;  text-shadow:0px 0px 3px #000000;}
.videowrap .txt span.middletitle{display:block; font-size:30px; font-weight:600;    padding-bottom:15px;}
.videowrap .txt span.bottomtitle{display:block; font-size:20px;}


/* 사이트맵 */

.popup_wrap {display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.popup_wrap .popup {position:absolute; z-index:1; left:50%; top:50%; width:100%; max-width:960px; background:#fff; border: 1px solid #be9a6f; transform:translate(-50%,-50%);}
.popup_wrap .popup .pop_head {color:#fff; padding:18px 20px; font-size:20px; background:#be9a6f;}
.popup_wrap .popup .sitemap {padding:10px 20px;}
.popup_wrap .popup .sitemap > li {padding:20px 0;}
.popup_wrap .popup .sitemap > li:hover > a {color:#be9a6f;}
.popup_wrap .popup .sitemap > li + li {border-top:1px dashed #ddd;}
.popup_wrap .popup .sitemap > li:after {content:''; display:block; clear:both;}
.popup_wrap .popup .sitemap > li > a {display:block; float:left; width:150px; font-size:18px; font-weight:600;}
.popup_wrap .popup .sitemap > li .sub {float:left; width:calc(100% - 150px);}
.popup_wrap .popup .sitemap > li .sub li {display:inline-block;padding:0 10px;font-size: 16px;font-weight: 500;}
.popup_wrap .popup .sitemap > li .sub li a {display:block; line-height:23px;}
.popup_wrap .popup .sitemap > li .sub li a:hover {color:#be9a6f;; font-weight:600;}
.popup_wrap .popup .pop_close {position:absolute; z-index:1; right:0px; top:0px; width:62px; height:62px; text-indent:-9999px; background:url(/img/ico/ico_close.png) no-repeat center;}


#menubox{position: relative;  float: right; margin-top: 40px;}
#menubox .menu-trigger, #menubox .menu-trigger span{display:inline-block;  transition: all .4s;  box-sizing: border-box;}
#menubox .menu-trigger{width:59px; height:40px; }
#menubox .menu-trigger .blind{display:none;}
#menubox .menu-trigger span{position: absolute; width:34px; height:2px; background: #fff;}
#menubox .menu-trigger span:nth-of-type(2) {top:0;}
#menubox .menu-trigger span:nth-of-type(3) {top:11px; }
#menubox .menu-trigger span:nth-of-type(4) {bottom:20px;}


#menubox{position: relative;  float: right; margin-top: 40px;}
#menubox .menu-trigger1, #menubox .menu-trigger1 span{display:inline-block;  transition: all .4s;  box-sizing: border-box;}
#menubox .menu-trigger1{width:59px; height:40px; }
#menubox .menu-trigger1 .blind{display:none;}
#menubox .menu-trigger1 span{position: absolute; width:55%; height:4px; background: #fff;}
#menubox .menu-trigger1 span:nth-of-type(2) {top:0;}
#menubox .menu-trigger1 span:nth-of-type(3) {top:10px;}
#menubox .menu-trigger1 span:nth-of-type(4) {bottom:20px;}
#header.on #menubox .menu-trigger span{position: absolute; width:55%; height:2px; background:#be9a6f;}

#header .login3{position: relative;  float: right; margin-top: 40px;}
#header .login3 .mem_check {position:absolute;z-index:3;top:-5px;right: 60px;width: 181px;}
#header .login3 .mem_check > li {float:left;  padding:0 13px 0 0; font-size:18px;font-weight:500; }
#header .login3 .mem_check > li:last-child::before{display:none;}
#header .login3 .mem_check > li > a{font-size:14px; color: #fff; }
#header.on .login3 .mem_check > li > a{font-size:14px; color: #333; }


#footer{width:100%; height:100%; background:#292929; padding:30px 0;}
#footer .winner{width:1500px; margin: 0 auto;}
#footer .winner div.gang_wrap01{display:flex; flex-wrap:wrap; justify-content:space-between; text-align:left; margin-top:0; margin-bottom:0;}
#footer .infor_box {/* padding-top:28px; */ color:#fff; font-size:18px; line-height:30px;}
#footer .footer_bar li {position:relative; display:inline-block;}
#footer .footer_bar li + li:before {content:''; position:absolute; z-index:1; top:8px; left:-12px; width:2px; height:19px; background:#fff;}
#footer .footer_bar li + li {margin-left:18px;}
#footer .footer_bar li a {color:#dfdfdf;}
#footer address ul {width:1200px; margin:7px 0 4px 0;}
#footer address ul li {position:relative; display:inline-block; padding-right:15px; color:#949494;}
footer address ul li a {color:#949494;}


/* #footer .footer_top{width:1600px; margin: 0 auto;}
#footer .footer_top h1{float:left;}
#footer ul{float:right;}
#footer ul li{color:#fff; font-size:16px; padding-right:18px;}

#footer .footer_top1{width:1600px;  margin: 0 auto;padding:30px 0; }
#footer .footer_top1 ul{float:right;}
#footer .footer_top1 .ul2{float:none; }
#footer .footer_top1 ul li{color:#fff; font-size:16px; padding-right:18px; color:#efefef; line-height:30px;}
#footer .footer_top1 ul li strong{color:#fff; padding-right:10px;} */

.quick{position:fixed; bottom:80px; right:80px; color:#fff;}

.imgcont img{width:100%; }


#subvisual{width:100%; height:423px; background:url(/img/bg/visual01.png) no-repeat; position:relative; color:#fff; background-size: cover;}
#subvisual h1{position:absolute; top:60%; transform: translate(0, -60%);  font-size:50px;  text-shadow: 0px 0px 3px #000000;}
#subvisual h1 span{font-size:24px; font-weight:normal; padding-left:30px;}
#subvisual .inner{width:1600px; margin:0 auto;}

#subvisual01{width:100%; height:423px; background:url(/img/bg/visual03.png) no-repeat; position:relative; color:#fff; background-size: cover;}
#subvisual01 h1{position:absolute; top:60%; transform: translate(0, -60%);  font-size:50px;  text-shadow: 0px 0px 3px #000000;}
#subvisual01 h1 span{font-size:24px; font-weight:normal; padding-left:30px;}
#subvisual01 .inner{width:1600px; margin:0 auto;}

#subvisual02{width:100%; height:423px; background:url(/img/bg/visual04.png) no-repeat; position:relative; color:#fff; background-size: cover;}
#subvisual02 h1{position:absolute; top:60%; transform: translate(0, -60%);  font-size:50px;  text-shadow: 0px 0px 3px #000000;}
#subvisual02 h1 span{font-size:24px; font-weight:normal; padding-left:30px;}
#subvisual02 .inner{width:1600px; margin:0 auto;}


#top_tab{ border-bottom:1px solid #efefef;}
#top_tab .top_tab_inner{width:1000px; margin:0 auto;}
#top_tab .top_tab_inner ul li{float:left; font-size:18px; width:33%; text-align:center;}
#top_tab .top_tab_inner ul li a{display:inline-block; padding:14px 0;}
#top_tab .top_tab_inner ul li:hover{border-bottom:4px solid #be9a71; color:#be9a71;}
#top_tab .top_tab_inner ul li.on{border-bottom:4px solid #be9a71; color:#be9a71;}

#top_tab1{ border-bottom:1px solid #efefef;}
#top_tab1 .top_tab_inner1{width:1600px; margin:0 auto;}
#top_tab1 .top_tab_inner1 ul li{float:left; height:50px; line-height:50px; font-size:18px; text-align:center;}
#top_tab1 .top_tab_inner1 ul li a{display:inline-block; width:30%;  height:50px; line-height:50px;  }
#top_tab1 .top_tab_inner1 ul li:hover{border-bottom:4px solid #be9a71; color:#be9a71;}


/* 업무소개 메뉴 */

#subNavgate1{border-bottom: 1px solid #b4b4b4;}
#subNavgate1 .submenu{max-width:980px;margin: 0 auto;position: relative;z-index: 99; overflow: hidden;}
#subNavgate1 .submenu>ul>li{width:30%;float:left;}
#subNavgate1 .submenu>ul>li a{width:100%;height:65px; line-height:65px;text-align:center;box-sizing:border-box;
color:#404040;font-size:20px;border-right:#eee;  font-weight:400;display:block;}
#subNavgate1 .submenu>ul>li a:hover{color:#be9a6f;	border-bottom:4px solid #be9a6f;}
#subNavgate1 .submenu>ul>li.on a{color:#be9a6f;border-bottom:4px solid #be9a6f;}


/* 회사소개 메뉴 */

#subNavgate{border-bottom: 1px solid #b4b4b4;}
#subNavgate .submenu{max-width:1600px;margin: 0 auto;position: relative;z-index: 99; overflow: hidden;}
#subNavgate .submenu>ul>li{width:16.6666%;float:left;}
#subNavgate .submenu>ul>li a{width:100%;height:65px; line-height:65px;text-align:center;box-sizing:border-box;
color:#404040;font-size:20px;border-right:#eee;  font-weight:400;display:block;}
#subNavgate .submenu>ul>li a:hover{color:#be9a6f;	border-bottom:4px solid #be9a6f;}
#subNavgate .submenu>ul>li.on a{color:#be9a6f;border-bottom:4px solid #be9a6f;}

/* 채용정보 메뉴 */

#subNavgate2{border-bottom: 1px solid #b4b4b4;}
#subNavgate2 .submenu{max-width:600px;margin: 0 auto;position: relative;z-index: 99; overflow: hidden;}
#subNavgate2 .submenu>ul>li{width:50%;float:left;}
#subNavgate2 .submenu>ul>li a{width:100%;height:65px; line-height:65px;text-align:center;box-sizing:border-box;
color:#404040;font-size:20px;border-right:#eee;  font-weight:400;display:block;}
#subNavgate2 .submenu>ul>li a:hover{color:#be9a6f;	border-bottom:4px solid #be9a6f;}
#subNavgate2 .submenu>ul>li.on a{color:#be9a6f;border-bottom:4px solid #be9a6f;}


#winners_intro{padding:120px 0;}
#winners_intro .wrap{width:1500px; margin:0 auto;}
#winners_intro .common_title h2{font-size:50px; text-align:center; padding-bottom:30px;  letter-spacing: -1.7px;}
#winners_intro p{text-align:center; font-size:20px; padding-bottom:30px;letter-spacing: -0.5px;}
#winners_intro p strong{color:#be9a6f;}


#subvisual1{width:100%; height:300px; background:url(/img/bg/visual02.png) no-repeat; background-size: cover;  background-position:top; position:relative; color:#fff;}
#subvisual1 p{position:absolute; top:50%; left:45%; transform: translate(-45%, -50%);  font-size:29px;  text-shadow: 0px 0px 3px #000000; 
text-align:center;}

.imgcont{width:800px; margin:10px auto;}
.imgcont1{width:1332px; margin:10px auto;}

.location_info table{width:100%; border-top:10px solid #be9a6f;}
.location_info table tr{height:60px;}
.location_info table tr th{text-align:left; font-size:20px;padding: 10px 0 10px 20px; border-bottom:1px solid #8d8d8d;width: 157px;}
.location_info table tr td{font-size:20px; border-bottom:1px solid #8d8d8d;  padding:0 20px;}
.location_info table tr td span{padding:0 30px 0 0; }
.location_info table tr th img{margin-right:20px; vertical-align:center;}
.location_info table tr th.thcenter{text-align:center; }

.ratiowrap {
	position:relative;
	width:100%;
	
}
.ratiowrap > div {
	width:100%;
}
.ratiowrap > div iframe {
	position:absolute;
	z-index:1;
	top:0;left:0;
	width:100%;height:100%;
}

.ratiowrap .hide{display:none;}
.ratiowrap > .root_daum_roughmap{width:100%; padding-bottom:0%;}
.root_daum_roughmap .wrap_map{height:700px !important;}

/* .winners_intro{padding:120px 0; height: 100%;background: url(/theme/basic/img/contbg.jpg?ver=20221020);background-repeat: no-repeat;
background-size:auto; background-position: center 430px;}
.winners_intro1{padding:120px 0; height: 100%;background: url(/theme/basic/img/contbg.jpg?ver=202210201);background-repeat: no-repeat;
background-size:auto; background-position: center 280px;}
.winners_intro2{padding:120px 0; height: 100%;background: url(/theme/basic/img/contbg.jpg?ver=202210201);background-repeat: no-repeat;
background-size:auto; background-position: center 260px;} */


#winners_intro .wrap1{width:1400px; margin:0 auto;}
#winners_intro p.psize01{font-size:20px;}





.list{width:100%; }
.list ul.list01{width:46.65556%;  height:300px; float:left; margin-right:93px; box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
border-radius:10px; margin-bottom:40px; /* background: #fff; */}
.list ul.list01 > li{padding:30px; }
.list ul.list01.listno{margin-right:0px;}
.list ul.list01 li div h1{font-size:35px;}
.list ul.list01 li div h1 span{font-size:23px; font-weight:500; padding-left:5px; letter-spacing:-0.7px}
.list ul.list01 li div{border-bottom:2px solid #be9a6f; padding-bottom:10px;}
.list ul.list01 li ul{padding:10px 0 0 0;}
.list ul.list01 li ul li{position:relative; font-size:18px; line-height:30px;}


.list ul.list01.list11{width:32%;  height:300px; float:left; margin-right:28px; box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
border-radius:10px; margin-bottom:40px;}

.list ul.list01.list11:last-child{margin-right:0px;}

.list ul.list01 li ul li span.text2 { width: 90%; display: inline-block; word-break: keep-all; margin-top: -3px; letter-spacing: -0.8px; line-height:22px;}
.list ul.list01 li ul li span.num{height:30px; vertical-align: top; position: relative;top: 0px;}

.common_title{padding-bottom:60px;}
.list ul.list01 li ul li.listline{width:30%; float:left; text-align:center;margin-top:30px;}
.list ul.list01 li ul li.listline2{float:left; text-align:center;}
.list ul.list01 li ul li.listline2 img{margin-top:60px;margin-left: 13px;}
#winners_intro .list ul.list01 li ul li.listline p.listline{font-size:17px; word-break:keep-all; padding:0;}

.list ul.list02{width:20%;  height:230px; float:left; /* margin-right:40px; */ box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
border-radius:10px; margin-bottom:40px; background:#fff;}
.list ul.list02 li div h1{font-size:20px; border-bottom:2px solid #be9a6f; text-align:center; padding-bottom:5px;}
.list ul.list02 > li{padding:25px; }
.list ul.list02 li ul{padding:10px 0 0 0;}
.list ul.list02 li ul li{position:relative; font-size:17px; line-height:30px;}
div.list02{float:left; padding:90px 20px;}



.non_sur ul li {float:left; position:relative; width:15.55555%; height:250px; /* border-radius:15px; */ color:#666; /* text-indent:-9999px; */
background-color:#be9a71;  background-repeat:no-repeat; background-position:center; background-position: center 70px; border-radius:10px;
box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;}

.non_sur ul li span.contitl{display:block; position:absolute; z-index:1; bottom:30px;  left:50%; width:87%; font-size:20px; font-weight:500;
text-indent:0; white-space:pre; transform:translateX(-50%); text-align:center; color:#fff; letter-spacing:-1.5px; line-height:27px;}
.non_sur ul li span.contitl2{display:block; position:absolute; z-index:1; bottom:44px;  left:50%; width:87%; font-size:25px; font-weight:500;
text-indent:0; white-space:pre; transform:translateX(-50%); text-align:center; color:#fff; letter-spacing:-1.5px; line-height:27px;}


.bar{ display:block; width:80%; height:1px; background:#fff; /* margin:17px 26px; */ position:absolute; bottom:105px; left: 10%;}

.non_sur ul li span.contitl2{display:block; position:absolute; z-index:1; bottom:50px;  left:50%; width:87%; font-size:20px; font-weight:500;
text-indent:0; white-space:pre; transform:translateX(-50%); text-align:center; color:#fff; letter-spacing:-1.5px; line-height:27px;}

.non_sur ul li + li{margin-left:16px;}

.non_sur ul li:first-of-type {height:290px; background-image:url(/img/pic/icon06_new.png); background-position: center 40px;}
.non_sur ul li:nth-of-type(2){height:290px; background-image:url(/img/pic/icon07_new.png); background-position: center 40px;} 
.non_sur ul li:nth-of-type(3){height:290px; background-image:url(/img/pic/icon08_new.png); background-position: center 40px;}
.non_sur ul li:nth-of-type(4){height:290px; background-image:url(/img/pic/icon09_new.png); background-position: center 40px;}
.non_sur ul li:nth-of-type(5){height:290px; background-image:url(/img/pic/icon10_new.png); background-position: center 40px;}
.non_sur ul li:nth-of-type(6){height:290px; background-image:url(/img/pic/icon11_new.png); background-position: center 40px;}

.board_wrapper .table.board_write_table {
    background: #fff;
}

.board_wrapper .table.board_write_table tbody tr th {
    position: static;
}

.btn.btn-primary {
    background-color: #5ac3bc;
	color:#fff;
	width:180px;
	height:50px;
/* 	margin-top:50px;
	margin-bottom:50px;
	margin-left:410px; */
	margin:39px 400px 50px 400px;
	font-size:16px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #009aa3;
    border-color: #009aa3;
}

.form-control{height:40px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #D5D5D5}
.board_wrapper .table.board_write_table tbody tr td{
    width: 100%;
    display: block;
    border: 0;
}


/* 가맹점문의 */

.board_wrapper{
width:1200px; 
height:100%; 
background:#fff;
display: block; 
margin-right: auto;
margin-left: auto;
position:relative;
/* margin-top:-150px; */
}

.board_wrapper .table.board_write_table tbody tr th{
    background: #fff;
}

.board_wrapper {
    margin-bottom: 0;
   /*  padding: 15px; */
    background: #fff;
}

.form-control {
    border-color: #bbb;
}

.form-control:focus {
    border-color: #00a5e2;
}

.board_wrapper .table.board_write_table {
    border: 0;
/* 	width: 1400px; */
}

.checkbox,
.radio {
    /* margin-top:10px; */
/* 	margin-right:25px; */
}

.board_wrapper .table.board_write_table tbody {
    /* display: flex; */
    /* flex-wrap: wrap; */
    border: 0;
}

.board_wrapper .table.board_write_table tbody tr {
    width: 100%;
    float: left;
    border: 0;
}

.board_wrapper .table.board_write_table tbody tr#item_2 {
    width: 100%;
}


.board_wrapper .table.board_write_table tbody tr td.bbcTable{width:100%; height: 100%; padding:0; position:relative; 
/* margin-right: auto;
margin-left: auto;
margin-right:13px; */
margin-top:5px;}

.board_wrapper .table.board_write_table tbody tr td {
    width: 100%;
    display: block;
    border: 0;
}
.board_wrapper .table.board_write_table .input-group.input-group-big,
.board_wrapper .table.board_write_table .form-control.form-control-big,
.board_wrapper .table.board_write_table tbody tr td .btn,
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 99%;  padding: 0 0 0 10px;  margin-bottom:15px;
}
.board_wrapper .text-muted{display:none;}


.board_wrapper .table.board_write_table tbody tr td.bbcTable{width:100%;height: 100%;padding:0;position:relative;
margin-right: auto;margin-left: 0;margin-right:0px;margin-top:5px;}

textarea{}

#winners_intro2{padding: 120px 0 0 0;}
#winners_intro2 .wrap{width:1500px; margin:0 auto;}
#winners_intro2 .common_title h2{font-size:50px; text-align:center; padding-bottom:30px;  letter-spacing: -1.7px;}
#winners_intro2 p{text-align:center; font-size:20px; letter-spacing: -1.3px;}
.btn_wrap{width: 100%; text-align: center;}


.board_wrapper .table.board_write_table tbody tr td.bbcTable{width:100%; height: 100%; padding:0; position:relative; 
/* margin-right: auto;
margin-left: auto;
margin-right:13px; */
margin-top:5px;}

.bbcTable div{padding:0px;}
.bbcTable div h2{font-size:18px; font-weight:500; padding:20px 0 0 20px;}
.bbcTable div p{font-size:15px; padding:25px;}
.bbcTable div .agree_table{width:95%; padding:0; border:1px solid #D5D5D5;margin-right: auto;
margin-left: auto;}
.bbcTable div .agree_table tbody td {
height: 33px;
padding-top: 2px;
border-bottom: 1px solid #e1e1e1;
font-size: 15px;
color: #666;
vertical-align: middle;
}

.bbcTable div .agree_table tbody tr th, .bbcTable div .agree_table tbody tbody tr td{
{padding:10px 15px;vertical-align:top;position:relative;}}

.bbcTable div .agree_table tbody tr td.atbb{
background:#efefef;
padding:0;
height:50px;
line-height:50px;
font-size:16px; 
font-weight:bold;
}

.bbcTable div .agree_table tbody tr td.atbb22{
padding:0;
height:50px;
line-height:50px;
}

.bbcTable div .agree_table tbody tr td.atbb22.ab22{
border-right:1px solid #D5D5D5;
border-bottom:1px solid #D5D5D5;
}

.bbcTable div .agree_table tbody tr td.atbb22.ab23{
border-bottom:1px solid #D5D5D5;
}

.bbcTable div .agree_table tbody tr td.atbb22.ab24{
border-right:1px solid #D5D5D5;
} 

.agreet{
height: 200px;
color: #666;
line-height: 1.5;
overflow-y: scroll;
text-align: left;
padding: 15px;
border: 1px solid #bbb;
/* background: #f8f8f8; */
margin-bottom: 15px;}

#winners_intro2 p.agreep{line-height:22px; padding: 20px; color: #666; font-size:15px; text-align:left;}

.fran_footer{width:100%; border-top:1px solid #c9c9c9; padding:80px 0 80px 0;}
.board_bbc{padding-bottom:100px;}


.page-header {
    background-color: #fff;
	
}

.page-header h1 {
    width: 976px;
    height: 80px;
    margin: 0 auto;
    padding-left: 10px;
    font-size: 20px;
    font-weight: normal;
    line-height: 80px;
    letter-spacing: 0.1em;
}


 #header_m{display:none;}
   
.textin{text-indent:20px; display:inline-block;}



/* sub */

/* 내용 */
#container {overflow: hidden;}
.txt01 {line-height: 22px;margin: 35px auto;width: 90%;font-size: 13px;}
.txt02 {line-height: 22px;margin: 35px auto;width: 90%;font-size: 13px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);}
.bt01 a {background: #ff6c5c;border: 1px solid #f46050;border-radius: 0.2em;color: #fff;display: inline-block;font-size: 12px;font-weight: 600;padding: 4px 8px;text-decoration: none;margin:10px 0;}
.bt02 a {background: #ff9c00;border: 1px solid #e19a00;border-radius: 0.2em;color: #fff;display: inline-block;font-size: 14px;font-weight: 600;padding: 9px 16px;text-decoration: none;margin:10px 0;}



.agr-wrapper ul{overflow: hidden; }
.agr-wrapper ul li{
  float: left;
  width: 23.9%;
  /* height: 370px; */
  background-color: #fff;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  margin-right:20px;
  margin-bottom:30px; 
}
.agr-wrapper ul li:nth-child(4n){margin-right:0px;}
.agr-wrapper ul li .imgbox{position: relative; overflow: hidden;}
.agr-wrapper ul li .imgbox img{width:100%;}
.agr-wrapper ul li .textBox{background:#e2e2e2;}
.agr-wrapper ul li .textBox p.imgname{padding-bottom:0 !important; line-height:40px; font-size:18px !important; font-weight:normal; padding:0 !important;}
.textBox p:nth-of-type(1){
  text-align:center;
  margin:0px;
  font-size:22px;
  font-weight:800;
}




/* 개인정보방침 */


#privacy_info{ word-break:keep-all;}
#privacy_info h1.privacyh1{padding:10px 0 30px 0 ; font-size:40px; font-weight:bold ; border-bottom: 4px solid #be9a6f; text-align:center}
#privacy_info  h2, #privacy_info dd{ /* background:#f9f9f9;  */}

#privacy_info  h2 {margin:15px 0 30px 0; padding:40px; font-size:17px; line-height:28px;}

#privacy_info dt{margin:10px 0 5px 0;font-weight:bold; color:#3983c3;}
#privacy_info dd{margin:0px;  font-size:18px;}

#privacy_info .top{text-align:right; color:#446da5;}
#privacy_info .top a{ color:#446da5}
#privacy_info .btn{margin:0 auto; width:97px;   font-weight:bold; text-align:center; background:#3983c3; }
#privacy_info .btn a{display:block; padding:10px 0; color:#fff;}

#privacy_info .top_txt{margin:0px; padding:40px 0 0 0; font-size:18px; line-height:30px;}
#privacy_info .top_img{text-align:center;}
#privacy_info .box{margin-bottom:20px;padding:20px  20px;  background:#f9f9f9;}


#privacy_info .box01{background:#f9f9f9; padding:40px; margin-top:30px;}
#privacy_info .box01 ul li{font-size:16px; line-height:27px;}

#privacy_info .pribox{margin:30px 0;}
#privacy_info .pribox .graybox{background:#f9f9f9; padding:40px; font-size:18px; line-height:30px;}
#privacy_info .pribox h3{font-size:20px; color:#0b3775; font-weight:bold; padding-bottom:20px;}

.tableLayout {width:100%; border-top:2px solid #00489d; border-bottom:1px solid #ccc;  margin-top: 20px; border-collapse:collapse; background:#fff;}
.tableLayout thead th {vertical-align:middle; font-size:18px; font-weight:500; text-align:center; border-left:1px solid #ccc;  background:#0b3775;}
.tableLayout thead th span {display:inline-block; padding:10px 0; line-height:1.3; color:#fff; font-weight:bold;}
.tableLayout tbody td{padding:10px; border-left:1px solid #ccc; font-size:16px; border-top:1px solid #ccc; text-align:center; line-height:25px;}
.tableLayout tbody td:first-child{border-left:none;}
.pridat{font-size:20px; text-align:center;}




@media screen and (max-width:1620px) {

#header h1{margin-right:50px; margin-left:20px; transition: all 0.3s;}
#header .inner{width:100%;}
#footer .winner{width:100%;}
/* #footer .infor_box{margin-top:20px;} */
#footer address ul {width:100%;}
#footer .footer_bar li{font-size:16px;}
#footer address ul li{font-size:15px;}
#footer p{font-size:16px;}
#footer .footer_bar li a {font-size:15px;}
#footer .footer_bar li + li:before {content:''; position:absolute; z-index:1;top: 11px; left:-12px; width:2px;height: 14px; background:#fff;}
#footer address ul {width:100%; line-height: 20px;}
.gang_wrap01{padding:0 50px;}


#subvisual{width:100%;}
#subvisual .inner, #subvisual01 .inner{width:100%; padding:0 60px;}
#subvisual .inner, #subvisual02 .inner{width:100%; padding:0 60px;}



#top_tab1 .top_tab_inner1{width:100%; }


#winners_intro{padding:120px 30px;}
#winners_intro .wrap{width:100%;} 
#winners_intro p{padding:10px 60px;}
#subvisual1 p{font-size:22px; word-break:keep-all;}

#winners_intro .wrap1{width:100%;}
#subNavgate .submenu>ul>li{width:16.6666%; border-right:1px solid #efefef;  border-top:1px solid #efefef; box-sizing:border-box;}
#subNavgate .submenu>ul>li a{ font-size:16px; height:50px; line-height:50px;}
}
   
		  
@media screen and (max-width:1600px) {
.list ul.list01{ margin-right: 88px;}


.imgcont1{width:100%;}

.agr-wrapper ul li{width:23.777777%;margin-right: 20px;}
.agr-wrapper ul li .textBox p.imgname{font-size:16px !important; padding:0 !important; line-height:40px !important;}
.list ul.list01.list11{width:31.7777%; margin-right: 27px;}
.list ul.list01 li div h1 span{font-size:20px;}
.list ul.list01.list11 li div h1 span{font-size:20px;}
.list ul.list01 li div h1{font-size: 27px;}
.list ul.list01.list11 li div h1{font-size: 27px;}

#gnb > ul > li > a {padding: 0 15px; font-size:16px;}
#gnb > ul > li > ul > li > a {font-size:15px;}
#header .login3 .mem_check > li > a{font-size:14px;}
#header .login3 .mem_check{right: 58px;}

/* #bo_w{width:100%;}
#bo_w #fwrite{padding:0 30px;}
 */
}

@media screen and (max-width: 1400px) {

#header h1{ margin-right:20px;  margin-top:27px;}
#header h1 img{width:150px;}
#header a.kakoa{right:110px; transition: all 0.5s;}
#header .login3 .mem_check > li > a{font-size:13px;}
#header.on .login3 .mem_check > li > a{font-size:13px;}
#header .login3 .mem_check{right:59px; width: 172px;}
#gnb > ul > li > a {padding: 0 10px; font-size:16px;}
#header.on a.kakoa{right:110px; transition: all 0.5s;}
#footer .footer_top h1{width: 152px;}

#winners_intro .common_title h2{font-size:40px; }
#winners_intro p{padding-bottom:30px; line-height:30px; word-break:keep-all;}
#winners_intro p br.mobr{display:none;}


.location_info table tr th{ width: 157px; font-size: 16px;}
.location_info table tr th img{width:15%;}

.root_daum_roughmap .wrap_map{height:600px !important;}

.list ul.list01{ width:48%; margin-right:40px;}

.list ul.list01 li ul li.listline2 img{margin-left:9px;}

#subNavgate1 .submenu>ul>li{width:33%;}
#subNavgate1 .submenu>ul>li a{ font-size:16px; height:50px; line-height:50px; }
#subNavgate2 .submenu>ul>li a{font-size:16px;}

div.list02{padding:90px 12px;}
.list ul.list02 > li{padding:20px; }
.list ul.list02 li ul li{font-size:16px; line-height:28px;}

.non_sur ul li span.contitl{font-size:20px;}
.non_sur ul li span.contitl2{ font-size:20px;}

.imgcont1 img{width:100%; }
.board_wrapper{width:100%;}
.board_bbc{padding:50px 30px;}





.agr-wrapper ul li{width:23.55555%;margin-right:18px;}
.agr-wrapper ul li .textBox p.imgname{font-size:16px !important; padding:0 !important; line-height:40px !important;}

}


@media screen and (max-width: 1300px) {

/* #gnb {left: 50px;} */

.videowrap .txt p {font-size:60px;  line-height: 1em; font-weight:600; letter-spacing:-1.5px; color:#fff; font-family:'arial';  text-shadow:0px 0px 3px #000000; margin-bottom: 30px;}
.videowrap .txt span {display:block; font-size:20px; font-weight:400; letter-spacing:-0.5px; color:#fff;  text-shadow:0px 0px 3px #000000;}
#subvisual h1{ font-size:35px; }
#subvisual h1 span{font-size:20px;}
#subvisual01 h1{ font-size:35px; }
#subvisual01 h1 span{font-size:20px;}
#subvisual02 h1{ font-size:35px; }
#subvisual02 h1 span{font-size:20px;}

#winners_intro{padding:100px 30px;}
.root_daum_roughmap .wrap_map{height:300px !important;}
.list ul.list01 li ul li{font-size:16px; }

.non_sur ul li {float:left; position:relative; width:15.6666%;}
.non_sur ul li + li{margin-left: 13px;}

.list ul.list01.list11{width: 31.555555%;}

}

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

#header a.kakoa{right: 79px;}
#header.on a.kakoa{right: 79px;}  

#top_tab .top_tab_inner ul li{font-size:14px;}
#top_tab .top_tab_inner ul li{width:32.88888%;}

#subvisual , #subvisual01{ background-position: -29px;  height:230px;}

#winners_intro .common_title h2{font-size:35px;  padding-bottom:0px;}
#winners_intro2 .common_title h2{font-size:35px;  padding-bottom: 20px;}
#winners_intro2 p{font-size:18px; line-height:28px;}

#subvisual1 p{ font-size:20px;}
.location_info table tr td{font-size:16px; padding:10px; border-bottom:1px solid #8d8d8d; line-height:23px;}

.list ul.list01{    margin-right: 36px;}
#winners_intro .wrap1{width:100%;}
#subNavgate .submenu>ul>li{width:33.3333%; border-right:1px solid #efefef;  border-top:1px solid #efefef; box-sizing:border-box;}
#subNavgate .submenu>ul>li a{ font-size:16px; height:50px; line-height:50px;}

.list ul.list01.list{padding-top:0px;}
.common_title{padding-bottom:20px;}
.quick{right:10px; bottom:30px;}
.quick div a img{width:50px; height:50px;}

.list ul.list02{width:97%; floaT:left; height:auto; padding:15px 15px 30px 15px;}
.list ul.list01 li div h1{font-size:20px; }
div.list02{padding:0; transform: rotate(90deg); margin:0 auto; position:relative; left:38%; padding-bottom:20px; }
.list ul.list02 li div h1{padding-bottom:10px;}

.non_sur ul li { width:32.22222%;}
.non_sur ul li:nth-of-type(4){margin-left: 0px; margin-top:2%;}
.non_sur ul li:nth-of-type(6){margin-top:2%;}
.non_sur ul li:nth-of-type(5){margin-top:2%;}
 
 .agr-wrapper ul li{width: 32.44444%; margin-right:15px;}
.agr-wrapper ul li:nth-child(4n){margin-right:15px;}
.agr-wrapper ul li:nth-child(3n){margin-right:0px;}

#header h1{display:none;}
.list ul.list01.list11{width:100%; margin-right:0px;}
#footer p{margin-bottom:20px;}
}

@media screen and (max-width:1199px){
.textin{text-indent:0; display:inline-block;}
#gnb {display: none;}
.pcmenu{display:none;}
#header .login3{display: none;}


#header_m .login3{position: relative;  float: right; margin-top:4px;}
#header_m .login3 .mem_check {position:absolute;z-index:3;top:-5px;right:48px; width:138px;}
#header_m .login3 .mem_check > li {float:left;  padding:0 10px 0 0; font-size:18px;font-weight:500; }
#header_m .login3 .mem_check > li:last-child{padding:0;}
#header_m .login3 .mem_check > li:last-child::before{display:none;}
#header_m .login3 .mem_check > li > a{font-size:14px; color: #fff; }
#header_m.on .login3 .mem_check > li > a{font-size:14px; color: #333; }
#header_m.white .mem_check > li > a{font-size:14px; color: #333; }

    #header_m {display:block; position: fixed; left: 0; top: 0; width: 100%; height: 101px; line-height: 101px; color: #666; z-index: 10000; transition: all 0.3s; box-sizing: border-box;}
    #header_m:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; animation: header-line 3s linear 0.5s 1 normal forwards;}
    #header_m.white {background:#fff; color: #333333; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e0e0e0;}
    #header_m h1 {float:left; position:relative; line-height: 80px;}
	#header_m.white h1 {top:0px;}
	#header h1 img { transition: opacity 0.3s;}
	#header h1 img + img {position: absolute; left: 0; top: 0; opacity: 0;}
	#header.white h1 img {opacity: 0;}
	#header.white h1 img + img {opacity: 1;}
	#header.white h1{position:relative; width:250px; float:left;}

	#header_m h1{ margin-left:20px;  margin-top:8px;}
	#header_m h1 img{width:170px;}

    @keyframes header-line {
        0% {width: 0; background: rgba(255, 255, 255, 0.1);}
        50% {width: 50%; background: rgba(255, 255, 255, 0.8);}
        100% {width: 100%; background: rgba(255, 255, 255, 0.3);}
    }
    #header_m a.menu {position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); width: 34px; height: 24px;}
    #header_m a.menu:before {content: ''; position: absolute; width: 100%; height: 2px; right: 0; top: 0; background: #fff; transform-origin: right top; transition: all 0.5s;}
    #header_m a.menu span {position: absolute; width: 100%; height: 2px; right: 0; top: 50%; transform: translate(0, -50%); background: #fff; overflow: hidden; text-indent: -999px; transition: all 0.5s;}
    #header_m a.menu:after {content: ''; position: absolute; width: 100%; height: 2px; right: 0; bottom: 0; background: #fff; transform-origin: right bottom; transition: all 0.5s;}
    #header_m.white a.menu:before,
    #header_m.white a.menu span,
    #header_m.white a.menu:after {background: #c09b71;}
    #header_m a.menu.open:before {transform: rotate(-36deg); width: 110%;}
    #header_m a.menu.open span {opacity: 0;}
    #header_m a.menu.open:after {transform: rotate(36deg); width: 110%;}

    #gnb2 {position: fixed; right:-150%; top:101px; width: 100%; height: calc(100% - 100px);box-sizing: border-box;  background:#fff; /* background:#2d5ea1; */ color: #ffffff; font-size: 14px; 
	padding:0; overflow: auto; z-index: 10000; transition: right 0.5s; }
    #gnb2.open {right: 0; top:101px;}
    #gnb2 > ul > li > a {display: block; position: relative; font-size:16px; font-weight:500; line-height: 55px;
	border-bottom: 1px solid #fff; color: #333; padding-left: 30px;}
    #gnb2 > ul > li.on > a {border-bottom-color: #ffc20f; color: #666;}
    #gnb2 > ul > li > a i {position: absolute; right:30px; top: 50%; transform: translate(0, -50%);}
    #gnb2 > ul > li > ul {overflow: hidden; height: 0; transition: height 0.3s; background: #c09b71;}
    #gnb2 > ul > li > ul > li {padding:0px;}
    #gnb2 > ul > li > ul > li:last-child {border-bottom:none;}
    #gnb2 > ul > li > ul > li + li a {border-bottom:1px solid #fff;}
	#gnb2 > ul > li {border-bottom:1px solid #d4d4d4;}
    #gnb2 > ul > li > ul > li > a {position: relative; display: block; line-height: 40px; color:#fff; font-size: 16px; padding-left:40px; padding-top:6px;
    padding-bottom: 6px; border-bottom:1px solid #fff;}
/*     #gnb2 > ul > li > ul > li:last-child > a {border-bottom:1px solid #fff;} */
	#gnb2 > ul > li > ul > li.on > a {color: #ffc20f;}
    #gnb2 > ul > li > ul > li.on > a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ffc20f;}
    #gnb2 > ul > li > ul > li > a i {position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); opacity: 0.7;}
	#gnb2 > ul > li > a i span{display:inline-block; text-indent:-9999px;}

	#footer{padding: 40px 0;}
	#footer .footer_top1 ul, #footer .footer_top1 .ul2{float:none; padding: 0 20px;}
	#footer .footer_top1 ul li{font-size:14px; line-height:30px;}
	#footer .footer_top ul li{font-size:13px;}

}

@media screen and (max-width:1080px){




.videowrap .txt {width:72%; transform:translate(-44%,-50%);}


#header {position: fixed; left: 0; top: 0; width: 100%; min-width:100%; height:100px; z-index: 1000; transition: background 0.3s;}
#header:after {content: ''; position: absolute; left: 0; top: calc(100% + 1px); width: 100%; height: 0; background: #ffffff; box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1); transition: height 0.3s;}
/* #header h1 {position: absolute; left: 10px; top: -10px; margin-right:0px;} */
#header h1 img{display:none;}



#header.on {background: #ffffff; border-bottom: 1px solid #e0e0e0;}
#header.on:after {height: 200px;}
#header.on #gnb {height: 300px;}

#top-lang {position: absolute; right: 50px; top: 50%; transform: translate(0, -50%); font-size: 10px; font-weight: 700;}
#top-lang li {float: left;}
#top-lang li a {display: block; background: #eeeeee; padding: 4px 10px;}
#top-lang li:first-child a {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
#top-lang li:last-child a {border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
#top-lang li.on a {background: linear-gradient(to right, rgb(43, 182, 116) 0%, rgb(12, 169, 180) 100%); color: #ffffff;}

#header a.sitemap {position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); font-size: 24px; color: #999999; line-height: 0;}

.videowrap .txt p{word-break:keep-all; font-size:53px;}
.videowrap .txt span{font-size:16px;}
.videowrap .txt span.middletitle{font-size:18px; margin-bottom:0px;}
.videowrap .txt span.bottomtitle{font-size:16px;}




#winners_intro p{font-size:18px;}
#top_tab .top_tab_inner{width:100%;}     
#subvisual h1{padding-left:0;}
#subvisual h1 span{font-size:20px;}
.imgcont{width:100%;}
.imgcont1{width:100%;}
#winners_intro p.psize01{font-size:18px; line-height:28px;}

.list ul.list01{width:100%; height: auto; float:none; }
.list ul.list01.listhight{height:250px;}
.list ul.list01 li ul li span.text2 {line-height:20px; }
#winners_intro .list ul.list01 li ul li.listline p.listline{font-size:15px; word-break:keep-all; padding: 0 7px 0 9px; line-height: 25px;}
.list ul.list01 li ul li.listline2 img{margin-left:0;}

.list ul.list01 li ul li.listline{width: 32%;}


.list ul.list02{width:100%; margin-bottom: 6px;     padding: 15px 0 30px 0;}

.non_sur ul li { width:31.777777%;}
.non_sur ul li:nth-of-type(3){margin-left:2%; margin-right:0px;/*  margin-top:30px; */}
.non_sur ul li:nth-of-type(5){margin-left:2%; margin-right:0px;}
.non_sur ul li:nth-of-type(2){margin-left:2%; margin-right:0px;}

/* 
.bar{margin:17px 45px;} */


#privacy_info h1.privacyh1{font-size:30px;}
#privacy_info .top_txt{font-size:15px; line-height:25px;}
#privacy_info .box01{padding:25px;}
#privacy_info .box01 ul li{font-size:15px; line-height:25px;}
#privacy_info .pribox h3{font-size:18px;}
#privacy_info .pribox .graybox{padding:25px; font-size:15px; line-height:25px;}
.pridat{font-size:15px; }
}


@media screen and (max-width:960px){
.pc {display:none !important;}
.mobile {display: block !important;}
 .agr-wrapper ul li{width: 31.8888%;}

#header_m{height:80px; line-height: 80px;}
#header{height:80px; line-height: 80px;}
#header_m h1{margin-top:0;}
#gnb2.open{top: 80px;}

#subNavgate2 .submenu>ul>li a{height:50px; line-height:50px;}

.trhidden{display:none;}

.gang_wrap02{padding:0 50px;}
.gang_wrap02.mt40{margin-top:0;}
#header_m h1 img{width:130px;}
#header_m h1{ margin-left:10px}
#header_m .login3 .mem_check > li > a{font-size:13px;}
#header_m .login3 .mem_check{width:97px;}
#header_m a.menu {right:10px; width:27px; height: 20px;}
#fboardlist{padding: 0 10px;}
#bo_list_total{padding: 0 10px;}
#bo_list .tbl_head01 thead th{font-size: 12px;}
.tbl_head01 .bo_tit a{display:inline-block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; word-break:break-all; width:150px; height: 20px;} 
}



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

/* .videowrap .videobox{height:800px;} */
.videowrap .txt span br{display:none;}
.videowrap .txt span{ word-break:keep-all;}



#subvisual h1, #subvisual01 h1, #subvisual02 h1{font-size:29px;left: 10%;width: 82%;word-break: keep-all; top:68%;  transform: translate(0, -68%);}
#subvisual h1 span, #subvisual01 h1 span, #subvisual02 h1 span{display:block; font-size:15px; font-weight:normal; padding-left:0px;}
#subvisual h1, #subvisual01 h1{top:70%;transform: translate(0, -70%);}

#winners_intro2 p{font-size:16px;}
#winners_intro2 .common_title h2{padding-bottom: 10px;}
#subNavgate1 .submenu>ul>li a, #subNavgate2 .submenu>ul>li a{font-size:15px;}

.bbcTable div p{font-size:14px;}
.checkbox{padding: 0px 10px;}


#winners_intro2{padding:80px 0 0 0;}
.board_bbc{padding: 50px 21px 50px 17px;}
.board_wrapper .table.board_write_table .input-group.input-group-big, .board_wrapper .table.board_write_table .form-control.form-control-big, 
.board_wrapper .table.board_write_table tbody tr td .btn, .board_wrapper .table.board_write_table tbody tr td .form-control{width: 97%;}




#subvisual .inner, #subvisual01 .inner{padding:0 40px;}

#footer .footer_top h1{float:none; padding-top: 5px;}
#footer ul{float:none; margin-top: -10px;}
#footer .footer_top1 address .ft_info, #footer .footer_top1 address .pleft{width:100%; float:none;}
#footer .footer_top1 address .ft_info br{display:none;}
#footer .footer_top1 ul, #footer .footer_top1 .ul2{float:none; padding: 0 20px;}
#footer .footer_top1 ul li{font-size:14px; line-height:25px; display: inline;}
#footer .footer_top ul li{font-size:13px;}
#footer address ul li{line-height:25px;}
#footer .infor_box{margin-top:25px;}
#footer address ul li{font-size:13px;}

#winners_intro .common_title h2{font-size:30px;}
#winners_intro p{font-size:15px; line-height: 27px;}
#subvisual1 p{ font-size:18px;}
#footer .footer_bar li a{ font-size:12px;}
.gang_wrap01{padding: 20px;}


.location_info table tr th{width:100%; display:block; text-align:center; font-size:17px; padding:10px 0 10px 0;} 
.location_info table tr td{width:100%; display:block; text-align:center; padding:15px 0 15px 0;}
.location_info table tr th img{width:20px;}
.location_info table tr th img{ margin-right: 3px;}

#winners_intro p{padding: 10px 10px;}
#subNavgate .submenu>ul>li a{ font-size:13px; height:50px; line-height:50px; }
#winners_intro p.psize01{font-size:16px; line-height:23px; padding: 10px 17px 0 17px;}

.list{margin-top:20px;}
.list ul.list01 li div h1{font-size:18px;}
.list ul.list01 li div h1 span{font-size:18px; }
.list ul.list01 li ul li span.text2{width:90%; margin-top:7px; font-size: 15px;}
.list ul.list01 li ul{padding:10px 0;}
.list ul.list01 > li{padding: 30px 18px 30px 19px;}
.list ul.list01 li ul li.listline{width:100%;}
.list ul.list01 li ul li.listline2 img{transform: rotate(90deg); margin-top:0px;}
.list ul.list01 li ul li.listline2{float:none;}
.list ul.list01.list{height:450px; padding-top:0;}

.non_sur ul li {width: 46.6%;}
.non_sur ul li:nth-of-type(3){margin-left:0px; margin-right:30px; margin-top:30px;}
.non_sur ul li:nth-of-type(5){margin-left:0px; margin-right:30px;}

#footer .footer_top1 ul li{padding-right:8px;}
.page-main > aside{width:314px;}

#bo_list .common_title{font-size:30px}

#con04{margin-top:30px;}
.non_sur ul li + li{margin-left: 28px;}
.non_sur ul li:nth-of-type(3){margin-right: 28px;}
.non_sur ul li{width:100%; float:none; margin-bottom:20px;}
.non_sur ul li:nth-of-type(3){margin-right:0px; margin-left:0px;}
.non_sur ul li + li{margin-left:0px;}
.non_sur ul li:nth-of-type(2){margin-left:0;}

.agr-wrapper{margin-top:30px;}
.agr-wrapper ul{padding:0 0;}
.agr-wrapper ul li{width:49%; margin-right:0.3%;}
.agr-wrapper ul li:nth-child(3n){margin-right:0.3%;}
.agr-wrapper ul li:nth-child(2n){margin-right: 0px;}



#winners_intro{padding:80px 15px;}
#subvisual02,  #subvisual01{background-position: center;  height: 240px;}


}

@media screen and (max-width:540px){
 .agr-wrapper ul li{width:100%;}

}



@media screen and (max-width:320px){

#footer .footer_top1 address .ft_info, #footer .footer_top1 address .pleft{width:100%; float:none;}
#footer .footer_top1 address .ft_info br{display:none;}
#footer .footer_top1 ul, #footer .footer_top1 .ul2{float:none; padding: 0 20px;}
.non_sur ul li {width:100%;}

#subvisual h1{font-size:29px;}
#subvisual h1 span{font-size:13px;}

.board_wrapper .table.board_write_table .input-group.input-group-big, .board_wrapper .table.board_write_table .form-control.form-control-big, 
.board_wrapper .table.board_write_table tbody tr td .btn, .board_wrapper .table.board_write_table tbody tr td .form-control{width: 95%;}
}