html{overflow-x:hidden;}
body{background:#fff}
#wrap {width:100%; min-width:1920px; margin:auto;}
#header, #mainVisual, #subVisual, #container2, #foot{width:100%; position:relative;}
.inner {width:1300px; margin:0 auto; position:relative; z-index:1;}
.cols{display:inline-block}
.col1, .col2, .col3, .col4{float:left; position:relative;}
/*160519 롤디자인 메뉴 추가 css */
#head {width:100%;height:130px; background:#000; }
.head{width:1200px; height:130px; margin:auto;}
.outlogin {float:right; margin:10px 10px 0 0; font-family:'Nanum Gothic'; font-style:normal; }
.outlogin a{color:#fff}
.outlogin a:hover {text-decoration:none;}
.head_menu{ padding-top:67px; width:300px; height:40px; font-size:16px; font-family:'Nanum GothicB'; font-style:normal; color:#c77bf5; float:left}
.head_menu a {color:#c77bf5}
.head_menu a:hover {text-decoration:none;}
.logo { padding-left:188px; padding-top:49px; width:260px; height:59px; float:left}
.btn_time { padding-left:180px; padding-top:22px; width:265px; height:59px; float:left}
#gnb {width:100%;height:70px; background:#1c1c1c; z-index:100; position:absolute;}
#gnb .gnb {width:1200px; z-index:100; margin:auto; z-index:100;}
/*160519 롤디자인 메뉴 추가 css 끝*/
/* quick menu */
#quick{width:220px; position:absolute; left:50%; margin-left:540px; z-index:999999;}
#quick ul{width:220px;}
#quick ul li{width:220px; text-align:center; color:#fff; vertical-align:middle;}
/*visual*/
#mainVisual{width:100%; min-width:1920px; height:561px; position:relative; z-index:1; !important; overflow:hidden;margin-top:70px;}
#mainVisual .mainSlide { min-width:1000px; }
#mainVisual li {text-align:center; left:50%; }
/*메인비주얼 좌우 버튼*/
#mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:39px; height:50px; position:absolute; left:0; top:48%; z-index:99; background:url('../img/arrows.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:39px; height:50px; position:absolute; right:0; top:48%; z-index:99; background:url('../img/arrows.png') no-repeat right top;}
/*메인비주얼 블릿*/
#mainVisual .bx-pager {text-align:center; position:relative; top:-50px; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:22px; height:13px; background:url('../img/bullet.png') no-repeat left top;}
#mainVisual .bx-pager-item .bx-pager-link.active {background-position:left bottom;}
/*main contents*/
#main {width:100%; margin:0 auto;}
#main .main_contents {width:1903px; margin:0 auto;}
/*sub contents*/
#sub {width:100%; margin:0 auto; padding: 70px 0 100px 0;}
#sub img { display: block; margin: 0px auto; }
#sub h3{ text-align:center; color:#555; font-size:16px; font-family:'Nanum Gothic'; padding:220px 0 110px 0; font-weight:normal; }
/*foot*/
#seminar {width:100%; margin:auto; max-width:2000px; height:510px; background:url('../img/foot_photo.jpg') no-repeat center top; overflow:hidden;}
/*sitemap*/
#sitemap { width:100%; margin: auto; background:#404348; overflow:hidden; text-align:left; }
.sitemap{ width:1200px; margin: auto; height:440px; position:relative; }
.sitemap:after{display:block; content:""; clear:both;}
.sitemap_title { font-size:16px; color: #999; font-family: 'Nanum GothicB', serif; padding-top:30px; padding-bottom:15px; border-bottom:1px solid #999; }
.sitemap h1 a{ font-size:14px; color: #FFF; font-family: 'Nanum Gothic', serif; }
.sitemap ul{float:left; margin:30px 0 0 134px;}
.sitemap ul li { padding-top:8px; font-size: 12px; color: #FFF; font-family: 'Nanum Gothic', serif; }
.sitemap ul li a{ color: #FFF; text-decoration:none;}
.sitemap_banner1 {width:200px; height:124px; position:absolute; top:200px; right:110px;}
/*line_menu*/
#line_menu { width:100%; margin: auto; text-align:center; height:60px; background:#505050; border-top: 8px solid #868686; }
.line_menu{}
.line_menu a {font-size:15px; color: #f9efb4; font-family: 'Nanum GothicB', serif; line-height:60px; }
/*copyright*/
#copyright{width:1300px; height:125px; margin: auto; overflow:hidden; text-align:left;}
.foot_logo{float:left; margin:30px 20px 30px 15px;}
.copy h1{margin-top:40px; margin-bottom:5px; }
.copy h1 a{ font-size:13px; color: #444; font-family: 'Nanum Gothic', serif; font-style:normal;}
.copy {font-size:12px; color: #888; font-family: 'Nanum Gothic', serif; float:left; line-height:150%; padding-top:34px;}
/*sub contents*/
#container2 {width:1300px; overflow:hidden; margin: 40px auto; }
.sub #contents2{width:750px; float:right; min-height:400px; text-align:left; margin-left:50px;}
.sub #contents2 .titleArea{height:45px; margin-bottom:20px; position:relative; border-bottom:1px solid #e0e0e0;}
.sub #contents2 .titleArea h3{padding:0px; color:#333; font-size:35px; font-family: 'Nanum GothicB'; letter-spacing:-1px; }
.sub #contents2 .titleArea .location {padding-left:12px; position:absolute; right:0px; top:16px; font-size:12px; /*background:url(/images/common/icon/icon_location.gif) left 4px no-repeat*/}
.sub #contents2 .titleArea .location .strong{color:#333}
/*contents*/
.contentsArea{padding-top:20px; padding-bottom:50px; overflow:hidden;}
/*sub navigation bar*/
#SNB {width:200px; float:left;}
.SNBWrap {margin-top:0px}
.SNBWrap h3{margin-bottom:10px; font-weight:600; color:#000; font-size:24px; padding:5px 0 13px 14px; font-family:'Nanum GothicB'; border-bottom:1px solid #e0e0e0;}
.SNBWrap .menu li{text-indent:14px; width:100%; margin:2px 0px;}
.SNBWrap .menu .snb_off{font-size:13px; color:#fff; width:100%; background:#848484; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .snb_on{font-size:13px; color:#fff; width:100%; background:#05adc7; height:30px; padding:0px; line-height:30px;}
.SNBWrap .menu .snb_2dep{font-size:12px; color:#666; width:100%; background:#ffffff !important; padding:6px 0 6px 0; line-height:15px;}
.SNBWrap .menu .snb_2dep_on{font-size:12px; color:#339fd3; width:100%; background:#efefef !important; padding:6px 0 6px 0; line-height:15px;}
.SNBWrap .menu .snb_on a, .SNBWrap .menu .snb_off a,
.SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_off a:hover,
.SNBWrap .menu .snb_on a:link, .SNBWrap .menu .snb_off a:link{color:#fff; width:100%; display:block}
.SNBWrap .menu .snb_2dep a{color:#666; width:100%; display:block}
.SNBWrap .menu .snb_2dep a:hover, .SNBWrap .menu .snb_2dep_on a, .SNBWrap .menu .snb_2dep_on a:hover{color:#dd0000; width:100%; display:block}
/* banner */
.SNBWrap .banner{width:200px; height:70px; margin-top:30px;}
/*sms*/
.sms{width:196px; float:left;}
.sms label{margin-right:8px;}
.sms .text {width:145px; height:20px; margin-bottom:2px;}
.sms .textarea {width:149px; height:27px; overflow:hidden;}
.smsbt{float:right;}
/*sub02 테이블*/
.sub02Title {width:820px; padding-bottom:20px; font-weight:6=800; color:#0c4b9e; font-size:24px; font-family:'Nanum GothicEB'; border-bottom:1px solid #ddd; margin-bottom:20px; text-align:center;}
.sub02 {width:820px; padding-top:20px;}
.sub02L {width:355px; height:290px; float:left; border: 5px solid #ddd; border-radius:20px;}
.sub02L img {border-radius:15px; width:355px; height:290px;}
.sub02R {margin-left:10px; width:323px; height:298px; border:1px solid #ddd; float:left; font-size:14px; font-family:'Nanum Gothic'; padding:0 20px 0 20px; border-radius:20px; display:table; line-height:20px;}
.sub02R .inner{display:table-cell; vertical-align:middle;}
.sub02 th {font-weight:700; color:#fff; font-size:14px; font-family:'Nanum GothicB'; background:#0c4b9e; padding:10px; border-top:2px solid #000; border-bottom:1px solid #000;}
.sub02 td.L{font-weight:700; font-size:13px; font-family:'Nanum GothicB'; padding:10px; text-align:center; border-bottom:1px solid #ddd; background:#eee;}
.sub02 td.R{font-weight:700; font-size:13px; font-family:'Nanum GothicB'; padding:10px; text-align:center; border-bottom:1px solid #ddd; line-height:17px;}
/*sub030103 테이블*/
.sub030103 {width:820px;}
.sub030103 th {font-weight:700; color:#fff; font-size:14px; font-family:'Nanum GothicB'; background:#0c5e45; padding:10px; border-top:2px solid #000; border-bottom:1px solid #000;}
.sub030103 td {font-weight:700; font-size:13px; font-family:'Nanum GothicB'; padding:10px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-left:1px solid #ddd; }
.product_bn{width:500; height:250px;}
.product_bn .imgArea{position:relative; width:500px; height:235px; border:1px solid #bbb; }
.product_bn .imgArea .aimg{position:absolute;}
.aimg1{z-index:600}
.aimg2{z-index:500}
.product_bn .imgTab{width:500px; height:43px; border-left:1px solid #bbb; border-right:1px solid #bbb; }
.product_bn .imgTab ul{width:500px;}
.product_bn .imgTab ul li{float:left; height:28px; cursor:pointer; background:#bebebe; color:#fff; font-family:'Nanum GothicB'; font-size:14px; text-align:center; padding-top:15px;}
.imgTab1{width:249px; border-right:1px solid #bbb;}
.imgTab2{width:250px; }
.tabOn{background:#e74c3c !important; }
.mgT10{margin-top:10px;}
.mgT20{margin-top:20px;}
/*푸터배너*/
.ft_banner{width: 1300px; margin: 10px auto; }
.ft_banner table tr td{width: 250px; text-align: center; padding: 2px 0;}