/*
=========================================================================
01.회사소개-01.소개  company_sub01.php
=========================================================================
*/
.s1_1{display: flex;}
.s1_1 .s1_1_img{background: url('../img/content/s1_1_1.jpg') no-repeat center/cover; height: 900px; width: 550px; margin-right: 120px;}
.s1_1 .s1_1_cont{line-height: 2;}
.s1_1 .s1_1_cont span{font-size: 1.1em; font-weight: 600;}

@media (max-width: 1200px) {
    .s1_1 .s1_1_img{width: 550px;  margin-right: 70px;}
}

@media (max-width: 950px) {
    .s1_1{display: block;}
    .s1_1 .s1_1_img{width: 100%; height: 200px; margin-right: 0; margin-bottom: 50px;}
}

/*
=========================================================================
01.회사소개-02.연혁  company_sub02.php
=========================================================================
*/
.history_list .imgs {float:left; width:30%; margin-right: 10%;} 
.history_list .imgs ul {padding:50px 0;}
.history_list .imgs ul li {text-align: center; margin-bottom:125px;} 
.history_list .imgs img{width: 100%; height: auto;}
.history_list {overflow: hidden; margin-top:20px;}
.history_list .list {float:left; position:relative; width:60%; padding:40px 0 0;}
.history_list .list ul:before {content:''; position:absolute; height:100%; width:1px; background:#777; left:0; top:0;}
.history_list .list ul li {position:relative; padding-left:100px;}
.history_list .list ul li:before {content:''; position:absolute; left:-7px; top:22px; width:5px; height:5px; background:#fff; border:5px solid #2B6CCF; border-radius: 50%;}
.history_list .list ul li:after {content:''; position:absolute; left:0; top:30px; width:80px; height:1px; background:#2B6CCF; z-index:-1;}
.history_list .list ul li span {font-size:36px; color:#2B6CCF; font-family: 'Montserrat' !important;  font-weight:700 !important;}
.history_list .detail {padding:20px 20px 60px;}
.history_list .detail dl{display: flex; margin-bottom:20px; font-size:16px;}
.history_list .detail dl:last-child{margin-bottom:0;}
.history_list .detail dl dt{width:110px; font-weight: bold; line-height: 1.2; height: 20px;}
.history_list .detail dl dd{line-height: 1.2; width: calc(100% - 110px);}

@media screen and (max-width:1200px) {
    /*sub5-2 연혁*/
    .history_list .imgs {margin-right: 5%;}
    .history_list .list {width:65%;}    
    .history_list .list ul li {padding-left:80px;}
    .history_list .list ul li:after {width:50px;}
}
@media screen and (max-width:1100px) {
    /*sub5-2 연혁*/
    .history_list .imgs {display: none;}
    .history_list .list {width:calc(100% - 50px); margin-left: 50px;}
}
@media all and (max-width:720px){
    /*sub5-2 연혁*/ 
    .history_list .detail {padding:10px 10px 30px;}
    .history_list .detail dl{font-size:14px;}
    .history_list .list {width:100%; margin-left: 10px;}
    .history_list .list ul li {padding-left:50px;}
    .history_list .list ul li:after {width:30px;}
    .history_list .detail dl{margin-bottom:15px;}
    .history_list .detail dl dt{width:65px;}    
}

/*
=========================================================================
01.회사소개-03.인증  company_sub03.php
=========================================================================
*/
/* 탭메뉴 */
.stab{width: 480px; height: auto; margin: -25px auto 80px auto; border: 1px solid #ddd; border-radius: 60px; padding: 16px 25px; display: flex; justify-content: space-between;}
.stab li{padding: 0 35px; font-size: 18px; cursor: pointer; border-radius: 20px; font-weight: 500;}
.stab li:nth-of-type(1){background: #2B6CCF; color: #fff;}
.stab li:last-of-type{margin-right: 0;}
.awards_list ul{display: none; overflow: hidden;}
.awards_list ul:nth-of-type(1){display: block;}
.awards li{position: relative; float: left; width: calc((100% - 100px)/3); margin-right: 50px;overflow: hidden;}
.awards li:nth-of-type(3n){margin-right: 0;}
.awards_img{position: relative; background: #eee; width: 100%; height: 100%; height: 300px; margin-bottom: 15px;}
.awards_img img{height: 90%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.awards_img .mark{position: absolute; top:20px; right:20px; background: #2B6CCF; padding: 0 15px; border-radius: 30px; color: #fff; font-size: 0.85em; line-height: 1.8;}
.awards li .awards_tit{margin-bottom: 60px; text-align: center; font-weight: 500;}

@media screen and (max-width:1200px) {
    .stab{width: 450px;padding: 12px 20px;}
    .stab li{padding: 0 30px; font-size: 17px;}
    .awards li{width: calc((100% - 60px)/3); margin-right: 30px;}
    .awards_img{height: 250px;}    
    .awards li .awards_tit{margin-bottom: 45px;}
}

@media screen and (max-width:950px) {
    .stab{margin: -20px auto 60px auto; width: 350px; padding: 8px 16px;}
    .stab li{padding: 0 25px; font-size: 16px;}
    .awards li{width: calc((100% - 30px)/2); margin-right: 30px;}
    .awards li:nth-of-type(3n){margin-right: 30px;}
    .awards li:nth-of-type(2n){margin-right: 0;}    
    .awards_img{margin-bottom: 10px;}
    .awards li .awards_tit{margin-bottom: 40px;}
}


@media screen and (max-width:600px) {
    .stab{margin: -30px auto 40px auto; width: 300px;}
    .stab li{padding: 0 20px; font-size: 15px;}
    .awards li .awards_tit{margin-bottom: 30px;}
}

/*
=========================================================================
01.회사소개-04.오시는길  company_sub04.php
=========================================================================
*/
.s6_2_map{position:relative;}
.s6_2_map1{margin-bottom: 150px;}
.map_tit{background: #2B6CCF; width: 250px; height: 120px; position: absolute; left:40px; top:-20px; z-index: 20;}
.map_tit p{transform: translateY(28px); text-align: center; color: #fff; font-size: 22px; line-height: 1.4;}
.map_tit p span{font-weight: 600;}
.map_info .info_tit{font-weight: 600; font-size: 1.1em; margin-bottom: 20px; }
.map_info .info_txt{margin-bottom: 30px;}
.map_info1 .info_tit{color: #2B6CCF; margin-top:40px;}
.map_info1 .info_txt{margin-bottom: 50px;}
.map_info2{background: #f9f9f9; padding: 40px 50px 20px;}

@media screen and (max-width:900px) {
    .s6_2_map1{margin-bottom: 100px;}
    .map_tit{width: 200px; height: 100px;left:25px; top:-15px;}
    .map_tit p{transform: translateY(24px); font-size: 18px;}    
    .map_info2{padding: 30px 40px 10px;}
}
@media screen and (max-width:600px) {
    .map_tit{width: 180px; left:15px;}
    .map_info .info_tit{margin-bottom: 10px; }
    .map_info1 .info_tit{margin-top:20px;}
    .map_info .info_txt{margin-bottom: 20px;}
    .map_info2{padding: 20px 25px 6px;}
}
/*
=========================================================================
02.사업분야 공통
=========================================================================
*/
.s2_1_1, .s2_2_1, .s2_2_2, .s2_3_1{display: flex;}
.s2_cont{display: flex; margin-bottom: 30px;}
.s2_img{width: calc(47% - 80px); margin-right: 80px;}
.s2_img img{width: 100%;}
.s2_txt{width: 53%; margin-bottom: 30px;}

.product_wrap{background: #333; color: #fff;}
.product_tit{width: 100%; padding: 20px 0; background: rgba(255,255,255,.1);text-align: center; font-size: 26px; font-weight: 600; margin-bottom: 70px; line-height: 1.2;}
.product_tit span{font-size: 0.7em; font-weight: 400;}

@media screen and (max-width:900px) {
    .s2_1_1, .s2_2_1, .s2_2_2, .s2_3_1{display: block;}
    .s2_img{width: 100%; margin-right: 0; }
    .s2_img img{width: 400px; margin: 0 calc((100% - 400px) / 2); margin-bottom: 30px;}
    .s2_txt{width: 100%; margin-bottom: 30px;}
    .product_tit{font-size: 22px; margin-bottom: 30px; padding: 15px 0;}
}
@media screen and (max-width:600px) {
    .s2_img img{width: 100%; margin: 0; margin-bottom: 30px;}
    .product_tit{font-size: 18px; margin-bottom: 20px; padding: 10px 0;}    
}

/* product_img */
.product_img{width: calc(50% - 40px); margin-right: 40px; position: relative;}
.pimg_slider{width: 100%; height: auto;}
.pimg_slider li img{width: 70%; margin: 10% 15% 0;} 

/* dots */
.product_slider .pimg_dots{display: flex; margin:0 auto; overflow: hidden; width: 91px;}
.product_slider .pimg_dots li button{width: 15px; height:15px; border: 1px solid #fff; font-size: 0; border-radius: 50%; background: none; margin-right: 20px;}
.product_slider .pimg_dots li:last-of-type button{margin-right: 0;}
.product_slider .pimg_dots li.slick-active button{background: #fff;}

@media screen and (max-width:1500px) {
    .pimg_slider li img{width: 84%; margin: 15% 8% 0;}
}

@media screen and (max-width:1200px) {
    .pimg_slider li img{width: 88%; margin: 15% 6% 0;}
    .product_slider .pimg_dots{margin-top: 30px; width: 70px;}
    .product_slider .pimg_dots li button{width: 12px; height:12px; margin-right: 15px; }
}
@media screen and (max-width:900px) {
    .s2_cont{display: block;}
    .product_img{width: 100%; margin-right: 0;}
    .pimg_slider{width: 100%; height: auto;}
    .pimg_slider li{margin-bottom: 30px;}
    .product_slider li{margin-bottom: 0;}
    .pimg_slider li img{width: 46%; margin: 0 27%;}
    .product_slider .pimg_dots{margin-bottom: 30px; margin-top: 10px;}
}
@media screen and (max-width:600px) {
    .pimg_slider li img{width: 60%; margin: 0 20%;}
    .product_slider .pimg_dots{width: 55px;}
    .product_slider .pimg_dots li button{width: 10px; height:10px; margin-right: 12px; }
}

/* table */
.product_table{width: 50%; font-size: 0.9em; }
.product_table table{width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #eee;}
.product_table tr:first-of-type td{padding-top: 16px;}
.product_table tr.bold{border-bottom: 1px solid #ddd; font-size: 1.05em; font-weight: 600;}
.product_table tr.second td{padding-top: 16px;}
.product_table td{padding-bottom: 16px;}
.product_table .ptit{width: 35%;}
.product_table .ptxt{width: 65%;}
.product_table .table_tit{font-weight: 600; font-size: 1.1em; margin-bottom: 10px;}

@media screen and (max-width:1200px) {
    .product_table tr:first-of-type td{padding-top: 10px;}
    .product_table td{padding-bottom: 10px;}
}
@media screen and (max-width:900px) {
    .product_table{width: 100%;}    
}

/*
=========================================================================
02.사업분야-01.소수력발전기  business_sub01.php
=========================================================================
*/
.s2_1_img1 img{margin-top: 10%;}
.s2_1_txt .stxt{margin-bottom: 40px;}
.s2_1_txt .stit{font-size: 1.1em; font-weight: 600; color: #2B6CCF; margin-bottom: 10px;}
.s2_1_txt ul li{position: relative; padding-left: 20px; margin-bottom: 5px;}
.s2_1_txt ul li:last-of-type{margin-bottom: 0;}
.s2_1_txt ul li::before{content: ''; width: 4px; height: 4px; background: #2B6CCF; border-radius: 50%; display: inline-block; position: absolute; top:13px; left:0px;}
.s2_1_img2{width: 100%;}
.s2_1_img2 img{width: 100%;}

.s2_1_img3{width: 100%; background: #aaa; margin-top: 80px;}
.s2_1_img3 img{width: 80%; margin: 0 10%;}

.product1_1_table{margin-bottom: 50px;}

@media screen and (max-width:1200px) {
    .s2_1_img1 img{margin-top: 25%;}
}
@media screen and (max-width:900px) {
    .s2_1_img1 img{margin-top: 0;}
    .s2_1_txt{width: 100%; margin-bottom: 30px;}
    .s2_1_1{display: block;}
    .s2_1_2{display: block;}
    .s2_1_img3{margin-top: 60px;}
    .s2_1_img3 img{width: 90%; margin: 0 5%;}
}

@media screen and (max-width:600px) {    
    .s2_1_txt ul li::before{top:10px;}
    .s2_1_img1 img{width: 90%; margin: 0 5%; margin-bottom: 30px;}
    .s2_1_img3{margin-top: 30px;}
    .s2_1_img3 img{width: 100%; margin: 0;}
}

/*
=========================================================================
02.사업분야-02.PM발전기  business_sub02.php
=========================================================================
*/
.s2_2_1 .product_table{margin-bottom: 120px;}
.product2_1_table, .product3_1_table{margin-bottom: 50px;}

@media screen and (max-width:1200px) {
    .s2_2_1 .product_table{margin-bottom: 80px;}
}

@media screen and (max-width:900px) {
    .s2_2_1 .product_table{margin-bottom: 80px;}
}

@media screen and (max-width:600px) {
    .s2_2_1 .product_table{margin-bottom: 50px;}
}

/*
=========================================================================
02.사업분야-03.전기추진선박  business_sub03.php
=========================================================================
*/
.product4_1_table{margin-bottom: 50px;}
/*
=========================================================================
03.갤러리 04. 공지사항 공통
=========================================================================
*/
/* 게시판 상단 */
.board_bar{display: flex; justify-content: space-between; margin-bottom: 50px;}
.board_bar .total{margin-top: 10px;}
.board_bar .total span{color: #2B6CCF; font-weight: 600;}
select#search_select{width: 100px; height: 50px; border: 1px solid #aaa; padding: 0 10px; margin-right: 5px; border-radius: 0;}
input#search_box{width: 300px; height: 50px;  border: 1px solid #aaa; margin-right: 5px; padding: 0 10px; border-radius: 0;}
input#search_btn{width: 80px; height: 50px; background: #555; border: 1px solid #555; color: #fff; border-radius: 0;}
.regist_btn{padding: 5px 30px; text-align: center; cursor: pointer; border-radius: 3px; background: #555; color: #fff; width: auto; float: right; margin-top: 20px; font-size: .9em;}
/* 페이징 */
.page{text-align: center; margin-top: 50px; }
.pageination{margin: 0 auto; width: 380px;}
.pageination li{float: left; text-align: center; color: #555; width: 20px; height: 20px; margin-right: 20px; cursor: pointer; line-height: 1.2; padding: 2px;}
.pageination li:last-of-type{margin-right: 0;}
.pageination li.num.active{background: #555; border: 1px solid #555;  color: #fff;}
.pageination li.first, .pageination li.arrow_left, .pageination li.arrow_right, .pageination li.last{border: 1px solid #ccc; font-size: .8em; line-height: 18px;}
.pageination li.first, .pageination li.arrow_right{margin-right: 10px;}

@media screen and (max-width:1200px) {
    select#search_select{width: 90px; height: 45px;}
    input#search_box{width: 220px; height: 45px;}
    input#search_btn{width: 70px; height: 45px;}
}

@media screen and (max-width:900px) {
    .board_bar{margin-bottom: 30px;}
    .board_bar .total{margin-top: 5px;}
    select#search_select{width: 80px; height: 40px;}
    input#search_box{width: 180px; height: 40px;}
    input#search_btn{width: 60px; height: 40px;}
    /* 페이징 */
    .page{margin-top: 30px;}
}

@media screen and (max-width:600px) {
    .board_bar .total{margin-top: 3px;}
    select#search_select{width: 60px; height: 30px; padding: 0 5px;}
    input#search_box{width: 130px; height: 30px; padding: 0 5px;}
    input#search_btn{width: 55px; height: 30px;}

    /* 페이징 */
    .page{margin-top: 20px;}
    .pageination{width: 325px;}
    .pageination li{width: 18px; height: 18px; margin-right: 16px;}    
}

/*
=========================================================================
03.갤러리  gallery.php
=========================================================================
*/
.gallery_cont{position: relative; width: 100%;}
.gallery_cont>ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.gallery_cont>ul>li{width: 30%; margin-bottom: 40px; }
.gallery_cont>ul>li:hover .gtit{text-decoration: underline;}
.gallery_cont>ul>li:hover .gimg img{filter: brightness(0.8);}
.gallery_cont .gimg{width: 100%; height: 250px; overflow: hidden; border: 1px solid #eee; position: relative; margin-bottom: 20px;}
.gallery_cont .gimg img{height: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);  transition:all 0.5s ease;}
.gallery_cont .gtit{text-align: center; width: 100%; white-space: nowrap; overflow: hidden; margin-bottom: 5px;}
.gallery_cont .gdate{text-align: center; font-size: 0.85em; color: #888;}


@media screen and (max-width:1200px) {
    .gallery_cont>ul>li{width: 31.5%;}
    .gallery_cont .gimg{height: 200px;}
}

@media screen and (max-width:900px) {
    .gallery_cont>ul>li{width: 48%;}
    .gallery_cont>ul>li:last-of-type{display: none;}
}

@media screen and (max-width:600px) {
    .gallery_cont li{margin-bottom: 20px;}
    .gallery_cont .gimg{height: 150px; margin-bottom: 10px;}
    .gallery_cont .gtit{margin-bottom: 0;}
}

/*
=========================================================================
04.공지사항  notice.php
=========================================================================
*/
/* 게시판 표 */
form#board_form{position: relative; width: 100%;}
form#board_form table{width: 100%; text-align: center; border-bottom: 1px solid #ccc; font-size: 0.95em;}
form#board_form table td{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; max-width: 100px;}
form#board_form tr:first-of-type{background: #f9f9f9; font-weight: 500;}
form#board_form th{padding: 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; white-space: nowrap;}
form#board_form td{padding: 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
form#board_form td.noticeCols1{font-weight: 500;}
form#board_form td.noticeCols2{text-align: left;}
form#board_form td.noticeCols2:hover{text-decoration: underline; cursor: pointer;}
form#board_form .noticeCols2{width: 58%;}

@media screen and (max-width:600px) {
    form#board_form th{padding: 15px 5px;}
    form#board_form td{padding: 15px 5px;}
    form#board_form .noticeCols3{display: none;}
    
}
/*
=========================================================================
03.갤러리-상세 04.공지사항-상세  gallery_detail.php notice_detail.php 
=========================================================================
*/
form#board_detail_form{position: relative; width: 100%;}
form#board_detail_form table{width: 100%; border-bottom: 1px solid #ccc; font-size: 0.95em;}
form#board_detail_form td{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; max-width: 100px;}
form#board_detail_form tr:first-of-type{background: #f9f9f9; font-weight: 500;}
form#board_detail_form th{padding: 15px 30px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; white-space: nowrap;}
form#board_detail_form td{padding: 15px 30px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em;}
form#board_detail_form .boardTit{font-size: 1.1em; padding: 30px;}
form#board_detail_form td.boardCols1{width: 150px; background: #f9f9f9; border-right: 1px solid #ccc; text-align: center; font-weight: 500;}
form#board_detail_form .file_link li{color: #888; text-decoration: underline; line-height: 2;}
form#board_detail_form .file_link li::before{content: ''; background: url(../img/common/icon_link.png) no-repeat center/ cover; width: 18px; height: 10px; margin-right: 8px; display: inline-block;}
form#board_detail_form .boardCont{padding: 30px;}
form#board_detail_form .board_img{width: 60%; margin: 0 20%;}
form#board_detail_form .board_img img{width: 100%; margin-bottom: 20px;}

.list_btn{width: 100px; height: 40px; background: #555; text-align: center; color: #fff; float: right; margin-top: 50px;}

@media screen and (max-width:900px) {    
    form#board_detail_form th{padding: 15px 25px;}
    form#board_detail_form td{padding: 15px 25px;}
    form#board_detail_form .boardTit{padding: 25px;}
    form#board_detail_form td.boardCols1{width: 80px;}    
    form#board_detail_form .boardCont{padding: 25px;}
    form#board_detail_form .board_img{width: 80%; margin: 0 10%;} 
    .list_btn{width: 95px; height: 38px; margin-top: 40px;}   
}
@media screen and (max-width:600px) {
    form#board_detail_form table{font-size: 1em;}
    form#board_detail_form th{padding: 10px 20px;}
    form#board_detail_form td{padding: 10px 20px;}    
    form#board_detail_form .boardTit{padding: 20px;}
    form#board_detail_form .boardCont{padding: 20px 0;}
    form#board_detail_form .board_img{width: 100%; margin: 0;}  
    .list_btn{width: 90px; height: 35px;margin-top: 30px;}
}

/*sub7-1 개인정보처리방침 */
.info {font-size: 0.85em;}
.info h5{font-size: 1.4em; margin: 80px 0 5px; font-weight: bold;}
.info h6{font-weight: bold;margin: 20px 0 5px;} 
.info .ibox {background: #f9f9f9; padding: 20px 30px; margin-bottom: 30px; border-radius: 12px;}
.list_circle{background: #555; width: 4px; height: 4px; display: inline-block; border-radius: 50%; margin-right: 8px;margin-bottom: 3px;}

@media screen and (max-width:600px) {
    .info h5{margin: 40px 0 2px;}
    .info h6{margin: 10px 0 2px;} 
    .info .ibox {padding: 10px 15px;}
}


/*
=========================================================================
고객지원 - 게시물 상세페이지 css
04_cs/detail.php

고객지원 - 게시물 등록페이지 css
04_cs/regist.php
=========================================================================
*/
form#board_detail_form{position: relative; width: 100%;}
form#board_detail_form table{width: 100%; border-bottom: 1px solid #ccc; font-size: 0.95em;}
form#board_detail_form th{padding: 15px 30px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; white-space: nowrap; box-sizing: border-box;}
form#board_detail_form td{padding: 15px 30px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; box-sizing: border-box;}
form#board_detail_form .boardTit{font-size: 1.1em; padding: 30px;}
form#board_detail_form td.boardCols1{width: 150px; background: #f9f9f9; border-right: 1px solid #ccc; text-align: center; font-weight: 500;}
form#board_detail_form td.boardCols1 .mbr{display: none;}
form#board_detail_form td.boardCols3{border-left: 1px solid #ccc;}
form#board_detail_form .boardCont{padding: 30px 0;}

form#board_detail_form #cs_select{width: 300px; padding: 5px; border-radius: 3px; border: 1px solid #ccc; background: #fff;}
form#board_detail_form #cs_inquiry{width: 300px; padding: 5px; border-radius: 3px; border: 1px solid #ccc; background: #fff;}
form#board_detail_form input{padding: 5px 10px; border-radius: 3px; border: 1px solid #ccc; width: 100%; box-sizing: border-box;}
form#board_detail_form #b_file{border: none; padding: 0;}
form#board_detail_form #b_password{width: 300px;}
form#board_detail_form textarea{width: 100%; height: 500px; padding: 10px; border-radius: 3px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; resize: none;}
form#board_detail_form input::placeholder{color: #aaa; font-weight: 300;}

form#board_detail_form .required{width: 5px; height: 5px; background: #ff7563; border-radius: 50%; display: inline-block; margin-left: 5px; transform: translateY(-10px);}

.b_btn{display: flex; justify-content: right; margin-top: 50px; font-size: .9em;}
.b_btn>div{padding: 5px 30px; text-align: center; cursor: pointer; border-radius: 3px;}
.b_btn .edit_btn, .b_btn .regist_btn{margin:0 15px 0 0; background: #555; color: #fff;}
.b_btn .list_btn, .b_btn .cencel_btn{border: 1px solid #555; color: #555;}

.agree_area{display: flex; justify-content: space-between; padding: 18px 40px; border: 1px solid #ccc; margin-top: 50px; border-radius: 10px; font-size: .95em;}
.agree_area .agree_link{cursor: pointer; text-decoration: underline; color: #555;}

@media screen and (max-width:1200px) {
    form#board_detail_form td.boardCols1{width: 120px; padding: 15px 10px;}
    .agree_area{margin-top: 30px;}
}
@media screen and (max-width:900px) {    
    form#board_detail_form th{padding: 10px 20px;}
    form#board_detail_form td{padding: 10px 20px;}
    form#board_detail_form td.boardCols1{width: 100px;}    
    form#board_detail_form .boardCont{padding: 25px 0;}

    form#board_detail_form #cs_select{width: 80%; max-width: 200px;}
    form#board_detail_form #b_password{width: 80%; max-width: 200px;}

    form#board_detail_form .required{width: 4px; height: 4px;}

    .agree_area{padding: 12px 30px;}
}
@media screen and (max-width:600px) {
    form#board_detail_form table{font-size: 1em;}
    form#board_detail_form th{padding: 10px;}
    form#board_detail_form td{padding: 10px;}     
    form#board_detail_form td.boardCols1{width: 60px; padding: 15px 0;} 
    form#board_detail_form td.boardCols1 .mbr{display: block;}
    form#board_detail_form .boardCont{padding: 20px 0;}

    form#board_detail_form #cs_select{width: 100%; max-width: inherit;}
    form#board_detail_form #b_password{width: 100%; max-width: inherit;}
    form#board_detail_form textarea{height: 350px;}

    form#board_detail_form .required{width: 3px; height: 3px;margin-left: 2px; transform: translateY(-10px);}

    .b_btn{margin-top: 30px;}
    .agree_area{padding: 10px 20px; border-radius: 5px; margin-top: 20px;}
    
}