/*********** 공통 css *************/
select, .select {font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); padding:0 15px; font-family:inherit; height:50px !important; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0; background: url("/resources/img/cat_arrow_bk.svg") no-repeat right 20px center/10px auto; outline:none; cursor:pointer;}
.input {font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); background-color:var(--white); padding:0 15px; font-family:inherit; height:50px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
.textarea {width:100%; height: 200px; font-family:inherit; color:var(--basic); line-height:150%; letter-spacing:-0.5px; padding:15px; border: 1px solid var(--border); background-color:var(--white); box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.list-empty { width:100%; line-height:200px; text-align:center; }

/* input 디자인 */
.input_m {width:50%;}
.input_s {width:150px; box-sizing:border-box;}
.input_l {width:100%; box-sizing:border-box;}
.input_file {width: 100%; padding:0 15px; height: 50px; line-height: 50px; box-sizing:border-box; border:1px solid var(--border); -webkit-appearance: none; -webkit-border-radius: 0;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; height:50px; line-height:48px; width:100px; border:1px solid var(--border); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0; background:white; color:#777777;}
.btn_w:hover {color: var(--black); border:1px solid var(--black); transition:all 0.3s;}
.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; height:50px; line-height:48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_b:hover  {background:var(--black); border:1px solid var(--black); color:var(--white); transition:all 0.3s}
.btn_b_s {font-size:0.9222rem; height:50px;line-height: 48px; -webkit-appearance: none; -webkit-border-radius: 0;display:inline-block; text-align:center; cursor:pointer;  color:var(--white); width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.btn_b_s:hover  {background:var(--black); border:1px solid var(--black); transition:all 0.3s;}

input.btn_w {text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #ccc; background:var(--white); color:#555; font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
input.btn_w:hover {color:var(--black); border:1px solid var(--black); transition:all 0.3s}
input.btn_b {text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
input.btn_b:hover {background:var(--black); border:1px solid var(--black); transition:all 0.3s}

.address_btn{text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}


/* 카테고리 */
.cate_tab {overflow:hidden; margin: 0 auto 55px; box-sizing:border-box; position: relative; }
.cate_tab.mobile{display: none;}
.cate_tab ul{display:flex; flex-wrap:wrap; justify-content: center;}
.cate_tab ul li{width:auto; margin: 2px;}
.cate_tab ul li a{display:inline-block; font-size:1rem; min-width:128px; padding:0 20px; line-height:43px; height: 45px; border-radius:45px; letter-spacing:-0.35pt; color:var(--basic); box-sizing:border-box; transition:all .3s linear; position:relative; text-align:center; border:1px solid var(--border);}
.cate_tab ul li:hover a{border-color:var(--main); color:var(--main);}
.cate_tab ul li.hover a{background:var(--main) !important; border-color:var(--main) !important; color:var(--white) !important;}


div.all_check {background:var(--grayBg); padding:7px; border:1px solid var(--border); width:100px; margin-bottom:15px;}
div.all_check form {float:left;}
div.all_check input[type=checkbox] {margin-right:8px; vertical-align:top;}





/* 검색바 */
.bbs_search {text-align:right; padding:0 0 30px; font-size:0; }
.bbs_search dl{display:flex; max-width:475px; width:100%; margin-left: auto;}
.bbs_search dt {width: 120px;}
.bbs_search dt select{width:100%; height:55px !important; font-size:1rem;}
.bbs_search dd{width:calc(100% - 120px); position:relative; display:flex;}
.bbs_search dd .search_input {font-size:1rem; color: var(--basic); border: 1px solid var(--border); background-color: var(--white); padding:0 15px; font-family:inherit; height:55px; line-height:53px; box-sizing:border-box; width:calc(100% - 55px); box-sizing:Border-box; border-left:0; border-right:0; -webkit-appearance: none; -webkit-border-radius: 0;}
.bbs_search dd .bbs_s_b{padding:0; border:0; background:var(--black); outline:none; cursor:pointer; width:55px; height:55px; display:flex; align-items:center; justify-content: center; width: 55px; transition:all .3s linear;}
.bbs_search dd .bbs_s_b:hover{background:#000;}
.bbs_search dd .bbs_s_b span{font-size:20px; color:var(--white);}

.bbs_search.two{padding: 30px 0;}
.bbs_search.two dl{max-width:600px;}
.bbs_search.two dt {width: 245px; display: flex;}
.bbs_search.two dt select{width: 50%; border-left:0;}
.bbs_search.two dt select:first-child{border-left:1px solid var(--border);}




/* 하단 버튼 */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:40px;}
.bbs_btn.align_right {text-align:right;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.list_btn:after {display:block; content:""; overflow:hidden;}
.bbs_btn a{margin:0 1px;}
.bbs_btn input{margin:0 1px;}


/*********** View *************/
.bbs_info {width:100%; border-collapse:collapse; border-spacing:0px;}
.bbs_info th {color:#333; text-align:left; padding:15px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_info th.subject {font-size:16px; padding:25px 15px; border-top:2px solid #222; border-right:none;}
.bbs_info td.cont{border-bottom:1px solid #ddd; padding:15px 15px; text-align: left;}
.bbs_info td.cont .file{display: inline-block; vertical-align: middle; margin:-2px 2px 0 0; font-size:20px;}
.bbs_info td.view_detail {color:#888; overflow:hidden; border-bottom:1px solid #ddd; padding:13px 15px;}
.bbs_info td.view_detail p {float:left; width:50%;}
.bbs_info td.view_content{padding:15px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_info td.view_content td {border:none;}
.bbs_info td.view_content table{max-width:100%}
.bbs_info td.view_content img {max-width:100%}


/*********** Input *************/

.input_title {padding:0 !important;}
.input_title .tit_div {display:flex; flex-wrap:wrap; align-items:center; font-family: 'Pretendard', 'Jost', Malgun Gothic,'Malgun Gothic', sans-serif;  font-size:20px; color:var(--black); font-weight:600; letter-spacing:-0.6pt; border-top:2px solid var(--main); padding:20px 15px !important;  margin:50px 0 0;}

.input_text {color:var(--main); font-weight:500; margin:5px 0 0; width:100%; font-size:1rem;}
.input_text.inline {margin:0 0 0 10px; width:auto;}
.input_text b {color:var(--main); font-weight:bold;}

/* 저작권공지 */
.input_notice {background-color:var(--grayBg); padding:28px 30px}
.input_notice h4 {font-size:1.222rem; font-weight:600; color:var(--black); letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span {color:#e30b13; letter-spacing:-1pt;}
.input_notice p.txt {background:#fff; color:var(--basic); font-size:0.9222rem; border:none; padding:18px; box-sizing:border-box;}
.input_notice p.txt br{display: block !important;}
.input_notice p.point {color:#e30b13;padding:8px 0 0 0; text-decoration:underline; font-size:0.9222rem;}


.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid var(--black);}
.bbs_input input[type="text"] {width:100%; font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); background-color:var(--white); padding:0 15px; font-family:inherit; height:50px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.bbs_input input[type="file"] {width: 100%; padding:0 15px; height: 50px; line-height: 50px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.bbs_input textarea {width:100%; height: 200px; font-family:inherit; color:var(--basic); line-height:150%; letter-spacing:-0.5px; padding:5px; border: 1px solid var(--border); background-color:var(--white); box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.bbs_input th {color:var(--black); text-align:left; padding:8px 10px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); font-weight:600; box-sizing:border-box;}
.bbs_input th sup{font-size:13px; font-weight:600;}
.bbs_input td {border-bottom:1px solid var(--border); padding:8px 10px; text-align: left; box-sizing:border-box;}
.bbs_input td:not('#cke_nttCn') span{display:inline-block;}
.bbs_input td span.cat {width:18%;}
.bbs_input td span.cat select{width:100% !important; box-sizing:border-box}
.bbs_input td span.subject{width:80%;}
.bbs_input td span.subject .input_l{box-sizing:border-box}
.bbs_input td.line {border-right:1px solid var(--border); }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}
.bbs_input td .btn_b_s{height: 50px; font-size:1rem;}
.bbs_input .input_txt{display:inline-block; font-size:1rem; letter-spacing: -0.35pt;}
.bbs_input td .select_wrap{display: flex; align-items:center;}
.bbs_input td .select_wrap .hipen{display: inline-block; width: 20px; text-align:center;}
.bbs_input td .select_wrap .select_num{width: calc((50% - 40px)/3); margin: 0;}
.bbs_input td .select_wrap .input_num{width: calc((50% - 40px)/3);}

.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
.subject_table td {border:none; padding:0;}

.input_contents{width: 100% !important; box-sizing:border-box !important;}
.cheditor-tb-wrapper{height: auto !important;}




/* 동의폼 */
.pri_box {background-color:var(--grayBg); padding:28px 30px; margin:20px 0px 20px 0px; box-sizing:border-box; }  
.pri_box p.pri_tit {font-size:1.222rem; font-weight:600; padding-bottom:10px; color:var(--black);} 
.pri_box .textarea {height:100px; border:none; font-size:0.966rem; line-height:150%;}
.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
.pri_message span{display: block;}
.pri_message input[type="radio"] {width:16px; height:16px; display:inline-block; vertical-align:middle; margin:0 5px 3px 8px;}

.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}

.bbs_input p.bbsRemark{color:var(--main); font-weight:500; padding:8px 0 0; }
.bbs_input span.bbsRemark{color:var(--main); font-weight:500; padding-left:8px; }
.bbs_input td.bbsRemark{color:var(--main); font-weight:500; }


/*********** Passwd *************/
.passwd{position: relative; border:1px solid var(--border); box-sizing:border-box; text-align:center; padding:120px 5%;}
.passwd .pw_img span{color: var(--main); font-size: 120px;}
.passwd .msg_tit{padding:25px 0 10px; font-weight:700; font-size:1.875rem; line-height: 120%; letter-spacing:1.5pt; font-family:var(--eng); color:var(--black);}
.passwd .msg_txt{font-size:1.125rem; color:var(--basic); line-height:150%;}
.passwd .input_passwd{max-width:400px; margin:40px auto 0;}
.passwd .input_passwd dt{width: 100%; margin: 0 0 5px;}
.passwd .input_passwd dt input{width: 100%;}
.passwd .input_passwd dd{display: flex;}
.passwd .input_passwd dd input{width: calc((100% - 5px)/2); margin: 0 5px 0 0;}
.passwd .input_passwd dd input:last-child{margin:0;}
.passwd .input_passwd dd input.btn_b{background:var(--black);}
.passwd .input_passwd dd input.btn_b:hover{background:var(--main); border-color:var(--main);}






/*********** Comment *************/
.comments {padding:20px; background:var(--grayBg); border-bottom:1px solid var(--border);}
.comments dl{overflow:hidden; display: flex; margin:0 0 5px;}
.comments dl dd{margin:0 5px 0 0; width:calc((50% - 130px)/2);}
.comments dl dd input{width:100%;}
.comments ul{overflow:hidden; display: flex;}
.comments ul li{width:calc(100% - 125px);}
.comments ul li.btn{width: 120px;}
.comments textarea {height:100px; width:100%; font-size:1rem;}
.comments .comm_btn_confirm{display:inline-block; width:100%; height:100px; margin-left: 5px; box-sizing:border-box; text-align:center; border:1px solid var(--black); background:var(--black); display:inline-block; color:var(--white); font-weight:400; letter-spacing:-0.35pt; font-size:0.875rem; cursor:pointer; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.comments .comm_btn_confirm:hover{background:#000;}
.comments .vcode{width: calc(50% - 80px);}
.comments .sub_txt{font-size:0.875rem; letter-spacing:-0.35pt; line-height:150%; word-break:keep-all; display:block; padding:5px 0 0;}

.filebox input[type="file"] {display: none;}
.filebox label {width: 120px; height:50px; line-height:48px; box-sizing:border-box; text-align:center; border:1px solid var(--black); background:var(--black); display:inline-block; color:var(--white); font-weight:400; letter-spacing:-0.35pt; font-size:0.875rem; cursor:pointer; transition:all .3s linear;}
.filebox label:hover{background:#000; border-color:#000;}

.norobot_img{padding:8px 0; display:inline-block; width:80px;}



.comments_body{overflow:hidden; border-bottom:1px solid var(--border); padding:20px;}
.comments_body p.file{color:#888; font-size:0.9222rem;}
.comments_body p.file a{display:inline-block; font-size:1rem; letter-spacing:-0.25pt; line-height:150%; color:var(--black); border-bottom:1px solid var(--black); margin: 0 0 5px;}
.comments_body p.file a:last-child{margin: 0;}
.comments_body p.file .file{display: inline-block; vertical-align: middle; margin-left: -5px; font-size:1rem; color:var(--black);}	

.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:0.9222rem;}
.comments_body p.info strong{color:var(--black); margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}




/*********** 상품후기 상품정보 *************/
.prd_review_box{box-sizing:border-box; padding:20px; background:var(--grayBg);}
.prd_review_box dl{display:flex; flex-wrap:wrap;}
.prd_review_box dl dt{width:150px; height: 150px; background:#fff; display: flex; align-items:center; justify-content:center;}
.prd_review_box dl dt img{width:100%; background-repeat:no-repeat; background-size:contain; background-position:center;}
.prd_review_box dl dd{width: calc(100% - 150px); position:relative; padding:0 150px 0 30px; display:flex; justify-content: center; flex-direction: column; box-sizing:border-box;}
.prd_review_box dl dd .prdname{font-size:1.125rem; letter-spacing:-0.35pt; line-height:150%; color:var(--black); font-weight:700;}
.prd_review_box dl dd .price{padding: 8px 0 0; line-height:120%; font-size:1rem; letter-spacing:0; font-family:var(--eng);}
.prd_review_box dl dd .prd_view_btn{display:inline-block; min-width: 100px; padding:0 15px; box-sizing:border-box; height: 40px; line-height: 40px; text-align:center; font-size:14px; font-weight:500; color:#fff; background:var(--main); transition:all .3s linear; position: absolute; right: 0; top:50%; margin-top: -20px;}
.prd_review_box dl dd .prd_view_btn:after{content:'\e5ca'; display: inline-block; vertical-align:middle; margin:-2px 0 0 5px; font-size:18px; color:#fff; font-weight:400; font-family: "Material Symbols Outlined";}
.prd_review_box dl dd .prd_view_btn:hover{background:var(--sub);}









/* 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 #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:3px 5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 34px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	/*height: auto;*/
	height: 100%;
}





/* 첨부파일 드래그앤드롭 업로드 */
.fileDrop {position:relative; border:1px solid #ddd; width:100%; min-height:100px; margin-top:10px; padding:10px 15px; box-sizing:border-box}
.fileDrop p {position:relative; border-bottom:1px dotted #ddd; padding:5px; font-size:1rem; line-height:24px;}
.fileDrop p:last-of-type{border-bottom:0}
.fileDrop#movieDrop {min-height:50px;}
.fileDrop.file {background:#ffffff}
.fileDrop.nofile {background:#f9f9f9 url('img/file.svg') center no-repeat; background-size:30px;}
.old_fileDel, .fileDel{position:absolute; right:0; top:5px; border:1px solid #ddd; border-bottom-color:#aaa; border-right-color:#aaa; background:#fff; cursor:pointer; font-weight:bold; letter-spacing:-0.5pt; font-size:12px; line-height:22px; color:#666; padding:0; width:40px}

#file_mask{position:fixed; z-index:9000; background-color:#000000; display:none; left:0; top:0;}
.file_pro{position:fixed; width:100%; text-align:center; top:50%;  transform:translate(0, -50%); display:none; z-index:10000;
color:#fff; font-size:1.2rem;}
.file_pro span{font-weight:bold;}
.file_pro:before{position:relative; display:block; margin:0 auto 15px auto; width:200px; height:84px; content:""; overflow:hidden; background:url('img/file_ing.svg') center no-repeat; background-size:200px; }



/*******************************************************************************
    @media  ~980px             
*******************************************************************************/
@media all and (max-width:980px){


/* 카테고리 */
.cate_tab {margin: 0 auto 30px;}
.cate_tab ul li a{min-width:100px; padding:0 15px; line-height:38px; height: 40px;}


/* 하단 버튼 */
.bbs_btn {padding-top:30px;}

/*********** Passwd *************/
.passwd{padding:80px 5%;}
.passwd .pw_img span{font-size: 100px;}
.passwd .msg_tit{padding:20px 0 8px; font-size:1.7rem;}
.passwd .msg_txt{font-size:1rem;}
.passwd .input_passwd{margin:30px auto 0;}




/*********** Comment *************/
.comments dl dd{width:calc((100% - 130px)/2);}
.comments .vcode{width: calc(100% - 80px);}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** 공통 css *************/
select, .select {padding:0 10px; height:40px !important;}
.input {padding:0 10px; height:40px;}
.textarea {height: 120px; padding:10px;}


/* 버튼디자인 */
.btn_w {height:40px; line-height:38px; width:80px;}
.btn_b:link, .btn_b:visited {height:40px; line-height:38px; width:80px; }
.btn_b_s {height:40px; line-height: 38px; width:80px;}

input.btn_w {height:40px; line-height:38px; width:80px;}
input.btn_b {height:40px; line-height:38px; width:80px;}
.address_btn{height:40px; line-height:38px; width:80px;}


/* input 디자인 */
.input_file {padding:0 10px; height: 40px; line-height: 40px;}

/* 카테고리 */
.cate_tab {margin: 0 auto 20px; padding:0 30px; display:block;}
.cate_tab.mobile{display: block;}
.cate_tab.pc{display: none;}
.cate_tab:before{content:''; display:block; box-sizing:border-box; width:100%; height:100%; border:1px solid var(--border); position:absolute; left:0; bottom:0;}
.cate_tab ul{display:block; white-space:nowrap; text-align:center; font-size:0;}
.cate_tab ul li{float:none; display:inline-block; margin:0; width: auto; padding:0 10px;}
.cate_tab ul li a{min-width:auto; line-height:120%; height: auto; padding:12px 0; border-radius:0; border:0;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:2px; background:var(--main); position:absolute; left:0; bottom:0; z-index:2; transition:all .3s linear;}
.cate_tab ul li.hover a{background:transparent !important; color:var(--main) !important; font-weight:700;}
.cate_tab ul li.hover a:after{width:100%;}



/* 검색바 */
.bbs_search {padding:20px 0 0;}
.bbs_search dt {width: 100px;}
.bbs_search dt select{height:45px !important;}
.bbs_search dd{width:calc(100% - 100px);}
.bbs_search dd .search_input {padding:0 10px; height:45px; line-height:43px; width:calc(100% - 45px);}
.bbs_search dd .bbs_s_b{width:45px; height:45px;}
.bbs_search dd .bbs_s_b span{font-size:18px;}

.bbs_search.two{padding: 20px 0;}
.bbs_search.two dl{flex-wrap:wrap;}
.bbs_search.two dt {width: 100%;}
.bbs_search.two dd{width: 100%;}
.bbs_search.two dd .search_input{border:1px solid var(--border); border-top:0;}


/* 하단 버튼 */
.bbs_btn {padding-top:20px;}



/*********** Passwd *************/
.passwd{padding:40px 5%;}
.passwd .pw_img span{font-size: 80px;}
.passwd .msg_tit{padding:15px 0 6px; font-size:1.5rem;}
.passwd .input_passwd{margin:20px auto 0;}



/*********** Comment *************/
.comments {padding:10px;}
.comments dl dd{width:calc((100% - 110px)/2);}
.comments ul li{width:calc(100% - 105px);}
.comments ul li.btn{width: 100px;}
.comments textarea {height:80px;}
.comments .comm_btn_confirm{height:80px;}
.norobot_img{padding:3px 0;}

.filebox label {width: 100px; height:40px; line-height:38px;}


.comments_body{overflow:hidden; border-bottom:1px solid var(--border); padding:10px;}
.comments_body p.file{color:#888; font-size:0.9222rem;}
.comments_body p.cont{padding:2px 0 3px 0;}
.comments_body p.info{color:#888; font-size:0.9222rem;}
.comments_body p.info strong{color:var(--black); margin-right:5px}
.comments_body p.info span{margin-right:0;}
.comments_body p.info span:before{display:inline-block; content:""; width:0; height:13px; margin:0 0 0 0; overflow:hidden;}



/*********** Input *************/

/* 저작권공지 */
.input_notice{padding:18px 15px;}
.input_notice h4{font-size:1rem;}
.input_notice p.txt{line-height:20px; font-size:12px; padding:10px;}
.input_notice p.point{line-height:18px; font-size:12px; }

.input_msg {padding:18px 0 10px 0; text-align:left; font-size:12px; letter-spacing:-0.4pt;}
.bbs_input colgroup{display:none;}
.bbs_input th {display:block;  border:none;  padding:13px 3px 5px; font-weight:600}

.bbs_input td {display:block; padding:0 3px 13px;}
.bbs_input td.line {border-right:0;}
.bbs_input td.input_contents{padding:0 3px 10px;}
.bbs_input td.file{border:none; padding-bottom:5px;}
.bbs_input td input[type="password"]{width: 100%;}
.bbs_input td span.cat {display:inline-block; width:calc(50% - 4px);}
.bbs_input td span.subject{width:100%;}
.bbs_input td .input_txt{display: block; padding: 5px 0 0;}
.bbs_input td .btn_b_s{height: 40px;}



/* 동의폼 */
.pri_box {padding:18px 15px; margin:20px 0px 0 0px;}  
.pri_box p.pri_tit {font-size:1rem;} 
.pri_box .textarea {height:90px; font-size:12px; line-height:160%;}
.pri_message { padding-top:5px; font-size:0.9222rem; font-family:inherit; text-align:left; }
.pri_message span{display:block; margin:0}
.pri_message input[type=radio] {width:13px; height:13px; margin:0 5px 0 0;}

input[name="vcode"]{width:calc(100% - 86px)}




/*********** 상품후기 상품정보 *************/
.prd_review_box{padding:10px;}
.prd_review_box dl dt{width:100px; height: 100px;}
.prd_review_box dl dd{width: calc(100% - 100px); padding:0 0 0 15px;}
.prd_review_box dl dd .price{padding: 4px 0 0;}
.prd_review_box dl dd .prd_view_btn{position: relative; right:auto; top:auto; width: 90px; height: 30px; line-height: 30px; font-size:11px;  margin-top:10px;}
.prd_review_box dl dd .prd_view_btn:after{font-size:16px;}



}

.bbs_top2{display:flex; justify-content: flex-end; margin:0 0 40px;}
.bbs_top2 {justify-content: space-between;}
.bbs_top2 .cate_tab{margin: 0; height:50px}
.bbs_top2 .cate_tab select{width:240px; height:50px !important; z-index: 999999; position: relative; font-size:0.889rem;color:rgba(119,119,119,.8) }

/* 검색바 */
.bbs_top2 .bbs_search {padding:0;}
.bbs_top2 .bbs_search dt select{height:50px !important; font-weight:400; font-size:0.889rem;color:rgba(119,119,119,.8)}
.bbs_top2 .bbs_search dd .search_input {font-size:0.889rem; height:50px; line-height:50px;width:calc(100% - 50px); }
.bbs_top2 .bbs_search dd .search_input::placeholder {font-size:0.889rem; font-weight:400; color:rgba(119,119,119,.5);}
.bbs_top2 .bbs_search dd .bbs_s_b{background:var(--main); width:50px; height:50px}

/*********** List *************/
.photo_list{display: flex; flex-wrap:wrap;}
.photo_list dl{position:relative; margin: 0 30px 50px 0; width: calc((100% - 90px)/4);}
.photo_list dl:nth-child(4n){margin-right: 0;}
.photo_list dl .checkbox{display:inline-block; position: absolute; left:5px; top:5px; z-index:2;}
.photo_list dl a{display: block; transition:all .3s linear;}
.photo_list dl dt{overflow: hidden; aspect-ratio: 3 / 2; position:relative;}
.photo_list dl dt img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover; transition:all .3s linear;}
.photo_list dl:hover dt img{transform:scale(1.1);}
.photo_list dl dt span {background:var(--main); font-size:14px; color:var(--white); width:80px; line-height:30px; height:30px; display:inline-block; font-weight:600; letter-spacing:-0.56px; position:absolute; top:0; right:0; padding:0 16px; box-sizing:border-box;}
.photo_list dl dd{box-sizing:border-box; padding:23px 0 0;}
.photo_list dl dd .date{font-family:var(--eng); display:block; font-size:14px; line-height: 170%; letter-spacing: 0.7px; font-weight:400; color:rgba(34,34,34,.5); margin:0 0 7px;}
.photo_list dl dd h4{font-size:1.111rem;; font-weight:400; color:var(--black); line-height:160%; letter-spacing:-0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*********** View *************/
.bbs_view{border-top:3px solid var(--main ); max-width:1050px; margin:0 auto;}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:33px 100px 26px 20px; box-sizing:border-box; position: relative;}
	.bbsView_tit .subject{font-size:26px; letter-spacing:-1.04px; line-height:138%; font-weight:400; color:var(--black);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:-1pt; font-weight:400;}
	.bbsView_tit .view_detail{margin:5px 0 0; display:flex;}
	.bbsView_tit .view_detail li{font-weight:400; font-size:1rem; color:var(--basic); line-height:177%; padding:0 37px 0 0; position:relative;}
	.bbsView_tit .view_detail li:last-child{padding:0;}
	.bbsView_tit .count{font-size:0.889rem; color:var(--basic); line-height:175%; font-family:var(--eng); letter-spacing:0; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.bbsView_tit .count span{display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; color:var(--black);}
	.view_content{padding:30px 0; box-sizing:border-box;}
	.view_content img{max-width:100%; width:100%; height:auto !important; margin-bottom:30px;}
	.view_content p {font-size:1rem; letter-spacing:-0.72px; line-height:177.778%; color:var(--basic);}

	.view_file{margin:30px 0 0; box-sizing:border-box; background:var(--grayBg); display:flex;}	
	.view_file .btit{width:170px; padding:16px 20px; display:flex; align-items: center; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative; }	
	.view_file .btit:before {display:block; font-family:var(--icon); content:'\e2bc'; font-size:16px; color:var(--black); margin-right:5px; font-variation-settings:'wght' 300;     margin-top: 2px;
}
	.view_file .bstxt{width:calc(100% - 170px); padding:16px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}	
	.view_file .bstxt a{display:inline-block; font-size:1rem; letter-spacing:-0.72px; line-height:177.778%; color:var(--basic);  margin: 0 0 5px; font-weight:400;}
	.view_file .bstxt a:last-child{margin: 0;}
	.view_file .bstxt .file{display: inline-block; vertical-align: middle; margin-left: -5px; font-size:1rem; color:var(--black);}	

	.bbs_bottom{border-top:1px solid var(--border); display:flex;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:170px; padding:20px; font-size:1rem; letter-spacing:-0.72px; line-height: 177%; font-weight:600px; color:var(--black); box-sizing:border-box; position: relative; display:flex; }
	.bbs_bottom dt .arrow{color:var(--black); opacity:0.5; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.bbs_bottom dd{width:calc(100% - 170px); padding:20px; font-size:1rem; letter-spacing:-0.72px; line-height: 177%; box-sizing:border-box;}
	.bbs_bottom dd a{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}




/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){


.bbs_top{display:flex; justify-content: flex-end; margin:0 0 40px;}
.bbs_top2 {justify-content: space-between;}
.bbs_top2 .cate_tab{margin: 0; height:50px}
.bbs_top2 .cate_tab select{width:200px; height:50px !important;}

/* 검색바 */
.bbs_top2 .bbs_search dt select{height:50px !important; }
.bbs_top2 .bbs_search dd .search_input {height:50px; line-height:50px;width:calc(100% - 50px); }
.bbs_top2 .bbs_search dd .bbs_s_b{background:var(--main); width:50px; height:50px}

/*********** List *************/
.photo_list dl{position:relative; margin: 0 30px 40px 0; width: calc((100% - 60px)/3);}
.photo_list dl:nth-child(3n){margin-right: 0;}
.photo_list dl:nth-child(4n){margin-right: 30px;}

.photo_list dl dt span {font-size:14px; width:80px; line-height:30px; height:30px; letter-spacing:-0.56px; padding:0 16px; }
.photo_list dl dd{ padding:20px 0 0;}
.photo_list dl dd .date{font-size:14px; line-height: 170%; letter-spacing: 0.7px; margin:0 0 7px;}
.photo_list dl dd h4{font-size:1.111rem;; font-weight:400; line-height:160%; letter-spacing:-0.8px;}


}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


.bbs_top{display:flex; justify-content: flex-end; margin:0 0 30px;}
.bbs_top2 {justify-content: space-between;}
.bbs_top2 .cate_tab{margin: 0; height:40px}
.bbs_top2 .cate_tab select{width:120px; height:40px !important;}

/* 검색바 */
.bbs_top2 .bbs_search dt select{height:40px !important; }
.bbs_top2 .bbs_search dd .search_input {height:40px; line-height:40px;width:calc(100% - 40px); }
.bbs_top2 .bbs_search dd .bbs_s_b{background:var(--main); width:40px; height:40px}

/*********** List *************/
.photo_list dl{position:relative; margin: 0 20px 30px 0; width: calc((100% - 20px)/2);}
.photo_list dl:nth-child(3n){margin-right: 20px;}
.photo_list dl:nth-child(4n){margin-right: 20px;}
.photo_list dl:nth-child(2n){margin-right: 0;}

.photo_list dl dt span {font-size:13px; width:70px; line-height:30px; height:30px; letter-spacing:-0.56px; padding:0 12px; }
.photo_list dl dd{ padding:15px 0 0;}
.photo_list dl dd .date{font-size:14px; line-height: 160%; letter-spacing: 0.7px; margin:0 0 5px;}
.photo_list dl dd h4{font-size:1.111rem;; font-weight:400; line-height:150%; letter-spacing:-0.8px;}



/*********** View *************/
	.bbsView_tit{padding:25px 100px 25px 15px;}
	.bbsView_tit .subject{font-size:20px;}
	.bbsView_tit .subject span{margin-right: 5px;}
	.bbsView_tit .view_detail{margin:5px 0 0;}
	.bbsView_tit .view_detail li{padding:0 20px 0 0;}
	.bbsView_tit .view_detail li:after{height:12px; right:10px; margin-top:-6px;}
	.bbsView_tit .count{right:15px;}
	.view_content{padding:25px 0;}
	.view_content img{margin-bottom:20px;}

	.view_file{margin:25px 0 0;}	
	.view_file .btit{width:120px; padding:15px;}	
	.view_file .bstxt{width:calc(100% - 120px); padding:15px;}	

	.bbs_bottom dt{width:120px; padding:15px;}
	.bbs_bottom dd{width:calc(100% - 120px); padding:15px;}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



.bbs_top{display:flex; flex-direction: column; align-items: flex-start; margin:0 0 20px;}
.bbs_top2 {justify-content: space-between;}
.bbs_top2 .cate_tab{margin: 0; height:40px; margin-bottom:5px; width:100%; padding: 0;} 
.bbs_top2 .cate_tab select{width:100%; height:40px !important;}

/* 검색바 */
.bbs_top2 .bbs_search {width:100%;}
.bbs_top2 .bbs_search dl {max-width:100%;}
.bbs_top2 .bbs_search dt select{height:40px !important; }
.bbs_top2 .bbs_search dd .search_input {height:40px; line-height:40px;width:calc(100% - 40px); }
.bbs_top2 .bbs_search dd .bbs_s_b{background:var(--main); width:40px; height:40px}

/*********** List *************/
.photo_list dl{position:relative; margin: 0 20px 30px 0; width: calc((100% - 20px)/2);}
.photo_list dl:nth-child(3n){margin-right: 20px}
.photo_list dl:nth-child(2n){margin-right: 0;}
.photo_list dl:nth-child(4n){margin-right: 0;}

.photo_list dl dt span {font-size:13px; width:60px; line-height:30px; height:30px; letter-spacing:-0.42px; padding:0 8px; }
.photo_list dl dd{ padding:15px 0 0;}
.photo_list dl dd .date{font-size:13px; line-height: 160%; letter-spacing: 0.5px; margin:0 0 5px;}
.photo_list dl dd h4{font-size:1.1rem;; font-weight:400; line-height:150%; letter-spacing:-0.6px;}

/*********** View *************/
	.bbsView_tit{padding: 15px 60px 15px 0;}
	.bbsView_tit .subject{font-size:18px;}
	.bbsView_tit .subject span{display: block; font-size:14px; margin: 0 0 2px;}
	.bbsView_tit .count{right:0; transform:translateY(0); top:20px;}
	.bbsView_tit .count span{font-size:20px; margin: -2px 5px 0 0;}
	.view_content{padding:25px 0;}
	.view_content img{margin-bottom:15px;}

	.view_file{margin:20px 0 0;}	
	.view_file .btit{width:100px; padding:12px;}	
	.view_file .bstxt{width:calc(100% - 100px); padding:12px;}	

	.bbs_bottom dt{width:100px; padding:12px;}
	.bbs_bottom dd{width:calc(100% - 100px); padding:12px;}
	.bbs_bottom dt .arrow{font-size:20px;}

}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){


/*********** List *************/
.photo_list dl{margin: 0 0 20px; width: 100%;}
.photo_list dl:nth-child(4n){margin-right: 0;}
.photo_list dl:nth-child(3n){margin-right: 0;}
.photo_list dl:nth-child(2n){margin-right: 0;}


/*********** View *************/
	.bbsView_tit .view_detail{flex-wrap:wrap;}
	.bbsView_tit .view_detail li{width:100%; padding:0 0 4px; line-height: 130%;}
	.bbsView_tit .view_detail li:last-child{padding:0;}
	.bbsView_tit .view_detail li:after{display:none;}

}


/*********** List *************/
.cert_list {display: grid;  grid-template-columns: repeat(3, 1fr);  gap:50px 30px;}
.cert_list .checkbox{position: absolute; left:5px; top:5px; z-index:9;}

.cert_list dl a{display: block;}
.cert_list dl dt{display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; text-align:center; background:#F3F6F8; padding:40px 0 0;}
.cert_list dl dt span {display:block; max-width:220px; width:80%; overflow: hidden; aspect-ratio: 3 / 4.241; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.05);}
.cert_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover; }
.cert_list dd{text-align:center; margin:28px 0 0;}
.cert_list dd .fs18{color: var(--black); text-align: center; font-size: 1.222rem; font-weight: 600; line-height: 154.545%; letter-spacing: -0.88px;}






/* Styles for dialog window */
.white-popup.wid{max-width:960px; margin:0 auto; /* background:#fff */}
.white-popup {/* background: white; */text-align: left;max-width:580px;margin: 40px auto;position: relative;}
.white-popup h1{/* background:var(--main); color:#fff;  */font-weight:500; font-size:0; padding:0 50px 0 20px; line-height:50px; letter-spacing: -0.25pt; font-family: 'Pretendard', Malgun Gothic,'Malgun Gothic', sans-serif; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block}
.white-popup h1 br {display:none !important;}
.white-popup h1 span{line-height:100%;  font-size:15px;}
.white-popup img{max-width:100%; background-size: contain; background-position:center; background-repeat:no-repeat;}
.white-popup .smimg{text-align:center; /* padding:20px; */}
.white-popup .infob{text-align:center; padding:0 20px 30px 20px}
.white-popup .etx{font-size:16px; color:#16306d;  line-height:100%; margin-bottom:10px;}
.white-popup .smtit{font-weight:600; line-height:30px; font-size:20px; color:#222;  letter-spacing: -0.8pt; margin-bottom:12px;}

.white-popup .grbox{position:relative; overflow: hidden;background:#f0f0f0; padding:25px 20px}
.white-popup dl{position:relative;overflow: hidden;  margin-bottom:12px}
.white-popup dl:last-child{margin-bottom:0}
.white-popup dt{letter-spacing: -0.3pt;position:relative;overflow: hidden; float:left; width:60px; margin-right:30px;  font-size:16px;line-height:22px; color:#222; font-weight:500}
.white-popup dd{letter-spacing: -0.3pt; font-weight:300; position:relative;overflow: hidden; float:left; font-size:16px; line-height:22px;  width: calc(100% - 90px);}


.white-popup2{max-width:960px; margin:0 auto; background:#fff}
.white-popup2 .smcbox{text-align:center; padding:20px;}
.white-popup2 .smimg img{max-width:100%;     max-height: 760px;}

.mfp-close{opacity:1 !important; width:50px !important; height:50px !important; line-height:50px !important;}
.mfp-close-btn-in .mfp-close{color:#fff !important; font-size:40px;}

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
    z-index: 999999999;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}




/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


/*******************************************************************************
	@media 801~980px
*******************************************************************************/
@media all and (max-width:980px){


.cate_tab { margin:0 auto 50px; }






.notice{font-size:11px; width:40px; height:24px; line-height:24px;}



/*********** List *************/
.cert_list {grid-template-columns: repeat(2, 1fr);}


}

/*******************************************************************************
	@media
*******************************************************************************/
@media all and (max-width:680px) {

.cate_tab { margin:0 auto 30px; }

/*********** List *************/
.cert_list {grid-template-columns: repeat(1, 1fr); gap:30px 15px;}
.cert_list dl dt {padding:20px 0 0;}
.cert_list dl dt span {width:50%;}
.cert_list dd {margin:15px 0 0;}

.white-popup h1{font-size:0; padding: 0 46px 0 18px; line-height:40px;}
.mfp-close{width: 46px !important; height: 46px !important; line-height: 46px !important;}
.white-popup .smtit{font-size:16px; margin-bottom:8px; letter-spacing: -0.5pt; line-height:20px}

}



.ani_effect {transform:translateY(50px); opacity:0; transition:all 0.5s linear;}
.ani_effect.action {transform:translateY(0); opacity:1; transition:all 0.2s linear; transition-delay:0s;}
.ani_effect.delay1.action {transition-delay:0.3s; }
.ani_effect.delay2.action {transition-delay:0.6s;}
.ani_effect.delay3.action {transition-delay:0.9s;} 



/*********** List *************/
.photo_grid_list {display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr);}
.photo_grid_list .grid-item {position:relative;  overflow:hidden;}
.photo_grid_list .grid-item .checkbox {position:absolute; top:10px; left:10px; z-index:99;}
.photo_grid_list .grid-item .checkbox input {width:20px; height:20px;}
.photo_grid_list .grid-item dt {overflow: hidden;}
.photo_grid_list .grid-item dt::after {content:''; width:100%; height:100%; opacity: 0.5; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position:absolute; top:0; left:0;}
.photo_grid_list .grid-item dt img {display: block; width: 100%;height: 100%; object-fit: cover;}
.photo_grid_list .grid-item.type01 {grid-column: span 2;}
.photo_grid_list .grid-item.type01 dt {aspect-ratio: 3 / 1.7143;}
.photo_grid_list .grid-item.type02 {grid-column: span 1;}
.photo_grid_list .grid-item.type02 dt {aspect-ratio: 3 / 3.5295;}
.photo_grid_list .grid-item dd {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; text-align:center;}
.photo_grid_list .grid-item dd .tit {position:absolute; left:0; bottom:42px; width:100%; padding:0 5%; box-sizing:border-box; color: var(--white); font-family: var(--eng); font-size: 1.3888rem; font-weight: 600; line-height: 160%; letter-spacing: 0.5px; text-transform: uppercase; text-align:center; opacity:1; visibility:visible; transition:all 0.3s linear;}
.photo_grid_list .grid-item dd .hv {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); padding:30px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; opacity:0; visibility:hidden; transform:translateY(20%); transition:all 0.3s linear;}
.photo_grid_list .grid-item.layout1 dd .hv {padding:30px 60px;}
.photo_grid_list .grid-item dd .hv h4 {width:100%; color: var(--white); font-family: var(--eng); font-size: 1.3888rem; font-weight: 600; line-height: 160%; letter-spacing: 0.5px; text-transform: uppercase; text-align:center;}
.photo_grid_list .grid-item dd .hv p {width:100%; margin:10px 0 0; texst-align:center; font-size: 0.88rem; font-weight: 400; line-height:  175%; letter-spacing: -0.64px; color:rgba(255,255,255,0.7);}
.photo_grid_list .grid-item dd .hv span {margin:35px 0 0; display:inline-block; color: var(--white); font-family: var(--eng); font-size: 14px; font-weight: 700; line-height:171.429%; letter-spacing: 0.7px; text-transform: uppercase; text-decoration:underline;}


.photo_grid_list .grid-item:hover dd .tit {opacity:0; visibility:hidden; transition:all 0.3s linear;}
.photo_grid_list .grid-item:hover dd .hv {opacity:1; visibility:visible; transform:translateY(0); transition:all 0.3s linear;}



.view_pop {position:fixed; top:0; left:0; width:100%; height:var(--vh); z-index:999999999; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.view_pop.view {opacity:1; visibility:visible; transition:all 0.5s ease;}
.view_pop .pop_mask {background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; width:100%; height:50%; opacity:0; transition:all 0.7s ease;}
.view_pop.view .pop_mask {height:100%; transition:all 0.7s ease; opacity:1;}
.view_pop .pop_in {max-width:90%; width:1050px; background:var(--white); position:relative; z-index:10; transform:scale(0.8); opacity:0; transition:all 0.8s ease;}
.view_pop.view .pop_in {transform:scale(1); opacity:1; transition:all 0.8s 0.2s ease;}
.view_pop .pop_in .pop_close {position:absolute; top:30px; right:30px; z-index:99; display:block; line-height:1;}
.view_pop .pop_in .roll_wrap {position:relative; background:var(--black); aspect-ratio: 3 / 1.7143; }
.view_pop .pop_in .roll_wrap i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:90; filter: brightness(0) invert(1);}
.view_pop .pop_in .pop_roll li.slick-slide {position:relative; overflow: hidden; aspect-ratio: 3 / 1.7143; }
.view_pop .pop_in .pop_roll li.slick-slide::after {content:''; width:100%; height:100%; background:var(--black); opacity:0.3; position:absolute; top:0; left:0;}
.view_pop .pop_in .pop_roll li img {display: block; width: 100%; height: 100%; object-fit: cover;}
.view_pop .pop_in .pop_tBox {position:relative; padding:50px 60px 80px; box-sizing:border-box; display:flex; flex-wrap:wrap;}
.view_pop .pop_in .pop_tBox .pop_tit {width:270px; padding-right:20px; box-sizing:border-box;}
.view_pop .pop_in .pop_tBox .pop_tit h3 {color: var(--black); font-family: var(--eng); font-size: 2.777rem; font-weight: 600; line-height:130%; letter-spacing: -1px;}
.view_pop .pop_in .pop_tBox .pop_tit p {color: var(--black); font-family: var(--eng); font-size: 0.88rem; font-weight: 400; line-height:175% ; opacity:0.5;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn {display:flex; flex-wrap:wrap; align-items:center; gap:2px; margin:25px 0 0;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn a {width:45px; height:45px; border-radius:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background: var(--grayBg);}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn a:hover {background:var(--blue3);}
.view_pop .pop_in .pop_tBox .cont {width:calc(100% - 270px); letter-spacing: -0.72px;}

.view_pop .pop_in .linkBtn {display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; width:60px; height:60px; background:var(--main); position:absolute; bottom:20px; right:20px; transition:all 0.3s ease;}
.view_pop .pop_in .linkBtn::before {content:'\e89e'; font-size:20px; font-family:var(--icon); font-weight:300; color:Var(--white);}
.view_pop .pop_in .linkBtn:hover {background:Var(--black); transition:all 0.3s ease;}


/* 화살표 */
.slick-arrow {border:0; padding:0; font-size:0; outline:none; cursor:pointer; display:block; transition:all .3s linear; position: absolute; bottom:30px; left:50%; z-index: 9999; background:transparent; transition:all 0.3s ease;}
.slick-arrow::before {content:'\e5e1'; font-size:30px; font-family:var(--icon); font-weight:200; color:var(--white);}
.slick-arrow:hover {opacity:0.7; transition:all 0.3s ease;}
.slick-prev {transform: scaleX(-1); margin-left:-45px;}




/*******************************************************************************
    @media  ~1500px        
*******************************************************************************/
@media all and (max-width:1500px){

.photo_grid_list .grid-item dd .hv br {display:none;}
.view_pop .pop_in .pop_tBox .cont br {display:none;}

.view_pop .pop_in .pop_tBox .pop_tit h3 {font-size:2rem;}

.view_pop .pop_in .pop_tBox {padding:30px 30px 95px;}
.view_pop .pop_in .pop_tBox .pop_tit {width:210px;}
.view_pop .pop_in .pop_tBox .cont {width:calc(100% - 210px);}

}
/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){



/*********** List *************/

.photo_grid_list {display: grid; grid-gap: 15px; grid-template-columns: repeat(3, 1fr);}



.view_pop .pop_in .pop_tBox .pop_tit {width:100%;}
.view_pop .pop_in .pop_tBox .pop_tit h3 {font-size:1.7rem;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn {margin:10px 0 0;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn a {width:38px; height:38px;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn a svg {max-width:20px; max-height:20px;}
.view_pop .pop_in .pop_tBox .cont {width:100%; margin:15px 0 0;}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/*********** List *************/
.photo_grid_list {display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}

.photo_grid_list .grid-item dd .hv {display:none;}
.photo_grid_list .grid-item dd .tit {opacity:1 !important; visibility:visible !important; font-size:1.15rem; bottom:20px;}


.slick-prev {margin-left:-25px;}
.slick-arrow {bottom:10px;}
.slick-arrow::before {font-size:20px;}

.view_pop .pop_in .pop_close {right:15px; top:15px;}
.view_pop .pop_in .pop_close svg {width:20px; height:20px;}
.view_pop .pop_in .roll_wrap i img {max-height:15px;}
.view_pop .pop_in .pop_tBox {padding:15px 15px 60px;}
.view_pop .pop_in .pop_tBox .pop_tit h3 img {max-width:50%; max-height:30px;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn a {width:30px; height:30px;}
.view_pop .pop_in .pop_tBox .pop_tit .pop-btn a svg {max-width:18px; max-height:18px;}
.view_pop .pop_in .linkBtn {width:40px; height:40px; right:10px; bottom:10px;}


.view_pop .pop_in .pop_tBox .cont {max-height:200px; overflow-y:auto; padding-right:10px;}
.view_pop .pop_in .pop_tBox .cont::-webkit-scrollbar {
    width: 3px;  
}

.view_pop .pop_in .pop_tBox .cont::-webkit-scrollbar-thumb {
    background: var(--main); /* 스크롤바 색상 */
}

.view_pop .pop_in .pop_tBox .cont::-webkit-scrollbar-track {
    background: var(--grayBg);  /*스크롤바 뒷 배경 색상*/
}


}


/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center;}
.bbs_con th {font-size:1rem; letter-spacing:-0.72px; line-height:177%; font-weight:600; color:var(--black); box-sizing:border-box; padding:18px 10px; border-bottom:1px solid var(--border);}
.bbs_con td {font-size:1rem; letter-spacing:-0.72px; line-height:177%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:18px 10px; border-bottom:1px solid var(--border);}
.bbs_con td.left {text-align:left !important; padding:15px 20px; letter-spacing: -0.72px;}
.bbs_con tr.point td{background:rgba(6,78,145,.05);}
.bbs_con td img{display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.bbs_con .notice span{color:var(--main);}
.bbs_con .mo_line{display:none;}
.downBtn {width: 36px; height: 36px; border-radius:100%; background:var(--main); border:2px solid var(--main); box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  font-size:0; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition:all 0.3s ease;}
.downBtn::before {content:'\f090'; font-size:20px; font-family:var(--icon); color:var(--white); transition:all 0.3s ease;}
.downBtn:hover {background:var(--white); transition:all 0.3s ease;}
.downBtn:hover::before {color:var(--main); transition:all 0.3s ease;}




/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){

/*********** List *************/
.bbs_con th {padding:15px 8px;}
.bbs_con td {padding:12px 8px;}
.bbs_con td.left {padding:12px 15px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.bbs_con th {display: none;}
.bbs_con td {padding:0;}
.bbs_con td.left {padding:10px; text-align:left !important;}
.bbs_con .pc_line{display:none;}
.bbs_con .mo_line{display:block; position: relative;}
.bbs_con .mo_line .m_notice{display:block; width:50px; height:25px; line-height:25px; text-align:center; color:var(--white); font-size:11px; font-weight:700; background:var(--main); margin: 0 0 4px;}
.bbs_con .mo_line .subject,
.bbs_con .mo_line .subject a{display:inline-block; font-size:14px; letter-spacing:-0.35pt; line-height:150%; color:var(--black); font-weight:500;}
.bbs_con .mo_line .writer{display:flex; margin: 4px 0 0;}
.bbs_con .mo_line .writer li{padding:0 20px 0 0; position:relative; font-size:13px; line-height: 120%; letter-spacing:0; color:#999;}
.bbs_con .mo_line .writer li:last-child{padding:0;}
.bbs_con .mo_line .writer li:after{content:''; display:block; width:1px; height:8px; background:var(--border); position:absolute; right:10px; top:50%; margin-top:-4px;}
.bbs_con .mo_line .writer li:last-child:after{display: none;}
.bbs_con .recom{font-size:1rem; line-height: 20px; font-weight: 500; color:var(--black); font-family:var(--eng); position: absolute; right: 0; top:0;}
.bbs_con .recom span{color:#ff0000; font-weight: 700; font-size:16px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}

.downBtn {width:100%; height:auto; padding:5px 10px; border-radius:5px; font-size:1rem; color:var(--white); letter-spacing:-0.3px; margin:10px 0 0; gap:0 5px; }
.downBtn:hover {color:var(--main);}

}

/*********** Top *************/
.history_top{background:url('/resources/about/img/history_bg.jpg') no-repeat center/cover; width:100%; height:600px;  box-sizing:border-box; text-align:center;  position: relative;}



/*********** List *************/
.history_list{ position: relative;}
.history_list .his_in{padding:0 0 100px; position:relative;}
.history_list .his_in .his_txt {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
.history_list .his_in .wrap{box-sizing:border-box; width:100%; display:flex; margin-top:30px; }
.history_list .his_in .his_img {width: calc(50% - 150px); text-align: right; margin-right: 150px;}
.history_list .his_in .his_img img{max-width: 100%; height:auto !important;}
.history_list .his_in .his_txt .txt_wrap {width:100%; height:200px; background:var(--white); display: flex; justify-content: center; align-items: flex-end; opacity:0 !important;}
.history_list .his_in .his_txt .txt_wrap h4{font-family:var(--eng); font-size:3.333rem; color:var(--black); font-weight:600; letter-spacing:-1.2px; line-height:133.333%; text-transform: uppercase;}
.history_list .his_in .his_txt ul{width: calc(50% - 150px); margin-left: 150px;}
.history_list .his_in .his_txt ul li{padding:0 0 10px 100px; box-sizing:border-box; font-size:1rem; line-height:177%; letter-spacing:-0.72px; position: relative; color:rgba(34,34,34,.6)}
.history_list .his_in .his_txt ul li:last-child{padding-bottom: 0 !important;}
.history_list .his_in .his_txt ul li strong{font-family:var(--eng); position: absolute; left:0; top:-1px; letter-spacing: 0.4px; font-weight: 600; color:var(--black); line-height: 170%; display: inline-block; font-size:1.111rem;}



.history_list .progressbar{position: absolute; left:50%; top:0; width: 2px; height: 100%; background:var(--border); overflow: hidden; z-index: -1;}
.history_list .progressbar span{display:block; width:100%; background:var(--main); position:absolute; left:0; top:0; transition:all .3s;}

.history_wrap {position:relative;}
.history_wrap .year_scr {position:absolute; top:0; left:0; height:100%; width:100%; z-index:80;}
.history_wrap .year_scr .year_fixed {position:sticky; top:0; left:0;  text-align:center; padding:80px 0 6px; background:var(--white); transition:all 0.2s linear;}
.header.fixed + .mo_menu + .visual_lnb  + #visual + .container .history_wrap .year_scr .year_fixed {top:130px; transition:all 0.2s linear;}
.history_wrap .year_scr .year {text-align:center; display:inline-block; font-family:var(--eng); font-size:3.333rem; color:var(--main); font-weight:600; letter-spacing:-1.2px; line-height:133.333%; text-transform: uppercase;}
.history_wrap .year_scr span {display:inline-block;font-family:var(--eng); font-size:3.333rem; color:var(--main); font-weight:600; letter-spacing:-1.2px; line-height:133.333%; text-transform: uppercase;}

.history_wrap .year_scr.black .year {color:var(--black);}
.history_wrap .year_scr.black span {color:var(--black);}



/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){

/*********** List *************/
.history_top{height:550px;}
.history_list .his_in{padding:0 0 100px;}
.history_list .his_in .wrap{margin-top:30px; }
.history_list .his_in .his_img {width: calc(50% - 100px); margin-right: 100px;}
.history_list .his_in .his_txt .txt_wrap {width:100%; height:200px;  }
.history_list .his_in .his_txt .txt_wrap h4{font-size:3.333rem;  font-weight:600; letter-spacing:-1.2px; line-height:133.333%; }
.history_list .his_in .his_txt ul{width: calc(50% - 100px); margin-left: 100px;}
.history_list .his_in .his_txt ul li{padding:0 0 10px 100px;  font-size:1rem; line-height:177%; letter-spacing:-0.72px; }
.history_list .his_in .his_txt ul li strong{ left:0; top:-1px; letter-spacing: 0.4px; line-height: 170%; font-size:1.111rem;}


.history_list .progressbar{ left:50%; }



}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){

/*********** List *************/
.history_top{height:500px;}

.history_list .his_in{padding:0 0 80px;}
.history_list .his_in .wrap{margin-top:30px; }
.history_list .his_in .his_img {width: calc(50% - 80px); margin-right: 80px;}
.history_list .his_in .his_txt .txt_wrap {width:100%; height:180px;  }
.history_list .his_in .his_txt .txt_wrap h4{font-size:3.333rem;  font-weight:600; letter-spacing:-1.2px; line-height:133.333%; }
.history_list .his_in .his_txt ul{width: calc(50% - 80px); margin-left: 80px;}
.history_list .his_in .his_txt ul li{padding:0 0 10px 100px;  font-size:1rem; line-height:177%; letter-spacing:-0.72px; }
.history_list .his_in .his_txt ul li strong{ left:0; top:-1px; letter-spacing: 0.4px; line-height: 170%; font-size:1.111rem;}


.history_list .progressbar{ left:50%; }
}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){

/*********** Top *************/
.history_top{height:400px;}


.history_list .his_in{padding:0 0 60px;}
.history_list .his_in .wrap{margin-top:20px; }
.history_list .his_in .his_img {width: calc(50% - 60px); margin-right: 60px;}
.history_list .his_in .his_txt .txt_wrap {width:100%; height:150px;  }
.history_list .his_in .his_txt .txt_wrap h4{font-size:3.3rem;  font-weight:600; letter-spacing:-1.2px; line-height:133%; }
.history_list .his_in .his_txt ul{width: calc(50% - 50px); margin-left: 50px;}
.history_list .his_in .his_txt ul li{padding:0 0 10px 0;  font-size:1rem; line-height:170%; letter-spacing:-0.72px; display:flex; flex-direction:column;}
.history_list .his_in .his_txt ul li strong{ position:unset; letter-spacing: 0.4px; line-height: 170%; font-size:1.1rem;}


.history_list .progressbar{ left:50%; }
.history_wrap .year_scr .year_fixed {padding:60px 0 5px;}
.header.fixed + .mo_menu + .visual_lnb + #visual + .container .history_wrap .year_scr .year_fixed {top:90px;}
.history_wrap .year_scr .year {font-size:2.6rem;}
.history_wrap .year_scr span {font-size:2.6rem;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** Top *************/
.history_top{height:300px;}



/*********** List *************/
.history_wrap .year_scr .year_fixed {text-align:left;}
.header.fixed + .mo_menu + .visual_lnb + #visual + .container .history_wrap .year_scr .year_fixed {top:50px;}
.history_list .his_in{padding:0 0 60px;}
.history_list .his_in .wrap{margin-top:15px;width:100%; flex-direction: column ;}
.history_list .his_in .his_img {width: calc(100% - 50px); margin-right: 0; margin-left: 50px; margin-bottom:20px;text-align: left;}
.history_list .his_in .his_txt .txt_wrap {width:100%; height:0;  justify-content: flex-start; }
.history_list .his_in:first-of-type .his_txt .txt_wrap {height:150px;}
.history_list .his_in .his_txt .txt_wrap h4{font-size:2.5rem;  font-weight:600; letter-spacing:-1.2px; line-height:133%; }
.history_list .his_in .his_txt ul{width: calc(100% - 50px); margin-left: 50px;}
.history_list .his_in .his_txt ul li{padding:0 0 8px 0;  font-size:1rem; line-height:150%; letter-spacing:-0.72px; display:flex; flex-direction:column;}
.history_list .his_in .his_txt ul li strong{ position:unset; letter-spacing: 0.2px; line-height: 150%; font-size:1.1rem; margin-bottom:3px;}


.history_list .progressbar{ left:5%; }



}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){

.history_top{height:250px;}



.history_list .his_in{padding:0 0 60px;}
.history_list .his_in .wrap{margin-top:5px;width:100%; flex-direction: column ;}
.history_list .his_in .his_img {width: calc(100% - 30px); margin-right: 0; margin-left: 30px; margin-bottom:20px;text-align: left;}
.history_list .his_in .his_txt .txt_wrap {width:100%; height:0;  justify-content: flex-start; }
.history_list .his_in .his_txt ul{width: calc(100% - 30px); margin-left: 30px;}
.history_list .his_in .his_txt ul li{padding:0 0 10px 0;  font-size:1rem; line-height:150%; letter-spacing:-0.72px; display:flex; flex-direction:column;}
.history_list .his_in .his_txt ul li strong{ position:unset; letter-spacing: 0.4px; line-height: 150%; font-size:1.1rem;}


.history_list .progressbar{ left:3%; }
}




/*********** List *************/
.partner_list{border-top: 2px solid var(--main);}
.partner_list dl{border-bottom:1px solid var(--border); padding:50px 0; display: flex; position: relative;}
.partner_list dl .checkbox{display:inline-block; position:absolute; left:5px; top:5px; z-index: 2;}
.partner_list dl dt{width: 510px;} 
.partner_list dl dt .img{aspect-ratio:3/2.059; overflow:hidden; box-sizing:border-box;} 
.partner_list dl dt img{display:block; width:100%; height:100%; object-fit:cover;}
.partner_list dl dd{width: calc(100% - 510px); padding:0 54px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
.partner_list dl dd .tit {font-size:1.944rem; letter-spacing:-1.4px; line-height:128%; font-weight:700; color:var(--black);}
.partner_list dl dd .tit .year {font-size:1.111rem; letter-spacing:0; line-height:160%; font-weight:400; color:var(--black); vertical-align:bottom; margin-left:12px;}
.partner_list dl dd .cont {margin-top:15px; font-size:1rem; letter-spacing:-0.72px; line-height:177.778%; color:rgba(34,34,34,.7);}
.partner_list dl dd .homepage_btn{margin: 30px 0 0;}


.homepage_btn{display:inline; width:200px; height:60px; line-height:60px; padding: 0 25px; box-sizing:border-box;  border:1px solid var(--border); text-align:left; position: relative; transition:all .4s ease; overflow: hidden; display: flex; align-items: center;}
.homepage_btn em{font-size:14px; font-weight:700; color:var(--black); letter-spacing: 0.7px; position: relative; z-index: 3; transition:all .4s ease; font-style:normal; }
.homepage_btn:after{font-family:var(--icon); content:'\e89e'; width: 20px; height:20px; font-size:1.111rem; display:block; position:absolute; right:20px; top:50%; margin-top:-31px; transition:all .4s ease; color:var(--black);}

.homepage_btn:hover {background:var(--main); border-color:var(--main);}
.homepage_btn:hover em, .homepage_btn:hover:after {color:var(--white);}






/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){

/*********** List *************/
.partner_list dl{padding:40px 0;}
.partner_list dl dt{width: 40%;} 
.partner_list dl dd{width: 60%; padding:0 40px;}
.homepage_btn{width:180px; height:60px; line-height:60px; padding: 0 20px;}
.homepage_btn:after{right:15px; }




}
/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


/*********** List *************/
.partner_list{}
.partner_list dl{padding:30px 0;}
.partner_list dl dd{padding:0 30px;}
.partner_list dl dd .tit {font-size:1.9rem; letter-spacing:-1.4px; line-height:128%; }
.partner_list dl dd .tit .year {font-size:1.1rem; letter-spacing:0; line-height:160%; margin-left:10px;}
.partner_list dl dd .cont {margin-top:15px; font-size:1rem; letter-spacing:-0.72px; line-height:177.778%; }


.partner_list dl dd .homepage_btn{margin: 20px 0 0;}
.homepage_btn{width:160px; height:50px; line-height:50px; padding: 0 15px;}
.homepage_btn:after{width: 20px; height:20px; margin-top: -26px;}





}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.partner_list{}
.partner_list dl{padding:20px 0; flex-wrap:wrap;}
.partner_list dl dt{width: 100%;} 
.partner_list dl dd{width: 100%; padding:10px 0 0;}
.partner_list dl dd .tit {font-size:1.6rem; letter-spacing:-1.4px; line-height:128%; margin-top:10px;}
.partner_list dl dd .tit .year {font-size:1.05rem; letter-spacing:0; line-height:160%; margin-left:5px;}
.partner_list dl dd .cont {margin-top:12px; font-size:1rem; letter-spacing:-0.54px; line-height:160%; }

.partner_list dl dd .homepage_btn{margin: 10px 0 0;}
.homepage_btn{width:100%; height:40px; line-height:40px;}
.homepage_btn:after {margin-top: -21px;}

}