@charset "euc-kr";
/* CSS Document */
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{margin:0; padding:0; font-family:'³ª´®°íµñ', 'Nanum Gothic', 'NanumGothic', sans-serif !important; box-sizing:border-box;}
a,
a:link,
a:hover,
a:active,
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
img{vertical-align:top;}
body{position:relative; max-width:800px; margin:0 auto !important; min-width:300px;}
.section,
.footer,
.subtop .sbox,
.sub .smenu,
.sub .contents{width:calc(100% - 20px); margin:0 auto; border-left:1px solid #ac6822; border-right:1px solid #ac6822;}

/* formbox */
.formbox{position:fixed; bottom:0; left:0; z-index:998; width:100%;}
.formbox .sbox .ssbox{display:block; float:left; width:50%; height:60px; font-size:12px; color:#fff;}
.formbox .sbox .ssbox strong{font-size:18px;}
.formbox .sbox .ssbox1{padding:13px 0 0 30px; background:#ac6822;}
.formbox .sbox .ssbox2{text-align:center; line-height:60px; background:#000;}
.formbox .sbox .ssbox2 strong{display:inline-block; position:relative; padding-right:20px;}
.formbox .sbox .ssbox2 strong:before{content:""; position:absolute; top:50%; right:0; width:10px; margin-top:-2px; border-bottom:2px solid #fff; transform:rotate(40deg); transform-origin:right center;}
.formbox .sbox .ssbox2 strong:after{content:""; position:absolute; top:50%; right:0; width:10px; margin-top:-3px; border-bottom:2px solid #fff; transform:rotate(-40deg); transform-origin:right center;}

.wrap{position:relative; height:430px;}
.wrap:before,
.wrap:after{content:""; position:absolute; top:10px; z-index:997; height:100%; border-left:1px solid #ac6822;}
.wrap:before{left:10px;}
.wrap:after{right:10px;}
.wrap .wrap_line:before,
.wrap .wrap_line:after{content:""; position:absolute; top:10px; z-index:997; width:calc(50%); border-top:1px solid #ac6822;}
.wrap .wrap_line:before{left:10px;}
.wrap .wrap_line:after{right:10px;}

/* top */
.top{position:absolute; top:10px; left:10px; z-index:996; width:calc(100% - 20px); height:80px;}
.top .menubtn{position:relative; float:right; width:63px; margin-top:16px;}
.top .menubtn ul{position:absolute; top:0; left:0; width:63px; height:50px; padding:4px 16px;}
.top .menubtn ul li{height:1px; margin:10px 0; background:#fff; transition:all 0.5s; transform-origin: left center;}
.top .menubtn ul li:nth-child(2){width:50%;}
.top .menubtn.on ul .bar_t{transform:rotate(45deg);}
.top .menubtn.on ul .bar_m{width:0;}
.top .menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top .logo{padding:7px 0 0 20px;}
.top .logo img{width:100px;}

/* sidemenu */
.menubox{position:fixed; top:0; left:-100%; z-index:998; width:100%; height:100%; transition:all 0.3s; background:#fff; overflow:auto;}
.menubox.on{left:0;}
.sidemenu_head{position:relative; padding:50px 16px 40px;}
.sidemenu_head ul{position:absolute; top:5px; right:0; width:63px; height:50px; padding:4px 16px;}
.sidemenu_head ul li{height:1px; margin:10px 0; background:#000; transition:all 0.5s; transform-origin: left center;}
.sidemenu_head ul .bar_t{transform:rotate(45deg);}
.sidemenu_head ul .bar_m{width:0;}
.sidemenu_head ul .bar_b{transform:rotate(-45deg);}
.sidemenu_head p:nth-of-type(1){font-size:30px; color:#000;}
.sidemenu_head p:nth-of-type(2){margin-top:10px; font-size:16px; color:#000;}
.sidemenu_body{padding:0 10px;}
.sidemenu_body .sidemenu{margin-bottom:5px;}
.sidemenu_body .sidemenu p{position:relative; padding:20px; font-size:16px; font-weight:700; color:#fff; background:#ac6822; transition:all 0.5s; opacity:0.8;}
.sidemenu_body .sidemenu p:hover{opacity:1;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:19px; right:15px; width:15px; height:15px; background:url('../img/plus.png') no-repeat center; transition:all 0.3s;}
.sidemenu_body .sidemenu p.open .arrow{transform:rotate(135deg);}
.sidemenu_body .sidemenu ul{display:none; padding:5px 0 20px; background:#fff;}
.sidemenu_body .sidemenu ul li{margin-bottom:5px;}
.sidemenu_body .sidemenu ul li a{display:block; padding:15px 35px; font-size:14px; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
.sidemenu_foot{padding:30px 0; text-align:center;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#000;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) a{display:block; font-size:20px; font-weight:700; color:#ac6822; line-height:16px;}
.sidemenu_foot p:nth-of-type(2) img{height:16px; vertical-align:top;}
.sidemenu_foot p:nth-of-type(3){font-size:14px; color:#000;}

/* section style */
.section1{margin-top:30px; padding:30px 10px; border-top:1px solid #ac6822;}
.section1 .sbox{position:relative; padding:30px 0 100px; border-radius:30px; background:#f5f5f5; overflow:hidden;}
.section1 .sbox .ssbox{text-align:center;}
.section1 .sbox .ssbox p:nth-of-type(1){font-size:30px; color:#333; font-family: 'TmonMonsori' !important;}
.section1 .sbox .ssbox p:nth-of-type(1) strong{color:#ac6822; font-family: 'TmonMonsori' !important;}
.section1 .sbox .ssbox p:nth-of-type(2){margin-top:10px; font-size:14px; color:#888;}
.section1 .sbox .ssbox .menulistbtn span{display:block; position:absolute; bottom:30px; z-index:1; width:15px; height:24px;}
.section1 .sbox .ssbox .menulistbtn .prevbtn{left:50px; background:url('../../img/left1.png') no-repeat center / cover;}
.section1 .sbox .ssbox .menulistbtn .nextbtn{right:50px; background:url('../../img/right1.png') no-repeat center / cover;}
.section1 .sbox .ssbox .menulistbox{margin-top:30px; width:360px; margin:30px auto 0; overflow:hidden;}
.section1 .sbox .ssbox .menulist li{float:left;}
.section1 .sbox .ssbox .menulist li span{display:block; height:40px; font-size:16px; color:#888; line-height:36px; border:2px solid #ac6822;}
.section1 .sbox .ssbox .menulist li .imgbox img{width:360px;}

.section2{position:relative; padding:0 10px; border-top:1px solid #ac6822;}
.section2 .title{position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:60%; font-size:30px; color:#333; text-align:center; background:#fff; font-family: 'TmonMonsori' !important;}
.section2 .title strong{color:#ac6822; font-family: 'TmonMonsori' !important;}
.section2 .sbox{padding:50px 0 100px; overflow:hidden;}
.section2 .sbox .prdBtn a{display:block; position:absolute; bottom:50px; z-index:1; width:15px; height:24px;}
.section2 .sbox .prdBtn .prev{left:50px; background:url('../../img/left1.png') no-repeat center / cover;}
.section2 .sbox .prdBtn .next{right:50px; background:url('../../img/right1.png') no-repeat center / cover;}
.section2 .sbox .prdList:after{content:""; display:table; clear:both;}
.section2 .sbox .prdList>li{float:left;}
.section2 .sbox .prdList>li .item .box{float:left;}
.section2 .sbox .prdList>li .item .box1{width:250px;}
.section2 .sbox .prdList>li .item .box1 div img{width:100%;}
.section2 .sbox .prdList>li .item .box1 p{margin-top:10px; font-size:12px; color:#666; line-height:20px;}
.section2 .sbox .prdList>li .item .box2{position:relative; padding:40px 0 0 30px; text-align:center;}
.section2 .sbox .prdList>li .item .box2 span{display:block; position:absolute; top:0; right:0; width:30px; height:30px; font-size:16px; font-weight:700; color:#fff; line-height:30px; background:#222;}
.section2 .sbox .prdList>li .item .box2 p{float:left;}
.section2 .sbox .prdList>li .item .box2 p:nth-of-type(1){width:16px; margin-right:10px; font-size:16px; font-weight:700; color:#666;}
.section2 .sbox .prdList>li .item .box2 p:nth-of-type(1) b{font-size:14px;}
.section2 .sbox .prdList>li .item .box2 p:nth-of-type(2){width:20px; font-size:20px; font-weight:700; color:#333; letter-spacing:-5px;}
.section2 .sbox .prdList>li .item .box2 p:nth-of-type(2) strong{color:#ac6822; letter-spacing:-3px;}
.section2 .sbox .prdList>li .item .box2 p:nth-of-type(2) strong b{font-size:14px;}

.section3{padding:50px 10px; border-top:1px solid #ac6822;}
.section3 .sbox .ssbox1 p{margin-bottom:20px;}
.section3 .sbox .ssbox1 p:nth-of-type(1) span{display:inline-block; padding:5px 10px; font-size:16px; font-weight:700; color:#fff; background:#222;}
.section3 .sbox .ssbox1 p:nth-of-type(2){font-size:30px; color:#222; line-height:40px; font-family: 'TmonMonsori' !important;}
.section3 .sbox .ssbox1 p:nth-of-type(3){font-size:14px; font-weight:700; color:#333; line-height:20px;}
.section3 .sbox .ssbox1 p:nth-of-type(4){font-size:14px; color:#666; line-height:20px;}
.section3 .sbox .ssbox1 ul li{margin-left:20px; font-size:14px; font-weight:700; color:#333; line-height:20px; list-style:disc;}

.section4{padding:0 10px;}
.section4 .sbox{height:400px; padding:50px 10px 0; background:url('../../img/section4_bg.jpg') no-repeat center top / cover;}
.section4 .sbox .ssbox p:nth-of-type(1){font-size:40px; color:#fff; line-height:50px; font-family: 'TmonMonsori' !important;}
.section4 .sbox .ssbox p:nth-of-type(1) strong{color:#ac6822; font-family: 'TmonMonsori' !important;}
.section4 .sbox .ssbox p:nth-of-type(2){margin-top:20px; font-size:16px; color:#fff; line-height:26px;}

.section5{padding:50px 10px;}
.section5 .title{font-size:30px; color:#333; text-align:center; font-family: 'TmonMonsori' !important;}
.section5 .title strong{color:#ac6822; font-family: 'TmonMonsori' !important;}
.section5 .sbox{margin-top:30px;}
.section5 .sbox .ssbox1>p{margin-bottom:10px;}
.section5 .sbox .ssbox1>p a{display:inline-block; position:relative; padding-right:30px; font-size:20px; color:#666;}
.section5 .sbox .ssbox1>p a:before{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(45deg); transform-origin:right center; width:15px; border-bottom:2px solid #666;}
.section5 .sbox .ssbox1>p a:after{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(-45deg); transform-origin:right center; width:15px; border-bottom:2px solid #666;}
.section5 .sbox .ssbox2{margin-top:30px;}
.section5 .sbox .ssbox2 .box{margin-bottom:15px; padding-bottom:15px; border-bottom:3px solid #333;}
.section5 .sbox .ssbox2 .box>p{font-size:20px; color:#333; font-family: 'TmonMonsori' !important;}
.section5 .sbox .ssbox2 .box .board{margin-top:10px;}
.section5 .sbox .ssbox2 .box .board td{padding-bottom:5px;}
.section5 .sbox .ssbox2 .box .board td a{display:inline-block; padding-bottom:5px; font-size:14px; color:#666; border-bottom:1px solid transparent;}
.section5 .sbox .ssbox2 .box .board td a:hover{color:#ac6822; border-color:#ac6822;}

.section6{padding:0 10px;}
.section6 .sbox{height:400px; text-align:center; background:url('../../img/section6_bg.jpg') no-repeat center top / cover;}
.section6 .sbox .title span{display:inline-block; vertical-align:top; position:relative; width:150px; padding:20px 0 10px; font-size:30px; color:#fff; line-height:40px; font-family: 'TmonMonsori' !important; background:#ac6822;}
.section6 .sbox .title span:before{content:""; position:absolute; bottom:-30px; left:0; width:100%; border:30px solid #ac6822; border-bottom:none; border-left:75px solid transparent; border-right:75px solid transparent; box-sizing:border-box;}
.section6 .sbox .ssbox{margin-top:50px;}
.section6 .sbox .ssbox p{color:#fff; text-align:center;}
.section6 .sbox .ssbox p:nth-of-type(1){font-size:16px; font-weight:700;}
.section6 .sbox .ssbox p:nth-of-type(2){margin-top:20px; font-size:14px; line-height:20px;}

.section7{background:#f5f5f5;}
.section7 .sbox{padding:50px 10px;}
.section7 .sbox>p:nth-of-type(1){font-size:16px; font-weight:700; color:#ac6822;}
.section7 .sbox>p:nth-of-type(1) img{vertical-align:middle; height:20px; margin-right:10px;}
.section7 .sbox>p:nth-of-type(2){margin-top:10px; font-size:20px; color:#222; letter-spacing:-1px; font-family: 'TmonMonsori' !important;}
.section7 .sbox .ssbox{margin-top:30px;}
.section7 .sbox .ssbox .box{float:left; width:49%; margin-bottom:10px;}
.section7 .sbox .ssbox .box:nth-child(odd){margin-right:2%;}
.section7 .sbox .ssbox .box img{width:100%;}

/* footer */
.footer{background:#222;}
.footer .fbox{padding:20px 10px 80px; text-align:center;}
.footer .fbox .snsbox{}
.footer .fbox .snsbox a{margin:0 10px;}
.footer .fbox .snsbox a img{height:20px;}
.footer .fbox .flogo{margin:20px 0;}
.footer .fbox .flogo img{height:100px;}
.footer .fbox ul li{display:inline-block; margin:0 10px;}
.footer .fbox ul li a{display:block; font-size:14px; color:#999;}
.footer .fbox .textbox{margin-top:20px;}
.footer .fbox .textbox p{line-hieght:24px;}
.footer .fbox .textbox p span{display:inline-block; margin-right:10px; font-size:14px; color:#999;}


/* subtop */
.subtop{padding-top:10px; background:url('../../img/subtop.jpg') no-repeat center top / cover;}
.subtop .sbox{position:relative; height:250px; padding-top:120px; text-align:center;}
.subtop .sbox>p{color:#fff;}
.subtop .sbox>p:nth-of-type(1){font-size:14px;}
.subtop .sbox>p:nth-of-type(2){margin-top:10px; font-size:20px; font-weight:700;}
.subtop .sbox>p:nth-of-type(2) strong{color:#ac6822;}
.subtop .sbox .lbox{display:block; position:absolute; bottom:10px; left:10px; padding:5px; font-size:14px; font-weight:700; color:#fff; background:#ac6822;}
.subtop .sbox .rbox{display:block; position:absolute; bottom:10px; right:10px;}
.subtop .sbox .rbox span,
.subtop .sbox .rbox strong{vertical-align:middle;}
.subtop .sbox .rbox span{font-size:14px; font-weight:700; color:#fff;}
.subtop .sbox .rbox strong{font-size:16px; color:#fff}

/* smenu */
.smenu{height:40px;}
.smenu .sbox{border-top:1px solid #ac6822; border-bottom:1px solid #ac6822; background:#fff;}
.smenu .sbox .box{position:relative; float:left;}
.smenu .sbox .box1{width:40%;}
.smenu .sbox .box2{width:60%;}
.smenu .sbox .box span{display:block; position:relative; padding-left:10px; font-size:14px; font-weight:700; color:#ac6822; line-height:38px;}
.smenu .sbox .box1 span{color:#333; border-right:1px solid #ac6822;}
.smenu .sbox .box span:before{display:block; content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); border:6px solid #ac6822; border-bottom:0px solid transparent; border-left:3px solid transparent; border-right:3px solid transparent; transition:all 0.2s;}
.smenu .sbox .box ul{display:none; position:absolute; top:38px; left:0; z-index:995; width:100%; padding:10px; border-top:none; background:#f5f5f5;}
.smenu .sbox .box ul li a{display:block; padding:6px 0; font-size:14px; color:#333;}
.smenu .sbox .box ul li a:hover{font-weight:700; color:#ac6822;}
.smenu .sbox .box span.on:before{transform:rotate(-180deg);}

/* sub all */
.sub .contents{padding:0 10px 50px; overflow:hidden;}
.sub .contents .title{padding:40px 0; text-align:center;}
.sub .contents .title p:nth-of-type(1){font-size:30px; color:#333; letter-spacing:-1px; font-family: 'TmonMonsori' !important;}
.sub .contents .title p:nth-of-type(1) strong{padding:5px; color:#fff; background:#ac6822; font-family: 'TmonMonsori' !important;}
.sub .contents .title p:nth-of-type(2){font-size:14px; color:#333;}

/* sub style */
.sub01_01 .contents .sbox{width:100%;}
.sub01_01 .contents .sbox .ssbox1{height:350px; background:url('../../img/sub01_insa01.jpg') no-repeat center top / cover;}
.sub01_01 .contents .sbox .ssbox1 .box{padding:80px 10px 0;}
.sub01_01 .contents .sbox .ssbox1 .box p:nth-of-type(1){font-size:20px; color:#fff; line-height:30px;}
.sub01_01 .contents .sbox .ssbox1 .box p:nth-of-type(2){margin-top:50px; font-size:14px; color:#fff; text-align:right;}
.sub01_01 .contents .sbox .ssbox1 .box p:nth-of-type(2) strong{font-size:16px;}
.sub01_01 .contents .sbox .ssbox2{margin-top:30px;}
.sub01_01 .contents .sbox .ssbox2 .box2{margin-top:30px; padding-top:30px; border-top:1px solid #ddd;}
.sub01_01 .contents .sbox .ssbox2 .box p{margin-bottom:20px; font-size:14px; color:#666; line-height:24px;}
.sub01_01 .contents .sbox .ssbox2 .box p:last-child{margin-bottom:0;}
.sub01_01 .contents .sbox .ssbox2 .box p strong{color:#333;}

.sub01_02 .contents .sbox .basic{margin-top:20px;}
.sub01_02 .contents .sbox .basic th,
.sub01_02 .contents .sbox .basic td{padding:15px 0; font-size:14px; color:#333;}
.sub01_02 .contents .sbox .basic th{width:30%; font-size:16px;}

.sub02_01 .contents .sbox{padding-top:40px;}
.sub02_01 .contents .sbox .ssbox1{position:relative; height:550px; padding:30px 10px 0; text-align:center; background:url('../../img/sub02_bg01.jpg') no-repeat center top / cover;}
.sub02_01 .contents .sbox .ssbox1 p:nth-of-type(1) b{display:inline-block; vertical-align:top; padding:5px 10px; font-size:20px; font-weight:700; color:#fff; background:#222;}
.sub02_01 .contents .sbox .ssbox1 p:nth-of-type(2){margin:20px 0 30px;}
.sub02_01 .contents .sbox .ssbox1 p:nth-of-type(2) strong{font-size:40px; color:#ac6822; font-family: 'TmonMonsori' !important;}
.sub02_01 .contents .sbox .ssbox1 p:nth-of-type(3){font-size:14px; color:#ddd; text-align:left; line-height:20px;}
.sub02_01 .contents .sbox .ssbox1 .imgbox{position:absolute; bottom:30px; left:0; width:100%; padding:0 10px;}
.sub02_01 .contents .sbox .ssbox1 .imgbox img{width:100%;}
.sub02_01 .contents .sbox .ssbox2{position:relative; margin:50px 0;}
.sub02_01 .contents .sbox .ssbox2:before{content:""; position:absolute; bottom:-100px; right:-150px; z-index:-1; width:300px; height:300px; background:url('../../img/ori.png') no-repeat center top / cover; opacity:0.5;}
.sub02_01 .contents .sbox .ssbox2 .box p:nth-of-type(1) b{display:inline-block; vertical-align:top; padding:5px 10px; font-size:20px; font-weight:700; color:#fff; background:#222;}
.sub02_01 .contents .sbox .ssbox2 .box p:nth-of-type(2){margin:20px 0 30px; font-size:30px; color:#ac6822; font-family: 'TmonMonsori' !important;}
.sub02_01 .contents .sbox .ssbox2 .box p:nth-of-type(3){font-size:16px; color:#666; line-height:26px;}
.sub02_01 .contents .sbox .ssbox3{position:relative; padding:50px 10px; text-align:center;}
.sub02_01 .contents .sbox .ssbox3:before{content:""; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:250px; background:url('../../img/sub02_bg02.jpg') no-repeat center / cover;}
.sub02_01 .contents .sbox .ssbox3 .box .list{float:left; width:32%; margin-top:30px;}
.sub02_01 .contents .sbox .ssbox3 .box .list:nth-child(2){margin:0 2%;}
.sub02_01 .contents .sbox .ssbox3 .box .list div img{width:100%;}
.sub02_01 .contents .sbox .ssbox3 .box .list p{padding:10px 0; font-size:14px; font-weight:700; color:#fff; background:#222;}
.sub02_01 .contents .sbox .ssbox3 .box .list p strong{color:#fff000;}
.sub02_01 .contents .sbox .ssbox3 .text{margin-top:30px; font-size:16px; font-weight:700; color:#fff;}
.sub02_01 .contents .sbox .ssbox3 .text strong{color:#fff000;}
.sub02_01 .contents .sbox .ssbox4{position:relative; padding:50px 0;}
.sub02_01 .contents .sbox .ssbox4:before{content:""; position:absolute; bottom:-100px; right:-50px; z-index:-1; width:300px; height:300px; background:url('../../img/dak.png') no-repeat center top / cover; opacity:0.5;}
.sub02_01 .contents .sbox .ssbox4 .box2 p{margin-bottom:20px;}
.sub02_01 .contents .sbox .ssbox4 .box2 p:last-child{margin-bottom:0;}
.sub02_01 .contents .sbox .ssbox4 .box2 p:nth-of-type(1) b{display:inline-block; vertical-align:top; padding:5px 10px; font-size:20px; font-weight:700; color:#fff; background:#222;}
.sub02_01 .contents .sbox .ssbox4 .box2 p:nth-of-type(2){font-size:30px; color:#ac6822; line-height:40px; font-family: 'TmonMonsori' !important;}
.sub02_01 .contents .sbox .ssbox4 .box2 p:nth-of-type(3){font-size:16px; font-weight:700; color:#333; line-height:30px;}
.sub02_01 .contents .sbox .ssbox4 .box2 p:nth-of-type(4){font-size:14px; color:#666; line-height:20px;}
.sub02_01 .contents .sbox .ssbox5{margin-top:50px; padding:30px 10px 50px; background:url('../../img/sub02_bg03.jpg') no-repeat center / cover;}
.sub02_01 .contents .sbox .ssbox5 p{margin-bottom:20px; text-align:center;}
.sub02_01 .contents .sbox .ssbox5 p:last-child{margin-bottom:0;}
.sub02_01 .contents .sbox .ssbox5 p:nth-of-type(1),
.sub02_01 .contents .sbox .ssbox5 p:nth-of-type(2){font-size:14px; color:#fff; line-height:20px;}
.sub02_01 .contents .sbox .ssbox5 p:nth-of-type(3){font-size:20px; font-weight:700; color:#fff000;}
.sub02_01 .contents .sbox .ssbox5 p:nth-of-type(4){font-size:16px; font-weight:700; color:#fff;}
.sub02_01 .contents .sbox .ssbox5 p:nth-of-type(1){text-align:left;}

.sub02_02 .contents .sbox .ssbox{float:left; width:49%; height:165px; margin-bottom:10px; padding:10px 0; text-align:center; border:5px solid #bbb; background:#fff;}
.sub02_02 .contents .sbox .ssbox:nth-child(odd){margin-right:2%;}
.sub02_02 .contents .sbox .ssbox div img{height:40px;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(1){margin:20px 0 10px; font-size:16px; font-weight:700; color:#333;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(2){font-size:14px; color:#666; line-height:20px;}
.sub02_02 .contents .sbox .ssbox:nth-child(2n) p:nth-of-type(1){color:#ac6822;}
.sub02_02 .contents .sbox .ssbox:last-child{padding-top:40px;}
.sub02_02 .contents .sbox .ssbox:last-child div img{height:90px;}

.sub02_03 .contents .sbox .ssbox{position:relative; padding-top:30px; text-align:center;}
.sub02_03 .contents .sbox .ssbox2{margin:10px 0;}
.sub02_03 .contents .sbox .ssbox .num{position:absolute; top:0; left:50%; transform:translateX(-50%); width:60px; height:60px; font-size:20px; font-weight:700; color:#ac6822; line-height:60px; border-radius:50%; background:#fff;}
.sub02_03 .contents .sbox .ssbox .box{height:300px; padding-top:50px;}
.sub02_03 .contents .sbox .ssbox .box p{font-size:14px; color:#fff; line-height:20px;}
.sub02_03 .contents .sbox .ssbox .box div{width:140px; height:40px; margin:20px auto 10px; font-size:14px; color:#fff; line-height:40px; border-radius:30px; background:#ac6822;}
.sub02_03 .contents .sbox .ssbox .box p:nth-of-type(1){font-size:26px; line-height:normal;}
.sub02_03 .contents .sbox .ssbox .box p:nth-of-type(1) strong{color:#ac6822;}
.sub02_03 .contents .sbox .ssbox .box p:nth-of-type(2) strong{color:#ac6822;}
.sub02_03 .contents .sbox .ssbox .box p:nth-of-type(3){margin-top:10px;}
.sub02_03 .contents .sbox .ssbox1 .box{background:url('../../img/sub02_compete01.jpg') no-repeat center / cover;}
.sub02_03 .contents .sbox .ssbox2 .box{background:url('../../img/sub02_compete02.jpg') no-repeat center / cover;}
.sub02_03 .contents .sbox .ssbox3 .box{background:url('../../img/sub02_compete03.jpg') no-repeat center / cover;}

.sub02_04 .contents .sbox .ssbox{text-align:center; border:1px solid #ddd;}
.sub02_04 .contents .sbox .ssbox div{padding:50px 0;}
.sub02_04 .contents .sbox .ssbox div img{height:100px;}
.sub02_04 .contents .sbox .ssbox p{padding:15px 0; font-size:14px; font-weight:700; color:#333; border-top:1px solid #ddd;}

.sub04_01 .contents .sbox .ssbox{text-align:center;}
.sub04_01 .contents .sbox .ssbox1 .box,
.sub04_01 .contents .sbox .ssbox3 .box{display:inline-block; width:49%; vertical-align:top;}
.sub04_01 .contents .sbox .ssbox2 .box{position:relative; float:left; width:49%; vertical-align:top; padding-top:25px;}
.sub04_01 .contents .sbox .ssbox2 .box1{margin-right:2%;}
.sub04_01 .contents .sbox .ssbox2 .box .text{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; font-size:16px; font-weight:700; color:#333;}
.sub04_01 .contents .sbox .ssbox .box .list{position:relative; height:100px; margin-bottom:25px; padding:10px 0 20px 50px; text-align:left; border:3px solid #ddd; border-radius:10px;}
.sub04_01 .contents .sbox .ssbox .box .list:last-child{margin-bottom:0;}
.sub04_01 .contents .sbox .ssbox .box .list p{font-size:12px; font-weight:700; color:#333;}
.sub04_01 .contents .sbox .ssbox .box .list p:nth-of-type(1) strong{font-size:16px;}
.sub04_01 .contents .sbox .ssbox .box .list p:nth-of-type(2){margin-top:10px; line-height:18px;}
.sub04_01 .contents .sbox .ssbox1 .box .list p:nth-of-type(2){font-size:14px;}
.sub04_01 .contents .sbox .ssbox2{margin:15px 0 20px;}
.sub04_01 .contents .sbox .ssbox2 .box2 .list2{height:225px; padding-left:0; text-align:center;}
.sub04_01 .contents .sbox .ssbox2 .box2 .list2 p:nth-of-type(2){margin-top:20px; line-height:20px;}
.sub04_01 .contents .sbox .ssbox2 .box1 .text,
.sub04_01 .contents .sbox .ssbox1 .box .list p:nth-of-type(1),
.sub04_01 .contents .sbox .ssbox2 .box1 .list p,
.sub04_01 .contents .sbox .ssbox3 .box .list p{color:#ac6822;}
.sub04_01 .contents .sbox .ssbox .box .list:before{content:""; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); border:10px solid #666; border-bottom:none; border-left:7px solid transparent; border-right:7px solid transparent;}
.sub04_01 .contents .sbox .ssbox1 .box .list:before,
.sub04_01 .contents .sbox .ssbox2 .box .list:last-child::before,
.sub04_01 .contents .sbox .ssbox3 .box .list:before{display:none;}
.sub04_01 .contents .sbox .ssbox1 .box .list{background:url('../../img/subicon11.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box1 .list1{background:url('../../img/subicon12.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box1 .list2{background:url('../../img/subicon13.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box1 .list3{background:url('../../img/subicon14.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box1 .list4{background:url('../../img/subicon15.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box2 .list1{background:url('../../img/subicon17.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box2 .list2 p:nth-of-type(1){padding-bottom:50px; background:url('../../img/subicon18.png') no-repeat center bottom / 30px auto;}
.sub04_01 .contents .sbox .ssbox2 .box2 .list3{background:url('../../img/subicon19.png') no-repeat 10px 15px / 30px auto;}
.sub04_01 .contents .sbox .ssbox3 .box .list{height:auto; background:url('../../img/subicon16.png') no-repeat 10px 15px / 30px auto;}

.sub04_02 .contents .sbox>p{font-size:14px; font-weight:700; color:#000;}
.sub04_02 .contents .sbox .basic{margin-top:10px; border-collapse:collapse;}
.sub04_02 .contents .sbox .basic th{padding:10px 0; font-size:14px; color:#fff; background:#ac6822;}
.sub04_02 .contents .sbox .basic td{padding:10px 5px; font-size:12px; color:#333; text-align:center; line-height:18px; border-bottom:1px solid #ac6822; word-break:keep-all;}
.sub04_02 .contents .sbox .basic th:nth-child(3){width:50%}
.sub04_02 .contents .sbox .basic tr:last-child th{color:#ac6822; background:#ddccbb;}
.sub04_02 .contents .sbox .basic tr:last-child th:nth-child(2){text-align:left;}
.sub04_02 .contents .sbox .basic tr:last-child th:first-child{color:#000;}
.sub04_02 .contents .sbox ul{margin-top:10px;}
.sub04_02 .contents .sbox ul li{position:relative; margin-bottom:10px; padding-left:15px; font-size:12px; color:#666; line-height:18px; word-break:keep-all;}
.sub04_02 .contents .sbox ul li:before{content:""; position:absolute; top:5px; left:0; width:10px; height:10px; border-radius:50%; background:#000;}

.sub04_03 .contents{padding-bottom:50px;}
.sub04_03 .contents .sbox{position:relative; padding-top:300px;}
.sub04_03 .contents .sbox1:before,
.sub04_03 .contents .sbox2:before{content:""; position:absolute; top:0; left:0; width:100%; height:300px;}
.sub04_03 .contents .sbox .ssbox .box{padding:20px 10px; text-align:center;}
.sub04_03 .contents .sbox .ssbox .box p{font-size:14px; color:#000; line-height:20px;}
.sub04_03 .contents .sbox .ssbox .box p:nth-of-type(1){font-size:26px; line-height:36px;}
.sub04_03 .contents .sbox .ssbox .box div{margin:20px 0;}
.sub04_03 .contents .sbox .ssbox .box div img{height:auto;}
.sub04_03 .contents .sbox .ssbox2 .box p{color:#ac6822;}
.sub04_03 .contents .sbox .ssbox2 .box p:nth-of-type(2){color:#333;}
.sub04_03 .contents .sbox1 .ssbox{background:#ac6822;}
.sub04_03 .contents .sbox1:before{background:url('../../img/sub04_edu01.jpg') no-repeat top center / auto 100%;}
.sub04_03 .contents .sbox2:before{background:url('../../img/sub04_edu02.jpg') no-repeat top center / auto 100%;}
.sub04_03 .contents .sbox2 .ssbox{background:#f5f5f5;}