@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

a{text-decoration: none; color: inherit;}
i:hover{}

.section{text-align: center;font-size: 18px;font-family: "Noto Sans KR", sans-serif;padding: 0 80px;}
.iropke{font-family: "Iropke Batang", serif}
.lato{font-family: 'Lato', sans-serif;}
.for_pc{display: block;}
.for_mobile{display: none;}

.section.sec1{background: url("../img/sec1_bg.png") no-repeat top center; background-size: cover;position: relative;}
.section.sec1 img{position: absolute; right: 12%;top: 200px;width: 100%;max-width: 621px;}

.section.sec2{background: url("../img/sec2_bg.png") no-repeat top center; background-size: cover;position: relative;font-family: "Iropke Batang", serif;}
.section.sec2 .tit div{font-size: 100px;display: flex;justify-content: space-around;align-items: center;}
.section.sec2 .tit p{font-size: 36px;margin-top: 0;margin-bottom: 55px;}

.section.sec3{background: url("../img/sec3_bg.png") no-repeat top center; background-size: cover;position: relative;font-family: "Iropke Batang", serif;color: #050505;}
.sec3 .tit{position: absolute;top: 246px;left: 8%;letter-spacing: 1px;line-height: 50px;}
.sec3 p{font-size: 30px; color: #050505;text-align: left;}

.section.sec4{background: url("../img/sec4_bg.png") no-repeat top center; background-size: cover;position: relative;font-family: "Iropke Batang", serif;color: #000;}
.sec4 .tit{font-size: 30px;letter-spacing: 1px;}
.sec4 .desc{font-size: 30px; font-weight: 500;letter-spacing: 1px;padding: 80px 0 110px;line-height: 60px;}
.sec4 .tags{font-size: 20px;letter-spacing: 0;font-weight: 500;}

.section.sec5{background: url("../img/pio_sec5_bg.jpg") no-repeat top center; background-size: cover;position: relative;font-family: "Iropke Batang", serif;color: #fff;}
.sec5 .inner{width: 100%; max-width: 1080px; margin: 0 auto; text-align: left;height: 100%;position: relative;padding-top: 160px;}
.sec5 .tit{font-size: 30px;padding-bottom: 70px;letter-spacing: 1px;font-weight: 500;}
.sec5 .desc{font-size: 18px;line-height: 32px;font-weight: 400;letter-spacing: 0px;}
.sec5 .desc a:hover{color: #9a9a9a;transition: 0.3s all;}

.section .slide{text-align: center;}
.fp-controlArrow.fp-prev{left: 60px;}
.fp-controlArrow.fp-next{right: 60px;}

@media only screen and (max-width: 991px){
    .for_pc{display: none !important;}
    .for_mobile{display: block !important;}

    .section{padding: 0 5%;}

    .section.sec1{background: url("../img/pio_sec_1_m.jpg") no-repeat top center;background-size: cover;}
    .section.sec1 img{top: 200px; right: 0;width: 80%;left: 50%;transform: translateX(-50%);}

    .section.sec2 .tit div{font-size: 60px;}
    .section.sec2 .tit p{font-size: 24px;margin-bottom: 43px;}

    .section.sec3{background: url("../img/sec3_bg_m.png") no-repeat top center; background-size: cover;}
    .sec3 .tit{left: 5%;letter-spacing: 0;top: 150px;}
    .sec3 .tit p{font-size: 21px;line-height: 35px;}

    .section.sec4{padding: 0 8%;}
    .sec4 .tit{font-size: 21px; letter-spacing: 0;word-break: keep-all;}
    .sec4 .desc{font-size: 18px; letter-spacing: -0.5px;line-height: 30px;padding: 40px 0 55px;word-break: keep-all;}
    .sec4 .tags{font-size: 16px; letter-spacing: 0;word-break: keep-all;}

    .section.sec5{background: url("../img/pio_sec_5_m.jpg") no-repeat top center;background-size: cover;padding: 0 7%;}
    .sec5 .inner{padding-top: 0;}
    .sec5 .box{}
    .sec5 .top_img img{width: 100%;}
    .sec5 .tit{font-size: 24px; padding: 6px 0 5px; letter-spacing: 0;}
    .sec5 .desc{font-size: 14px; line-height: 20px; letter-spacing: 0;}

    #fp-nav{right: 5px !important;top: 88%;}
    #fp-nav ul li{margin: 3px;}
    #fp-nav ul li a span{width: 3px; height: 3px;}
    #fp-nav ul li a.active span{width: 10px; height: 10px;}
    /*#fp-nav{top: auto;bottom: 10px;right: 0 !important;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-around;align-items: center;}*/
    /*#fp-nav ul li{float: left;margin: 5px;}*/
    /*#fp-nav ul{float: left;}*/
}