@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.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%;}


.all_btn{width: 18px; height: 18px;}

/* header */
#header{width: calc(100% - 5.23%); height: 50px; border-radius:10px; margin-top: 20px;}
#header .inner{width: calc(100% - 30px); height: 100%;}
#header h1 a{width: 168px;height: 35px;}

/* gnb */
#header .gnb{display: none;}
.nav_btn {
        width: 20px;
        height: 20px;}


/* visual */
#visual_wrap .main_con{top: 50%; flex-direction: column; width: calc(100% - 40px);}
#visual_wrap .item{padding: 14px 10px;}
#visual_wrap .item p{font-size: 0.875rem;}
#visual_wrap .item img{width: 60%; max-width:100%;}
#visual_wrap .box_top{display: flex; flex-direction: column; align-items: normal;}
#visual_wrap .big_item{display: flex; gap: 10px;}
#visual_wrap .big_item .item05{position: unset; max-width: 49%; flex: 1 1 49%;}
#visual_wrap .txt_wrap ul li{font-size: 0.75rem; line-height: 1.2;}
#visual_wrap .item10 .txt_wrap ul{margin-top: 25px;}
#visual_wrap .box_btm{flex-wrap:wrap;}
#visual_wrap .box_btm .item{flex: 1 1 calc(50% - 20px);}
#visual_wrap .item.item_txt .inner_txt{height: 70%; font-size: 0.75rem; overflow-y: auto;}
#visual_wrap .item.item_txt .plus_btn{width: 25px; height: 25px; font-size: 20px;}

#visual_wrap .sponsor_pc{display: none;}


#visual_wrap .sponSlide{display: block; width: 100%;}
#visual_wrap .sponSlide .swiper-slide a{display: flex; align-items: center; justify-content: center;height: 50px;background: #fff;padding: 5px;overflow: hidden;}
#visual_wrap .sponSlide .swiper-slide a:hover img{transform:scale(1.05); transition:.3s;}
#visual_wrap .sponSlide .swiper-slide a img{width: 100%;height: 100%;object-fit: contain; transition:.3s;}
#visual_wrap .swiper-button-prev{left: 0;}
#visual_wrap .swiper-button-next{right: 0;}
#visual_wrap .swiper-button-prev, #visual_wrap .swiper-button-next{width: 25px; height: 25px; color: #fff; background: #ddd; border-radius:50%; margin-top: 0; transform:translateY(-50%);}
#visual_wrap .swiper-button-prev svg, #visual_wrap .swiper-button-next svg{width: 6px;}


.navigation {position: fixed;left: 0;top: 0px;}
.navigation .lnb { top: 100px; width: calc(100% - 5.23%);border-radius: 10px;}
.navigation h3 a {font-size:14px;}
.navigation ul li a {font-size:12px;}

#footer{padding-block: 30px;}
#footer .inner{flex-direction: column-reverse; gap:20px;    align-items: center;}
#footer .inner p{margin-bottom: 10px; font-size:14px; text-align: center;}
#footer .copy {margin-top: 20px; font-size:12px; text-align: center;}


/* sub */

#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:60%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { margin-bottom:15px; font-size:22px; color:#fff; font-weight:600;}
#sub_visual_wrap .txt_wrap ul.sub_nav  { display:flex;align-items:center;gap:20px;justify-content: center;}
#sub_visual_wrap .txt_wrap ul.sub_nav li { position:relative;font-size:12px; color:#fff; font-weight:400;}
#sub_visual_wrap .txt_wrap ul.sub_nav li:last-child::before{display: none;}
#sub_visual_wrap .txt_wrap ul.sub_nav li:not(:first-child):not(:empty)::after {content: '';position: absolute;left: -10px;top: 50%;transform: translateY(-50%);width: 1px;height: 60%;background: #fff;}

/* tab_menu */
.tab_menu {position: relative;display: block; width:100%; height:46px;background: #fff;border-bottom: 1px solid #ddd;line-height: 1;}
.tab_menu .inner{position:relative; display: flex; height:45px;background:#fff;padding: 0;}
.tab_menu .on .arrow02{background: url(/images/sub/sub_ico05_pc.png)center no-repeat;}
.tab_menu .home{display: none;width: 60px; height: 60px; background: url(/images/sub/sub_ico02_pc.png)center no-repeat #0c134f;}
.tab_menu .menu {display: flex;width: 100%; height:100%;}
.tab_menu .menu > li{position:relative; min-width:auto;flex:1; height:100%; background:url("/images/sub/sub_ico03_pc.png") center right 10px no-repeat; background-size:13px auto;}
.tab_menu .menu > li.on {background:url("/images/sub/sub_ico02_pc.png") center right 20px no-repeat; background-size:13px auto;}
.tab_menu .menu > li > a {display:flex; align-items:center;padding: 0 40px 0 10px; width:100%; height:100%; font-size: 12px; color:#222; font-weight: 500; text-indent:0;border-right:1px solid #ddd ;}
.tab_menu .menu > li ul {display:none; position:absolute;width:100%; top:100%; left:0; background-color:#fff;z-index:100;border: 1px solid #ddd;padding: 15px 0;}
.tab_menu .menu > li ul li{margin-bottom: 13px;}
.tab_menu .menu > li ul li:last-child{margin-bottom: 0;}
.tab_menu .menu > li ul li a {display:block;transition:.3s;font-size:12px;line-height: 1; color:#555;font-weight: 500;padding:0 10px;border: 1px solid transparent;}
.tab_menu .menu > li ul li.on a{color: #1d267d;}
.tab_menu .menu > li ul li:hover a{color: #1d267d;}

#sub_contents{padding: 40px 0;}
#sub_contents .contop h3{font-weight: 500;font-size: 22px;line-height: 1;margin-bottom: 37px;text-align: center;color: #222;}


h3.h3_tit{position: relative; padding-left: 30px; font-size: 20px; color: var(--co02);}
h3.h3_tit::after{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 20px; height: 20px; border-radius: 50px; border: 5px solid #1B2A7E;}

table.tbl01{width:100%;}
table.tbl01 tr th{font-size: 12px;}
table.tbl01 tr td{font-size: 12px;}

/* sub0101 */
.sub0101_wrap .cate_box ul li a{padding-block:15px; font-size: 15px;}
.sub0101_wrap .con_box{margin-top: 40px;}

.sub0101_wrap .con_box .info_box {display: flex; gap:10px; margin-top: 30px; flex-direction: column;}
.sub0101_wrap .con_box .info_box h4{width: 100%; font-size: 18px; }
.sub0101_wrap .con_box .right_con p{font-size: 14px; }

.sub0101_wrap .con_box.box02 .right_con ul{ gap:15px;flex-direction: column; }
.sub0101_wrap .con_box.box02 .right_con .txt_box{padding: 15px 20px; }
.sub0101_wrap .con_box.box02 .right_con .txt_box3::before{display: none;}

.sub0101_wrap .con_box.box03 .right_con ul{gap:15px;flex-direction: column;  }
.sub0101_wrap .con_box.box03 .right_con .step_list .step_tit{font-size: 14px; }
.sub0101_wrap .con_box.box03 .right_con .step_list p{font-size: 14px;}

.sub0101_wrap .con_box .right_con a.btn{width: 100%;height: 4rem;font-size: 14px;line-height: 4rem;}

/* sub0102 */
.sub0201_wrap .bg{background:url('/assets/images/sub/sub0201_backimg01.png') bottom no-repeat; background-size:cover; display: flex; justify-content: center; gap:40px; padding-top: 20px; }
.sub0201_wrap .con01 {flex-direction: column; gap:30px;padding: 0 2.66%; padding-bottom: 20px;}
.sub0201_wrap .con01 .left{width:100%;}
.sub0201_wrap .con01 .left .info{margin-top: 20px;}
.sub0201_wrap .con01 .left .info span{font-size: 24px;}
.sub0201_wrap .con01 .left .info p{font-size: 14px;}
.sub0201_wrap .con01 .right{width:100%;}
.sub0201_wrap .con01 .right h4{font-size: 24px;padding-top: 0px;    color: #ddd;}
.sub0201_wrap .con01 .right .txt_wrap{margin-top: 30px; display: flex;  flex-direction: column; gap:10px;}
.sub0201_wrap .con01 .right .txt_wrap p{font-size: 14px;}

.sub0201_wrap .con02{margin-top: 60px;}
.sub0201_wrap .bg.con02{background:url('/assets/images/sub/sub0201_backimg02.png') bottom no-repeat;background-size: cover; }
.sub0201_wrap .con02 .left .info span em{color: #1B2A7E;font-size: 25px;font-weight: 700; padding-right: 20px;}

.sub0201_wrap .con02 .right h4{ color: #222;}

/* sub0202 */
.sub0202_wrap h3{font-size:25px; margin-bottom: 40px;}
.sub0202_wrap .con01 .box p{font-size: 16px; margin-bottom: 20px; line-height: 1.5; word-break:keep-all;}
.sub0202_wrap .con01 .box ul.dot_list{ width:90%; margin:0 auto;}
.sub0202_wrap .con01 .box ul.dot_list li{font-size: 14px; padding-left: 20px; line-height: 1.3;}
.sub0202_wrap .con01 .box ul.dot_list li::before{position: absolute;  content:'';width: 5px;height: 5px; background:#1B2A7E; border-radius:10px; top:50%; left:0; transform:translateY(-50%); }

.sub0202_wrap .con02{margin-top: 60px;}
.sub0202_wrap .con02 ul { gap:40px;}
.sub0202_wrap .con02 ul li{display: flex; gap:30px; align-items: flex-end;  flex-direction: column;}
.sub0202_wrap .con02 ul li img{width:100%; }
.sub0202_wrap .con02 ul li .txt{gap:20px;}
.sub0202_wrap .con02 ul li .txt span{font-size: 30px;}
.sub0202_wrap .con02 ul li .txt b{font-size: 15px;}
.sub0202_wrap .con02 ul li .txt p{font-size: 12px;}
.sub0202_wrap .con02 ul li.even {flex-direction: column;}

/* sub0203 */
.sub0203_wrap .con ul{margin-top: 20px; display:grid; grid-template-columns: repeat(2, 1fr); gap:30px 20px;}
.sub0203_wrap .con ul li{display: flex; flex-direction: column; gap:15px;}
.sub0203_wrap .con ul li .info span{font-size: 16px;}
.sub0203_wrap .con ul li .info p{font-size: 14px;}
.sub0203_wrap .con02{margin-top: 60px;}

/* sub0204 */
.sub0204_wrap{display: flex; flex-direction: column; gap:60px;}
.sub0204_wrap .con h2{font-size: 20px;margin-bottom: 20px; position: relative;}
.sub0204_wrap .con h2::before{position: absolute; content:''; width: 30px;height: 3px; background: #1B2A7E; bottom:-10px; left:0;}
.sub0204_wrap .con p, .sub0204_wrap .con ul li{font-size: 14px;}

/* sub0205 */
.sub0205_wrap iframe{height:350px;}
.sub0205_wrap .box{width:95%; margin:0 auto; transform: translateY(-60px); gap:20px; padding:20px;}
.sub0205_wrap .box ul{flex-wrap: wrap;gap: 20px;}
.sub0205_wrap .box ul li {    align-items: baseline;}
.sub0205_wrap .box ul li span{width: 80px;height: 35px; line-height: 35px ;font-size: 16px;}
.sub0205_wrap .box ul li p{font-size: 14px; width:calc(100% - 80px);}


/* sub0301 */
.sub0301_wrap .history_area .year_img_mob{display: block;}
.sub0301_wrap .history_area .year_img_mob img{width: 100%;}
.sub0301_wrap .term_wrap{display: none;}
.sub0301_wrap .history_area.container{display: block; padding-bottom: 0;}
.sub0301_wrap .history_area .years{display: flex; flex-direction: column; gap:20px; padding-left: 0;}
.sub0301_wrap .history_area::after{display: none;}
.sub0301_wrap .history_area .years ~ .years{padding-top: 50px;}

.sub0301_wrap .history_area .year_con{gap:10px;}
.sub0301_wrap .history_area .year_con strong{font-size: 0.875rem; color: #222;}
.sub0301_wrap .history_area .year_con h3{font-size: 1.1rem; color: var(--co02); line-height: 1.2;}
.sub0301_wrap .history_area .year_con p{font-size: 0.75rem;}
.sub0301_wrap .history_area .year_con .web_btn{display: block; padding: 8px 15px;font-size: 0.75rem;color: #fff;font-weight: 500;background: var(--co02);border-radius: 30px;}

/* sub0301_new */
.sub0301_new_wrap .con01 ul{margin-top: 20px;}
.sub0301_new_wrap .con01 ul li .q_box{gap:10px;padding: 15px 10px;}
.sub0301_new_wrap .con01 ul li .q_box span{font-size: 1rem;}
.sub0301_new_wrap .con01 ul li .q_box p{font-size: 0.75rem;}

.sub0301_new_wrap .table_wrap table{width:500px;}
.sub0301_new_wrap .table_wrap table tr th{ font-size:0.75rem; padding: 10px 4px;}
.sub0301_new_wrap .table_wrap table tr td{padding: 10px 4px;font-size: 0.75rem;}


/* sub0302 */
.sub0302_wrap .con p{font-size: 14px;}
.sub0302_wrap .con_box .info_box {margin-top: 40px;}
.sub0302_wrap .info_box .right_con ul.sm_dot{display: flex; flex-direction: column; gap:10px; width:100%; margin:0 auto;}
.sub0302_wrap .info_box .right_con ul.sm_dot li{display: flex; gap:5px;color: #444;font-size: 14px;font-weight: 400; position: relative; padding-left: 15px;}
.sub0302_wrap .info_box .right_con ul.sm_dot li span{word-break:keep-all; color: #444;font-size: 14px; line-height: 1.4;}
.sub0302_wrap .info_box .right_con ul.sm_dot li::before{position: absolute;  content:'';width: 5px;height: 5px; background:#444; border-radius:10px; top:8px; left:0; }

.sub0302_wrap .info_box .right_con .chart_img:last-child{margin-top: 50px;}
.sub0302_wrap .info_box .right_con p{color: #444; font-size: 14px; font-weight: 400; line-height: 1.3;}
.sub0302_wrap .info_box .right_con > p:not(:first-child){margin-top: 20px;}

.sub0302_wrap .info_box .right_con ul.big_list{display: grid; grid-template-columns: repeat(1, 1fr); gap:20px 0;}
.sub0302_wrap .info_box .right_con ul.big_list li{position: relative; padding-left: 20px; display: flex; flex-direction: column; gap:10px; word-break:keep-all;}
.sub0302_wrap .info_box .right_con ul.big_list li span{color: #222;font-size: 14px;font-weight: 500;line-height: 1.4;}
.sub0302_wrap .info_box .right_con ul.big_list li p{color: #444;font-size: 12px;font-weight: 400;line-height: 1.4;}
.sub0302_wrap .info_box .right_con ul.big_list li::before{position: absolute;  content:'';width: 6px;height: 6px; background:#1B2A7E; border-radius:10px; top:10px; left:0; }

/* sub0303 */
.sub0303_wrap .top{gap: 30px;flex-wrap: wrap;     justify-content: center;}
.sub0303_wrap .top .book_img{width:50%;}
.sub0303_wrap .top .book_img img{width:100%;}
.sub0303_wrap .top .info     {gap: 20px;}
.sub0303_wrap .top .info h3{font-size: 20px;}
.sub0303_wrap .top .info ul li{display: flex; gap:20px; align-items: center;}
.sub0303_wrap .top .info ul li span{min-width:101px;font-size: 16px;}
.sub0303_wrap .top .info ul li p{font-size: 16px;}
.sub0303_wrap .top .search{display: flex;align-items: flex-end; width: 100%;}
.sub0303_wrap .top .search .input_wrap {width: 100%;}
.sub0303_wrap .top .search .input_wrap input{border-radius: 60px;border: 1px solid #7CBB28; width:100%; height: 50px; padding-inline:20px; font-size:14px; }
.sub0303_wrap .top .search .input_wrap input::placeholder{font-size: 12px;}


.sub0303_wrap .con{margin-top: 40px;}
.sub0303_wrap .con ul li{padding: 0px 20px 0px 20px;}
.sub0303_wrap .con ul li .q_box{padding: 10px 0;flex-direction: column; align-items: flex-start; gap:10px;}
.sub0303_wrap .con ul li .q_box:after{content:'';position: absolute;right: 0px;top: 50%;transform:translateY(-50%);width: 14px;height: 6px;background:url(/assets/images/sub/sub0303_icon01.png)center no-repeat;background-size:cover ;  }
.sub0303_wrap .con ul li.on .q_box:after{background:url(/assets/images/sub/sub0303_icon02.png)center no-repeat;background-size:cover ;}
.sub0303_wrap .con ul li .q_box p{font-size: 14px;}
.sub0303_wrap .con ul li .q_box a{margin-left: 0px;font-size: 12px;}
.sub0303_wrap .con ul li .q_box a img{margin-left: 10px; width:12px;}

.sub0303_wrap .con ul li .a_box{display: none; margin-bottom: 10px;}
.sub0303_wrap .con ul li .a_box p{font-size: 12px;color: #444;line-height: 2;}
.sub0303_wrap .con ul li .a_box p a img{margin-top: 3px; border:1px solid #ddd; border-radius:50%; margin-left: 10px; width:20px;}

/* sub0304 */
.sub0304_wrap .search_box{ margin-bottom: 20px;     flex-direction: column; gap:15px;}
.sub0304_wrap .search_box .total p{font-size: 14px;}
.sub0304_wrap .search_box .search{width:100%;}
.sub0304_wrap .search_box .search .input_wrap input{width:100%; height: 50px; padding-inline:20px; font-size:14px; }
.sub0304_wrap .search_box .search .input_wrap input::placeholder{color: #666;font-size: 12px;font-weight: 400; }
.sub0304_wrap .search_box .search .input_wrap button{position: absolute; right:20px; top:50%; transform	: translateY(-50%);}
.sub0304_wrap ul.list li{padding:20px;}
.sub0304_wrap ul.list li a {display: flex;}
.sub0304_wrap ul.list li a span{color: #222;font-size: 20px;font-weight: 500; margin-right: 10px; }
.sub0304_wrap ul.list li a p{color: #222;font-size: 14px;font-weight: 500;  line-height: 1.4;   display: inline;}

.sub0304_wrap .paging_wrap{text-align:center; box-sizing:border-box; margin-top: 40px;}
.sub0304_wrap ul.paging li{display:block; margin:0; width:35px; height:35px;  vertical-align:middle; border:none; }
.sub0304_wrap ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:12px; color:#999; line-height:35px; border:1px solid #ddd;  border-radius:50%;}
.sub0304_wrap ul.paging li a img{width:9px;}


/* sub0305*/
.sub0305_wrap .con01 em{margin-top: 20px;font-size:14px; }
.sub0305_wrap .con01 .img_wrap{margin-top: 10px;}
.sub0305_wrap .con02, .sub0305_wrap .con03, .sub0305_wrap .con04{margin-top: 60px;}
.sub0305_wrap .con02 .search_box{margin-top: 20px;}
.sub0305_wrap table{margin-top: 20px;}
.sub0305_wrap table.tbl01 tr td{padding-inline:5px; word-break:normal; }
.sub0305_wrap .con04 strong{margin-top: 20px; font-size:15px; }
.sub0305_wrap .con04 ul.dot_list li{font-size: 12px;}
.sub0305_wrap .con04 ul.dot_list li span {width: 55px;}
.sub0305_wrap .con04 ul.dot_list li::before {position: absolute;content: '';width: 4px;height: 4px;background: #1B2A7E;border-radius: 10px;top: 8px;left: 0;}
.sub0305_wrap .meetSlide{padding-inline:3%; margin-top: 30px;}
.sub0305_wrap .meetSlide .swiper-button-prev, .sub0305_wrap .meetSlide .swiper-button-next{width: 30px; height: 30px;}
.sub0305_wrap .meetSlide .swiper-button-prev svg, .sub0305_wrap .meetSlide .swiper-button-next svg{width: 6px;}
.sub0305_wrap .meetSlide .swiper-slide p{margin-top: 20px; font-size: 0.875rem;}
.sub0305_wrap .meetSlide .swiper-slide img {width: 100%;aspect-ratio: 1.75 / 1;object-fit: cover;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);border-radius: 20px;}

/* sub0401 */
.sub0401_wrap .select_box select{margin-bottom: 30px;width: 100%;height: 45px; font-size: 14px;background: url(/assets/images/sub/select_img.png)center right 16px no-repeat;}
.sub0401_wrap .gallery_list{display: grid ;grid-template-columns: repeat(2, 1fr); gap:20px; } 
.sub0401_wrap .pop_wrap .pop_box{width: 85%; height: auto; }
.sub0401_wrap .pop_wrap .pop_box .btn_box button img{width: 18px;}

/* sub0501 */
.sub0501_wrap ul{display: grid; grid-template-columns: repeat(2, 1fr);  gap:20px;}
.sub0501_wrap ul li{display: flex; flex-direction: column; gap:10px; }
.sub0501_wrap ul li p{color: #222;font-size: 14px;font-weight: 500; line-height: 1.4; word-break:keep-all;}
.sub0501_wrap ul li a{color: #444;font-size: 12px;font-weight: 300;  word-break:break-all;}


}