@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');/*font-family: 'Nanum Myeongjo', serif;*/
/* HTML Reset --------------------------------------------------------------------------------------- */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, 
abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, 
output, progress, section, summary, time, table, th, td {margin: 0;padding: 0;font-size: 13px;font-family: 'Nanum Gothic', sans-serif;line-height:1.5em;color:#3c3c3d;-webkit-text-size-adjust:none;}
body {background:#fff;}
table {border-collapse: collapse;border-spacing: 0;}
img {border:0;vertical-align:middle;}
a {color: #333;text-decoration: none;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: none;}
nav, ul {list-style: none outside none;}
hr{display:none}
form {margin:0;padding:0;border:none;}
fieldset {margin:0;padding:0;border:none;}
caption {position:absolute;top:0;left:-1000em;width:0;height:0;line-height:0; display:none;}
legend {position:absolute;top:0;left:-1000em;width:0;height:0;line-height:0; display:none;}

input {vertical-align:middle; border:none; font-size:12px;}
input.radio { width:13px; height:13px; vertical-align:middle}
select { vertical-align:middle; font-size:12px;}
textarea {border-color: #b6b6b6 #ddd #ddd #b6b6b6; border-style: solid; border-width: 1px; background-color:#fff; font-size:12px;}
input[type=text], input[type=password] {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:20px;}
input.none {border:none !important; border-color:#fff; padding:2px;}
input.bg {background:#f2f8ff;}

.red {color:#eb2e3e;}
.blue {color:#0678be;}
.green {color:#7ac043;}
.fb {font-weight:bold;}
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
.hidden {display:none;}
.section {padding:0 0 50px;}

.ico {background:url('../img/bullet.png') no-repeat;}

.tit{background:url('../img/bullet.png') no-repeat 0 -282px; padding: 0 5px 0 15px; font-size: 16px;line-height: 16px;font-weight: 600}
.blind{width: 0; height: 0; opacity: 0; line-height: 0; font-size: 0}
/*font_deco-----------------------------------------------------------------------------------*/
.font_circle{position: relative;margin-left: 8px;font-size: 13px; color: #555}
.font_circle::before{position: absolute;display: block; content: "·";left: -6px;font-size: 16px}
.font_circle2{position: relative;font-size: 13px; color: #555}
.font_circle2::before{position: absolute;display: block; content: "·";left: -6px;font-size: 16px}

.font_hyphen{position: relative;margin-left: 16px;color: #888}
.font_hyphen::before{position: absolute;display: block;content: "-";color: #888;left: -8px}
.font_hyphen2{position: relative;margin-left: 10px;color: #888}
.font_hyphen2::before{position: absolute;display: block;content: "-";color: #888;left: -8px}

/* Layout --------------------------------------------------------------------------------------- */
.wrap {background:url('../img/header_bg.png') repeat-x 0 0;}
header {position:relative; margin:0 auto; padding-top:35px; min-height:95px;}
header .topNav {background:#3e4348; margin:0 -10px;}
header .topNav nav {position:absolute; top:8px; right:0; overflow:hidden;}
header .topNav nav li {float:left;}
header .topNav nav li a {color:#fff; display:inline-block; padding:0 12px; border-left:1px solid #fff; line-height:1; vertical-align:middle;}
header .topNav nav li:first-child a {border-left:0;}
header .topNav nav li a.goPartnerpat {background:#74777b; border-radius:10px; border-left:0; padding:3px 10px; font-size:12px; color:#e1e1e1;}
header h1 {position:relative; width:230px; height:60px; margin-top:20px;}
header h1 a img {position:absolute; left:0; top:0; width:100%; display:none; opacity:0;}
header h1 a img:first-child {display:block; opacity:1;}
header .menuBtn {display:none; position:absolute; right:0; top:65px; width:50%; border:1px solid #ddd; z-index:4; background:#fff;}
header .menuBtn span {background:#fff url('../img/bullet.png') no-repeat -140px -3px; padding-left:30px; vertical-align:middle; line-height:30px; font-size:16px;}
header .menuBtn .arrow {position:absolute; right:0; top:0; display:inline-block; background:url('../img/bullet.png') no-repeat -44px 3px; width:0; height:0; padding:30px 30px 0 0; border-lefT:1px solid #ddd;}
header .menuBtn.menuClose .arrow {background-position:-94px 3px;}
header .gnb nav {position:absolute; right:0; top:65px;}
header .gnb nav li {float:left;}
header .gnb nav li a {display:block; padding-left:65px;}
header .gnb nav li a span {display:block; font-weight:600; font-size:16px; line-height:32px;}
header .gnb nav li a:hover span, header .gnb nav li.on a span {border-bottom:2px solid #02ade9;}
header .gnb nav li a .arrow, header .gnb nav li.on a .arrow {position:absolute; right:0; margin-top:-30px; border-bottom:0; display:none; width:0; height:0; padding:30px 30px 0 0; overflow:hidden; background:url('../img/bullet.png') no-repeat -95px -40px; z-index:6;}
header .gnb nav li .snb {position:absolute; top:30px; padding:8px 0 15px; display:none; margin-left:55px;}
header .gnb nav li:last-child .snb {right:0;}
header .gnb nav li .snb li {float:left; margin:0;}
header .gnb nav li .snb li a {display:inline-block; font-size:12px; padding:0 10px; line-height:1; border:0;margin:0; border-left:1px solid #ddd; font-weight:400;}
header .gnb nav li .snb li:first-child a {border-left:0;}
header .gnb nav li .snb li a:hover {color:#003399; border-bottom:0;}
header .gnb nav li .snb li a.on {color:#003399; border-bottom:0;}
header .gnb nav li .snb li ul {display:none;}
header .nav_left {position:absolute;top:8px; left:0;}
header .nav_left a {display:inline-block;margin-right:10px;}
header .nav_left .tel_num{display:inline-block; color:#fff;background-color:#74777b; color:#e1e1e1; padding:0 4px; font-size:14px; border-radius:20px}


.body .subVisual {background:url('../img/subVisual_01.png') no-repeat center 0; height:190px;}
.body .subVisual.visual2 {background-image:url('../img/subVisual_02.png');}
.body .subVisual.visual3 {background-image:url('../img/subVisual_03.png');}
.body .subVisual.visual4 {background-image:url('../img/subVisual_04.png');}
.body .subVisual.visual5 {background-image:url('../img/subVisual_05.png');}
.body .subVisual.visual6 {background-image:url('../img/subVisual_06.png');}
.body .subVisual.visual7 {background-image:url('../img/subVisual_07.png');}
.body .subVisual h2 {margin:0 auto; color:#fff; font-size:35px; font-weight:600; padding-top:65px; text-align:right;}
.body .container {margin:0 auto; position:relative; padding:20px 0; overflow:hidden;}
.body .container .lnbArea {float:left; width:210px;}
.body .container .lnbArea h2 {margin:20px 0; font-size:18px; font-weight:600; color:#2c2d59;}
.body .container .lnbArea ul {overflow:hidden; border-top:2px solid #02ade9;}
.body .container .lnbArea ul li a {display:block; border-bottom:1px solid #aeaeae; padding:15px 10px; line-height:1.3;}
.body .container .lnbArea ul li.on a, 
.body .container .lnbArea ul li.on a:hover {font-weight:600; background:#f7f7f7 url('../img/bullet.png') no-repeat right -30px;}
.body .container .lnbArea ul li a:hover {background:#f7f7f7;}
.body .container .lnbArea ul li ul {border-top:none; border-bottom:1px solid #aeaeae; display:none;}
.body .container .lnbArea ul li ul li a {display:block; border-bottom:1px solid #efefef; padding:10px 20px; color:#8b8b8b; background:none;}
.body .container .lnbArea ul li.on ul li a,
.body .container .lnbArea ul li.on ul li a:hover {font-weight:400; background:none;}
.body .container .lnbArea ul li ul li a:hover,
.body .container .lnbArea ul li ul li a.on {color:#02ade9;}	
.body .container .lnbArea .banner1 {margin-top:20px;}
.body .container .lnbArea .banner1 a {display:block; border:1px solid #e0e0e0; margin-bottom:10px; line-height:40px; height:40px; overflow:hidden; background:url('../img/bullet.png') no-repeat 190px 15px; padding-left:10px;}
.body .container .lnbArea .banner1 a span {display:inline-block; background:url('../img/bullet.png') no-repeat 0 -110px; padding:40px 50px 0 0; overflow:hidden; vertical-align:middle;}
.body .container .lnbArea .banner1 a span.icon2 {background-position:0 -160px;}
.body .container .lnbArea .banner1 a span.icon3 {background-position:0 -205px;}

.body .container .lnbArea .banner2 {margin:10px 0; overflow:hidden; padding:10px; border:1px solid #e0e0e0;}
.body .container .lnbArea .banner2 a {display:inline-block; float:left; background:url('../img/bullet.png') no-repeat 73px 10px; width:85px; line-height:30px; height:30px; border-right:1px solid #e0e0e0; padding-left:5px;}
.body .container .lnbArea .banner2 a:nth-child(even) {width:90px; background-position:85px 10px; letter-spacing:-1px; border-right:0;}
.body .container .lnbArea .banner2 a:nth-child(1), .body .container .lnbArea .banner2 a:nth-child(2) {border-bottom:1px solid #e0e0e0;}

.body .container .lnbArea .banner3 {border:1px solid #e0e0e0; margin-bottom:30px;}
.body .container .lnbArea .banner3 strong {color:#02ade9; font-weight:600;}
.body .container .lnbArea .banner3 .no {color:#2c2d59; font-weight:800;}
.body .container .lnbArea .banner3 .tel { background:url('../img/banner3_bg.png') no-repeat right -5px; border-bottom:1px solid #e0e0e0; padding:20px; color:#666;}
.body .container .lnbArea .banner3 .bank { background:url('../img/banner3_bg.png') no-repeat right -90px; padding:20px; color:#666;}
.body .container .lnbArea .banner3 .bank p {margin:10px 0; text-align:center;}
.body .container .lnbArea .banner3 .bank p .bankName {display:inline-block; margin-right:5px; font-weight:600;}
.body .container .lnbArea .banner3 .bank p .no {font-size:18px;}
.body .container .lnbArea .banner3 a.card {display:inline-block; background:#02ade9 url('../img/bullet.png') no-repeat 60px -45px; border-radius:10px; padding:0 20px 0 10px ; margin:5px 0; color:#fff; font-size:12px;}

.body .container .contentsArea {float:right; width:760px;}
.body .container .contentsArea .conTitle {position:relative; height:66px;}
.body .container .contentsArea .conTitle h3 {font-size:28px; font-weight:600; padding:10px 0;}
.body .container .contentsArea .conTitle .location {position:absolute; right:0; top:10px; text-align:right; font-size:12px; color:#b7b6b6;}
.body .container .contentsArea .conTitle .location a {display:inlin-block; margin:0 5px; color:#b7b6b6;}
.body .container .contentsArea .conTitle .location span {display:inlin-block; margin-left:5px;color:#666;}
.body .container .contentsArea .conTitle .location a.home {background:url('../img/bullet.png') no-repeat -490px 4px; padding-left:13px;}
.body .container .contentsArea .contents {min-height:500px;}

footer {background:#3e4348;}
footer .footBanner {border-top:1px solid #eaeaeb; padding:10px 0; background:#fff;}
footer .footBanner div {margin:0 auto;}
footer .footBanner div a {display:inline-block; margin:0 15px;}
footer .footArea {margin:0 auto; padding:10px 0 20px; position:relative;}
footer .footArea p {color:#c8c8c8; margin-top:10px; font-size:12px;}
footer .footArea p:first-child a {color:#c8c8c8; display:inline-block; padding-left:10px; border-left:1px solid #8a8a8b; line-height:1; font-size:12px;}
footer .footArea p:first-child a:first-child {border-left:none; padding-left:0;}
footer .footArea p:last-child {margin-top:0; color:#8a8a8b;}
footer .footArea .kbBanner {float:right; margin-left:10px;}
audio {display:none;}

.bgBlack {background:#000; opacity:0; position:fixed; width:100%; height:100%; z-index:3; top:0; display:none; }

/* 메인 ------------------------------------------------------------------------------------- */
.main {background:#f4f7fa;}
.mainVisual {position:relative; height:420px;}

.main .container {overflow:auto;margin-top:-50px; padding-top:50px;}
.main_left {position:relative; z-index:50; margin-top:-50px; width:30%; float:left;}
.main_left .customer {padding:15px; box-shadow:1px 1px 2px #bec1c6; background:#fff;}
.main_left .customer h2 {font-weight:400; line-height:1; padding:10px 0 0; border-bottom:1px solid #e4e3e3; height:25px; margin-bottom:10px;}
.main_left .customer h2 span {display:inline-block; background:url('../img/bullet.png') no-repeat 0 -282px; padding:0 5px 0 15px; font-size:16px; font-weight:600;}
.main_left .customer .tit {color:#666; padding:10px 0 10px 14px;background: url('../img/bullet.png') no-repeat 0 -272px}
.main_left .customer .tit strong {color:#2c2d59;}
.main_left .customer .form {overflow:hidden; margin-bottom:0;}
.main_left .customer .form dt {float:left; width:25%; margin-bottom:5px; line-height:28px; height:28px; font-weight:600;}
.main_left .customer .form dd {float:left; width:75%; margin-bottom:5px; line-height:28px; height:28px; text-align:;}
.main_left .customer .btnArea {text-align:center;}
.main_left .customer .btnArea .btn {position:relative; width:50%; margin:0 auto; padding:5px 0; font-size:12px;}
.main_left .customer .no_guide {margin-top:10px; border-top:1px solid #ddd; padding:17px 0 0; background:url('../img/main_customer.png') no-repeat right 25px;}
.main_left .customer .no_guide p {font-size:16px; color:#666; margin-bottom:8px;}
.main_left .customer .no_guide p .no a {color:#2c2d59; font-weight:800; font-size:18px;}
.main_left .customer .no_guide p .email a {font-size:13px;}
.main_left .customer .no_guide p .email {line-height:1.3}
.main_left .goPatent {margin:10px 0;}
.main_left .goPatent .btn {width:100%; padding:10px 0; font-weight:400; border-radius:0; font-size:12px;}
.main_left .goPatent .btn span {display:inline-block; background:url('../img/bullet.png') no-repeat 0 -280px; padding:0 5px 0 15px; font-size:15px; font-weight:600;}

.main_right {width:70%; float:right; padding:0 2px 2px 0; margin-left:-2px;}
.main_right section {position:relative; box-shadow:1px 1px 2px #bec1c6; background:#fff; float:left; width:48%; margin:2% 0 0 2%; min-height:210px;}
.main_right section h2 {font-weight:400; line-height:1; padding:5px 0; border-bottom:1px solid #e4e3e3; height:25px; margin:15px;}
.main_right section h2 span {display:inline-block; background:url('../img/bullet.png') no-repeat 0 -282px; padding:0 5px 0 15px; font-size:16px; font-weight:600;}
.main_right section ul {padding:0 15px 18px; overflow:hidden;}
.main_right section ul li a {display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:25px; line-height:25px;}
.main_right section ul li a .comp {float:right;}
.main_right section .btn_more {position:absolute; right:15px; top:20px; display:inline-block; color:#666; font-size:11px;}
.main_right section .btn_more span {display:inline-block; color:#02ade9; margin-left:5px;}
.main_right section.price {min-height:154px;}
.main_right section.price ul {padding-bottom:12px;}
.main_right section.price ul li {float:left; width:33.33%; margin-left:-1px; text-align:center; border-left:1px dashed #ddd;}
.main_right section.price ul li:first-child {margin-left:0px; border-left:none;}
.main_right section.price ul li a {height:auto; line-height:auto;}
.main_right .goCunsult {float:left; width:48%; margin:2% 0 0 2%;}
.main_right .goCunsult .btn {width:100%; padding:10px 0; font-weight:400; border-radius:0; font-size:12px;}
.main_right .goCunsult .btn span {display:inline-block; background:url('../img/bullet.png') no-repeat 0 -280px; padding:0 5px 0 15px; font-size:15px; font-weight:600;}

/* 공통 ------------------------------------------------------------------------------------- */
.winWidth {width:1000px;}

.left_img {float:left; padding:0 30px 20px 0;}
.right_img {float:right; padding:0 0 20px 30px;}
.float50 {float:left; width:50%;}
.img100 {text-align:center;}
.img100 img {width:100%; max-width:721px;}
.c_blue {color:#118ccb;}

/* 탭메뉴1 */
.tabMenu {overflow:hidden;border:1px solid #ccc;margin-bottom:20px;}
.tabMenu li {float:left; margin-left:-1px; border-left:1px solid #ccc;}
.tabMenu li a {display:table-cell; text-align:center; vertical-align:middle; font-size:16px; color:#666; font-weight:600; height:40px; background:#fff; line-height:1.2; width:800px;}
.tabMenu li a br {display:none;}
.tabMenu li a.on {color:#fff; background:#264f6b;}
.tabMenu.menu6 li {width:16.66%;}
.tabMenu.menu5 li {width:20%;}
.tabMenu.menu4 li {width:25%;}
.tabMenu.menu3 li {width:33.33%;}
.tabMenu.menu2 li {width:50%;}

/* 탭메뉴2 */
.tabMenu2 {overflow:hidden; margin-bottom:20px; border:1px solid #ddd; background:#eff4f7; padding:10px 20px;}
.tabMenu2 li {float:left; padding:5px 0;}
.tabMenu2 li a {display:inline-block; border-left:1px solid #ddd; line-height:1; padding:0 10px;}
.tabMenu2 li:first-child a {border-left:0; padding-left:0;}
.tabMenu2 li a:hover {color:#2378bf;}
.tabMenu2 li a.on {color:#2378bf; font-weight:600;}

/* box */
.box01 {background:#e6f4ff; padding:20px;}
.box02 {background:#f8f8f8; border:1px solid #b1c7f1; padding:20px;}
.box03 {background:#fff; border:1px solid #bfbfbf; padding:20px;}
.box04 {background:#fafcff; border:1px solid #f1f1f1; padding:20px;}

/* 리스트 */
.list01 {margin-bottom:10px;}
.list01 li {background:url('../img/sub_icon.png') -587px -97px no-repeat; padding-left:20px; margin-bottom:20px; line-height:1.4; font-weight:600; color:#173c8d; font-size:14px;}
.note li {margin-bottom:20px;}
.list02 {margin:5px 0 10px;}
.list02 li {background:url('../img/sub_icon.png') -580px -125px no-repeat; padding-left:10px; margin-bottom:5px; line-height:1.4; font-weight:400; color:#333; font-size:13px;}
.list03 {margin:10px 0 10px;}
.list03 li {background:url('../img/sub_icon.png') -569px -152px no-repeat; padding-left:12px; margin-bottom:5px; line-height:1.4;}
.dl01 {overflow:hidden; margin-bottom:-10px;}
.dl01 dt {width:50px; float:left; line-height:1; margin-bottom:10px; border-right:1px solid #d4d4d4; margin-right:10px; font-weight:600;}
.dl01 dd {line-height:1; margin-bottom:10px;}

/* 블릿 */
.bullet01 {background:url('../img/sub_icon.png') -540px -179px no-repeat; padding-left:15px; line-height:1.4; margin-bottom:10px; font-weight:600; color:#173c8d;}
.bullet02 {display:inline-block; background:url('../img/sub_icon.png') -510px -202px no-repeat; padding-left:20px; line-height:1.4;}

/* 테이블 */
.tblBasic {width:100%; border-top:2px solid #6d6d6d; border-bottom:2px solid #cdcdcd;}
.tblBasic thead tr th {text-align:center; padding:15px 10px; font-weight:600; color:#333; border-bottom:1px solid #cdcdcd; background:#f4f8fc;}
.tblBasic tbody tr th {text-align:center; padding:10px; font-weight:600; color:#333; border-bottom:1px solid #cdcdcd; background:;}
.tblBasic tbody tr td {text-align:center; padding:10px; font-weight:400; color:#666; border-bottom:1px solid #cdcdcd;  }

.tblBasic .left {text-align:left;}
.tblBasic .right {text-align:right;}

/*제목*/
.contents h4 {font-size:15px; font-weight:600; background:url('../img/bullet.png') no-repeat 0 -280px; padding-left:15px; margin:20px 0 10px;}

/*버튼*/
.btn {background:#2c2d59; color:#fff; font-weight:600; text-align:center; display:inline-block; padding:10px 0; cursor:pointer; width:120px; font-size:1.1em; border-radius:3px;}
.btn.gray {background:#666;}
.btn.big {width:200px;}
.btnState {display:inline-block; width:70px; padding:5px 0; line-height:1; background:#999; color:#fff; font-size:11px; text-align:center; border-radius:2px;}
.btnState.red {background:#b40606;}
.btnState.blue {background:#244ec6;}
.btnState.green {background:#10821e;}
.btnState.orange {background:#ef7603;}
.btn.link {background:#fff url('../img/bullet.png') no-repeat right -323px; color:#306589; font-weight:400; text-align:left; display:inline-block; padding:2px 20px 2px 10px; cursor:pointer; width:auto; font-size:0.9em; border-radius:3px; border:1px solid #ddd; box-shadow:0 1px 2px #b5b5b5;}
.btnSmall {display:inline-block; padding:5px 20px; line-height:1; background:#ddd; color:#333; font-size:11px; text-align:center; border-radius:2px;}

/*step*/
.bbsStep {overflow:hidden; margin-bottom:30px;}
.bbsStep ul {position:relative; overflow:hidden; border-radius:3px; border:1px solid #d9d4cd;}
.bbsStep ul li {position:relative; width:25%; float:left;border-left:1px solid #d9d4cd; margin-left:-1px;}
.bbsStep ul li a {display:block; height:50px; text-align:center; padding-top:7px; background:#ededf2;}
.bbsStep ul li span.step {display:block; font-size:11px; color:#999; margin-bottom:3px;}
.bbsStep ul li span.arrow {position:absolute; padding:25px 25px 0 0; width:0; height:0; overflow:hidden; background:#fff url('../img/bullet.png') no-repeat 10px 7px; right:-12px; top:18px; z-index:4; border-radius:13px; box-shadow:0px 0px 2px #666;}
.bbsStep ul li.selected a {background:#2c2d59; color:#fff;}
.bbsStep ul li.selected a span.step {color:#d2cdc8;}

/* board  ------------------------------------------------------------------------------------- */
.bbsHead {padding:10px 0 20px; margin-bottom:10px;}
.bbsHead .client {float:right;}

.bbsContents {position:relative;}
.bbsContents .bbsBtn {position:absolute; right:0; bottom:0; width:70px;}

.btnArea {padding:10px 0; text-align:right;}
.btnArea.center {text-align:center;}

.tblBbs {width:100%; border-top:2px solid #2b2b2b; border-bottom:1px solid #d7d7d7;}
.tblBbs thead tr th {text-align:center; padding:10px; font-weight:600; color:#333; border-bottom:1px solid #7f7f7f; background:#f7f7f7;}
.tblBbs tbody tr th {text-align:center; padding:10px; font-weight:600; color:#333; border-bottom:1px solid #cdcdcd;background:#f7f7f7; }
.tblBbs tbody tr td {text-align:center; padding:10px; font-weight:400; color:#666; border-bottom:1px solid #cdcdcd;  }
.tblBbs .left {text-align:left;}
.tblBbs .right {text-align:right;}
em {font-style:normal; color:#46488b; font-size:12px;}
em.require {font-size:12px; font-weight:600; color:#cd0404;}
.tblBbs a {font-weight:600;}

.infoIcon {display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; font-size:12px; font-weight:800; color:#2c2d59; overflow:hidden; border-radius:10px; border:1px solid #2c2d59; vertical-align:middle; background:#e5e9ef; margin-left:5px;}
.infoBox {position:absolute; margin:5px 0 0 50px; padding:5px; border:1px solid #ebd200; background:#fffce6; border-radius:3px; font-size:11px; width:150px; text-align:left; display:none;}
.infoBox2 {border:1px solid #ccc; background:url('../img/search_bg.png') no-repeat 20px bottom; padding:20px 20px 20px 100px;}
.infoBox2 a {color:#; text-decoration:underline;}

.galleryList {position:relative; overflow:hidden; width:; margin:auto; height:auto;}
.galleryList section {float:left; width:25%; margin:0 0 10px;}
.galleryList section a {display:block; margin:5px 8px; overflow:hidden;}
.galleryList section p {font-size:12px; line-height:1.3; color:#666;text-align:center; padding:0;}
.galleryList section p.img {height:130px; line-height:130px; border:1px solid #ddd; padding:5px; overflow:hidden;}
.galleryList section p.img img {width:100%; vertical-align:middle;}
.galleryList section p.txt {padding-top:10px;}
.galleryList section p.txt span {width:100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.galleryList section p.txt .division {display:inline-block; padding:4px 5px; background:#02ade9; color:#fff; font-size:11px; line-height:1; width:auto; border-radius:2px;}
.galleryList section p.txt .division.sell {background:#15b18e;}


.imgArea {float:left; width:50%;}
.imgArea .img {margin-right:30px; border:1px solid #ddd; margin-bottom:20px; overflow:hidden;}
.imgArea .img img {width:100%}
.txtArea {float:left; width:50%;}
.patent_contents {clear:both; padding-top:10px;}
.patent_contents .conBox {min-height:150px; border:1px solid #ddd; padding:15px;}

.viewHead {border-top:2px solid #000; border-bottom:1px solid #d7d7d7; padding:10px 0;}
.view_subject {font-size:16px; font-weight:600; margin-bottom:5px;}
.view_com {display:inline-block; padding-right:10px; border-right:1px solid #ddd; margin-right:10px; line-height:1; }
.view_com a {color:#1778be;}
.view_hit {float:right;}

.stateArea {padding:10px 0; border-top:2px solid #2b2b2b; border-bottom:1px solid #d7d7d7;}
.stateArea .btnSmall {float:right;}
.replyArea {padding:10px 0; border-top:1px solid #2b2b2b; border-bottom:1px solid #d7d7d7; margin-bottom:20px;}
.replyArea p {padding-bottom:10px;}
.replyArea .info span {color:#999; padding-right:10px;}
.replyArea .replyWrite {position:relative; padding:10px 80px 0 0;}
.replyArea .replyWrite textarea {border:1px solid #d7d7d7; width:98%; height:50px;}
.replyArea .replyWrite .btnSmall {position:absolute; right:0; top:10px;}


.viewBody {border-bottom:1px solid #d7d7d7; padding:20px 0;}
.viewBody .view_file {text-align:right;}
.viewBody .view_con {padding:20px 0; min-height:100px;}

.paging {margin:20px 0; text-align:center;}
.paging a, .paging span {display:inline-block; padding:3px 10px; border:1px solid #d7d7d7; background:#f6f6f6; margin-left:-5px; vertical-align:middle;}
.paging a:hover {background-color:#d7d7d7;}
.paging span {background:#999; color:#fff; font-weight:600; border:1px solid #999;}
.paging .arrow {padding:25px 28px 0 0; width:0; height:0; overflow:hidden; background:#f6f6f6 url('../img/bull_arrow.png') no-repeat 0 0;}
.paging .arrow.prev {background-position:0 -1px;}
.paging .arrow.next {background-position:-50px -1px;}
.paging .arrow.first {background-position:-201px -1px;}
.paging .arrow.last {background-position:-250px -1px;}

.srhBox {background:#f8f8f8; border:1px solid #dedede; padding:20px;text-align:center; margin:20px 0;}
.srhBox select {height:30px; width:70px;}
.srhBox input[type=text] {height:24px; width:300px; margin-left:-6px;}
.srhBox .btnBlack {background:#383838 url('../img/bullet.png') no-repeat -470px -273px; line-height:30px; padding:0 20px 0 35px; margin-left:-4px; color:#fff;}
.srhBox .srhName {padding-right:10px; font-weight:600; display:inline-block; vertical-align:middle;}
.kipris input[type=text] {height:35px; width:45%; margin-left:0; margin-right:10px; font-size:14px; font-weight:600; color:#2c2d59;}
.kipris .infoTxt {display:block; border-top:1px dashed #ccc; text-align:right; margin-top:20px; padding-top:10px;}

.passBox {position:relative; width:400px; margin:30px auto; border:2px solid #2c2d59; background:#fff; }
.passBox p {background:#f6f6f6; padding:20px 30px;}
.passBox dl {padding:20px; margin-left:40px;}
.passBox dl dt {float:left; width:70px; height:30px;}
.passBox dl dd {height:30px;}
.passBox .btn {position:absolute; right:70px; bottom:25px; line-height:25px; width:55px; padding:0; cursor:pointer;}
.passBox .btn.login {color:#fff; background:#383838; text-align:center;}

.support_state {position:relative; background:#eee; padding:10px; overflow:hidden;}
.support_state dl {clear:both;}
.support_state dl dt {float:left; width:10%; line-height:1; border-right:1px solid #999; margin:5px 0; text-align:center;}
.support_state dl dd {float:left; width: 70%;line-height:1; margin:5px 0; }
.support_state dl dd input {line-height:1; margin-left:15px;}
.support_state input[type=button] {position:absolute; right:10px; bottom:15px;}

.commentArea {border:1px solid #ddd; margin-top:20px;}
.commentArea ul {margin:10px;}
.commentArea ul li {border-top:1px dashed #ddd; padding:10px 0;}
.commentArea ul li:first-child {border-top:0;}
.commentArea ul li span {display:inline-block; line-height:1;}
.commentArea ul li span.name {width:10%; border-right:1px solid #999; text-align:center; margin-right:10px; font-weight:600;}
.commentArea ul li span.con {margin-right:10px;}
.commentArea ul li span.date {color:#999;}
.commentArea ul li span.cBtn {float:right;}
.commentArea ul li span.cBtn a {display:inline-block; background:#999; color:#fff; padding:3px 10px; border-radius:3px;}
.commentArea .commentRegi {background:#f1f1f1; padding:10px;}
.commentArea .commentRegi span {display:inline-block; vertical-align:middle;height:50px;}
.commentArea .commentRegi span.name {width:10%; text-align:center; font-weight:600;}
.commentArea .commentRegi span.name input {width:90%; text-align:center; height:50px; padding:0; margin:0;}
.commentArea .commentRegi span.con {width:80%;}
.commentArea .commentRegi span.con textarea {height:45px; width:100%;}
.commentArea .commentRegi span.cBtn {float:right;}
.commentArea .commentRegi span.cBtn a, .commentArea .commentRegi span.cBtn input {display:inline-block; background:#999; color:#fff; padding:0 20px; line-height:50px;}

.agreeBox {margin-bottom:30px;}
.agreeBox .agree_txt {background:#fff; border:1px solid #ddd; padding:20px; overflow:auto; height:185px;}
.agreeBox .agree_check {background:#ddd; padding:10px;}

.bbs_info_right {float:right; margin:-30px 0 0 0;}

/* Contents --------------------------------------------------------------------------------------- */
/*이용약관*/
.ruleBox.boxLine {height:510px;overflow-x:hidden;overflw-y:auto;border:1px solid #ddd;padding:20px;}
.ruleBox h5 {font-size:13px; font-weight:600;margin:10px 0 5px;border:0;padding:0;}
.ruleBox h5:nth-child(1) {margin-top:0;}
.ruleBox .tr {text-align:right;}
.ruleBox p {padding-bottom:5px;line-height:1.5;}
.ruleBox ul li {text-indent:-16px; padding:0 0 5px 16px;line-height:1.5;}
.ruleBox ul li ul {padding-top:5px;}

.urlList ul {overflow:hidden;}
.urlList ul li {float:left; width:25%;}
.urlList ul li a {display:block; padding:10px; font-size:14px; border:1px solid #e2e2e2; text-align:center; margin:5px; font-weight:600;}
.urlList ul li a:hover {color:#fff; background:#02ade9;}

.charge_rolling {width:309px; margin:0 auto;}


/*sup_page--------------------------------------------------------------------------------*/

.property_main{display: block; width: 100%; max-width: 723px; margin: 0 auto;}
.property_description1{margin-top: 59px}
.property_description2,.property_description3{margin-top: 20px}
/*특허분쟁_property04_1-----------------------------------------------------------------------*/
.contents_description3{margin-top: 30px}
.contents_description2{margin-top: 20px}
.contents_description1{margin-top: 10px}
.contents_m1{margin-top: 8px}
.contents_m2{margin-top: 16px}
.contents_m3{margin-top: 24px}
.description_list li{margin-top: 16px}

.table_list li{display: table;margin-top:16px }
.table_list li span{display: table-cell; width: 111px;vertical-align: middle; padding-left: 10px; font-size: 14px; font-weight: 600; color: #fff; border-radius: 10px; background-color: #002157}
.table_list li p{padding:10px 0 10px 14px; color: #888;display: table-cell; vertical-align: middle;}

/*상표분쟁_property04_2-----------------------------------------------------------------------*/
.table_div{display: table; width: 100%;border-top: 2px solid #c2c2c2; border-bottom: 2px solid #dfdede;margin-top: 20px}
.table_left{width: 15%; display: table-cell;vertical-align: middle;text-align: center;background-color: #f7f7f7;font-size: 13px; color:#666;font-weight: 600;}
.table_rigth{width: 85%; display: table-cell;vertical-align: middle;border-left: 1px solid #e0e0e0}
.table_rigth li{padding: 4px 10px; border-top: 1px solid #e0e0e0;;color: #888}
.table_rigth li:first-child{border-top: none}

.table_section table{border-top: 2px solid #c2c2c2; border-bottom: 2px solid #dfdede; width: 100%}
.table_section tr{border-top: 1px solid #e0e0e0;}
.table_section tr:first-child{border-top: none}
.table_section tr td{padding: 4px 10px; color: #888}
.left_td{font-weight: 600; color:#666!important; background-color: #f7f7f7; text-align: center;border-right: 1px solid #e0e0e0}

.table_section2 table{border-top: 2px solid #c2c2c2; border-bottom: 2px solid #dfdede; width: 100%;text-align: center;}
.table_section2 thead td{color: #666!important; font-weight: 600;background-color: #f7f7f7;}
.table_section2 td{border-left: 1px solid #e0e0e0;padding: 6px 10px; color: #888}
.table_section2 td:first-child{border-left: none; font-weight: 600}
.table_section2 tr{border-top: 1px solid #e0e0e0;}
.warning_text{text-align: right; color: #cc0000; font-size: 12px;font-weight: 600;margin-top: 4px}

.consult_title{font-weight: 600; color:#000;font-size: 14px}
.table_section3 table{width: 100%}
.table_section3 tr{border-bottom: 1px solid #ccc}
.table_section3 tr:first-child{border-top: 1px solid #ccc}
.table_section3 td{padding: 10px 0}
.table_section3 td:first-child{text-align: center;padding: 16px 2px}
.table_section3 td img{margin-top: 20px}
.right_box{border-left: 1px dashed #ccc; padding: 10px 10px 10px 0}
.right_box p{margin-left: 20px}
.bottom_text{font-weight: 600;margin-top: 14px;color:#555}
.btn_section{text-align: center;}
.text_box{width: 128px;display: inline-block;border: 1px solid #6689a7; border-radius: 10px; box-sizing: border-box;background-color: #6689a7;color: #fff;padding: 1px 0}
.consult_btn{width: 120px; text-align: center; height: 38px; background-color: #2c2d59; border: 1px solid #2c2d59; border-radius: 5px; color: #fff;font-size: 14px;margin-top: 40px}

.trade_title_box{position: relative;margin-top: 30px;height: 86px;}
.trade_title_box p{text-align: center;font-size: 20px; color: #02ade9;font-weight: 600;padding-top: 14px}
.trade_left{position: absolute;left: 0;top:0;}
.trade_right{position: absolute;right: 0;top: 0}
.trade_list{margin-top: 20px}
.trade_list:first-child{margin-top: 0}
.trade_list::after{display: block;content: "";clear: both;}
.trade_left_box{display: block; float: left;margin-top: -3px;padding-right: 30px}
.trade_box{position: relative; border: 1px solid #e0e0e0; height: 70px;display: table-cell; vertical-align: middle;width: 10%}
.trade_box:before{display: block;content: "";width: 9px;height: 19px; background: url("../img/trade_arrow.png")no-repeat; position: absolute;left:0;top:0; margin-left: -8px;margin-top: 24px}
.trade_box p{padding-left: 20px;padding-right: 10px}
.trade_process{display: block;width: 100%; max-width: 513px; margin: 40px auto 0 auto;}

/*파트너*/
.partnar_tit{font-size:18px; font-weight:600; color:#264f6b}
.partnar_list{margin-top: 20px}
.partnar_list:first-child{margin-top: 0}
.partnar_img{text-align: center;width:147px}
.partnar_img img{display: block; width: 147px; height: 176px;margin: 0 auto;box-shadow:4px 4px lightgray}
.partnar_list table{width: 100%;position:relative}
.table_contents{height: 150px;padding-left:16px;overflow-x:hidden}
.infor_con{height: 26px; background-color: #fff;position:relative}
.infor_con td{text-align: left; font-weight: 600;}
.infor_con td .text_deco{margin-left: 10px;}
.infor_con td:first-child{padding: 0; border-bottom:none}
.infor_con div{display:inline-block}
.partnar_list{width: 100%; max-width: 760px;}
.partnar_list::after{display: block;content: "";clear: both;}
.partnar_btn{text-align: right!important;}
.partnar_btn input{color: #fff; background-color: #2c2d59;border-color: #2c2d59;width:30px; height:20px;border-radius:4px}
.partnar_btn span{margin-left:10px;display:inline-block;}
.partnar_btn span input{padding:0;width:15px}
.nametd span{color:#02ade9}
.nametd{; font-size:14px;;padding-left:16px}
.jobtd{background-color:#02ade9; color:#fff;padding:2px 4px;border-radius:5px;display:inline-block}
.table_contents > div{padding:5px; border:1px solid #ccc;height:150px;overflow:scroll;overflow-x:auto}
@media screen and (max-width: 500px) {
.nametd{width:47px!important}
.jobtd{font-size:11px}
.table_contents{padding-left:4px}
.partnar_img{width:85px;}
.partnar_img img{width:85px;height:auto;}
.partnar_btn span{margin-left:0;display:inline-block;text-align:right;width:40px}
.nametd{padding-left:2px;font-size:12px;width:60px}
.infor_con div{display:block; position:absolute;left:8px; top:0}
}