@media screen and (max-width:1024px) {
.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1024px; min-width: 320px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

#header{height: 80px; border-bottom: 1px solid #ddd;}
#header .inner{position:relative; height: 100%;}
#header h1{position:absolute; left: 2.6%; bottom:0; top:0; margin: auto 0; width:150px; height: 40px; }
#header h1 a{display: block; width: 100%; height: 100%;}
#header h1 img{width: 100%; height: 100%}

#header .nav_btn{position: absolute; display: flex; align-items: center; width: 30px; height: 27px; right: 2.6%; top: 0; bottom: 0; margin: auto 0; cursor: pointer; }
#header .nav_btn .line{width: 100%; height: 2px; background-color:#222222; transition: 0.3s;}
#header .nav_btn .line:before{content: ''; position: absolute; width: 100%; height: 2px; background-color:#222222; right: 0; bottom: 0; transition: 0.3s;}
#header .nav_btn .line:after{content: ''; position: absolute; width: 100%; height: 2px; background-color:#222222; right: 0; top: 0; transition: 0.3s;}
#header .nav_btn.on .line{width: 100%; height: 2px; background-color:transparent;}
#header .nav_btn.on .line:after{transform: rotate(-45deg); transform-origin: right top; top:1.7px}
#header .nav_btn.on .line:before{transform: rotate(45deg); transform-origin: right bottom; bottom:1.7px}

.gnb{position:absolute; display: none; right: 0; bottom: 10px; font-size: 0;}
.gnb > li{position:relative; margin-right: 78px;}
.gnb > li:last-child{margin-right: 0;}
.gnb > li > a{display: block; padding: 14px 0; font-size:16px; font-weight: 600; color:#222;}
.gnb > li ul{position:absolute; display: none; left: 50%; top: 100%; transform: translateX(-50%); background-color: #fff; width: 170px; padding: 25px 0; box-shadow:rgba(0,0,0,0.17) 0 3px 3px;}
.gnb > li ul:before{content:''; position:absolute; top: 0; left: 50%; transform:translateX(-50%); width:27px; height: 2px; background-color: #000000;}
.gnb > li ul li a{display: block; line-height: 30px; color:#222; font-size:16px; text-align: center;}

.navigation{position: absolute; display: none; left: 0; top: 80px; width: 100%; height: 100%; font-size: 0; z-index: 1000;}
.navigation .lnb{position:absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: #fff; z-index: 50;}
.navigation h3{height:55px; border-bottom: 1px solid #ddd; background: url(/assets/images/main/main_nav_arrow_tab.png)center right 5.2% no-repeat; background-size: 13px auto;}
.navigation h3:nth-child(9) a {color:#B41D23;}
.navigation h3 a{display: block; padding: 0 20px; line-height: 54px; color:#222; font-size: 16px;}
.navigation ul{position:relative; padding: 20px 0; background-color: #f6f6f6;}
.navigation ul:after{content:''; position:absolute; left: 0; top: 0; width: 100%; height: 3px; background-color: #000000;}
.navigation ul:nth-child(10):after{background-color: #B41D23;}
.navigation ul li{margin-top: 20px;}
.navigation ul li:first-child{margin-top: 0;}
.navigation ul li a{display: block; padding-left: 20px; font-size:15px; color:#555; line-height:1; }
.navigation h3.on{background: url(/assets/images/main/main_nav_arrow_on_tab.png)center right 5.2% no-repeat; background-size: 13px auto;}
.navigation h3.active{background: url(/assets/images/main/main_nav_arrow_on_tab.png)center right 5.2% no-repeat; background-size: 13px auto;}
.navigation .nav_bg{position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 30;}

#visual_wrap .top{padding: 45px 0 110px;}
#visual_wrap .top p{font-size:15px; color:#222; line-height: 19px; text-align: left;}
#visual_wrap .top p br{display: none;}
#visual_wrap .bot{position:relative; width: 100%; margin: 0 auto; max-width: 100%;}
#visual_wrap .bot .txt{position:absolute; width: 100%; font-size: 0; top: -45px;}
#visual_wrap .bot .txt em{font-size: 30px; color:#222; line-height: 45px; font-weight: 700;}
#visual_wrap .bot .txt em span{color:#fff;}

.main_tit{position:relative;}
.main_tit h2{line-height: 1; font-size:20px; font-weight: 700; color:#222; }
.main_tit a{position:absolute; right: 0; bottom: 0; width:20px; height: 20px; background: url(/assets/images/main/main_more_tab.png)center no-repeat; background-size: 20px;}
#section01{padding-top: 100px; font-size: 0;}
#section01 .inner{display: block; justify-content: space-between;}
#section01 .con01{width:100%; margin-top: 50px;}
#section01 .con01 ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
#section01 .con01 ul li{display: flex; align-items: center; width: 48.07%; margin-top: 15px;}
#section01 .con01 ul li:first-child{margin-top: 0;}
#section01 .con01 ul li:nth-child(-n + 2){margin-top: 0;}
#section01 .con01 ul li .img_wrap{position:relative; width:30.71%}
#section01 .con01 ul li .img_wrap a{position:relative; display: block; padding-bottom: 62.79%;}
#section01 .con01 ul li .img_wrap a img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}
#section01 .con01 ul li .txt{display: block; flex-direction: column; justify-content: space-between; width: calc(100% - 30.71%); padding-left: 10px;}
#section01 .con01 ul li .txt em{display: block; font-size:15px; line-height: 18px; height: 36px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word;}
#section01 .con01 ul li .txt em a{color:#222}
#section01 .con01 ul li .txt span{display: block; line-height: 1; font-size:14px; color:#666666; margin-top: 5px;}
#section01 .con02{width:100%;}
#section01 .con02 ul{display: flex; justify-content: flex-start; flex-wrap:wrap; margin-top: 30px;}
#section01 .con02 ul li{width: 23.35%; margin-top: 0; margin-right: 2.2%;}
#section01 .con02 ul li:last-child{margin-right: 0;}
#section01 .con02 ul li:nth-child(-n + 2){margin-top: 0;}
#section01 .con02 ul li .img_wrap{position:relative; padding-bottom: 63.23%;}
#section01 .con02 ul li .img_wrap img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}
#section01 .con02 ul li .txt{margin-top: 8px;}
#section01 .con02 ul li .txt em{display: block; line-height: 1; font-size:15px; color:#222; font-weight: 500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#section01 .con02 ul li .txt em a{color:#222;}

#section02{padding: 50px 0; font-size: 0}
#section02 .sec02_slider{position:relative; margin-top: 30px;}
#section02 .sec02_slider .slick-slider{width: calc(100% + 20px); padding: 0 23px;}
#section02 .sec02_slider li{margin-right: 20px;}
#section02 .sec02_slider a{display: block; border: 1px solid #ddd; padding: 15px 15px 15px}
#section02 .sec02_slider .top{padding-bottom: 15px; border-bottom: 1px dashed #ddd;}
#section02 .sec02_slider .top .date{display: flex; align-items: flex-end;}
#section02 .sec02_slider .top .date b{display: block; line-height: 1; font-size:15px; font-weight: 800; color:#222; margin-right: 8px;}
#section02 .sec02_slider .top .date span{display: block; line-height:1; font-size:14px; font-weight: 500; color:#666666}
#section02 .sec02_slider .top em{display: block; font-size: 15px; color:#222; line-height: 19px; height: 38px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word;}
#section02 .sec02_slider .bot{padding-top: 13px;}
#section02 .sec02_slider .bot p{font-size:14px; color:#666; line-height: 18px; height: 144px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8;  -webkit-box-orient: vertical; word-wrap:break-word; }
#section02 .sec02_slider .prev{position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 9px; height: 16px; cursor: pointer;  background: url(/assets/images/main/main_prev01_pc.png)center no-repeat; background-size: auto 16px;}
#section02 .sec02_slider .next{position:absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 9px; height: 16px; cursor: pointer; background: url(/assets/images/main/main_next01_pc.png)center no-repeat; background-size: auto 16px;}

.f_menu_tab{display: block; padding: 50px 0 50px; background-color: #f5f5f5; font-size: 0}
.f_menu_tab em{display: block; line-height: 1; font-size: 20px; color:#222; font-weight: 700;}
.f_menu_tab .f_menu_wrap{display: flex; justify-content: space-between; margin-top: 30px;}
.f_menu_tab .f_menu_wrap ul{width:auto;}
.f_menu_tab .f_menu_wrap ul:last-child{display: none;}
.f_menu_tab .f_menu_wrap ul li{margin-top: 17px;}
.f_menu_tab .f_menu_wrap ul li.pc_none{display: block;}
.f_menu_tab .f_menu_wrap ul li:first-child{margin-top: 0;}
.f_menu_tab .f_menu_wrap ul li a{display: block; line-height: 1; font-size: 14px; color:#555555}
.f_menu_pc{display: none;}
.f_menu_mob{display: none;}

#footer{padding: 50px 0;}
#footer .inner{position:relative; text-align: center;}
#footer address p span{color:#222; font-weight: 800; margin-right: 12px;}
#footer address p{font-size:14px; line-height: 1; color:#555;}
#footer address em span{color:#222; font-weight: 800; margin-right: 12px;}
#footer address em{display: inline-block; line-height: 1; font-size:14px; color:#555; margin-top: 18px; margin-right: 20px;}
#footer p.copyright{position:static; right: 0; bottom: 0; line-height: 1; margin-top: 18px; font-size: 14px; color:#222; font-weight: 800;}


/* ---------------------------sub-------------------------------- */
#sub_visual_wrap{position:Relative; width: 1800px; margin: 0 auto; max-width: 100%;}
.sub_visual_txt{position:absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.sub_visual_txt ul{display: flex; align-items: center;  font-size: 0;}
.sub_visual_txt ul li span{display: block; line-height: 1; font-size:14px; color:#fff; font-family: 'Noto Sans KR'; }
.sub_visual_txt ul li.arrow{margin: 0 15px;}
.sub_visual_txt h2{line-height: 1; font-size: 24px; color:#fff; font-weight: 500; margin-top: 13px;}

#sub_contents{padding: 35px 0 60px}

.sub_menu{font-size: 0; margin-bottom: 35px;}
.sub_menu ul{display: flex; flex-wrap: wrap;}
.sub_menu ul li a{display: block ;padding: 0 20px; line-height: 30px; border-radius:15px; font-weight: 500; font-size:16px; color:#777777;}
.sub_menu ul li.on a{background-color: #000; color:#fff; font-weight: 700;}

/*sub0101*/
.sub0101 h4{font-size:22px;}
.sub0101 h4:after{ width:48%; height:2px; right:0; top:50%;}
.sub0101 .txt_wrap{display:none;}
.sub0101 .txt_wrap_mob{margin:30px 0; display:block; font-size:14px;}
.sub0101 .txt_wrap_mob p ~ p{margin-top:15px;}
.sub0101 .txt_wrap_mob p span{font-size:15px; color:#c2464b;}
.sub0101 p.name{font-size:16px;}

/* sub0102 */
.sub0102 ul.history_wrap_pc{display:block; }
.sub0102 ul.history_wrap_mob{display:none; }
.sub0102 ul.history_wrap_pc li{width:50%; margin-bottom:15px; padding-right:50px;}
.sub0102 ul.history_wrap_pc li:before{width:30px;}
.sub0102 ul.history_wrap_pc li:after{width:16px; height:16px;}
.sub0102 ul.history_wrap_pc li.li_02{width:100%; margin-bottom:15px; padding-left:calc(50% + 50px);}
.sub0102 ul.history_wrap_pc li.li_02:before{width:30px;}
.sub0102 ul.history_wrap_pc li.li_02:after{width:16px; height:16px;}
.sub0102 ul.history_wrap_pc li span{display:block;}
.sub0102 ul.history_wrap_pc li b{font-size:22px;}
.sub0102 ul.history_wrap_pc li p{font-size:14px;}



@media screen and (max-width:950px) {
.sub0102 ul.history_wrap_pc{display:none;}
.sub0102 ul.history_wrap_mob{display:block;}
.sub0102 ul.history_wrap_mob li{display:block; text-align:left; position:relative; width:100%; margin-bottom:15px; padding-left:30px;}
.sub0102 ul.history_wrap_mob li:before{position:absolute; width:12px; height:12px; background:#fff url('/assets/images/sub/his_tit.png') no-repeat; background-size:100%; display:block; content:""; left:0; top:7px;}
.sub0102 ul.history_wrap_mob li b{display:block; color:#000; font-size:18px; font-weight:500; vertical-align:top;}
.sub0102 ul.history_wrap_mob li span{color:#c2464b; font-size:14px; font-weight:bold; vertical-align:top;}
.sub0102 ul.history_wrap_mob li p{ font-size:14px;}
.sub0102 ul.history_wrap_mob li p.txt_in{padding-left:15px;}
}

/* sub0103 */
.rules .ptit p{float:left; font-size:15px;}
.rules .ptit span{float:left; display:block; color:#000; font-size:15px;}
.type > li{margin-bottom:20px; font-size:14px; color:#000;}
.type > li > p{font-size:14px;}
.type > li table tr, th, td{font-size:14px;}

/* sub0104 */
.sub0104 .img_wrap{margin-bottom:50px;}
.sub0104 .tbl_02 th{font-size:15px; padding:15px;}
.sub0104 .tbl_02 td{padding:15px; border:1px solid #ddd;}

/* sub0501 */
.sub0501_wrap .con_top {margin-bottom: 90px; }
.sub0501_wrap .con_top span.tit {display: block; text-align: center; color: #222; font-weight: 700; font-size: 22px; margin-bottom: 15px;} 
.sub0501_wrap span.tit2 {display: block; text-align: center; color: #222; font-weight: 700; font-size: 22px;}
.sub0501_wrap .con_top .btn_wrap a {font-size: 15px; width: 200px; height: 50px; line-height: 50px;}
.sub0501_wrap .con {border-top: 1px solid #ddd; margin: 30px 0;}
.sub0501_wrap .con p.p_con {font-size: 15px; color: #222; line-height: 1.8; padding: 30px 20px;}
.sub0501_wrap .con p.p_con:nth-child(2) {padding: 0 20px 30px 20px;}
.sub0501_wrap .con ul.con_li {padding: 0 20px; }
.sub0501_wrap .con ul.con_li li {margin-bottom: 20px;}
.sub0501_wrap .con ul.con_li li:last-child {margin-bottom: 0;}
.sub0501_wrap .con ul.con_li li p.p_con2 strong {font-size: 14px; color: #222;}
.sub0501_wrap .con ul.con_li li p.p_con2 {font-size: 14px; color: #555;}
.sub0501_wrap .con .box {margin-bottom: 40px;}
.sub0501_wrap .con .box p.p_tit {font-size: 15px; color: #222; background: #f7f7f7; padding: 20px; border-radius: 10px; margin-bottom: 10px;}
.sub0501_wrap .con2 {border: 1px dashed #ddd; padding: 20px; margin-top: 40px;}
.sub0501_wrap .con2 p {font-size: 14px;}
.sub0501_wrap .con2 p.p_ct {color: #222; margin-bottom: 10px; text-align: center;}