/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
@charset "utf-8";
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

/* NanumBarunGothic  */
@font-face{
	font-family: "NanumBarunGothic";
	src: url('../font/NanumBarunGothic.eot')format('eot');
	src: url('../font/NanumBarunGothic.woff') format('woff');
}

@font-face{
	font-family: "NanumBarunGothicBold";
	src: url('../font/NanumBarunGothicBold.eot')format('eot');
	src: url('../font/NanumBarunGothicBold.woff') format('woff');
}

ol,ul,li { list-style: none; }
ul,li	{ margin:0; padding:0; }

* { margin: 0; padding: 0; }
html, body, div, applet, object, iframe, input,h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, td
{
	margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 15px;
    font-family: 'NanumBarunGothic', "Dotum", "Gulim", Tahoma, Geneva, sans-serif;
	vertical-align:middle;
}
caption, legend {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    display: none;
}
hr {
    display: none;
}
input {
 	vertical-align:middle;
}
p { margin: 0px; }
h3 {
	clear: both;
    font-size: 30px;
    font-weight: normal;
    color: #313131;
    margin-bottom: 20px;
    line-height: 30px;
}
h3 span {
    font-size: 16px;
    color: #e03025;
}

a {
    color: #000;
    text-decoration: none;
}
a:link, a:hover, a:active {
    text-decoration: none;
}

img, fieldset {
    border: 0 none;
    vertical-align: middle;
}
#wrapper {
    width: 100%;
    min-width: 1200px;
}
#header .hidden, #container_in .hidden {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    text-indent: -9999em;
}

#header {
    position: relative;
    width: 100%;
    height: 101px;
    margin: 0 0;
}
#header .header_frame {
    position: relative;
    width: 1100px;
    height: 101px;
    margin: 0 auto;
}

#gnb {
    position: relative;
}

#gnb .header_seoulop {
    float: left;
    margin-left: 750px;
    width: 160px;
}

#gnb .header_search {
    float: right;
    width: 189px;
    height: 44px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background: #f1f1f1;
    color: #444444;
    padding: 11px 0 0 10px;
}
#gnb .header_search .tbinput {
    position: relative;
    width: 140px;
    height: 20px;
    padding: 2px;
    border: none;
    color: #444444;
    background: #f1f1f1;
    font-weight: normal;
    font-size: 13px;
    font-family: 'NanumBarunGothic','NanumGothic';
}

#header h1 {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 120;
}

.lnb {
    position: absolute;
    right: 0;
    top: 5px;
    width: 1100px;
    z-index: 110;
    background: none;
}
.lnb li {
    position: relative;
    display: block;
    float: left;
    width: 140px;
    border-bottom: none;
}
.lnb li.first {
    margin-left: 260px; 
} 
.lnb li .btn_area {
    display: inline-block;
    width: 140px;
    height: 100px;
    overflow: hidden;
    background: none;
    text-align: left;
    position: relative;
}
.lnb li a {
    display: block;
    color: #464646;
    font-size: 16px;
    font-weight: 500;
    line-height: 99px;
    padding: 0 0 0 0;
    text-align: left;
	margin-left:24px;
}
.lnb li:hover a, .lnb li a:focus {
    color: #85101f;
    background: url('../image/lnbList_bg.gif') no-repeat;
	background-position-x: 20px;
	background-position-y: bottom;
}
.lnb li.current a {
    color: #ee2f8b;
}
.lnb li a:focus  { color:#8f0106;background:url('../image/lnbList1_bg.gif') no-repeat; 	background-position-x: 20px; background-position-y: 90px; }

.lnb li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 97px;
    width: 100%;
    height: 190px;
    overflow: hidden;
    padding: 10px 0 5px 0;
}
.lnb li ul li {
    clear: both;
    display: block;
    float: none;
    text-align: center;
    border-bottom: none;
}
.lnb li li.first {
    margin-left: 0;
}
.lnb li ul li a {
    padding: 4px 0 !important;
    line-height: normal;
    font-size: 14px;
	margin-left:24px;	
    color: #fff;
    text-align: left;
}
.lnb li:hover ul li a, .lnb li.current ul li a {
    color: #fff !important;
    background: none;
}
.lnb li:hover ul li a:hover, .lnb li:hover ul li a:focus {
    color: #fff !important;
    background: none;
    text-decoration: underline;
}

.lnb .lnb_copy {
    display: none;
    position: absolute;
    left: 0;
    top: 160px;
}
.lnb:after {
    display: block;
    content: "";
    clear: both;
}
.lnb .lnb_copy .txt_b {
    font-size: 40px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 8px;
}
.lnb .lnb_copy .txt_c {
    font-size: 28px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 8px;
}
.blind {
    position: relative;
    display: none;
    width: 100%;
    height: 115px;
    background: #2d55a6 url('../image/blind_bg.png') no-repeat top center;
    z-index: 100;
}

#mLm1, #mLm1 .btn_area { width: 141px; }
#mLm2, #mLm2 .btn_area { width: 151px; }
#mLm3, #mLm3 .btn_area { width: 157px; }
#mLm4, #mLm4 .btn_area { width: 171px; }
#mLm5, #mLm5 .btn_area { width: 129px; }
#mLm6, #mLm6 .btn_area { width:  91px; }
.lnb li#mLm3:hover a, .lnb li#mLm3 a:focus { background-position-x: 30px; background-position-y: bottom; }
.lnb li#mLm3 a:focus                       { background-position-x: 30px; background-position-y: 90px; }
.lnb li#mLm4:hover a, .lnb li#mLm4 a:focus { background-position-x: 40px; background-position-y: bottom; }
.lnb li#mLm4 a:focus                       { background-position-x: 40px; background-position-y: 90px; }

/* MAIN   */
#main_container {
    width: 100%;
    overflow: hidden;
}
#main_visual {
    position: relative;
    width: 100%;
    height: 580px;
    margin: 0 0 -25px 0;
    overflow: hidden;
}
#main_visual li {
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 792px;
}
#main_visual li.bg0 {
    background: #fff url('../image/banner_main.jpg') no-repeat top center;
}
#main_visual li.bg1 {
    background: #fff url('../image/banner_01.jpg') no-repeat top center;
}
#main_visual li.bg2 {
    background: #fff url('../image/banner_02.jpg') no-repeat top center;
}
#main_visual li.bg3 {
    background: #fff url('../image/banner_03.jpg') no-repeat top center;
}
#main_visual li.bg4 {
    background: #fff url('../image/banner_04.jpg') no-repeat top center;
}
#main_visual li.bg5 {
    background: #fff url('../image/banner_05.jpg') no-repeat top center;
}
#main_visual li.bg6 {
    background: #fff url('../image/banner_06.jpg') no-repeat top center;
}
#main_visual li.bg7 {
    background: #fff url('../image/banner_07.jpg') no-repeat top center;
}
#main_visual li.bg8 {
    background: #fff url('../image/banner_08.jpg') no-repeat top center;
}
#main_visual li.bg9 {
    background: #fff url('../image/banner_09.jpg') no-repeat top center;
}
#main_visual .v_img {
    float: left;
    width: 100%;
    text-align: center;
}
#main_visual .v_img img {
    width: 1920px;
    height: auto;
}

#main_visual .bx-controls {
    position: absolute;
    width: 1100px;
    height: auto;
    bottom: 0;
    left: 50%;
    margin-left: -550px;
    z-index: 90;
}
#main_visual .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -580px;
    width: 1100px;
    height: 14px;
    z-index: 90;
    text-align: right;
    font-size: 0;
    font-family: Arial;
    font-weight: bold;
    color: #000;
    padding-top: 0;
}
#main_visual .bx-wrapper .bx-pager .bx-pager-item, #main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    text-indent: -9999px;
}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    border: 1px solid #fff;
    text-indent: -9999px;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 5px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 0;
}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover, #main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}
#main_visual .bx-controls a.bx-start {
    display: inline-block;
    position: absolute;
    text-indent: -9999px;
    background: url('../image/btn_mv_start.png') no-repeat 0 0;
    width: 28px !important;
    height: 28px;
    bottom: 33px !important;
    right: 0;
}
#main_visual .bx-controls a.bx-stop {
    display: inline-block;
    position: absolute;
    text-indent: -9999px;
    background: url('../image/btn_mv_stop.png') no-repeat 0 0;
    width: 28px !important;
    height: 28px;
    bottom: 33px !important;
    right: 0;
}

.fl {
	float: left;
}
.fr {
    float: right;
}

.section1 {
    position: relative;
    width: 1100px;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
	padding-top: -15px;
    padding-bottom: 15px;
}

.section1 .fl {
    float: left;
}

.section1 .center {
    float: left;
    margin-left: 37px;
}

.section1 .fr {
    float: right;
}

.section2 {
    position: relative;
    width: 1100px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 15px;
}

.m_notice {
    overflow: hidden;
    width: 342px;
    height: 322px;
    padding: 25px;
    background: #fff;
    border: 1px solid #dcdcdc;
}
.m_notice ul {
    clear: both;
    padding-top: 10px;
}
.m_notice ul li {
    overflow: hidden;
    color: #444444;
    font-size: 16px;
    padding: 9px 0;
    font-weight: normal;
    line-height: 20px;
    border-bottom: 1px solid #dcdcdc;
}
.m_notice ul li a {
    display: block;
    color: #444444;
    font-size: 16px;
    font-weight: normal;
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m_notice ul li .date {
    display: block;
    color: #999999;
    font-size: 14px;
}

#main_container h3.title {
    position: relative;
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0;
    background: none;
}
#main_container h3.title span {
    display: block;
}
#main_container h3.title span.tit {
    display: inline-block;
    color: #222222;
    font-size: 22px;
}
#main_container h3.title span.more {
    position: absolute;
    top: 3px;
    right: 0;
}

#m_popup {
    position: relative;
    width: 340px;
    height: 320px;
    margin: 0 0;
    overflow: hidden;
}

.m_banner {
    clear: both;
    overflow: hidden;
    padding: 20px;
    background: #e5e4e4;
}
.m_banner ul li {
    float: left;
    width: 25%;
    font-size: 21px;
}
.m_banner ul li a {
    font-size: 21px;
}
.m_banner ul li img{
	padding-right:8px;
}
.xb:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* //MAIN */

/* SUB */
#container {
    position: relative;
    width: 100%;
    margin: 0 0;
}
.xb:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.location {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background: #3c3c3c url('../image/location_bg.gif') no-repeat top center;
}
.location_in {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
.location fieldset {
    position: relative;
    padding: 0 0;
}
.location .location_txt {
    float: left;
    font-size: 19px;
    color: #fff;
}
.location span.home {
    display: inline-block;
    padding-top: 40px;
    padding-right: 25px;
    height: 100px;
    background: url('../image/loction_bar.gif') no-repeat top right;
}
.location span.bar {
    display: inline-block;
    font-size: 19px;
    padding-top: 39px;
    padding-left: 7px;
    padding-right: 25px;
    height: 100px;
    background: url('../image/loction_bar.gif') no-repeat top right;
}
.location span.bar_last {
    display: inline-block;
    font-size: 19px;
    padding-left: 7px;
}
.location .location_tit {
    float: right;
}
.location .location_tit p {
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 100px;
    letter-spacing: -0.04em;
}
#container #container_in {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

#content {
    width: 1100px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 0;
}
#content .content_in {
    clear: both;
    width: 100%;
    font-size: 12px;
    color: #4a4a4a;
    min-height: 700px;
    padding-top: 25px;
    padding-bottom: 100px;
}

#quick {
    position: absolute;
    top: 70px;
    right: -120px;
    width: 70px;
}
#quick .quick_body li {
    clear: both;
}
/* //SUB */

/* FOOTER 영역 */
#footerWrap {
    clear: both;
    background: #fff;
    width: 100%;
    text-align: center;
    border-top: 1px solid #dcdcdc;
}
#footerWrap .footer {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
}
#footerWrap .footer .footer_top {
    clear: both;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    display: block;
    height: 63px;
    line-height: 22px;
    padding: 20px 0 18px 0;
}
#footerWrap .footer .footer_info {
    float: left;
}
#footerWrap .footer .footer_info li {
    float: left;
    background: url(../image/copy_line.gif) no-repeat scroll right 50%;
    padding-right: 10px;
    margin-right: 10px;
}
#footerWrap .footer .footer_info li.last-child {
    background: none;
    padding: 0;
    margin: 0;
}
#footerWrap .footer .footer_info li a {
    font-size: 13px;
    color: #4e4a47;
    font-weight: 600;
}
#footerWrap .footer .footer_info li a:hover {
    color: #666;
}
#footerWrap .footer .call {
    float: right;
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    display: block;
}
#footerWrap .footer .call span {
    color: #775247;
    font-size: 24px;
    letter-spacing: -1px;
}
#footerWrap .footer .footer_bottom {
    clear: both;
    padding: 20px 0 25px 0;
    overflow: hidden;
}
#footerWrap .footer .copyright {
    float: left;
    width: 550px;
}
#footerWrap .footer .copyright address {
    font-size: 13px;
    color: #9c9c9c;
    margin-bottom: 10px;
	font-weight: normal;
    font-style: normal;
	line-height: 1.6em;
}
#footerWrap .footer .copyright cite {
    font-size: 11px;
    color: #666666;
}
#footerWrap .footer .counter {
    width: 200px;
    float: right;
    text-align: right;
}
#footerWrap .counter_wrap{
	width:100%;
	clear:both;
	font-size:11px;
	color:#666;
	font-weight:600;
}
#footerWrap .counter_wrap span{
	font-weight:400;
}
#footerWrap .footer .copy_logo {
    float: right;
    margin-top: 5px;
    width: 500px;
    text-align: right;
}
#footerWrap .footer .copy_logo span {
    margin: 0 0 10px 20px;
    display: inline-block;
}
/* FOOTER 영역 END */

/* 디자인 셀렉트 박스 */
.select_design {position:relative;display:inline-block;top:1px;}
.select_design .select_label {z-index:10;padding:7px 0 0 7px;;height:21px;border:1px solid #c0c0c0;background-color:#fff;background-image:url('../image/ico_select_arrow.gif');background-position:93% center;background-size:6px 4px;background-repeat:no-repeat;color:#767676;color:#999999;cursor:pointer;}
.select_design .select_label.oth {background-position:97% center;}
.select_design .select_list {position:absolute;top:29px;left:0;overflow-x:hidden;overflow-y:auto;max-height:190px;border:1px solid #c0c0c0;border-top:0;z-index:100;background-color:#fff;}/* 140519 수정 */
.select_design .select_list ul {padding:5px 0 5px 5px;}
.select_design .select_list ul li {color:#767676;cursor:pointer;}
.select_design .select_list ul li a {display:inline-block;height:15px;line-height:15px;color:#999999;padding:0 0 0 3px;letter-spacing:-1px;}

input[type=file].form-control {  line-height: 14px; vertical-align: middle; padding: 3px 12px; }

/* CASTEC */
.menu_box {display: none;}
.nat_basket {display: none;}

.header_wrap.open {}
.header_wrap.open .header_bottom {
}
.header_wrap.open .header_bottom_wrap {width: 100%; height:auto; overflow: hidden; }
.header_bottom_right .sub_nav_wrap {margin: 10px 0!important;width: 130px!important;/* height: 108px!important; */margin-left: 18px!important;margin-top: 10px !important;}

.header_bottom_right .m_nav_01 .sub_nav_wrap {margin-left: 24px!important;/* width: 115px!important; */}
.header_bottom_right .m_nav_02 .sub_nav_wrap {margin-left: 30px!important; width: 115px!important}
.header_bottom_right .m_nav_03 .sub_nav_wrap {margin-left: 20px!important; width: 115px!important}
.header_bottom_right .m_nav_04 .sub_nav_wrap {margin-left: 25px!important;width: 115px!important;}
.header_bottom_right .m_nav_06 .sub_nav_wrap {margin-left: 27px!important;width: 115px!important;}
.header_bottom_right .sub_nav_wrap a {font-size: 14px;line-height: 20px;height: 20px;color: #464646;float: left;clear: both;border-bottom: 1px solid #fff;margin: 2px 0;white-space: nowrap;padding-bottom:1px;}
.header_bottom_right .sub_nav_wrap a:hover { color: #2d5d93; border-bottom:1px solid #2d5d93;}

.all_bg_wrap {position: fixed;width: 100%;height: 100%; background-image: url('../image/castec/all_bg_wrap.png'); z-index: 1003;display: none;}

.header_bottom_right > div:hover .m_nav {color: #026FBC}

.header_bottom_right .m_nav_01 .m_nav{background:url('../image/castec/menu01.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_02 .m_nav{background:url('../image/castec/menu02.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_03 .m_nav{background:url('../image/castec/menu03.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_04 .m_nav{background:url('../image/castec/menu04.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_05 .m_nav{background:url('../image/castec/menu05.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_06 .m_nav{background:url('../image/castec/menu06.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_07 .m_nav{background:url('../image/castec/menu07.jpg') no-repeat center 17px;}

.header_bottom_right .m_nav_01 .m_nav:hover{background:url('../image/castec/menu01_ov.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_02 .m_nav:hover{background:url('../image/castec/menu02_ov.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_03 .m_nav:hover{background:url('../image/castec/menu03_ov.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_04 .m_nav:hover{background:url('../image/castec/menu04_ov.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_05 .m_nav:hover{background:url('../image/castec/menu05_ov.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_06 .m_nav:hover{background:url('../image/castec/menu06_ov.jpg') no-repeat center 17px;}
.header_bottom_right .m_nav_07 .m_nav:hover{background:url('../image/castec/menu07_ov.jpg') no-repeat center 17px;}

.header_bottom_right .m_nav_02 .sub_nav_wrap {
	margin-left: 13px !important;
}

.header_bottom_right .m_nav_03 .sub_nav_wrap {
     margin-left: 8px!important;
     /* width: 115px!important; */
}

.header_bottom_right .m_nav_05 .sub_nav_wrap {
     margin-left: 24px!important;
}

.header_wrap * {z-index: 1004}
.header_wrap a {display: block;}
.header_wrap {width: 100%;position: absolute;top: 0px;left: 50%;z-index: 1004;margin-left: -50%;background-color: #fff;}
.header_top_wrap {width: 100%;height: 29px;position: relative;top: 0px;left: 0px;background-color: #f0f0f0;}
.header_bottom_wrap {position: relative;top: 0px;left: 0px;}
.header_top {width: 1000px; margin: 0 auto;}
.header_top:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.header_top_left {float: left;padding: 8px 0 0 28px;}
.header_top_left > a {float: left;background-repeat: no-repeat;
    font-size: 9px ; font-weight: 600; width: 61px;height: 15px; line-height: 13px; border: 1px solid #dfdfdf;
    background-color: #fff; text-align: center; color: #5c5c5c; margin-right: 3px;
}
.header_top_left > a.active {background-color: #437aa8; color: #fff}

.header_top_right {float: right;padding: 8px 27px 0 0;}
.header_top_right > a {
    float: left;
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: 400;
    padding:0 5px;
    border-left: 1px solid #ccc;
    color: #666;
}

.link_home {border-left: none !important;}


.header_bottom_wrap {width: 100%;height: 73px;overflow: hidden;}
.header_bottom {width: 1000px; margin: 0 auto;}
.header_bottom:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.header_bottom_left {float: left;}
.header_bottom_left .logo {padding: 18px 0 0 5px;}

.header_bottom_right {float: right;padding-right: 4px;}
.header_bottom_right .sub_nav_wrap {display: none;}
.header_bottom_right > div {float: left;position: relative;top: 0px;left: 0px;padding: 0 1px;width: 112px;height: 319px;}
.header_bottom_right > div > .m_nav {/* font-size: 18px; */padding: 15px 0 30px;color: #2e2d2d;height: 78px;width: 100%;border-bottom: 4px solid #fff;text-indent: -9999px;}
.header_bottom_right > div.m_nav_07 {/* display: none!important; */}

.header_bottom_right .m_nav_07{width:77px !important;}
.header_bottom_right .m_nav_03{width:77px !important;}

.con_wrap {z-index: 1002;position: relative;margin-top: 102px;border-top: 1px solid #ddd;}
.main_visual_wrap {
    width: 100%;
    position: relative; z-index: 999; overflow: hidden;
}
.visual {
    width: 1000px;
    left: 50%;
    top: 0px;
    position: relative;
    margin-left: -500px;
    z-index: 998;
}
.main_con_01_wrap {width: 100%;}
.main_con_01 {margin: 0 auto; width:1000px;}
.main_con_01:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_con_01_box {width:484px;margin-right: 12px;float:left;}
.main_con_01_box02{width: 504px;height: 484px;float:left;position:relative;/* border: 1px solid #dddee2; */background:url('../image/castec/main_product_bg.jpg') no-repeat;}
.main_con_01_box:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main_con_01_box02_in{
    padding: 123px 26px;
}
.main_pro{
    display: block;
    float: left;
    padding: 7px;
}

.main_con_01_box02 .bx-pager{display:none;}
.main_con_01_box02 .outside{position:absolute;top: 0;right: 0;}
.main_con_01_box02 .bx-prev{width:29px;height:29px;background:url('../image/castec/prev.jpg') no-repeat;text-indent:-9999px;display: block;margin-right: 1px;}
.main_con_01_box02 .bx-next{width:29px;height:29px;background:url('../image/castec/next.jpg') no-repeat;text-indent: -9999px;display: block;}
.main_con_01_box02 .bx-prev:hover{background:url('../image/castec/prev_ov.jpg') no-repeat;}
.main_con_01_box02 .bx-next:hover{background:url('../image/castec/next_ov.jpg') no-repeat;}
.main_con_01_box02 #slider-prev, .main_con_01_box02 #slider-next{float:left;}

.main_con_02_wrap {width: 100%;/* padding: 13px 0; */}
.main_con_02 {margin: 0px auto 20px;width:1000px;}
.main_con_02_box {width: 100%;}
.main_con_02_box:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main_con_01_box_01 {float: left;width: 236px;height: 236px;}
.main_con_01_box_02 {float: left;width: 236px;height: 236px;margin: 0 0px 0 12px;}
.main_con_01_box_03 {float: left;width: 486px;height: 236px;margin-top: 12px;}

.main_con_02_box_01 {float: left; width: 491px; height: 130px;}
.main_con_02_box_02 {float: left; width: 509px; height: 130px;}


.main_label{
    margin: 30px 0px 0px 28px;
    float: left;
}
.con_04_box_02_slider {
    width: 340px;
    float: left;
    margin-left: 56px;
    margin-top: 38px;
}

.visual .info_slide_dots .image_number_select {
width: 146px; height: 7px;
background-color: #026FBC; background-image: none;
}

.visual .skitter-clean .info_slide_dots .image_number {
width: 146px; height: 7px;
background-color: #d8d8d8; background-image: none;border-radius: 0px; display: inline-block!important;float: none!important;
}

.visual  .skitter-clean .info_slide_dots .image_number_select, .visual .skitter-clean .info_slide_dots .image_number_select:hover
{
width: 146px; height: 7px;
background-color: #026FBC; background-image: none;
}

.visual .skitter-clean .info_slide_dots .image_number:hover {
width: 146px; height: 7px;
background-color: #026FBC; background-image: none;
}
.visual .skitter-clean .prev_button , .visual .skitter-clean .next_button {display: none!important;}

.visual .skitter-clean .info_slide_dots {bottom: -36px; width: 100%;left: 0px!important; display: block; text-align: center;}
.visual .skitter-clean .info_slide_dots:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.slider2 {width: 2000px;height: 550px;position: relative;margin-left: -1000px;left: 50%;top: 0px;}
.main_con_00_wrap {width: 100%; background-repeat: repeat-x;margin-bottom: 10px;}
.main_con_00 {margin: 0 auto;width:1000px;position:relative;margin-top: -34px;z-index: 999;}
#bx-pager2 {width: 100%;}
#bx-pager2:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#bx-pager2 > a {display: block;float: left;}
#bx-pager2 > a > div {width: 333px;height: 56px;background-repeat: no-repeat;}

.main_img_btn_01 {background-image: url('../image/castec/main_img_btn_01.png');}
.main_img_btn_02 {background-image: url('../image/castec/main_img_btn_02.png');}
.main_img_btn_03 {background-image: url('../image/castec/main_img_btn_03.png');}

.active .main_img_btn_01 {background-image: url('../image/castec/main_img_btn_on_01.png');}
.active .main_img_btn_02 {background-image: url('../image/castec/main_img_btn_on_02.png');}
.active .main_img_btn_03 {background-image: url('../image/castec/main_img_btn_on_03.png');}


.slider2 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: 194px;
    outline: 0;
    text-indent: -9999px;
    z-index: 997;
    display: none;
}

.slider2 .bx-wrapper .bx-prev {
    left: 50%;
    background-image: url('../image/castec/arr_left.jpg');
    background-position: 0px;
    background-repeat: no-repeat;
    margin-left: -448px;
    width: 13px; height: 15px;
}

.slider2 .bx-wrapper .bx-next {
    left: 50%;
    background-image: url('../image/castec/arr_right.jpg');
    background-position: 0px;
    background-repeat: no-repeat;
    margin-left: -435px;
    right: auto;
    width: 12px; height: 15px;
}
.slider2 .bx-wrapper .bx-controls-auto a {

}
.slider2 .bx-wrapper .bx-controls-auto .bx-start {
    background: none;
    background-image: url('../image/castec/start.jpg');
    background-position: 0px;
    background-repeat: no-repeat;
    width: 13px; height: 15px; display:block; background-position: 0px 0px; margin: 0px;
}

.slider2 .bx-wrapper .bx-controls-auto .bx-stop {
    background-image: url('../image/castec/stop.jpg');
    background-position: 0px;
    background-repeat: no-repeat;
    width: 14px; height: 15px;display:block; background-position: 0px 0px;margin: 0px;
}

.slider2 .bx-wrapper .bx-pager, .slider2 .bx-wrapper .bx-controls-auto {
 position: absolute;
 top: 50%;
 margin-top: 194px;
 outline: 0;
 text-indent: -9999px;
 z-index: 997;
 width: 27px;
 left: 50%;
 margin-left: -475px;
 display: none;
}

.slider2 .bx-wrapper .bx-controls-auto:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.slider2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: block;float: right;}
.slider2 .bx-wrapper .bx-controls-auto .bx-start:hover,
.slider2 .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: 0px 0px;
}

.slider2 .bx-wrapper .bx-controls-auto .bx-stop:hover,
.slider2 .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: 0px 0px;
}

.main_con_03_wrap {width: 100%;}
.main_con_03 {width: 1000px;border: 1px solid #dbdbdb;padding: 18px 28px 13px;margin: 13px auto;}
.main_con_03:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_con_03_box_01 {float: left;width: 463px;height: 15px;line-height: 22px;border-right: 1px solid #dbdbdb;}
.main_con_03_box_02 {float: left;width: 448px; height: 22px; line-height: 22px; padding-left: 28px;}
.main_ticker_label {width:87px;float: left;/* font-size: 18px; *//* color: #1d1d1d; *//* font-weight: 600; */}
.main_ticker_board {
    width:330px;
    float: left;
    font-size: 12px;
    height: 22px;
    /* padding: -11px 0px; */
    margin-top: 2px; 
    overflow: hidden;
}
.main_ticker_board > div  {width: 100%; height: 22px!important;}
.main_ticker_board > div > ul {width: 100%;}
.main_ticker_board > div > ul > li {width: 100%;}
.main_ticker_board > div > ul > li > a{width: 100%;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;height: 22px; line-height: 22px;
font-size: 12px; color: #767676
}

.footer_wrap a {display: block;}
.footer_wrap {width: 100%; }
.footer {width: 1000px; margin: 0 auto; padding: 0px 0 50px; }
.footer:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.footer_left_wrap {float: left; margin-right: 70px; height: 4px;}
.footer_info_wrap {float: left; width: 100%}
.footer_right_wrap {float: left;}
.footer_info_link {width: 98%; float: left;padding-bottom: 20px; border-bottom: 1px solid #ccc; padding-left: 2%;}

.footer_info_link a {float: left;/* padding: 0 10px 0 0; */color: #707070;font-size: 16px;letter-spacing: -1px;font-weight: 600;}

.footer_info_link a:hover {color: #000}
.footer_info {float: left;width: 970px;font-size: 12px;color: #737373;padding: 22px 15px 15px;letter-spacing: -0.3px;}
.footer_copy {float: left;width: 97%; font-size: 12px; text-transform: uppercase; color: #797979; padding-left: 2%;}
.footer_copy a {float: right;padding: 0 10px 0 338; */color: #797979;font-size: 12px;letter-spacing: -1px;font-weight: 600;}

.footer_right_wrap select {border: 1px solid #eee; padding: 5px; height:18px; line-height: 18px; font-size: 12px; background-color: #fff;
    box-sizing: content-box;outline: none;box-shadow: none; min-width: 170px; color: #777;
}

.footer_info_link:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.footer_info_link a{display:block; height:15px; text-indent:-9999px; float:left;}
.f_menu01{width:119px; background:url('../image/castec/f_menu01.jpg') no-repeat;}
.f_menu02{width:141px; background:url('../image/castec/f_menu02.jpg') no-repeat;}
.f_menu03{width:60px; background:url('../image/castec/f_menu03.jpg') no-repeat;}
.f_menu04{width:75px; background:url('../image/castec/f_menu04.jpg') no-repeat;}
.f_menu05{width:62px; background:url('../image/castec/f_menu05.jpg') no-repeat;}
.f_menu06{width:74px; background:url('../image/castec/f_menu06.jpg') no-repeat;}
.f_menu07{width:66px; background:url('../image/castec/f_menu07.jpg') no-repeat;}

.f_menu01:hover{background:url('../image/castec/f_menu01_ov.jpg') no-repeat;}
.f_menu02:hover{background:url('../image/castec/f_menu02_ov.jpg') no-repeat;}
.f_menu03:hover{background:url('../image/castec/f_menu03_ov.jpg') no-repeat;}
.f_menu04:hover{background:url('../image/castec/f_menu04_ov.jpg') no-repeat;}
.f_menu05:hover{background:url('../image/castec/f_menu05_ov.jpg') no-repeat;}
.f_menu06:hover{background:url('../image/castec/f_menu06_ov.jpg') no-repeat;}
.f_menu07:hover{background:url('../image/castec/f_menu07_ov.jpg') no-repeat;}

.sub_wrap {width: 1000px;margin: 0 auto 0;position: relative;top: 0px;left: 0px;}
.sub_wrap:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_left {width: 190px;border-right: 1px solid #ddd;position: absolute;top: 0px;left: 0px;bottom: 0px;}
.sub_right {float: right;width: 773px;min-height: 735px;padding: 30px 0 100px;}

.sub_left a {display: block;}
.sub_left .nav_arr { width: 36px; height: 18px; display: inline-block;padding-left: 10px; background-position: right 0; }

.sub_left > div {width: 100%;}

.sub_left .m_nav {display: block;padding: 40px 1px 25px 10px;width: 140px;height: 101px;font-size: 30px;}
/* .sub_left .m_nav_01{background: url('../image/castec/left_tlt01.jpg') no-repeat 16px 49px;} */

.sub_left .sub_nav_wrap {
    padding-bottom: 28px;
}
.sub_left .sub_nav_01.active {background-color: #086bbe;font-weight: 600;color: #fff;background-image: url('../image/castec/left_menu_on.jpg');}

.sub_left .sub_nav_wrap a {padding-left: 20px;height: 35px;line-height: 35px;font-size: 12px;color: #3e3e3e;background-image: url('../image/castec/left_menu_off.jpg');background-repeat: no-repeat;background-position: 0 center;}
.sub_left .sub_nav_wrap a:hover {background-color: #086bbe;
font-weight: 600; color: #fff;
}

.side_link {display: block!important;width: 100%; margin-top: 10px;}
.side_link a {margin:0;}

.sub_bread_big .m_nav {display: none;}
.sub_bread_big .sub_nav_wrap a {display: none;}



.sub_right_in {width: 100%;}
.sub_right_top {width: 100%;padding-bottom: 56px;}
.sub_right_top:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_bread_big {float: left; /*width: 135px;*/ height: 42px; font-size: 40px; font-weight: bold; padding-left: 2px;}
.sub_bread_big * {float: left;}
.sub_bread_s {float: left;/* width: 100%; */padding: 30px 0 0 25px;}
.sub_bread_s * {float: left; height: 14px; line-height: 14px; font-size:12px; letter-spacing: 0px; color: #505050;
}

.sub_bread_s .m_nav {color: #999!important}
.sub_bread_s .sub_nav_wrap a {display: none; padding: 0 5px; border-left: 1px solid #b2b2b2}

.sub_bread_s .m_nav {display: block; padding: 0 7px;border-left: 1px solid #b2b2b2}
.sub_bread_s .m_nav_last {display: block; padding: 0 7px;border-left: 1px solid #b2b2b2}
.sub_con_wrap {width: 100%;position: relative;}
.sub_con_top {width: 100%;}
.sub_con_top_01 {font-size:32px;letter-spacing: -2px;color: #42789b;padding-bottom: 18px;}
.sub_con_top_02 {font-size: 14px;color: #686868;letter-spacing: -1px;padding-left: 3px;}
.sub_bread_big .sub_nav_wrap a{background:url('../image/castec/sub01_tlt01.jpg') no-repeat;text-indent:-9999px; height: 42px;}
.sub_home_btn {display: block;padding: 0 5px;width: 26px;height: 15px;}

.sub_tab_wrap .m_nav_01 .sub_nav_01{background: url('../image/castec/tab_line.jpg') 0 43px repeat-x;width: 100%;}
.sub_tab_wrap .m_nav_03 .sub_nav_02{background: url('../image/castec/tab_line.jpg') 0 43px repeat-x;width: 100%;}
.sub_tab_wrap .m_nav_07 .sub_nav_01{background: url('../image/castec/tab_line.jpg') 0 43px repeat-x;width: 100%;}
.sub_tab_wrap .m_nav_07 .sub_nav_02{background: url('../image/castec/tab_line.jpg') 0 43px repeat-x;width: 100%;}
.sub_tab_wrap .m_nav_07 .sub_nav_04{background: url('../image/castec/tab_line.jpg') 0 43px repeat-x;width: 100%;}
.sub_tab_wrap .m_nav_01 .sub_nav_06{background: url('../image/castec/tab_line.jpg') 0 43px repeat-x; width: 100%;}

.sub_tab_wrap{margin-top:32px;}

.sub_tab_wrap a {background-color: #fff;color: #aaa;border: 1px solid #d6d6d6;margin-left: -1px;width: 129px;text-align: center;height: 42px;line-height: 42px;font-size: 16px;letter-spacing: -1px;font-weight: 600;display: block;float: left;margin: 0 1px;border-bottom: navajowhite;}
.sub_tab_wrap a.on, .sub_tab_wrap a:hover {background-color: #fff;color: #000;border: 2px solid #000;border-bottom:none;box-sizing: border-box;height: 45px;background:url('../image/castec/tab_bg.jpg') no-repeat;}
.sub_tab_wrap a:first-child {margin-left: 0px;}
.sub_tab_wrap div:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_tab_wrap > div > div {width: 100%; padding: 0px 0; }

.cer_wrap{}
.cer_row:after {
    content: "임시";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cer_row {
    margin-bottom: 37px;
}
.cer_row a{color:#444;}
.cer{
    width: 250px;
    height: 400px;
    float: left;
    margin-right: 5px;
}
.cer_img{}
.cer_img img{border:1px solid #e1e1e1;}
.cer_txt{
    width: 250px;
    text-align: center;
    display: block;
    padding-top: 20px;
}
.cer02{margin-right:0px}