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

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

#header{height: 61px; border-bottom: 1px solid #ddd;}
#header .inner{position:relative; height: 100%;}
#header h1{position:absolute; left: 2.66%; bottom:0; top:0; margin: auto 0; width:128px; height: 33px; }
#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.66%; 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: 61px; width: 100%; height: 100%; font-size: 0;}
.navigation .lnb{position:absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: #fff; z-index: 50;}
.navigation h3{height:50px; border-bottom: 1px solid #ddd; background: url(/assets/images/main/main_nav_arrow_mob.png)center right 5.32% no-repeat; background-size: 13px auto;}
.navigation h3 a{display: block; padding: 0 15px; line-height: 49px; color:#222; font-size: 13px;}
.navigation ul{position:relative; padding: 20px 0; background-color: #f6f6f6;}
.navigation ul:after{content:''; position:absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #000000;}
.navigation ul li{margin-top: 20px;}
.navigation ul li:first-child{margin-top: 0;}
.navigation ul li a{display: block; padding-left: 15px; font-size:13px; color:#555; line-height:1; }
.navigation h3.on{background: url(/assets/images/main/main_nav_arrow_on_mob.png)center right 5.32% no-repeat; background-size: 13px auto;}
.navigation h3.active{background: url(/assets/images/main/main_nav_arrow_on_mob.png)center right 5.32% 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 70px;}
#visual_wrap .top p{font-size:14px; 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: -28px;}
#visual_wrap .bot .txt em{font-size: 20px; color:#222; line-height: 28px; 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_mob.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: 40px;}
#section01 .con01 ul{display: block; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
#section01 .con01 ul li{display: flex; align-items: center; width: 100%; margin-top: 15px;}
#section01 .con01 ul li:nth-child(-n + 2){margin-top: 15px;}
#section01 .con01 ul li:first-child{margin-top: 0;}
#section01 .con01 ul li .img_wrap{position:relative; width:30.28%}
#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.28%); padding-left: 10px;}
#section01 .con01 ul li .txt em{display: block; font-size:15px; line-height: 19px; height: 38px; 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: space-between; flex-wrap:wrap; margin-top: 30px;}
#section01 .con02 ul li{width: 47.88%; margin-top: 13px; margin-right: 0;}
#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:#2 22;}

#section02{padding: 40px 0; font-size: 0}
#section02 .sec02_slider{position:relative; margin-top: 30px;}
#section02 .sec02_slider .slick-slider{width: calc(100% + 20px); padding: 0 33px;}
#section02 .sec02_slider li{margin-right: 20px;}
#section02 .sec02_slider a{display: block; border: 1px solid #ddd; padding: 20px 15px 20px}
#section02 .sec02_slider .top{padding-bottom: 13px; 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: 11px; 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: 108px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6;  -webkit-box-orient: vertical; word-wrap:break-word; }
#section02 .sec02_slider .prev{position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 14px; height: 26px; cursor: pointer;  background: url(/assets/images/main/main_prev01_mob.png)center no-repeat; background-size: auto 25.5px;}
#section02 .sec02_slider .next{position:absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 14px; height: 26px; cursor: pointer; background: url(/assets/images/main/main_next01_mob.png)center no-repeat; background-size: auto 25.5px;}

.f_menu_pc{display: none; padding: 50px 0 50px; background-color: #f5f5f5; font-size: 0}
.f_menu_pc em{display: block; line-height: 1; font-size: 20px; color:#222; font-weight: 700;}
.f_menu_pc .f_menu_wrap{display: flex; justify-content: space-between; margin-top: 30px;}
.f_menu_pc .f_menu_wrap ul{width:auto;}
.f_menu_pc .f_menu_wrap ul:last-child{display: none;}
.f_menu_pc .f_menu_wrap ul li{margin-top: 17px;}
.f_menu_pc .f_menu_wrap ul li .pc_none{display: block;}
.f_menu_pc .f_menu_wrap ul li:first-child{margin-top: 0;}
.f_menu_pc .f_menu_wrap ul li a{display: block; line-height: 1; font-size: 14px; color:#555555}
.f_menu_tab{display: none;}
.f_menu_mob{display: block; padding: 40px 0 40px; background-color: #f5f5f5; font-size: 0}
.f_menu_mob em{display: block; line-height: 1; font-size: 20px; color:#222; font-weight: 700;}
.f_menu_mob .f_menu_wrap{margin-top: 30px;}
.f_menu_mob .f_menu_wrap .slide {display: none;}
.f_menu_mob .f_menu_wrap ul{display: flex; flex-wrap: wrap}
.f_menu_mob .f_menu_wrap ul li{width: 50%; margin-top: 17px;}
.f_menu_mob .f_menu_wrap ul li:nth-child(-n + 2){margin-top: 0;}
.f_menu_mob .f_menu_wrap ul li a{display: block; line-height: 1; font-size:14px; color:#555555}
.f_menu_mob .f_menu_wrap .slide ul li:nth-child(-n + 2){margin-top: 17px;}
.f_menu_mob a.more{position:relative; display: block; margin: 30px auto 0; width:117px; height:25px;}
.f_menu_mob a.more span{position:Absolute; left: 0; top:0; width: 100%; height: 100%; line-height: 25px; text-align: center; font-size: 14px; color:#fff; background-color: #222;}
.f_menu_mob a.more span:last-child{opacity: 0;}
.f_menu_mob a.more.on span:last-child{opacity: 1;}


#footer{padding: 40px 0;}
#footer .inner{position:relative; text-align: center;}
#footer address p span{color:#222; font-weight: 800; margin-right: 11px;}
#footer address p{font-size:12px; line-height: 1; color:#555;}
#footer address em span{color:#222; font-weight: 800; margin-right: 6px;}
#footer address em{display: inline-block; line-height: 1; font-size:12px; color:#555; margin-top: 16px; margin-right: 40px;}
#footer address em:nth-child(3){margin-right: 0;}
#footer address em:last-child{display: block; margin-right: 0; margin-top: 10px;}
#footer p.copyright{position:static; right: 0; bottom: 0; line-height: 1; margin-top: 16px; font-size: 12px; 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:12px; color:#fff; font-family: 'Noto Sans KR'; }
.sub_visual_txt ul li.arrow{margin: 0 9px;}
.sub_visual_txt h2{line-height: 1; font-size: 20px; color:#fff; font-weight: 500; margin-top: 14px;}

#sub_contents{padding: 23px 0 50px}

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

/* sub0102 */
.sub0102 ul.history_wrap_mob li p{ font-size:12px;}

/* sub0103 */
.rules .ptit{width:100%; height:50px; line-height:50px;background:#fff url(/assets/images/sub/rules_btn.png)no-repeat 96% 10px; background-size:30px;}
.rules .ptit.on{width:100%; height:50px; line-height:50px;background:#fff url(/assets/images/sub/rules_btn_2.png)no-repeat 96% 10px; background-size:30px;}
.rules .ptit {padding-left:10px;}
.rules .ptit p{font-size:14px; padding-left:20px;}
.rules .ptit span{line-height:50px; font-size:13px; padding-left:10px; margin-left:0;}
.rules .ptxt{display:none; background:#fff; overflow:hidden; width:100%; padding:7px 10px; border:1px solid #ebebeb; border-top:none; margin-bottom:20px;}
.type > li{margin-bottom:10px; font-size:12px; color:#000;}
.type > li > p{font-size:12px;}
.type > li table tr, th, td{font-size:12px;}

/*sub0101*/
.sub0101 h4{font-size:18px;}
.sub0101 h4:after{ width:100%; height:2px; right:0; top: calc(100% + 7px);}
.sub0101 .txt_wrap{display:none;}
.sub0101 .txt_wrap_mob{margin:20px 0; display:block; font-size:12px;}
.sub0101 .txt_wrap_mob p ~ p{margin-top:10px;}
.sub0101 .txt_wrap_mob p span{font-size:13px;}
.sub0101 p.name{font-size:14px;}

/* sub0104 */

.sub0104 .img_wrap{margin-bottom:30px;}
.sub0104 .tbl_02 th{font-size:13px; padding:10px;}
.sub0104 .tbl_02 td{padding:10px;}

/* sub0501 */
.sub0501_wrap i {display: block;}
.sub0501_wrap .con_top {margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column;}
.sub0501_wrap .con_top .btn_wrap a {font-size: 13px; width: 160px; height: 40px; line-height: 40px;}
.sub0501_wrap .con_top span.tit {display: inline-block; text-align: center; color: #222; font-weight: 700; font-size: 18px;}
.sub0501_wrap span.tit2 {display: block; text-align: center; color: #222; font-weight: 700; font-size: 18px;}
.sub0501_wrap .con {border-top: 1px solid #ddd; margin: 20px 0;}
.sub0501_wrap .con p.p_con {font-size: 13px; color: #222; line-height: 1.8; padding: 20px 5px;}
.sub0501_wrap .con p.p_con:nth-child(2) {padding: 0 5px 20px 5px;}
.sub0501_wrap .con ul.con_li {padding: 0 5px; }
.sub0501_wrap .con ul.con_li li {margin-bottom: 15px;}
.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: 13px; color: #222;}
.sub0501_wrap .con ul.con_li li p.p_con2 {font-size: 13px; color: #555;}
.sub0501_wrap .con .box {margin-bottom: 30px;}
.sub0501_wrap .con .box p.p_tit {font-size: 13px; color: #222; background: #f7f7f7; padding: 10px 15px; border-radius: 10px; margin-bottom: 10px;}
.sub0501_wrap .con2 {border: 1px dashed #ddd; padding: 15px 20px; margin-top: 30px;}
.sub0501_wrap .con2 p {font-size: 12px; }
.sub0501_wrap .con2 p.p_ct {color: #222; margin-bottom: 10px; text-align: center;}