@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");

.header{background:var(--white);}
.header .header_in .logo a svg.logo_m{opacity: 1;}
.header .header_in .logo a svg.logo_w{opacity: 0;}
.header .header_in .top_util ul li:after{background:var(--border);}
.header .header_in .top_util ul li a{color:var(--black);}
.header .header_in .top_util .btnMenu_m a line{stroke:var(--black);}


.subtop{padding: 60px 0 0; }
.subtop .subtop_in{padding: 35px 0 20px; }
.subtop .subtop_in h2{font-size:2.133rem; font-weight: 700; color:var(--black); line-height: 120%; letter-spacing: -2.5px; font-family:var(--tit); text-align:center;}

.subtop .lnb dl{display: flex;}
.subtop .lnb dl dd{width: 50%; position: relative;}
.subtop .lnb dl dd > a {position:relative; display: block; font-size:1rem; font-weight: 600; line-height: 55px; letter-spacing: -0.45px; color:var(--black); position: relative; background:rgba(124,94,66,.1); padding: 0 15% 0 10%; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.subtop .lnb dl dd.dep1 > a{}
.subtop .lnb dl dd.dep2 > a{background:var(--main); color:var(--white);}
.subtop .lnb dl dd.dep2 > a:after{color:var(--white);}
.subtop .lnb dl dd > a:after{content:'\e313'; display: block; width: 20px; height: 20px; line-height: 20px; font-size:20px; text-align:center; font-family:var(--icon); color:var(--black); transition:all .3s ease; position: absolute; right: 5%; top:50%; margin-top: -10px; font-weight: 400;}
.subtop .lnb dl dd > a.on:after{transform:rotate(180deg); transition:all .3s ease;}

.subtop .lnb dl dd .dlst{position: absolute; z-index: 999999; width: 200%; background-color: #f2efed; padding:20px 10%; box-sizing:border-box; display: none; box-shadow:0 10px 15px rgba(0,0,0,0.05); text-align:left; left: 0; top:55px;}
.subtop .lnb dl dd.dep1 .dlst{left: 0;}
.subtop .lnb dl dd.dep2 .dlst{left: -100%;}
.subtop .lnb dl dd .dlst.on{display: block;}
.subtop .lnb dl dd .dlst ul{}
.subtop .lnb dl dd .dlst ul li{padding: 0 0 10px; line-height: 120%;}
.subtop .lnb dl dd .dlst ul li:last-child{padding: 0;}
.subtop .lnb dl dd .dlst ul li a{display: block; font-size: 1rem; transition:all .3s linear; line-height: 150%; letter-spacing: -1px;}
.subtop .lnb dl dd.dep1 .dlst ul li a.on{color:var(--black); font-weight: 600;}
.subtop .lnb dl dd.dep2 .dlst ul li a.on{color:var(--main); font-weight: 600;}




.basicCont{max-width: 680px; width: 90%; box-sizing:border-box; margin: 0 auto 60px;}
.basicCont2{max-width: 680px; width: 90%; box-sizing:border-box; margin: 40px auto 60px;}
.basicCont3{max-width: 680px; width: 90%; box-sizing:border-box; margin: 20px auto 60px;}


#contents{margin:0 auto; padding: 40px 0 0; box-sizing:border-box;}
#contents2{margin:0 auto; padding: 60px 0; max-width: 680px; width: 90%; box-sizing:border-box;}
#contents3{margin:0 auto; padding: 40px 0 60px; box-sizing:border-box;}
#contents4{margin:0 auto; padding: 0 0 60px; box-sizing:border-box;}
#contents5{margin:0 auto; padding: 60px 0; box-sizing:border-box;}




/* �˾� */
.noscroll{overflow: hidden;}

.popup{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999999991; display: flex; justify-content: center; flex-direction: column; align-items: center; overflow: hidden; opacity: 0; visibility:hidden; transition:all .3s;}
.popup.show{opacity: 1; visibility:visible; transition:all .4s linear;}
	.popup_bg{position: absolute; left:0; top:0; width: 100%; height:100%; background:rgba(0,0,0,.8);}
	.popup_in{max-width:680px; width: 90%; position: relative; z-index: 9;}
		.popup_tit{padding:14px 20px; display: flex; align-items:center; justify-content:space-between; background:var(--main); box-sizing:border-box; border-radius: 10px 10px 0px 0px;}
		.popup_tit h3{color:var(--white); font-weight: 700;}
		.popup_tit .popup_close{width: 30px; height:30px; font-size:0; cursor:pointer; display: block; position: relative; text-align:center;}
		.popup_tit .popup_close:after{content:'\e5cd'; display:block; width:100%; height:100%; font-size:30px; line-height:30px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white);}
		.popup_con{background:var(--white); box-sizing:border-box; padding:20px; border-radius: 0px 0px 10px 10px; text-align:center;}


#popup_tel .popup_in{height:80vh; overflow: hidden;}
#popup_tel .popup_con{height: calc(100% - 70px); padding: 20px 10px 20px 20px;}

.popup_tel_input{height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 10px 0 0; box-sizing: border-box;}
.popup_tel_input .info_txt{margin:0 0 8px;}
.popup_tel_input table{width:100%; text-align:left; border-top:2px solid var(--main);}
.popup_tel_input table,
.popup_tel_input table thead,
.popup_tel_input table tbody,
.popup_tel_input table tr,
.popup_tel_input table th,
.popup_tel_input table td{display:block;}

.popup_tel_input table th{font-size:0.882rem; font-weight: 600; color:var(--black); line-height:150%; letter-spacing: -0.45px; padding:15px 15px; box-sizing:border-box; background:var(--grayBg2); border-bottom: 1px solid var(--border);}
.popup_tel_input table th span{display:inline-block; font-weight:600; color:var(--main);}
.popup_tel_input table td{padding:10px; box-sizing:border-box; font-size:0.882rem; letter-spacing: -0.45px; line-height:150%; border-bottom: 1px solid var(--border);}
.popup_tel_input table td .phone_wrap{display: flex;}
.popup_tel_input table td .time_wrap{display: flex; align-items:center;}
.popup_tel_input table td .select_num{width: calc((100% - 14px)/3);}
.popup_tel_input table td .input_num{margin-left:7px; width: calc((100% - 14px)/3);}
.popup_tel_input table td .select_time{width: calc((100% - 13px)/3);}
.popup_tel_input table td .hyp{display: block; width: 13px; line-height: 45px; text-align:center;}
.popup_tel_input table td .checkbox{margin: 0 5px 0 10px;}
.popup_tel_input table td .check_time{cursor:pointer; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic);}
.popup_tel_input .checkbox{width: 18px; height: 18px; display: inline-block; vertical-align: middle;}
.popup_tel_input .input{box-sizing:border-box; width: 100%; height: 45px; line-height: 43px; border:1px solid var(--border); border-radius:5px; padding:0 10px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic);}
.popup_tel_input .select{box-sizing:border-box; width: 100%; height: 45px; line-height: 43px; border:1px solid var(--border); border-radius:5px; padding:0 10px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic); }
.popup_tel_input .textarea{box-sizing:border-box; width: 100%; height: 120px; border:1px solid var(--border); border-radius:5px; padding:15px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic); line-height: 160%;}
.popup_tel_input .textarea::placeholder{color:var(--light);}
.popup_tel_input .pri_box{margin: 20px 0 0;}
.popup_tel_input .pri_box .textarea{border-radius:0; font-size:0.867rem;}
.popup_tel_input .pri_txt{padding: 10px 0; color:var(--black); font-size:0.882rem; letter-spacing: -0.45px; line-height: 150%;}
.popup_tel_input .pri_txt .checkbox{border-color:var(--black); margin: -2px 5px 0 0;}
.popup_tel_input .btn_m{max-width: 140px; display: block; margin: 0 auto;}


/* ��ư */
.btn_m{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:1rem; font-weight:600; color:var(--white); width: 100%; line-height: 45px; letter-spacing: -0.51px; background:var(--main); border-radius:5px; transition:all .3s;}
.btn_m:hover{background:var(--sub); color:var(--main);}
.btn_b{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:0.938rem; font-weight:600; color:var(--white); width: 100%; line-height: 45px; letter-spacing: -0.51px; background:var(--black); border-radius:5px; transition:all .3s;}
.btn_b:hover{background:var(--border); color:var(--black);}

.btn_w2{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:0.938rem; font-weight:600; color:var(--sub4); width: 100%; line-height: 45px; letter-spacing: -0.51px; background:var(--white); border:1px solid var(--black); box-sizing:border-box; border-radius:5px; transition:all .3s;}
.btn_w2:hover{background:var(--sub4); border-color:var(--sub4); color:var(--white);}



.btn_b2{display: block; width: 70px; height: 45px; line-height: 43px; text-align:center; border:1px solid var(--black); background:var(--black); color:var(--white); box-sizing:border-box; font-size:0.867rem; font-weight: 600; cursor:pointer; transition:all .3s;}
.btn_b2:hover{background:var(--main); border-color:var(--main);}

.button_w{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:1rem; font-weight:600; color:var(--black); width: 140px; line-height: 43px; height: 45px; letter-spacing: -0.51px; background:var(--white); border:1px solid var(--black); border-radius:5px; transition:all .3s; box-sizing:border-box;}
.button_w:hover{background:var(--black); color:var(--white);}

.button_m{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:1rem; font-weight:600; color:var(--white); width: 140px; line-height: 43px; height: 45px; letter-spacing: -0.51px; background:var(--main); border:1px solid var(--main); border-radius:5px; transition:all .3s; box-sizing:border-box;}
.button_m:hover{color:var(--main); background:var(--white);}

.button_g{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:1rem; font-weight:600; color:var(--white); width: 140px; line-height: 43px; height: 45px; letter-spacing: -0.51px; background:var(--light); border:1px solid var(--light); border-radius:5px; transition:all .3s; box-sizing:border-box;}
.button_g:hover{color:var(--white); background:var(--basic); border-color:var(--basic);}

.button_b{display: block; text-align:center; border:0; padding:0; cursor:pointer; font-size:1rem; font-weight:600; color:var(--white); width: 140px; line-height: 43px; height: 45px; letter-spacing: -0.51px; background:var(--black); border:1px solid var(--black); border-radius:5px; transition:all .3s; box-sizing:border-box;}
.button_b:hover{color:var(--black); background:var(--white);}


.moreBtn{font-size:0.867rem; font-weight: 700; letter-spacing: -0.51px; display: inline-block; width: 140px; height: 45px; line-height: 43px; padding: 0 15px; box-sizing:border-box; border-radius:5px; border:1px solid var(--black); color:var(--black); transition:all .3s; position: relative; text-align:left;}
.moreBtn.br0{border-radius:0;}
.moreBtn:after{content:'\e5e0'; display: inline-block; width:12px; height:12px; font-size:12px; line-height: 12px; font-family:var(--icon); position: absolute; right: 20px; top:50%; margin-top: -6px; transform:rotate(180deg);}
.moreBtn:active{background:var(--black); border-color:var(--black); color:var(--white);}

.list_more{text-align:center; padding:30px 30px 30px;}
.list_more2{text-align:center; padding:30px 30px 30px;}

.apply_btn{font-size:1rem; font-weight: 700; letter-spacing: -0.51px; display: inline-block; height: 45px; line-height: 43px; padding: 0 18px; box-sizing:border-box; border-radius:5px; border:1px solid var(--black); color:var(--black); transition:all .3s; position: relative; text-align:left;}
.apply_btn:before{content:'\f88c'; display: inline-block; margin: -2px 5px 0 0; width:16px; height:16px; font-size:16px; line-height: 16px; font-family:var(--icon); vertical-align: middle; font-weight: 400;}
.apply_btn:hover{background:var(--black); border-color:var(--black); color:var(--white);}


.download_btn{display: block; font-size:0.882rem; width: 100%; height: 45px; line-height: 43px; box-sizing:border-box; border:1px solid var(--main); color:var(--main); border-radius:3px; text-align:center; font-weight: 600; letter-spacing: -0.45px; transition:all .3s linear;}
.download_btn:before{content:'\f523'; display: inline-block; font-size:20px; font-weight: 400; vertical-align: middle; margin:-2px 5px 0 0; font-family:var(--icon);}
.download_btn:hover{background:var(--main); color:var(--white);}

.telBtn{display: inline-block; font-size:0.933rem; width: 160px; height: 50px; line-height: 48px; box-sizing:border-box; border:1px solid var(--black); color:var(--black); border-radius:5px; text-align:center; font-weight: 700; letter-spacing: -0.45px; transition:all .3s linear;}
.telBtn:before{content:'\e0b0'; display: inline-block; font-size:18px; font-weight: 400; vertical-align: middle; margin:-2px 5px 0 0; font-family:var(--icon);}
.telBtn:hover{background:var(--black); color:var(--white);}


.w_btn{display: inline-block; padding: 0 10px; font-size:0.765rem; font-weight: 600; line-height: 27px; text-align:center; border:1px solid var(--border); border-radius:3px; transition:all .3s linear;}
.w_btn:hover{background:var(--black); border-color:var(--black); color:var(--white);}


/* �ϴ� ��ư */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:20px;}
.bbs_btn.align_right {text-align:right;}

.btn_w {display:inline-block; text-align:center; height:40px; line-height:38px; width:80px; border:1px solid var(--border); font-size:0.867rem; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.btn_w:hover {color: var(--black); border:1px solid var(--black); transition:all 0.3s;}



/* �ؽ�Ʈ */
.info_txt{font-size:0.882rem; line-height: 150%; letter-spacing: -0.45px; padding:0 0 0 20px; box-sizing:border-box; position: relative; text-align:left;}
.info_txt:before{content:'\e88e'; display:block; font-size:16px; line-height: 16px; width: 16px; height:16px; position: absolute; left:0; top:-2px; font-family:var(--icon); color:var(--main);}

.dep_tit{font-size:1.333rem; font-weight:600; color:var(--black); letter-spacing: -1.25px; line-height: 140%; padding:0 0 0 25px; box-sizing:border-box; position: relative; margin: 0 0 8px;}
.dep_tit:before{content:''; display:block; width:20px; height: 20px; background:url('/assets/images/newImg/dep_tit.png') no-repeat center/contain; position: absolute; left:0; top:3px;}
.dep_tit small{display: block; font-size:0.867rem; letter-spacing: -0.51px; font-weight: 400; color:var(--basic); line-height: 150%; margin:3px 0 0;}


.cate_txt{display: inline-block; font-size:0.765rem; line-height: 26px; font-weight: 600; color:var(--main); background:rgba(124, 94, 66, .1); border-radius:5px; padding: 0 10px;}


/* ��Ʈ */
.dot_list{}
.dot_list > li,
.dot_list > dd{font-size:1rem; letter-spacing: -0.54px; line-height:160%; text-align:left; position:relative; box-sizing:border-box; padding:0 0 8px 11px;}
.dot_list > li:last-child,
.dot_list > dd:last-child{padding-bottom:0;}
.dot_list > li:before,
.dot_list > dd:before{content:''; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:var(--basic);}

.dot_list2{}
.dot_list2 > li,
.dot_list2 > dd{font-size:0.882rem; letter-spacing: -0.54px; line-height:150%; text-align:left; position:relative; box-sizing:border-box; padding:0 0 4px 11px;}
.dot_list2 > li:last-child,
.dot_list2 > dd:last-child{padding-bottom:0;}
.dot_list2 > li:before,
.dot_list2 > dd:before{content:''; display:block; position:absolute; left:0; top:7px; width:3px; height:3px; background:var(--basic);}


/* ���� */
.num_list{counter-reset:list-number;}
.num_list > li{counter-increment:list-number; font-size:1rem; letter-spacing: -0.51px; line-height: 165%; padding:0 0 10px 30px; box-sizing:border-box; position: relative;}
.num_list > li:last-child{padding-bottom: 0;}
.num_list > li:before{content:counter(list-number); width: 25px; height: 25px; line-height:25px; font-size:0.733rem; text-align:center; color:var(--white); font-weight: 600; border-radius:50%; background:var(--main); text-align:center; position: absolute; left:0; top:-1px;}

/* üũ */
.check_list{}
.check_list > li,
.check_list > dd{font-size:1rem; letter-spacing: -0.54px; line-height:150%; text-align:left; position:relative; box-sizing:border-box; padding:0 0 6px 26px;}
.check_list > li:last-child,
.check_list > dd:last-child{padding-bottom:0;}
.check_list > li:before,
.check_list > dd:before{content:'\f88b'; display:block; position:absolute; left:0; top:0; width:20px; height:20px; font-size:20px; line-height: 20px; color:var(--main); background:rgba(124, 94, 66, .1); border-radius:50%; font-family:var(--icon); text-align:center;}


/* �˻� */
.bbs_search {font-size:0;}
.bbs_search dl{display:flex; max-width:415px; width:100%; margin:0 auto; border: 1px solid var(--border); border-radius:5px; box-sizing:border-box;}
.bbs_search dt {width: 135px;}
.bbs_search dt select{width:100% !important; height:50px !important; line-height: 48px !important; font-size:0.882rem !important; color:var(--black) !important; border:0 !important; box-sizing:border-box; }
.bbs_search dd{width:calc(100% - 135px); position:relative; display:flex; }
.bbs_search dd .search_input {font-size:0.882rem;; color: var(--basic); border: 0; background-color: var(--white); padding:0 20px; font-family:inherit; height:50px; line-height:48px; box-sizing:border-box; width:calc(100% - 50px); 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:none; outline:none; cursor:pointer; width:50px; height:50px; position: relative; transition:all .3s linear; text-align:center; font-size:0;}
.bbs_search dd .bbs_s_b:after{content:'\e8b6'; display: block; width: 100%; height: 100%; line-height: 50px; font-size:20px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--black);}


.bbs_search.right{margin: 0 0 25px;}
.bbs_search.right dl{border:0; border-radius:0; margin: 0 0 0 auto; max-width:100%; border-bottom:2px solid var(--black);}
.bbs_search.right dl dt{width: 80px;}
.bbs_search.right dl dd{width: calc(100% - 80px);}


/* �Խ��� �� */
.bbs_view{border-top:2px solid var(--main);}
	.bbsView_tit{box-sizing:border-box; padding:18px 50px 18px 10px; border-bottom:1px solid var(--border2); text-align:left; position: relative;}
	.bbsView_tit .subject{font-size:1.333rem; letter-spacing: -0.75pt; font-weight: 700; color:var(--black); line-height: 140%;}
	.bbsView_tit .view_detail{margin: 4px 0 0; display: flex;}
	.bbsView_tit .view_detail li{padding:0 20px 0 0; position: relative; font-size:0.867rem;}
	.bbsView_tit .view_detail li:after{content:''; display:block; width:1px; height:10px; background:var(--border); position: absolute; right: 10px; top:50%; margin-top: -5px;}
	.bbsView_tit .view_detail li:last-child{padding: 0;}
	.bbsView_tit .view_detail li:last-child:after{display: none;}
	.bbsView_tit .count{font-size:0.882rem; line-height: 120%; position: absolute; bottom: 18px; right: 10px;}
	.bbsView_tit .count:before{content:'\e8f4'; display:inline-block; margin: -2px 5px 0 0; vertical-align:middle; font-size:18px; color:var(--black); font-family:var(--icon);}
	.view_content{padding: 20px 0; border-bottom:1px solid var(--border);}
	.view_content img{max-width:100%; height: auto !important;}
	.view_content .w560{max-width:560px; margin: 0 auto;}
		.video_wrap{margin:0 auto; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
		.video_wrap iframe{display:inline-block; position:absolute; left:0; top:0; width:100% !important; height:100% !important;}

	.bbs_bottom{border-bottom:1px solid var(--border); display:flex;}
	.bbs_bottom dt{width:100px; padding:15px; font-size:0.941rem; font-weight: 600; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}
	.bbs_bottom dt:after{content:'\e316'; display:inline-block; width: 20px; height: 20px; line-height: 20px; font-size:20px; color:var(--black); font-family:var(--icon); position: absolute; right: 0; top:50%; margin-top:-10px; font-weight: 400;}
	.bbs_bottom.next dt:after{content:'\e313';}
	.bbs_bottom dd{width:calc(100% - 100px); padding:15px; font-size:0.941rem; letter-spacing:-0.35pt; line-height: 120%; 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;}


.shareBox{position: absolute; right:0; top:50%; margin-top: -20px;}
.shareBox .shareBox_in{position: absolute; bottom: 0; right: 0; display: none; z-index: 2;}
.shareBox.show .shareBox_in{display: flex;}
.shareBox .shareBox_in dd{margin-right: 5px; height: 40px; padding:0 20px; background:var(--white); box-sizing:border-box; border:1px solid var(--border); border-radius:40px; display: flex; align-items: center;}
.shareBox .shareBox_in dd a{display: inline-block; width: 16px; margin: 0 10px 0 0;}
.shareBox .shareBox_in dd a:last-child{margin: 0;}
.shareBox .shareBox_in dd a img{width: 100%; height: auto;}
.shareBox .shareBox_in dt{}
.shareBox .shareBox_in dt .shareClose{font-size:0; padding: 0; transition:all .3s linear; display: flex; align-items:center; justify-content: center; cursor:pointer; width:40px; height: 40px; border-radius:50%; box-sizing:border-box; border:1px solid var(--black); background:var(--black);}
.shareBox .shareBox_in dt .shareClose:after{content:'\e5cd'; display: block; font-size:20px; color:var(--white); font-family:var(--icon); position: relative; left:0; top:0; width: 100%; height: 100%; line-height: 40px; transition:all .3s linear; text-align:center;}

.shareBox .shareBtn{font-size:0; padding: 0; transition:all .3s linear; display: flex; align-items:center; justify-content: center; cursor:pointer; width:40px; height: 40px; border-radius:50%; box-sizing:border-box; border:1px solid var(--border); background:var(--white);}
.shareBox .shareBtn:after{content:'\e80d'; display: block; font-size:20px; color:var(--light); font-family:var(--icon); position: relative; left:0; top:0; width: 100%; height: 100%; line-height: 40px; transition:all .3s linear; text-align:center;}
.shareBox .shareBtn:hover{background:var(--main); border-color:var(--main);}
.shareBox .shareBtn:hover:after{color:var(--white);}





/* �Խ��� ����Ʈ */
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center; background:var(--white);}
.bbs_con th {font-size:1rem; letter-spacing:-0.35pt; line-height:150%; font-weight:600; color:var(--black); box-sizing:border-box; padding:20px 10px; border-bottom:1px solid var(--border);}
.bbs_con td {font-size:1rem; letter-spacing:-0.35pt; line-height:150%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:20px 10px; border-bottom:1px solid var(--border);}
.bbs_con td.left{text-align:left; padding:20px 20px;}
.status{display: inline-block; vertical-align: middle; width: 60px; height:25px; line-height: 25px; font-size:0.867rem !important; text-align:center; color:var(--white); font-weight: 600;}
.status.ing{background:var(--light);}
.status.ok{background:var(--main);}

.bbs_con_m{border-top: 2px solid var(--main);}
.bbs_con_m ul{}
.bbs_con_m ul li{background:var(--white); border-bottom: 1px solid var(--border); box-sizing:border-box; padding:15px 20px;}
.bbs_con_m ul li .category{display: block; font-size:0.867rem; color:var(--basic); letter-spacing: -0.39px; line-height:150%; margin: 0 0 3px;}
.bbs_con_m ul li .subject{display: block; font-size:1rem; font-weight: 600; line-height: 150%; letter-spacing: -0.45px; color:var(--black);}
.bbs_con_m ul li .date{display: block; margin: 5px 0 0; font-size:0.867rem; letter-spacing: 0; line-height: 120%;}
.bbs_con_m ul li .status{margin: 10px 0 0;}


/* �ǰ߳����  */
.opinion{position: relative; width: 100% !important;}
.opinion:before{content:''; display: block; width: 100%; height:8px; background:var(--grayBg2); box-sizing:border-box; border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin: 0 0 28px;}
.opinion .opinion_in{}
.opinion .fs25{padding: 0 0 10px;}
.opinion .fs25 small{display: block; margin: 8px 0 0; font-weight: 400; color:var(--basic);}
.opinion .fs25:before{content:'\f0f3'; display:inline-block; vertical-align: middle; margin: -4px 8px 0 0; width:30px; height:30px; font-size:14px; line-height: 30px; background:var(--main); border-radius:3px; text-align:center; font-family:var(--icon); color:var(--white); font-weight: 400;}
.opinion dl{display: flex;}
.opinion dl dt{width: 70px;}
.opinion dl dt .btn_m{line-height:50px; border-radius:0 5px 5px 0; font-size:0.867rem;}
.opinion dl dd{width: calc(100% - 70px);}
.opinion dl dd .input{display: block; padding:0 15px; width: 100%; height: 50px; line-height:48px; border:1px solid var(--border); border-right:0; border-radius:5px 0 0 5px; box-sizing:border-box; background:var(--grayBg2); font-size:0.867rem; letter-spacing: -0.45px;}
.opinion dl dd .input::plaseholder{color:var(--light); font-size:0.867rem; letter-spacing: -0.45px;}



/* �Ǹ޴� */
.tabMenu{}
.tabMenu .swiper-container{overflow: hidden;}
.tabMenu ul{display: block; text-align:center; white-space: nowrap; font-size:0;}
.tabMenu ul li{width: auto; padding: 0 20px 0 0; box-sizing:border-box; position: relative; display: inline-block;}
.tabMenu ul li:last-child{padding: 0;}
.tabMenu ul li:after{content:''; width: 1px; height: 10px; background:var(--border); position: absolute; right: 10px; top:4px;}
.tabMenu ul li:last-child:after{display: none;}
.tabMenu ul li a{display: block; font-size:1rem; padding: 0 0 3px; font-weight: 600; color:var(--basic); letter-spacing: -0.57px; line-height:130%; position: relative; transition:all .3s linear;}
.tabMenu ul li.hover a{color:var(--main);}
.tabMenu ul li:hover a{color:var(--main);}
.tabMenu ul li a:after{content:''; display: block; width: 0; height: 2px; background:var(--main); position: absolute; left:0; bottom:0;}
.tabMenu ul li.hover a:after{width: 100%;}




.company_info{display: flex; flex-wrap:wrap; gap:10px;}
.company_info li{width: calc((100% - 10px)/2); text-align:center; border:1px solid var(--border); background:var(--white); border-radius:10px; box-sizing:border-box; padding: 40px 20px; min-height:auto;}
.company_info li img{max-width:40px; height: auto; margin: 0 auto 10px;}
.company_info li .fs21{font-weight: 700;}
.company_info li .fs17{padding:3px 0 0;}
.company_info li.logo_w{background:var(--main); border-color:var(--main); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.company_info li.logo_w img{margin:0; max-width:200px; width: 100%;}





/* �������� �ȳ� */
.responsive-dim{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6);z-index: 100; display:none;}
.responsive-dim .stock-scroll-drag-guide{position: absolute;top: 50%; left: 0;right: 0; text-align: center; transform: translate(0,-50%);}

.stock-scroll-drag-guide {display:flex; justify-content:center;}
	.stock-scroll-drag-guide .stock-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.stock-scroll-drag-guide .stock-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:rgba(255,255,255,0.5); content:""; border-radius:5px;}
	.stock-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:stock-drag-hand 3s both infinite; }
	.stock-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color:#fff; border-radius:5px; opacity:1; }
	.stock-scroll-drag-guide .drag-tail .hand-icon{margin-top: 5px; display: block;}
	@keyframes stock-drag-hand {
		0% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		10% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}

