@charset "utf-8";

/**/
select,input{font-family:'Noto Sans KR';}

/* filter */
.filter{display:flex; align-items:center; justify-content:center; height:60px; border-top:1px solid #ededed; text-align:center;}
.filter a{width:105px; height:32px; border:1px solid #c4c4c4; border-radius:15px; line-height:30px;}
.filter a:not(:first-child){margin-left:6px;}
.filter a.on{background-color:#1b1b1b; border:1px solid #1b1b1b; font-weight:500; color:#fff;}

/* �н��ڷ� ī�װ��� �з� */
.sel_box1{padding:20px 20px 35px; text-align:center;}
.sel_box1+.sign2{margin:0 0 15px; padding:0 20px;}
.sel_box1 .sel1 p{margin-bottom:12px; font-size:13px;}
.sel_box1 .sel1 div{display:flex; justify-content:center;}
.sel_box1 .sel1 div select{width:calc(50% - 5px);}
.sel_box1 .sel1 div select:nth-child(2){margin-left:10px;}
.sel_box1 .sel1 div select.wide{width:calc(100% - 130px);}
.sel_box1 .sel1 div select + a{margin-left:5px;}
.sel_box1 .sel1 div a{display:inline-block; width:125px; height:44px; border:1px solid #ed3535; border-radius:5px; font-weight:700; color:#ed3535; text-align:center; line-height:41px;}
.sel_box1 .sel2{display:flex; justify-content:end; margin-top:10px;}
.sel_box1 .sel2 select{height:30px; padding-left:10px; border:1px solid #dfdfdf; background:#fff url(/images/commonSub/bg_select.png) no-repeat right center;background-size:33px; outline:none; outline:0px; color:#010101; font-size:12px; transition:all 0.2s ease-out; vertical-align:top; color:#666 !important;}
.sel_box1 .sel2 select:nth-child(1){width:115px;}
.sel_box1 .sel2 select:nth-child(2){width:90px; margin-left:5px;}

/* sch box */
.sch_box{margin-bottom:22px; padding:16px; background-color:#eee; font-size:15px; text-align:center;}
.sch_box select{width:100%; height:43px; padding-left:19px; margin-bottom:5px; background:#fff url(/images/board/sel_arr01.png) right 19px center no-repeat; background-size:12px; border:1px solid #222; border-radius:5px; font-weight:500; font-family:"Noto Sans KR"; color:#555;}
.sch_box div{position:relative;}
.sch_box div input{width:100%; height:43px; padding-left:19px; margin-bottom:12px; background-color:#fff; border:1px solid #ed3535; border-radius:5px; font-weight:500; font-family:"Noto Sans KR"; color:#ed3535;}
.sch_box div input::placeholder{font-weight:500; color:#ed3535;}
.sch_box div button{position:absolute; top:0; right:0; width:43px; height:43px; background:url(/images/board/sch_ico.png) center center no-repeat; background-size:20px; text-indent:-9999px; cursor:pointer;}
.sch_box ul{display:flex; justify-content:center;}
.sch_box ul li{position:relative;}
.sch_box ul li:not(:first-child):before{content:""; display:block; position:absolute; top:7px; left:0; width:1px; height:11px; background-color:#9f9f9f;}
.sch_box ul li a{padding:0 10px; font-size:13px;}
.sch_box ul li.on a{font-weight:700; color:#ed3535;}

/* board category */
.board_cat{margin-bottom:15px; padding:0 20px;}
.board_cat a{position:relative; font-weight:500; font-size:14px;}
.board_cat a:not(:first-child){margin-left:8px; padding-left:11px;}
.board_cat a.on{font-weight:700; font-size:15px; color:#ed3535;}
.board_cat a:not(:first-child):before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#b1b3b3;}

/* 1:1�����ϱ� �ȳ� �ڽ� */
.inquiry{margin-bottom:28px; padding:16px; background-color:#eee; text-align:center;}
.inquiry a{display:block; height:43px; margin-bottom:15px; background:#fff url(/images/board/inquiry_arr.png) right 11px center no-repeat; background-size:6px; border:1px solid #ed3535; border-radius:5px; font-weight:700; font-size:15px; line-height:42px; color:#ed3535;}
.inquiry > ul{display:flex; justify-content:center;}
.inquiry > ul > li{display:flex; align-items:start; justify-content:center; position:relative; width:50%; font-weight:700; font-size:13px;}
.inquiry > ul > li:first-child{margin-right:12px; padding-right:13px;}
.inquiry > ul > li:first-child:before{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:10px; transform:translateY(-50%); background-color:#1b1b1b;}
.inquiry > ul > li div{display:flex; align-items:center;}
.inquiry > ul > li:first-child div{margin-top:5px;}
.inquiry > ul > li div p{width:50px;}
.inquiry > ul > li div ul{width:calc(100% - 50px);}
.inquiry > ul > li div ul li{margin-left:7px; font-weight:900; font-size:15px;}
.inquiry > ul > li div ul li span{position:relative; margin-right:5px; padding-right:7px; font-weight:500;}
.inquiry > ul > li div ul li span:before{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:10px; transform:translateY(-50%); background-color:#1b1b1b;}
.inquiry > ul > li > span{position:absolute; bottom:2px; left:50%; transform:translateX(calc(-50% - 5px)); width:100%; font-weight:500; font-size:11px;}
.inquiry > p{padding-top:13px; margin-top:12px; border-top:1px solid #cacaca; font-size:12px;}
.inquiry > p span{color:#969696}

/* board list(1:�Ϲ� �Խ���, 2:faq, 1:1����, 3:�н��ڷ��) */
.board_list1 > li{border-bottom:1px solid #d5d5d5;}
.board_list1 > li:first-child{border-top:1px solid #75787b;}
.board_list1 > li a{display:block; position:relative; padding:18px 0;}
.board_list1 > li a .state{display:inline-block; width:42px; height:21px; margin-bottom:10px; border-radius:10px; font-size:10px; line-height:18px; text-align:center;}
.board_list1 > li a .state.v1{border:1px solid #ed3535; color:#ed3535;}
.board_list1 > li a .state.v2{border:1px solid #1e44e6; color:#1e44e6;}
.board_list1 > li a .state.v3{border:1px solid #1b1b1b;}
.board_list1 > li a span{font-size:12px; color:#97999b;}
.board_list1 > li.new a .state{display:block;}
.board_list1 > li.new a .tit{display:inline-block; position:relative;}
.board_list1 > li.new a .tit:before{position:absolute; right:-12px; top:0; width:6px; height:6px; border-radius:100%; content:''; background:#ed3535;}
.board_list1 > li.new a span{display:block;}
.board_list2 > li{border-bottom:1px solid #d5d5d5;}
.board_list2 > li:first-child{border-top:1px solid #75787b;}
.board_list2 > li > a{display:block; position:relative; padding:18px 0;}
.board_list2 > li > a div{width:calc(100% - 20px);}
.board_list2 > li > a div .cat{margin-bottom:5px; font-weight:700; font-size:12px; color:#97999b;}
.board_list2 > li > a div .cat span{position:relative; padding-left:5px; margin-left:5px; color:#ed3535;}
.board_list2 > li > a div .cat span:before{content:""; display:block; position:absolute; top:4px; left:0; width:1px; height:12px; background-color:#97999b;}
.board_list2 > li > a div .state{display:inline-block; position:relative; width:52px; height:21px; margin-bottom:10px; border-radius:10px; font-size:10px; line-height:18px; text-align:center;}
.board_list2 > li a div .state.v1{background-color:#fff; border:1px solid #1b1b1b;}
.board_list2 > li a div .state.v2{background-color:#ed3535; border:1px solid #ed3535; color:#fff;}
.board_list2 > li a div > span{font-size:12px; color:#97999b;}
.board_list2 > li.open a .tit{font-weight:700;}
.board_list3{border-top:1px solid #c0c0c0;}
.board_list3 li{padding:20px; border-bottom:1px solid #c0c0c0;}
.board_list3 li.default{text-align:center;}
.board_list3 li.default p{padding-top:75px; background:url(/images/board/none_ico.gif) center 0 no-repeat; background-size:58px;}
.board_list3 li .tit{font-weight:700;}
.board_list3 li .tit+.dwn{margin-top:7px;}
.board_list3 li .state{margin-top:7px;}
.board_list3 li .state span{position:relative; font-size:13px; color:#97999b;}
.board_list3 li .state span:not(:first-child){margin-left:9px; padding-left:12px;}
.board_list3 li .state span:not(:first-child):before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#b1b3b3;}
.board_list3 li .dwn{display:flex; justify-content:end; margin-top:-7px;}
.board_list3 li .dwn a{display:flex; align-items:center; height:30px; padding:0 15px; border:1px solid #ed3535; border-radius:5px; font-weight:700; font-size:11px; color:#ed3535;}
.board_list3 li .dwn a:not(:first-child){margin-left:5px;}
.accordion > li > a:before{content:""; display:block; position:absolute; top:50%; right:0; width:15px; height:9px; margin-top:-4px; background:url(/images/board/state_arr.png) 0 0 no-repeat; background-size:100%; transition:transform .5s;}
.accordion > li.open > a:before{transform:rotate(180deg);}
.accordion > li .con{padding:20px 23px; background-color:#f9f9f9; border-top:1px solid #d5d5d5; color:#777;}
.accordion > li .con .question{padding:25px 0 20px 0; margin-bottom:20px; background:url(/images/board/question_ico.png) left top no-repeat; background-size:15px; border-bottom:1px solid #d5d5d5;}
.accordion > li .con .question .file{margin-top:10px;}
.accordion > li .con .question .file li{font-weight:700; color:#666; font-size:13px;}
.accordion > li .con .question .file li:not(:fisrt-child){margin-top:3px;}
.accordion > li .con .question .file li a{display:inline-block; width:calc(100% - 54px); color:#666;}
.accordion > li .con .question .btn{margin-top:20px; font-size:0; text-align:right;}
.accordion > li .con .question .btn a{display:inline-block; padding:3px 10px; background-color:#666; border-radius:5px; font-size:13px; color:#fff;}
.accordion > li .con .question .btn a:first-child{background-color:#ed3535;}
.accordion > li .con .question .btn a:last-child{margin-left:4px;}
.accordion > li .con .answer{padding:25px 0 0 0; background:url(/images/board/answer_ico.png) left top no-repeat; background-size:15px;}

.list_default{padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center;} /* �Խù� ���� �� */

/* thumb list(1:�̺�Ʈ) */
.thumb_list1{border-bottom:1px solid #75787b;}
.thumb_list1 li a .thumb{position:relative; overflow:hidden; padding-top:44.25%;}
.thumb_list1 li a .thumb img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.thumb_list1 li a .tit{display:flex;}
.thumb_list1 li a .state{display:inline-block; width:60px; height:30px; margin-right:13px; border-radius:15px; font-size:13px; line-height:28px; text-align:center;}
.thumb_list1 li a .state.v1{border:1px solid #ed3535; color:#ed3535;}
.thumb_list1 li a .state.v2{border:1px solid #1e44e6; color:#1e44e6;}
.thumb_list1 li a .state.v3{border:1px solid #1b1b1b;}
.thumb_list1 li .tit{padding:15px 0 20px 16px;}
.thumb_list1 li .tit div{width:calc(100% - 73px);}
.thumb_list1 li .tit div p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:17px;}
.thumb_list1 li .tit div span{font-size:13px; color:#97999b;}

/* more */
.more{position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.more a{display:block; height:43px; padding:12px 0; border-top:1px solid #e7e7e7; font-size:13px; color:#888;}

/* board view */
.board_view{margin-bottom:20px;}
.board_view .tit{padding:30px 0; text-align:center;}
.board_view .tit .state{display:inline-block; width:60px; height:30px; margin-bottom:5px ; border-radius:15px; font-weight:500; font-size:12px; line-height:28px; text-align:center;}
.board_view .tit .state.v1{border:1px solid #ed3535; color:#ed3535;}
.board_view .tit .state.v2{border:1px solid #1e44e6; color:#1e44e6;}
.board_view .tit .state.v3{border:1px solid #1b1b1b;}
.board_view .tit .date{font-weight:500; font-size:13px; color:#97999b;}
.board_view .tit p{margin-bottom:12px; font-weight:700; font-size:18px;}
.board_view .con{padding:28px 4px; border-top:1px solid #75787b; border-bottom:1px solid #75787b; font-size:13px; color:#777;}
.board_view .con table{width:100% !important; word-break:break-all;}
.board_view .con img{max-width:100%; height:auto !important;}

/* board write */
.board_write{}

/* board btn */
.board_btn{display:flex; margin-bottom:28px;}
.board_btn.center{justify-content:center;}
.board_btn.left{justify-content:start;}
.board_btn.right{justify-content:end;}
.board_btn a{width:125px; height:43px; border:1px solid #c4c4c4; border-radius:5px; font-weight:500; font-size:13px; line-height:42px; text-align:center;}

/* board nav */
.board_nav{border-top:1px solid #b1b3b3;}
.board_nav a{display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:50px; padding-left:40px; border-bottom:1px solid #b1b3b3; font-weight:500; font-size:13px; color:#777; line-height:50px;}
.board_nav a:before{content:""; display:block; position:absolute; top:50%; left:18px; width:12px; height:6px; margin-top:-3px; background:url(/images/board/board_nav_arr.png) 0 0 no-repeat; background-size:100%;}
.board_nav a.next:before{transform:rotate(180deg);}

/* paging */
.paging{display:flex; justify-content:center; align-items:center; margin-top:30px;}
.paging > a{display:flex; align-items:center; position:relative; padding:0 6px;}
.paging > a img{height:12px;}
.paging .num{margin:0 30px;}
.paging .num a{position:relative; padding:0 12px; font-weight:500;}
.paging .num a.on{font-weight:700; color:#db3535;}
.paging .num a.on:before{content:""; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:10px; height:1px; background-color:#db3535;}

/* �н��ڷ�� - ���������� */
.pds_desc_list { }
.sign .pds_desc_list { text-align: left; padding: 19px 20px; }
.pds_desc_list li {color: #333;display: flex;font-size: 14px;line-height: 20px;}
.pds_desc_list li + li {margin-top: 6px;}
.pds_desc_list li span {flex-shrink: 0;margin-right: 6px; }
.pds_desc_list li p {font-size: inherit; word-break: keep-all; }

.down_sm_list { display:flex; justify-content: center; }
.down_sm_list li {float: none;padding: 0 3%;position: relative;}
.down_sm_list li a {font-size: 15px;color: #97999b;font-weight: 500;font-family: 'Noto Sans KR';letter-spacing: -1px;}
.down_sm_list li.active a { color: #ed3535;	font-weight:700; }
.down_sm_list li:before {content: "";width: 1px;height: 13px;background: #ddd;position: absolute;top: 50%;margin-top: -6px;right: 0;}
.down_sm_list li:last-child:before {display: none;}

.table_wrap { padding:0 20px; }
.jb_table { margin-top: 11px; border-top: 1px solid #222; border-bottom: 1px solid #e5e5e4; }
.jb_table_row {display: flex;flex-direction: column;padding: 15px 10px; border-top: 1px solid #e5e5e4;}
.jb_table_row:first-of-type { border-top:0;}
.jb_table_inline {display: flex;gap: 20px;margin-top: 5px;}
.jb_table_inline .jb_table_cell { position: relative; }
.jb_table_cell:after {content: "";width: 1px;height: 11px;background: #ddd;position: absolute;top: 50%;margin-top: -5px;right: -10px;}
.jb_table_cell:last-child:after {display: none;}
.jb_table_inline .jb_table_cell p {font-size: 13px;letter-spacing: -0.7px;color: #666;}
.jb_con_tit { order: -1; }
.jb_con_tit p { font-size: 15px; font-weight: bold; color: #222; }
.downBx_btn {text-align:right;}
.downBx_btn .itembx {font-size: 14px;color: #2a5deb;position: relative;}
.downBx_btn .itembx:after {content: ""; display: inline-block;background: url(http://www.only1.co.kr/_images/brand/common/btn_down.png) no-repeat right center; width: 14px;height: 14px;margin: 0 0 -1px 6px; }