@charset "UTF-8";

/* default_main.css 시작*/

#container_wr{width:100%;margin:0px auto !important;}

#main_container{width:100%;}
.main-center{display:inline-block;margin:0 auto;width:1100px;display:block}
/* MAIN BANNER */
.main-visual{position:relative; overflow:hidden; width:719px; height:350px;margin-right:20px; border-radius:10px}
.main-banner{position:absolute;text-align:center; width:719px;}

.bn_right{width:361px;border:1px solid #ddd;border-radius:10px; height:350px}
.bn_right_con{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px; margin: 0 0px 0px; padding: 20px 40px; overflow:hidden; position:relative;}
.bn_right_con:last-child{border-bottom:0px;}
.br_con_left{width:180px;}

a:hover .bn_right_con {background-color: #fbe26b54;}

.bn_right_con .main-icon1 {background:url('/theme/basic/img/pub/main_icon01.png') left 205px center no-repeat; position:absolute; left:0; top:0; z-index:1;     width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-size: contain;
    margin: 20px;}
.bn_right_con .main-icon2 {background:url('/theme/basic/img/pub/main_icon02.png') left 210px center no-repeat; position:absolute; left:0; top:0; z-index:1;     width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-size: contain;
    margin: 20px;}
.bn_right_con .main-icon3 {background:url('/theme/basic/img/pub/main_icon03.png') left 205px center no-repeat; position:absolute; left:0; top:0; z-index:1;     width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-size: 30%;
    margin: 20px;}


.br_con_title{font-size:28px;font-weight:bold;margin-bottom:20px}
.bn_link{background:url("/theme/basic/img/pub/bn_con_right_arrow.png") right center no-repeat;width:120px;border-bottom:1px solid #000000;padding-bottom:10px;height:30px;line-height:30px;color:#000000}
a:hover .bn_link {color:#02aec2}


/* PAGER */
.bx-wrapper .bx-pager { position: absolute; bottom: 30px; width:100%; text-align:center; z-index: 51; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 10px 0px; outline: 0; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #ffcc00; width:30px;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; display:inline-block; margin:0 5px;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.main-banner_btn-prev {left:calc(50% - 530px);}
.main-banner_btn {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -23px;z-index: 99; text-shadow:1px 1px 1px #000;}
.main-banner_btn-next {right: calc(50% - 530px);}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 60%; margin-top: -16px;  width: 15px; height: 20px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-next,.bx-prev {text-indent: -9999px; display:block; position:absolute; top:0; width:100%; height:100%;}

/* BOTTOM DIRECTION DONTROLS (NEXT / PREV) */
.main-banner2{position:relative; clear:both; width: 1100px;margin: 0 auto;}
.main-banner_btn-prev2 {left:10px;}
.main-banner_btn2 {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -24px;z-index: 99; text-shadow:1px 1px 1px #000;line-height:34px}
.main-banner_btn-next2 {right: 10px;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start{display: block; margin: 0 3px; width:12px; height:17px; color:#fff; overflow:hidden;}
.bx-wrapper .bx-controls-auto .bx-start:before{content:"\f04b"; font-family:FontAwesome;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { color:#00a7cb; }
.bx-wrapper .bx-controls-auto .bx-stop {display: block; margin: 0 3px; width:12px; height:17px; color:#fff; overflow:hidden; }
.bx-wrapper .bx-controls-auto .bx-stop:before{content:"\f04c"; font-family:FontAwesome;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { color:#00a7cb }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left: 50%; bottom: 97px; width: 37px; margin-left: -100px; z-index: 99; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.bx-next,.bx-prev {text-indent: -9999px; display:block; position:absolute; top:0; width:100%; height:100%;}

.bo_fx{position:absolute; bottom:10px; right:0; display:inline-block; z-index:99;}
.btn_bo_user{margin:10px auto;width:100px}
.btn_bo_user a{padding:7px 10px;}


/* 메인 스타일 시작 */
.main-top{overflow:hidden;width:1100px;margin:0 auto 40px}
.main-visual{float:left;}
.main-center{clear:both; overflow:hidden;width:1100px}
.b_tit a{color:#474747}

.main-gap{margin:0 auto ;}

.main_cbt{width:100%;display:block;background:#f5f5f5;    text-align: center;}
.main_cbt .section_body{width:1100px;margin:60px auto;display:inline-block}

.main-section1{float:left;display: inline-block;margin:0 auto;width:100%;text-align:left !important}
.main-section1 h3{padding-top:30px;}
.main-section1 > div{display:inline-block;text-align:center;margin-left:15px !important;}
.main-section1 > div:first-child{border-left:0px !important;margin-left:0px !important;}
.main-section1 .textbox__title{color:#fff}
.textbox{width:calc(16.666666667% - 20px);padding:30px; position: relative;border-radius:10px}
.textbox > a {display:block;}
.textbox__body{padding-top:10px;font-weight:bold;text-align:center;display:inline-block;}
.textbox__body h2{font-size:15px; font-weight:normal}
.textbox__image{padding-bottom: 30px;height:60px;line-height:60px}
.textbox > a:hover .textbox__image img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}


.center_bg{background:#fafafa;width: 1100px;margin: 0 auto 40px;border-radius:10px;border:1px solid #ddd;}
.center_bg section[class^="main-section"]{width:calc(50% - 30px);}
.main-section2{display: inline-block; min-height:180px;float:left;margin:20px 10px 20px 20px;padding-right:20px;border-right:1px dashed #ddd}
.main-section3{display: inline-block;min-height:180px;float:left;margin:20px 20px 20px 10px;padding-left:10px}


.lat ul {min-height: 150px;}

.main-bottom{margin-bottom:40px;display:inline-block}



.main_bottom {background: #fff;width: 1100px;margin: 0 auto;text-align:center}
#ft {margin-top:0px !important}