/* Common **********************************************************************/
*{margin: 0;padding: 0; text-decoration: none; list-style: none; box-sizing: border-box; -webkit-text-size-adjust: none; font-family: 'Pretendard', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif;  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{border: none;}
button{background: none; border: none;}
img{border: none;}
body{font-size: 12px; color: #333;}
a{ color: #333;}
select{appearance: none; -moz-appearance: none; -webkit-appearance: none;  -ms-appearance: none;  border: 1px solid #c4c4c4; padding: 0 10px; padding-right: 35px; background: #fff no-repeat center right 8px/6px; height: 28px; border-radius: 5px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M3 6L0 0L6 0L3 6Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='6' height='6' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
input{border: 1px solid #a8a8a8; }
input, select option, textarea{font-size: 12px; color: #333;}
input[type=password] {font-size: 12px; color: #333; font-family: 'dotum';}
.clear::after{content: " "; display: block; clear: both;}
input::-webkit-input-placeholder {color:#ccc;}
input:-moz-placeholder {color:#ccc; opacity:1;}
input::-moz-placeholder {color:#ccc; opacity:1;}
input:-ms-input-placeholder {color:#ccc;}
input:placeholder-shown {color:#ccc;}
table{border-collapse: collapse;}
input{border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], textarea {margin:0; padding:0; border: 1px solid #ddd; font-family:'Nanum Gothic'; font-size:inherit; resize:none; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height:26px; padding:0 4px; line-height:24px;}
input, img{vertical-align:middle;}
input[type=file]{border:0; padding:0;}
input[type=button], input[type=submit], button{padding:0; color:inherit; font-family:'Nanum Gothic'; border:0; background:none; vertical-align:middle; cursor:pointer; font-weight:inherit; font-size:inherit; line-height:1.1;}
label{font-family:'Nanum Gothic';}
textarea{width:100%; height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px; line-height:1.3;}
.hidden, .hide{display:none;}

img{
    image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.webView{}
.mobileView{display: none;}
.tabletView{display: none;}

.sColor1{background: #25AAE1; color: #fff}
.hrBtn{border-radius: 10px;}

/* 순차적 fadein 초기화 */
.sObj{opacity: 0; transform: translateY(-50px);}

/* 컨텐츠 스타일 *************************************************************/
#wrap{width: 100%; }
#wrap.main{padding-top: 80px;}
.inner{width: 1180px; margin: 0 auto;}
.inner::after{content: ""; display: block; clear: both;}

/*header*/
#header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition: all .3s;}
#header.on{background: rgba(255, 255, 255, 0.9); }
#wrap.sub #header{border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
#header .inner{display: flex; align-items: center; height: 80px; transition: all .3s;}
#header.on .inner{height: 60px;}
#header .logo{font-size: 18px; font-weight: 700;}
#header .logo img{height: 47px;}
#header.on  .logo img{height: 35px;}
#header .gnb{ display: flex; align-items: flex-start; font-size: 18px; font-weight: 700;}
#header .gnb > li{position: relative; padding: 15px 0;}
#header .gnb > li + li{margin-left: 60px;}
#header .gnb > li > a{position: relative;}
#header .gnb .depth{display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 220px;}
#header .gnb .depth > li{background: rgba(37, 169, 225, 0.8);  transition: all .3s; position: relative;}
#header .gnb .depth > li:hover{background: #25a9e1;}
#header .gnb .depth > li + li{border-top: 1px solid rgba(255, 255, 255, 0.7);}
#header .gnb .depth > li > a{display: block; padding: 15px; color: #fff; font-size: 0.9em;}
#header .gnb .depth .depth2{display: none; position: absolute; top: 0; right: -100%; width: 100%;}
#header .gnb .depth .depth2 li{background: #fff;}
#header .gnb .depth .depth2 li a{color: #333; display: block; padding: 15px 10px; font-weight: 400; font-size: 13px;}
#header .gnb .depth .depth2 li a::before{content: "- ";}
#header .gnb .depth .depth2 li:hover{background: rgb(255, 236, 236);;}

#header .gnb > li > a::after{content: ""; display: block; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #25AAE1; transition: all .2s;}
#header .gnb > li.on > a::after{width: 100%;}

#header .right{margin-left: auto; display: flex; align-items: center; justify-content: flex-end;}

#header .link{margin-right: 35px;}
#header .link a{font-size: 16px; font-weight: 700;}
#header .link a + a{margin-left: 35px;}

#header .link-list{margin-right: 35px;}
#header .link-list > li{display: inline-block; vertical-align: middle; position: relative;}
#header .link-list > li + li{margin-left: 35px;}
#header .link-list > li > a{font-size: 16px; font-weight: 700; display: block; position: relative; z-index: 5;}
#header .link-list > li .depth{display: none; position: absolute; z-index: 5; top: 0; left: 0;min-width: 140px; padding-top: 50px;}
#header .link-list > li .depth ul{background: #fff; padding: 8px 0; box-shadow: 0 3px 6px rgba(13, 100, 138, 0.15);}
#header .link-list > li .depth ul li a{font-size: 15px; display: block; padding: 8px 20px; white-space: nowrap;}

#header .link-list > li:hover > a{color: #25AAE1}
#header .link-list > li:hover > a::after{content: ""; display: block; width: 100%; height: 4px;background: #25AAE1; position: absolute; bottom: -30px; left: 0;}
#header .link-list > li:hover .depth{display: block;}
#header .link-list > li .depth ul li a:hover{color: #25AAE1}

#header .oiBtn.menu{display: none;  background: no-repeat center center/contain; width: 22px; height: 22px; background-image: url('/Skin/images/menu-bars.svg');}

#header #menu_btn{width: 30px; height: 25px; margin-left: auto; position: relative; z-index: 999; transition: all .4s;  display: none;}
#header #menu_btn .bar{height: 4px; width: 100%; background: #333; transition: all .3s; position: absolute;}
#header #menu_btn .bar01{top: 0;}
#header #menu_btn .bar02{top: 50%; margin-top: -2px;}
#header #menu_btn .bar03{bottom: 0;}
#header #menu_btn.on {position: fixed; right: 30px; z-index: 999;}
#header #menu_btn.on .bar{background: #fff;}
#header #menu_btn.on .bar01{transform: rotate(45deg); -ms-transform: rotate(45deg);  top: 11px;}
#header #menu_btn.on .bar03{transform: rotate(-45deg); -ms-transform: rotate(-45deg); bottom: 11px;}
#header #menu_btn.on .bar02{opacity: 0; bottom: 0;}

/*hide_gnb*/
#media_menu{position: fixed; top: 0; right: 0; z-index: 99; width: 0%; height: 100vh; background: rgba(0, 0, 0, 0.95); display: none; overflow: auto; text-align: center;}
.menu-wrap{width: 90%; margin: 200px auto 0 auto; }
.menu-wrap a{color: #fff; font-size: 20px; display: block; margin: 30px 0;}
.hide_gnb > li{margin-bottom: 40px; position: relative;}
.hide_gnb li.hasChild > a::after{content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: no-repeat center center/contain; background-image: url('/Skin/images/menu-arr.svg'); margin-left: 10px;}
.hide_gnb li.hasChild > a.on::after{transform: rotate(180deg);}
.hide_gnb .depth2{margin-top: 20px; display: none;}
.hide_gnb .depth2 a{font-size: 16px; line-height: 35px;}

/* mobile-menu */
.mobile-menu-area{display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6);}
.mobile-menu-area .mobile-menu-wrap{background: #fff; width: 80%; max-width: 400px; background: #fff; position: absolute; right: -100%; top: 0; height: 100%; }
.mobile-menu-area .mobile-menu-wrap .oiBtn.close{display: inline-block; width: 22px; height: 22px; background: no-repeat center center/contain; background-image: url('/Skin/images/close.svg'); position: absolute; top: 10px; left: 20px;}
.mobile-menu-area .mobile-menu-wrap .top-banner{background-repeat: repeat-x; background-size: auto 100%; background-image: url('/Skin/images/main-bg.jpg'); padding: 30px;  }
.mobile-menu-area .mobile-menu-wrap .top-banner::before{content: ""; display: block; width: 100%; height: 135px; background: no-repeat center center/contain; background-image: url('/Skin/images/main-banner-illust.svg'); margin: 15px 0;}
.mobile-menu-area .mobile-menu-wrap .top-banner .wBtn{display: block; text-align: center; width: 100%; font-size: 16px; font-weight: 700; padding: 12px;}
.mobile-menu-area .mobile-menu-wrap .link-list > li{padding: 10px 0;}
.mobile-menu-area .mobile-menu-wrap .link-list > li + li{border-top: 1px solid #ddd;}
.mobile-menu-area .mobile-menu-wrap .link-list > li > a{display: block; padding: 15px 28px; font-size: 15px; font-weight: 700; position: relative;}
.mobile-menu-area .mobile-menu-wrap .link-list > li > a::after{content: ""; display: block; width: 20px; height: 20px; background: no-repeat center center/contain; background-image: url('/Skin/images/list-arr.svg'); position: absolute; right: 28px; top: 50%; margin-top: -10px;}
.mobile-menu-area .mobile-menu-wrap .link-list > li > a.on::after{transform: rotate(-180deg);}
.mobile-menu-area .mobile-menu-wrap .link-list > li .depth{display: none;}
.mobile-menu-area .mobile-menu-wrap .link-list > li .depth li a{display: block; padding: 15px 28px; font-size: 15px;}

    

/*footer*/
#footer{padding: 50px 0; background: #353B3D; color: #fff; font-size: 14px;}
#footer a{color: #fff}
#footer .top{display: flex; align-items: center; margin-bottom: 40px;}
#footer .top .links{display: flex; align-items: center; font-size: 15px;}
#footer .top .links li + li::before{content: "|"; margin: 0 10px;}
#footer .top .links li a{color: #fff}
#footer .top .sns-link{margin-left: auto; display: flex; align-items: center;}
#footer .top .sns-link li + li{margin-left: 15px;}
#footer .top .sns-link li a{display: inline-block; font-size: 0; overflow: hidden; width: 22px; height: 22px; background: no-repeat center center/contain;}
#footer .top .sns-link li a.youtube{background-image: url('/Skin/images/sns-youtube.svg');}
#footer .top .sns-link li a.instagram{background-image: url('/Skin/images/sns-instagram.svg');}
#footer .top .sns-link li a.twitter{background-image: url('/Skin/images/sns-twitter.svg');}
#footer .top .sns-link li a.facebook{background-image: url('/Skin/images/sns-facebook.svg');}
#footer .info .txt{display: flex; align-items: center; }
#footer .info .txt li + li::before{content: "|"; margin: 0 10px;}
#footer .info .copyright{margin-top: 20px; color: #959595}

/* follow-link */
.follow-link{position: fixed; right: 100px; top: 50%; transform: translateY(-50%); z-index: 9;}
.follow-link li + li{margin-top: 20px;}
.follow-link li img{width: 70px;}


/* main */
#mainVisualSlide{display: block; width: 100%;  position: relative; overflow: hidden;}
#mainVisualSlide .swiper-slide{position: relative;}
#mainVisualSlide i{display: block; width: 100%; height: 100%; background: no-repeat center center/cover;}
#mainVisualSlide video{width: 100%; height: 100%; object-fit: cover;}
#mainVisualSlide .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#mainVisualSlide .swiper-button-prev,
#mainVisualSlide .swiper-button-next{width: 70px; height: 70px; background-color: rgba(0, 0, 0, 0.4); background-size: auto 40%;}
#mainVisualSlide .swiper-button-prev{left: 0;}
#mainVisualSlide .swiper-button-next{right: 0;}

.banner01{background-repeat: repeat-x; background-size: auto 100%; background-image: url('/Skin/images/main-bg.jpg'); padding: 50px 0;}
.banner01 .inner{height: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.banner01 .txt-box{width: 60%;}
.banner01 h3{font-size: 45px; font-weight: 500; background: no-repeat left bottom/265px; background-image: url('/Skin/images/main-txt-bg.png'); padding-bottom: 10px;}
.banner01 h3 span{color: #DB1515; font-weight:700;}
.banner01 h3 b{font-weight: 700; position: relative;}
.banner01 .t1{font-size: 16px; margin: 40px 0; line-height: 1.6;}
.banner01 .t2{font-size: 24px; font-weight: 600;}
.banner01 .t2 .bgBtn{display: inline-block; vertical-align: middle; padding: 10px 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(58, 14, 123, 0.3); margin: 0 5px; position: relative;}
.banner01 .t2 .bgBtn::after{content: ""; display: block; width: 30px; height: 40px; background: no-repeat center center/contain; background-image: url('/Skin/images/main-cursor.svg'); position: absolute; right: -10px; bottom: -20px;}
.banner01 .img-box{margin-left: auto; width: 40%;}
.banner01 .img-box img{max-width: 100%;}

.main-area section{padding: 50px 0;}
.main-area section header{margin-bottom: 20px; display: flex;}
.main-area section header h3{font-size: 20px; font-weight: 600;}
.main-area section header .btns{display: none; margin-left: auto;}
.main-area section header .btns .more{font-size: 13px; color: #888; display: flex; align-items: center;}
.main-area section header .btns .more::after{content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: no-repeat center center/contain; background-image: url('/Skin/images/more-arr.svg'); margin-left: 10px;}
.main-area section img{max-width: 100%;}
.main-area section.curation-tab .link-list{display: flex; align-items: flex-start; justify-content: stretch;}
.main-area section.curation-tab .link-list article{flex: 1; border-bottom: 3px solid #25AAE1;}
.main-area section.curation-tab .link-list article + article{margin-left: 20px;}
.main-area section.curation-tab .link-list article .img-box{background: #ccc;}
.main-area section.curation-tab .link-list article .img-box i{display: block; display: block; width: 100%; height: 268px; background: no-repeat center center/cover;}
.main-area section.curation-tab .link-list article h4{text-align: center; background: #FBFBFB; font-size: 17px; font-weight: 600; padding: 17px 0;}

.main-area section.curation-tab .tab-box.tab01 article:nth-child(1){border-color: #F3AB00;}
.main-area section.curation-tab .tab-box.tab01 article:nth-child(2){border-color: #004714;}
.main-area section.curation-tab .tab-box.tab01 article:nth-child(3){border-color: #004685;}
.main-area section.curation-tab .tab-box.tab01 article:nth-child(4){border-color: #683180;}

.main-area section.curation-tab .tab-box.tab02 article{border-color: #0F294B;}

.main-area section.curation-tab .tab-box.tab03 article{border-color: #DE6982;}


.main-area section.curation-tab .tab-box.tab01 article:nth-child(1) .img-box i:hover{background-image: url('/Skin/images/main-img01-on2.png') !important;}
.main-area section.curation-tab .tab-box.tab01 article:nth-child(2) .img-box i:hover{background-image: url('/Skin/images/main-img02-on.png') !important;}
.main-area section.curation-tab .tab-box.tab01 article:nth-child(3) .img-box i:hover{background-image: url('/Skin/images/main-img03-on2.png') !important;}
.main-area section.curation-tab .tab-box.tab01 article:nth-child(4) .img-box i:hover{background-image: url('/Skin/images/main-img04-on.png') !important;}

.main-area section.curation-tab .tab-box.tab02 article:nth-child(1) .img-box i:hover{background-image: url('/Skin/images/main-img05-on.png') !important;}
.main-area section.curation-tab .tab-box.tab02 article:nth-child(2) .img-box i:hover{background-image: url('/Skin/images/main-img06-on.png') !important;}
.main-area section.curation-tab .tab-box.tab02 article:nth-child(3) .img-box i:hover{background-image: url('/Skin/images/main-img07-on.png') !important;}

.main-area section.curation-tab .tab-box.tab03 article:nth-child(1) .img-box i:hover{background-image: url('/Skin/images/main-img08-on.png') !important;}
.main-area section.curation-tab .tab-box.tab03 article:nth-child(2) .img-box i:hover{background-image: url('/Skin/images/main-img09-on.png') !important;}
.main-area section.curation-tab .tab-box.tab03 article:nth-child(3) .img-box i:hover{background-image: url('/Skin/images/main-img10-on.png') !important;}

.main-area section.pdf-link{background: #FBFBFB;}
.main-area section.pdf-link .board-top{display: flex; align-items: center;  margin-bottom: 30px; border-bottom: 1px solid #eee;}
.main-area section.pdf-link .board-top .btns{margin-left: auto;}
.main-area section.pdf-link .board-top .btns .more{font-size: 13px; color: #888; display: flex; align-items: center;}
.main-area section.pdf-link .board-top .btns .more::after{content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: no-repeat center center/contain; background-image: url('/Skin/images/more-arr.svg'); margin-left: 10px;}
.main-area section.pdf-link .tab-area{background: #fff; border: 1px solid #eee; padding: 40px;}
.main-area section.pdf-link .tab-btns{display: inline-flex; margin-bottom: 0;}
.main-area section.pdf-link .tab-btns li + li{margin-left: 30px;}
.main-area section.pdf-link .tab-btns li a{font-size: 17px; padding: 10px 0; white-space: nowrap; background: none;}
.main-area section.pdf-link .tab-btns li.active a{background: none; color: #25AAE1; border-bottom: 2px solid #25AAE1;}
.main-area section.pdf-link .board-list{font-size: 15px;}
.main-area section.pdf-link .board-list li + li{border-top: 1px solid #eee;}
.main-area section.pdf-link .board-list li a{display: block; padding: 20px 0;}
.main-area section.pdf-link .board-list li a::before{content: "- ";}
.main-area section.pdf-link .board-list li a:hover{text-decoration: underline;}

.main-area section.about{}
.main-area section.bottom-banner{}

/* 설문조사 */
label.radio input{display: none;}
label.radio span{user-select:none}
label.radio span::before{content: ""; display: inline-block; vertical-align: middle; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #ddd; background: #fff; box-shadow: 0 0 0 0 #fff inset; transition: all .2s; margin-right: 10px;}
label.radio input:checked ~ span::before{background: #25AAE1; box-shadow: 0 0 0 4px #fff inset;}

.label-list label{display: inline-block; vertical-align: middle;}
.label-list label.radio span{font-size: 22px; font-weight: 500;}
.label-list label + label{margin-left: 50px;}
.label-list label input[value="R"]:checked ~ span::before{background-color: #E8354D;}
.label-list label input[value="Y"]:checked ~ span::before{background-color: #FFCE2B;}
.label-list label input[value="G"]:checked ~ span::before{background-color: #A3D500;}
.label-list label input[value="Gr"]:checked ~ span::before{background-color: #999;}


.curation-area{background: #FBFBFB; padding: 85px 0;}
.curation-box{border-top: 6px solid #25AAE1; background: #fff;  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); padding: 50px;}
.curation-box .question-box{padding: 50px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 60vh; max-width: 685px; margin: 0 auto;}
.curation-box article + article{margin-top: 80px;}
.curation-box article h5{font-size: 22px; font-weight: 600; margin-bottom: 40px; word-break: keep-all;}
.curation-box article .img-box{margin-top: 40px; display: none;}
.curation-box article .img-box.on{display: block;}
.curation-box article .img-box img{max-width: 100%;}
.curation-box article .img-box img.m{display: none;}
.curation-box .navi{text-align: center; margin-top: 30px;}
.curation-box .swiper-button-next,
.curation-box .swiper-button-prev{position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; transform: none;  color: #333; opacity: 1;}
.curation-box .eBtn{display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 600; height: 50px; line-height: 50px; width: 120px; border-radius: 10px; text-align: center;  margin: 0 20px;}
.curation-box .bColorG{border: 1px solid #666; background: none;}
.curation-box .swiper-button-next::after{content: "다음";}
.curation-box .swiper-container .swiper-wrapper{height: auto !important;}
.curation-box .swiper-button-prev::after{content: "이전";}
.curation-box .swiper-button-disabled{display: none;}
.curation-box .swiper-pagination{bottom: auto; left: auto; position: relative; width: 100%; text-align: center;  display: flex; align-items: center; max-width: 565px; margin: 0 auto; margin-bottom: 40px; margin-top: 80px;}
.curation-box .swiper-pagination .swiper-pagination-bullet{height: 8px; border-radius: 0; flex: 1; margin: 5px; background: #E4E9EB; opacity: 1;}
.curation-box .swiper-pagination .swiper-pagination-bullet-active{background: #25AAE1;}

.curation-box .swiper-pagination.swiper-pagination-fraction{position: absolute; bottom: auto; left: auto; top: 10px; right: 50px; margin: 0; min-width: inherit; width: auto; font-size: 20px; font-weight: 500; color: #ccc}
.curation-box .swiper-pagination.swiper-pagination-fraction span{display: inline-block; vertical-align: middle; margin: 0 3px;}
.curation-box .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{color: #25AAE1; font-size: 1.1em;}

.curation-box .intro-box{text-align: center; padding-top: 85px;}
.curation-box .intro-box h3{font-size: 24px; margin-bottom: 30px;}
.curation-box .intro-box .btns{display: inline-block; width: 235px; height: 60px; line-height: 60px; font-size: 22px; font-weight: 600; }
.curation-box .intro-box::after{content: ""; display: block; width: 100%; height: 420px; background: no-repeat center center/contain; background-image: url('/Skin/images/curation-intro.svg'); margin-top: 85px;}

.curation-box.result{border-top: none; padding: 0;}
.curation-box .result-area{background: #E8F4F9; padding: 50px;}
.curation-box .result-area .result-box{max-width: 540px; margin: 0 auto; text-align: center;}
.curation-box .result-area .result-box h3{font-size: 22px; font-weight: 600; margin-bottom: 40px;}
.curation-box .result-area .result-box .state-list{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.curation-box .result-area .result-box .state-list dl{display: flex; align-items: stretch;}
.curation-box .result-area .result-box .state-list dl > *{display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 0 10px; min-width: 75px;}
.curation-box .result-area .result-box .state-list dl dt{font-size: 16px; color: #fff; border-radius: 5px 0 0 5px;}
.curation-box .result-area .result-box .state-list dl dt::before{content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; height: 20px; background: no-repeat center center/contain; }
.curation-box .result-area .result-box .state-list dl.state01 dt{background: #E8354D;}
.curation-box .result-area .result-box .state-list dl.state01 dt::before{background-image: url('/Skin/images/state01.svg');}
.curation-box .result-area .result-box .state-list dl.state02 dt{background: #FFCE2B;}
.curation-box .result-area .result-box .state-list dl.state02 dt::before{background-image: url('/Skin/images/state02.svg');}
.curation-box .result-area .result-box .state-list dl.state03 dt{background: #A3D500;}
.curation-box .result-area .result-box .state-list dl.state03 dt::before{background-image: url('/Skin/images/state03.svg');}
.curation-box .result-area .result-box .state-list dl dd{background: #fff; border-radius: 0 5px 5px 0; font-size: 18px; height: 30px;}
.curation-box .result-area .message::before{content: ""; display: block; width: 100%; height: 165px; background: no-repeat center center/contain; background-image: url('/Skin/images/curation-result.svg'); margin: 40px 0;}
.curation-box .result-area .message p{font-size: 22px; font-weight: 700; text-align: center; background: #fff; border-radius: 50px; padding: 15px 30px;}
.curation-box .result-area .message p .g{color: #A3D500;}
.curation-box .result-area .message p .y{color: #FFCE2B;}
.curation-box .result-area .message p .r{color: #E8354D;}

.curation-box .summary{padding: 80px 20px; text-align: center;}
.curation-box .summary .question-box{display: inline-block; text-align: left; padding: 0;}
.curation-box .summary article + article{margin-top: 40px;}
.curation-box .summary article h6{font-size: 18px; margin-bottom: 10px;}
.curation-box .summary .label-list label.radio span{font-size: 14px;}
.curation-box .summary article .guide{margin-top: 10px; font-size: 16px; font-weight: 600; background: #f4f4f4; border-radius: 10px; padding: 20px; color: #333; word-break: keep-all;}
.curation-box .summary article .guide header{margin-bottom: 10px;}
.curation-box .summary article .guide .state::before{display: inline-block; color: #fff; padding: 5px 10px; border-radius: 5px;}
.curation-box .summary article .guide .state.s-R::before{content: "위험"; background: #E8354D;}
.curation-box .summary article .guide .state.s-Y::before{content: "주의"; background: #FFCE2B;}
.curation-box .summary article .guide .state.s-G::before{content: "양호"; background: #A3D500;}
.curation-box .summary article .guide .more{text-align: right; margin-top: 10px;}
.curation-box .summary article .guide .more a{text-decoration: underline; font-weight: 400; font-size: 14px; color: #666}
.curation-box .summary article .guide .more a:hover{color: #333}

.curation-box .more-box{text-align: center; padding: 50px 0;}
.curation-box .more-box h3{font-size: 24px; font-weight: 700; margin-bottom: 30px;}
.curation-box .more-box .btns{display: inline-block; width: 235px; height: 60px; line-height: 60px; font-size: 22px; font-weight: 600; }
.curation-box .more-box .guide{margin-top: 80px; color: #888; font-size: 16px; line-height: 1.6;}

/* sub 공통 */
.sub-visual{background: no-repeat top center/cover; background-attachment: fixed; animation: bgMove 20s both;}
.sub-visual .inner{height: 420px; display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 90px;}
.sub-visual h2{font-size: 65px; color: #25AAE1; font-weight: 700; text-transform: uppercase;}
.sub-visual h2::after{content: ""; display: block; width: 65px; height: 2px; background: #25AAE1; margin: 10px auto;}
.sub-visual p{color: #fff; font-size: 16px; margin-top: 15px;}

@keyframes bgMove {
    from{background-size: 150%;}
    to{background-size: 100%;}
}

.sub-container{padding: 60px 0 150px 0; min-height: 50vh;}
.sub-container h5{font-size: 30px; font-weight: 700; margin-bottom: 130px;text-align: center;}

.tab-btns{display: flex; align-items: stretch;  margin-bottom: 40px;}
.tab-btns li{text-align: center; font-size: 20px; flex: 1;}
.tab-btns li a{display: block; padding: 18px; font-weight: 600; background: #F4FAFC; color: #5B5C5D;
    word-break: keep-all; height: 100%; display: flex; align-items: center; justify-content: center;
}
.tab-btns li.active a{color: #fff; background: #25AAE1;}

.tab-box{display: none;}
.tab-box.active{display: block;}

/* sub01 회사소개 */
.company .intro{display: flex; align-items: flex-start;}
.company .intro .txt{flex: 1;}
.company .intro .txt .t1{font-size: 22px; font-weight: 700;}
.company .intro .txt .t2{margin-top: 50px; font-size: 15px; line-height: 1.6;}
.company .intro .txt .ceo{margin-top: 140px; font-size: 15px; text-align: right;}
.company .intro .txt .ceo img{vertical-align: middle; margin-left: 20px;}
.company .intro .img{margin-left: auto; margin-left: 65px;} 
.company .intro .img img{max-width: 100%;} 

/* sub01 경영이념 */
.company .subject{text-align: center;}
.company .subject img{max-width: 100%;}

/* sub01 오시는길 */
.company .map-area article + article{margin-top: 60px;}
.company .map-area article h6{font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.company .map-area article h6::before{content: ""; display: inline-block; vertical-align: top; width: 5px; height: 10px; background: #25AAE1; box-shadow: 0 10px 0 #000; margin-right: 10px;}
.company .map-area article .info{font-size: 17px; display: flex; align-items: center; justify-content: space-around; margin-top: 20px;}
.company .map-area article .info li{text-align: center; margin: 0 20px;}
.company .map-area article .info li::before{content: ""; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: no-repeat center center/contain; margin-right: 10px;}
.company .map-area article .info li.location::before{background-image: url('/Skin/images/info-location.png');}
.company .map-area article .info li.tel::before{background-image: url('/Skin/images/info-tel.png');}
.company .map-area article .info li.mail::before{background-image: url('/Skin/images/info-mail.png');}
.company .map-area article .map-box{margin-top: 50px;}

/* sub02 제품소개 */
.product .product-list{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.product .product-list article{width: 32%; border: 1px solid #ddd; margin-bottom: 45px;}
.product .product-list article .img-box i{display: block; padding-top: 80%; background: no-repeat center center/cover;}
.product .product-list article .txt-box{text-align: center; display: flex; flex-direction: column; padding: 53px 0;}
.product .product-list article .txt-box h6{font-size: 25px; margin-bottom: 30px; font-weight: 700;}
.product .product-list article .txt-box p{font-size: 16px; color: #666}

.product .contact{margin: 100px auto; width: 90%; border: 7px solid #25AAE1; border-left: none; padding: 75px 50px; position: relative;}
.product .contact h6{text-transform: uppercase; display: inline-block; background: #fff; font-size: 25px; color: #25AAE1; font-weight: 400; letter-spacing: 0.4em; position: absolute; top: -15px; left: 0; padding: 0 20px;}
.product .contact .info{position: absolute; bottom: -18px; left: 0; background: #fff; display: inline-flex; align-items: center; font-size: 17px; padding: 0 20px;}
.product .contact .info li + li{margin-left: 35px;}
.product .contact .info li::before{content: ""; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: no-repeat center center/contain; margin-right: 10px;}
.product .contact .info li.tel::before{background-image: url('/Skin/images/info-tel.png');}
.product .contact .info li.mail::before{background-image: url('/Skin/images/info-mail.png');}
.product .contact .txt{font-size: 30px; font-weight: 700; line-height: 1.6;}

.product .case{margin: 40px 0;}
.product .case .txt{margin: 20px 0;}
.product .case .txt h6{font-size: 28px; font-weight: 700;}
.product .case .txt p{font-size: 17px; margin-top: 30px; line-height: 1.4;}
.product .banner-area{padding: 0 70px; overflow: hidden;}
.product .banner-area .swiper-button-prev,
.product .banner-area .swiper-button-next{width: 50px; height: 50px; background: no-repeat center center/contain; top: 50%; transform: translateY(-50%); margin: 0;}
.product .banner-area .swiper-button-prev{left: -70px; background-image: url('/Skin/images/swiper-prev.png');}
.product .banner-area .swiper-button-next{right: -70px; background-image: url('/Skin/images/swiper-next.png');}
#caseBanner{overflow: visible;}
#caseBanner .swiper-slide{border: 1px solid #ddd;} 
#caseBanner .img-box{background: #f4f4f4 no-repeat center center/30px; background-image: url('/Skin/images/no-image.svg');}
#caseBanner .img-box i{display: block; padding-top: 80%; background: no-repeat center center/cover;}
#caseBanner .txt-box{font-size: 25px; padding: 50px 10px; text-align: center;}

/* sub02 제품소개 상세 */
.board-btns{text-align: right; margin-bottom: 20px;}
.board-btns > * + *{margin-left: 10px;}

.board-tab{display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 20px; border-bottom: 1px solid #999;}
.board-tab li{width: 20%;}
.board-tab li a{display: block; height: 100%; padding: 20px 10px; font-size: 16px; text-align: center; border-radius: 10px 10px 0 0; border: 1px solid #999; border-width: 1px 1px 0 0; word-break: keep-all; display: flex; align-items: center; justify-content: center;}
.board-tab li:first-child a{border-left: 1px solid #999;}
.board-tab li.active a{background: #25AAE1; color: #fff; border-color: #25AAE1;}



.board-contents .BoardView .contents{border: none;}

/* 상담 */
.contact .tel-area > h6{font-size: 25px; font-weight: 700;}
.contact .tel-area > h6::before{content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: no-repeat center center/contain; background-image: url('/Skin/images/bullet01.png'); margin-right: 10px;}
.contact .tel-list{display: flex; align-items: stretch; justify-content: space-between; margin: 50px 0;}
.contact .tel-list article{width: 30%; border: 10px solid #dfe1ef; border-radius: 18px; padding: 45px 20px; display: flex; align-items: center;}
.contact .tel-list article::before{content: ""; display: inline-block; width: 68px; height: 68px; background: no-repeat center center/contain; background-image: url('/Skin/images/icon-tel-blue.png'); margin-right: 25px;}
.contact .tel-list article .txt{font-size: 25px;}
.contact .tel-list article .txt h6{color: #34678b; font-size: 25px; margin-bottom: 10px; font-weight: 700;}
.contact .tel-list article .txt p{font-weight: 700;}

.num-list li{display: flex; align-items: center; font-size: 20px; line-height: 1.4;}
.num-list li + li{margin-top: 35px;}
.num-list li::before{content: "01"; display: inline-block; vertical-align: middle; width: 60px; height: 60px; background: no-repeat center center/contain; background-image: url('/Skin/images/hex.svg'); color: #fff; text-align: center; line-height: 60px; font-weight: 700; font-size: 28px; letter-spacing: -0.02em; margin-right: 20px;}
.num-list li:nth-child(1):before{content: "01";}
.num-list li:nth-child(2):before{content: "02";}
.num-list li:nth-child(3):before{content: "03";}
.num-list li:nth-child(4):before{content: "04";}
.num-list li:nth-child(5):before{content: "05";}
.num-list li:nth-child(6):before{content: "06";}
.num-list li:nth-child(7):before{content: "07";}

.board-form{margin: 50px 0;}
.board-form h5{margin-bottom: 50px;}
#BoardWriteForm .bottomBtn{text-align: center; display: block; margin: 40px 0;}
#BoardWriteForm .bottomBtn .mBtn{display: inline-block; background: #25AAE1; color: #fff; font-size: 17px; height: 50px; line-height: 50px; min-width: 200px;}
 
table.write-black{width: 100%; border-top: 1px solid #333; font-size: 15px;}
table.write-black tr > * {border-bottom: 1px solid #ddd;}
table.write-black tr th{text-align: left; padding: 20px 10px; width: 200px;}
table.write-black tr td{padding: 10px;}
table.write-black input{width: 100%; height: 45px; border-radius: 0%;}
table.write-black input[type="radio"]{width: inherit; height: inherit;}
table.write-black input[type="checkbox"]{width: inherit; height: inherit;}
table.write-black textarea{height: 300px;}
table.write-black .fileUploadBtn{background: #555; height: auto; padding: 10px 20px; margin-right: 10px;}
table.write-black .fileUploadBtn::after{content: " 업로드";}

.case .info{margin-bottom: 50px;}
.case .info h6{font-size: 25px; font-weight: 700; margin-bottom: 10px;}
.case .info p{font-size: 17px; line-height: 1.4;}

.case-list{margin: 50px 0;}
.case-list article{display: flex; align-items: stretch;}
.case-list article + article{margin-top: 75px;}
.case-list article .img-box{background: #f4f4f4 no-repeat center center/30%; background-image: url('/Skin/images/image.svg'); margin-right: 30px;}
.case-list article .img-box i{display: block; width: 250px; padding-top: 100%; background: no-repeat center center/cover;}
.case-list article .txt-box{padding: 20px 0;}
.case-list article .txt-box .t1{font-size: 25px; font-weight: 700; margin-bottom: 10px;}
.case-list article .txt-box .t2{font-size: 16px; color: #666}
.case-list article .btns{margin-left: auto; display: flex; align-items: flex-end; padding: 20px 0;}
.case-list article .btns a{display: inline-block; background: #25AAE1; color: #fff; font-size: 17px; height: 50px; line-height: 50px; min-width: 200px;text-align: center;}
.case-list article .btns a::after{content: ""; display: inline-block; vertical-align: middle; width: 25px; height: 8px; background: no-repeat center center/contain; background-image: url('/Skin/images/btn-arr-fff.png'); margin-left: 10px;}

.document-area{padding: 100px 0;}
.document-area .pdf-area .pdf-box{background: #f4f4f4;}
.document-area .pdf-area .pdf-box iframe{width: 100%; height: 800px;}
.document-area .pdf-area .btn-area{text-align: center; margin-top: 40px;}
.document-area .pdf-area .btn-area .pdf-download{border: 1px solid #E4E9EB; font-size: 20px; font-weight: 500; padding: 15px 20px;}
.document-area .pdf-area .btn-area .pdf-download::before{content: ""; display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: no-repeat center center/contain; background-image: url('/Skin/images/download.svg'); margin-right: 10px; }
.document-area .pdf-area .btn-area .pdf-download2{border: 1px solid #ccc; font-size: 20px; font-weight: 500; padding: 15px 20px;}
.document-area .video-area iframe{width: 100%; height: 665px;}


/* 기존스타일 *************************************************************/
/*paging*/
.paging_wrap{text-align: center; width: 100%;}
.paging{display: inline-block; margin-top: 54px;}
.paging a{font-size: 13px; color: #7c7a7a; display: block; border: 1px solid #b5b4b4; width: 26px; height: 25px; line-height: 24px; border-radius: 2px; float: left; margin: 0 4px;}
.paging a.prev{margin-right: 19px;}
.paging a.next{margin-left: 19px;}
.paging a.on{background: #25AAE1; color: #fff; border: none; font-size: 16px;}

.paging{clear:both; margin-top: 54px; text-align:center;}
.paging span,.paging a,.paging strong{display:inline-block; line-height: 26px; min-width: 25px; height: 26px; overflow:hidden; border-radius: 2px; font-size: 13px;}
.paging a{color:inherit;}
.paging strong{color:#25AAE1;  border:0;}
.paging .first, .paging .last{display:none;}
.paging .first,.paging .prev,.paging .prevp,.paging .nextp,.paging .next,.paging .last{width: 25px; height: 26px;}
.paging .prevp{margin-right: 20px;}
.paging .nextp{margin-left: 20px;}
.paging .prev:before{content:'<<'; display:block; height:100%;}
.paging .prevp:before{content:'<'; display:block; height:100%;}
.paging .nextp:before{content:'>'; display:block; height:100%;}
.paging .next:before{content:'>>'; display:block; height:100%;}

/* 모달창 */
.modal_layer{position:fixed; top:0; left:0; z-index:5000; display:none; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; z-index:2; width:400px; height:300px; padding-top:50px; max-width:90%; max-height:90%; background:#F7F7F7; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.modal_layer .modal_header{position:absolute; top:0; left:0; width:100%; height:50px; background:#2C3E50;}
.modal_layer .modal_header h1{padding:0 80px 0 20px; height:100%; font-size:16px; color:white; overflow:hidden; line-height:50px;}
.modal_layer .modal_header .close{position:absolute; top:16px; left:100%; margin-left:-38px; line-height:16px; font-size:18px; color:white; cursor:pointer; text-align:center;}
.modal_layer .modal_header .close{margin-left:-35px; font-size:24px;}
.modal_layer .modal_header .close i{font-size:16px;}
.modal_layer .modal_header .close i:before,.modal_layer .modal_header .close i:after{background:#fff;}
.modal_layer .submit_btn button{height:40px; font-size:14px; width:100px;}
.modal_layer .modal_contents{height:100%; overflow-y:auto;}
.modal_layer .modal_contents .modal_inner{padding:20px;}

p.alert{padding-bottom:20px; color:#c10;}

.modalConfirm{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
.modalConfirm form{position:absolute; top:50%; left:50%; width:300px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
.modalConfirm p{font-weight:700; padding-bottom:15px;}
.modalConfirm .sPopBtns{padding-top:10px;}
.modalConfirm .sPopBtns button + *{margin-left:5px;}
.modalConfirm .sPopBtns a + *{margin-left:5px;}

.nothing{text-align:center; color:#888; padding:20px 0;}

.fileUploadArea2{padding:10px 0;}
.fileUploadArea2 + .fileUploadArea2{padding-top:0;}
.fileUploadArea2 p{display:inline-block;}

#Reply{padding-top:50px; width:1200px; margin:0 auto;}
#Reply h3{font-weight:700; padding-bottom:5px;}
#Reply h3 span{font-weight:400; color:#888; font-size:12px;}
#Reply fieldset{border:0;}
#Reply textarea{width:100%; resize:none;}
.repAttachImg{display:inline-block; padding-bottom:10px;}
.repAttachImg img{max-width:200px; max-height:200px;}

.replyWrite{margin-bottom:20px; padding-bottom:5px;}
.replyWrite fieldset{padding:5px 0;border-top:1px solid #b8c2cc;}
.replyWrite fieldset.user{display:table; width:100%; table-layout:fixed; background:#e6ecf2; padding: 5px 10px;}
.replyWrite fieldset.user dl{display:table-cell;}
.replyWrite fieldset.user dt{display:inline-block; width:100px; text-align:center; font-size:12px; font-weight:700; color:#828b99;}
.replyWrite fieldset.user dd{display:inline-block; padding-right: 10px; width: 100%;}
.replyWrite fieldset.user dd input{width: 100%;}
.replyWrite fieldset.text{position:relative; padding-right:150px;}
.replyWrite fieldset.text textarea{height:100px; margin:0;}
.replyWrite fieldset.text .btn{position:absolute; top:5px; right:0; width:140px; height:100px;}
.replyWrite fieldset.text .btn button{width:100%; height:100%; background:#828b99; font-size: 16px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center;}
.replyWrite div.option{padding:0;}
.replyWrite div.option:after{content:' '; display:block; clear:both}
.replyWrite div.option > span{float:left; width:80px;}
.replyWrite div.option .fileUploadArea2{padding:0; float:left;}

.replyAnswer fieldset.text{padding-right:0;}

.replyDelete{position:absolute; top:50%; left:50%; padding:10px 20px; margin-bottom:0; border:1px solid #e6ecf2; background:rgba(255, 255, 255, 0.8); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;}
.replyDelete fieldset{border:0;}
.replyDelete fieldset.pwd p{font-size:11px; margin-right:5px; color:#828b99; line-height:15px; vertical-align:middle; font-weight:700;}
.replyDelete fieldset.pwd span.pwdinp{display:block; padding-top:10px; vertical-align:middle;}
.replyDelete .btn{padding-top:10px;}

#replyListContents{font-size:0.90em;}
#replyListContents article{position:relative; border-bottom:1px solid #b8c2cc;}
#replyListContents article:first-child{border-top:1px solid #b8c2cc;}
#replyListContents header{padding:7px; background:#e6ecf2;}
#replyListContents header:after{content:' '; display:block; clear:both}
#replyListContents header b{display:inline-block; font-weight:700; margin-right:5px;}
#replyListContents .btns{float:right;}
#replyListContents .btns a{float:left; display:block; padding:2px 5px; background:#3c4155; color:#fff; font-size:0.9em; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#replyListContents .btns a + a{margin-left:5px;}
#replyListContents .btns a.replyActionBtn{font-weight:400; border:1px solid #3c4155; line-height:11px; background:#828b99; color:#fff;}
#replyListContents .btns a.replyActionBtn .num,
#replyListContents .btns a.replyActionBtn b{color:#fff;}
#replyListContents .btns a.replyActionBtn.already{font-weight:700; background:#3c4155;}
#replyListContents .btns a.replyReportActionBtn{background:#713f73; border-color:#341133; color:#fff;}
#replyListContents .btns a.replyReportActionBtn.already{background:#341133;}
#replyListContents form .btn{text-align:right;}
#replyListContents form .btn button + button{margin-left:5px;}
#replyListContents .comment{padding:10px; line-height:1.5em;}
#replyListContents .comment b{color:#999; margin-right:10px;}
#replyListContents a.pwdView{color:#713f73; display:inline-block; margin-left:5px; font-weight:700;}
#replyListContents .fileUploadArea2{padding:0; line-height:30px;}

#replyPaging{text-align: center;}

.repLayer{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
.repLayer form{position:absolute; top:50%; left:50%; width:400px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
.repLayer div.btn{padding-top:10px;}
.repLayer div.btn button + button{margin-left:5px;}
.repLayer .targetContent{text-align:left; font-size:0.9em;}
.repLayer textarea{height:80px;}
.repLayer fieldset.user{text-align:left;}
.repLayer fieldset.user dl,.repLayer .repLayer fieldset.user dt,.repLayer .repLayer fieldset.user dd{display:inline-block;}
.repLayer fieldset.user dd input{width:100px;}
.repLayer fieldset.pwd{text-align:center;}
.repLayer fieldset.pwd p{font-weight:700; padding:15px 0 5px;}

table.write{width:100%; table-layout:fixed; border-collapse:collapse;}
table.write th{width:200px; padding:10px; border:1px solid #eee; border-width:1px 0; text-align:left; background:#f7f7f7; height:40px; font-weight:400;}
table.write td{padding:10px; border:1px solid #eee; border-width:1px 0; text-align:left;}
table.write label + label{margin-left:10px;}
table.write select + select{margin-left:10px;}
table.write p + p{margin-top:5px;}
table.write textarea{height:250px; width:100%; resize:none;}
table.write input[type=text], table.write input[type=tel], table.write input[type=email], table.write input[type=password]{appearance: none; -webkit-appearance: none; border: 1px solid #ccc; height:30px; font-size:16px;}
table.write span.guide{display:inline-block; vertical-align:middle; padding-left:10px; color:#777;}

.bottomBtnWrap{text-align: center;}
.bottomBtn{padding-top:20px; display: inline-block;}
.bottomBtn > * + *{margin-left:10px;}

.se2_addi_btns{padding:2px 5px; border:1px solid #ddd; border-bottom:0; background:#f4f4f4; font-size:12px; font-weight:700; color:#666; text-align:right;}
.se2_addi_btns > div{display:inline-block;}
.se2_addi_btns > div + div{margin-left:5px;}
.se2_addi_btns button{height:18px; padding:0 5px; border:1px solid #aaa; background:-webkit-linear-gradient(#fff, #fff, #fff, #eee); background:-moz-linear-gradient(#fff, #fff, #fff, #eee); background:-o-linear-gradient(#fff, #fff, #fff, #eee); background:linear-gradient(#fff, #fff, #fff, #eee); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; vertical-align:middle;}
.se2_addi_btns .se2_add_img button i{position:relative; display:inline-block; width:12px; height:12px; border:1px solid #b18d82; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#fff; margin-right:5px; overflow:hidden; vertical-align:middle;}
.se2_addi_btns .se2_add_img button i:after{content:''; position:absolute; top:100%; left:50%; width:30px; height:30px; margin:-4px 0 0 -15px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#0db01c;}
.se2_addi_btns .se2_add_img button i:before{content:''; position:absolute; top:10%; right:10%; width:4px; height:4px; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#ff8d46;}
.se2_addi_btns .se2_add_youtube button i{position:relative; display:inline-block; width:12px; height:8px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#c11; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_youtube button i:before{content:''; display:block; width:1px; height:150%;}
.se2_addi_btns .se2_add_youtube button i:after{content:''; position:absolute; top:50%; left:50%; display:block; border-top:2px solid transparent; border-left:4px solid #fff; border-bottom:2px solid transparent; margin:-2px 0 0 -2px;}
.se2_addi_btns .se2_add_link button i{position:relative; display:inline-block; width:14px; height:14px; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_link button i:before{content:''; display:block; width:4px; height:2px; border:2px solid #666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(0, 5px) rotate(-45deg); -webkit-transform:translate(0, 5px) rotate(-45deg); -ms-transform:translate(0, 5px) rotate(-45deg); -o-transform:translate(0, 5px) rotate(-45deg); transform:translate(0, 5px) rotate(-45deg);}
.se2_addi_btns .se2_add_link button i:after{content:''; position:absolute; top:0; left:0; display:block; width:4px; height:2px; border:2px solid #888; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(5px, 3px) rotate(-45deg); -webkit-transform:translate(5px, 3px) rotate(-45deg); -ms-transform:translate(5px, 3px) rotate(-45deg); -o-transform:translate(5px, 3px) rotate(-45deg); transform:translate(5px, 3px) rotate(-45deg);}

#youtubeLinkModal .modal_wrap{width:500px; height:350px;}
#youtubeLinkModal .modal_contents{padding:20px;}
#youtubeLinkModal textarea{height:150px; border:1px solid #ccc;}
#youtubeLinkModal input[type=text]{width:60px; margin-right:5px; border:1px solid #ccc; height:24px;}
#youtubeLinkModal textarea{width:100%; height:150px; border:1px solid #ccc;}
#youtubeLinkModal dl{display:table; width:100%; table-layout:fixed;}
#youtubeLinkModal dt{display:table-cell; width:80px; padding:2px;}
#youtubeLinkModal dd{display:table-cell; padding:2px;}
#youtubeLinkModal footer{margin-top:10px; text-align:center;}

#urlLinkModal .modal_wrap{width:500px; height:170px;}
#urlLinkModal .modal_contents{padding:20px;}
#urlLinkModal textarea{height:150px; border:1px solid #ccc;}
#urlLinkModal input[type=text]{width:100%; border:1px solid #ccc; height:24px;}
#urlLinkModal textarea{height:150px; border:1px solid #ccc;}
#urlLinkModal dl{display:table; width:100%; table-layout:fixed;}
#urlLinkModal dt{display:table-cell; width:80px; padding:2px;}
#urlLinkModal dd{display:table-cell; padding:2px;}
#urlLinkModal footer{margin-top:10px; text-align:center;}

dl.links{width:100%; table-layout:fixed; background: #f4f4f4; padding: 20px ; font-size: 14px; display: flex; align-items: center; color: #999}
dl.links dt{margin-right: 10px;}
dl.links a{text-decoration:underline; font-weight: 400; color: #999}

.w10p{width:10%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}

.w5p{width:5%;}
.w15p{width:15%;}
.w25p{width:25%;}
.w35p{width:35%;}
.w45p{width:45%;}
.w55p{width:55%;}
.w65p{width:65%;}
.w75p{width:75%;}
.w85p{width:85%;}
.w95p{width:95%;}



/*board ********************************************************/

/*common*/
.search_wrap > * + *{margin-left: 10px !important;}
.search_wrap .mBtn{border-radius: 5px;}

.guide{color:#999; font-size:11px;}
ul.guide, p.guide{padding-top:5px;}
i.requiredBullet{font-weight:700; color:#c10; float:left; margin-right:5px; -moz-transform:translate(0, -5px); -webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); -o-transform:translate(0, -5px); transform:translate(0, -5px);}

span.secretDoc{ display:inline-block; width: 14px; height: 16px; margin-right: 5px; vertical-align:middle; overflow:hidden;}
span.secretDoc:before{content:''; display: block; width:100%; height:100%; margin-bottom:10px; background: url('/Skin/images/pc/sub_img/lock.png') no-repeat center/cover;}
span.answerDoc{ display:inline-block; width: 20px; height: 12px; margin-right: 5px; vertical-align:middle; overflow:hidden;}
span.answerDoc:before{content:''; display: block; width:100%; height:100%; margin-bottom:10px; background: url('/Skin/images/pc/sub_img/reply.png') no-repeat center/cover;}
.newDoc{display:inline-block; width:16px; height:16px; vertical-align:middle; overflow:hidden; text-align:center; background:#c10; border-radius:3px; margin-left:5px;}
.newDoc:before{content:'N'; display:block; width:100%; height:100%; margin-bottom:10px; color:#fff; font-weight:800; line-height:16px; font-size:11px;}

a.sBtn, button.sBtn{display:inline-block; padding:3px 10px; background:#929599; color:#fff; vertical-align:middle; font-size:12px; line-height:16px;}
a.mBtn, button.mBtn{display:inline-block; min-width:62px; height:30px; padding:0 10px; text-align:center; background:#929599; color:#fff; vertical-align:middle; font-size:14px; line-height:18px;}
a.bBtn, button.bBtn{display:inline-block; min-width:200px; height:40px; text-align:center; padding:0 20px; background:#929599; color:#fff; vertical-align:middle; font-size:16px; line-height:24px;}
a.sBtn:before, a.mBtn:before, a.bBtn:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}

.leftSysBtn{padding-top:10px;}
.leftSysBtn:after{content:' '; display:block; clear:both}
.leftSysBtn > *{margin:0 2px;}
a.btn1, button.btn1{background:#fff; color:#333; border:1px solid #ccc;}
a.btn2, button.btn2{background:#3c4155; color:#fff;}
a.btn3, button.btn3{background:#c10; color:#fff;}
.right_btn::after{content: ""; display: block; clear: both;}
.right_btn .boardWriteBtn{float: right;}

.boardList{margin-top: 200px;}
.boardList h2{font-size: 25px;}
.boardList header ul{display: flex; flex-wrap: wrap;}
.boardList header ul:not(.info){border-top: 1px solid #dbdbdb;  border-bottom: 1px solid #dbdbdb; background: #f9f9f9; display: flex;}
.boardList header ul:not(.info) li{ text-align: center;  font-weight: 600;  height: 58px; line-height: 58px; color: #000;}
.boardList header ul:not(.info) li.check{width: 30px;}
.boardList header ul:not(.info) li.num{width: 70px;}
.boardList header ul:not(.info) li.subject{flex: 1;}
.boardList header ul:not(.info) li.name{width: 150px;}
.boardList header ul:not(.info) li.date{width: 200px;}
.boardList header ul:not(.info) li.hit{width: 140px;}

.boardList article ul:not(.info){border-bottom: 1px solid #dbdbdb; display: flex; flex-wrap: wrap;}
.boardList article ul:not(.info) li{ height: 72px;  font-size: 15px; font-weight: 400; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;  line-height: 72px;}
.boardList article ul:not(.info) li.check{width: 30px;}
.boardList article ul:not(.info) li.num{width: 70px;}
.boardList article ul:not(.info) li.subject{flex: 1; text-align: left;}
.boardList article ul:not(.info) li.name{width: 150px;}
.boardList article ul:not(.info) li.date{width: 200px;}
.boardList article ul:not(.info) li.hit{width: 140px;}

.boardList .right_btn::after{content: ""; display: block; clear: both;}
.boardList .right_btn{margin-top: 50px;}

#bhBoardList ~ #bbsSchForm{margin-top: 50px; text-align: center;}

.boardWrite{margin: 50px 0;}

.BoardView{width: 100%; margin: 0 auto; margin-bottom: 200px;}
    .BoardView header{width: 100%; min-height: 60px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;  padding: 20px 30px; text-align: left;}
    .BoardView header::after{content: ""; display: block; clear: both;}
	.BoardView .title{font-size: 20px; font-weight: 600; display: inline-block;  word-break: keep-all;}
	.BoardView .title .t2{font-size: 0.8em; color: #999; margin-top: 5px;}
	.BoardView .info{text-align: right; margin-top: 5px;}
	.BoardView .info li{font-size: 12px; color: #999; display: inline-block; vertical-align: middle;}
	.BoardView .info li + li{margin-left: 10px;}

    .BoardView .contents{min-height: 400px;   border-bottom: 1px solid #d6d6d6; padding: 40px 20px; line-height: 1.6; font-size: 14px;}
    .BoardView .contents img{max-width:100%;}
    .BoardView .contents i{max-width:100%;}
    .BoardView .contents table{max-width: 100%;}
    .BoardView iframe{max-width: 100%;}

    .BoardView  .bottomBtn{float: right;}
    .BoardView  .bottomBtn .mBtn {display: block; width: 92px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; border: 1px solid #d6d6d6; font-size: 17px; color: #444; float: left; margin-top: 40px; background: none;}

	.bottomBtnIn{float: right;}
    .bottomBtnIn a{display: block; width: 92px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; border: 1px solid #d6d6d6; font-size: 17px; color: #444; float: left; margin-top: 40px; background: none;}
    
.cross{position:relative; display:inline-block; font-size:12px; width:1em; height:1em; vertical-align:middle; overflow:hidden;}
.cross:before{content:''; position:absolute; top:0.5em; left:0.5em; display:block; width:1px; height:1.4142em; transform:translate(-50%, -50%) rotate(45deg); background:#000;}
.cross:after{content:''; position:absolute; top:0.5em; left:0.5em; display:block; width:1px; height:1.4142em; transform:translate(-50%, -50%) rotate(-45deg); background:#000;}


.BH_Popup{position:absolute; top:0; left:0; z-index:1000; border:1px solid #888;}
.BH_Popup iframe{display:block;}
.BH_PopupContent{overflow-y:auto; overflow-x:hidden;}
.BH_PopupContent img{max-width:100%; width:auto; height:auto;}
.BH_PopupBtns{line-height:21px; background:#333; color:white; font-size:12px;}
.BH_PopupBtns a{cursor:pointer; color:#fff;}
.BH_PopupBtns:after{content:' '; display:block; clear:both;}
.BH_PopupTodayClose{float:left; display:block; padding:5px 10px;}
.BH_PopupClose{float:right; display:block; padding:5px 10px;}

@media all and (max-width: 800px){
.BH_Popup{position:fixed; left:50% !important; top:50% !important; width:90% !important; height:90% !important; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); padding-bottom:21px;}
.BH_PopupContent{width:100% !important; height:100% !important;}
.BH_PopupBtns{position:absolute; bottom:0; left:0; width:100%;}
}

.BoardContainer .subContainer{padding: 50px 0; min-height: 80vh;}
.boardViewNav{margin: 20px 0;}