/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*Noto sans KR(korean) http://www.google.com/fonts/earlyaccess*/
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {
    font-family: 'GyeonggiCheonnyeon';
    font-style: normal;
    font-weight: normal;
    src: url("/resources/font/GyeonggiCheonnyeonBatang_Regular.eot?#iefix") format('embedded-opentype'),
    url("/resources/font/GyeonggiCheonnyeonBatang_Regular.woff") format('woff'),
    url("/resources/font/GyeonggiCheonnyeonBatang_Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Atomy';
    font-style: normal;
    font-weight: 300;
    src: url("/resources/font/Atomy-Light.woff") format('woff'),
    url("/resources/font/Atomy-Light.ttf") format('truetype');
}
@font-face {
    font-family: 'Atomy';
    font-style: normal;
    font-weight: 400;
    src: url("/resources/font/Atomy-Medium.woff") format('woff'),
    url("/resources/font/Atomy-Medium.ttf") format('truetype');
}
@font-face {
    font-family: 'Atomy';
    font-style: normal;
    font-weight: 600;
    src: url("/resources/font/Atomy-Bold.woff") format('woff'),
    url("/resources/font/Atomy-Bold.ttf") format('truetype');
}
@font-face {
    font-family: 'koPub';
    font-style: normal;
    font-weight: 300;
    src: url("/resources/font/KoPubWorld Dotum Light.eot");
    src: local(※), url("/resources/font/KoPubWorld Dotum Light.eot?#iefix") format('embedded-opentype'),
    url("/resources/font/KoPubWorld Dotum Light.woff") format('woff'),
    url("/resources/font/KoPubWorld Dotum Light.ttf") format('truetype');
}
@font-face {
    font-family: 'koPub';
    font-style: normal;
    font-weight: 400;
    src: url("/resources/font/KoPubWorld Dotum Medium.eot");
    src: local(※), url("/resources/font/KoPubWorld Dotum Medium.eot?#iefix") format('embedded-opentype'),
    url("/resources/font/KoPubWorld Dotum Medium.woff") format('woff'),
    url("/resources/font/KoPubWorld Dotum Medium.ttf") format('truetype');
}
@font-face {
    font-family: 'koPub';
    font-style: normal;
    font-weight: 600;
    src: url("/resources/font/KoPubWorld Dotum Bold.eot");
    src: local(※), url("/resources/font/KoPubWorld Dotum Bold.eot?#iefix") format('embedded-opentype'),
    url("/resources/font/KoPubWorld Dotum Bold.woff") format('woff'),
    url("/resources/font/KoPubWorld Dotum Bold.ttf") format('truetype');
}

*{margin:0px;padding:0px;}
body{font-family:'Noto Sans KR', sans-serif; color:#333;word-break: keep-all;}

/*bootstrap*/
ul{margin: 0px;}
dl{margin: 0px;}
input[type="radio"], input[type="checkbox"] {margin: 0;}
.row{margin-left: 0; margin-right: 0;}
.collapse {display: inherit;visibility: inherit;}

.avatar {width: 2rem;height: 2rem;line-height: 2rem;border-radius: 50%;display: inline-block;background: #ced4da no-repeat center/cover;position: relative;text-align: center;color: #868e96;font-weight: 600;vertical-align: bottom;font-size: .875rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

[class*="btn_"]{border-radius: 3px; transition-duration: 0.4s;}
.btn.focus, .btn:focus, .btn-info.focus, .btn-info:focus {box-shadow: none!important;}

/*로그인창 - 로그인버튼*/
.btn_login{background-color: #31543c;border-color: #2b4e36; padding: 10px 0; font-size:16px; width: 100%; line-height: 30px;}
.btn_login:hover, .btn_login:active, .btn_login:focus {background-color: #2b4e36 !important;border-color: #2b4e36 !important;color: #f6cd97 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

.btn_login_naver{background-color: #1EC800;border-color: #1EC800;  padding: 10px 0; font-size:16px; width: 100%; line-height: 30px;}
.btn_login_naver:hover, .btn_login_naver:active, .btn_login_naver:focus {background-color: #1EC800 !important;border-color: #1EC800 !important;color: #ffffff !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

.btn_login_kakao{background-color: #FFE400;border-color: #FFE400; color: #432F2E!important;  padding: 10px 0; font-size:16px; width: 100%; line-height: 30px;}
.btn_login_kakao:hover, .btn_login_kakao:active, .btn_login_kakao:focus {background-color: #FFE400 !important;border-color: #FFE400 !important;color: #432F2E !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*로그인창 - 회원가입, 아이디 찾기, 비밀번호 찾기 버튼*/
.btn_login2{padding: 10px 0;font-size:14px; width: 114px; height: 50px;line-height: 31px;}

/*회원가입버튼*/
.btn_join{background-color: #31543c; border-color: #2b4e36; color: #fff;  padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_join:hover, .btn_join:active, .btn_join:focus {background-color: #2b4e36 !important;border-color: #2b4e36 !important;color: #f6cd97 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*취소버튼*/
.btn_cancel {background-color: #fff; border-color: #9b9b9b; color: #777;  padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_cancel:hover, .btn_cancel:active, .btn_cancel:focus {background-color: #eee !important;border-color: #9b9b9b !important;color: #777 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*등록버튼*/
.btn_insert, .btn_insert[disabled]{background-color: #31543c; border-color: #2b4e36; color: #ffffff!important;  padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_insert:hover, .btn_insert:active, .btn_insert:focus {background-color: #2b4e36 !important;border-color: #2b4e36 !important;color: #f6cd97 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*수정버튼*/
.btn_update{background-color: #31543c; border-color: #2b4e36;color: #ffffff; padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px; *margin-left: 3px;}
.btn_update:hover, .btn_update:active, .btn_update:focus {background-color: #2b4e36 !important;border-color: #2b4e36 !important;color: #f6cd97 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*삭제버튼*/
.btn_delete{background-color: #dddddd; border-color: #dddddd; padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_delete:hover, .btn_delete:active, .btn_delete:focus {background-color: #cacaca !important;border-color: #dddddd !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*추가 버튼*/
.btn_add{background-color: #dddddd; border-color: #dddddd; padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_add:hover, .btn_add:active, .btn_add:focus {background-color: #cacaca !important;border-color: #dddddd !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*이동버튼*/
.btn_move{background-color: #fafafa; border-color: #dedede;color: #343434;  padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_move:hover, .btn_move:active, .btn_move:focus {background-color: #eeeeee !important;border-color: #dedede !important;color: #000 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*목록버튼*/
.btn_list{background-color: #454545; border-color: #454545; color: #ffffff; padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_list:hover, .btn_list:active, .btn_list:focus {background-color: #3d3d3d !important;border-color: #3d3d3d !important;color: #fff !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*탭버튼*/
.btn_tap{position:relative; left:50%; transform: translateX(-50%); display:table; margin-bottom:70px;}
.btn_tap li{float:left;width:150px;height:50px;line-height:50px;text-align:center; color:#777777;font-size:16px;border:1px solid #c4c4c4;border-left: 0;border-radius: 0;}
.btn_tap li:first-child{border-left:1px solid #c4c4c4;}
.btn_tap li a{color:#333; font-size:16px; font-weight:300;display: block;border-radius: 0;}
.btn_tap li a:hover, .btn_tap li a:active, .btn_tap li a:focus{color:#31543c; font-weight:400;}
.btn_tap li.on{width:150px; height:50px; line-height:50px; border:1px solid #31543c !important; background:#31543c; z-index:1;}
.btn_tap li.on a{color:#fff;}

/*다운로드버튼*/
.btn_down{background-color: #fff; border-color: #31543c; color:#31543c;padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_down:hover, .btn_down:active, .btn_down:focus{background-color: #31543c; border-color: #31543c; color: #fff;}

/*비활성화버튼*/
.btn_none{display: none;background-color: #fff;border-color: #dedede;color: #fff;padding: 0; font-size:16px; width: 120px; height: 50px; line-height: 50px;}
.btn_none:hover, .btn_none:active, .btn_none:focus{background-color: #fff;border-color: #dedede;color: #fff;}

/*정기배송버튼*/
.btn_regular{background-color: #31543c; border-color: #2b4e36; color: #fff;  padding: 0; font-size:16px; width: 180px; height: 50px; line-height: 50px;}
.btn_regular:hover, .btn_regular:active, .btn_regular:focus {background-color: #2b4e36 !important;border-color: #2b4e36 !important;color: #f6cd97 !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}

/*일회성배송버튼*/
.btn_ordinary{background-color: #b0a495; border-color: #b0a495; color: #fff;  padding: 0; font-size:16px; width: 180px; height: 50px; line-height: 50px;}
.btn_ordinary:hover, .btn_ordinary:active, .btn_ordinary:focus {background-color: #9b8f81 !important;border-color: #9b8f81 !important;color: #ffffff !important;box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;}
/*bootstrap end*/

/*input[type=text]{font-size:15px;}*/
*{margin:0; padding:0; list-style:none; text-decoration:none; }
html {font-family: 'Noto Sans KR', sans-serif; font-weight:400; color:#363636; }
a{text-decoration: none!important; outline: none;}
a:hover, a:active {text-decoration: none!important;}
/*a:link, a:visited, a:hover, a:active {text-decoration: none!important;color: inherit;}*/
img{border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
label{display:inline-block;}
input,label,button,select{box-sizing:border-box; padding:0 6px; vertical-align:middle;}
label{padding:0;}
table {border-collapse: collapse; border-spacing:0; border:0 none;  width:100%;}
textarea {font-size:16px; line-height:24px; font-family:'Noto Sans KR', sans-serif; color:#333; border:1px solid #c7c7c7;}



/** 서브 비주얼 **/
#visual_wrap{width:100%; overflow: hidden; margin: 0 auto; padding:0; zoom: 1;}
#visual_wrap .svisual [class*="s_"]{overflow:hidden;}
#visual_wrap .svisual [class*="s_"] div{padding:115px 0; width: 1078px; margin: 0 auto;}
#visual_wrap .svisual [class*="s_"] div h1{font-size:45px; color:#fff; display:block; text-align:center;}
#visual_wrap .svisual [class*="s_"] div p{font-size:18px; font-weight:300; color:#fff;text-align:center;}
#visual_wrap .svisual .s_1st{background:url('/resources/images/brandstory/pp_svisual01.jpg') no-repeat center top;}
#visual_wrap .svisual .s_2st{background:url('/resources/images/product/pp_svisual02.jpg') no-repeat center top;}
#visual_wrap .svisual .s_3st{background:url('/resources/images/fourfreeshow/pp_svisual03.jpg') no-repeat center top;}
#visual_wrap .svisual .s_4st{background:url('/resources/images/cook/pp_svisual04.jpg') no-repeat center top;}
#visual_wrap .svisual .s_5st{background:url('/resources/images/notice/pp_svisual05.jpg') no-repeat center top;}
#visual_wrap .svisual .s_6st{background:url('/resources/images/faq/pp_svisual06.jpg') no-repeat center top;}



.sub_hgt{height:50px; clear:both;}


#sub_wrap{width:1080px; margin:0 auto; position: relative;}
#sub_wrap h5{text-align:center; font-size:42px; color:#0f0f0f; padding:60px 0 50px 0; display:block;}
#sub_wrap h6{text-align: center;font-size: 30px; margin-bottom: 40px; width: 100%;}



/*search*/
.boardtop{background:#f4f4f6; padding: 20px 0;}
.boardtop .selbx_wrap ul.selbx{display: table;margin: 0 auto;}
.boardtop .selbx_wrap ul.selbx li{float:left; margin-left: 15px;}
.boardtop .selbx_wrap ul.selbx li:first-child{margin-left: 0;}
.boardtop .selbx_wrap ul.selbx li .selType01{width:70px; height:38px; border:1px solid #c7c7c7; vertical-align:top; font-size:16px; font-weight:300; font-family: 'Noto Sans KR', sans-serif;}
.boardtop .selbx_wrap ul.selbx li .inpType01{width:210px; height:38px; border:1px solid #c7c7c7; font-size:16px; font-weight:300; font-family: 'Noto Sans KR', sans-serif;}
.boardtop .selbx_wrap ul.selbx li .btnSch{width:70px; height:38px; background:#4f4f4f; color:#fff; font-size:16px; font-weight:300; border:1px solid #3e3e3e; font-family: 'Noto Sans KR', sans-serif;}



.board_table{border-top:2px solid #31543c; margin-top:40px;}
.board_table thead{height:60px; background:#f3f3f3; text-align:center;}
.board_table tr{height:55px; border-bottom:1px solid #ccc;}
.board_table tr td{font-size:14px;}
.board_table tr td:first-child,
.board_table tr td:last-child{text-align:center;}
.board_table tr td a{color:#424242; width:620px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; *width: 90%;}
.board_table tr td a:hover,
.board_table tr td a:active,
.board_table tr td a:focus{color:#31543c; font-weight:400;}
.board_table .badge-primary{background: #31543c;}


.scon_board_list{ margin-top: 20px;}
.scon_board_list div.row div[class*="col"]{margin-bottom: 30px;}
.scon_board_list div.row div[class*="col"] a {display: block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.scon_board_list div.row div[class*="col"] a [class*="_thum"]{text-align: center;position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;margin-bottom: 15px;}
.scon_board_list div.row div[class*="col"] a [class*="_thum"] img {width: 100% !important;transition-duration: 0.4s;}
.scon_board_list div.row div[class*="col"] a [class*="_thum"]:hover img{transform: scale(1.05);}
.scon_board_list div.row div[class*="col"] a [class*="_info"] {padding: 0 15px;}
.scon_board_list div.row div[class*="col"] a [class*="_info"]:after{display: block;content: "";clear: both;}
.scon_board_list div.row div[class*="col"] a [class*="_info"] p{margin-bottom:15px;padding-bottom: 15px;font-size: 16px; color: #0f0f0f;text-indent: 5px;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #ddd;}
.scon_board_list div.row div[class*="col"] a [class*="_info"] [class*="ffs"]{float:left; font-size:12px; color:#a6a6a6;}
.scon_board_list div.row div[class*="col"] a [class*="_info"] .ffs_data{float:left; margin-bottom: 15px;}
.scon_board_list div.row div[class*="col"] a [class*="_info"] .ffs_num{float:right; margin-bottom: 15px;}

.scon_board_list div.row div[class*="col"] a .product_thum{text-align: center;position: relative;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;margin-bottom: 15px;}
.scon_board_list div.row div[class*="col"] a .product_thum img {width: 100% !important;transition-duration: 0.4s;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.scon_board_list div.row div[class*="col"] a .product_thum:hover img{transform: translateY(-50%) scale(1.05);}
.scon_board_list div.row div[class*="col"] a .product_info {padding: 0 15px;}
.scon_board_list div.row div[class*="col"] a .product_info:after{display: block;content: "";clear: both;}
.scon_board_list div.row div[class*="col"] a .product_info .product_tit {font-family: 'GyeonggiCheonnyeon';font-weight: bold;font-size: 24px;color: #0f0f0f;text-indent: 5px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #ddd;margin-bottom: 15px;padding-bottom: 15px;}
.scon_board_list div.row div[class*="col"] a .product_info .product_txt {font-size: 14px;color: #333;min-height: 85px;padding: 0 15px;text-align: justify;}
.scon_board_list div.row div[class*="col"] a .product_btn {text-align: center; padding: 20px 0;}
.scon_board_list div.row div[class*="col"] a .product_btn .btn {width: 120px; height: 35px; line-height: 30px;font-size: 14px;}


.scon_gallery_view table{border-top:2px solid #31543c;background:#f7f7f7;}
.scon_gallery_view table [class*="minus"]{margin: 0 15px;}
.scon_gallery_view table tr{height:60px; border-bottom:1px solid #ccc;}
.scon_gallery_view table .title{font-size:18px; text-indent:25px;}
.scon_gallery_view table .data{font-size:13px; text-align:right; padding-right:30px; color:#5e5e5e;}
.scon_gallery_view table div{float:left;}
.scon_gallery_view table .seladd{width:90px; height:36px; border:1px solid #c8c8c8; text-align:center; line-height:36px; margin-right:15px; background:#fff;}
.scon_gallery_view table .seladd a{color:#333;}
.scon_gallery_view table .selshr{width:36px; height:36px; border:1px solid #eecca0; background:#f7d8af;}
.scon_gallery_view table .selshr img{padding:8px 0 0 9px;}
.scon_gallery_view .youtube{width:100%; *text-align:center; margin-top:60px; border-bottom:1px solid #ddd;}
.scon_gallery_view .youtube iframe{padding-bottom:40px; display: block; margin: 0 auto;}
.scon_gallery_view .youtube video{display: block; margin: 0 auto 40px;}
.scon_gallery_view .youtube img{max-width:1080px;}
.scon_gallery_view .event{width:100%; text-align:center; margin-top:60px;  border-bottom:1px solid #ccc; padding-bottom:60px;}
.scon_gallery_view .event img{max-width:1080px;}
.scon_gallery_view .contents{width:100%; text-align:center; margin-top:60px; border-bottom:1px solid #ccc; font-weight:300; padding-bottom:60px; line-height:26px;}
.scon_gallery_view .contents img{max-width:1080px; display:block; text-align:center; padding:30px 0 30px 0; margin:0 auto;}
.scon_gallery_view #bd_content{margin-bottom: 30px;}


.scon_board_view table.table-header{border-top:2px solid #31543c; background:#f7f7f7;}
.scon_board_view table.table-header tr{height:60px; border-bottom:1px solid #ccc;}
.scon_board_view table.table-header .title{font-size:18px; word-break: break-all; padding: 5px 25px 5px 25px;}
.scon_board_view table.table-header .data{font-size:13px; text-align:right; padding-right:30px; color:#5e5e5e;}
.scon_board_view table.table-header div{float:left;}
.scon_board_view table.table-header .seladd{width:90px; height:36px; border:1px solid #c8c8c8; text-align:center; line-height:36px; margin-right:15px; background:#fff;}
.scon_board_view table.table-header .seladd a{color:#333;}
.scon_board_view table.table-header .selshr{width:36px; height:36px; border:1px solid #eecca0; background:#f7d8af;}
.scon_board_view table.table-header .selshr img{padding:8px 0 0 9px;}
.scon_board_view .board_contents{max-width:1080px; border-bottom:1px solid #ccc; padding:20px 20px 40px 20px; overflow:hidden; margin-top:20px; font-size:14px; line-height:26px; *text-align: center;}
.scon_board_view .board_contents img{max-width:1040px;}



/** 고객센터 **/
input.inpType01{height:38px;  border:1px solid #c7c7c7; font-size:16px; line-height:38px;}



/*게시판페이징*/
.paging {display: inline-block;clear: both;width: 100%;text-align: center;position: relative;margin-top: 50px;margin-bottom: 50px;z-index: 999;left: 50%;transform: translateX(-50%);height: 38px;}
.paging .pagination {border-radius: 0;}
.paging .pagination>li>a{color: #31543C; width:38px; height:38px; font-size:16px; line-height: 35px; padding: 0; font-weight:300; margin-right:10px;}
.paging .pagination>li>a:hover{color:#31543C; font-weight:400;}
.paging .pagination>li:first-child>a{line-height: 30px; border-radius: 0;}
.paging .pagination>li:last-child>a{line-height: 30px; border-radius: 0; margin-right:0;}
.paging .pagination>.active>a{background-color: #31543C;border-color: #31543C;color: #fff; font-weight:400;}
.paging .pagination>.active>a:hover{color: #fff;}
.paging .page-link:focus{box-shadow: 0 0 0 0.2rem rgba(52,85,60,.25);}


.boardview_btm {margin-top:40px;}
.boardview_btm li{float:left; font-size:16px;}



/** 로그인 **/
#loginbg {background: url(/resources/images/login/login_bg.jpg) no-repeat top center;background-size: cover;}
#loginbg .login_wrap{width:500px; background:#fff; margin:0 auto; position:relative; top:100px; }
#loginbg::after{display: block; content: ""; clear: both; height: 275px;}
#loginbg .login_wrap .login{width:348px; margin: 0 auto; padding: 50px 0 0;}
#loginbg .login_wrap .login h1{text-align: center;}
#loginbg .login_wrap .login p{text-align: center;}
#loginbg .login_wrap .login table{margin-top:40px;}
#loginbg .login_wrap .login table tfoot{font-size:14px; color:#5e5e5e; line-height:45px;}
#loginbg .login_wrap .login .loginType01, #loginbg .login_wrap .login .loginType02{width:100%; height:42px; text-indent:10px; border-bottom:1px solid #ccc; border-top:0; border-left:0; border-right:0;font-size:16px;font-family: 'Noto Sans KR', sans-serif;}
#loginbg .login_wrap .login table tr:nth-child(2)>td{ /*비밀번호*/padding-top:20px; padding-bottom:20px;}
#loginbg .login_wrap .login table tr:nth-child(3)>td{ /*로그인 버튼*/padding:40px 0 20px 0;}
#loginbg .login_wrap .login table tr:nth-child(n+4)>td{padding-bottom: 20px;}



/*에러*/
.accessdenied{position: absolute!important; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 700px; padding: 50px 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); background: rgba(0,0,0,0.01); border-radius: 5px;}
.accessdenied .accessdenied_icon img{display: block; width: 50px; margin: 0 auto 30px;}
.accessdenied .accessdenied_tit{text-align: center;}
.accessdenied .accessdenied_tit h4{color: #36563d;}
.accessdenied .accessdenied_con p{text-align: center;color: #929292;}
.accessdenied .accessdenied_con p span{color: #000000;}
.accessdenied .accessdenied_btn ul{display: table; margin: 0 auto;}
.accessdenied .accessdenied_btn ul li{float: left; margin-left: 10px;}
.accessdenied .accessdenied_btn ul li:first-child{margin-left: 0;}

/*커스텀스타일*/
.font_12{font-size: 12px!important;}
.font_14{font-size: 14px!important;}
.font_16{font-size: 16px!important;}
.font_18{font-size: 18px!important;}
.font_20{font-size: 20px!important;}
.font_22{font-size: 22px!important;}
.word_break_keep_all{word-break: keep-all!important;}

.color_ffffff{color: #ffffff!important;}
.color_36563d{color: #36563d!important;}
.color_dddddd{color: #dddddd!important;}
.color_929292{color: #929292!important;}

.back_color_ffffff{background: #ffffff!important;}
.back_color_f3f3f3{background: #f3f3f3!important;}
.back_color_36563d{background: #36563d!important;}
.back_color_dddddd{background: #dddddd!important;}

.border_color_dddddd{border-color: #dddddd!important;}

.height_50{height: 50px!important;}

.top_0{top: 0!important;}
.left_0{left: 0!important;}
.bottom_0{bottom: 0!important;}
.right_0{right: 0!important;}
.z-index_99999{z-index: 99999!important;}

.form-label {display: block;margin-bottom: .375rem;font-weight: 500;font-size: 0.875rem;}
.form-p {display: block;margin-bottom: .375rem;font-weight: 400;font-size: 0.8rem; color: #929292;}
.form-control {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 0.9375rem;line-height: 1.6;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 40, 100, 0.12);border-radius: 3px;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control::placeholder {color: #bbbbbb;opacity: 1;}