@charset "utf-8";

.intro_box {background:url("/Img/p1.png") #ffdb43 top center no-repeat; height:300px;}
.intro_box .con {position:relative;}
.intro_box .link {position:absolute; right:0; top:30px; font-size:0;}
.intro_box .link li {display:inline-block; font-size:14px; text-align:center;}
.intro_box .link li .ic {position:relative; bottom:-8px;}
.intro_box .link li .txt {border-top:2px solid #000; padding:5px 10px;}

.icbox {background:rgba(225, 220, 214, 0.2);}
.icbox .con {}
.icbox ul {font-size:0;}
.icbox ul li {vertical-align:top; display:inline-block; width:14.285%;}
.icbox ul li a {display:inline-block; width:100%;}
.icbox ul li .ic {display:table-cell; vertical-align:middle; height:100px; }
.icbox ul li .txt {display:table-cell; color:#333; font-size:14px; vertical-align:middle; height:100px; width:85px; padding-left:10px;}

.prview {width:100%;}
.prview .con {font-size:0;}
.prview .left {display:inline-block;}
.prview .left .bx-wrapper {margin:0;}
.prview .center {display:inline-block; vertical-align:top; width:470px; margin:0 10px;}
.prview .center .tit {width:100%; text-align:center;position:relative; border:1px solid #d9d9d9 ;}
.prview .center .tit ul.board_tab {display:inline-block; width:100%; padding-right:30px; }
.prview .center .tit ul.board_tab li {display:inline-block; width:50%; font-size:16px; font-weight:bold; line-height:30px; border-right:1px solid #d9d9d9; position:relative; cursor:pointer; z-index:10;}
.prview .center .tit ul.board_tab li:after {    transform: scaleX(0);   transition-property: transform;   transition-duration: 0.3s;    transition-timing-function: ease-in-out; content:""; position:absolute; bottom:0px; left:0; background:#3189cc; width:100%; height:100%; z-index:-1;}
.prview .center .tit ul.board_tab li:hover {color:#fff;}
.prview .center .tit ul.board_tab li:hover:after {transform:scaleX(1); }
.prview .center .tit ul.board_tab li.on {color:#fff;}
.prview .center .tit ul.board_tab li.on:after {transform:scaleX(1); }
.prview .center .tit .link {display:inline-block; position:absolute; right:0; top:0; font-size:14px; line-height:30px; text-align:center; width:30px;}
.prview .center .tit .link a {display:inline-block; width:100%; height:100%;}

.board_space {width:100%;padding-top:16px;}
.board_space ul {width:100%; padding:0 20px;}
.board_space ul li {display:inline-block; width:100%;}
.board_space ul li a {display:inline-block; width:100%; font-size:13px; color:#666666; line-height:26px;}
.board_space ul li a span.name {display:inline-block; width:340px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align:top; padding:0 10px 0 30px; position:relative; letter-spacing:0;}
.board_space ul li a span.name svg {position:absolute; left:0px; top:5px;}
.board_space ul li a span.date {display:inline-block; width:80px; vertical-align:top; letter-spacing:1px;}

.prview .right {width:230px; display:inline-block; vertical-align:top;}

.brsite {width:100%; margin-top:20px;}
.brsite .con {font-size:0;}
.brsite .left {display:inline-block; vertical-align:top; width:350px;}
.brsite .left ul {font-size:0;}
.brsite .left ul li {display:inline-block; font-size:14px; text-align:left; width:50%;}
.brsite .left ul li .ic {display:inline-block;}
.brsite .left ul li .txt {display:inline-block; text-align:center; padding:0 5px;}
.brsite .center {display:inline-block; vertical-align:top;  margin:20px 10px 0;}
.brsite .center ul {font-size:0;}
.brsite .center ul li {display:inline-block; width:25%; vertical-align:top; padding:5px;}
.brsite .right {display:inline-block; vertical-align:top;}

.board_ul {width:100%; font-size:0; vertical-align:top; margin:50px auto 25px;}
.board_ul > li {display:inline-block; width:50%; font-size:16px; vertical-align:top; box-sizing:border-box; padding:0 60px; min-height:360px;}
.board_ul > li .tit {width:100%; font-size:30px; line-height:2; position:relative; border-bottom:2px solid #fc7124;}
.board_ul > li .tit a {position:absolute; right:20px; top:10px; font-size:16px;}
.board_ul > li .txt {width:100%;}
.board_ul > li .txt li {border-bottom:1px solid #ccc;}
.board_ul > li .txt a {font-size:20px; line-height:2.4;}
.board_ul > li .txt a span.name {display:inline-block; vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:370px; font-weight:100;}
.board_ul > li .txt a span.date {display:inline-block; float:right; vertical-align:top; color:#919191;}

.brsite .center li {position:relative;}
.brsite .center li img {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.brsite .center li:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transform: rotate(0deg); /* 회전효과 */
    background: #fff;
	box-sizing:border-box; padding:10px;
}

.selbar {width:100%; margin-top:20px;}
.selbar input[type="button"] {margin-right:11px;}
.selbar input[type="button"]:last-child {margin-right:0;}

.bx-wrapper img {width:265px;}


.contents_box {margin:10px 0;}

.contents_box .con {width: 1200px; margin:0 auto;}

.contents_box ul  {display:inline-block; width: 100%;}
.contents_box .box2 {margin-top: 10px;}

.contents_box ul li {display:inline-block; border:1px solid #ccc; width: 45%; padding: 10px;  margin: 0 5px;   vertical-align: top;}

.contents_box p {text-align:left;}

.contents_box h3 {font-size: 20px;
    display: inline-block;
    padding-bottom: 7px;}

.contents_box .boximg {float:left;    padding-right: 10px; }

.contents_box .boximg img {width:200px; height: 200px;}


footer {border-top:1px solid #ccc;}