@media only screen and (min-width:1px) and (max-width:800px) {
.main_contents_w { width:90%; margin:0 auto; }
.main_contents_wrap_02 { float:left; width:100%; padding:70px 0 0 0; }
.main_contents_wrap_03 { float:left; width:100%; padding:70px 0 30px 0;   }

.main_contents_tit { float:left; width:100%; font-size:26px; font-weight:700; color:#000; text-align:center;  margin:0px 0 30px 0; }
.main_contents_tit img { width:55px; vertical-align:middle; margin:-3px 10px 0 0;  }
}

@media only screen and (min-width:800px) and (max-width:1200px) { 
.main_contents_w { width:90%; margin:0 auto; }
.main_contents_wrap_02 { float:left; width:100%; padding:100px 0 0 0; }
.main_contents_wrap_03 { float:left; width:100%; padding:100px 0 50px 0;   }

.main_contents_tit { float:left; width:100%; font-size:32px; font-weight:700; color:#000; text-align:center;  margin:0px 0 30px 0; }
.main_contents_tit img { vertical-align:middle; margin:-3px 10px 0 0;  }

}


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

.main_contents_w { width:1200px; margin:0 auto; }
.main_contents_wrap_02 { float:left; width:100%; padding:100px 0 0 0; }
.main_contents_wrap_03 { float:left; width:100%; padding:100px 0 50px 0;   }

.main_contents_tit { float:left; width:100%; font-size:35px; font-weight:700; color:#000; text-align:center;  margin:0px 0 30px 0; }
.main_contents_tit img { vertical-align:middle; margin:-3px 10px 0 0;  }

}

/*메인 컨텐츠 레이아웃*/
.main_contents_wrap_01 { float:left; width:100%; height:1px; background:#fff;  }
.main_contents_wrap_04 { float:left; width:100%; height:1px; background:#fff;  }
.main_contents_wrap_05 { float:left; width:100%; height:1px; background:#fff;  }




/*대회요강- 탭메뉴*/
@media only screen and (min-width:1px) and (max-width:800px) {

.tabcon{text-align:center;overflow:hidden; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; }
.tabcon li{float:left;width:calc(100%/2); padding:0px 0 0px 0; background-color:#f9f9f9; font-size:16px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; box-sizing:border-box; }

.ko_tabcon { width: 100%; margin-top:30px;  }
}

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

.tabcon{text-align:center;overflow:hidden; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9;  }
.tabcon li{float:left;width:calc(100%/4); padding:0px 0 0px 0; background-color:#f9f9f9; font-size:18px;  border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; box-sizing:border-box; }

.ko_tabcon { width: 100%; margin-top:50px;  }
}

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

.tabcon{text-align:center;overflow:hidden; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9;  }
.tabcon li{float:left;width:calc(100%/4); padding:0px 0 0px 0; background-color:#f9f9f9; font-size:18px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; box-sizing:border-box; }

.ko_tabcon { width: 100%; margin-top:50px;  }
}

.proview_tabcon { float:left; width:100%; margin-top:0px; }

.tabcon li span{display:inline-block;width:100%;  }
.tabcon li span a{display:block; padding:15px 0 ; text-decoration:none; color:#333; font-weight:500;}
.tabcon .on{background-color:#1b467b;}
.tabcon .on a{color:#fff;}


/*대회요강- 01대회소개*/
@media only screen and (min-width:1px) and (max-width:800px) {

.ko1_con .le { float:left; width:100%; background:#f8f8f8; padding:20px 0;  }
.ko1_con .le ul { width:50%; margin:0 auto;  }
.ko1_con .ri { float:right; width:100%; }

.tbl_ko1 thead td {  font-size:16px; color:#000; padding:20px 0; letter-spacing:-0.5px; text-align:center; }
.tbl_ko1 thead td span { font-size:18px; font-weight:600; color:#1b467b;  }
.tbl_ko1 thead td b { font-size:25px; }

.tbl_ko1 tbody th { padding:10px 0; font-size:15px; border-bottom:1px dotted #ccc; vertical-align:top; }
.tbl_ko1 tbody td { padding:10px 0; font-size:15px; line-height:24px; border-bottom:1px dotted #ccc; }

.btn_mainloc { display:block; width:120px; font-size:13px; color:#fff; text-align:center; padding:3px 8px; background:#1b467b; border-radius:20px; transition: all ease 0.3s;  }
.btn_mainloc:hover { background:#000; color:#fff;  }

}

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

.ko1_con .le { float:left; width:35%; }
.ko1_con .ri { float:right; width:62%; }

.tbl_ko1 thead td {  font-size:18px; color:#000; padding:10px 0 30px 0; letter-spacing:-0.5px; }
.tbl_ko1 thead td span { font-size:22px; font-weight:600; color:#1b467b;  }
.tbl_ko1 thead td b { font-size:30px; }

.tbl_ko1 tbody th { padding:10px 0; font-size:16px; border-bottom:1px dotted #ccc; vertical-align:top; }
.tbl_ko1 tbody td { padding:10px 0; font-size:16px; line-height:24px; border-bottom:1px dotted #ccc; }

.btn_mainloc { width:120px; font-size:13px; color:#fff; padding:3px 8px; background:#1b467b; border-radius:20px; transition: all ease 0.3s;  }
.btn_mainloc:hover { background:#000; color:#fff;  }

}

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

.ko1_con .le { float:left; width:35%; }
.ko1_con .ri { float:right; width:62%; }

.tbl_ko1 thead td {  font-size:18px; color:#000; padding:10px 0 30px 0; letter-spacing:-0.5px; }
.tbl_ko1 thead td span { font-size:22px; font-weight:600; color:#1b467b;  }
.tbl_ko1 thead td b { font-size:30px; }

.tbl_ko1 tbody th { padding:10px 0; font-size:16px; border-bottom:1px dotted #ccc; vertical-align:top; }
.tbl_ko1 tbody td { padding:10px 0; font-size:16px; line-height:24px; border-bottom:1px dotted #ccc; }

.btn_mainloc { width:120px; font-size:13px; color:#fff; padding:3px 8px; background:#1b467b; border-radius:20px; transition: all ease 0.3s;  }
.btn_mainloc:hover { background:#000; color:#fff;  }

}

.ko1_con { float:left; width:100%; }


.ko1_con .le img { width:100%; }

.tbl_ko1 {width:100%; }



.ko1_box { background:#999; width:100px; font-weight:500; color:#fff; padding:5px 0; border-radius:30px; }
.ko1_red { color:#c14242;  }
.ko1_blue { font-weight:600; color:#1b467b;    }


/*추진일정*/
@media only screen and (min-width:1px) and (max-width:800px) {

.ko2_con_wrap { float:left; width:100%; }
.ko2_con_wrap ul li { float:left; width:calc(100%/2); margin:0 0 15px 0;  }
.ko2_con {  width:93%;  height:320px; margin:0 auto; border:1px solid #ccc;  border-radius:20px; box-sizing:border-box; }

.ko2_con .tt { float:left; width:100%; padding:20px 0;  text-align:center; border-radius:20px 20px 0 0;  }
.ko2_con .tt dt .tt_sp1 { font-size:13px; font-weight:600; color:#1b467b;  }
.ko2_con .tt dt .tt_sp2 { font-weight:500; }
.ko2_con .tt dt { font-size:18px; line-height:25px; font-weight:600; color:#000; letter-spacing:-1px; }
.ko2_con .tt dd { font-size:14px; color:#000; padding-top:10px;  }

}

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

.ko2_con_wrap { float:left; width:100%; }
.ko2_con_wrap ul li { float:left; width:calc(100%/3); margin:0 0 20px 0;  }
.ko2_con {  width:93%;  height:300px; margin:0 auto; border:1px solid #ccc;  border-radius:20px; box-sizing:border-box; }

.ko2_con .tt { float:left; width:100%; padding:20px 0;  text-align:center; border-radius:20px 20px 0 0;  }
.ko2_con .tt dt .tt_sp1 { font-size:14px; font-weight:600; color:#1b467b;  }
.ko2_con .tt dt .tt_sp2 { font-weight:500; }
.ko2_con .tt dt { font-size:21px; line-height:25px; font-weight:600; color:#000;  }
.ko2_con .tt dd { font-size:15px; color:#000; padding-top:10px;  }

}

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

.ko2_con_wrap { float:left; width:100%; }
.ko2_con_wrap ul li { float:left; width:calc(100%/5);  }
.ko2_con {  width:93%;  height:300px; margin:0 auto; border:1px solid #ccc;  border-radius:20px; box-sizing:border-box; }

.ko2_con .tt { float:left; width:100%; padding:20px 0;  text-align:center; border-radius:20px 20px 0 0;  }
.ko2_con .tt dt .tt_sp1 { font-size:14px; font-weight:600; color:#1b467b;  }
.ko2_con .tt dt .tt_sp2 { font-weight:500; }
.ko2_con .tt dt { font-size:21px; line-height:25px; font-weight:600; color:#000;  }
.ko2_con .tt dd { font-size:15px; color:#000; padding-top:10px;  }

}



.ko2_con .bm { float:left; padding:20px 10px;   }
.ko2_con .bm dd {background:url('/images/comma.png') no-repeat 3px 5px; padding:0px 0 10px 15px; }

.ttbg1 {  background:#faf3d3;  }
.ttbg2 {  background:#d7efe1;  }
.ttbg3 {  background:#d7eef6;  }
.ttbg4 {  background:#d6d4ea;  }
.ttbg5 {  background:#ead9f0;  }


@media only screen and (min-width:1px) and (max-width:800px) {

.ko3_con .le { float:left; width:100%;  }
.ko3_con .ri { float:right; width:100%;  }

.ko3_con .tit { float:left; width:100%; font-size:22px; font-weight:700; color:#000; text-align:center;  }
.ko3_con .tit img { vertical-align:middle; margin-top:-7px; }
.tbl_ko3_wrap { float:left; width:100%; margin:20px 0 30px 0;  }
}

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

.ko3_con .le { float:left; width:58%;  }
.ko3_con .ri { float:right; width:30%;  }

.ko3_con .tit { float:left; width:100%; font-size:25px; font-weight:700; color:#000;  }
.ko3_con .tit img { vertical-align:middle; margin-top:-7px; }
.tbl_ko3_wrap { float:left; width:100%; margin:20px 0 0 0;  }
}

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

.ko3_con .le { float:left; width:58%;  }
.ko3_con .ri { float:right; width:30%;  }

.ko3_con .tit { float:left; width:100%; font-size:25px; font-weight:700; color:#000;  }
.ko3_con .tit img { vertical-align:middle; margin-top:-7px; }

.tbl_ko3_wrap { float:left; width:100%; margin:20px 0 0 0;  }
}

.ko3_con { float:left; width:100%; }


.tbl_ko3 { width:100%; border-bottom:2px solid #1b467b; }
.tbl_ko3 th { font-size:17px; font-weight:500; color:#fff; text-align:center; background:#1b467b; padding:10px 0; }
.tbl_ko3 td { font-size:16px; color:#333; text-align:center; padding:10px 0; border-bottom:1px solid #ccc; }

.ko3_con .ri .img { text-align:center; } 
.ko3_con .ri .img img { width:100%; max-width:300px; margin-top:20px; }



/*유의사항*/
@media only screen and (min-width:1px) and (max-width:800px) {

.ko4_con { float:left; width:100%; }
.ko4_con .tit { font-size:18px; font-weight:600; color:#1b467b;  margin:0 0 10px 0; } 
.ko4_con ul { margin-bottom:30px;  }
.ko4_con ul li { background:url('/images/comma.png') no-repeat 3px 8px; padding:0px 0 10px 15px; font-size:14px; color:#333;    }
.ko4_con ul li span { font-size:14px; color:#555; line-height:20px;  }

}

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

.ko4_con { float:left; width:100%; }
.ko4_con .tit { font-size:22px; font-weight:600; color:#1b467b;  margin:0 0 10px 0; } 
.ko4_con ul { margin-bottom:30px;  }
.ko4_con ul li { background:url('/images/comma.png') no-repeat 3px 8px; padding:0px 0 10px 15px; font-size:16px; color:#333;    }
.ko4_con ul li span { font-size:14px; color:#555; line-height:20px;  }

}

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

.ko4_con { float:left; width:100%; }
.ko4_con .tit { font-size:22px; font-weight:600; color:#1b467b;  margin:0 0 10px 0; } 
.ko4_con ul { margin-bottom:30px;  }
.ko4_con ul li { background:url('/images/comma.png') no-repeat 3px 8px; padding:0px 0 10px 15px; font-size:16px; color:#333;    }
.ko4_con ul li span { font-size:14px; color:#555; line-height:20px;  }

}




/*찾아오시는 길*/
@media only screen and (min-width:1px) and (max-width:800px) {

.main_map { float:left; width:100%; background:#1b467b; padding-bottom:20px; }
.main_map .le { float:left; width:100%; }
.main_map .ri { float:right; width:100%;  }
.main_map .ri ul { padding:20px 30px 0 30px; }
.main_map .ri ul li { float:left; width:100%;  }
.main_map .ri .tit { font-size:22px; font-weight:500; color:#fff;  }
.main_map .ri .txt { font-size:15px; color:#fff; padding:10px 0 20px 0; }
.main_mapbtn { display:block; width:90%; background:#fff; padding:10px 5%; font-size:15px; font-weight:500; color:#1b467b; border-radius:10px; transition: all ease 0.3s;  }
.main_mapbtn span { text-align:right; float:right; }
.main_mapbtn:hover { background:#fac748; color:#1b467b; }

.mm300 { height:250px; }

.main_map_bm { float:left; width:100%; margin:10px 0; }
.main_map_bm .le { float:left; width:49%;  }
.main_map_bm .ri {  float:right; width:49%;   }
.btn_mmb { display:block; width:100%; background:#fff; padding:10px 0; font-size:16px; font-weight:500; color:#1b467b; text-align:center;  border:1px solid #1b467b; box-sizing:border-box; border-radius:10px; transition: all ease 0.3s;  }
.btn_mmb:hover { background:#fac748; color:#1b467b; }

}

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

.main_map { float:left; width:100%; height:420px; background:#1b467b; }
.main_map .le { float:left; width:60%; }
.main_map .ri { float:right; width:40%;  }
.main_map .ri ul { padding:50px 30px 0 30px; }
.main_map .ri ul li { float:left; width:100%;  }
.main_map .ri .tit { font-size:26px; font-weight:500; color:#fff;  }
.main_map .ri .txt { font-size:16px; color:#fff; padding:10px 0 40px 0; }
.main_mapbtn { display:block; width:90%; background:#fff; padding:5%; font-size:16px; font-weight:500; color:#1b467b; border-radius:10px; transition: all ease 0.3s;  }
.main_mapbtn span { text-align:right; float:right; }
.main_mapbtn:hover { background:#fac748; color:#1b467b; }

.main_map_bm { float:left; width:100%; margin:20px 0; }
.main_map_bm .le { float:left; width:49%;  }
.main_map_bm .ri {  float:right; width:49%;   }
.btn_mmb { display:block; width:100%; background:#fff; padding:15px 0; font-size:18px; font-weight:500; color:#1b467b; text-align:center;  border:1px solid #1b467b; box-sizing:border-box; border-radius:10px; transition: all ease 0.3s;  }
.btn_mmb:hover { background:#fac748; color:#1b467b; }

}

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

.main_map { float:left; width:100%; height:420px; background:#1b467b; }
.main_map .le { float:left; width:70%; }
.main_map .ri { float:right; width:30%;  }
.main_map .ri ul { padding:50px 30px 0 30px; }
.main_map .ri ul li { float:left; width:100%;  }
.main_map .ri .tit { font-size:26px; font-weight:500; color:#fff;  }
.main_map .ri .txt { font-size:16px; color:#fff; padding:10px 0 40px 0; }
.main_mapbtn { display:block; width:90%; background:#fff; padding:5%; font-size:16px; font-weight:500; color:#1b467b; border-radius:10px; transition: all ease 0.3s;  }
.main_mapbtn span { text-align:right; float:right; }
.main_mapbtn:hover { background:#fac748; color:#1b467b; }

.main_map_bm { float:left; width:100%; margin:20px 0; }
.main_map_bm .le { float:left; width:49%;  }
.main_map_bm .ri {  float:right; width:49%;   }
.btn_mmb { display:block; width:100%; background:#fff; padding:15px 0; font-size:18px; font-weight:500; color:#1b467b; text-align:center;  border:1px solid #1b467b; box-sizing:border-box; border-radius:10px; transition: all ease 0.3s;  }
.btn_mmb:hover { background:#fac748; color:#1b467b; }

}

/*서브페이지 레이아웃*/
@media only screen and (min-width:1px) and (max-width:1050px) {

.sub_top_wrap { float:left; width:100%; height:215px; background:#fac748 url('/images/sub_topbg.jpg') center top no-repeat;  }
.sub_top_w { width:100%; text-align:center; margin-top:105px;   }
.sub_top_w .tit { font-size:25px; line-height:28px; font-weight:600; color:#1b467b;   }

.sub_top_w .txt { font-size:16px; color:#222;  margin-top:5px; }

.sub_contents_wrap { float:left; width:100%; padding:50px 0; }
.sub_contents_w { width:90%; margin:0 auto; }

}

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

.sub_top_wrap { float:left; width:100%; height:235px; background:#fac748 url('/images/sub_topbg.jpg') center top no-repeat;  }
.sub_top_w { width:100%; text-align:center; margin-top:135px;   }
.sub_top_w .tit { font-size:27px; font-weight:600; color:#1b467b;   }
.sub_top_w .tit br { display:none; }
.sub_top_w .txt { font-size:16px; color:#222;  }

.sub_contents_wrap { float:left; width:100%; padding:80px 0; }
.sub_contents_w { width:90%; margin:0 auto; }

}

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

.sub_top_wrap { float:left; width:100%; height:235px; background:#fac748 url('/images/sub_topbg.jpg') center top no-repeat;  }
.sub_top_w { width:100%; text-align:center; margin-top:135px;   }
.sub_top_w .tit { font-size:27px; font-weight:600; color:#1b467b;   }
.sub_top_w .tit br { display:none; }
.sub_top_w .txt { font-size:16px; color:#222;  }

.sub_contents_wrap { float:left; width:100%; padding:80px 0; }
.sub_contents_w { width:1200px; margin:0 auto; }
}




@media only screen and (min-width:1px) and (max-width:800px) {

}

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

}

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

}

.copy_wrap { float:left; width:100%; border-top:1px solid #ccc; text-align:center; padding:20px 0 50px 0; }
.copy_wrap ul li { font-size:16px; color:#333; }