@import url(default.css); 
@import url(layout.css);
@import url(content.css);
@import url(slick.css);
@import url(slick-theme.css);

@charset "euc-kr";

.slider .slick-track,
.slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}


.link_button:after,
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after,
#bbsPhoto .lst > li a .tit .ico{background:url(../images2/base/sp_com.png) no-repeat 0 0;}


#skip_nav a{display:block; position:fixed; top:-140px; left:0; z-index:10; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skip_nav a:hover , #skip_nav a:active , #skip_nav a:focus {top:0px; z-index:1000; background:#333; color:#fff;}


.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}

.fc01{color:#ec5d00;}
.fc02{color:#30aa00;}
.fc03{color:#2f68c3;}
.txt_red{color:#ff0000;}
.fw600{font-weight: 600;}

input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:5px 8px; border:1px solid #adadad; border-radius:0; background:#fff; vertical-align:middle; font-size:15px;}

select::-ms-expand{display:none;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="email"],
select{height:39px; margin:1px 0;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="file"]{background:#fff; font-size:15px; padding:3px 0;}
input[type="checkbox"],
input[type="radio"]{width:18px; height:18px; margin:2px 3px 1px 0;}
input[readonly],
input[disabled]{background:#eee;}
input[type="password"] {font-family:'dotum'; font-size:16px;}
select.readonly {background:#eee;}
select.readonly option[disabled] {background:#eee; color:#ccc;}
table input[type="text"],
table input[type="password"]{width:100%; max-width:180px;}
table input[type="file"]{width:100%; max-width:245px;}
table textarea{width:100%;}
input::placeholder{color:#888;}
input:-ms-input-placeholder{color:#888;}
textarea::placeholder,
textarea::-webkit-input-placeholder{color:#888;}
textarea:-ms-input-placeholder{color:#888;}


.btn_chkbox{display:inline-block; position:relative; overflow:hidden; height:20px; line-height:20px; vertical-align:middle;}
.btn_chkbox input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox label{display:inline-block; height:20px; line-height:20px; padding:0 10px 0 27px; vertical-align:top; cursor:pointer;}
.btn_chkbox label:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; width:20px; height:20px; margin:auto 0; border:1px solid #888; background:linear-gradient(#fff, #fff) 6px 6px/6px 6px no-repeat,linear-gradient(#888, #888) 5px 5px/8px 8px no-repeat; background-color:#fff; vertical-align:middle;}
.btn_chkbox input:checked + label:before{border:6px solid #333; background:#fff;}

.btn_chkbox2{display:inline-block; position:relative; overflow:hidden; height:20px; line-height:20px; vertical-align:middle;}
.btn_chkbox2 input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox2 label{display:inline-block; height:20px; line-height:20px; padding:0 10px 0 27px; vertical-align:top; cursor:pointer;}
.btn_chkbox2 label:before,
.btn_chkbox2 label:after{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; margin:auto;}
.btn_chkbox2 label:before{width:20px; height:20px; border:2px solid #dfe4ec;}
.btn_chkbox2 label:after{right:calc(100% - 20px); width:11px; height:6px; border:2px solid #dfe4ec; border-width:0 0 2px 2px; transform:translateY(-25%) rotate(-45deg);}
.btn_chkbox2 input:checked + label:before{border-color:#477de3; background:#477de3;}
.btn_chkbox2 input:checked + label:after{border-color:#fff;}


img{max-width:100%;}






.conTit2:before,
.conTit22:before,
.conTit3:before,
.conTit4:before,
.conLst li:before,
.conLst2 li:before,
.conLst3 li:before{content:''; display:inline-block; position:absolute; top:0; left:0; background:url(../images2/base/sp_icss.png) no-repeat 0 0/200px 200px;}

.conTit2{position:relative; margin:70px 0 20px; font-size:26px; line-height:1.2; letter-spacing:-2px;}
.conTit2:before {content:''; display:block; width:22px; height:2px;  background:#f5cd11; position:absolute; left:0; top:-10px; mix-blend-mode:multiply; border-radius:50%; border-radius:100%;}
.conTit2 + .conTit3 {margin-top:0;}
.conTit3{position:relative; margin:28px 0 14px; font-size:20px; line-height:1.4; color:#0a4096;}
.conTit4{position:relative; margin:30px 0 10px; font-size:18px; line-height:1.4;}
.conTit5{position:relative; margin:30px 0 10px; font-size:17px; line-height:1.4;}
.conTit6{position:relative; margin:30px 0 10px; font-size:16px; line-height:1.4;}
.conTit2:first-child,
.conTit22:first-child,
.conTit3:first-child,
.conTit4:first-child,
.conTit5:first-child,
.conTit6:first-child{margin-top:0px;}


.cont_body .conBox{position:relative; margin-bottom:30px;}
.conTit2 + .conBox{margin-bottom:30px; margin-left:38px;}
.conTit22 + .conBox{margin-bottom:30px; margin-left:50px;}
.conTit3 + .conBox{margin-bottom:30px;}
.conTit4 + .conBox{margin-bottom:30px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conTit6 + .conBox{margin-bottom:30px;}

.conLst,
.conLst2,
.conLst3{margin:10px 0 22px;}
.conLst ul,
.conLst ol,
.conLst2 ul,
.conLst2 ol,
.conLst3 ul,
.conLst3 ol{margin-top:5px; margin-bottom:13px; }
.cont_body td > ul,
.cont_body td > ol{margin-bottom:0;}
.conLst li .button,
.conLst2 li .button,
.conLst3 li .button,
.conLst4 li .button,
.conLst li .link_button,
.conLst2 li .link_button,
.conLst3 li .link_button,
.conLst4 li .link_button{margin-top:0; margin-bottom:0;}
.conLst li,
.conLst2 li,
.conLst3 li,
.conLst4 li{position:relative; margin-bottom:2px; line-height:1.6; font-size:17px;}
.conLst > li{padding-left:15px; }
.conLst > li:before {content:''; display:block; width:4px; height:4px; background:#888; border-radius:4px; position:absolute; left:4px; top:11px;}
.conLst2 > li{padding-left:14px;}
.conLst2 > li:before {content:''; display:block; width:3px; height:3px; background:#aaa; border-radius:4px; position:absolute; left:4px; top:11px;}
.conLst3 > li{padding-left:12px; background:linear-gradient(#aaa,#aaa) no-repeat 3px 13px/4px 1px;}
.conLst5 > li{padding-left:15px; position: relative; margin-bottom: 2px; line-height: 1.6; font-size: 17px; }
.conLst5 > li:last-child {margin-bottom:10px;}
.cont_body ol{margin-left:15px;}
.cont_body ol > li{margin-bottom:5px; padding-left:0; line-height:1.6; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
.mg15 {margin-left:15px;}
.cont_body p{margin:10px 0 20px;}



caption{overflow:hidden; line-height:0; text-indent:-2000em;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
table{width:100%; margin:0px 0 5px; border-top:2px solid #545454; word-break:keep-all; word-wrap:break-word;}
table th,
table td{border:1px solid #e4e4e4; font-size:16px; border-top:none;}
table th{padding:18px 5px; background:#f3f8fc; font-weight:600; font-size:16px; text-align:center;}
table thead + tbody th{background:#fcfcfc;}
table tbody th{padding-left:12px; padding-right:12px;}
table td{padding:22px 12px;}


.tar.ex_txt {margin:-38px 0 16px;}

.box_comm{margin-bottom:40px; padding:20px; border:1px solid #ddd; word-break: keep-all;}
.box_comm ul{margin-bottom:0;}
.box_comm p:first-child{margin-top:0;}
.box_comm p:last-child{margin-bottom:0;}

.box_comm2{margin-bottom:40px; padding:40px; border:1px solid #4f5259; background:#fff;}
.box_comm2 ul{margin-bottom:0;}
.box_comm2 p:first-child{margin-top:0;}
.box_comm2 p:last-child{margin-bottom:0;}

.box_comm3{position:relative; margin-bottom:40px; padding:40px; background:#f6f6f6;}
.box_comm3 h2 {font-size:19px; margin-bottom:10px; margin-top:-5px; color:#0a4096;}
.box_comm3 ul{margin-bottom:0;}
.box_comm3 p:first-child{margin-top:0;}
.box_comm3 p:last-child{margin-bottom:0;}

.box_comm4{position:relative; background:url(../images/common/box_comm_bg01.png) no-repeat left top; border-bottom:1px solid #e0e0e0; padding:55px 50px 50px 210px; min-height:220px; margin-bottom:30px;}
.box_comm4:after { content:''; display:block; width:1px; background:#e0e0e0; position:absolute; right:0; top:142px; bottom:0;}
.box_comm4 span.ico{display:block; position:absolute; left:40px; top:44px; width:128px; height:128px;}
.box_comm4 h2 {font-size:20px; color:#0a4096; margin-bottom:14px; letter-spacing: -0.07em;  word-break:keep-all;}
.box_comm4 h2 * {font-size:20px;}
.box_comm4 p {font-size:17px; line-height:1.5; word-break:keep-all;}
.box_comm4 a { margin:20px 4px 0 0;}
.box_comm4 h3 { color:#2a2773; font-size:17px; margin-bottom:14px;}
.box_comm5 {background: rgb(244,252,255); background:linear-gradient(90deg, rgba(244,252,255,1) 0%, rgba(243,254,244,1) 100%); padding:15px;}
.box_comm5 .inr {background:#fff; padding:50px;}

.right{float: right;}

.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; transition:all .3s;}

.button , button.wbtn{position:relative; overflow:hidden; height:39px; line-height:37px; margin:2px 3px; padding:0 15px; border:1px solid transparent; font-weight:600;  letter-spacing:0; border-radius:3px;}
.button.xs{height:22px; padding:0 10px; font-size:13px; line-height:20px;}
.button.sm{height:30px; padding:0 12px; font-size:14px; line-height:28px;}
.button.rg{height:48px; padding:0 30px; font-size:16px; line-height:46px;}
.button.lg{height:58px; padding:0 40px; font-size:18px; line-height:56px;}

.button{border-color:#434343; background-color:#fff; color:#333 !important;}
.button.blue , .button.blue01 {border-color:transparent; background-color:#2f68c3; color:#fff !important;}
.button.violet{border-color:transparent; background-color:#6c4ea0; color:#fff !important;}
.button.red{border-color:transparent; background-color:#e21448; color:#fff !important;}
.button.black{border-color:transparent; background-color:#222; color:#fff !important;}
button.wbtn , .button.darkgray{border-color:transparent; background-color:#434343; color:#fff !important;}
.button.gray{border-color:transparent; background-color:#737373; color:#fff !important;}

.button.ico{}
.button.ico:before{content:''; display:inline-block; vertical-align:middle;}
.button.ico.srch:before{width:16px; height:16px; margin:-4px 5px 0 0; background-position:-179px 0;}
.button.ico.blue.srch:before,
.button.ico.violet.srch:before,
.button.ico.red.srch:before,
.button.ico.black.srch:before,
.button.ico.darkgray.srch:before,
.button.ico.gray.srch:before{background-position:-153px 0;}
.button:hover:after,
.button:focus:after{content:''; opacity:0.08; position:absolute; top:0; right:0; bottom:0; left:0; background:currentcolor;}
.button.strong{font-weight:bold !important;}
.button.block{display:block; width:100%;}
.dw_button,
.link_button,
.link_button *
{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important;  word-break:normal; text-align:left; vertical-align:middle; cursor:pointer;}


.link_button{/*padding: 5px 32px 7px 5px;*/ padding: 10px 52px 15px 10px;  border-color:#adadad; background-color:#fff; color:#333 !important; line-height:24px;  white-space:nowrap; border: 1px solid #ddd;}


.dw_button{padding: 5px 32px 7px 5px; margin-left:35px;border:1px solid #adadad; background-color:#fff; color:#333 !important; line-height:24px;  white-space:nowrap;    border-radius: 5px;}
.dw_button.download:after{width:17px; height:18px; background-position:-34px 0;}
.dw_button:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}
.dw_button:after {
    top: 0;
    left: calc(100% - 38px);
    right: -5px;
    bottom: 5px;
    width: 22px;
    height: 20px;
    margin: auto;
    background-color: #fff;
}

.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box;}

/*.link_button:before{right:38px; bottom:0; border-left:1px solid #d9d9d9; background-color:#fff;}*/

.link_button:after{top:0; left:calc(100% - 38px); right:-5px; bottom:5px; width:22px; height:20px; margin:auto; background-color:#fff;}
.link_button.homepage:after{width:22px; height:19px; background-position:0 0;}
.link_button.download:after{width:17px; height:18px; background-position:-34px 0;}
.link_button.view:after{width:16px; height:16px; background-position:-126px 0;}
.link_button.location:after{width:18px; height:20px; background-position:-64px 0;}
.link_button.direct:after{width:20px; height:20px; background-position:-93px 0;}
.link_button.txt{height:auto; padding:0; border:none; background:none; line-height:24px; text-align:left; /*text-decoration:underline !important;*/ white-space:normal; word-break:break-all;}
.link_button.txt:before{display:none;}
.link_button.txt:after{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:26px; height:24px; margin:0 0 4px 5px; border:1px solid #adadad; vertical-align:middle; border-radius:3px;}
.link_button.txt.homepage:after{background-position:1px 2px;}
.link_button.txt.download:after{background-position:-31px 1px;}
.link_button.txt.view:after{background-position:-122px 3px;}
.link_button.txt.location:after{background-position:-61px 1px;}
.link_button.txt.direct:after{background-position:-91px 1px;}
.link_button.ico{overflow:hidden; width:26px; height:24px; padding:0; line-height:24px; text-indent:-9999em; vertical-align:top;}
.link_button.ico:before{display:none;}
.link_button.ico:after{left:0;}
.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:2px; border:1px solid #adadad; vertical-align:middle; text-align:center;}
.button_file img{vertical-align:middle;}








.bbsSrch , .bbsSearch {margin:0 0 35px; padding:25px 5px; text-align:center; background:#f5f5f5; font-size:0;}
.bbsSrch span{display:inline-block; font-size:15px; vertical-align:middle;}
.bbsSrch input, .bbsSerch input,
.bbsSrch select, .bbsSerch select,
.bbsSrch button, .bbsSerch button,
.bbsSrch .button , .bbsSerch .button{margin:2px; font-size:15px; vertical-align:middle;}
.bbsSearch .button {background:#333; color :#fff !important; font-size:15px;}
.bbsSrch .srch_date_wrap{display:inline-block; vertical-align:middle;}
.bbsSrch .srch_word_wrap{display:inline-block; vertical-align:middle;}
.bbsSrch .word{}
.bbsSrch .srch_word_wrap input{width:280px;}

.board_nodata{margin:30px 0; padding:20px; background:#fafafa; font-size:1.2em; text-align:center;}
.common-nodata-msg{text-align:center;}
.bbsTotal{margin:10px 0;}


#bbsList{table-layout:fixed; border-collapse:separate; width:100%; /*margin:0 0 40px;*/ border:0; border-top:2px solid #4f5259; border-bottom:1px solid #4f5259;}
#bbsList th{position:relative; padding:17px 5px; border:0; border-bottom:1px solid #4f5259; background:#fff; font-weight:600; font-size:16px; line-height:1.2; color:#444; text-align:center; box-shadow:0 4px 0 #f7f7f7;}
#bbsList td{padding:15px 5px; border:0; border-bottom:1px solid #d6d6d6; line-height:1.5; color:#444; text-align:center;}
#bbsList tr:last-child td{border-bottom:0;}
#bbsList tr:hover {background:#fafafa;}
#bbsList a.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:2px; border:1px solid #adadad; vertical-align:middle; text-align:center;}
#bbsList a.button_file img{vertical-align:middle;}

#bbsPhoto{}
#bbsPhoto .lst{border-bottom:1px solid #61646c;}
#bbsPhoto .lst:after{content:''; display:block; clear:both;}
#bbsPhoto .lst > li{float:left; position:relative; width:calc(25% - 2%); margin:0 0 3% 2.645%; padding:0; border:1px solid #d9d9d9;}
#bbsPhoto .lst > li.no_article{float:none; width:auto !important; height:auto; margin:0; padding:20px 0; border:0; background:#fafafa; font-size:1.2em; text-align:center;}
#bbsPhoto .lst li:nth-child(4n+1){clear:left; margin-left:0;}

#bbsPhoto .lst > li a{display:block; position:relative;}
#bbsPhoto .lst > li a .img{display:block; position:relative;}
#bbsPhoto .lst > li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto .lst > li a .img:after{content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:1; border-bottom:1px solid rgba(0,0,0,.1);}
#bbsPhoto.type2 .lst > li a .img:before , #bbsPhoto.type2 .lst > li a .img:after {display:none;}
#bbsPhoto.type2 .lst > li a .img img {position:inherit; top:inherit; left:inherit; width:100%; height:auto;}
#bbsPhoto .lst > li a .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
#bbsPhoto .lst > li a .tit{display:block; overflow:hidden; margin:14px; font-weight:600; font-size:1em; text-overflow:ellipsis; white-space: nowrap;}
#bbsPhoto .lst > li a .tit .ico{display:inline-block; position:relative; overflow:hidden; width:14px; height:14px; margin-left:5px; background-position:-30px -51px; color:transparent;}
#bbsPhoto .lst > li .info{overflow:hidden; margin:10px 14px 14px; color:#666;}
#bbsPhoto .lst > li .info > span{float:left; position:relative; width:50%; font-size:0.875em;}
#bbsPhoto .lst > li .info .date{position:relative; width:100%; padding:0 0 0 15px; line-height:1.2;}
#bbsPhoto .lst > li .info .date:before,
#bbsPhoto .lst > li .info .date:after{content:''; display:block;}
#bbsPhoto .lst > li .info .date:before{position:absolute; top:2px; left:0; width:10px; height:10px; border-radius:50%; border:1px solid #777;}
#bbsPhoto .lst > li .info .date:after{position:absolute; top:5px; left:5px; width:3px; height:3px; border-left:1px solid #777; border-bottom:1px solid #777; transform:rotate(22deg) skewX(28deg);}
#bbsPhoto .lst > li .info .view{display:none;}
#bbsPhoto .lst > li .info .view:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:18px; margin-top:-9px; background:#ddd;}



#bbsView{position:relative;}
#bbsView:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:2px solid #4f5259;}
#bbsView .form_group{position:relative; border-bottom:1px solid #bdbdbd;}
#bbsView .form_group:after{content:''; display:block; clear:both;}
#bbsView .form_group dl{float:left;}
#bbsView .form_group dl dt{display:table-cell; position:relative; padding:24px 30px; font-weight:800; font-size:1.125em; line-height:1.2; vertical-align:middle;}
#bbsView .form_group dl dt:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; width:1px; height:15px; margin:auto 0; background:#b0b0b0;}
#bbsView .form_group dl dd{display:table-cell; padding:24px 15px; font-size:1.0625em; line-height:1.2; vertical-align:middle;}
#bbsView .form_group dl dd input,
#bbsView .form_group dl dd textarea,
#bbsView .form_group dl dd select{max-width:100%;}
#bbsView .form_group dl.title{float:none; margin-bottom:-1px; border-bottom:1px solid #4f5259; box-shadow:0 4px #f7f7f7;}
#bbsView .form_group dl.title dt{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
#bbsView .form_group dl.title dd{display:block; float:none; width:100%; padding:30px 0; font-weight:800; font-size:1.625em; line-height:1.4; letter-spacing:-1px; text-align:center;}
#bbsView .form_group dl.count{float:right; margin-right:20px;}
#bbsView .form_group dl.content{float:none;}
#bbsView .form_group dl.content dt{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
#bbsView .form_group dl.content dt:before{display:none;}
#bbsView .form_group dl.content dd{display:block; float:none; padding:30px; line-height:1.6;}
#bbsView .form_group dl.content > dd{/* white-space:pre-line; */}/* �����ټ� ���� ������ ���Ž� */
#bbsView .form_group dl.content dd pre{white-space:pre-wrap;}
#bbsView .form_group dl.content dd .pre_wrap{white-space:pre-wrap;}
#bbsView .form_group dl.content dd img{max-width:100%; margin:5px 0;}
#bbsView .form_group dl.content > dd p{margin:0;}
#bbsView .form_group dl.content dd .img_preview{text-align:center;}
#bbsView .form_group dl.content dd .img_preview.top{margin-bottom:15px;}
#bbsView .form_group dl.content dd .img_preview.btm{margin-top:15px;}
#bbsView .form_group dl.attfile{width:100%;}
#bbsView .form_group dl.attfile dd > div{margin:2px 0;}





#bbsWrite{position:relative;}
#bbsWrite:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:2px solid #61646c;}
#bbsWrite .form_group{display:table; table-layout:fixed; border-collapse:collapse; position:relative; width:100%;}
#bbsWrite .form_group dl{display:table-row-group;}
#bbsWrite .form_group dl dt,
#bbsWrite .form_group dl dd{display:table-cell; padding:10px; border:1px solid #d6d6d6; border-top:0; vertical-align:middle;}
#bbsWrite .form_group dl dt{width:140px; background:#f6f6f7; font-weight:600; text-align:center;}
#bbsWrite .form_group dl.title dt,
#bbsWrite .form_group dl.title dd{border-bottom-color:#666;}
#bbsWrite .form_group dl dd textarea{width:100%; height:206px;}
#bbsWrite .form_group input{max-width:100%;}




.cont_auth .auth_head{display:flex; justify-content:center; margin:0 0 30px;}
.cont_auth .auth_head:before{content:''; flex:0 0 auto; width:91px; height:94px; margin:0 15px 0 0; background:url(../images2/common/ico_auth_tit.jpg) no-repeat 0 0/cover;}
.cont_auth .auth_head .title{margin-bottom:10px; font-weight:600; font-size:2em; line-height:1.2; color:#2a2773; letter-spacing:-2px;}
.cont_auth .auth_head p{margin:0;}
.cont_auth .area_auth{padding:10px; background:url(../images2/common/auth_bg.png) repeat 0 0;}
.cont_auth .area_auth > .inr{padding:30px; background:#fff;}
.cont_auth .area_auth .lst_auth{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:700px; margin:0 auto;}
.cont_auth .area_auth .lst_auth > li{width:calc(50% - 15px); margin:15px 0;}
.cont_auth .area_auth .lst_auth > li a{display:flex; align-items:center; position:relative; height:60px; padding-right:30px; border-radius:60px; background:#1178c6; font-weight:600; font-size:16px; color:#fff;}
.cont_auth .area_auth .lst_auth > li a:before{content:''; flex:0 0 auto; width:44px; height:44px; margin:0 12px 0 40px; background:url(../images2/common/ico_auth.jpg) no-repeat 0 0;}
.cont_auth .area_auth .lst_auth > li a:after{content:'>'; display:inline-block; position:absolute; top:50%; right:20px; color:inherit; transform:translateY(-50%);}
.cont_auth .area_auth .lst_auth > li.ansim a{background:#1178c6;}
.cont_auth .area_auth .lst_auth > li.ipin a{background:#2a2773;}
.cont_auth .area_auth .lst_auth > li.facebook a{background:#4c68bb;}
.cont_auth .area_auth .lst_auth > li.kakao a{background:#fbe100; color:#000;}
.cont_auth .area_auth .lst_auth > li.naver a{background:#07ab54;}
.cont_auth .area_auth .lst_auth > li.ansim a:before{background-position:0 0;}
.cont_auth .area_auth .lst_auth > li.ipin a:before{background-position:-150px 0;}
.cont_auth .area_auth .lst_auth > li.facebook a:before{background-position:-50px 0;}
.cont_auth .area_auth .lst_auth > li.kakao a:before{background-position:-200px 0;}
.cont_auth .area_auth .lst_auth > li.naver a:before{background-position:-100px 0;}
.cont_auth .area_guide{margin:30px 0 0 15px; letter-spacing:-1px;}
.cont_auth .area_guide ul li:before{display:none;}





#bbsView {width:100%; margin:0; border:0; border-top:1px solid #555; border-bottom:1px solid #555;}
#bbsView .row_group {position:relative; border-bottom:1px solid #d8d8d8; box-sizing:border-box; overflow:hidden;}
#bbsView .row_group dl{position:static; overflow:hidden;}
#bbsView .row_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:140px; margin-left:-1px; padding:15px 10px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background:#f6f6f7; font-weight:600; font-size:16px; line-height:1.6; text-align:center;}
#bbsView .row_group dl dt>span{display:inline-block; vertical-align:middle;}
#bbsView .row_group dl dd{box-sizing:border-box; min-height:56px; margin-left:140px; padding:16px 10px 16px 15px; line-height:1.6;}
#bbsView .row_group dl dd:after {content:'';}
#bbsView .row_group.col02 dl:first-child{float:left; width:50%;}
#bbsView .row_group.col03 dl:first-child,
#bbsView .row_group.col03 dl:first-child+dl{float:left; width:33.3%;}
#bbsView .row_group02 {position:relative; border-bottom:1px solid #d8d8d8; box-sizing:border-box;}
#bbsView .row_group02 h2{padding:25px 0; text-align:center; font-size:30px; color:#333;}
#bbsView .row_group02 dl{display:table; width:100%; border-top:1px solid #d8d8d8; overflow:hidden;}
#bbsView .row_group02 dl > dt{display:table-cell; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center; vertical-align:middle;}
#bbsView .row_group02 dl dd{display:table-cell; vertical-align:middle;}
#bbsView .row_group02 dl dd.first_dd{padding:13px 10px;}

#bbsView .row_group02 dl > dd > dl > dt{width:60px; border:0;}
#bbsView .row_group02 dl > dd > dl > dt.over{width:100px;}
#bbsView .row_group02 dl > dd > dl > dd{display:table-cell; padding:13px 10px;}

.mw_150{min-width:150px;}
.mw_150 p{float:left; margin-right:5px;}
.mw_150 span{float:left; display:block; font-size:15px; margin-top:5px;}

.mb_30{margin-bottom:30px;}
#bbsView .content{position:relative; width: 100%; padding: 2%; line-height:1.6; word-break:keep-all; min-height:200px;}
#bbsView .content * {font-size:16px !important; word-break:break-all; }
#bbsView .content .imgview img {margin-bottom:20px;}
.bbsViewBtn {margin:30px 0; text-align:center;width:100%; display:block;}
#bbsView .word {height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}

#bbsView p.upfile {
	margin-top:3px;
}
input.filebtn { 
	padding:5px 20px; vertical-align: middle; line-height:100%;
	background:#8C8C8C; border-radius:2px; border:1px solid #8C8C8C; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; 
	cursor:pointer;
}
.filesize { font-size:0.9em; color:#8C8C8C; }

.fcred { color:#ff0000; }
.lettel_ico { color:#fff; font-size:0.8em; padding:3px 8px; vertical-align:middle; border-radius:3px;}



@media screen and (max-width:1023px){
	.cont_body{font-size:0.9375em;}
	.dw_button:after,
	.button.ico:before,
	.link_button:after,
	.pagination .page_prev:before,
	.pagination .page_prevend:before,
	.pagination .page_next:after,
	.pagination .page_nextend:after,
	.bbsIco,
	.bbsViewNav dl dt span:before,
	#bbsPhoto .lst > li a .tit .ico{background-image:url(../images2/base/sp_com_m.png); background-size:200px 200px;}

	input.datepicker,
	input.datetimepicker{background-image:url(../images2/base/calendar_x2.gif) !important;}


	.pagination{margin:20px 0;}
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}
	.pagination a,
	.pagination strong{min-width:30px; height:30px; line-height:30px;}


	#bbsList{margin-bottom:20px;}
	#bbsList [data-table-type="hide_t"]{display:none;}
	#bbsView .form_group dl dd{padding-left:10px;}
	.cardzone_lst_wrap{padding:15px;}
	.faq_lst .item_info .link_cont{padding:16px 32px 16px 32px;}
	.faq_lst .item_info .link_cont .que_info{left:8px; font-size:1em;}
	.faq_lst .item_info .link_cont .tit_info{font-size:1em;}
	.faq_lst .item_info .link_cont .btn_arr{right:8px; width:16px; height:16px;}
	.faq_lst .item_info .info_cont .desc_info{padding:16px 32px 32px 32px;}

	.conTit22:before,
	.conTit4:before,
	.conLst li:before,
	.conLst2 li:before,
	.conLst3 li:before{background-image:url(../images2/base/sp_icss_m.png);}
	.conTit22:before{top:4px;}

	.conTit2{margin:30px 0 13px; font-size:1.4em;}
	.conTit22{margin:30px 0 13px; padding-left:35px; font-size:1.73em;}
	.conTit3{margin:20px 0 10px;}
	.conTit4{margin:20px 0 10px;}
	.conTit5{margin:20px 0 10px;}
	.conTit6{margin:20px 0 10px;}
	.conTit2:before{}
	.conTit22:before{left:2px; top:1px;}

	.box_comm3{padding:40px;}

	.slickwrap .slider .item .pc{display:none;}
	.slickwrap .slider .item .mobile{display:block;}
	.slickwrap .nav button:after{background-image:url(../images2/base/sp_slick_m.png);}
	.slickwrap .nav .prev:after{width:8px; height:14px; background-position:-12px -36px;}
	.slickwrap .nav .next:after{width:8px; height:14px; background-position:-12px -36px; transform:scaleX(-1);}

	.cardzone{max-width:none; margin:0 15px; padding:20px; border-radius:15px;}
	.cardzone .nav > button{width:30px; height:30px;}
	.cardzone .nav > button:after{width:13px; height:26px; background-position:0 -58px;}
	.cardzone .nav .ctrl_area .count{font-size:14px;}
	.cardzone .nav .prev:after,
	.cardzone .nav .next:after{width:8px; height:14px; background-position:0 -54px;}
	
	.box_comm5 .inr {padding:28px;}
}

@media screen and (max-width:767px){
    .table_scroll.on:before {content:''; display:block; margin-bottom:-1px; border:1px solid #444; padding:10px; text-align:center; position:sticky; left:0; top:0; right:0; box-shadow: 0 3px 6px rgba(0,0,0,0.3); z-index:3;animation:table_scroll 2s ease-in-out infinite; }
@keyframes table_scroll{
	0%{ text-indent:0px;}
	50%{ text-indent:12px;}
 	100%{text-indent:0px;}
}
    #bbsList th {padding:12px 6px;}

	#bbsView .row_group.col02 dl:first-child{float:none; width:100%; border-bottom:1px solid #d8d8d8;}
	#bbsView .row_group dl {position:relative;}
	#bbsView .row_group dl dt {width:100px;}
	#bbsView .row_group dl dd {margin-left:100px;}
	
	input[type="checkbox"],
	input[type="radio"]{width:auto; height:auto;}

	#bbsList [data-table-type="hide_m"]{display:none;}
	
	#bbsPhoto .lst > li:nth-child(n){clear:none; width:calc(50% - 5px); margin-bottom:15px; margin-left:10px;}
	#bbsPhoto .lst > li:nth-child(2n+1){clear:left; margin-left:0;}
	
	
	#bbsView .form_group dl dt{padding:10px 10px 10px 5px; font-weight:400; font-size:0.875em;}
	#bbsView .form_group dl dd{padding:10px; font-size:0.875em;}
	#bbsView .form_group dl.title dd{padding:15px 0; font-size:1em;}
	#bbsView .form_group dl.content dd{padding:20px 10px;}
	.button_wrap{margin:20px 0;}
	

	
	.button.lg,
	.button.rg{height:39px; padding:0 15px;  line-height:37px;}

	
	.box_comm,
	.box_comm2,
	.box_comm3{margin-bottom:30px; padding:30px;}
	.box_comm4{padding:24px 20px 20px 24px; min-height:initial;}
	.box_comm4:before,
	.box_comm4 span.ico{display:none;}
	.box_comm4 h2{font-size:19px; margin-bottom:7px; line-height:1.3;}
	.box_comm4 p {font-size:16px;}

	
	.cont_auth .auth_head{margin:0 10px 20px; padding:0; background:none;}
	.cont_auth .auth_head .title{margin-bottom:10px;}
	.cont_auth .auth_head .title img{height:18px;}
	.cont_auth .area_auth > .inr{padding:10px 20px;}
	.cont_auth .area_auth .lst_auth{max-width:350px;}
	.cont_auth .area_auth .lst_auth > li{width:100%; margin:5px 0;}
	.cont_auth .area_auth .lst_auth > li a{height:50px; font-size:14px;}
	.cont_auth .area_auth .lst_auth > li a:before{width:22px; height:22px; margin-left:30px; background-size:auto 100%;}
	.cont_auth .area_auth .lst_auth > li.ansim a:before{background-position:0 0;}
	.cont_auth .area_auth .lst_auth > li.ipin a:before{background-position:-75px 0;}
	.cont_auth .area_auth .lst_auth > li.facebook a:before{background-position:-25px 0;}
	.cont_auth .area_auth .lst_auth > li.kakao a:before{background-position:-100px 0;}
	.cont_auth .area_auth .lst_auth > li.naver a:before{background-position:-50px 0;}
	.cont_auth .area_guide{margin-top:20px;}
	
	.box_comm5 {padding:10px;}
	.box_comm5 .inr {padding:15px;}
    
    .link_button{padding: 7px 32px 7px 7px;}
    
    

table th,
table td{border:1px solid #e4e4e4; font-size:14px; border-top:none;}
table th{padding:12px 5px; background:#f3f8fc; font-weight:600; font-size:14px; text-align:center;}
table thead + tbody th{background:#fcfcfc;}
table tbody th{padding-left:5px; padding-right:5px;}
table td{padding:12px 5px;}
    

    .conLst > li {font-size:16px;}
}

@media screen and (max-width:639px){
	
	.bbsSrch , .bbsSearch{padding:10px;}
	.bbsSrch input[type="text"],
	.bbsSrch input[type="password"],
	.bbsSrch input[type="number"],
	.bbsSrch input[type="tel"],
	.bbsSrch input[type="date"],
	.bbsSrch input[type="email"],
	.bbsSrch select,
	.bbsSrch button, .bbsSearch .button ,
	.bbsSrch .button{width:100%; margin-left:0; margin-right:0;}
    .bbsSrch select , .bbsSearch select {width:100px !important;}
    .bbsSrch input[type='text'] , .bbsSearch input[type='text'] {width:calc(100% - 103px) !important;}
	.bbsSrch .srch_date_wrap{display:block;}
	.bbsSrch .srch_word_wrap{display:block;}
	.bbsSrch .srch_date_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_date_wrap input{float:left; width:calc(50% - 10px);}
	.bbsSrch .srch_date_wrap span{float:left; width:20px; height:39px; margin:2px 0; line-height:39px;}
	.bbsSrch .srch_word_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_word_wrap select{float:left; width:35%;}
	.bbsSrch .srch_word_wrap .word{float:left; width:calc(65% - 5px); margin-left:5px;}
	
	#bbsPhoto2 .lst li .desc{height:36px; line-height:18px; font-size:0.875em;}
	#bbsPhoto2 .lst li .date{font-size:0.8125em;}


	.bbsViewNav .form_group dl.nav dd > a{margin-right:0;}
	.bbsViewNav .form_group dl.nav dd .date{display:block; position:relative; top:auto; right:auto; font-size:0.86em; color:#666;}

	.box_comm{padding:15px;}
	.box_comm .tit_box{font-size:1.6em;}
	.box_comm2{padding:20px;}
	.box_comm2 .tit_box{font-size:1.6em;}

	.box_comm2.ico{min-height:auto; padding:20px;}
	.box_comm2.ico:before,
	.box_comm2.ico .ico_box{display:none;}
	.box_comm2.ico .tit_box{margin-top:0;}

}

@media screen and (max-width:537px){
	
	.box_comm,
	.box_comm2,
	.box_comm3{padding:15px;}

	#bbsView .form_group dl.attfile dt{display:block; border-bottom:1px solid #bdbdbd; text-align:center;}
	#bbsView .form_group dl.attfile dt:after{display:none;}
	
	.box_comm5 {padding:7px;}
	.box_comm5 .inr {padding:12px;}
}