.faq-list-con{border-top:1px solid #000; }
.faq-list-con .faq-item{border-bottom:1px solid #d7d7d7;}
.faq-list-con .faq-item dt{position:relative; padding:22px 45px 22px 55px; cursor:pointer; }
.faq-list-con .faq-item dt .faq-title{display:block; color:#3f3c3c; font-size:17px; font-weight:500; letter-spacing:-0.85px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.faq-list-con .faq-item dt .arrow{position:absolute; top:28px; right:25px; width:13px; height:9px; }
.faq-list-con .faq-item dt i{color:#666; font-size:14px;}
.faq-list-con .faq-item dd{display:none; position:relative; border-top:1px solid #d7d7d7; padding:40px 55px 40px 75px; background:#fafafa; }
.faq-list-con .faq-item dd .answer-con{line-height:1.3; font-size:15px; color:#333; font-weight:400; }
.faq-list-con .faq-item dt .question-icon,.faq-list-con .faq-item dd .answer-icon{
    position:absolute; top:18px; left:10px; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight: 700;
    -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.faq-list-con .faq-item dt .question-icon{background-color:#94c457;}
.faq-list-con .faq-item dd .answer-icon{top:43px; left:30px;background-color:#848484; }
.faq-list-con .faq-item.open dt .arrow i{margin-top:-2px; transform:rotate(-180deg); }
.faq-list-con .faq-item.open dt .faq-title{white-space:normal; text-overflow:unset; }


.del_bx { width: 40%; margin: 0 auto; }
/* 페이징 */
.pagination{display:inline-block;padding-left:0;margin:20px 0 10px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:10px 15px;margin-left:-1px;line-height:1.42857143;color:#4e4e4e;text-decoration:none;background-color:#fff;border:1px solid #ddd; font-size: 13px; font-weight: 500;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#000;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#4e4e4e;border-color:#4e4e4e}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777; background-color:#fff;border-color:#ddd}
.pagination>li>a>i { font-size: 12px; }


#search_box02 {
  padding-bottom: 20px; 
  text-align: right;  
  clear: both;
}
#search_box02 img, #search_box02 select, #search_box02 input { border-radius: 4px; vertical-align:middle; font-size: 14px; font-weight: 400; border: 1px solid #bebebe; letter-spacing: -1px; }
#search_box02 select { padding-right: 30px; height: 33px; background-color: #fff; }

.input01 { border: 1px solid #bebebe; border-radius: 4px; padding: 0 0 0 5px; width: 200px; height: 31px; }

.btn_inp {display:inline-block; padding:8px 15px; border:0; background:#363636; color:#fff; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
.btn_inp:hover { background:#5e8d22; color:#fff; }
.btn_inp i{margin-right: 5px;}
#search_box02 .btn_search {padding:8px 15px; border:0; background:#363636; color:#fff; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
#search_box02 .btn_search:hover { background:#5e8d22; font-weight: 400; }
a.btn_b01 {display:inline-block; padding:13px 30px; background:#696969; color:#fff; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
a.btn_b01:focus, .btn_b01:hover { background:#2a2a2a; }
a.btn_b02 {display:inline-block; padding:13px 30px; background:#5e8d22; color:#fff; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
a.btn_b02:focus, .btn_b02:hover { background:#436e0c; }
a.f5 {display:inline-block; padding:8px 20px; background:#fafafa; color:#2a2a2a; border: 1px solid #d6d6d6; font-weight: 500; font-size: 12px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
a.f5:focus, .f5:hover { background:#2a2a2a ;color:#fff; border: 1px solid #2a2a2a; }
a.btn_sml {display:inline-block; padding:8px 12px; color:#696969; border: 1px solid #696969; font-weight: 500; font-size: 0.9em; line-height: 1.0; vertical-align: middle; letter-spacing: -1px; border-radius: 3px; cursor: pointer;}
a.btn_sml:focus, .btn_sml:hover { background:#696969; color:#fff; }


/*게시판리스트*/
.story{ width: 100%; position: relative; }
.story ul { clear: both; width: 100%; border-bottom:1px solid #cdcdcd!important; }
.story ul li { float: left; }
.story ul li form, .story ul li input { float: left; }
.story .common_th li { border-top: 2px solid #4a4a4a; background: #fafafa; color:#090909; font-size:1.0em; font-weight: 500; padding: 20px 0; text-align: center; letter-spacing: -1px; }
.story .common_tb li { color:#505050; font-size:0.95em; line-height: 1.2; font-weight: 400; padding: 18px 0; letter-spacing: -1px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.story .common_tb li a { color:#505050; font-size:0.95em; line-height: 1.2; font-weight: 400; letter-spacing: -1px; }
.common_tb a {cursor: pointer;}
.story .common_tb li a:hover{color:#000;}
.story .common_th .title { text-align: center; width: 72%; }
.story .common_tb .title { text-align: left; padding-left: 2%; width: 70%; }
.story ul .number{width:5%; text-align: center;}
.story ul .date{width:15%; text-align: center;}
.story ul .hit{width:8%; text-align: center;}

/*게시판리스트*/
.story02{ width: 100%; position: relative;}
.story02 ul { clear: both; width: 100%; }
.story02 ul li { float: left; }
.story02 ul li form, .story02 ul li input { float: left; }
.story02 .common_th li { border-top: 2px solid #4a4a4a; border-bottom:1px solid #777; color:#090909; font-size:1.0em; font-weight: 500; padding: 15px 0; text-align: center; letter-spacing: -1px; }
.story02 .common_tb li { border-bottom:1px solid #cdcdcd; color:#505050; font-size:0.95em; line-height: 1.2; font-weight: 400; padding: 13px 0; letter-spacing: -1px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.story02 .common_tb li a { color:#505050; font-size:0.95em; line-height: 1.2; font-weight: 400; letter-spacing: -1px;  }
.story02 .common_tb li a:hover{color:#000;}
.story02 .common_th .title { text-align: center; width: 80%; }
.story02 .common_tb .title { text-align: left; padding-left: 2%; width: 78%; }
.story02 ul .status{width:20%; text-align: center;}
.end { background-color: #31505e; border-radius: 3px; color: #fff; font-size:0.85em; font-weight: 500; line-height: 1; padding: 4px 9px;  }
.ing { background-color: #0296d7; border-radius: 3px; color: #fff; font-size:0.85em; font-weight: 500; line-height: 1; padding: 4px 9px; }
.evr { border: 1px solid #f18919; border-radius: 3px; color: #f18919; background-color: #fff; font-size:0.85em; font-weight: 500; line-height: 1; padding: 4px 9px; }


.story03{ width: 100%; position: relative;}
.story03 ul { clear: both; width: 100%; }
.story03 ul li { float: left; }
.story03 ul li form, .story03 ul li input { float: left; }
.story03 .common_th li { border-top: 2px solid #4a4a4a; border-bottom:1px solid #777; color:#090909; font-size:1.0em; font-weight: 500; padding: 15px 0; text-align: center; letter-spacing: -1px; }
.story03 .common_tb li { border-bottom:1px solid #cdcdcd; color:#505050; font-size:0.95em; line-height: 1.2; font-weight: 400; padding: 13px 0; letter-spacing: -1px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.story03 .common_tb li a { color:#505050; font-size:0.95em; line-height: 1.2; font-weight: 400; letter-spacing: -1px;  }
.story03 .common_tb li a:hover{color:#000;}
.story03 ul .number{width:20%; text-align: center;}
.story03 ul .date{width:15%; text-align: center;}
.story03 ul .name{width:10%; text-align: center;}
.story03 ul .area{width:15%; text-align: center;}
.story03 ul .type{width:25%; text-align: center;}
.story03 ul .status{width:15%; text-align: center;}



/* 읽기 */
.bbs_view { border-top: 2px solid #4a4a4a; border-bottom: 2px solid #4a4a4a; float: none; *zoom:1; margin-bottom: 18px; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.bbs_view:after { content:""; display:block; clear:both;}
.bbs_view_tit{ border-bottom: 1px solid #cdcdcd; padding: 18px 15px; font-size: 1.2em; line-height: 1.3; color: #090909; font-weight: 500; float: none; *zoom:1; letter-spacing: -1px; word-break: keep-all; }
.bbs_view_tit:after { content:""; display:block; clear:both;}
.bbs_view_tit02{ border-bottom: 1px solid #cdcdcd; background-color: #fbfbfb; padding: 18px 15px; float: none; *zoom:1; font-weight: 400; font-size: 0.95em; color: #2a2a2a; line-height: 1.3; letter-spacing: -1px; word-break: keep-all; }
.bbs_view_tit02:after { content:""; display:block; clear:both;}
.bbs_view_tit02 span { padding-left: 20px; }
.bbs_view_tit02 span:first-child { padding-left: 0; }
.bbs_view_tit02 i { margin-right: 7px; }
.bbs_view_tit02 a { font-size:0.95em; line-height:1.3; color:#2a2a2a; font-weight:700; letter-spacing:-.5px;}
.bbs_view_tit02 a i { font-size: 1.05em; margin-right: 5px; color: #806c64; }
.bbs_view_con { width: 100%; padding: 25px 15px; float: left; list-style-position: initial; line-height:1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.bbs_view_con p { padding: 8px 0; }

.bbs_view_tit03{ border-top: 1px solid #cdcdcd; padding: 15px 15px; float: none; *zoom:1; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_view_tit03:after { content:""; display:block; clear:both;}
.bbs_view_tit03 i { color: #2a2a2a; font-size: 0.95em; margin-right: 10px; }
.pn_tit { font-size: 0.95em; line-height: 1.3; color: #090909; font-weight: 500; text-align: center; }
.pn_link { padding-left: 15px; }
.pn_link a { font-size: 0.95em; line-height: 1.3; color: #090909; font-weight: 400; letter-spacing: -1px; }
.pn_link a:hover { font-size: 0.95em; line-height: 1.3; color: #090909; font-weight: 400; }

/* 쓰기 */
em{font-style:normal;}

.tbl_form {position: relative; margin-bottom: 30px; border-bottom: 1px solid #3c3c3c; margin-top: 20px;}
.tbl_form p.necessary { margin-bottom: 10px; color: #666; font-size: 14px; line-height: 18px; font-weight: 400;}
.tbl_form .necessary:before {content: '*'; position: relative; top: 3px; display: inline-block; margin-right: 5px; font-weight: 400; color: #94c457;}
.tbl_form .necessary {top: 0;}

.tbl_form table {border-top: 2px solid #3c3c3c; margin:0;padding:0; line-height:120%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-collapse:collapse;border-spacing:0; width:100%; }
.tbl_form table th {width: 162px; padding: 17px 0 17px 20px; border-bottom: 1px solid #dedede; vertical-align: top; font-size: 15px; line-height: 18px; color: #090909; font-weight: 500; text-align:left; vertical-align:middle;}
.tbl_form table td {padding: 9px 0; border-bottom: 1px solid #dedede; color: #2a2a2a; font-size: 15px; line-height: 18px; font-weight: 400; vertical-align: middle;}
.tbl_form table td > .text {width: 226px;}
.tbl_form table td .email > span {display: inline-block;}
.tbl_form table td .email > span > span {width: 226px;}
.tbl_form table td .email > span + span {margin-left: 15px;}
.tbl_form table td .email em {display: inline-block; width: 30px; text-align: center;}
.tbl_form table td .number > span {width: 100px;}
.tbl_form table td .number em {display: inline-block; width: 19px; text-align: center;}
.tbl_form table td .into > span {display: inline-block;}
.tbl_form table td .into > span:first-child {width: 226px;}
.tbl_form table td .into .select {width: 100%;}
.tbl_form table td .into .text {width: 100px; margin-left: 15px;}
.tbl_form table td .into em {display: inline-block; margin-left: 5px; vertical-align: middle;}
.tbl_form table td .textarea {height: 185px; }
.tbl_form table td .radio_wrap > span + span {margin-left: 20px;}
.tbl_form table td .radio_wrap label{margin:5px 20px 5px 0;}
.tbl_form .wtxt { font-size: 14px; padding-left: 10px; letter-spacing: -1px; }
/* 공통 :: 버튼  */
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls a{line-height:42px;}
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a{width:100%; height:50px; margin:0px; margin-bottom:5px;}
.cm-btn-controls.cm-btn-long-controls a{box-sizing:border-box; line-height:50px;}
.cm-btn-controls .btn-style01{background-color:#4A4A4A;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}
.cm-btn-controls .btn-style04{background-color:#000;}
/* 회원가입폼 */
.form_tag{position:relative; display:inline-block;}
.form_tag input[type="file"],
.form_tag input[type="text"],
.form_tag input[type="password"],
.form_tag select,
.form_tag textarea{border:1px solid #ddd; background-color:#fff; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; transition-duration:0.3s; overflow:hidden;}
.form_tag input:focus,
.form_tag textarea:focus,
.form_tag select:focus{border-color:#1f2c5c}
.form_tag input[type="file"],.form_tag input[type="password"],.form_tag input[type="text"]{width:100%; box-sizing:border-box;height:40px; line-height:40px; text-indent:9px;}
.form_tag select{cursor:pointer; }
.form_tag select::-ms-expand{display: none;}
.form_tag.select{}
.form_tag.select:after{content:''; position:absolute; right:10px; top:15px; width:12px; height:6px; background:url(../images/common/bul_arr_b04.png) 0 0 no-repeat;}
.form_tag select{height:36px; padding:0 32px 0 9px; width:100%;}
.form_tag textarea{width:100%; height:100%; line-height:26px; padding:14px 10px; box-sizing:border-box; overflow:auto;}
.form_tag.radio label{cursor:pointer; position:relative; overflow:hidden;}
.form_tag.radio input{position:absolute; left:-100px; top:-100px; visibility:hidden; opacity:0}
.form_tag.radio span{position:relative; display:inline-block; padding: 3px 0; font-size: 1.0em; line-height: 1.5;}
.form_tag.radio span:before{content:''; display:inline-block; vertical-align:middle; background:url(../images/icon/bul_radio.png) 0 0 no-repeat; margin-right:9px; width:20px; height:20px;}
.form_tag.radio input:checked+span:before{background-position:0 100%}
.form_tag.radio span i{ font-size: 0.9em; color: #cacaca;}
.form_tag.radio span .red { color: #c64045; }
.tbl_form .wtxt { font-size: 14px; padding-left: 10px; letter-spacing: -1px; }
.form_tag.radio.agr span{}
.form_tag.radio.agr span:before{ background:url(../images/icon/bul_radio_agr.png) 0 0 no-repeat; background-size: 20px 40px; width:20px; height:20px; margin-right:5px;}
.agree_wrap { margin-bottom: 40px; }
.agree_wrap:last-child { margin-bottom: 0;}
.agree_wrap .agr_y { color:#2a2a2a; font-family: "Noto Sans KR", 'Nanum Gothic'; font-size:16px; line-height: 20px; font-weight: 400; letter-spacing: -1px; }
.agr_tar { width: 100%; height: 150px; padding: 20px 20px; color:#2a2a2a; font-family: "Noto Sans KR", 'Nanum Gothic'; font-size:16px; line-height: 20px; font-weight: 400; letter-spacing: -1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; background-color: #f9f9f9; border: 1px solid #d8d8d8; border-radius: 5px; margin-bottom: 10px; }
table.ta_type2 { border-top: 1px solid #000; border-collapse: collapse; width:100%; }
table.ta_type2 th { border-bottom: 1px solid #c9c9c9; background-color: #f8f8f8; padding: 25px 25px 30px; text-align: left; font-size: 1.0em; font-weight: 500; font-family: "Noto Sans KR", 'Nanum Gothic'; letter-spacing: -1px; vertical-align: middle; color: #222; box-sizing: border-box; }
table.ta_type2 td { border-bottom: 1px solid #c9c9c9; padding: 15px 20px; font-size: 1.0em; font-weight: 400; font-family: "Noto Sans KR", 'Nanum Gothic'; letter-spacing: -1px; vertical-align: middle; box-sizing: border-box; position: relative;}
table.ta_type2 input { border: 1px solid #ddd; vertical-align: middle; font-size: 1.0em; font-weight: 400; font-family: "Noto Sans KR", 'Nanum Gothic'; }
table.ta_type2 textarea { border: 1px solid #c9c9c9; vertical-align: middle; font-size: 1.0em; font-weight: 400; font-family: "Noto Sans KR", 'Nanum Gothic'; }
.ta_type2.col_two th {width: 14.5%; }
.ta_type2.col_four th {width: 14.45%; }
.ta_type2.col_four td {width: 35.5%; }
.tot { font-family: "Noto Sans KR", 'Nanum Gothic'!important; letter-spacing: -1px;font-weight: 500!important; color: #222!important; font-size: 1.5em!important;}
.tot span { font-family: 'Play','Noto Sans KR'; font-weight: 700; color: #e94242;}
.gry_01 { background-color: #f8f8f8; }
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px!important;}
.essential-icon{color:#cf0505; margin: 0 3px 0 0; vertical-align: middle;}

/* 문의하기 01 :: 개인정보취급방침 */
.inquiry-style07-agree-con{margin-bottom:50px;}
.inquiry-style07-agree-box{border:1px solid #cecece; height:150px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#fff; line-height: 1.4;}
.inquiry-style07-agree-con .agree-txt{font-size:0.95em; line-height:20px; padding:13px 25px; letter-spacing:-0.65px; color:#414141; background-color:#f1f1f1; border:1px solid #cecece; border-top:0;}
.inquiry-style07-agree-con .agree-txt span{color:#b9272d; font-weight:500;}
.point-txt {margin-top:10px; position:relative; font-size: 0.9em; }
.inquiry-essential-txt {float:right; }


.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; padding: .5em .75em; color: #2a2a2a; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #2a2a2a; border-bottom-color: #2a2a2a; border-radius: .25em; } /* named upload */ 
.filebox .upload-name { display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.block {
    display: block !important;
}
.relative {
    position: relative;
}
.img-hover-list-wrap{
    margin: 0;
}
.img-hover-list-wrap img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-style: none;
}
.img-hover-list-wrap i { color: #fff; font-size: 18px; }
.img-hover-list-wrap [class*=col]{
    padding:0;
}
.img-hover-list-wrap .inner-wrap {
    overflow: hidden;
	border-radius: 10px;
}
.img-hover-list-wrap .hover-wrap{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0,0,0,.6);
    transition: transform .5s;
    -webkit-transition: transform .5s;
    transform: translateY(101%);
    -webkit-transform: translateY(101%);
}

.img-hover-list-wrap .hover-wrap .content-wrap{
    width: 100%;
    text-align: center;
}
.img-hover-list-wrap .title{
    margin-top: 7px;
    font-size: 17px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
}
.img-hover-list-wrap.en .title{
    font-size: 16px;
}

.row{display:block; width: 1200px; margin: 0 auto; }
.row:after{content:"";display:block;clear:both}

.d-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.row li {
    width: 32%;
    max-width: 32%;
	margin: 0 2% 4% 0;
	position: relative;
	float: left;
	text-align: center;
}

.row li:nth-child(3n) {
	margin: 0 0 4% 0;
}
.pr_tit { font-size:20px; line-height: 1.3; letter-spacing: -0.5px; font-weight:500; color: #000; padding: 15px 0 3px 0; }
.pr_txt { font-size:14px; line-height: 1.3; letter-spacing: -0.5px; font-weight:400; color: #717171; display: -webkit-box; overflow: hidden; height:34px; text-overflow: ellipsis; -webkit-line-clamp: 2; }

.pro-image { float: left; width: 32%; margin-right: 2%; padding: 0 0 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; position:relative; }
.pro-image:nth-child(3n) { margin-right: 0; }
.pro-image img { width: 100%; height: 350px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border: 4px solid #fff;}
.sec01_tit01 { font-size:22px; line-height: 1.1; color: #2a2a2a; font-weight: 500; padding: 20px 10px 3px 10px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.pro-image a { display:block; position:relative; }



@media (max-width: 1280px) {
	.row{ width: 100%; }
	.img-hover-list-wrap img { height: 270px;}
}


@media all and (max-width:1220px){	

.story .common_tb li img { display: none; }


/* 쓰기 */
	.tbl_form {margin-bottom: 20px;}
	.tbl_form p.necessary {font-size: 13px;}
	.tbl_form .necessary:before {top: 2px;}

	.tbl_form table th {padding: 15px 0 15px 10px; font-size: 14px;}
	.tbl_form table td {padding: 8px 0; font-size: 13px;}
	.tbl_form table td > .text {width: 100%;}
	.tbl_form table td .form_tag input[type="text"], .tbl_form table td .form_tag select, 
	.tbl_form table td .form_tag textarea, .tbl_form table td .form_tag.radio span {font-size: 13px;}
	.tbl_form table td .email > span:after {content: ''; display: block; clear: both;}
	.tbl_form table td .email > span:first-child {width: 100%; margin-bottom: 2px;}
	.tbl_form table td .email > span:first-child > * {float: left;}
	.tbl_form table td .email > span + span {width: 100%; margin-left: 0;}
	.tbl_form table td .email .select {width: 100%;}
	.tbl_form table td .email .text {width: 46%;}
	.tbl_form table td .email em {width: 8%; margin-top: 5px;}
	.tbl_form table td .number:after {content: ''; display: block; clear: both;}
	.tbl_form table td .number > * {float: left;}
	.tbl_form table td .number > span {width: 30%;}
	.tbl_form table td .number em {width: 5%; margin-top: 5px;}
	.tbl_form table td .into > span {width: 100%;}
	.tbl_form table td .into > span:first-child {width: 100%; margin-bottom: 10px;}
	.tbl_form table td .into > span + span > * {float: left;}
	.tbl_form table td .into .text {width: 40%; margin-left: 0;}
	.tbl_form table td .into em {width: 7%; margin: 5px 0 0 0; padding: 0 2% 0 1%;}
	.tbl_form table td .textarea {height: 185px;}
	.tbl_form table td .radio_wrap {padding: 5px 0;}
	.tbl_form table td .radio_wrap > span {display: block;}
	.tbl_form table td .radio_wrap > span + span {margin: 12px 0 0 0;}
	
	.form_tag input[type="file"],
	.form_tag input[type="text"],
	.form_tag input[type="password"],
	.form_tag select,
	.form_tag textarea{font-size:0.95em}	
	.form_tag select{height:30px;}
	.form_tag.select:after{background-size: 10px 6px; width:10px; height:6px; top:12px; right:7px;}
	.form_tag textarea{line-height:21px; padding:3px 9px;}
	.form_tag.radio span:before{background-size: 15px 30px; width:15px; height:15px;}
	.form_tag.radio.agr span:before{background-size: 15px 30px; width:15px; height:15px;}	
	.tbl_form .wtxt { font-size: 13px; line-height: 18px; padding-left: 0; }
	
	
	/*읽기*/
	.bbs_view_con img { width: 100%; }

}

@media (max-width: 1200px) {
.img-hover-list-wrap img { height: 230px;}

.pro-image { padding: 0 0 30px 0; }
.pro-image img { height: 310px;}
.sec01_tit01 { font-size:20px; padding: 20px 10px 0 10px; }	
	
}

@media (max-width: 1023px) {
.img-hover-list-wrap img { height: 200px;}

.pr_tit { font-size:17px; padding: 7px 0 3px 0; }
.pr_txt { font-size:13px; height:30px; }

.pro-image { padding: 0 0 30px 0; }
.pro-image img { height: 280px;}
.sec01_tit01 { font-size:18px; padding: 15px 10px 0 10px; }

.ta_type2.col_four th, .ta_type2.col_four td, .ta_type2.col_two th, .ta_type2.col_two td { padding: 15px 15px 15px;}
table.ta_type2 td { padding: 15px 15px 15px; }
.form_tag input[type="file"],.form_tag input[type="password"],.form_tag input[type="text"]{height:30px; line-height:30px;}
a.btn_sml { padding:7px 9px; }
	
	
}
@media (max-width: 950px) {
.pro-image img { height: 265px;}
}

@media (max-width: 900px) {
.img-hover-list-wrap img { height: 160px;}

}


@media all and (max-width:768px){
.faq-list-con .faq-item dt{ padding:18px 45px 18px 45px; }
.faq-list-con .faq-item dt .faq-title{ font-size:15px; }
.faq-list-con .faq-item dt .arrow{ top:23px; right:20px; }
.faq-list-con .faq-item dt i{ font-size:13px;}
.faq-list-con .faq-item dd{ padding:20px 20px 20px 30px; }
.faq-list-con .faq-item dd .answer-con{ font-size:13px; }
.faq-list-con .faq-item dt .question-icon,.faq-list-con .faq-item dd .answer-icon{ top:18px; left:15px; width:20px; height:20px; line-height:20px; font-size:11px; }
.faq-list-con .faq-item dd .answer-icon{display:block; position:static; margin-bottom:10px; }
	
.del_bx { width: 60%; margin: 0 auto; }
.wrt_btn { top: 18px; }
.blank01 { margin-top: 20px; }

/* 페이징 */
.pagination>li>a,.pagination>li>span{font-size: 12px; padding:6px 11px; }
.pagination>li>a>i { font-size: 11px; }

#search_box02 {
  padding-bottom: 10px;
}

#search_box02 img, #search_box02 select, #search_box02 input { font-size: 13px; }
#search_box02 select { height: 28px; }

.input01 { width: 150px; height: 26px; }

.btn_inp { font-size: 13px; padding: 10px 20px; }
#search_box02 .btn_search { font-size: 13px; padding: 10px 20px; }
a.btn_b01, a.btn_b02 { font-size: 13px; padding: 10px 20px; }


/*게시판리스트*/
.story .common_th li { font-size:14px; padding: 13px 0; }
.story .common_tb li { font-size:13px; line-height: 16px; padding: 11px 0; }
.story .common_tb li a { font-size:13px; line-height: 16px; }
.story .common_th .title { width: 85%; }
.story .common_tb .title { padding-left: 2%; width: 83%; }
.story ul .number{ display: none; }
.story ul .date{width:15%; }
.story ul .hit{ display: none; }

/*약관동의*/
.agree_wrap { margin-bottom: 30px; }
.agr_tar { height: 140px; padding: 20px 20px; font-size:14px; line-height: 18px; }
	/* 공통 :: 버튼  */
	.cm-btn-controls button,.cm-btn-controls a{
		min-width:110px; width:auto; 
		padding:0 10px; height:36px; font-size:14px; -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 box-sizing: border-box; }
	.cm-btn-controls a{line-height:36px;}
	
	/* 문의하기 01 :: 개인정보취급방침 */
	.inquiry-style07-agree-con{margin-bottom:25px;}
	.inquiry-style07-agree-box{height:100px; padding:10px;}
	.inquiry-style07-agree-con .agree-txt{padding:10px; }
	
/*회원가입폼*/
table.ta_type2 th { font-size: 0.95em; }
table.ta_type2 td { font-size: 0.95em; }
table.ta_type2 input { font-size: 0.95em; }
table.ta_type2 textarea { font-size: 0.95em; }
table.ta_type2 tr {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.ta_type2.col_four th, .ta_type2.col_four td, .ta_type2.col_two th, .ta_type2.col_two td {display: inline-block; vertical-align: middle;}
.ta_type2.col_four th, .ta_type2.col_two th {width:125px; }
.ta_type2.col_four td, .ta_type2.col_two td {width: calc(100% - 125px);}

.row li {
    width: 49%;
    max-width: 49%;
	margin: 0 2% 4% 0;
}
.row li:nth-child(2n) {
	margin: 0 0 4% 0!important;
}
.row li:nth-child(3n) {
	margin: 0 2% 4% 0;
}

.img-hover-list-wrap img { height: auto;}

.pr_tit { font-size:16px; padding: 5px 0 3px 0; }
.pr_txt { font-size:13px; height:30px; }
	
.pro-image { width:49%; margin:0 2% 2% 0; }
.pro-image img { height: 290px; }
.pro-image:nth-child(3n) { margin: 0 2% 2% 0; }
.pro-image:nth-child(2n) { margin: 0 0 2% 0; }

.story03 ul .number{ display: none;}
.story03 ul .date{width:20%; }
.story03 ul .name{width:17%; }
.story03 ul .area{width:18%; }
.story03 ul .type{width:25%; }
.story03 ul .status{width:20%; }
	
}

@media screen and (min-width: 992px){
    .img-hover-list-wrap [class*=col]:hover .hover-wrap{
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }


}

@media all and ( max-width:640px ){
.faq-list-con .faq-item dt{ padding:16px 30px 16px 45px; }
.faq-list-con .faq-item dt .faq-title{ font-size:14px; }
.faq-list-con .faq-item dt .arrow{ top:19px; right:15px; }
.faq-list-con .faq-item dt i{ font-size:12px;}
.faq-list-con .faq-item dd{ padding:15px 15px 15px 20px; }
.faq-list-con .faq-item dd .answer-con{ font-size:12px; }
.faq-list-con .faq-item dt .question-icon,.faq-list-con .faq-item dd .answer-icon{ top:14px; left:15px; width:20px; height:20px; line-height:20px; font-size:11px; }
	
.del_bx { width: 90%; margin: 0 auto; }
.wrt_btn { top: 12px; }

/* 페이징 */
.pagination{ margin:10px 0;}
.pagination>li>a,.pagination>li>span{ padding:6px 10px; font-size: 11px; }
.pagination>li>a>i { font-size: 10px; }

#search_box02 {
  padding-bottom: 5px;
}

#search_box02 img, #search_box02 select, #search_box02 input { font-size: 11px; }
#search_box02 select { height: 26px; padding-right: 15px; }

.input01 { width: 110px; height: 24px; }

.btn_inp { font-size: 11px; padding:9px 15px; }
#search_box02 .btn_search { font-size: 11px; padding:7px 10px; }
a.btn_b01, a.btn_b02 { font-size: 11px; padding:7px 10px; }


/*게시판리스트*/
.story .common_th li { font-size:13px; }
.story .common_tb li { font-size:12px; line-height: 15px; }
.story .common_tb li a { font-size:12px; line-height: 15px; }
.story .common_th .title { width: 80%; }
.story .common_tb .title { padding-left: 2%; width: 78%; }
.story ul .number{ display: none; }
.story ul .date{ width:20%; }
.story ul .hit{ display: none; }
	
/* 읽기 */
.bbs_view_tit{ padding: 13px 10px; }
.bbs_view_tit02{ padding: 13px 10px; }
.bbs_view_con { padding: 15px 10px; }
.bbs_view_tit03{ padding: 13px 10px; }

/* 쓰기 */
	.tbl_form p.necessary {font-size: 12px;}
	.tbl_form table th {width: 30%; padding: 15px 0 15px 10px; font-size: 12px; letter-spacing: -1px;}
	.tbl_form table td {padding: 8px 0; font-size: 12px;}
	.tbl_form table td .form_tag input[type="text"], .tbl_form table td .form_tag select, 
	.tbl_form table td .form_tag textarea, .tbl_form table td .form_tag.radio span {font-size: 12px;}
	.tbl_form table td .textarea {height: 185px;}
	
	
/*약관동의*/
.agree_wrap { margin-bottom: 30px; }
.agr_tar { height: 120px; padding: 15px 15px; font-size:12px; line-height: 16px; margin-bottom: 5px; }
	
/*회원가입폼*/
.ta_type2.col_four td, .ta_type2.col_two td { padding: 10px 10px 10px;}
table.ta_type2 td { padding: 10px 10px 10px; }
	
.cm-btn-controls {padding-top: 10px;}
.cm-btn-controls button,.cm-btn-controls a{ min-width:80px; height:28px; font-size:13px; }
.cm-btn-controls a{line-height:28px;}

.upload-name { width: 65%; }

.pro-image { padding: 0 0 25px 0; }
.pro-image img { height: 230px; }
.sec01_tit01 { font-size:14px; padding: 15px 0 0 0; }
	
/*게시판리스트*/
.story02 .common_th li { font-size:1.0em; padding: 12px 0; }
.story02 .common_tb li { padding: 11px 0; }
.end { font-size:0.9em; padding: 3px 7px; }
.ing { font-size:0.9em; padding: 3px 7px; }
.evr { font-size:0.9em; padding: 3px 7px; }
.story03 .common_th li { font-size:1.0em; padding: 12px 0; }
.story03 .common_tb li { padding: 11px 0; }	

}


@media (max-width: 480px) {
a.btn_sml { padding:5px 10px; }
.pr_tit { font-size:14px; }
.pr_txt { font-size:12px; height:30px; }
	
.pro_bx { width: 100%; margin: 0 auto; }
.pro-image { padding: 0 0 15px 0; }
.pro-image img { height: 180px;}
.sec01_tit01 { font-size:13px; padding: 10px 0 0 0; }
	
.btn_inp { padding:6px 12px; }
	
.story03 ul .date{width:25%; }
.story03 ul .name{width:20%; }
.story03 ul .area{display: none; }
.story03 ul .type{width:30%; }
.story03 ul .status{width:25%; }
	
.cm-btn-controls button,.cm-btn-controls a{ min-width:36px; font-size:12px; }
	
.ta_type2.col_four td, .ta_type2.col_two td { padding: 7px 7px 7px;}
table.ta_type2 td { padding: 7px 7px 7px; }
.ta_type2.col_four th, .ta_type2.col_two th {width:105px; }
.ta_type2.col_four td, .ta_type2.col_two td {width: calc(100% - 105px);}

}