.sub01 #side-block p{background-image: url(../img/sub01_sideblock_icon.png);}
.sub02 #side-block p{background-image: url(../img/sub02_sideblock_icon.png);}
.sub03 #side-block p{background-image: url(../img/sub03_sideblock_icon.png);}
.sub04 #side-block p{background-image: url(../img/sub04_sideblock_icon.png);}
.sub05 #side-block p{background-image: url(../img/sub05_sideblock_icon.png);}
.sub06 #side-block p{background-image: url(../img/sub06_sideblock_icon.png);}
.sub07 #side-block p{background-image: url(../img/sub07_sideblock_icon.png);}

.sub01_01 #sub-banner{background-image: url(../img/sub01_01_sub_banner.jpg);}
.sub01_02 #sub-banner{background-image: url(../img/sub01_02_sub_banner.jpg);}
.sub01_03 #sub-banner{background-image: url(../img/sub01_03_sub_banner.jpg);}
.sub02_01 #sub-banner{background-image: url(../img/sub02_01_sub_banner.jpg);}
.sub02_02 #sub-banner{background-image: url(../img/sub02_02_sub_banner.jpg);}
.sub02_03 #sub-banner{background-image: url(../img/sub02_03_sub_banner.jpg);}
.sub02_04 #sub-banner{background-image: url(../img/sub02_04_sub_banner.jpg);}
.sub03_01 #sub-banner{background-image: url(../img/sub03_01_sub_banner.jpg);}
.sub03_02 #sub-banner{background-image: url(../img/sub03_02_sub_banner.jpg);}
.sub03_03 #sub-banner{background-image: url(../img/sub03_03_sub_banner.jpg);}
.sub03_04 #sub-banner{background-image: url(../img/sub03_04_sub_banner.jpg);}
.sub04_01 #sub-banner{background-image: url(../img/sub04_01_sub_banner.jpg);}
.sub04_02 #sub-banner{background-image: url(../img/sub04_02_sub_banner.jpg);}
.sub04_03 #sub-banner{background-image: url(../img/sub04_03_sub_banner.jpg);}
.sub05_01 #sub-banner{background-image: url(../img/sub05_01_sub_banner.jpg);}
.sub05_02 #sub-banner{background-image: url(../img/sub05_02_sub_banner.jpg);}
.sub05_03 #sub-banner{background-image: url(../img/sub05_03_sub_banner.jpg);}
.sub06_01 #sub-banner{background-image: url(../img/sub06_01_sub_banner.jpg);}
.sub06_02 #sub-banner{background-image: url(../img/sub06_02_sub_banner.jpg);}
.sub06_03 #sub-banner{background-image: url(../img/sub06_03_sub_banner.jpg);}
.sub07_01 #sub-banner{background-image: url(../img/sub07_01_sub_banner.jpg);}

.sub01_02 #container{background: url(../img/sub01_02_back01.jpg)no-repeat top 107% left 0;}
.sub02_01 #container{background: url(../img/sub02_01_back.jpg)no-repeat top 40% left 0;}
.sub02_03 #container{background: url(../img/sub02_03_back.jpg)no-repeat top 63% left 0;}
.sub02_04 #container{background: url(../img/sub02_04_back.jpg)no-repeat top 52% left 0;}
.sub03_02 #container{background: url(../img/sub03_02_back.jpg)no-repeat left 0 bottom -150px}
.sub03_03 #container{background: url(../img/sub03_03_back.jpg)no-repeat left 0 bottom 160px}
.sub04_01 #container{background: url(../img/sub04_01_back.jpg)no-repeat left 0 bottom 0px}
.sub06_01_02 #container {background: url(../img/sub06_01_02_back.jpg)no-repeat left 0 top 43%;}
.sub06_02 #container{background: url(../img/sub06_02_back.jpg)no-repeat left 0 bottom 0px}
.sub06_03 #container{background: url(../img/sub06_03_back.jpg)no-repeat left 0 bottom 0px}

/* sub01 */
.sub01_01 .sec01 .img-txt-wrap{margin-top: 180px;}
.sub01_01 .sec01 .img-txt-wrap > div{float: left;}
.sub01_01 .sec01 .img-txt-wrap > .img{width: 45%; padding-right: 100px;}
.sub01_01 .sec01 .img-txt-wrap > .img img{width:100%;}
.sub01_01 .sec01 .img-txt-wrap > .txt{width: 55%; background: url(../img/sub01_01_img02.jpg)no-repeat right 0 top 80px;}
.sub01_01 .sec01 .img-txt-wrap > .txt .tit{position: relative; color: #1b238d; font-size: 36px; font-family: 'NEXON Lv1 Gothic OTF Bold'; padding-top: 90px;}
.sub01_01 .sec01 .img-txt-wrap > .txt .tit::before{width: 3px; height: 50px; background-color: #1b238d; position: absolute; display: block; content: ''; left: 0; top: 0;}
.sub01_01 .sec01 .img-txt-wrap > .txt strong{margin: 80px 0 35px 0; display: block; font-size: 18px;}
.sub01_01 .sec02 h4{color: #1d37a5; font-size: 22px; margin-top: 60px;}
.sub01_01 .sec02 p{margin-top: 10px;}
.sub01_01 .sec02 .float-right img{float: right; width: auto; margin-left: 60px;}
.sub01_01 #sub-content .txt-wrap{margin-top: 90px;}
.sub01_01 #sub-content .txt-wrap h5{margin-top: 30px; font-size: 24px; font-family: 'NEXON Lv1 Gothic OTF Bold';}

.sub01_02 .img-wrap img {float: left; width: 55%; padding-right: 30px;}
.sub01_02 .img-wrap p {float: left; width: 45%; padding-top: 20px;}
.sub01_02 p.padding-left{padding-left: 70px;}
.sub01_02 .box-container{position: relative; margin-top: 140px; padding-left: 60px;}
.sub01_02 .box-container > .box{float: left;margin: 0 15px; text-align: center;}
.sub01_02 .box-container > .box:nth-of-type(1){width: calc(40% - 30px);}
.sub01_02 .box-container > .box:nth-of-type(1) .table-scroll-wrap{border: 2px solid #000; padding: 30px 60px}
.sub01_02 .box-container > .box:nth-of-type(1) table{border-top: 0;}
.sub01_02 .box-container > .box:nth-of-type(1) .table-wrap.inc-tit-box{margin-top: 0; background-color: #fff;}
.sub01_02 .box-container > .box:nth-of-type(2){width: calc(30% - 30px); padding: 20px; border: 2px solid #707070;  transform: translateY(-25px); background-color: #fff; }
.sub01_02 .box-container > .box:nth-of-type(3){width: calc(30% - 30px); padding: 20px; border: 2px solid #707070;  transform: translateY(25px); background-color: #fff;}
.sub01_02 .box-container img{margin-bottom: 20px; border: 2px solid #707070;}
.sub01_02 .box-container > .box .photo p{font-size: 15px;}
.sub01_02 table th, .sub01_02 table td{padding: 8px 6px; border: 1px solid #e5e5e5;}
.sub01_02 .box-container table thead{border-bottom: 2px solid #1927b3;}
.sub01_02 .box-container table th{font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 18px; color: #1927b3; border-right: 0; border-top: 0; border-left: 0;}
.sub01_02 .box-container .table-tit-box{background-color: #100964;}
.sub01_02 .box-container table td:first-child{border-left: 0;}
.sub01_02 .box-container table td:last-child{border-right: 0;}
.sub01_02 .box-container table tr:last-child td{border-bottom: 0;}

.sub01_02 .table-container{margin-top: 120px;}
.sub01_02 .table-container > div{float: left;}
.sub01_02 .table-container > div.left{width: 63%; padding-right: 50px;}
.sub01_02 .table-container > div.right{width: 37%;}
.sub01_02 .table-container .table-wrap{margin-top: 20px;}
.sub01_02 .table-container table{text-align: center; border-top: 0;}
.sub01_02 .table-container table thead{color: #fff; background-color: #1927b3;}
.sub01_02 .table-container p.dot{font-size: 22px; color: #201a6a; font-weight: bold;}
.sub01_02 .table-container p.dot::before{background-color: #fff100; top: 10px;}
.sub01_02 .table-container .table-wrap p.sum{margin-top: 10px; text-align: right; font-size: 15px;}
.sub01_02 .table-container .right table tbody th{background-color: #f3f4ff; font-family: 'NEXON Lv1 Gothic OTF';}
.sub01_02 .box-container02{margin-top: 60px;}
.sub01_02 .box-container02 > .box{float: left;margin: 0 12px; text-align: center; width: 26%;padding: 20px;border: 2px solid #707070; background-color: #fff;}
.sub01_02 .box-container02 > .box p{font-size: 15px;}
.sub01_02 .box-container02 img{margin-bottom: 20px;}
.sub01_02 .box-container02 > .box:nth-of-type(2){margin-top: 30px;}
.sub01_02 .down-bar{background-color: #183a9d; width: 2px; height: 50px;margin: 50px auto 0 auto;}
.sub01_02 .down-bar ~ h2{margin-top: 40px;}

.sub01_02 .green-box{border: 2px solid #009944; padding: 35px 55px; margin-top: 30px; background-color: #fff;}
.sub01_02 .green-box .tit{color: #009944; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.sub01_02 .green-box .tit span{color: #fff; background-color: #009944; border-radius: 50px; font-size: 18px; position: relative; padding: 12px 45px 12px 30px; margin-right: 15px;}
.sub01_02 .green-box .tit span b{position: absolute; width: 35px; height: 48px; right: 5px; bottom : 5px; background: url(../img/sub01_02_greenbox_icon.png)no-repeat; display: block;}
.sub01_02 .green-box.green-box02 .tit span b{background: url(../img/sub01_02_greenbox_icon2.png)no-repeat}
.sub01_02 .green-box.green-box03 .tit span b{background: url(../img/sub01_02_greenbox_icon3.png)no-repeat}

.sub01_02 h3.dot{color: #1b238d;}
.sub01_02 .sec01 h3.dot{color: #000; margin-bottom: 20px;}
.sub01_02 .sec01 h3.line {font-size: 20px; font-family: 'NEXON Lv1 Gothic OTF Bold';; margin-top: 40px; margin-bottom: 20px; color: #f11759; position: relative;}
.sub01_02 .sec01 h3.line::before{position: absolute; left: 60px; transform: translateY(-50%); top: 50%; background-color: #f11759; height: 5px; width: 60px; display:block; content: '';}
.sub01_02 .sec01 p.bold {font-weight: bold; margin-top: 10px; font-size: 16px;}
.sub01_02 .sec01 p.bold span{color: #122ea6;}
.sub01_02 .sec01 .line-box{border: 1px solid #000; padding: 40px}

.sub01_03 .tit{margin-top: 30px; border: 2px solid #009944; border-radius: 50px; max-width: 850px; overflow: hidden;}
.sub01_03 .tit b{background-color: #009944; color: #fff; text-align: center; padding: 15px 32px 12px 32px; border-radius: 50px; margin-right: 20px; display: inline-block;}
.sub01_03 .box-container{margin-top: 30px;}
.sub01_03 .box-container .col.left{width: 63.5% ;float: left;}
.sub01_03 .box-container .col.right{width: 36.5%; padding-left: 25px; float: right;}
.sub01_03 .box-container .col.right .img{position: relative;}
.sub01_03 .box-container .col.right .img p{position: absolute;bottom: 0;left: 0; background-color: #fff; padding: 10px; font-size: 15px;}
.sub01_03 .box-container .col.right .img:first-child{margin-bottom: 25px;}
.sub01_03 .sec01 .img-wrap .img{width: calc(33.333% - 20px); margin: 0 10px; float: left;}
.sub01_03 .sec01 .img-wrap img{width: 100%;}
.sub01_03 .sec01 .img-wrap .img p{margin-top: 15px; font-size: 15px;}
.sub01_03 .sec02 .green-box{border: 2px solid #009944; padding: 55px; margin-top: 50px; background-color: #fff;}
.sub01_03 .sec02 .green-box .tit2 {color: #fff;background-color: #009944;border-radius: 50px;font-size: 18px;position: relative;padding: 7px 30px 5px 60px;display: inline-block;font-family: 'NEXON Lv1 Gothic OTF Bold'; margin-top: 55px;}
.sub01_03 .sec02 .green-box .tit2:first-child{margin-top: 0;}
.sub01_03 .sec02 .green-box .tit2 b{position: absolute; width: 35px; height: 48px; right: 5px; bottom : 5px; background: url(../img/sub01_02_greenbox_icon.png)no-repeat; display: block;left: 15px;}
.sub01_03 .sec02 .green-box .tit2.two b{background: url(../img/sub01_02_greenbox_icon2.png)no-repeat}
.sub01_03 .sec02 .green-box .tit2.three b{background: url(../img/sub01_02_greenbox_icon3.png)no-repeat}
.sub01_03 .sec02 .green-box p{margin-top: 20px;}



/* sub02 */
.sub02 .sub-tag span{background-color: #c42f52;}
.sub02 h2{color: #4f14d4;}
.sub02 h2 b::before{background-color: #ffdeec;}

.sub02_01 .sec01 p.txt strong{font-size: 22px; color: #4f1bd3; vertical-align: baseline;}
.sub02_01 .img-txt-wrap{margin-top: 80px;}
.sub02_01 .img-txt-wrap > div{float: left}
.sub02_01 .sec01 .img-txt-wrap > div{width: 50%;}
.sub02_01 .sec01 .img-txt-wrap > .txt{padding: 120px 0 80px 50px;position: relative;}
.sub02_01 .sec01 .img-txt-wrap > .txt > div{margin-bottom: 60px; font-size: 22px;}
.sub02_01 .sec01 .img-txt-wrap > .txt > div strong{font-size: 28px; color: #162cad}
.sub02_01 .sec01 .img-txt-wrap > .txt > div b{vertical-align: baseline;}
.sub02_01 .sec01 .img-txt-wrap > .txt::after,
.sub02_01 .sec01 .img-txt-wrap > .txt::before{content: ''; display: block; position: absolute; height: 44px; width: 56px;}
.sub02_01 .sec01 .img-txt-wrap > .txt::after{background: url(../img/sub02_01_sec02_icon01.png)no-repeat center; top: 0px; left: 45px;}
.sub02_01 .sec01 .img-txt-wrap > .txt::before{background: url(../img/sub02_01_sec02_icon02.png)no-repeat center;bottom: 0px; right: 45px;}

.sub02_01 .sec02 .img-wrap > div{width:calc(50% - 10px); position: relative;}
.sub02_01 .sec02 .img-wrap > div:nth-of-type(1){float: left;}
.sub02_01 .sec02 .img-wrap > div:nth-of-type(2){float: right;}

.sub02_01 .sec02 .img-wrap > div > p{position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 15px 0; background-color: rgba(0, 0, 0, 0.8); text-align: center;}
.sub02_01 .sec02 .box{background-color: #f2f6ff; text-align: center; padding: 40px 20px; margin-top: 60px;}
.sub02_01 .sec02 .box > strong{color: #122ea6; margin-bottom: 20px; font-size: 24px; display: block;}
.sub02_01 .sec03 .img-txt-wrap > div.img{width: 40%;}
.sub02_01 .sec03 .img-txt-wrap > div.txt{width: 60%;}
.sub02_01 .sec03 .img-txt-wrap > .txt{padding: 20px 0 0px 50px}
.sub02_01 .sec03 .table-container{margin-top: 70px;}
.sub02_01 .sec03 h2.top-bar{color: #000; font-size: 32px; padding-top: 40px; position: relative; float: left; width: 17%; margin-top: 0;}
.sub02_01 .sec03 .table-wrap{float: left;width: 82%; margin-top: 0;}
.sub02_01 .sec03 table thead{background-color: #f5f7fa}
.sub02_01 .sec03 table tbody th{font-weight: lighter;}
.sub02_01 .sec03 h2.top-bar::before{position: absolute; content: ''; display: block; width: 50px; height: 2px; background-color: #000; top:0; left: 0;}
.sub02_01 .sec03 table td{padding: 25px 10px 25px 30px;}
.sub02_01 .sec03 table th{padding: 15px;}
.sub02_01 .sec03 table ul.dot-list li{padding: 7px 0 7px 15px;}
.sub02_01 .sec03 table ul.dot-list li::before{top: 14px;}

.sub02_02 .home-page{border: 2px solid #000; border-radius: 30px; overflow: hidden; margin-top: 70px;background-color: #fff; }
.sub02_02 .home-page .bar{border-bottom: 2px solid #000;background-color: #ffc1c5; padding: 0 45px 0 85px;}
.sub02_02 .home-page .bar .tab{width: 350px; height: 50px;border-left: 2px solid #000;; border-right: 2px solid #000; float: left; background: #fff url(../img/sub02_02_tab.png)no-repeat center}
.sub02_02 .home-page .bar .utill{float: right; padding-top: 5px;}
.sub02_02 .home-page .bar .utill > span{width: 40px; height: 40px; display: inline-block; cursor: pointer; background-position: center; background-repeat: no-repeat;}
.sub02_02 .home-page .bar .utill > span:nth-child(1){background-image: url(../img/sub02_02_under.png);}
.sub02_02 .home-page .bar .utill > span:nth-child(2){background-image: url(../img/sub02_02_max.png);}
.sub02_02 .home-page .bar .utill > span:nth-child(3){background-image: url(../img/sub02_02_close.png);}
.sub02_02 .home-page .url-bar{background-color: #e6e6e6; border-bottom: 2px solid #000; padding: 15px 25px}
.sub02_02 .home-page .url-bar > div{display: inline-block;}
.sub02_02 .home-page .url-bar > .arr{width: calc(10% - 25px); margin-right: 25px;}
.sub02_02 .home-page .url-bar > .arr > div{display: inline-block; background-repeat: no-repeat; background-position: center; width: 32px; height: 32px; cursor: pointer;}
.sub02_02 .home-page .url-bar > .arr > .left{background-image: url(../img/sub02_02_arr_left.png); margin-right: 5px;}
.sub02_02 .home-page .url-bar > .arr > .right{background-image: url(../img/sub02_02_arr_right.png);}
.sub02_02 .home-page .url-bar > .url{background-color: #fff; border: 2px solid #000; border-radius: 50px; width: calc(85% - 25px); margin-right: 25px;}
.sub02_02 .home-page .url-bar > .url input{background-color: transparent; padding: 7px 25px; width: 100%;}
.sub02_02 .home-page .url-bar > .star{width: 33px; height: 33px; background: url(../img/sub02_02_star.png)no-repeat center;}
.sub02_02 .home-page .document {background: url(../img/sub02_02_img01.jpg)no-repeat 13% center;transition: 0.3s;}
.sub02_02 .home-page .document .txt-wrap{padding: 85px 0 85px 45%;}
.sub02_02 .home-page .document h4{font-size: 28px; color: #2c2967; font-family: 'NEXON Lv1 Gothic OTF Bold'; margin-bottom: 10px;}
.sub02_02 .home-page .document h4 span{color: #6d1aca;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub02_02 .home-page .document .txt-wrap p{font-size: 20px; margin-bottom: 40px;}
.sub02_02 .home-page .document .txt-wrap .btn{width: 200px; position: relative; padding: 15px 0 15px 25px; border: 1px solid #888; display: block;z-index: 1;transition: 0.2s;}
.sub02_02 .home-page .document .txt-wrap .btn::before{position: absolute; content: ''; display: block; height: 100%; width: 33px; right: 0; top: 0; background:#1d2088 url(../img/white-arr.png)no-repeat center;}
.sub02_02 .home-page .document .txt-wrap .btn::after{position: absolute; content: ''; display: block; height: 100%; width: 0px; right: 0; top: 0; background-color:#1d2088; transition: 0.2s;}
.sub02_02 .home-page .document .txt-wrap .btn:hover{background-color: #1d2088; color: #fff;}
.sub02_02 .home-page .document .txt-wrap .btn:hover::after{width: 100%; z-index: -1;}

.sub02_02 .sec02 h3.dot{margin-top: 90px;}
.sub02_02 .sec02 h3.dot{margin-top: 90px;}
.sub02_02 .sec02 p{margin-top: 20px;}
.sub02_02 .sec02 .img-container{margin: 25px 0 50px 0;}
.sub02_02 .sec02 .img-container > div{float: left; position: relative; width: calc(33.333% - 10px); margin: 0 5px;}
.sub02_02 .sec02 .img-container > div p{position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.8); padding: 10px; color: #fff; text-align: center; bottom: 0; left: 0;}

.sub02_03 p.pen{ margin-top: 50px;}
.sub02_03 p.pen span {padding-left: 25px;background: url(../img/sub04_01_pen_icon.jpg)no-repeat left 0;}
.sub02_03 .img01{transform: translateY(-50px)}
.sub02_03 .layer-container h3{padding:20px 0 10px 60px;font-family: 'yg-jalnan'; font-size: 20px; background: url(../img/loveletter-icon.jpg)no-repeat left center;}
.sub02_03 .layer-container h3 strong{font-size: 28px; color: #c1235b;font-family: 'yg-jalnan'; vertical-align: baseline;}
.sub02_03 .layer-container .left p.dot::before{background-color: #f19149;}
.sub02_03 .layer-container .left .table-wrap:nth-of-type(1) .table-tit-box{background-color: #203659;}
.sub02_03 .layer-container .left .table-wrap:nth-of-type(2) .table-tit-box{background-color: #194793;}
.sub02_03 .layer-container .right dl{margin-top: 40px;}
.sub02_03 .layer-container .right dt{font-size: 24px; padding-left: 20px; position: relative; font-weight: bold;}
.sub02_03 .layer-container .right dd{margin-top: 10px;}
.sub02_03 .layer-container .right dt::before{width: 15px; height: 15px; border-radius: 50%; background-color: #fff100; position: absolute; content: ''; display: block; left: 0; top: 8px;}
.sub02_03 .layer-container .right dl.num-list dd span {border: 1px solid #3e41aa; border-radius: 50%; font-size: 14px; text-align: center; display: inline-block; color: #3e41aa; width: 20px; margin-right: 10px;height: 20px;vertical-align: text-bottom;}
.sub02_03 .layer-container .right .img-wrap > div{display: inline-block; font-size: 16px; margin-right: 20px; text-align: center;}
.sub02_03 .layer-container .right .img-wrap p{font-size: 16px;}
.sub02_03 .layer-container .right img{width: auto;}
.sub02_03 .layer-container .left table td,
.sub02_03 .layer-container .left table th{padding: 15px;}

.sub02_04 p.pen{ margin-top: 50px;}
.sub02_04 p.pen span {padding-left: 25px;background: url(../img/sub04_01_pen_icon.jpg)no-repeat left 0;}
.sub02_04 .sec02 .img-container{margin: 90px 0 50px 0;}
.sub02_04 .sec02 .img-container img{width: 100%;}
.sub02_04 .sec02 .img-container > div{float: left; position: relative; width: calc(33.333% - 10px); margin: 0 5px;}
.sub02_04 .sec02 .img-container > div p{position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.8); padding: 10px; color: #fff; text-align: center; bottom: 0; left: 0;}

/* sub03 */
.sub03 #sub-content h2{color: #006a0a;}
.sub03 h2 b::before{background-color: #fff674;}
.sub03 p.pen {margin-top: 50px;}
.sub03 p.pen span {padding-left: 25px;background: url(../img/sub04_01_pen_icon.jpg)no-repeat left 0;}

.sub03_01 .sec01{position: relative; padding-left: 35%; margin-top: 100px;}
.sub03_01 .sec01 h2{position: absolute; left: 0; top: 0; margin-top: 0;}
.sub03_01 .sec02 > .img-wrap{margin-top: 100px;}
.sub03_01 .sec02 > .img-wrap > .img:first-child{float: left; width: calc(50% - 40px); margin-right: 40px;}
.sub03_01 .sec02 > .img-wrap > .img:last-child{float: right; width: calc(50% - 40px); margin-left: 40px;}
.sub03_01 .sec02 > .img-wrap > .img .img-wrap{margin-top: 25px;}
.sub03_01 .sec03{margin-top: 90px;}
.sub03_01 .sec03 .img{float: left; width: 33.333%; position: relative; padding: 30px 10px 30px 170px;height: 150px; margin-top: 20px;} 
.sub03_01 .sec03 .img.line{padding: 20px 10px 40px 170px}
.sub03_01 .sec03 .img img{width: auto; position: absolute;top: 50%; left: 0; transform: translateY(-50%);}
.sub03_01 .sec03 .img .tit {color: #1442c6; font-size: 20px; margin-bottom: 15px;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub03_01 .sec03 .img.line .tit{ margin-bottom: 5px}
.sub03_01 .sec03 .img p {line-height: 1.2;}
.sub03_01 .sec03 .img:last-child{width: 100%;}
.sub03_01 .sec03 .img:last-child p span {background-color: #434343;color: #fff;font-size: 16px;display: inline-block;padding: 3px 7px;margin: 0 5px 3px 0;width: 75px;text-align: center;}
.sub03_01 .sec04{margin-top: 90px;}
.sub03_01 .sec05{margin-top: 160px; position: relative;}
.sub03_01 .sec05 .tit{position: absolute; font-size: 32px; text-align: center;font-family: 'NEXON Lv1 Gothic OTF Bold'; width: 280px; padding: 10px 0; border-radius: 30px 30px 0px 0; background-color: #1b1b1b; bottom: 100%; color: #fff;}
.sub03_01 .sec05 .box{background-color: #fffde5; border: 2px solid #000; padding: 90px 80px;}
.sub03_01 .sec05 .box > .img:first-child{float: left; width: calc(50% - 30px); margin-right: 30px;}
.sub03_01 .sec05 .box > .img:last-child{float: right; width: calc(50% - 30px); margin-left: 30px;}
.sub03_01 .sec05 .box > .img > img{margin-bottom: 30px;}
.sub03_01 .sec05 .box > .img > .img-tit{margin-bottom: 30px; font-size: 32px; margin-bottom: 12px; background-color: #00bb9e; color: #fff; text-align: center; padding: 18px 5px; border-radius: 50px; position: relative;font-family: 'Bareun_hipi';}
.sub03_01 .sec05 .box > .img > .img-tit::after{position: absolute; content: ''; display: block;width: 20px; height: 20px; background-color: #00bb9e; transform: translateX(-50%) rotate(-45deg); left: 50%; top: 82%;}
.sub03_01 .sec05 .box > .img .tab{background-color: #fff; border-radius: 5px; box-shadow: 2px 2px 0px 0px rgb(0 0 0 / 10%), 0px 0px 0px 0 rgb(0 0 0 / 10%); margin-bottom: 10px; padding: 20px 0 20px 21%; position: relative; font-size: 16px;}
.sub03_01 .sec05 .box > .img .tab span{color: #00bb9e; font-family: 'NEXON Lv1 Gothic OTF Bold'; left: 30px; transform: translateY(-50%); font-size: 18px; position: absolute; top: 50%;}
.sub03_01 .sec05 .box > .img .tab p{font-size: 16px; line-height: 1.2;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 /* Enter your style code */
 .sub03_01 .sec05 .box > .img .tab {box-shadow:3px 0px 4px rgba(0,0,0,0.1);}
}

.sub03_02 .sec01{background: url(../img/sub03_02_img01.jpg)no-repeat right 0px; padding:0 440px 60px 0; border-bottom: 1px solid #d2d2d2; position: relative;}
.sub03_02 .sec01 strong {font-size: 24px; margin-top: 60px; display: block;}
.sub03_02 .sec01 p.mt-30 {margin-top: 30px}

.sub03_02 .sec02{margin-top: 100px;}
.sub03_02 .sec02 > div{float: left; width: 50%;}
.sub03_02 .sec02 > .organ{padding-right: 40px;}
.sub03_02 .sec02 > .organ > .col{float: left; width: calc(50% - 20px); margin:0 10px;}
.sub03_02 .sec02 > .organ .box{ background-color: #fff; border: 2px solid #2272cd; color: #2272cd; padding: 20px 0; text-align: center;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub03_02 .sec02 > .organ .box.tit{float: none; background-color: #2272cd; color: #fff; margin: 0 auto 54px auto;position: relative; width: 50%;}
.sub03_02 .sec02 > .organ .box.tit::before{position: absolute; content: ''; display: block; left: 50%; top: 100%; transform: translateX(-50%); height:30px; width: 2px; background-color: #2272cd;}
.sub03_02 .sec02 > .organ .box.tit::after{position: absolute; content: ''; display: block; left: 50%; top: 145%; transform: translateX(-50%); height:2px; width: 101%; background-color: #2272cd;}
.sub03_02 .sec02 > .organ > .col > .box:first-child{position: relative; margin-bottom: 20px;}
.sub03_02 .sec02 > .organ > .col > .box:first-child::before{position: absolute; content: ''; display: block; left: 50%; bottom: 100%; transform: translateX(-50%); height:30px; width: 2px; background-color: #2272cd;}
.sub03_02 .sec02 > .txt{padding: 50px 0 0 70px;}

.sub03_02 .sec03{margin-top: 100px;}
.sub03_02 .sec03 > .box{margin-bottom: 25px; border: 1px solid #0b2fc8; border-radius: 15px; background-color: #fff; padding: 50px 20px 50px 400px; position:relative; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);}
.sub03_02 .sec03 > .box:last-child{margin-bottom: 0px;}
.sub03_02 .sec03 > .box img{width: auto; position:absolute; left: 60px; top: 50%; transform: translateY(-50%);}
.sub03_02 .sec03 > .box .tit{position:relative; font-size: 24px; color: #0b2fc8; padding-left: 80px; margin-bottom: 35px;}
.sub03_02 .sec03 > .box .tit span{position: absolute; left: 0; top: 0; background-color: #0b2fc8; color: #fff; width: 55px; height: 55px; border-radius: 50%; text-align: center; padding-top: 12px;}

.sub03_02 .sec03 .grbox {border-top:1px solid #999;border-bottom:1px solid #999;padding:25px 0;margin-top:20px;}

.sub03_03 section.sec01{position: relative; margin-top: 120px;}
.sub03_03 #sub-content section.sec01 .img02{width: auto;}
.sub03_03 section.sec01 .txt-container{position: absolute; top: 0; right: 0; text-align: right; width: 750px}
.sub03_03 section.sec01 .txt-container h2{margin-top: 0;}
.sub03_03 article{margin-top: 30px;}
.sub03_03 section.sec01 article {background-color: rgba(255, 255, 255, 0.8); padding: 50px 30px; text-align: left;}
.sub03_03 article .tit{color: #0355cf; font-size: 20px; padding: 10px 0 10px 0px; background: url(../img/sub03_03_sec01_tit_icon.png)no-repeat left center; font-family: 'NEXON Lv1 Gothic OTF Bold';margin-bottom: 10px;}
.sub03_03 article p{margin-bottom: 30px;}
.sub03_03 article .tit, .sub03_03 article p{padding-left: 50px;}
.sub03_03 section.sec02{padding: 0 590px 0 0; position: relative; margin-top: 80px;} 
.sub03_03 section.sec02 .img-wrap{position: absolute; right: 0; top: 70px;}
.sub03_03 #sub-content section.sec02 .img-wrap img{width: auto; display: block; margin-bottom: 20px;}
.sub03_03 section.sec02 p{padding: 110px 0;position: relative;}
.sub03_03 section.sec02 p b{width: 65px; height: 53px;position: absolute; display: block;;}
.sub03_03 section.sec02 p b:nth-of-type(1){background: url(../img/sub03_03_sec02_icon.png); top: 20px; background-size: cover}
.sub03_03 section.sec02 p b:nth-of-type(2){background: url(../img/sub03_03_sec02_icon2.png); right: -50px; bottom: 20px; background-size: cover}
.sub03_03 article.sub-art{margin-top: 60px;}

.sub03_04 .sec01{margin-top: 100px;}
.sub03_04 .img-txt-wrap > div{float: left; width: 50%;}
.sub03_04 .img-txt-wrap > .img img{width: auto;}
.sub03_04 .img-txt-wrap > .txt{text-align: right; margin-top: 60px;}
.sub03_04 .img-txt-wrap > .txt h2{margin-top: 0;}
.sub03_04 .sec02 article{border: 2px solid #009944; padding: 50px 20px 50px 250px; margin-top: 50px; background-repeat: no-repeat; background-position: 60px 60px;}
.sub03_04 .sec02 article h3.dot{font-weight: normal; margin:0 0 20px 0;font-family: 'NEXON Lv1 Gothic OTF';}
.sub03_04 .sec02 article h3.dot b{color: #009944; vertical-align: baseline;}
.sub03_04 .sec02 article p{margin-bottom: 40px; padding-left: 20px;}
.sub03_04 .sec02 article .bar-txt{width: 150px; color: #f11759; position: relative; font-size: 20px; font-family: 'NEXON Lv1 Gothic OTF Bold';; margin-bottom: 20px;}
.sub03_04 .sec02 article .bar-txt::before{width: 60px; height: 3px; background-color: #f11759; display: block; content: ''; position: absolute; right: 0; transform: translateY(-50%); top: 50%;}
.sub03_04 .sec02 article ul li{margin-bottom: 10px;}
.sub03_04 .sec02 article ul li:last-child{margin-bottom: 0px;}
.sub03_04 .sec02 article ul li span{vertical-align: baseline;display: inline-block; color: #fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; background-color: #092a71; padding: 5px 10px; border-radius: 50px; margin-right: 10px;}
.sub03_04 .sec02 article:nth-of-type(1){background-image: url(../img/sub03_04_sec02_article_icon01.jpg);}
.sub03_04 .sec02 article:nth-of-type(2){background-image: url(../img/sub03_04_sec02_article_icon02.jpg);}
.sub03_04 .sec02 article:nth-of-type(3){background-image: url(../img/sub03_04_sec02_article_icon03.jpg);}



/* sub04 */
.sub04 #sub-content .sub-tag span{background-color: #59493f;}
.sub04 #sub-content h2{color: #59493f;}

.sub04_01 .img-wrap.img01{background: url(../img/sub04_01_img_back.jpg)no-repeat center bottom;padding-bottom: 150px;}
.sub04_01 .img-wrap.img01 h2 {color: #59493f;}
.sub04_01 .img-wrap.img01 h2 b::before{background-color: #f6e3f4;}
.sub04_01 .img-wrap.img01 p.pen span{padding-left: 25px; background: url(../img/sub04_01_pen_icon.jpg)no-repeat left 0}
.sub04_01 .img-wrap.img01 p{margin-top: 50px;}
.sub04_01 .img-wrap.img01 p.small{margin-top: 80px;}
.sub04_01 .sec01{text-align: center; border: 1px solid #000;border-top: 0; position: relative; padding: 0 80px 100px 80px; background-color: #fff; box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1);}
.sub04_01 .sec01 h2{color: #e81a5e; font-size: 30px;}
.sub04_01 .sec01 h2 span{background-color: #e81a5e; color: #fff; font-size: 20px; color: #fff; margin-right: 10px; padding: 8px; transform: translateY(-3px); display: inline-block;}
.sub04_01 .sec01 img{width: auto;}
.sub04_01 .sec02 article{position: relative; padding-left: 410px;}
.sub04_01 .sec02 article:nth-of-type(1){margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #ddd;}
.sub04_01 .sec02 article span{position: absolute; left: 0;}
.sub04_01 .sec02 article span strong{border-radius: 0 30px 30px 0;font-family: 'Bareun_hipi';background-color: #2b56d0; width: 320px; padding: 10px 0 10px 15px; font-size: 22px; color: #fff; display: block; }
.sub04_01 .sec02{margin-top: 120px;}
.sub04_01 .sec02 article h2{margin-top: 40px; font-size: 28px; font-weight: bold;}
.sub04_01 .sec02 article h2 b{color: #1547d6;}
.sub04_01 .sec02 article h2 b::before{background-color: #edffc7;}
.sub04_01 .sec02 article p{font-size: 18px;}
.sub04_01 .sec01 .img-wrap > div img{width: 100%;}
.sub04_01 .sec01 .img-wrap > div{position: relative; display: inline-block;}
.sub04_01 .sec01 .img-wrap > div > p{background-color: rgba(0, 0, 0, 0.8); position: absolute;bottom: 0; width: 100%; color: #fff; padding: 10px 0;}

.sub04_02 .sec01 .txt-img-wrap {background: url(../img/sub04_02_sec01_back.jpg)no-repeat left 15px bottom -45px; padding-bottom: 45px; margin-top: 90px;}
.sub04_02 .sec01 .txt-img-wrap > div{float: left;}
.sub04_02 .sec01 .txt-img-wrap > .img{width: calc(33% - 30px); margin-right: 30px; height: 509px;; background: url(../img/sub04_02_img01.jpg)no-repeat center /cover;}
.sub04_02 .sec01 .txt-img-wrap > .txt{width: 67%}
.sub04_02 .sec01 .txt-img-wrap > .txt .block{position: relative; padding: 20px 0 0 37%;}
.sub04_02 .sec01 .txt-img-wrap > .txt .block span{position: absolute; width: 33%; padding-top: 24%; left: 0; top: 0;}
.sub04_02 .sec01 .txt-img-wrap > .txt .block p{font-size: 16px}
.sub04_02 .sec01 .txt-img-wrap > .txt .block .sub-tit{font-family: 'NEXON Lv1 Gothic OTF Bold'; vertical-align: baseline;width: 95px; background-color: #415da8; color: #fff; padding: 8px 0; text-align: center; border-radius: 50px; margin-bottom: 20px;}
.sub04_02 .sec01 .txt-img-wrap > .txt .block:first-child{margin-bottom: 30px; padding-bottom: 40px; border-bottom: 1px solid #d1d1d1;}
.sub04_02 .sec01 .txt-img-wrap > .txt .block:first-child span{background: url(../img/sub04_02_img02.jpg)no-repeat center /cover;}
.sub04_02 .sec01 .txt-img-wrap > .txt .block:last-child{padding-bottom: 50px;}
.sub04_02 .sec01 .txt-img-wrap > .txt .block:last-child span{background: url(../img/sub04_02_img03.jpg)no-repeat center /cover; bottom: auto;}
.sub04_02 .sec02{margin-top: 90px;}
.sub04_02 .sec02 .box{border: 2px solid #001c58; border-radius: 10px; padding: 60px 10px 35px 50px; margin-top: 50px; position: relative; /*overflow: hidden;*/}
.sub04_02 .sec02 .box .tit{position: absolute; font-size: 27px; color: #fff; background-color: #001c58; border-radius: 0 50px 50px 0;left: -2px; top: -30px;font-family: 'Bareun_hipi'; padding: 10px 10px 10px 20px; width: 700px;}
.sub04_02 .sec02 h3.dot:nth-of-type(2){margin-top: 60px;}
.sub04_02 .sec02 .img-wrap > .img{width: calc(33.333% - 20px);margin: 0 10px; float: left; position: relative;}
.sub04_02 .sec02 .img-wrap > .img p{position: absolute; padding: 25px 20px 0 0; background-color: #fff; font-size: 16px; bottom: 0; left: 0;}

.sub04_03 .sec01 .sub-font{font-family: 'Bareun_hipi'; font-size: 22px; color: #df1c45; margin-top: 20px; font-weight: bold;}
.sub04_03 .sec01 h4{color: #1d2088; font-size: 18px; margin-top: 35px;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub04_03 .sec01 p.dot{margin-top: 5px; padding-left: 25px;}
.sub04_03 .sec01 p.dot::before {left: 8px;background-color: #f19149;}
.sub04_03 .sec02{margin-top: 90px;}
.sub04_03 .sec02 h3.dot{margin-top: 0;}
.sub04_03 .sec02 .txt-img-wrap > div{float: left;}
.sub04_03 .sec02 h4{padding: 8px 0 8px 25px; background-color: #111691; color: #fff;;font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 20px; width: 100%; margin-top: 35px;border-radius: 50px;}
.sub04_03 .sec02 ul.dot-list{margin-top: 15px;}
.sub04_03 .sec02 .txt-img-wrap > .txt{width: calc(35% - 95px); margin-right: 95px;}
.sub04_03 .sec02 .txt-img-wrap > .img{width: 65%; border: 3px solid #111691; border-radius: 3px; padding: 35px 55px; background: url(../img/sub04_03_img02.jpg) no-repeat right 20px bottom 0;}
.sub04_03 .sec02 .txt-img-wrap > .img h4{font-size: 24px; font-family: 'yg-jalnan'; margin-top: 0; text-align: center;}
.sub04_03 .sec02 .txt-img-wrap > .img > div{width: 490px;}
.sub04_03 .sec02 .txt-img-wrap > .img ul{margin-top: 30px;}
.sub04_03 .sec02 .txt-img-wrap > .img ul li{padding: 10px 0 10px 125px; border-bottom: 1px solid #d2d2d2; position: relative; background: url(../img/sub04_03_sec02_dot.jpg)no-repeat left 0 top 14px;}
.sub04_03 .sec02 .txt-img-wrap > .img ul li b{position: absolute; left: 25px; top: 10px;}
.sub04_03 .sec02 .txt-img-wrap{margin-top: 50px;}
.sub04_03 .sec02 h4:nth-of-type(1){margin-top: 0;}
.sub04_03 .sec03{margin-top: 95px;}
.sub04_03 .sec03 .right{text-align: right;}
.sub04_03 .sec03 .box-wrap{margin-top: 20px;}
.sub04_03 .sec03 .box-wrap > .box{float: left;width: calc(33.333% - 14px); margin: 0 7px; text-align: center; padding-bottom: 18%; box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1); border: 1px solid #eee; background-repeat: no-repeat; background-position: center 90px; border-radius: 10px; overflow: hidden;}
.sub04_03 .sec03 .box-wrap > .box:nth-child(1){background-image: url(../img/sub04_03_sec03_img01.jpg);}
.sub04_03 .sec03 .box-wrap > .box:nth-child(2){background-image: url(../img/sub04_03_sec03_img02.jpg);}
.sub04_03 .sec03 .box-wrap > .box:nth-child(3){background-image: url(../img/sub04_03_sec03_img03.jpg);}
.sub04_03 .sec03 .box-wrap > .box .tit{background-color:#5c36ab; padding: 15px 0; font-size: 20px;font-family: 'NEXON Lv1 Gothic OTF Bold'; color: #fff;}
.sub04_03 .sec03 .txt-wrap{margin-top: 50px;}
.sub04_03 .sec03 .txt-wrap > .txt{float: left; position: relative; padding: 25px 10px 0px 90px; height: 70px; margin-bottom: 15px;} 
.sub04_03 .sec03 .txt-wrap > .txt.line{padding: 17px 10px 0px 90px;}
.sub04_03 .sec03 .txt-wrap > .txt p{line-height: 1.2; font-size: 16px}
.sub04_03 .sec03 .txt-wrap > .txt::before{position: absolute; content: ''; display: block; width: 70px; height: 70px; border-radius: 50%; background-color: #aaa; left: 0; top: 0;; background: url(../img/sub04_03_sec03_talkicon.png)no-repeat center;}
.sub04_03 .sec03 .txt-wrap > .txt:nth-child(odd){width: calc(50% - 15px); margin-right: 15px; background-color: #ecf2ff; border-radius: 50px;}
.sub04_03 .sec03 .txt-wrap > .txt:nth-child(even){width: calc(50% - 15px); margin-left: 15px; background-color: #fff1f4; border-radius: 50px;}
.sub04_03 .sec03 .txt-wrap > .txt:nth-child(odd)::before{background-color: #78a5ff;}
.sub04_03 .sec03 .txt-wrap > .txt:nth-child(even)::before{background-color: #eb6876;}

/* sub05 */
.sub05 #sub-content .sub-tag span{background-color: #001c58;}
.sub05 #sub-content h2{color: #0155ff;}
.sub05 #sub-content h2 b::before{background-color: #c5ffff;}

.sub05_01 .sec01 p.light{color: #666; text-align: right;}
.sub05_01 .sec01 .img-wrap > div{float: left; width: 50%; position: relative;}
.sub05_01 .down-bar{margin: 60px auto;}
.sub05_01 .sec02 h2{margin-top: 0;}
.sub05_01 .sec02 .box{border: 1px solid #2148af; border-radius: 30px; overflow: hidden; margin-top: 30px;}
.sub05_01 .sec02 .box .tit{font-family: 'NEXON Lv1 Gothic OTF Bold';color: #fff; font-weight: bold; background: #2148af url(../img/sub05_01_box_icon01.png)no-repeat 40px center; padding: 25px 40px 25px 80px; font-size: 24px;}
.sub05_01 .sec02 .box p{padding: 40px 20px 40px 50px;}
.sub05_01 .sec02 .box p strong{font-size: 24px; color: #db2222; margin-bottom: 20px; display: block; font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub05_01 .sec03 article{margin-top: 50px;}
.sub05_01 .sec03 .box{padding: 30px; background-color: #f4f4f4; margin-top: 15px;}

.sub05_02 .sec01{padding-bottom: 60px; border-bottom: 1px solid #ddd;}
.sub05_02 .sec01 p span.itlc{text-decoration: underline; font-style: italic; display: block}
.sub05_02 .sec01 .box{border: 2px solid #b5c7f6; padding: 50px 20px 50px 150px; margin-top: 50px; position: relative; background-color: #ecf1ff;}
.sub05_02 .sec01 .box::before{display: block; content: ''; position: absolute; left: 40px; top: -1px; width: 76px; height: 97px;background: #ecf1ff url(../img/sub05_02_sec01_box_icon.png)no-repeat}
.sub05_02 .sec01 .box strong{display: block; font-size: 24px; color: #122ea6; margin-bottom: 20px;}
.sub05_02 .sec01 p.right{margin-top: 100px; font-family: 'NEXON Lv1 Gothic OTF Bold';text-align: right;}

.sub05_03 #sub-content .img-container{margin-top: 50px;}
.sub05_03 #sub-content .img-container img{float: left; width: 33.333%; padding: 10px;}

.sub06 h2{color: #d6033a;}
.sub06 h2 b::before{background-color: #fff100;}

.sub06_01 .btn-wrap{margin-top:100px;}
.sub06_01 .btn-wrap > a{width: 200px; text-align: center; padding: 23px 0;border: 1px solid #ddd; display: inline-block; margin-right: -4px;}
.sub06_01 .btn-wrap > a.on{background-color: #001c58; color: #fff; border: 1px solid #001c58}
.sub06_01 .img.left{float: left;}
.sub06_01 .img.right{float: right;}
.sub06_01 .img img{width: 100%;}
.sub06_01 .img.padding{padding: 0 30px 30px 0;}
.sub06_01 .img.padding02{padding: 0 0px 30px 30px;}
.sub06_01 .mgb{margin-bottom: 60px;}

.sub06_01 .box-container{margin-top: 120px; margin-bottom: 155px;}
.sub06_01 .box-container > article {float: left; width: calc(33.333% - 40px); margin: 0 20px; padding: 60px 20px 35px 20px;; border: 3px solid #14487a; position: relative; background-color: #fff;}
.sub06_01 .box-container > article h4{text-align: center; position: absolute; transform: translate(0%, -50%);left: 0%; width: 100%; height: 60px; height: 60px; display: block; top: 0; }
.sub06_01 .box-container > article h4 span{color: #1247cd; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 20px; border: 3px solid #14487a; padding: 0px 40px; border-radius: 50px;background-color: #fff; display: inline-block; height: 100%; line-height: 1;}
.sub06_01 .box-container > article h4 span.line01{padding-top: 16px;}
.sub06_01 .box-container > article h4 span.line02{padding-top: 5px;}
.sub06_01 .box-container > article h4 span b{color: #333;font-family: 'NEXON Lv1 Gothic OTF Light'; font-size: 18px;}
.sub06_01 .box-container > article ul{margin-top: 35px;}
.sub06_01 .box-container > article li{padding:0 0 0 85px; margin-bottom: 15px; position: relative;}
.sub06_01 .box-container > article li:last-child{margin-bottom: 0;}
.sub06_01 .box-container > article li::before{position: absolute; content: ''; width: 2px; height: 2px; background-color: #1247cd; top: 8px; left: 0;}
.sub06_01 .box-container > article li span{position: absolute; left: 0; color: #1247cd; padding-left: 10px; font-family: 'NEXON Lv1 Gothic OTF Bold'; }

.sub06_01 .miss-container{padding: 65px; background: url(../img/sub06_01_missback.jpg)no-repeat center /cover;}
.sub06_01 .miss-container .col{float: left; width: calc(50% - 30px); margin: 0 15px;}
.sub06_01 .miss-container .box{margin-bottom: 25px; border-radius: 18px; overflow: hidden; background-color: #fff;box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 10%);}
.sub06_01 .miss-container .box.tit-box{background-color: transparent;box-shadow: none}
.sub06_01 .miss-container .tit-box{padding: 30px 0 40px 0;}
.sub06_01 .miss-container .tit-box .tit{font-size: 50px; color: #001087; margin-bottom: 50px;font-family: 'Bareun_hipi'; font-weight: bold; line-height: 1; text-align: left;}
.sub06_01 .miss-container .tit-box .sub-tit{padding-left: 25px; font-size: 20px; position: relative;line-height: 2}
.sub06_01 .miss-container .tit-box .sub-tit::before{height: 100%; width: 2px; background-color: #000; position: absolute; left: 0; top: 0; content: ''; display: block}
.sub06_01 .miss-container .box .bar{color: #fff; padding: 20px 10px; text-align: center; font-size: 18px;}
.sub06_01 .miss-container .box .bar b{vertical-align: top;}
.sub06_01 .miss-container .box .txt-img-wrap{padding: 30px 10px 0px 215px; height: 225px;position: relative;}
.sub06_01 .miss-container .txt-img-wrap img{position: absolute; left: 40px; transform: translateY(-50%); top: 50%; width: auto;}
.sub06_01 .miss-container .txt-img-wrap ul li{position: relative; font-size: 16px; padding: 0px 0 0px 90px; margin-bottom: 15px; letter-spacing: -0.5px; line-height: 1.3;}
.sub06_01 .miss-container .txt-img-wrap ul li:last-child{margin-bottom: 0;}
.sub06_01 .miss-container .txt-img-wrap ul li span{position: absolute;left: 0; top: -6px; font-size: 15px; font-weight: bold; text-align: center; background-color: #e5e5e5; border-radius: 10px; padding: 5px; width: 80px;}
.sub06_01 .miss-container .col:first-child .box .bar{background-color:#2a34b4;}
.sub06_01 .miss-container .col:last-child .box .bar{background-color:#6e2dce;}

.sub06_02 .sec01{margin-top: 60px;}
.sub06_02 .sec01 > div{float: left; width: 50%;}
.sub06_02 .sec01 > .img{padding-right: 50px;}
.sub06_02 .sec01 > .txt .tit{width: 300px; height: 60px;background: url(../img/sub06_02_txt_tit_icon.jpg)no-repeat left center; margin-bottom: 80px;}
.sub06_02 .sec01 > .txt .num-list{margin-bottom: 60px;}
.sub06_02 .sec01 > .txt .num-list li::before {display: none;}
.sub06_02 .sec01 > .txt .num-list li {margin-top: 10px;letter-spacing: -0.3px; padding-left: 0; position: relative; padding-left: 25px;}
.sub06_02 .sec01 > .txt .num-list li span {border: 1px solid #3e41aa;border-radius: 50%;font-size: 14px;text-align: center;position: absolute; left: 0;color: #3e41aa;width: 20px;margin-right: 10px;height: 20px; vertical-align: text-bottom;}
.sub06_02 p.bold{margin-top: 60px; color: #0e2e82; font-weight: bold;}
.sub06_02 p.bold b{color: #de083a;}

.sub06_03 h2{color: #000;}
.sub06_03 h2 b{color: #d6033a;}
.sub06_03 p.txt b{color: #2c63ff; vertical-align: baseline; font-weight: bold;}
.sub06_03 #sub-content .txt-container{margin: 100px 0 50px 0;}
.sub06_03 #sub-content .txt-container > div{float: left;}
.sub06_03 #sub-content .txt-container > .img{width: 20%}
.sub06_03 #sub-content .txt-container > .img img{width: auto;}
.sub06_03 #sub-content .txt-container > .txt-wrap{width: 80%; padding-left: 50px;}
.sub06_03 #sub-content .txt-container .btn-wrap{margin-bottom: 30px;}
.sub06_03 #sub-content .txt-container .btn-wrap > div{font-weight: bold;display: inline-block; background-color: #662d3d; color: #fff; font-size: 20px; border-radius: 50px; text-align: center; width: 200px; padding: 10px 0; margin-right: 15px;}
.sub06_03 .card-container > .col{width: calc(33.333% - 30px); margin: 0 15px; float: left;}
.sub06_03 .card-container .card{background-color: #fff;border: 1px solid #ddd; padding: 15px; margin-bottom: 35px; box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2);}
.sub06_03 .card-container .card p{line-height: 1.2; letter-spacing: 0.5px;}
.sub06_03 .card-container .card > .img{position: relative; padding-top: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer;}
.sub06_03 .card-container .card > .img .tit{position: absolute;top: 0; left: 0; background-color: #de1b52; color: #fff; text-align: center; color: #fff; font-weight: bold;padding: 10px 20px; border-radius: 0 50px 50px 50px;}
.sub06_03 .card-container .card > .img .tit.right{left: auto; right: 0;}
.sub06_03 .card-container .card  > .img .big-heart{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: #fff; opacity: 0; width: 60px; height: 52px; background: url(../img/sub06_03_big-heart.png)no-repeat center;}
.sub06_03 .card-container .card  > .img .big-heart.ani{animation: heart linear 1.5s; opacity: 0}
@keyframes heart {
    0% {
        opacity: 0;
        transform: translate(-50%, 40px)
    }
    50% {
        opacity: 1;
        transform: translate(-50%, 0px)
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -40px)
    }
  }
.sub06_03 .card-container .card > .btn{padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.sub06_03 .card-container .card > .btn > div{display: inline-block; cursor: pointer; width: 27px; height: 27px;background-repeat: no-repeat; background-position: center;}
.sub06_03 .card-container .card > .btn > div.save{float: right;}
.sub06_03 .card-container .card > .btn > div.heart{background-image: url(../img/sub06_03_heart.png);}
.sub06_03 .card-container .card > .btn > div.msg{background-image: url(../img/sub06_03_msg.png);}
.sub06_03 .card-container .card > .btn > div.link{background-image: url(../img/sub06_03_link.png);}
.sub06_03 .card-container .card > .btn > div.mail{background-image: url(../img/sub06_03_mail.png);}
.sub06_03 .card-container .card > .btn > div.save{background-image: url(../img/sub06_03_save.png);}
.sub06_03 .card-container .card > .txt{padding: 15px 0; font-size: 16px;}
.sub06_03 .card-container .card > .txt b{font-weight: normal; color: #1d69f4; margin-right: 10px;}
.sub06_03 .card-container .card > .hash{padding: 10px 0;}
.sub06_03 .card-container .col:nth-of-type(1) .card:nth-of-type(1) > .img{background-image: url(../img/sub06_03_card01.jpg);}
.sub06_03 .card-container .col:nth-of-type(1) .card:nth-of-type(2) > .img{background-image: url(../img/sub06_03_card02.jpg);}
.sub06_03 .card-container .col:nth-of-type(1) .card:nth-of-type(3) > .img{background-image: url(../img/sub06_03_card03.jpg);}
.sub06_03 .card-container .col:nth-of-type(2) .card:nth-of-type(1) > .img{background-image: url(../img/sub06_03_card04.jpg);}
.sub06_03 .card-container .col:nth-of-type(2) .card:nth-of-type(2) > .img{background-image: url(../img/sub06_03_card05.jpg);}
.sub06_03 .card-container .col:nth-of-type(2) .card:nth-of-type(3) > .img{background-image: url(../img/sub06_03_card06.jpg);}
.sub06_03 .card-container .col:nth-of-type(3) .card:nth-of-type(1) > .img{background-image: url(../img/sub06_03_card07.jpg);}
.sub06_03 .card-container .col:nth-of-type(3) .card:nth-of-type(2) > .img{background-image: url(../img/sub06_03_card08.jpg);}
.sub06_03 .card-container .col:nth-of-type(3) .card:nth-of-type(3) > .img{background-image: url(../img/sub06_03_card09.jpg);}

.sub07_01 #sub-content .img{position: relative; margin-top: 105px;}
.sub07_01 #sub-content .txt-wrap{position: absolute; text-align: center; top: 0%; width: 100%; top: 46%;}
.sub07_01 #sub-content .txt-wrap div{font-size: 28px; line-height: 1.9;}
.sub07_01 #sub-content .txt-wrap div span{background-color: #ccf8be; color: #0e0e86;}
.sub07_01 #sub-content .txt-wrap div i {color: #eb1053; position: relative;font-style:normal ;}
.sub07_01 #sub-content .txt-wrap div i::before{width: 100%; height: 1px; background-color: #eb1053; bottom: -0px; display: block; content: ''; position: absolute; left: 0;}

.sub07_01 #sub-content .btn-wrap{margin-top: 2.6rem;}
.sub07_01 #sub-content .btn-wrap a{width: 290px; padding: 25px 5px 25px 85px; background-color: #aaa; color: #fff; font-size: 24px; margin-right: 35px; display: inline-block; text-align: left; border-radius: 7px; background-repeat: no-repeat; background-position: right 67px top 46%;}
.sub07_01 #sub-content .btn-wrap a:first-child{background-color: #002e73; background-image: url(../img/sub07_01_icon01.png);}
.sub07_01 #sub-content .btn-wrap a:last-child{margin-right: 0; background-color: #123abe; background-image: url(../img/sub07_01_icon02.png);}
.sub07_01 #sub-content .txt-wrap div br.mob{display: none;}

@media (max-width: 1400px){
  /* .sub04_03 .sec02 .txt-img-wrap > .txt {width: calc(35% - 45px);padding-right: 45px;} */
  .sub04_03 .sec02 .txt-img-wrap > .img {background-size: 190px;}
  .sub04_03 .sec03 .box-wrap > .box{background-size: 80%; background-position: center 80%;}

  .sub06_01 .miss-container {padding: 65px 30px;}
  .sub06_01 .miss-container .box .txt-img-wrap {padding: 25px 10px 25px 195px;}
  .sub06_01 .miss-container .txt-img-wrap img {left: 20px;}
}

@media (max-width: 1300px){
    .sub06_01 .miss-container .box .txt-img-wrap{height: auto}
}

@media (max-width: 1200px){
    .sub01_01 .sec01 .img-txt-wrap > .img {padding-right: 60px;}
  .sub01_01 .sec01 .img-txt-wrap {margin-top: 100px;}
  .sub01_01 .sec01 .img-txt-wrap > .txt .tit {font-size: 30px;padding-top: 70px}
  .sub01_01 .sec01 .img-txt-wrap > .txt strong {margin-top: 60px;font-size: 16px}
  .sub01_01 .sec02 .float-right img {width: 55%;margin-left: 30px;}

  .sub01_02 .table-container > div.left{padding-right: 20px;}
  .sub01_02 .box-container02 > .box {width: calc(33.333% - 20px); margin: 0 10px;}
  .sub01_02 section.sec01 h3.dot {font-size: 22px;margin-top: 30px;}
  .sub01_02 section.sec01 h3.line {margin-top: 40px;margin-bottom: 0px;}

  .sub01_03 .tit {max-width: 100%}
  .sub01_03 .box-container .col.right {padding-left: 10px;}
  .sub01_03 .box-container .col.right .img:first-child {margin-bottom: 15px}

  .sub02_01 .sec01 .img-txt-wrap > .txt {padding: 80px 0 50px 50px;}
  .sub02_01 .sec01 .img-txt-wrap > .txt > div {margin-bottom: 30px;}
  
  .sub02_02 .home-page .url-bar > .arr{display: none;}
  .sub02_02 .home-page .document {background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub02_02_img01.jpg)no-repeat 5% center;}
  .sub02_02 .sec02 h3.dot {margin-top: 70px;}
  .sub02_02 .sec02 .img-container {margin: 15px 0 30px 0;}

  .sub01_02 .box-container {position: relative;margin-top: 100px; padding-left: 0px;}
  .sub01_02 .box-container > .box{margin: 0 10px;}
  .sub01_02 .box-container > .box:nth-of-type(1) {width: calc(40% - 20px);}
  .sub01_02 .box-container > .box:nth-of-type(2), 
  .sub01_02 .box-container > .box:nth-of-type(3)
  {width: calc(30% - 20px);}
  .sub01_02 p.padding-left {padding-left: 0px;}

  .sub02_02 .home-page .url-bar > .arr{display: none;}
  .sub02_02 .home-page .document {background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub02_02_img01.jpg)no-repeat 5% center;}
  .sub02_02 .sec02 h3.dot {margin-top: 70px;}
  .sub02_02 .sec02 .img-container {margin: 15px 0 30px 0;}

  .sub03_01 .sec01 {padding-left: 340px;}
  .sub03_01 .sec01 {margin-top: 60px;}
  .sub03_01 .sec02 > .img-wrap > .img:first-child {width: calc(50% - 20px); margin-right: 20px;}
  .sub03_01 .sec02 > .img-wrap > .img:last-child {width: calc(50% - 20px); margin-left: 20px;}
  .sub03_01 .sec05 .box { padding: 60px 40px;}
  .sub03_01 .sec05 .box > .img:first-child {width: calc(50% - 15px);margin-right: 15px;}
  .sub03_01 .sec05 .box > .img:last-child {width: calc(50% - 15px);margin-left: 15px;}
  .sub03_01 .sec05 .box > .img .tab {padding: 20px 10px 20px 100px;}
  .sub03_01 .sec05 .box > .img .tab span {left: 25px;font-size: 16px;}
  .sub03_01 .sec05 .box > .img > .img-tit {font-size: 26px;padding: 13px 5px;}
  .sub03_01 .sec05 .box > .img .tab p {font-size: 15px;}

  .sub03_02 .sec03 > .box img {left: 40px;top: 147px;transform: translateY(0%);}
  .sub03_02 .sec03 > .box p{padding-left: 360px;}
  .sub03_02 .sec03 > .box {padding: 50px 20px 50px 40px}
  
  .sub03_03 #sub-content section.sec01 .img02{width: 50%; float: left;}
  .sub03_03 section.sec01 .txt-container{width: 50%; float: left; position: static; width: 50%; text-align: left; padding-left: 30px;}
  .sub03_03 article{margin-top: 30px;}
  .sub03_03 article.sub-art{margin-top: 0px;}
  .sub03_03 section.sec01 article{padding: 0;}
  .sub03_03 section.sec02 p b{width: 50px; height: 41px;}
  .sub03_03 section.sec02 p{padding: 80px 0;}
  .sub03_03 section.sec02 {padding: 0 540px 0 0;margin-top: 60px;}

  .sub04_01 section.sec01 { padding: 0 60px 80px 60px;}

  .sub04_02 .sec01 .txt-img-wrap > .img {width: calc(100% - 0px);padding-top: 36%; background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub04_02_img01_mob.jpg)no-repeat center /cover; margin-bottom: 30px; height: auto;}
  .sub04_02 .sec01 .txt-img-wrap > .txt {width: 100%;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block span {width: 290px; padding-top: 220px;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block {padding: 20px 0 0 340px;}
  .sub04_02 .sec02 .img-wrap > .img p {padding: 10px 5px 0 0;font-size: 15px;line-height: 1.2;}
  .sub04_02 .sec02 .img-wrap > .img { width: calc(33.333% - 10px);margin: 0 5px;}
  .sub04_03 .sec03 .box-wrap > .box .tit{font-size: 16px;}

  .sub06_01 .miss-container .box > .table-wrap {width: calc(100% - 0px);margin: 0 0px;}
  .sub06_01 .miss-container .tit{text-align: center; margin-bottom: 30px;}
  .sub06_01 .miss-container .tit > span{display: block; margin-bottom: 10px; margin-right: 0;}

  .sub06_01 .box-container > article {margin: 0 10px; padding: 50px 20px 30px 20px; width: calc(33.333% - 20px);}
  .sub06_01 .box-container > article h4{height: 55px;}
  .sub06_01 .box-container > article h4 span {font-size: 16px; padding: 0px 20px;}
  .sub06_01 .box-container > article h4 span b{font-size: 15px;}
  .sub06_01 .img.md-1200{float: none; width: 100%; padding: 0;}

  .sub06_01 .miss-container {padding: 50px 20px;}

  .sub06_03 #sub-content .txt-container > .img img{width: 100%;}
  .sub06_03 #sub-content .txt-container .btn-wrap > div {font-size: 18px;width: calc(33.333% - 20px);margin-right: 15px;}

  .sub07_01 #sub-content .txt-wrap div { font-size: 24px;line-height: 1.6;}
  .sub07_01 #sub-content .btn-wrap a {width: 240px;padding: 20px 5px 20px 55px;font-size: 22px;margin-right: 40px;background-position: right 53px top 46%;}
}

@media (max-width: 1000px){
  .sub01_02 .box-container > .box:nth-of-type(1) .table-scroll-wrap{padding: 20px;}

  .sub02_01 .sec03 h2.top-bar {font-size: 28px;padding-top: 30px;}
  .sub02_01 .sec02 .img-wrap > div{width:calc(100% - 00px);margin: 0px}
  .sub02_01 .sec02 .img-wrap > div:first-child{margin-bottom: 20px;}
  .sub02_01 .sec02 .img-wrap > div > p{font-size: 15px;}

  .sub03_01 .sec03 .img {width: 50%;}

  .sub03_02 .sec02 > .organ {padding-right: 0px;}
  .sub03_02 .sec02 > .txt {padding: 30px 0 0 0px;}
  .sub03_02 .sec02 > div {width: 100%;}

  .sub03_03 section.sec02 {padding: 0 0px 0 0}
  .sub03_03 section.sec01{margin-top: 80px;}
  .sub03_03 #sub-content section.sec01 .img02{width: 100%; margin-bottom: 30px;}
  .sub03_03 section.sec01 .txt-container{width: 100%; padding-left: 0px;}
  .sub03_03 #sub-content section.sec01 h2{margin-bottom: 30px;}
  .sub03_03 article{margin-top: 0;}
  .sub03_03 article .tit {font-size: 18px;padding: 5px 0 5px 0px;margin-bottom: 5px; background-size: 20px;}
  .sub03_03 article .tit br{display: none;}
  .sub03_03 article p{margin-bottom: 15px;}
  .sub03_03 article .tit, .sub03_03 article p{padding-left: 30px;}
  .sub03_03 #sub-content section.sec02 .img-wrap img{width: 100%;}
  .sub03_03 section.sec02 .img-wrap{position: static;}
  .sub03_03 section.sec02 p b:nth-of-type(2) {right: 0px; bottom: 0;}
  .sub03_03 section.sec02 p b:nth-of-type(1) {top: 0px;}
  
  .sub04_01 #sub-content section.sec01 .img-wrap > div:first-child{margin-bottom: 20px;}

  .sub04_03 .sec02 .txt-img-wrap > .img {padding: 30px 25px; background-image: none;}
  .sub04_03 .sec02 .txt-img-wrap > .txt {width: calc(35% - 35px);margin-right: 35px;}
  .sub04_03 .sec02 .txt-img-wrap > .img > div {width: 100%;}
  
  .sub05_02 .sec01 .box {background-image: none;padding: 120px 30px 40px 30px;margin-top: 20px;}
  .sub05_02 .sec01 .box strong {font-size: 20px;margin-bottom: 10px;}
  .sub05_02 .sec01 p.right {margin-top: 50px;}

  .sub05_03 #sub-content .img-container img{width: 50%; padding: 5px;}

  .sub06_01 .miss-container .tit-box .tit {font-size: 40px;margin-bottom: 40px;}
  .sub06_01 .miss-container .tit-box .sub-tit {font-size: 16px;line-height: 1.8;}
  .sub06_01 .miss-container .txt-img-wrap img {width: 120px;}
  .sub06_01 .miss-container .box .txt-img-wrap {padding: 25px 10px 25px 155px;}
  .sub06_01 .miss-container .txt-img-wrap ul li {font-size: 15px;}

  .sub06_03 .card-container > .col {width: calc(33.333% - 10px);margin: 0 5px;}
  .sub06_03 .card-container .card{font-size: 15px;}
  .sub06_03 .card-container .card p{font-size: 15px;}
  .sub06_03 .card-container .card > .txt {padding: 10px 0;}
  .sub06_03 .card-container .card {padding: 10px;margin-bottom: 20px;}
}

@media (max-width: 900px){
  .sub01_03 .tit {text-align: center; padding-bottom: 10px;}
  .sub01_03 .tit b {display: block;border-radius: 0;margin-bottom: 10px; margin-right: 0;}
  .sub04_03 .sec02 .txt-img-wrap > .txt {width: calc(100% - 0px);padding-right: 0px; margin-bottom: 30px;}
  .sub04_03 .sec02 .txt-img-wrap > .img{width: 100%;}
  .sub04_03 .sec02 .txt-img-wrap { margin-top: 20px; }

  .sub06_01 .box-container { margin-bottom: 65px;}
  .sub06_01 .miss-container .col {width: calc(100% - 0px);margin: 0 0px;}
}

@media (max-width: 768px){
  .sub01_01 .sec01 .img-txt-wrap {margin-top: 30px;}
  .sub01_01 .sec01 .img-txt-wrap > .txt .tit::before {display: none;}
  .sub01_01 .sec01 .img-txt-wrap > .img {width: 100%;padding-right: 0px;margin-top:25px;}
  .sub01_01 .sec01 .img-txt-wrap > .txt {width: 100%; margin-top: 30px;}
  .sub01_01 .sec01 .img-txt-wrap > .txt .tit {font-size: 24px;padding-top: 0px;}
  .sub01_01 .sec01 .img-txt-wrap > .txt strong {margin-top: 15px;font-size: 15px; margin-bottom: 15px;}
  .sub01_01 .sec02 h4 {font-size: 20px;margin-top: 30px;}
  .sub01_01 .sec02 p { margin-top: 10px;}
  .sub01_01 .sec02 .float-right img {width: 100%;margin-left: 0px; float: none; margin-top: 20px;}
  .sub01_01 #sub-content .txt-wrap { margin-top: 60px;}
  .sub01_01 #sub-content .txt-wrap h5 {margin-top: 15px;font-size: 20px;}

  .sub01_02 #sub-content .img-wrap img {width: 100%;padding-right: 0;}
  .sub01_02 .img-wrap p {width: 100%;}
  .sub01_02 .box-container > .box:nth-of-type(1),
  .sub01_02 .box-container > .box:nth-of-type(2),
  .sub01_02 .box-container > .box:nth-of-type(3){width: calc(100% - 0px); margin: 0; transform: translateY(0);}
  .sub01_02 .box-container > .box:nth-of-type(2),
  .sub01_02 .box-container > .box:nth-of-type(3){margin-top: 20px;}
  .sub01_02 #sub-content .box-container > .box .photo p{font-size: 14px;}
  .sub01_02 .table-container > div.left {width: 100%;padding-right: 0px;}
  .sub01_02 .table-container > div.right {width: 100%;padding-right: 0px; margin-top: 30px;}
  .sub01_02 #sub-content .table-container p.dot::before{top: 4px;}
  .sub01_02 .box-container02 > .box {width: calc(100% - 0px); margin: 0px 0 30px 0;}
  .sub01_02 .box-container02 > .box:nth-of-type(2){margin-top: 0;}
  .sub01_02 .green-box .tit span {font-size: 16px;padding: 10px 30px 10px 30px;margin-right: 0px;display: block;width: 220px;margin: 0 auto 15px auto;}
  .sub01_02 .green-box .tit {font-size: 20px;margin-bottom: 10px;}
  .sub01_02 .green-box {padding: 25px 25px;margin-top: 20px; text-align: center;}
  .sub01_02 section.sec01 h3.dot {font-size: 20px;margin-top: 20px; margin-bottom: 10px;}
  .sub01_02 section.sec01 h3.line {margin-bottom: 0px;}
  .sub01_02 section.sec01 p.bold {margin-top: 10px;margin-bottom: 10px;}
  .sub01_02 section.sec01 .line-box{padding: 25px;}
  .sub01_02 .box-container {margin-top: 80px;}
  .sub01_02 .table-container {margin-top: 80px;}
  .sub01_02 #sub-content .table-container .table-wrap {margin-top: 15px;}
  .sub01_02 .box-container02 {margin-top: 40px;}
  .sub01_02 .box-container > .box:nth-of-type(1) table{width: 100%;}
  .sub01_02 .box-container > .box:nth-of-type(1) .table-scroll-wrap{overflow-x: auto;}
  .sub01_02 .down-bar{margin: 15px auto 15px auto; height: 25px;}
  .sub01_02 .table-container .table-wrap p.sum {margin-top: 5px;text-align: left;font-size: 14px;}
  .sub01_02 p.padding-left {margin-top: 30px;}
  .sub01_03 .sec01 .img-wrap .img {width: calc(100% - 0px);margin: 0px 0px;margin-bottom: 20px;}
  .sub01_03 .sec01 .img-wrap .img p {margin-top: 10px;}
  .sub01_03 .sec02 .green-box {padding: 40px 25px;margin-top: 20px;}
  .sub01_03 .sec02 .green-box .tit2{font-size: 16px; margin-top: 30px;}
  .sub01_03 .sec02 .green-box p {margin-top: 10px;}
  .sub01_03 .tit {border-radius: 5px;}
  .sub01_03 .tit span{display: block; padding: 0 10px; font-size: 15px;}
  .sub01_03 .tit { margin-top: 15px;}
  .sub01_03 .box-container .col.left {width: 100%; margin-bottom: 30px;}
  .sub01_03 .box-container .col.right{width: 100%; padding-left: 0;}
  .sub01_03 .box-container .col.right .img p{font-size: 14px;}
  
  .sub02_01 .sec01 p.txt strong{font-size: 18px;}
  .sub02_01 .sec01 .img-txt-wrap > div {width: 100%;}
  .sub02_01 .sec01 .img-txt-wrap > .txt {padding: 30px 0; text-align: center;}
  .sub02_01 .sec01 .img-txt-wrap > .txt::after {top: 17px;left: 0px;}
  .sub02_01 .sec01 .img-txt-wrap > .txt > div {margin-bottom: 20px;}
  .sub02_01 .sec02 .img-wrap > img {width: 100%;padding: 0px 0px;}
  .sub02_01 .sec03 .img-txt-wrap > div.img {width: 100%;}
  .sub02_01 .sec03 .img-txt-wrap > div.txt {width: 100%; padding: 20px 0 0 0;}
  .sub02_01 .sec03 h2.top-bar{width: 100%;}
  .sub02_01 .sec03 .table-wrap{width: 100%; margin-top: 10px;}
  .sub02_01 .img-txt-wrap {margin-top: 30px;}
  .sub02_01 .sec03 .table-container { margin-top: 30px;}
  .sub02_01 .sec01 .img-txt-wrap > .txt > div strong {font-size: 24px;}
  .sub02_01 .sec01 .img-txt-wrap > .txt > div{font-size: 18px;}
  .sub02_01 .sec01 .img-txt-wrap > .txt::before{right: 0; background-size: cover; width: 45px; height: 36px;}
  .sub02_01 .sec01 .img-txt-wrap > .txt::after{right: 0; background-size: cover; width: 45px; height: 36px;}
  .sub02_01 .sec02 .box > strong {margin-bottom: 10px;font-size: 22px;}
  .sub02_01 .sec02 .box {margin-top: 30px;}
  .sub02_01 .sec03 h2.top-bar {font-size: 24px;padding-top: 15px;}

  .sub02_02 .home-page .document .txt-wrap {padding: 380px 20px 50px 20px;}
  .sub02_02 .home-page .document {background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub02_02_img01.jpg)no-repeat center 30px;}
  .sub02_02 .home-page .document h4 { font-size: 22px;margin-bottom: 5px;}
  .sub02_02 .home-page .document .txt-wrap p {font-size: 16px;margin-bottom: 20px;}
  .sub02_02 .home-page .bar {padding: 0 20px 0 20px;}
  .sub02_02 .home-page{margin-top: 30px;}
  .sub02_02 .home-page .bar .utill{display: none;}
  .sub02_02 .home-page .url-bar > .url {width: calc(90% - 10px);margin-right: 10px;}
  .sub02_02 .sec02 h3.dot {margin-top: 30px;}
  .sub02_02 .sec02 p {margin-top: 10px;}
  .sub02_02 .sec02 .img-container > div {width: calc(100% - 0px); margin: 0 0px 30px 0;}
  .sub02_02 .sec02 .img-container > div:last-child{margin-bottom: 0;}
  .sub02_02 .sec02 .img-container {margin: 30px 0 0px 0;}

  .sub02_03 .layer-container .right dt{font-size: 18px;}
  .sub02_03 .layer-container .right dl{margin-top: 20px;}
  .sub02_03 .layer-container h3 {padding: 0px 0 5px 40px; font-size: 18px; background-size: 30px;}
  .sub02_03 .layer-container h3 strong{font-size: 18px; margin: 0;}
  .sub02_03 .layer-container .right dt::before { width: 10px;height: 10px;top: 8px;}
  .sub02_03 .layer-container .right dl.num-list dd {margin-top: 10px;font-size: 14px; position: relative; padding-left: 25px; width: calc(100% - 15px); margin-left: 15px;}
  .sub02_03 .layer-container .right dl.num-list dd span {font-size: 12px;line-height: 1.6;position: absolute; left: 0; top: -1px;}
  .sub02_03 p.pen {margin-top: 20px;}
  .sub02_03 .img01 {transform: translateY(-20px);}


  .sub02_04 p.pen {margin-top: 30px;}
  .sub02_04 .sec02 .img-container {margin: 30px 0 0px 0;}
  .sub02_04 .sec02 .img-container > div {width: calc(100% - 0px);margin: 0px 0px 30px 0;}

  .sub03 p.pen {margin-top: 20px;}

  .sub03_01 .sec01 {padding-left: 0px; margin-top: 30px;}
  .sub03_01 .sec01 h2 {position: static;}
  .sub03_01 .sec01 p{margin-top: 15px;}
  .sub03_01 .sec02 > .img-wrap {margin-top: 30px;}
  .sub03_01 .sec02 > .img-wrap > .img:first-child {width: calc(100% - 0px); margin-right: 0px;}
  .sub03_01 .sec02 > .img-wrap > .img:last-child {width: calc(100% - 0px); margin-left: 0px;}
  .sub03_01 .sec02 > .img-wrap > .img .img-wrap {margin-top: 15px;}
  .sub03_01 .sec03 {margin-top: 60px;}
  .sub03_01 .sec03 .img{height: 100px; padding: 25px 10px 25px 110px;margin-top: 10px;}
  .sub03_01 .sec03 .img.line {padding: 20px 10px 40px 110px;}
  .sub03_01 .sec03 .img img {top: 65px;width: 100px;}
  .sub03_01 .sec05 { margin-top: 100px;}
  .sub03_01 .sec05 .box {padding: 40px 20px;}
  .sub03_01 .sec05 .box > .img:first-child {width: calc(100% - 0px);margin-right: 0px; margin-bottom: 30px;}
  .sub03_01 .sec05 .box > .img:last-child {width: calc(100% - 0px);margin-left: 0px;}
  .sub03_01 .sec05 .box > .img > img {margin-bottom: 10px;}
  .sub03_01 .sec05 .tit {font-size: 22px;width: 210px;}

  .sub03_02 .sec01 { background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub03_02_img01.jpg)no-repeat left 50% bottom 20px; padding: 0 0px 300px 0;background-size: 250px;}
  .sub03_02 .sec01 strong { font-size: 20px;margin-top: 30px;}
  .sub03_02 .sec01 p.mt-30 {margin-top: 10px;}
  .sub03_02 .sec02 {margin-top: 50px;}
  .sub03_02 .sec03 > .box img{position: static; display: block; margin: 0 auto 30px auto;}
  .sub03_02 .sec03 > .box .tit {font-size: 22px;padding-left: 70px;margin-bottom: 20px;}
  .sub03_02 .sec03 > .box p{padding-left: 0;}
  .sub03_02 .sec03 > .box {padding: 40px 20px 40px 20px;}

  .sub03_03 #sub-content section.sec02 p {padding: 60px 0;}
  .sub03_03 #sub-content section.sec02 p br{display: block;}
  .sub03_03 section.sec01 {margin-top: 60px;}
  .sub03_03 #sub-content section.sec01 h2 {margin-bottom: 10px;}
  .sub03_03 article .tit {background: url(../img/sub03_03_sec01_tit_icon.png)no-repeat left top 6px /20px;}

  .sub03_04 .img-txt-wrap > div{width: 100%;}
  .sub03_04 .img-txt-wrap > .img img{width: 100%;}
  .sub03_04 .img-txt-wrap > .txt{text-align: left; margin-top: 30px;}
  .sub03_04 .img-txt-wrap > .txt strong{display: block; margin-top: 10px;}
  .sub03_04 .sec02 article{margin-top: 15px; background-image: none !important;}
  .sub03_04 .sec02 article {padding: 45px 20px 45px 30px;}
  .sub03_04 .sec02 article p {margin-bottom: 20px;}
  .sub03_04 .sec02 article .bar-txt {width: 140px;font-size: 18px;}
  .sub03_04 .sec02 article ul li span { width: 70px; font-size: 14px; display: block; margin-bottom: 5px;}
  .sub03_04 .sec01 {margin-top: 60px;}

  .sub04_01 .img-wrap.img01 p.small{margin-top: 30px;}
  .sub04_01 .img-wrap.img01{padding-bottom: 120px;}
  .sub04_01 section.sec01 {padding: 0 30px 50px 30px;}
  .sub04_01 .sec01 { padding: 0 30px 50px 30px}
  .sub04_01 .sec01 h2{font-size: 22px;}
  .sub04_01 .sec01 h2 span{display: block; width: 150px; margin: 0 auto; padding: 5px;}
  .sub04_01 .sec02 article span{position: static;}
  .sub04_01 .sec02 article{padding-left: 0;}
  .sub04_01 .sec02 article h2 {margin-top: 20px;font-size: 22px;margin-bottom: 15px;}
  .sub04_01 .sec02 article p{font-size: 14px;}
  .sub04_01 .sec02 article:nth-of-type(1){margin-bottom: 30px; padding-bottom: 30px;}
  .sub04_01 .sec01 img {width: 70px;}
  .sub04_01 .img-wrap.img01 p {margin-top: 30px;}
  .sub04_01 .sec02 {margin-top: 60px;}
  .sub04_02 .sec02 h3.dot:nth-of-type(2) {margin-top: 20px;}

  .sub04_02 .sec01 .txt-img-wrap{margin-top: 30px; background-image: none; padding-bottom: 0;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block span {width: 250px;padding-top: 190px;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block {padding: 0px 0 0 270px;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block .sub-tit{margin-bottom: 10px;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block p {font-size: 14px;}
  .sub04_02 .sec02 {margin-top: 30px}
  .sub04_02 .sec02 .box {padding: 0px 0px 30px 0px;margin-top: 10px; overflow: hidden; }
  .sub04_02 .sec02 .box .tit {width: 100%;position: static;border-radius: 0;font-size: 24px;}
  .sub04_02 .sec02 .box p{padding: 20px 20px 0 20px;}
  .sub04_02 .sec02 .img-wrap > .img {width: calc(100% - 0px);margin: 0px 0px;margin-bottom: 30px;}
  .sub04_02 .sec02 .img-wrap > .img p {padding: 10px 0px 0 0;font-size: 14px;position: static;}

  .sub04_03 .sec01 h4 {font-size: 16px;margin-top: 15px;}
  .sub04_03 .sec01 .sub-font { font-size: 18px;margin-top: 0px;}
  .sub04_03 .sec02 {margin-top: 50px}
  .sub04_03 .sec02 ul.dot-list {margin-top: 5px;}
  .sub04_03 .sec03 {margin-top: 50px}
  .sub04_03 .sec03 .right{text-align: left;}
  .sub04_03 .sec03 .box-wrap > .box {width: calc(100% - 0px);margin: 0px;padding-bottom: 48%; margin-bottom: 20px;background-size: 70%;}
  .sub04_03 .sec03 .txt-wrap > .txt{height: auto; padding: 20px 10px 20px 90px !important;}
  .sub04_03 .sec03 .txt-wrap > .txt:nth-child(odd) {width: calc(100% - 0px);margin-right: 0px;}
  .sub04_03 .sec03 .txt-wrap > .txt:nth-child(even) {width: calc(100% - 0px);margin-left: 0px;}
  .sub04_03 .sec03 .txt-wrap > .txt{margin-bottom: 20px;}
  .sub04_03 .sec03 .txt-wrap > .txt p {font-size: 14px;}
  .sub04_03 .sec03 .txt-wrap > .txt::before {top: 50%;transform: translateY(-50%)}
  .sub04_03 .sec03 .txt-wrap {margin-top: 10px;}
  .sub04_03 .sec02 .txt-img-wrap > .img {padding: 30px 20px;}

  .sub05_01 .sec01 .img-wrap{margin-top: 10px;}
  .sub05_01 .sec01 h3.dot{margin-top: 30px;}
  .sub05_01 .down-bar { margin: 30px auto;}
  .sub05_01 .sec02 .box .tit {background: #2148af url(../img/sub05_01_box_icon01.png)no-repeat 20px center;padding: 20px 20px 20px 60px;font-size: 18px;}
  .sub05_01 .sec02 .box p {padding: 20px 30px;}
  .sub05_01 .sec02 .box p strong {font-size: 20px;margin-bottom: 10px;}
  .sub05_01 .sec03 article {margin-top: 20px;}
  .sub05_01 .sec03 .box {padding: 20px;margin-top: 10px; font-size: 14px;}

  .sub05_02 .sec01 p span.itlc{margin-bottom: 20px;}
  .sub05_02 .sec01 .box::before{display: none;}
  .sub05_02 .sec01 .box {padding: 40px 20px 40px 20px;}
  .sub05_02 .sec01 p.right {margin-top: 30px;}

  .sub05_03 #sub-content .img-container { margin-top: 50px;}

  .sub06_01 .miss-container .tit-box .tit {font-size: 32px;margin-bottom: 30px;}
  .sub06_01 .box-container > article {margin: 0px;padding: 50px 20px 30px 20px;width: calc(100% - 0px); margin-bottom: 50px;}
  .sub06_01 .box-container > article ul {margin-top: 20px;}
  .sub06_01 .miss-container {padding: 40px 20px;}
  .sub06_01 .btn-wrap {margin-top: 40px;}
  .sub06_01 .btn-wrap > a {width: 50%;padding: 20px 0;}
  .sub06_01 .img.md-768{float: none; width: 100%; padding: 0;}
  .sub06_01 .box-container {margin-top: 70px;margin-bottom: 30px;}
  .sub06_01 .miss-container .tit-box {padding: 0px 0 30px 0;}
  .sub06_01 .mgb {margin-bottom: 40px;}
  
  .sub06_02 .sec01 > div {width: 100%;}
  .sub06_02 .sec01 > .img {padding-right: 0px; margin-bottom: 30px;}
  .sub06_02 .sec01 > .txt .tit {margin-bottom: 30px;}
  .sub06_02 .sec01 > .txt li {margin-top: 5px;font-size: 14px;}
  .sub06_02 .sec01 > .txt .num-list {margin-bottom: 30px;}
  .sub06_02 .sec01 > .txt .num-list:last-child {margin-bottom: 10px;}
  .sub06_02 p.bold {margin-top: 10px;}

  .sub06_03 .card-container > .col { width: calc(100% - 0px); margin: 0;}
  .sub06_03 #sub-content .txt-container > .img {width: 100%;margin-bottom: 30px;}
  .sub06_03 #sub-content .txt-container > .img img{width: auto;}
  .sub06_03 #sub-content .txt-container > .txt-wrap {width: 100%;padding-left: 0px;}
  .sub06_03 #sub-content .txt-container .btn-wrap > div {font-size: 15px;width: calc(33.333% - 5px);margin-right: 0px;}
  .sub06_03 #sub-content .txt-container .btn-wrap {margin-bottom: 20px;}
  .sub06_03 #sub-content .txt-container {margin: 50px 0 50px 0;}

  .sub07_01 #sub-content .img{background: url(../img/sub07_01_img01_mob.jpg)no-repeat;background-position: top 0 left 50%; margin-top: 40px; padding: 260px 0 140px 0; padding: 260px 0 0px 0; height: 790px;}
  .sub07_01 #sub-content .img img{display: none;}
  .sub07_01 #sub-content .txt-wrap{position: static;}
  .sub07_01 #sub-content .txt-wrap div { font-size: 22px;line-height: 1.5;}
  .sub07_01 #sub-content .txt-wrap div br.mob{display: block;}
  .sub07_01 #sub-content .btn-wrap a:last-child{margin-right: auto;}
  .sub07_01 #sub-content .btn-wrap a:first-child{margin-bottom: 10px;}
  .sub07_01 #sub-content .btn-wrap a {width: 280px;padding: 20px 5px 20px 85px;font-size: 22px;margin-right: 0px;background-position: left 180px top 46%; display: block; margin: 0 auto;}
}

@media (max-width: 560px){
  .sub02_01 .sec02 .img-wrap > div > p{font-size: 14px; padding: 10px;}

  .sub02_02 .home-page .url-bar > .url {width: calc(100% - 0px);margin-right: 0px;}

  .sub02_03 .layer-container h3 strong{display: block;}
  .sub02_03 .layer-container .right .img-wrap > div {font-size: 15px;margin-right: 0px;text-align: center;display: block;}

  .sub03_01 .sec03 .img .tit {font-size: 16px;margin-bottom: 5px;width: 100%;}
  .sub03_01 .sec03 .img {width: 100%;}
  .sub03_01 .sec03 .img:last-child p span {font-size: 13px;}
  .sub03_01 .sec03 .img img {top: 55px;width: 90px;}
  .sub03_01 .sec04 {margin-top: 30px;}
  .sub03_01 .sec05 .box > .img > .img-tit {font-size: 22px;padding: 8px 6px;}
  .sub03_01 .sec05 .box > .img > .img-tit::after{top: 68%;}
  .sub03_01 .sec05 .box > .img .tab {padding: 20px}
  .sub03_01 .sec05 .box > .img .tab span {font-size: 16px;margin-bottom: 10px;display: block;transform: translate(0);position: static;}
  .sub03_01 .sec05 .box > .img .tab p {font-size: 14px;}
  .sub03_01 .sec03 .img.line {padding: 10px 10px 40px 110px;height: auto;}
  
  .sub03_02 .sec02 > .organ .box.tit::after{display: none;}
  .sub03_02 .sec02 > .organ .box.tit::before{display: none;}
  .sub03_02 .sec02 > .organ {font-size: 14px; }
  .sub03_02 .sec02 > .organ .box.tit { margin: 0 auto 14px auto; width: 80%;}
  .sub03_02 .sec02 > .organ > .col > .box:first-child::before{display: none;}

  .sub03_03 article .tit {font-size: 16px;}

  .sub04_02 .sec01 .txt-img-wrap > .txt .block{padding: 0;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block span{display: block;position: static; margin-bottom: 20px; width: 100%; padding-top: 70%;}
  .sub04_02 .sec01 .txt-img-wrap > .txt .block:last-child{padding-bottom: 0;}

  .sub04_03 .sec02 h4 {padding: 5px 0 5px 20px;font-size: 16px;margin-top: 20px;}
  .sub04_03 .sec02 .txt-img-wrap > .img h4 {font-size: 20px;padding: 10px 0; }
  .sub04_03 .sec02 .txt-img-wrap > .img ul li {padding: 10px 0 10px 90px;}
  .sub04_03 .sec02 .txt-img-wrap > .img ul li b {left: 17px;}

  .sub05_01 .sec01 .img-wrap > div{width: 100%;}

  .sub05_03 #sub-content .img-container img{width: 100%; padding: 0px; margin-bottom: 30px;}
  .sub05_03 .box{padding: 120px 20px 50px 20px;; background:#e5f3ff url(../img/sub05_03_box_icon.png)no-repeat 20px 40px;} 
  .sub05_03 .box div b{font-size: 22px; vertical-align: baseline;}
  .sub05_03 #sub-content p{margin-top: 10px;}

  .sub06_01 .img.md-550{float: none; width: 100%; padding: 0;}

  .sub06_01 .miss-container .box .txt-img-wrap {padding: 170px 20px 25px 20px;}
  .sub06_01 .miss-container .txt-img-wrap img {width: 130px;transform: translateY(0);top: 20px;}

  .sub06_03 .card-container .card{font-size: 14px;padding: 10px;margin-bottom: 30px;}
  .sub06_03 .card-container .card p{font-size: 14px;}
}

@media (max-width: 460px){
    .sub01_02 .table-container {margin-top: 50px;}
    .sub01_02 .box-container02 img {margin-bottom: 10px;}
    .sub01_02 .box-container table th {font-size: 15px;}
    .sub01_02 .green-box {padding: 20px 20px;}

    .sub02 .sub-tag span {width: 100%; display: block;}

    .sub02_02 .home-page .document {background-size: 90%;}
    .sub02_02 .home-page .document .txt-wrap {padding: 85% 20px 50px 20px;}
    .sub02_02 .home-page .url-bar > .star{display: none;}
    .sub02_02 .home-page .bar .tab {width: 100%;height: 40px;background-size: 85%;}

    .sub02_03 .layer-container .left table td, .sub02_03 .layer-container .left table th { padding: 10px;}

    .sub03_01 .sec05 .box > .img > .img-tit {font-size: 18px}

    .sub03_02 .sec01 strong {font-size: 18px;margin-top: 20px;}
    .sub03_02 .sec02 > .organ > .col {width: calc(100% - 0px);margin: 0 0px;}
    .sub03_02 .sec02 > .organ .box {margin-bottom: 10px;}
    .sub03_02 .sec02 > .organ > .col > .box:first-child{margin-bottom: 10px;}
    .sub03_02 .sec03 > .box img{width: 100%;}
    .sub03_04 .sec02 article {padding: 30px 15px 40px 15px;}
    .sub03_04 .sec02 article p{padding: 0;}
    .sub03_02 .sec03 > .box .tit {font-size: 18px;padding-left: 45px;margin-bottom: 15px;}
    .sub03_02 .sec03 > .box .tit span {width: 40px;height: 40px;padding-top: 8px;}

    .sub04_01 section.sec01 {padding: 0 20px 40px 20px;}
    .sub04_01 .sec01 h2 span {font-size: 16px;}
    .sub04_01 #sub-content section.sec01 .img-wrap img{width: 100%;}
    .sub04_01 .sec01 .img-wrap > div {display: block;}
    .sub04_01 .sec02 article span strong {width: 100%;font-size: 20px;}

    .sub04_02 .sec02 .box .tit{font-size: 20px;}
    

    .sub06_01 .miss-container .box .txt-img-wrap {padding: 20px 20px 20px 20px;}
    .sub06_01 .miss-container .txt-img-wrap img{position: static; transform: translateY(0); margin-bottom: 20px; width: 100%;}
    .sub06_01 .miss-container .txt-img-wrap ul li span {top: 3px;font-size: 13px;padding: 4px;width: 75px;}
    .sub06_01 .miss-container .txt-img-wrap ul li { font-size: 14px; padding: 5px 0 5px 80px;}
    .sub06_01 .miss-container .box .bar {padding: 15px 10px;font-size: 16px;}

    .sub06_03 #sub-content .txt-container .btn-wrap > div {font-size: 12px;}
}

.pen02 {    margin-top: 30px;}
.pen02 span{padding-left: 25px;    background: url(../img/sub04_01_pen_icon.jpg)no-repeat left 0;}