@charset "utf-8"; @import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css); .title *,
.listskin *,
.shiftskin *,
.viewskin *,
.writeskin *,
.control *,
.ctt_admin { margin:0; padding:0; list-style-type:none; box-sizing:border-box; border:0; font-family:'Roboto','Noto Sans KR','NotoSans','Microsoft Yahei','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma' } 

.fl { float:left !important } 
.fr { float:right !important } 
.khskip { display:none !important } 
.nocontent { padding:10% 0; font-size:14px; text-align:center } 
.khwrap { position:relative; zoom:1; max-width: 1200px; margin: 0 auto; max-width: 1460px; padding: 0 10px; } 
.khwrap:before,
.khwrap:after { clear:both; display:table; content:""; line-height:0 } 
.khwrap .image { float: none; width: 50%; padding-right: 20px; } 
.khwrap .image #bo_v_img>a { border: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; padding: 100px; } 
.khwrap .image #bo_v_img>a img { width: 100%; height: auto; } 

.viewskin .standard { width: 50%; padding-left: 20px; float: none; } 

.viewskin>.khwrap { margin-bottom: 70px; display: flex; } 
.viewskin .colorimg { display:none } 
.viewskin .imgbig .best img { width:auto; max-width:100%; height:auto; border:0 } 
.viewskin .button { } 
.viewskin .button i { float:left; line-height:30px; font-size:24px } 
.viewskin .button a { float:left; display:block; padding:0 4px; line-height:30px; font-size:15px; font-weight:700 } 
.viewskin .button.sel i:before { content:"\e939" } 
.viewskin .detail { display:none; padding:20px 0 } 
.viewskin .detail.sel { display:block } 

.pg_current { background: transparent; color: #333; } 
.pg_page, .qa_page { color: #333; border: 0px solid #ccc; } 

.ctt_admin { display: none; } 
/*아이콘 추가*/
.listskin .img { position: relative; } 
li.khpscroll span.list_icon, .viewskin .image span.list_icon { display: block; font-size: 12px; width: 100px; height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; top: 0; color: #fff; z-index: 9; } 
li.khpscroll span.icon_red, .viewskin .image span.icon_red { background-color: #cc0000; } 
li.khpscroll span.icon_green, .viewskin .image span.icon_green { background-color: #009900; } 



@media all and (min-width:1280px) { 
 .viewskin .image { float:left; width:49% } 
.viewskin .standard { float:right; width:49% } 
.writeskin .image { float:left; width:49% } 
.writeskin .standard { float:right; width:49% } 

/**/
.listskin { clear:both; max-width: 1206px; margin: 0 auto; } 
.listskin * { transition:all 0.3s } 
.listskin ul { zoom:1 } 
.listskin ul:before,
.listskin ul:after { clear:both; display:table; content:""; line-height:0 } 
.listskin li { } 
.listskin li.nocontent { width:100%; min-height:350px; line-height:350px; font-size:15px; font-weight:400; color:#999; text-align:center } 
.listskin a { display:block } 
.listskin .item { position:relative; } 
.listskin .item:hover { } 
.listskin .chk { position:absolute; z-index:10; top:-20px; left:10px; } 
.listskin .img { position:relative; /*background:#f2f5f8*/ } 
.listskin .img img { display:none; margin:0 auto; width:auto; max-width:100%; height:auto } 
.listskin .move { display: none; border-top:1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; overflow:hidden } 
.listskin .move a { float:left; width:33.33%; display:block; padding:10px 0; border-right:1px solid #e9e9e9; text-align:center } 
.listskin .move a i { line-height:1; font-size:20px; color:#999 } 
.listskin .move a span { display:block; line-height:1; font-size:12px; font-weight:400; color:#999 } 
.listskin .move a:last-child { border-right:0 } 
.listskin .move a:hover i,
.listskin .move a:hover span { color:#222 } 
.listskin .inner { width: 1200px; margin: 0 auto; color: #000; } 
.listskin .inner table { border-collapse: collapse; } 
.listskin .inner thead { border-bottom: 1px solid #000; border-top: 1px solid #000; } 
.listskin .inner thead tr { } 
.listskin .inner thead th { font-size: 20px; padding: 35px 0; } 
.listskin .inner thead th:first-child { padding-left: 50px; box-sizing: border-box; } 
.listskin .inner thead th:last-child { text-align: center; } 
.listskin .inner tbody tr { } 
.listskin .inner tbody tr td { height: 100px; padding:40px 0; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; } 
.listskin .inner tbody tr td.tit { position: relative; width: 400px; padding-left: 50px; box-sizing: border-box; font-size: 16px; font-weight: bold; } 
.listskin .inner tbody tr td.info { width: 600px; overflow: hidden; text-overflow: ellipsis; } 
.listskin .inner tbody tr td.detail { width: 200px; } 
.listskin .inner tbody tr td a.more { display: block; margin: 0 auto; background: url(./more.png) no-repeat; width: 43px; height: 30px; margin-top:20px; padding:10px 25px; } 

.pg_wrap { position:relative; height:100px; text-align:center; } 
.pg_wrap a { display:inline-block; padding:0 5px; width:20px; line-height:30px; font-size:16px; font-weight:400 } 
.pg_wrap strong { display:inline-block; padding:0 5px; width:20px; line-heigh:30px; font-size:16px; font-weight:600 } 
/*.pg_wrap strong:after { content:''; position:relative; top:0px; left:0; display:block; width:100%; height:4px; background:#ce2b1c; } */

/**/
.viewskin .item { padding:80px 0; background:#f2f5f8 } 
.viewskin .image { position:relative } 
.viewskin .image img { display:block; width:auto; max-width:100%; height:auto } 
.viewskin .imgbig { position:relative; padding:0 0 20px 0 } 
.viewskin .imgbig img { display:block; width:500px; height:500px; text-align:center; vertical-align:middle; } 
.viewskin .opt { padding:30px 0; font-size:15px; font-weight:300; color:#333; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 
.viewskin .category { padding: 10px 0; text-align: center; background-color: #e3e3e3; } 
.viewskin .tit strong { font-size:15px; font-weight:400; color:#777 } 
.viewskin .tit h3 { text-align: left !important; font-size: 30px; line-height: 36px; border-top: none; padding-top: 20px; padding-left: 0; padding-bottom: 0; color: #212121; margin-bottom: 40px !important; } 
.viewskin .tit p { padding:10px 0; font-size:18px; font-weight:300; color:#777 } 
.viewskin .info { /*background-color: #fafafa; */ } 
.viewskin .info p { border-top:1px solid #e1e1e1; padding:16px 20px; font-size:20px; } 
.viewskin .info .catalog { padding:20px; border-top:2px solid #aaa; border-bottom:1px solid #eee; background:#fafafa } 
.viewskin .catalog h2 { position:relative; margin-bottom:5px; } 
.viewskin .catalog h2 b { position:relative; top:-2px; font-size:5px; } 
.viewskin .catalog ul { padding-left:5px; } 
.viewskin .catalog li { line-height:29px; } 
.viewskin .catalog li i { color:#a9a9a9; padding-right:4px; } 
.viewskin .imgthb { padding:20px 0 0 0; overflow:hidden } 
.viewskin .imgthb ul li { display:inline-block; padding:0 20px 20px 0; overflow:hidden } 
.viewskin .imgthb ul li img { display:block; width:auto; max-width:100%; height:60px; border:1px solid #eee } 
.viewskin .imgthb ul li span { display:none; padding:0 10px; line-height:60px; font-size:12px } 
.viewskin .imgthb ul li a { float:left; display:block; position:relative; width:60px; height:60px } 
.viewskin .imgthb ul li a i { position:absolute; top:0; right:0; display:none; width:60px; height:60px; line-height:60px; font-size:24px; text-align:center } 
.viewskin .imgthb ul li a:hover i { display:block } 
.viewskin .imgthb ul li a:hover .img { box-shadow:5px 5px 10px rgba(0,0,0,0.05) } 
.viewskin .imgthb ul li a:hover img { border:1px solid #777; opacity:0.2 } 
.viewskin .imgthb .img { text-align:center; vertical-align:middle; background:rgba(255,255,255,0.5) } 
.viewskin .colorimg { padding:30px 0; text-align:center } 
.viewskin .colorimg i { display:inline-block; margin:0 5px 40px 5px; width:40px; height:40px; font-style:normal; border:1px solid #ccc; background:#fff; border-radius:40px } 
.viewskin .colorimg i:after { display:block; padding:45px 0 0 0; font-size:11px } 
.viewskin .url { padding:10px 0 } 
.viewskin .url a { display:block; padding:16px 0; font-size:15px; font-weight:700; color:rgba(255,255,255,0.8); background:#22222b; text-align:center; transition:all 0.1s } 
.viewskin .url a i { position:relative; top:2px; font-size:20px } 
.viewskin .url a:hover { color:#fff } 
.viewskin .dow { float:left; width:100%; margin:30px 0 0 0; padding:10px 0 } 
.viewskin .dow:before,
.viewskin .dow:after { content:""; clear:both; display:table; line-height:0 } 
.viewskin .dow ul { border-radius:60px; font-size:0; background:#fff; overflow:hidden } 
.viewskin .dow li { display:inline-block; width:20% } 
.viewskin .dow a { position:relative; display:block; padding:0 20px; line-height:60px; font-size:13px; background:transparent; } 
.viewskin .dow a:hover { color:#fff; border-radius:60px; background:#e8180c } 
.viewskin .dow a i { margin-right:3px; line-height:20px; font-size:18px; color:#999; vertical-align:-3px } 
.viewskin .dow a:hover i { color:#fff } 
.viewskin .inq a { display:block; padding:16px 0; line-height:1; text-align:center; color:#0c4da2; border:1px solid #eee; background:#fafafa; transition:all 0.1s } 
.viewskin .inq a:hover { color:#fff; border:1px solid #0c4da2; background:#0c4da2 } 
.viewskin .inq a span { display:inline-block; position:relative; top:-4px; line-height:1; font-size:17px } 
.viewskin .inq a i { font-size:24px } 
.viewskin .detail { padding:50px 0 } 
.viewskin .detail h2 { position:relative; font-size:24px; font-weight:500; letter-spacing:-1px; color:#2b2b2b } 
.viewskin .detail h2:before { content:''; position:absolute; top:-10px; left:0; width:30px; height:5px; border-radius:5px; background:#e8180c } 
.viewskin .cnt { text-align:center } 

/**/
.writeskin { padding:0 0 160px 0 } 
.writeskin .full_input { width:100% } 
.writeskin .frm_input,
.writeskin .frm_file { padding:12px; height:50px; vertical-align:middle; border:1px solid #ccc; background:#fff } 
.writeskin .frm_file { margin-left: 10px; width: 95%; } 
.writeskin .frm_intro { padding:10px; height:42px; color:#555; font-size:13px; vertical-align:middle; border:1px solid #ccc; border-top:0; background:#fff } 
.writeskin .tit { position:relative; padding:20px 20px 18px 25px; line-height:24px; border:1px solid #dadcdd; border-radius:3px 3px 0 0; background:#fbfbfb; overflow:hidden } 
.writeskin .tit strong { float:left; font-size:18px; color:#2c2e32; font-weight:600; letter-spacing:normal } 
.writeskin .tit p { float:left; margin:0 0 0 15px; padding:0; font-size:12px; color:#999; font-weight:normal } 
.writeskin .inner { margin:0 0 30px 0; padding:15px 0; /*border:1px solid #dadcdd; */border-top:0; border-radius:0 0 3px 3px; overflow:hidden } 
.writeskin .item { margin:0 0 8px 0; width:100%; padding:0 !important } 
.writeskin .item .box { padding:10px; border:1px solid #eee; background:#fbfbfb; overflow:hidden } 
.writeskin .item .box label { float:left; min-width:150px; line-height:28px; font-size:14px; cursor:pointer } 
.writeskin .item .box label i { position:relative; top:2px; font-size:18px } 
.writeskin .item .box input { float:left; width:calc(100% - 150px); padding:0 10px; line-height:28px; font-size:13px; color:#777; border:1px solid #eee } 
.writeskin .item .box input[type="file"] { border:0; cursor:pointer } 
.writeskin .item .del { padding:0 10px; border:1px solid #eee; border-top:0; overflow:hidden } 
.writeskin .item .del input[class="del"] { display:none } 
.writeskin .item .del label[id="del"] { float:left; position:relative; padding-left:25px; line-height:28px; font-size:14px; cursor:pointer } 
.writeskin .item .del label[id="del"]:hover { text-decoration:underline } 
.writeskin .item .del input[class="del"] + label i { position:absolute; top:5px; left:0; font-size:18px; color:#aaa; cursor:pointer } 
.writeskin .item .del input[class="del"]:checked + label i { color:#eb6101 } 
.writeskin .item .del label #text { padding:3px 5px; border:1px solid #e9e9e9 } 
.writeskin .info > div { margin-bottom: 15px; } 
.writeskin .info dl { display:table; padding:0 0 10px 0; width:100%; overflow:hidden } 
.writeskin .info dt { display:none; width:15% } 
.writeskin .info dd { display:table-cell; width:100% } 
.writeskin .info dd .box { margin:0 -3px 0 0; padding:10px; border:1px solid #eee; overflow:hidden } 
.writeskin .info dd span { float:left; width:16.66% } 
.writeskin .info dd .box input { display:none } 
.writeskin .info dd .box input + label { cursor:pointer } 
.writeskin .info dd .box input + label { clear:none; margin:0 3px 3px 0; display:block; color:#fff; line-height:24px; font-size:12px; border:1px solid transparent; background:#ccc; text-align:center } 
.writeskin .info dd .box input:checked + label { color:#fff; background:#000; border:1px solid transparent } 
.writeskin .info dd input,
.writeskin .info dd select,
.writeskin .info dd textarea { border:1px solid #eee; resize:none; width: 100%; padding: 2%; height: 100%; } 
.writeskin .info dd textarea { height: 300px; } 
.writeskin .info dd input:focus,
.writeskin .info dd select:focus,
.writeskin .info dd textarea:focus { border-color:#ccc !important } 
.writeskin .bo_w_flie { margin-bottom: 10px; } 


/**/
.khtable { display:table; width:100% } 
.nocontent { font-size:14px; letter-spacing:-1px; text-align:center } 

.cate .khwrap { padding:0 0 40px 0; zoom:1 } 
.cate .khwrap:before,
.cate .khwrap:after { clear:both; display:table; content:""; line-height:0 } 
.cate .khwrap ul { text-align:center; font-size:0 } 
.cate .khwrap li { display:inline-block; margin:0 5px; text-align:center } 
.cate .khwrap li a { position:relative; display:block; padding:0 8px; line-height:50px; font-size:14px; font-weight:400; color:#999; text-align:center } 
.cate .khwrap li a:before { content:''; position:absolute; z-index:0; bottom:0; left:auto; right:0; width:0; height:2px; transition:all 0.5s; } 
.cate .khwrap li a:hover:before { width:100%; right:auto; left:0 } 
.cate .khwrap li a:hover,
.cate .khwrap li a#bo_cate_on { color:#111 } 
.cate .khwrap li a:hover:before,
.cate .khwrap li a#bo_cate_on:before { width:100% } 
.cate .khwrap li a.sel { position:relative; z-index:5; color:#313131; background:#fcfcfc } 
.cate .khwrap li a.sel:hover { color:#014fbb } 

.control { margin:12px 0 24px 0 !important; overflow:hidden } 
.total { float:left; display:inline-block; line-height:45px } 
.total span { font-size:16px; font-weight:300 } 
.total span strong { color:#023f9c } 
.search { display:inline-block; height:45px; line-height:45px } 
.scboard { display:inline-block; background:#fff } 
.scboard *:focus { border-color:#aaa } 
.scboard select { float:left; padding:10px; height:45px; font-size:15px; font-weight:300; border:1px solid #ccc; vertical-align: bottom; } 
.scboard input { float:left; margin-left:10px; padding:0 10px; height:45px; font-size:15px; font-weight:300; border:1px solid #ccc; border-right:0 } 
.scboard button { float:left; padding:0 20px; height:45px; font-size:15px; font-weight:300; color:#fff; background:#333 } 
.scboard button i { font-size:18px } 

.button { } 
.button .bt { display:inline-block; padding:0 15px; line-height:36px; font-size:14px; font-weight:300; border:1px solid transparent; text-align:center; vertical-align: bottom; border-radius: 5px; } 
.best { position:absolute; z-index:100; top:-10px; left:-10px; width:70px; height:70px } 
.best img { width:auto; max-width:100%; height:auto } 

.responsive { width:100%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb } 
.responsive thead th,
.responsive tbody th { padding:15px 0; width:20%; font-size:15px; color:#666; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f8f8f8 } 
.responsive tbody td { padding:15px; width:80%; font-size:15px; color:#666; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb } 

.beafter { position:relative; display:table; width:100%; padding:30px 0; margin:0 auto; border-top:1px solid #dadcdd; display: none; } 
.beafter .khbprev,
.beafter .khbnext { display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:center } 
.beafter .khblist { position:absolute; z-index:1; top:50%; left:50%; padding:0; width:72px; height:72px; line-height:74px; margin-top:-36px; margin-left:-36px; font-size:24px; border:1px solid #ddd; border-radius:3px; text-align:center; transition:none; box-sizing:border-box } 
.beafter .khblist:hover { color:#fff; border-color:#023f9c; background:#023f9c; transition:none } 
.beafter a { display:block; padding:0 15px; font-size:16px; font-weight:500; color:#222 } 
.beafter a p { padding:10px 0 0 0; font-weight:400; color:#666 } 
.beafter a:hover { color:#023f9c } 
.beafter a:hover p { text-decoration:underline; color:#666 } 
 } 


.khwrap { position:relative; margin:0 20px; zoom:1 } 
.khwrap textarea { border:1px solid #ddd; } 
.khwrap:before,
.khwrap:after { clear:both; display:table; content:""; line-height:0 } 
.khtable { display:table; width:100% } 
.nocontent { font-size:14px; letter-spacing:-1px; text-align:center } 

/**/
.cate .khwrap { padding:0 0 40px 0; zoom:1 } 
.cate .khwrap:before,
.cate .khwrap:after { clear:both; display:table; content:""; line-height:0 } 
.cate .khwrap ul { text-align:center; font-size:0 } 
.cate .khwrap li { display:inline-block; margin:0 5px; text-align:center } 
.cate .khwrap li a { position:relative; display:block; padding:0 8px; line-height:50px; font-size:14px; font-weight:400; color:#999; text-align:center } 
.cate .khwrap li a:before { content:''; position:absolute; z-index:0; bottom:0; left:auto; right:0; width:0; height:3px; background:#ce2b1c; transition:all 0.5s } 
.cate .khwrap li a:hover:before { width:100%; right:auto; left:0 } 
.cate .khwrap li a:hover,
.cate .khwrap li a#bo_cate_on { color:#111 } 
.cate .khwrap li a:hover:before,
.cate .khwrap li a#bo_cate_on:before { width:100% } 
.cate .khwrap li a.sel { position:relative; z-index:5; color:#313131; background:#fcfcfc } 
.cate .khwrap li a.sel:hover { color:#014fbb } 

/**/
.control { margin:12px 0 24px 0 !important; overflow:hidden } 
.total { float:left; display:inline-block; line-height:45px } 
.total span { font-size:16px; font-weight:300 } 
.total span strong { color:#023f9c } 
.search { display:inline-block; height:45px; line-height:45px } 
.scboard { display:inline-block; background:#fff } 
.scboard *:focus { border-color:#aaa } 
.scboard select { float:left; padding:10px; height:45px; font-size:15px; font-weight:300; border:1px solid #ccc; vertical-align: bottom; } 
.scboard input { float:left; margin-left:10px; padding:0 10px; height:45px; font-size:15px; font-weight:300; border:1px solid #ccc; border-right:0 } 
.scboard button { float:left; padding:0 20px; height:45px; font-size:15px; font-weight:300; color:#fff; background:#333 } 
.scboard button i { font-size:18px } 

/**/
.button { } 
.button .bt { display:inline-block; padding:0 15px; line-height:36px; font-size:14px; font-weight:300; border:1px solid transparent; text-align:center; vertical-align: bottom } 
.best { position:absolute; z-index:100; top:-10px; left:-10px; width:70px; height:70px } 
.best img { width:auto; max-width:100%; height:auto } 

/**/
/*.listskin { clear:both } 
.listskin * { transition:all 0.3s } 
.listskin ul { margin:0 10px; zoom:1 } 
.listskin ul:before,
.listskin ul:after { clear:both; display:table; content:""; line-height:0 } 
.listskin li { } 
.listskin li.nocontent { width:100%; min-height:350px; line-height:350px; font-size:15px; font-weight:400; color:#999; text-align:center } 

.listskin .item { position:relative; margin:0 10px 20px 10px; border:1px solid #eee } 
.listskin .item:hover { border:1px solid #aaa } 
.listskin .chk { position:absolute; z-index:10; top:20px; left:20px } 
.listskin .img { position:relative; background:#f2f5f8 } 
.listskin .img img { } 
.listskin .move { border-top:1px solid #e9e9e9; overflow:hidden } 
.listskin .move a { float:left; width:33.33%; display:block; padding:5px 0; border-right:1px solid #e9e9e9; text-align:center } 
.listskin .move a i { line-height:1; font-size:20px; color:#999 } 
.listskin .move a span { display:none; line-height:1; font-size:12px; font-weight:400; color:#999 } 
.listskin .move a:last-child { border-right:0 } 
.listskin .move a:hover i,
.listskin .move a:hover span { color:#222 } */

.listskin .inner { width: 100%; margin: 0 auto; color: #000; } 
.listskin .inner table { border-collapse: collapse; } 
.listskin .inner thead { border-bottom: 1px solid #000; border-top: 1px solid #000; } 
.listskin .inner thead tr { } 
.listskin .inner thead th { font-size: 20px; padding: 30px 0; } 
.listskin .inner thead th:first-child { padding-left: 40px; box-sizing: border-box; } 
.listskin .inner thead th:nth-of-type(2) { padding-left: 20px; box-sizing: border-box; } 
.listskin .inner thead th:last-child { text-align: center; } 
.listskin .inner tbody tr { } 
.listskin .inner tbody tr td { height: 100px; padding:20px 0; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; } 
.listskin .inner tbody tr td.tit { position: relative; width: 400px; padding-left: 40px; box-sizing: border-box; font-size: 16px; font-weight: bold; } 
.listskin .inner tbody tr td.info { width: 600px; overflow: hidden; text-overflow: ellipsis; } 
.listskin .inner tbody tr td.detail { width: 200px; } 
.listskin .inner tbody tr td a.more { display: block; margin: 0 auto; background: url(./more.png) no-repeat; width: 43px; height: 30px; padding:10px 25px; } 

.pg_wrap a { display:inline-block; padding:0 5px; width:20px; line-height:30px; font-size:16px; font-weight:400 } 
.pg_wrap strong { display:inline-block; padding:0 5px; width:20px; line-heigh:30px; font-size:16px; font-weight:600; color: #ce2b1c; } 
/*.pg_wrap strong:after { content:''; position:relative; top:0px; left:0; display:block; width:100%; height:4px; background:#ce2b1c } */

/**/
.viewskin .category { padding: 10px 0; text-align: center; background-color: #e3e3e3; } 
.viewskin .tit strong { font-size:15px; font-weight:400; color:#777 } 

.viewskin .info { /*background-color: #fafafa; */ } 
.viewskin .info p { border-top:1px solid #e1e1e1; padding:16px 20px; font-size:20px; } 
.viewskin .info .catalog { padding:20px; border-top:2px solid #aaa; border-bottom:1px solid #eee; background:#fafafa } 
.viewskin .catalog h2 { position:relative; margin-bottom:5px; } 
.viewskin .catalog h2 b { position:relative; top:-2px; font-size:5px; } 
.viewskin .catalog ul { padding-left:5px; } 
.viewskin .catalog li { line-height:29px; } 
.viewskin .catalog li i { color:#a9a9a9; padding-right:4px; } 
.viewskin .item { padding:80px 0; background:#f2f5f8 } 
.viewskin .image img { display:block; margin:0 auto; width:auto; max-width:100%; height:auto } 
.viewskin .imgbig { position:relative; } 
.viewskin .imgbig a { display:table-cell; width:500px; height:500px; text-align:center; vertical-align:middle } 

.viewskin .imgthb { padding:0 0 20px 0; overflow:hidden } 
.viewskin .imgthb ul li { float:left; width:50%; padding:0 0 5px 0; overflow:hidden } 
.viewskin .imgthb ul li img { display:block; width:auto; max-width:100%; height:auto; } 
.viewskin .imgthb ul li span { float:left; display:block; line-height:40px; font-size:12px } 
.viewskin .imgthb ul li a { float:left; display:block; position:relative; width:40px; height:40px } 
.viewskin .imgthb ul li a i { position:absolute; top:0; right:0; display:none; width:40px; height:40px; line-height:40px; font-size:24px; text-align:center } 
.viewskin .imgthb ul li a:hover i { display:block } 
.viewskin .imgthb ul li a:hover .img { box-shadow:5px 5px 10px rgba(0,0,0,0.05) } 
.viewskin .imgthb ul li a:hover img { border:1px solid #777; opacity:0.2 } 
.viewskin .imgthb ul li span { padding:0 10px } 
.viewskin .imgthb .img { text-align:center; vertical-align:middle; background:rgba(255,255,255,0.5) } 

/*.viewskin .imgthb { padding:30px 0 } 
.viewskin .imgthb ul { overflow:hidden } 
.viewskin .imgthb ul li { float:left; display:block; position:relative; padding:0 4px 4px 0 } 
.viewskin .imgthb ul li img { width:auto; max-width:100%; height:auto } 
.viewskin .imgthb ul li a { position:relative; display:table; width:70px; height:70px; border:1px solid #eee } 
.viewskin .imgthb ul li a i { position:absolute; top:0; right:0; display:none; width:70px; height:70px; line-height:70px; font-size:24px; text-align:center } 
.viewskin .imgthb ul li a:hover i { display:block } 
.viewskin .imgthb ul li a:hover .img { box-shadow:5px 5px 10px rgba(0,0,0,0.05) } 
.viewskin .imgthb ul li a:hover img { opacity:0.2 } 
.viewskin .imgthb .img { display:table-cell; padding:5px; width:70px; height:70px; text-align:center; vertical-align:middle; background:rgba(255,255,255,0.5) } */
.viewskin .opt { padding:20px 0; font-size:15px; font-weight:300; color:#333; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 
.viewskin .colorimg { padding:30px 0; text-align:center } 
.viewskin .colorimg i { display:inline-block; margin:0 5px 40px 5px; width:40px; height:40px; font-style:normal; border:1px solid #ccc; background:#fff; border-radius:40px } 
.viewskin .colorimg i:after { display:block; padding:45px 0 0 0; font-size:11px } 
.viewskin .url { padding:10px 0 } 
.viewskin .url a { display:block; padding:16px 0; font-size:15px; font-weight:700; color:rgba(255,255,255,0.8); background:#22222b; text-align:center; transition:all 0.1s } 
.viewskin .url a i { position:relative; top:2px; font-size:20px } 
.viewskin .url a:hover { color:#fff } 
.viewskin .inq a { display:block; padding:20px 0; line-height:1; text-align:center; color:#0c4da2; border:1px solid #eee; background:#fafafa; transition:all 0.1s } 
.viewskin .inq a:hover { color:#fff; border:1px solid #0c4da2; background:#0c4da2 } 
.viewskin .inq a span { display:inline-block; position:relative; top:-4px; line-height:1; font-size:17px } 
.viewskin .inq a i { font-size:24px } 
.viewskin .dow { float:left; width:100%; margin:30px 0 0 0; padding:10px 0 } 
.viewskin .dow:before,
.viewskin .dow:after { content:""; clear:both; display:table; line-height:0 } 
.viewskin .dow ul { border-radius:60px; font-size:0; background:#fff; overflow:hidden } 
.viewskin .dow li { display:inline-block; width:20% } 
.viewskin .dow a { position:relative; display:block; padding:0 20px; line-height:60px; font-size:13px; background:transparent; } 
.viewskin .dow a:hover { color:#fff; border-radius:60px; background:#e8180c } 
.viewskin .dow a i { margin-right:3px; line-height:20px; font-size:18px; color:#999; vertical-align:-3px } 
.viewskin .dow a:hover i { color:#fff } 
.viewskin .detail { padding:50px 0 } 
.viewskin .detail h2 { position:relative; font-size:24px; font-weight:500; letter-spacing:-1px; color:#2b2b2b } 
.viewskin .detail h2:before { content:''; position:absolute; top:-10px; left:0; width:30px; height:5px; border-radius:5px; background:#e8180c } 
.viewskin .cnt { text-align:center } 

/**/
.writeskin { padding:0 0 50px 0 } 
.writeskin .full_input { width:100% } 
.writeskin .frm_input { padding:0 2% !important; height:50px; color:#333; font-size:14px; vertical-align:middle; border:1px solid #ccc; background:#fff } 
.writeskin .frm_file { } 
.writeskin .frm_intro { padding:10px; height:42px; color:#555; font-size:13px; vertical-align:middle; border:1px solid #ccc; border-top:0; background:#fff } 
.writeskin .tit { position:relative; padding:20px 20px 18px 25px; line-height:24px; border:1px solid #dadcdd; border-radius:3px 3px 0 0; background:#fbfbfb; overflow:hidden } 
.writeskin .tit strong { float:left; font-size:18px; color:#2c2e32; font-weight:600; letter-spacing:normal } 
.writeskin .tit p { float:left; margin:0 0 0 15px; padding:0; font-size:12px; color:#999; font-weight:normal } 
.writeskin .inner { margin:0 0 30px 0; padding:15px 25px; border:1px solid #dadcdd; border-top:0; border-radius:0 0 3px 3px; overflow:hidden } 
.writeskin .info > div { margin-bottom: 15px; } 
.writeskin .bo_w_flie { line-height: 250%; } 
.writeskin .item { margin:0 0 8px 0; width:100%; padding:0 !important } 
.writeskin .item .box { padding:10px; border:1px solid #eee; background:#fbfbfb; overflow:hidden } 
.writeskin .item .box label { float:left; min-width:150px; line-height:28px; font-size:14px; cursor:pointer } 
.writeskin .item .box label i { position:relative; top:2px; font-size:18px } 
.writeskin .item .box input { float:left; width:calc(100% - 150px); padding:0 10px; line-height:28px; font-size:13px; color:#777; border:1px solid #eee } 
.writeskin .item .box input[type="file"] { border:0; cursor:pointer } 
.writeskin .item .del { padding:0 10px; border:1px solid #eee; border-top:0; overflow:hidden } 
.writeskin .item .del input[class="del"] { display:none } 
.writeskin .item .del label[id="del"] { float:left; position:relative; padding-left:25px; line-height:28px; font-size:14px; cursor:pointer } 
.writeskin .item .del label[id="del"]:hover { text-decoration:underline } 
.writeskin .item .del input[class="del"] + label i { position:absolute; top:5px; left:0; font-size:18px; color:#aaa; cursor:pointer } 
.writeskin .item .del input[class="del"]:checked + label i { color:#eb6101 } 
.writeskin .item .del label #text { padding:3px 5px; border:1px solid #e9e9e9 } 
.writeskin .info dl { display:table; padding:0 0 10px 0; width:100%; overflow:hidden } 
.writeskin .info dt { display:none; width:15% } 
.writeskin .info dd { display:table-cell; width:100% } 
.writeskin .info dd .box { margin:0 -3px 0 0; padding:10px; border:1px solid #eee; overflow:hidden } 
.writeskin .info dd span { float:left; width:16.66% } 
.writeskin .info dd .box input { display:none } 
.writeskin .info dd .box input + label { cursor:pointer } 
.writeskin .info dd .box input + label { clear:none; margin:0 3px 3px 0; display:block; color:#fff; line-height:24px; font-size:12px; border:1px solid transparent; background:#ccc; text-align:center } 
.writeskin .info dd .box input:checked + label { color:#fff; background:#000; border:1px solid transparent } 
.writeskin .info dd input,
.writeskin .info dd select,
.writeskin .info dd textarea { border:1px solid #eee; resize:none; width: 100%; padding: 2%; } 
.writeskin .info dd textarea::placeholder { line-height: 20px; } 
.writeskin .info dd input:focus,
.writeskin .info dd select:focus,
.writeskin .info dd textarea:focus { border-color:#ccc !important } 

/**/
.responsive { width:100%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb } 
.responsive thead th,
.responsive tbody th { padding:15px 0; width:20%; font-size:15px; color:#666; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f8f8f8 } 
.responsive tbody td { padding:15px; width:80%; font-size:15px; color:#666; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb } 

/**/
.beafter { position:relative; display:table; width:100%; padding:30px 0; margin:0 auto; border-top:1px solid #dadcdd } 
.beafter .khbprev,
.beafter .khbnext { display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:center } 
.beafter .khblist { position:absolute; z-index:1; top:50%; left:50%; padding:0; width:72px; height:72px; line-height:74px; margin-top:-36px; margin-left:-36px; font-size:24px; border:1px solid #ddd; border-radius:3px; text-align:center; transition:none; box-sizing:border-box } 
.beafter .khblist:hover { color:#fff; border-color:#023f9c; background:#023f9c; transition:none } 
.beafter a { display:block; padding:0 15px; font-size:16px; font-weight:500; color:#222 } 
.beafter a p { padding:10px 0 0 0; font-weight:400; color:#666 } 
.beafter a:hover { color:#023f9c } 
.beafter a:hover p { text-decoration:underline; color:#666 } 
 

@media all and (max-width:748px) { 
 .khwrap { position:relative; margin:0 10px; zoom:1 } 
.khwrap:before,
.khwrap:after { clear:both; display:table; content:""; line-height:0 } 
.khtable { display:table; width:100% } 
.nocontent { font-size:14px; letter-spacing:-1px; text-align:center } 

/**/
.cate .khwrap { padding:0 0 40px 0; zoom:1 } 
.cate .khwrap:before,
.cate .khwrap:after { clear:both; display:table; content:""; line-height:0 } 
.cate .khwrap ul { text-align:center; font-size:0 } 
.cate .khwrap li { display:inline-block; margin:0 5px; text-align:center } 
.cate .khwrap li a { position:relative; display:block; padding:5px; line-height:20px; margin-bottom: 20px; font-size:14px; font-weight:400; color:#999; text-align:center } 
.cate .khwrap li a:before { content:''; position:absolute; z-index:0; bottom:0; left:auto; right:0; width:0; height:3px; background:#ce2b1c; transition:all 0.5s } 
.cate .khwrap li a:hover:before { width:100%; right:auto; left:0 } 
.cate .khwrap li a:hover,
.cate .khwrap li a#bo_cate_on { color:#111 } 
.cate .khwrap li a:hover:before,
.cate .khwrap li a#bo_cate_on:before { width:100% } 
.cate .khwrap li a.sel { position:relative; z-index:5; color:#313131; background:#fcfcfc } 
.cate .khwrap li a.sel:hover { color:#014fbb } 

/**/
.control { margin:12px 0 24px 0 !important; overflow:hidden } 
.control .fl,
.control .fr { width:100%; text-align:center } 
.total { float:left; display:inline-block; line-height:45px } 
.total span { font-size:16px; font-weight:300 } 
.total span strong { color:#023f9c } 
.search { display:inline-block; height:45px; line-height:45px } 
.scboard { display:inline-block; background:#fff } 
.scboard *:focus { border-color:#aaa } 
.scboard select { float:left; padding:10px; height:45px; font-size:15px; font-weight:300; border:1px solid #ccc; vertical-align: bottom; } 
.scboard input { float:left; margin-left:10px; padding:0 10px; height:45px; font-size:15px; font-weight:300; border:1px solid #ccc; border-right:0 } 
.scboard button { float:left; padding:0 20px; height:45px; font-size:15px; font-weight:300; color:#fff; background:#333 } 
.scboard button i { font-size:18px } 

/**/
.button { float:none !important; padding:0 0 4px 0; text-align:center } 
.button .bt { display:inline-block; padding:0 15px; line-height:36px; font-size:14px; font-weight:300; border:1px solid transparent; text-align:center; vertical-align: bottom } .best { position:absolute; z-index:100; top:-10px; left:-10px; width:70px; height:70px } 
.best img { width:auto; max-width:100%; height:auto } 

/**/
/*.listskin { clear:both } 
.listskin * { transition:all 0.3s } 
.listskin ul { margin:0 -5px; zoom:1 } 
.listskin ul:before,
.listskin ul:after { clear:both; display:table; content:""; line-height:0 } 
.listskin li { float:left; width:50% } 
.listskin li.nocontent { width:100%; min-height:350px; line-height:350px; font-size:15px; font-weight:400; color:#999; text-align:center } 
.listskin a { display:block } 
.listskin .item { position:relative; margin:0 5px 10px 5px; border:1px solid #eee } 
.listskin .item:hover { border:1px solid #aaa } 
.listskin .chk { position:absolute; z-index:10; top:20px; left:20px } 
.listskin .img { position:relative; background:#f2f5f8 } 
.listskin .img img { display:block; margin:0 auto; width:auto; max-width:100%; height:auto } 
.listskin .move { border-top:1px solid #e9e9e9; overflow:hidden } 
.listskin .move a { float:left; width:33.33%; display:block; padding:5px 0; border-right:1px solid #e9e9e9; text-align:center } 
.listskin .move a i { line-height:1; font-size:20px; color:#999 } 
.listskin .move a span { display:none; line-height:1; font-size:12px; font-weight:400; color:#999 } 
.listskin .move a:last-child { border-right:0 } 
.listskin .inner { padding:20px; text-align:center } 
.listskin .tit { padding:5px 0 } 
.listskin .tit a { display:block; font-size:17px; font-weight:500; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } 
.listskin .field { display:block; font-size:12px; font-weight:400; color:#333 } 
.listskin .info { display:block; font-size:15px; font-weight:300; color:#333 } 
.listskin .detail { display:none; margin-top:20px; padding:10px 25px; font-size:14px; font-weight:500; color:#fff; background:#f15924; border-radius:3px } */

.listskin .inner { width: 100%; margin: 0 auto; color: #000; } 
.listskin .inner table { border-collapse: collapse; } 
.listskin .inner thead { border-bottom: 1px solid #000; border-top: 1px solid #000; } 
.listskin .inner thead tr { } 
.listskin .inner thead th { font-size: 14px; padding: 20px 0; } 
.listskin .inner thead th:first-child { padding-left: 0; padding-right: 25px; box-sizing: border-box; } 
.listskin .inner thead th:nth-of-type(2) { padding-left: 10px; } 
.listskin .inner thead th:last-child { text-align: center; } 
.listskin .inner tbody tr { } 
.listskin .inner tbody tr td { height: 50px; padding:10px 0; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; } 
.listskin .inner tbody tr td.tit { position: relative; padding-left: 0; box-sizing: border-box; font-size: 14px; font-weight: bold; } 
.listskin .inner tbody tr td.info { width: 600px; overflow: hidden; text-overflow: ellipsis; } 
.listskin .inner tbody tr td.detail { width: 200px; } 
.listskin .inner tbody tr td a.more { display: block; margin: 0 auto; background: url(./more.png) no-repeat; width: 43px; height: 30px; padding:10px 25px; } 

.pg_wrap { position:relative; height:100px; text-align:center } 
.pg_wrap a { display:inline-block; padding:0 5px; width:20px; line-height:30px; font-size:16px; font-weight:400 } 
.pg_wrap strong { display:inline-block; padding:0 5px; width:20px; line-heigh:30px; font-size:16px; font-weight:600; color: #ce2b1c; } 
/*.pg_wrap strong:after { content:''; position:relative; top:0px; left:0; display:block; width:100%; height:4px; background:#ce2b1c } */

/**/
.viewskin .category { padding: 10px 0; text-align: center; background-color: #e3e3e3; } 
.viewskin .tit strong { font-size:15px; font-weight:400; color:#777 } 

.viewskin .tit p { padding:10px 0; font-size:18px; font-weight:300; color:#777 } 
.viewskin .info { /*background-color: #fafafa; */ } 
.viewskin .info p { border-top:1px solid #e1e1e1; padding:16px 20px; font-size:20px; } 
.viewskin .info .catalog { padding:20px; border-top:2px solid #aaa; border-bottom:1px solid #eee; background:#fafafa } 
.viewskin .catalog h2 { position:relative; margin-bottom:5px; } 
.viewskin .catalog h2 b { position:relative; top:-2px; font-size:5px; } 
.viewskin .catalog ul { padding-left:5px; } 
.viewskin .catalog li { line-height:29px; } 
.viewskin .catalog li i { color:#a9a9a9; padding-right:4px; } 
.viewskin .item { padding:40px 0; background:#f2f5f8 } 
.viewskin .image img { display:block; margin:0 auto; width:auto; max-width:100%; height:auto } 
.viewskin .imgbig { position:relative; } 
.viewskin .imgbig a { display:table-cell; width:500px; height:500px; text-align:center; vertical-align:middle } 
.viewskin .imgthb { padding:0 0 20px 0; overflow:hidden } 
.viewskin .imgthb ul li { float:left; padding:0 5px 5px 0; overflow:hidden } 
.viewskin .imgthb ul li img { display:block; width:auto; max-width:100%; height:auto; border:1px solid #eee } 
.viewskin .imgthb ul li span { float:left; display:none; line-height:40px; font-size:12px } 
.viewskin .imgthb ul li a { float:left; display:block; position:relative; width:40px; height:40px } 
.viewskin .imgthb ul li a i { position:absolute; top:0; right:0; display:none; width:40px; height:40px; line-height:40px; font-size:24px; text-align:center } 
.viewskin .imgthb ul li a:hover i { display:block } 
.viewskin .imgthb ul li a:hover .img { box-shadow:5px 5px 10px rgba(0,0,0,0.05) } 
.viewskin .imgthb ul li a:hover img { border:1px solid #777; opacity:0.2 } 
.viewskin .imgthb ul li span { padding:0 10px } 
.viewskin .imgthb .img { text-align:center; vertical-align:middle; background:rgba(255,255,255,0.5) } 
/*.viewskin .imgthb { padding:20px 0 } 
.viewskin .imgthb ul { overflow:hidden } 
.viewskin .imgthb ul li { float:left; display:block; position:relative; padding:0 4px 4px 0 } 
.viewskin .imgthb ul li img { width:auto; max-width:100%; height:auto } 
.viewskin .imgthb ul li a { position:relative; display:table; width:70px; height:70px; border:1px solid #eee } 
.viewskin .imgthb ul li a i { position:absolute; top:0; right:0; display:none; width:70px; height:70px; line-height:70px; font-size:24px; text-align:center } 
.viewskin .imgthb ul li a:hover i { display:block } 
.viewskin .imgthb ul li a:hover .img { box-shadow:5px 5px 10px rgba(0,0,0,0.05) } 
.viewskin .imgthb ul li a:hover img { opacity:0.2 } 
.viewskin .imgthb .img { display:table-cell; padding:5px; width:70px; height:70px; text-align:center; vertical-align:middle; background:rgba(255,255,255,0.5) } */
.viewskin .opt { padding:20px 0; font-size:13px; font-weight:300; color:#333; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 
.viewskin .opt pre { padding:10px 0; overflow:hidden; overflow-x:auto } 
.viewskin .colorimg { padding:30px 0; text-align:center } 
.viewskin .colorimg i { display:inline-block; margin:0 5px 40px 5px; width:40px; height:40px; font-style:normal; border:1px solid #ccc; background:#fff; border-radius:40px } 
.viewskin .colorimg i:after { display:block; padding:45px 0 0 0; font-size:11px } 
.viewskin .url { padding:10px 0 } 
.viewskin .url a { display:block; padding:10px 0; font-size:13px; font-weight:700; color:rgba(255,255,255,0.8); background:#22222b; text-align:center; transition:all 0.1s } 
.viewskin .url a i { position:relative; top:2px; font-size:18px } 
.viewskin .url a:hover { color:#fff } 
.viewskin .inq a { display:block; padding:10px 0; line-height:1; text-align:center; color:#0c4da2; border:1px solid #eee; background:#fafafa; transition:all 0.1s } 
.viewskin .inq a:hover { color:#fff; border:1px solid #0c4da2; background:#0c4da2 } 
.viewskin .inq a span { display:inline-block; position:relative; top:-4px; line-height:1; font-size:13px } 
.viewskin .inq a i { font-size:24px } 
.viewskin .dow { float:left; width:100%; margin:30px 0 0 0; padding:10px 0 } 
.viewskin .dow:before,
.viewskin .dow:after { content:""; clear:both; display:table; line-height:0 } 
.viewskin .dow ul { border-radius:60px; font-size:0; background:#fff; overflow:hidden } 
.viewskin .dow li { display:inline-block; width:20% } 
.viewskin .dow a { position:relative; display:block; padding:0 20px; line-height:60px; font-size:13px; background:transparent; } 
.viewskin .dow a:hover { color:#fff; border-radius:60px; background:#e8180c } 
.viewskin .dow a i { margin-right:3px; line-height:20px; font-size:18px; color:#999; vertical-align:-3px } 
.viewskin .dow a:hover i { color:#fff } 
.viewskin .cnt { text-align:center } 

/**/
.detail { padding:25px 0 } 
.detail h2 { position:relative; font-size:18px !important; font-weight:500; letter-spacing:-1px; color:#2b2b2b } 
.detail h2:before { content:''; position:absolute; top:-10px; left:0; width:30px; height:5px; border-radius:5px; background:#e8180c } 
.detail textarea { border:1px solid #eee; resize:none } 

.detail img { width: 100%; } 
.detail pre { white-space:pre-wrap } 

/**/
.writeskin { padding:0 0 50px 0 } 
.writeskin .full_input { width:100% } 
.writeskin .frm_input { padding:12px; height:50px; color:#333; font-size:14px; vertical-align:middle; border:1px solid #ccc; background:#fff } 
.writeskin .bo_w_flie { line-height: 250%; } 
.writeskin .frm_intro { padding:10px; height:42px; color:#555; font-size:13px; vertical-align:middle; border:1px solid #ccc; border-top:0; background:#fff } 
.writeskin .tit { position:relative; padding:10px; border:1px solid #dadcdd; border-radius:3px 3px 0 0; background:#fbfbfb; overflow:hidden } 
.writeskin .tit strong { font-size:15px; color:#2c2e32; font-weight:600; letter-spacing:normal } 
.writeskin .tit p { padding:0; font-size:12px; color:#999; font-weight:normal } 
.writeskin .inner { margin:0 0 10px 0; padding:10px; border:1px solid #dadcdd; border-top:0; border-radius:0 0 3px 3px; overflow:hidden } 
.writeskin .info > div { margin-bottom: 10px; } 
.writeskin .item { margin:0 0 8px 0; width:100%; padding:0 !important } 
.writeskin .item .box { padding:10px; border:1px solid #eee; background:#fbfbfb; overflow:hidden } 
.writeskin .item .box label { float:left; min-width:150px; line-height:28px; font-size:14px; cursor:pointer } 
.writeskin .item .box label i { position:relative; top:2px; font-size:18px } 
.writeskin .item .box input { float:left; width:calc(100% - 150px); padding:0 10px; line-height:28px; font-size:13px; color:#777; border:1px solid #eee } 
.writeskin .item .box input[type="file"] { border:0; cursor:pointer } 
.writeskin .item .del { padding:0 10px; border:1px solid #eee; border-top:0; overflow:hidden } 
.writeskin .item .del input[class="del"] { display:none } 
.writeskin .item .del label[id="del"] { float:left; position:relative; padding-left:25px; line-height:28px; font-size:14px; cursor:pointer } 
.writeskin .item .del label[id="del"]:hover { text-decoration:underline } 
.writeskin .item .del input[class="del"] + label i { position:absolute; top:5px; left:0; font-size:18px; color:#aaa; cursor:pointer } 
.writeskin .item .del input[class="del"]:checked + label i { color:#eb6101 } 
.writeskin .item .del label #text { padding:3px 5px; border:1px solid #e9e9e9 } 
.writeskin .info dl { display:table; padding:0 0 10px 0; width:100%; overflow:hidden } 
.writeskin .info dt { display:none; width:15% } 
.writeskin .info dd { display:table-cell; width:100% } 
.writeskin .info dd span { float:left; width:16.66% } 
.writeskin .info dd .box { overflow:hidden } 
.writeskin .info dd .box input { display:none } 
.writeskin .info dd .box input + label { cursor:pointer } 
.writeskin .info dd .box input + label { clear:none; margin:0 3px 3px 0; display:block; color:#fff; line-height:24px; font-size:12px; border:1px solid transparent; background:#ccc; text-align:center } 
.writeskin .info dd .box input:checked + label { color:#fff; background:#000; border:1px solid transparent } 
.writeskin .info dd input,
.writeskin .info dd select,
.writeskin .info dd textarea { border:1px solid #eee; resize:none; width: 100%; padding: 2%; } 
.writeskin .info dd textarea::placeholder { line-height: 17px; } 
.writeskin .info dd input:focus,
.writeskin .info dd select:focus,
.writeskin .info dd textarea:focus { border-color:#ccc !important } 

/**/
.responsive { width:100%; border-collapse:collapse; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb } 
.responsive thead th,
.responsive tbody th { padding:15px 0; width:20%; font-size:15px; color:#666; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f8f8f8 } 
.responsive tbody td { padding:15px; width:80%; font-size:15px; color:#666; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb } 

.beafter { position:relative; display:table; width:100%; height: 200px; padding:30px 0; margin:0 auto; border-top:1px solid #dadcdd } 
.beafter .khbprev { display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:right } 
.beafter .khbnext { display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:left } 
.beafter .khblist { position:absolute; z-index:1; top:50%; left:50%; padding:0; width:50px; height:50px; line-height:50px; margin-top:-25px; margin-left:-25px; font-size:24px; border:1px solid #ddd; border-radius:3px; text-align:center; transition:none; box-sizing:border-box } 
.beafter .khblist:hover { color:#fff; border-color:#023f9c; background:#023f9c; transition:none } 
.beafter a { display:block; padding:0 15px; font-size:13px; font-weight:500; color:#222 } 
.beafter a p { padding:10px 0 0 0; font-weight:700; color:#333 } 
.beafter a:hover { color:#023f9c } 
.beafter a:hover p { text-decoration:underline; color:#666 } 
.beafter .khbprev a { padding-left:40px } 
.beafter .khbnext a { padding-right:40px } 

#c01,
#c02,
#c03,
#c04,
#c05,
#c06,
#c07,
#c08,
#c09,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,
#c16,
#c17,
#c18,
#c19,
#c20,
#c21,
#c22 { display:inline-block; margin:0 1px; width:40px; height:40px; border:1px solid #ccc; background:#fff; border-radius:56px } 
 } 

.button .bt_adm { color:#555; border:1px solid #ccc; background:#fff } 
.button .bt_adm:hover { color:#000; border:1px solid #aaa; background:#fff } 
.button .bt_b01 { color:#555; border:1px solid #aaa; background:#fff } 
.button .bt_b01:hover { color:#000; border:1px solid #555; background:#fff } 
.button .bt_b02 { color:#fff; border:1px solid #987DB7; background:#987DB7 } 
.button .bt_b02:hover { color:#fff; border:1px solid #7F6899; background:#7F6899; } 
.button .bt_b03 { color:#555; border:1px solid #ccc; background:#fff } 
.button .bt_b03:hover { color:#000; border:1px solid #aaa; background:#fff } 
.button .bt_list { color:#987DB7; border:1px solid #987DB7; background:#fff } 
.button .bt_list:hover { color:#7F6899; border:1px solid #7F6899; background:#e5e5e5 } 

.viewskin #c01,
.writeskin .box input[type="checkbox"]:checked + label[for="c001"] { color:#000; border-color:#ccc; background:#fff } /*White*/
.viewskin #c02,
.writeskin .box input[type="checkbox"]:checked + label[for="c002"] { color:#000; border-color:#ccc; background:#fcfce7 } /*Ivory*/
.viewskin #c03,
.writeskin .box input[type="checkbox"]:checked + label[for="c003"] { border-color:transparent; background:#fcde7d } /*Yellow*/
.viewskin #c04,
.writeskin .box input[type="checkbox"]:checked + label[for="c004"] { border-color:transparent; background:#f47944 } /*Orange*/
.viewskin #c05,
.writeskin .box input[type="checkbox"]:checked + label[for="c005"] { border-color:transparent; background:#ed1c24 } /*Red*/
.viewskin #c06,
.writeskin .box input[type="checkbox"]:checked + label[for="c006"] { border-color:transparent; background:#f8c1d9 } /*Pink*/
.viewskin #c07,
.writeskin .box input[type="checkbox"]:checked + label[for="c007"] { border-color:transparent; background:#c5c0de } /*L.Violet*/
.viewskin #c08,
.writeskin .box input[type="checkbox"]:checked + label[for="c008"] { border-color:transparent; background:#cea9cf } /*Violet*/
.viewskin #c09,
.writeskin .box input[type="checkbox"]:checked + label[for="c009"] { border-color:transparent; background:#7961ab } /*Purple*/
.viewskin #c10,
.writeskin .box input[type="checkbox"]:checked + label[for="c010"] { border-color:transparent; background:#cde6c0 } /*Green*/
.viewskin #c11,
.writeskin .box input[type="checkbox"]:checked + label[for="c011"] { border-color:transparent; background:#2abb9d } /*D.Green*/
.viewskin #c11-1,
.writeskin .box input[type="checkbox"]:checked + label[for="c011-1"] { border-color:transparent; background:#b2d377 } /*L.Green*/
.viewskin #c12,
.writeskin .box input[type="checkbox"]:checked + label[for="c012"] { border-color:transparent; background:#aedfe5 } /*Mint*/
.viewskin #c13,
.writeskin .box input[type="checkbox"]:checked + label[for="c013"] { border-color:transparent; background:#8dd8f8 } /*L.Blue*/
.viewskin #c14,
.writeskin .box input[type="checkbox"]:checked + label[for="c014"] { border-color:transparent; background:#008ad1 } /*O.Blue*/
.viewskin #c15,
.writeskin .box input[type="checkbox"]:checked + label[for="c015"] { border-color:transparent; background:#005f9d } /*R.Blue*/
.viewskin #c16,
.writeskin .box input[type="checkbox"]:checked + label[for="c016"] { border-color:transparent; background:#1b2c56 } /*Navy*/
.viewskin #c17,
.writeskin .box input[type="checkbox"]:checked + label[for="c017"] { border-color:transparent; background:#caad83 } /*Brown*/
.viewskin #c18,
.writeskin .box input[type="checkbox"]:checked + label[for="c018"] { border-color:#82623a; background:#82623a } /*L.Brown*/
.viewskin #c19,
.writeskin .box input[type="checkbox"]:checked + label[for="c019"] { border-color:#823644; background:#823644 } /*Burgundy*/
.viewskin #c19-1,
.writeskin .box input[type="checkbox"]:checked + label[for="c019-1"] { border-color:#823644; background:#e7c55e } /*Gold*/
.viewskin #c20,
.writeskin .box input[type="checkbox"]:checked + label[for="c020"] { color:#000; border-color:#adadad; background:#d1d2d4 } /*Grey*/
.viewskin #c21,
.writeskin .box input[type="checkbox"]:checked + label[for="c021"] { border-color:#58585a; background:#58585a } /*D.Grey*/
.viewskin #c22,
.writeskin .box input[type="checkbox"]:checked + label[for="c022"] { border-color:#000; background:#000 } /*Black*/

#c01:after { content:'White' } 
#c02:after { content:'Ivory' } 
#c03:after { content:'Yellow' } 
#c04:after { content:'Orange' } 
#c05:after { content:'Red' } 
#c06:after { content:'Pink' } 
#c07:after { content:'L.Violet' } 
#c08:after { content:'Violet' } 
#c09:after { content:'Purple' } 
#c10:after { content:'Green' } 
#c11:after { content:'D.Green' } 
#c11-1:after { content:'L.Green' } 
#c12:after { content:'Mint' } 
#c13:after { content:'L.Blue' } 
#c14:after { content:'O.Blue' } 
#c15:after { content:'R.Blue' } 
#c16:after { content:'Navy' } 
#c17:after { content:'Brown' } 
#c18:after { content:'L.Brown' } 
#c19:after { content:'Burgundy' } 
#c19-1:after { content:'Gold' } 
#c20:after { content:'Grey' } 
#c21:after { content:'D.Grey' } 
#c22:after { content:'Black' } 

* { font-family: 'Pretendard','Noto Sans KR', sans-serif !important; } 

.viewskin { padding-bottom: 180px; } 
.viewskin img { width: 100%; max-width: fit-content; margin: 0 auto; display: block; } 
.viewskin .info { background: #FAFAFA; padding: 30px 40px; margin-bottom: 50px; } 
.viewskin .info>div { display: flex; align-items: center; margin-bottom: 15px; } 
.viewskin .info>div:last-child { margin-bottom:0; } 
.viewskin .info>div h6 { color: #424242; font-size: 18px; line-height: 26px; font-weight: 600; width: 160px; padding-left: 60px; height: 40px; display: flex; align-items: center; } 
.viewskin .info>div h6::before { clear: both; display: block; content: ""; width: 40px; height: 40px; position: absolute; left: 0; top: calc(50% - 20px); background: url(./img/ic_adreass02.png) center no-repeat; } 
.viewskin .info>div:nth-child(2) h6::before { background: url(./img/ic_adreass01.png) center no-repeat; } 
.viewskin .info>div:nth-child(3) h6::before { background: url(./img/ic_adreass03.png) center no-repeat; } 
.viewskin .info>div p { width:calc(100% - 160px); padding: 0; border: none; color: #424242; font-size: 17px; line-height: 26px; padding-left: 30px; word-break: break-all; } 
.h3_tit { text-align: left !important; font-size: 30px; line-height: 36px; border-top: none; padding-top: 20px; padding-left: 0; padding-bottom: 0; color: #212121; margin-bottom: 40px !important; } 
.viewskin .detail.sel { max-width: 1460px; margin: 0 auto; padding: 0 10px; } 
.viewskin .detail.sel .khwrap { display: flex; flex-direction: column; font-size: 17px; line-height: 26px; color: #424242; padding:0; } 
.viewskin .detail.sel .khwrap img { width: 100%; max-width: fit-content; margin: 30px auto; display: block; max-height: 1000px; } 

.listskin { max-width: 1460px; padding: 0 10px; padding-bottom: 160px; } 
.listskin .khwrap { padding: 0; } 
.listskin .inner { width: 100%; } 
.listskin .num { position: relative; } 
.listskin .inner thead { border-bottom: 1px solid #e5e5e5; } 
.listskin .inner thead th { text-align: center !important; padding: 0; height: 60px; font-weight: 500; font-size: 17px; color:#212121; } 
.listskin .inner tbody tr td { height: auto; padding: 0; text-align: center; color:#616161; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; } 
.listskin .inner tbody tr td.tit { width: auto; padding: 0; } 
.listskin .inner tbody tr td.tit a { display: flex; align-items: center; padding: 20px 0px; } 
.listskin .inner tbody tr td.tit a .img_box { width: 150px; } 
.listskin .inner tbody tr td.tit a .tit_box { width:calc(100% - 150px); } 
.listskin .inner tbody tr td.tit a .tit_box p { text-align: left; padding-left: 50px; color: #616161; line-height: 24px; font-weight: 500; margin-bottom: 10px; } 
.listskin .inner tbody tr td.tit a .tit_box p:last-child { margin-bottom: 0px; } 
.pg_wrap { float: none; display: flex; width: 100%; align-items: center; justify-content: center; padding-bottom: 20px; } 

.khwrap_btn { display: flex; width: 240px; height: 45px; border: 1px solid #DDDDDD; border-radius: 5px; align-items: center; padding: 0 15px; color: #212121; font-size: 16px; position: relative; z-index: 21; } 
.khwrap_btn::after { clear: both; content:""; display: block; width:25px; height: 25px; content: url("/theme/wering/img/sub/ic_arrow.png"); position: absolute; right: 15px; top:calc(50% - 12.5px); transition: 1s; } 
.khwrap_btn.on::after { rotate: 180deg; } 
.cate .khwrap { position: relative; } 
.cate .khwrap ul { position: absolute; display: flex; flex-direction: column; top:42px; } 
.cate .khwrap li { margin:0; } 
.cate .khwrap li a { width: 240px; padding: 0 15px; height: 45px; display: flex; background: #fff; z-index: 20; border: 1px solid #DDDDDD; border-top: none; } 

.writeskin .info dl { display: flex; align-items: center; } 
.writeskin .info dt { display: block; width:100px; } 
.writeskin .info dd { width:calc(100% - 100px); } 



@media (max-width:1100px) { 
 .khwrap .image #bo_v_img>a { width: 100%; } 
.khwrap .image #bo_v_img>a img { width: 100%; max-width: fit-content; margin: 0 auto; } 
.viewskin .standard { width:100%; padding-left:0; } 

.listskin .inner thead th:nth-of-type(1) { width:8%; padding:0; } 
.listskin .inner thead th:nth-of-type(2) { width:60%; padding:0; } 
.listskin .inner thead th:nth-of-type(3) { width:100px; } 
.listskin .inner thead th:nth-of-type(4) { width:100px; } 
.listskin .inner thead th:nth-of-type(5) { width:100px; } 
 } 
@media (max-width:650px) { 
 .khwrap .image { width:100%; padding-right:0; } 
.khwrap .image #bo_v_img>a { padding:20px; height: auto; } 
.viewskin .tit h3 { border-top:none; font-size: 19px; line-height: 27px; margin-bottom: 20px !important; } 
.viewskin .info { padding:15px; } 
.viewskin .info>div { margin-bottom:10px; } 
.viewskin .info>div h6 { font-size: 14px; width: 80px; } 
.viewskin .info>div p { font-size: 14px; padding-left: 10px; width: calc(100% - 80px); } 


.h3_tit { font-size: 19px; line-height: 27px; margin-bottom: 20px !important; } 

.listskin .inner thead th:nth-of-type(3) { display: none; } 
.listskin .inner thead th:nth-of-type(4) { display: none; } 
.listskin .inner thead th:nth-of-type(5) { display: none; } 
.listskin .inner td.detail { display: none; } 
.listskin .inner tbody tr td.tit a { padding:10px 0px; flex-direction: column; } 
.listskin .inner tbody tr td.tit a .tit_box { width:100%; } 
.listskin .inner tbody tr td.tit a .tit_box p { padding-left:0; } 
 } 

/*250414*/
.h2_title { text-transform: uppercase; } 
.top_content01 { display: flex; width: 100%; max-width: 1460px; margin: 0 auto; padding: 0 10px; } 
.serch_bn { padding-bottom:30px; } 
.btn_color01 { background: #97b09d !important; } 
.btn_color01:hover { background: #627366 !important; } 
.btn_color02 { background: #B8A793 !important; } 
.btn_color02:hover { background: #7b6e5f !important; } 
.button .bt { border-radius: 5px; } 
.beafter { display: none; } 
.khwrap .inner_content { display: flex; flex-wrap: wrap; gap: 30px; } 
.khwrap .inner_content::before { display: none; } 
.khwrap .inner_content::after { display: none; } 
.khwrap .inner_content li { width: calc(25% - 22.5px); } 
.khwrap .inner_content li a { display: flex; flex-direction: column; position: relative; } 
.khwrap .inner_content li a .chk { top:10px; position: absolute; } 
.khwrap .inner_content li a .img_box { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } 
.khwrap .inner_content li a .img_box img { max-width:100%; } 
.khwrap .inner_content li a .tit_box p { text-align: center; color: #424242; font-size: 16px; line-height: 22px; font-weight: 500; font-family: 'PretendardMe', 'Noto Sans KR', sans-serif !important; height: 22px; overflow: hidden; } 
.khwrap .inner_content li a p.category { display: flex; position: absolute; top: 10px; left: 10px; width: fit-content; padding:0 15px; height: 30px; align-items: center; justify-content: center; background: #7D8F7D; color: #fff; font-size: 15px; font-weight: 600; background: #FBDAE6; color: #CC5780; border-radius: 10px; height: 40px; } 
.khwrap .inner_content li a p.category.category-stay { background: #DED1EE; color:#7F6899; } 
.khwrap .inner_content li a p.category.category-activity { background: #D6DEF1; color:#717F9E; } 

.top_content01 #bo_sch form { display: flex; gap:10px; } 
.serch_bn { margin-left:auto; max-width:100%; } 
.serch_bn #bo_sch { position:relative; display:flex; align-items:center; } 
.serch_bn #bo_sch form { display: flex; gap:10px; } 
.serch_bn #bo_sch select { padding-left:10px; width:140px; height:45px; border-radius:5px; font-size:1rem; box-sizing:border-box; border: 1px solid #E0E0E0; } 
.serch_bn #bo_sch input[type=text] { margin-left:auto; padding-right:40px; width:220px; box-sizing:border-box; height:45px; border-radius:5px; font-size:1rem; border: 1px solid #E0E0E0; } 
.serch_bn #bo_sch .sch_btn { position:absolute; right:0; top:0; width:30px; height:45px; background:url(img/ic_search.png) no-repeat 0 center !important; border:none; } 

@media (max-width:1024px) { 
 .khwrap .inner_content li { width: calc(33.3% - 20px); } 
 } 
@media (max-width:850px) { 
 .khwrap .inner_content li { width: calc(50% - 15px); } 
 } 
@media (max-width:650px) { 
 .khwrap .inner_content li { width:100%; } 
 } 

.viewskin>.khwrap { background: #fff; padding:0; } 
.viewskin>.khwrap .image { float:none; width:50%; padding:0; } 
.viewskin>.khwrap .image .imgbig { padding:0; } 
.viewskin>.khwrap .imgbig a { display: flex; align-items: center; justify-content: center; pointer-events: none; } 
.viewskin>.khwrap .imgbig img { width: 100%; height: 100%; } 
.viewskin>.khwrap .standard { float:none; width:50%; display: flex; flex-direction: column; justify-content: flex-start; padding: 30px 70px 0px; } 
.viewskin .category { width: fit-content; padding: 0 20px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: 600; background: #556D55; margin-bottom:30px; } 
.viewskin .tit h3 { padding-top:0; margin-bottom:80px; } 
.viewskin .info { background: transparent; padding: 0; margin-bottom: 0; } 
.viewskin .info>div h6 { position: relative; } 
.viewskin .info>div h6:after { clear: both; display: block; content: ""; width: 1px; height: 15px; background:#BDBDBD; position: absolute; right:0; top:calc(50% - 7.5px); } 

.viewskin .detail.sel { padding: 50px; background: #fff; } 
.viewskin .detail.sel .h3_tit { margin-bottom: 40px ! IMPORTANT; padding:0; } 

@media (max-width:950px) { 
 .viewskin>.khwrap { flex-direction: column; } 
 .viewskin>.khwrap .image { width:100%; } 
 .viewskin>.khwrap .standard { width:100%; padding: 40px; } 
 .viewskin>.khwrap .imgbig a { width:100%; height: auto; max-width: 650px; margin:0 auto; } 
 } 
@media (max-width:650px) { 
 .viewskin .detail.sel { padding:20px; } 
 .viewskin .detail.sel .h3_tit { margin-bottom: 30px !important; padding-bottom: 10px; } 
 } 

 
.viewskin .category { display: none; } 
.viewskin .tit h3 { color: #212121; font-size: 30px; line-height: 36px; } 
.viewskin .tit_bullet { position: relative; padding-left: 60px !important; } 
.viewskin .tit_bullet::before { clear: both; display: block; content: ""; width:50px; height: 46px; position: absolute; left: 0; top:calc(50% - 23px); background: url(./img/ic_tit.png) center no-repeat; } 
.viewskin .info { padding: 30px 40px; background: #FAFAFA; border-radius: 10px; } 
.info_cont02 p { color: #424242; font-size: 16px; line-height: 26px; letter-spacing: -1px; } 

@media (max-width:650px) { 
 .viewskin>.khwrap { margin-bottom: 0; } 
 .viewskin>.khwrap .standard { padding: 40px 0px; } 
 .viewskin .tit h3 { font-size: 20px; line-height: 27px; } 
 .viewskin .tit_bullet { padding-left:35px !important; } 
 .viewskin .info>div h6 { width:115px; } 
 .viewskin .info>div p { width: calc(100% - 115px); } 
 .info_cont02 p { font-size: 0.9rem; } 
 .viewskin .detail.sel .khwrap { font-size: 0.9rem; margin:0; } 
 .viewskin .detail.sel .h3_tit { padding-bottom: 0; margin-bottom: 20px !important; } 
 .viewskin .tit_bullet::before { background-size: cover; width: 30px; height: 36px; top:calc(50% - 18px); } 
 } 

 .bullet1 { font-size: 25px !important; letter-spacing: -0.5px; line-height: 28px !important; font-weight: 800; padding-left: 16px !important; position: relative; } 
 @media (max-width:650px) { 
 .bullet1 { font-size: 20px !important; line-height: 27px !important; } 
 } 

 
@media (max-width:850px) { 
 .khwrap_btn { font-size: 1rem; } 
.top_content01 { flex-direction: column-reverse; } 
.cate .khwrap { padding-bottom:20px; margin: 0; } 
.serch_bn { width: 100%; padding-bottom: 20px; } 
.serch_bn #bo_sch form { width: 100%; } 
.serch_bn #bo_sch select { height: 45px; width: 240px; } 
.serch_bn #bo_sch input[type=text] { width: calc(100% - 250px); margin: 0; height: 45px; } 
.serch_bn #bo_sch .sch_btn { height: 45px; } 
.cate .khwrap li a { margin-bottom: 0 !important; align-items: center !important; } 
.cate .khwrap li a:before{display: none !important;}
 } 
@media (max-width:650px) { 
.serch_bn { width: 100%; padding-bottom: 10px; } 
.serch_bn #bo_sch select { width: 100px; } 
.khwrap_btn { width: 100%; } 
.cate .khwrap ul{width: 100%;}
.cate .khwrap li a{width: 100%;}
.serch_bn #bo_sch input[type=text] { width: calc(100% - 110px); margin: 0; height: 45px; } 
 }