@charset 'utf-8';


/* 서브상단 */
.sub__iw{
    width:94%;
    max-width:1200px;
    margin:0 auto;
    padding-bottom:10rem;
}
.sub__visual{
    position:relative;
    width:100%;
    height:47rem;
    background-size:cover;
    background-position:center;
	background:#111;
}

.sub__visual .sub__iw{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    height:100%;
	
}
.sub__visual .sub__iw .top{
    padding-top:24rem;
}
.sub__visual .sub__iw .title{
    color:#fff;
    font-size:5.6rem;
	font-weight:300;
    line-height:1;
	text-align:left
}
.sub__visual .sub__iw .desc{
    margin-bottom:1rem;
    color:#fff;
    font-size:2.8rem;
    font-weight:300;
    line-height:1;
    opacity:0.6;
	text-align:left;
	letter-spacing:4px;
	/*font-family: 'Roboto Slab', serif;*/
}

.sub__visual .sub__iw .desc2{
    margin-top:1rem;
    color:#fff;
    font-size:3.3rem;
    font-weight:600;
    line-height:1;
    opacity:1;
	text-align:left;
	font-family: 'Roboto Slab', serif;
	letter-spacing:1px;
	
}

@media (max-width:1024px){
    .sub__visual{
        height:21rem;
        margin-top:7rem;
    }
    .sub__visual .sub__iw .top{
        padding-top:6rem;
    }
    .sub__visual .sub__iw .title{
        font-size:3.3rem;
    }
    .sub__visual .sub__iw .desc{
        font-size:1.8rem;
    }
	
	.sub__visual .sub__iw .desc2{  font-size:2.2rem; letter-spacing:2px}
}

@media (max-width:768px){

}

@media (max-width:640px){


}

.sub__visual .sub_tap_menu {position: absolute; bottom: 0; left: 50%; transform:translate3d(-50%,0,0); width: 100%; height: 70px; background: rgba(0,0,0,0.6); display: flex; align-items: stretch;}
.sub__visual .sub_tap_menu ul {display: flex; justify-content: space-between; width: 100%;}
.sub__visual .sub_tap_menu ul li {width: 100%;}
.sub__visual .sub_tap_menu ul li.on {background: #0a85b4;}
.sub__visual .sub_tap_menu ul li a {display: block; text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; font-weight: 300;}


/***** main *****/
sub section .area {position: relative; z-index: 1;}
sub section h2 {font-size: 42px; font-weight: 800; letter-spacing: 0; text-align:center; margin-bottom:50px;}
sub section .info_text {font-size: 18px; line-height: 36px; letter-spacing: -0.3px; }
sub section .info_text strong {color:#0a85b4; font-weight: 700;}
.pc_only {display:block}

@media screen and (max-width:768px) {
sub section h2 {font-size: 36px; font-weight: 800; letter-spacing: 0;}
sub section .info_text {word-break:keep-all; text-align:left}
.pc_only {display:none !important}
/*sub section .info_text br {display:none}*/
sub section .info_text b {display:block; margin-top:10px; text-align:right}
.sub__visual .sub_tap_menu {height:50px;}

}


.sub__wrap{
    position: relative;
   padding: 80px 0 120px;
	background:#fff;
}
.lnb__title{
    position: relative;
    padding-bottom: 3.5rem;
    margin-bottom:3.125vw;
    color: #222222;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}
.mo__first{
    display:none;
}
.lnb__title:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 5rem;
    height: 2px;
    background-color: #222;
}



/**  main banner **/
.main_banner {position: relative; background:#fff;padding: 80px 0 120px;  overflow: hidden;}
.main_banner:after {content:""; position: absolute; bottom:0; right:50%; transform: translateX(50%); width: 2px; height: 40px; background:#0a85b4;}
.main_banner .area {position: relative; z-index: 1; overflow: hidden;}
.main_banner .mb_content {float: left; width: calc(100% / 2);}
.main_banner .mb_text {margin-top: 40px;}
.main_banner .mb_text h2 {line-height: 70px; font-size: 70px; color:#4759aa; font-family: "Montserrat", sans-serif; font-weight: 800;}
.main_banner .mb_text h2 strong {display: block; color:#4a8ab8;}
.main_banner .mb_intro p {font-size: 24px; line-height: 48px; margin-top: 40px; word-break:keep-all}


.main_banner .mb_intro {position: relative; max-width: 700px; padding-left: 20px;}
.main_banner .mb_intro p strong {font-weight:bold}


@media (max-width:1024px){
	
.main_banner  {padding: 20px 0 120px;}
.main_banner .mb_text h2 { font-size: 50px; line-height: 50px; }

.main_banner .mb_content {width:100%}	
.main_banner .mb_intro {max-width: 100%; padding-left: 0px;}
.main_banner .mb_intro p br {display:none}

.main_banner .mb_intro p {
    font-size: 22px;
    line-height: 2;
    margin-top: 40px;
}

}

/** about **/
.about {position: relative; background:#f8f8f8; padding:90px 0; text-align: center; overflow: hidden;}
.about h2 {position: relative;}
.about:before {content:""; position: absolute; top:-50px; right:50%; transform: translateX(50%); width: 2px; height: 90px; background:#0a85b4;}
.about .sub_title {font-size: 26px;font-weight: 300; letter-spacing: -0.1px; margin:30px 0 40px;}

@media screen and (max-width:768px) {
.about .sub_title {font-size: 20px;}
}


/* rules section */
.about_rule {position: relative; background:#fff;padding: 80px 0 120px;  overflow: hidden;}
.about_rule .title-box {position:relative;}
.about_rule .title-box p {font-size:60px; font-weight:700; line-height:1.1; color:#e5e5e5; letter-spacing:-2px;transform: rotate(270deg);position:absolute;left:0px;top:250px; font-family: "Montserrat", sans-serif;}
.about_rule ul {float:right; width:70%; margin-top:50px; overflow:hidden}
.about_rule ul > li {margin-bottom:65px; display:table; width:100%}
.about_rule ul > li:after {clear:both; display:block; content:''}
.about_rule ul > li .num {position:relative; display:inline-block; /*width:10%;*/ vertical-align:top}
.about_rule ul > li .num:after {position:absolute; top:37px; left:20px; width:1px; height:300%; content:''; background:#c7d7e7; opacity:.5}
.about_rule ul > li:last-child .num:after {display:none}
.about_rule ul > li .num h3 {font-size:30px; font-weight:600; color:#0a85b4;  font-family: "Montserrat", sans-serif;}
.about_rule ul > li .desc {display:inline-block; width:90%; padding-left:30px}
.about_rule ul > li .desc h4 {font-size:25px; font-weight:600; color:#2f2929; margin-bottom:25px}
.about_rule ul > li .desc p {font-size:19px; color:#666; line-height:1.4;}
.about_rule ul > li .desc p a {margin-left:10px;}
.about_rule ul > li .desc span {font-size:14px; line-height:4}


.about_rule:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 2px;
    height: 40px;
    background: #0a85b4;
}

.trxVew01{display:inline-flex;align-items: center;position:relative;padding:0 25px;height:35px;border-radius:20px;font-weight:bold;font-size:16px;box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.2);line-height:39px;transition:all 0.5s;}
@media screen and (min-width: 1366px) {
  .trxVew01:hover{transform:translateX(-3px) translateY(-3px);box-shadow: 5px 6px 0px 0px rgba(0, 0, 0, 0.2);transition:all 0.5s;}
}
.trxVew01 > s{width:37px;height:14px;position:absolute;top:50%;transform:translateY(-50%);right:-20px;}
.trxVew01Wht{border:2px #fff solid;color:#fff;}
/* .trxVew01Wht > s{background:url("/assets/img/img_vewWht.png") no-repeat;background-size:100% auto;} */
.trxVew01Blu{border:2px #0a85b4 solid;color:#0a85b4;background-color:#fff;}
/* .trxVew01Blu > s{background:url("/assets/img/img_vewBlu.png") no-repeat;background-size:100% auto;} */




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

/* about us */
.about_rule .title-box {width:30%; padding:30px}
.about_rule .title-box p {font-size:45px}
.about_rule ul {width:65%; margin-top:0}
.about_rule ul > li .desc p {font-size:18px}
/*.about_rule ul > li .desc p br {display:none}*/

}


@media screen and (max-width:768px) {
.about_rule .title-box {display:none}
.about_rule ul {float:none; width:100%}
.about_rule ul > li .num {width:10%}
.about_rule ul > li .num h3 {font-size:22px}
.about_rule ul > li .num:after {left:12px;}
.about_rule ul > li .desc {width:85%}
.about_rule ul > li .desc h4 {font-size:20px; margin-bottom:20px}
.about_rule ul > li .desc p {font-size:15px}


	
}


@media screen and (max-width:1240px){
.wr{width:100%; padding:0 20px;} 
}

/* 반응형 테이블 안내창 */
.wauto-wrap {position:relative}
.is-wauto-box {position:relative;width:100%; overflow-x: initial;/* padding-top:10px;*/}
.is-wauto-box > table {min-width:720px}
.rsv-info {display:none}
table { border-collapse:collapse; border-spacing:0; } 



@media all and (max-width:768px) {
	.is-wauto-box {overflow-x: scroll; padding-top:0}
	.rsv-info {display:block;position:relative;text-align:center; padding-top:50px;}
	.rsv-info .ico {display:inline-block;position:relative;padding:21px 59px;line-height:1.3;letter-spacing:0;font-size:16px}
	.rsv-info .ico:before,
	.rsv-info .ico:after {content:"";display:block;position:absolute;width:34px;height:15px;top:24px;background:url(../imgs/style_spr.png) no-repeat}
	.rsv-info .ico:before {left:0;background-position:-56px -118px}
	.rsv-info .ico:after {right:0;background-position:-100px -118px}

	.rsv-info .ico {font-size:16px}
	
	
}
@media all and (max-width:499px) {
	.rsv-info .ico {font-size:14px;padding:15px 59px;}
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:17px}
	.about_rule ul > li .desc p a {margin-left:0px; margin-top:10px}
}
@media all and (max-width:399px) {
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:15px}
}



/* 테이블 */
.table_basic thead th {background-color:#f8fafd; font-weight:bold; color:#333; padding:10px 0px 10px 0px;border:1px solid #ddd;border-top:1px solid #31497a;text-align:center; width:100%}
.table_basic thead .line_none th {border-top-color:#DDD;}
.table_basic tfoot td, .table_basic tfoot th{font-weight:bold; color:#333; text-align:center; }
.table_basic tfoot th {font-weight:bold;background:#f7f7f7;border:1px solid #ddd; text-align:center; padding-bottom:3px; padding-top:3px;}
.table_basic td, .table_basic tbody th, .table_basic tfoot th {border:1px solid #ddd; text-align:center; padding:10px; font-weight:normal; font-size:16px}
.table_basic .left {padding-left:15px;padding-right:10px;}
.table_basic .t_line {border-top:1px solid #485f8a;}
.table_basic .right{padding-right:15px}

.table_basic1 thead th {background-color:#f8fafd; font-weight:bold; color:#333; padding:10px 0;border:1px solid #ddd;border-top:1px solid #31497a;text-align:center;  font-size:16px; }
.table_basic1 thead .line_none th {border-top-color:#DDD;}
.table_basic1 tfoot td, .table_basic1 tfoot th{font-weight:bold; color:#333; text-align:center;}
.table_basic1 tfoot th {font-weight:bold;background:#f7f7f7;border:1px solid #ddd; text-align:center; padding-bottom:3px; padding-top:3px;}
.table_basic1 td, .table_basic1 tbody th, .table_basic1 tfoot th {border:1px solid #ddd; text-align:center; padding:10px 5px; font-weight:normal; font-size:16px; background:#fff}
.table_basic1 .left {padding-left:15px;padding-right:10px; text-align:left}
.table_basic1 .t_line {border-top:1px solid #485f8a;}
.table_basic1 .right{padding-right:15px}


.headline h3.tit{
    position: relative;
    float: left;
    width: 260px;
    vertical-align: top;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.025em;
    color: #222;
    line-height: 1.6em;
    padding-left: 28px;
    box-sizing: border-box;
	margin:30px 0 10px 0;
	
}
.headline h3.tit:after{content:""; position:absolute; top: 50%; left: 8px; transform:translateY(-50%); width: 8px; height: 8px; border-radius:50%; background: #24507d;}
.headline h3.tit:before{content:""; position:absolute; top: 50%; left: 0; transform:translateY(-50%); width: 4px; height: 4px; border-radius:50%; background: #24507d;}



.bg-gray {background: #f8f8f8;}



/*대회스케치*/
.portfolio_list_wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.portfolio_list_wrap .portfolio_box {position: relative; width: calc(25% - 20px); margin-right:26px;  margin-bottom: 3%;  overflow: hidden;}
.portfolio_list_wrap .portfolio_box .thumb {position: relative; width: 100%; padding-bottom: 65%; overflow:hidden }
.portfolio_list_wrap .portfolio_box .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: .3s;}
/*.portfolio_list_wrap .portfolio_box .text {position: absolute; top: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1; box-sizing: border-box; padding: 0 20px; display: table; opacity: 0; }*/
.portfolio_list_wrap .portfolio_box .text p {font-size:16px; text-align: center; color: #333; /*display: table-cell; vertical-align: middle;*/ margin-top:10px;}
.portfolio_list_wrap .portfolio_box .text p span {font-size: 14px;}

.portfolio_list_wrap .portfolio_box:hover .thumb img {transform: scale(1.1,1.1); transition: .3s !important;}
.portfolio_list_wrap .portfolio_box:hover .text {opacity: 1; transition: .3s !important;}

@media all and (min-width:980px) {
.portfolio_list_wrap .portfolio_box:nth-of-type(4n) {margin-right: 0;}	
}

@media all and (min-width:640px) and (max-width:980px) {
	.portfolio_list_wrap .portfolio_box {width: 48%}
	.portfolio_list_wrap .portfolio_box:nth-of-type(2n) {margin-right: 0;}
	.portfolio_list_wrap .portfolio_box .text p {font-size: 17px;}
}

@media all and (max-width:640px) {
	.portfolio_list_wrap .portfolio_box {width: 100%; margin-right: 0; margin-bottom: 5%;}
	.portfolio_list_wrap .portfolio_box .text p {font-size: 15px; line-height: 1.35;}
}



/*기본 게시판*/
#bbs_wrapper {width: 100%;}
.bbs_list {width: 100%; border-top: 1px solid #ddd;}
.bbs_list .bbsBox {width: 100%; display: table;  border-bottom: 1px solid #ddd; table-layout: fixed; }
.bbs_list .bbsBox div {display: table-cell; padding: 30px 0; font-size: 15px; color: #747474; text-align: center; vertical-align: middle; font-family: 'Pretendard'}
.bbs_list .bbsBox .num {width: 10%}
.bbs_list .bbsBox .category {font-weight: 600; color: #0a85b4; width: 10%;  font-size: 17px;}
.bbs_list .bbsBox .title {text-align: left; width: 65%; box-sizing: border-box; padding-left: 30px;  font-size: 17px;}
.bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.bbs_list .bbsBox .title a:hover {color: #0a85b4;}
.bbs_list .bbsBox .date {width: 15%}
.bbs_list .bbsBox.notice {}
.bbs_list .bbsBox.notice .num {font-weight: 600; color: #0a85b4;}
.bbs_list .bbsBox.notice .title {font-weight: 600;}

.bbs_list.has_writer {}
.bbs_list.has_writer .bbsBox .title {width:50%}
.bbs_list.has_writer .bbsBox .name {width: 15%}
.bbs_list.has_writer .bbsBox .date {width: 15%}

.bbs_list.qna .bbsBox .title {width:65%}
.bbs_list.qna .bbsBox .title span {font-size: 12px; font-family: 'Pretendard'; color: #fff; background: #363c5a; border-radius: 3px; display: inline-block; padding: 3px 10px; margin-left: 10px;}
.bbs_list.qna .bbsBox .name {width: 10%}
.bbs_list.qna .bbsBox.reply {background: #fafafa;}
.bbs_list.qna .bbsBox.reply .num img {width: 25px}
.bbs_list.qna .bbsBox.reply .title {font-weight: 600}


@media screen and (max-width: 980px) {
	.bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.bbs_list .bbsBox div { padding: 0;}
	.bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px; display: block;}
	.bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 16px;}
	.bbs_list .bbsBox .category {width: auto; text-align: left; font-size: 16px; padding-right: 10px; font-weight: 700;}
	.bbs_list .bbsBox .date {width: auto; text-align:left; display: block;}
	
	.bbs_list.has_writer .bbsBox .title {width: auto;}
	.bbs_list.has_writer .bbsBox .name {width: auto; display: block; float: left; font-size: 14px; padding-right: 10px;}
	.bbs_list.has_writer .bbsBox .date {width: auto; float: left; font-size: 14px;}
    .bbs_list.qna .bbsBox .name {width: auto; padding-right: 15px; float: left;}
    .bbs_list.qna .bbsBox .date {width: auto; float: left;}
	
	.bbs_list.qna .bbsBox.reply .num img {width: 17px;}
}

@media screen and (max-width: 768px) {
	.bbs_list .bbsBox {padding-left: 55px; padding-top: 10px; padding-bottom: 10px;}
	.bbs_list .bbsBox div {display: block;}
	.bbs_list .bbsBox .num {font-size: 15px; width: 55px;}
	.bbs_list .bbsBox .title {font-size: 14px;}
	.bbs_list .bbsBox .category {font-size: 13px;}
	.bbs_list .bbsBox .date {font-size: 13px;}
	.bbs_list .bbsBox .name {font-size: 13px;} 
}

#search_ver2 {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;}
#search_ver2 #resutl_shop_num {margin-bottom: 0; padding-top: 25px; background-position: top 27px left;}
#search_ver2 #search {width: 360px; position: relative;}
#search_ver2 #search input[type="text"] {width: 100%; height: 60px; background: #f5f5f5; border-radius: 5px; border: 0; font-size: 16px; padding: 0 10px; box-sizing: border-box; padding-right: 70px;}
#search_ver2 #search button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; background:url("../imgs/search.png") no-repeat center; background-size: 25px; text-indent: -99999px; border: 0;}
#resutl_shop_num {font-size: 17px; color: #6b7786; margin-bottom: 15px;}
#resutl_shop_num strong {color: #0a85b4;}

@media screen and (max-width:980px){ 
	
	#search_ver2 #search input[type="text"] {height: 55px; line-height: 55px; font-size: 15px;}
	#search_ver2 #search button {width: 55px; height: 55px;}
}


@media screen and (max-width:768px){ 
	
	#search_ver2 {display: block;}
	#search_ver2 #resutl_shop_num {width: 100%; margin-bottom: 10px; padding-top: 0; font-size: 15px;}
	#search_ver2 #search {width: 100%;}
	#search_ver2 #search input[type="text"] { height: 50px; line-height: 50px; font-size: 14px;}
	#search_ver2 #search button {background-size: 20px; width: 50px; height: 50px;}

}


/*페이징*/
#paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;}
#paging a {display:block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 15px; color: #212529; margin: 0 5px; box-sizing: border-box;}
#paging a.on {background: #0a85b4; color: #fff;}
#paging a.btn {text-indent: -99999px; border: 1px solid #ddd; background-position: center; background-repeat: no-repeat;}
#paging a.btn.first {background-image: url("../imgs/bbs_paging_first.jpg");}
#paging a.btn.prev {background-image: url("../imgs/bbs_paging_prev.jpg");}
#paging a.btn.next {background-image: url("../imgs/bbs_paging_next.jpg");}
#paging a.btn.last {background-image: url("../imgs/bbs_paging_last.jpg");}

@media screen and (max-width: 980px) {
	#paging {margin: 30px 0 60px 0}
	#paging a {width: 25px; height: 25px; line-height: 25px; margin: 0 2px; font-size: 14px;}
	#paging a.btn {background-size: 45%;}
}

@media screen and (max-width: 768px) {
	#paging a {font-size: 13px;}
}



/* select box setting */
div.dv-select {display:inline-block;*display: inline;zoom:1;position:relative;width:100%;height:35px;padding:0;border: 1px solid #d8d8d8;background:#fff;box-sizing:border-box;overflow:hidden;}
div.dv-select > label {display:inline-block; opacity:0; *display: inline;zoom:1;position:absolute;top:0;right:0;width:100%;line-height:35px;margin:0;padding:0 35px 0 10px;font-size:14px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer;}
div.dv-select > span.spn-sel-arrow {display:block;position:absolute;top:7px;right:-1px;width:35px;height:35px;margin:0;padding:0;background:url(../imgs/ico_select.png) no-repeat;background-size:20px;background-position:center;box-sizing:border-box;cursor:pointer;}
div.dv-select > select {position:relative;width:100%;height:35px;padding:0 35px 0 10px;border:none;background:none;outline:none; -webkit-appearance:none;filter:alpha(opacity=0);z-index:1; color:#696969; font-weight:300; font-size:16px;}


div.dv-select{
    display:flex;
    height:5rem;
    align-items: center;
    margin:0 2rem 0 0 !important;
    border:none;
    border-bottom:1px solid #ddd;
}
div.dv-select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
						border-radius: 0; /* iSO */ 
						border:none;
						font-family:inherit;
						vertical-align:middle;
						background-color:transparent;
}

/* IE  */ 
select::-ms-expand { display: none; }



.about .swiper-container{
    overflow: hidden;
	position:relative;
	width: 100%;
    height: 100%;
}

.about .banner__slider-item {
    transition:0.3s;
    cursor: pointer;
	  text-align: center;
	   /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		border:1px solid #c7d7e7
		

		

}
.about .banner__slider-item a{
    display:block;
    transition:0.3s;
}

.about .banner__slider-item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.about .banner__slider-item figure{
    /*margin-bottom:1.041666666vw;*/
    text-align: center;
	position:relative;
}

.swiper-pagination {

    text-align: center !important;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;

}
.about .swiper-pagination-bullet {
    margin: 30px var(--swiper-pagination-bullet-horizontal-gap,4px);
}




.ino_sec {
    background: #fff url(../imgs/sub/ino_bg.jpg);
    background-size: cover;
	padding:100px 0;
}