/* common */
.subContainer { overflow: hidden;}
#cont { width: 100%; margin: 0 auto; padding: 55px 0 162px; position:relative; font-size:14px;}
.dat1 { background: url(/img/sub/dat1.gif) no-repeat left top;}/* ê²€ì€ì */
.dat2 { background: url(/img/sub/dat2.gif) no-repeat left top;}/* 파란ì */
.dat3 { background: url(/img/sub/dat3.jpg) no-repeat left top;}/* 하늘색 아래 화살표 */
.dat4 { background: url(/img/sub/dat4.jpg) no-repeat left top;}/* 스틱 */
.dat5 { background: url(/img/sub/dat5.gif) no-repeat left top;}/* 하늘색 아래 화살표 회색배경 */
.dat6 { background: url(/img/sub/dat6.gif) no-repeat left top;}/* 하늘색 ì */
.subTitle1 { font-weight: 500; font-size: 25px; line-height: 120%; color: #333;}
.subTitle2 { font-weight: 500; font-size: 17px; line-height: 100%; color: #333;}
.subTit3 { font-weight: 500; font-size: 23px; line-height: 120%; color: #333;}
.bgGray { background: #eee;}
/* subVisual */
.subVisual { height: 200px; text-align: center; font-weight: 200; font-size: 42px; line-height: 200px; color: #fffefe; text-shadow: 0 0 5px rgba(0, 0, 0, .25); background: url(/img/sub/subVisual1.jpg) no-repeat top center; background-size: cover;}
.subVisual1 { background: url(/img/sub/subVisual1.jpg) no-repeat top center;}
.subVisual2 { background: url(/img/sub/subVisual2.jpg) no-repeat top center;}
.subVisual3 { background: url(/img/sub/subVisual3.jpg) no-repeat top center;}
.subVisual4 { background: url(/img/sub/subVisual4.jpg) no-repeat top center;}
.subVisual5 { background: url(/img/sub/subVisual5.jpg) no-repeat top center;}
.subVisual6 { background: url(/img/sub/subVisual6.jpg) no-repeat top center;}
/* lnb_NavW */
.lnb_NavW { overflow: hidden; height: 65px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005fa0+0,00548f+100 */
background: rgb(0,95,160); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,95,160,1) 0%, rgba(0,84,143,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,95,160,1) 0%,rgba(0,84,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,95,160,1) 0%,rgba(0,84,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005fa0', endColorstr='#00548f',GradientType=0 ); /* IE6-9 */
}
.lnb_NavW ul { overflow: hidden; text-align: center;}
.lnb_NavW ul li { display: inline-block; font-size: 16px;}
.lnb_NavW ul li a { display: block; padding: 0 28px; line-height: 65px; color: #ccc;}
.lnb_NavW ul li.on a { background: #fff; color: #333;}
/* subTitle */
.subTitle { overflow: hidden; padding: 44px 0 24px; border-bottom: 1px solid #dcdcdc;}
.subTitle h3 { text-align: center; font-weight: 500; font-size: 28px; line-height: 120%; color: #333;}
/* --------------------- tab --------------------- */
/* tab_depth2 */
.tab_depth2 { font-weight:400; border-bottom:1px solid #ccc; font-size:14px; letter-spacing:-0.02em; margin:0 0 15px;}
.tab_depth2 ul {overflow:hidden; font-size:0;}
.tab_depth2 ul li {display:inline-block; }
.tab_depth2 ul li a {display:block; border:1px solid #ccc; border-right:none; box-sizing:border-box; padding:15px 20px; text-align:center; color:#888; background:#f4f4f4; margin-bottom:-1px; font-size:15px;}
.tab_depth2 ul li:last-child a {border-right:1px solid #ccc; }
.tab_depth2 ul li a:hover, .tab_depth2 ul li a:focus, .tab_depth2 ul li a:active, .tab_depth2 ul li a.on {background:#333; color:#fff; border-color:#333;}
.tab_depth2 button.btn_print {position:absolute; right:0; top:-60px; z-index:500; width:220px; height:44px; display:block; font-family:'Noto Sans KR'; border:1px solid #bbb; font-size:14px; color:#333; font-weight:500; padding-left:13px; background:url('/img/sub/ico_print01.png') no-repeat 40px 50%, url('/img/sub/ico_print02.png') no-repeat 170px 50%, linear-gradient(to top, #ececec,#f6f6f6); border-radius:22px;}
/* tab_depth3 */
.tab_depth3 {font-weight:400; overflow:hidden; margin:0 0 34px;}
.tab_depth3 ul li {display:inline;}
.tab_depth3 ul li a {display:block; float:left; font-size:15px; font-weight:400; color:#777; margin:0 0 0 20px; padding-bottom:6px; }
.tab_depth3 ul li a:hover, .tab_depth3 ul li a:active, .tab_depth3 ul li a:focus, .tab_depth3 ul li a.on {color:#08568a; border-bottom:2px solid #005b9a; padding-bottom:4px; }
/* --------------- ì œí’ˆì†Œê°œ 하단 리스트 --------------- */
.prod_list {overflow:hidden; padding:0 0 80px;}
.prod_list h3 {padding-top:80px;}
.prod_list ul {border:1px solid #a5a5a5; overflow:hidden;}
.prod_list li {display:inline; height:100%; }
.prod_list li a {display:block; width:20%; float:left; box-sizing:border-box; border-right:1px solid #ddd;}
.prod_list li:last-child a {border-right:none;}
.prod_list li span {display:block; width:100%; border-bottom:1px solid #ddd; text-align:center; padding:25px 0;}
.prod_list li span img {width:94px;}
.prod_list li strong {font-size:13px; display:block; text-align:center; color:#333; padding:10px 0; font-weight:500; min-height:58px; }
/* --------------- sub ì œí’ˆ ë° ê¸°ìˆ ì§€ì› ê³µí†µ --------------- */
table.basic_blue {border-top:2px solid #005a99; color:#555; font-weight:400; font-size:15px;}
table.basic_blue thead th {background:#ecf4f9; font-size:15px; font-weight:500; color:#333;}
table.basic_blue tbody th {text-align:left;}
table.basic_blue th, table.basic_blue td {padding:15px 20px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
table.basic_blue th:last-of-type, table.basic_blue td:last-of-type {border-right:none;}
table.basic_blue tbody td.bg {background:#f3f3f3; border-right:1px solid #c9c9c9; font-weight:500;}
.prd_al_c {text-align:center;}
.none {display:none;}
.ar_bdr {padding:60px 0; margin:0 0 60px; border-bottom:1px solid #e0e0e0; }
.ar_bdr.pt10 {padding:10px 0 60px;}
.ar_gray {width:100%; background:#eee; padding:60px 0; margin-top:60px; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}
.inner:after {content:''; clear:both; display:block; height:0; visibility:hidden;}
p.prfl_l {width:510px; float:left;}
p.prfl_r {width:510px; float:right;}
section.prfl_l {width:620px; float:left;}
section.prfl_r {width:620px; float:right;}
h3.title1 {text-align:center; font-size:23px; font-weight:500; color:#333; margin:0 0 50px;}
h4.title2 {font-size:15px; font-weight:500; color:#333; margin:0 0 20px;}
ul.bull3 li {background:url('/img/sub/dat3_nobg.png') no-repeat 0 0; font-size:17px; color:#333; font-weight:500; padding:0 0 2px 25px; margin:0 0 12px;}
ul.bull4 li {font-size:15px; color:#555; font-weight:400; margin:0 0 12px; line-height:1.5em;}
ul.bull5 li {background:url('/img/sub/dat3_nobg.png') no-repeat 0 0; font-size:14px; color:#666; font-weight:400; padding:0 0 2px 25px; margin:0 0 15px;}
ul.bull5 li p {padding:0 0 10px;}
ul.bull6 li {font-size:14px; color:#666; font-weight:400; padding:0 0 2px 0; margin:0 0 15px; overflow:hidden;;}
ul.bull6 li em {display:block; float:left; background:#3f98e0; color:#fff; font-size:12px; font-weight:400; width:20px; height:20px; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,.4); border-radius:50%; text-align:center; }
ul.bull6 li span {display:block; width:592px; float:right;}
dl.bull3 {margin:0 0 25px;}
dl.bull3 dt {background:url('/img/sub/dat3_nobg.png') no-repeat 0 0; font-size:17px; color:#333; font-weight:500; padding:0 0 2px 25px; margin:0 0 3px;}
dl.bull3 dd {color:#555; font-size:14px; line-height:1.5em; margin:0 0 10px 25px;}
.ico_list3 {overflow:hidden; margin:0 auto; width:1200px; font-size:14px;}
ul.ico_list3 li {width:400px; text-align:center; font-size:15px; float:left; padding:120px 0 0; line-height:1.5em;}
ul.ico_list3 li dl dt {font-size:17px; font-weight:500; color:#333; margin:0 0 5px;}
ul.ico_list3 li:nth-child(1),
ul.ico_list3 li:nth-child(4) {background:url('/img/sub/ico_prdHard_01.png') no-repeat 50% 30px;}
ul.ico_list3 li:nth-child(2), ul.ico_list3 li:nth-child(5) {background:url('/img/sub/ico_prdHard_02.png') no-repeat 50% 30px;}
ul.ico_list3 li:nth-child(3) {background:url('/img/sub/ico_prdHard_03.png') no-repeat 50% 30px;}
.ico_list6 {padding:20px 0;}
.ico_list6 ul {overflow:hidden;}
.ico_list6 ul:first-of-type {margin:-20px 0 60px;}
.ico_list6 ul li {width:400px; text-align:center; font-size:15px; float:left; padding:120px 0 0; line-height:1.5em;}
.ico_list6 ul li dl dt {font-size:17px; font-weight:500; color:#333; margin:0 0 5px;}
/* abtn */
div.prodbtn {text-align:center; margin:30px 0 00px;}
div.prodbtn a {display:inline-block; border-radius:10px; box-sizing:border-box; padding:11px 40px; color:#fff; font-size:20px; font-weight:500;}
div.prodbtn .gray {background:#444;}
/* prod_boxTxt */
.prod_boxTxt ul {overflow:hidden; margin:30px auto 0; width:1060px;}
.prod_boxTxt ul li {width:500px; float:left; background:#fff; color:#666; text-align:center; }
.prod_boxTxt ul.hg280 li {height:280px;}
.prod_boxTxt ul.hg290 li {height:290px;}
.prod_boxTxt ul.hg310 li {height:310px;}
.prod_boxTxt ul li:last-child {float:right;}
.prod_boxTxt ul li h4 {font-size:20px; font-weight:400; color:#fff; background:#0e7fd7; padding:25px 0;}
.prod_boxTxt ul li:last-child h4 {background:#006dc4;}
.prod_boxTxt ul li p {padding:25px 18px; font-size:14px; font-weight:300; line-height:1.55em;}
.prod_boxTxt ul li p a {display:block; width:110px; margin:30px auto 0; border-radius:10px; background:#444; padding:10px 0; color:#fff; font-size:13px; font-weight:400;}
/* ì¡°ì§ë„ */
.org { background: url(/img/sub/bg_org1.jpg) no-repeat 0 0; min-height: 666px;}
.org h3 { font-weight: 700; font-size: 25px; line-height: 120%; color: #444; text-transform:uppercase; margin-bottom: 8px;}
.org p { font-size: 14px; line-height: 17px; color: #888;}
.org p img { margin-right: 5px;}
.org1 { overflow: hidden; text-align: center; padding-top: 28px; min-height: 582px;}
.org1 strong { display: inline-block; font-weight: 700; font-size: 25px; line-height: 120%; color: #fff; margin-bottom: 191px;}
.org1 strong span { display: block; font-weight: 400; font-size: 13px; line-height: 18px; color: #fff; margin-bottom: 15px;}
.org1 > ul { overflow: hidden; width: 100%; padding-left: 95px;}
.org1 > ul > li { font-weight: 500; font-size: 17px; line-height: 60px; color: #f2f2f2; float: left; width: 200px; margin: 0 10px; position: relative;}
.org1 > ul > li > ul { margin-top: 40px; min-height: 200px;}
.org1 > ul > li > ul.leftUl { position: absolute; left: -105px; width: 200px;}
.org1 > ul > li > ul.rightUl { position: absolute; right: -105px; width: 200px;}
.org1 > ul > li > ul > li { height: 60px; margin-bottom: 10px; font-size: 15px; line-height: 60px; color: #666;}
/* 온ë¼ì¸ ì›ê²©ì§€ì› */
.online_remoteCon > p { font-size: 17px; line-height: 120%; color: #555; text-align: center; margin-bottom: 28px;}
.online_remoteCon > p > span { font-weight: 500; font-size: 22px; line-height: 120%; color: #005a98; display: block; margin-bottom: 4px;}
.online_remoteCon ul { overflow: hidden;}
.online_remoteCon ul li { float: left; width: 600px; height: 400px;}
.online_remoteCon ul li a { display: block; height: 100%; position: relative;}
.online_remoteCon ul li a p { font-weight: 500; font-size: 17px; line-height: 70px; color: #fff; background: rgba(0, 0, 0, .5); height: 70px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center;}
/* 사ì´íŠ¸ë§µ */
.sitemapCon dl { overflow: hidden; border-top: 1px solid #005a98; text-align: center; min-height: 467px; float: left; width: 222px; margin-left: 58px;}
.sitemapCon dl:first-child, .sitemapCon dl:nth-child(4n+1) { margin-left: 0;}
.sitemapCon dl dt { font-weight: 500; font-size: 18px; line-height: 50px; color: #333; border-bottom: 1px solid #b7b7b7; margin-bottom: 11px;}
.sitemapCon dl dd { font-size: 15px; line-height: 30px; color: #555;}
.sitemapCon dl dd a {display: block; line-height: 30px; color: #555;}
/* ê°œì¸ì •ë³´ì·¨ê¸‰ë°©ì¹¨ */
.privacy p {font-size:16px; margin:15px 0; font-weight: 400; color:#000;}
.privacy dl {padding-bottom:20px;}
.privacy dl dt {font-size:14px;color:#3680b9;font-weight:500;padding-bottom:5px;}
.privacy dl dd {padding-bottom:10px;text-align:justify;font-size:13px;line-height:24px;}
.privacy dl dd ul {padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
.privacy dl dd ul li {line-height:24px;}
.privacy dl dd ul li .privacyList { overflow: hidden; padding: 0 15px;}
/* ì œí’ˆì†Œê°œ - ì œí’ˆì„¤ê³„ - DraftSight 20191001 ìˆ˜ì •ì¶”ê°€ */
.price_box { display:inline-block; position:relative; width:16%; height:480px; border:2px solid #b7b7b7; border-radius:20px; padding:0 40px 40px 40px; margin-right:21px; vertical-align:top; }
.price_box:last-child { margin-right:0; }
.price_box dl { padding-top:40px; }
.price_box dl dd.txt_price { text-align:center; font-size:28px; font-weight:500; padding-bottom:30px; }
.price_box dl dd.txt_price span { font-size:15px; font-weight:400; }
.price_box dl dd ul li {list-style-type:square; font-size:15px; padding-bottom:10px;}
.price_box .btn { text-align:center; position:absolute; bottom:8%; left:18%; }
.price_box:last-child .btn { left:26%; }
.price_box .btn a { display:block; background:#005fa0; }
.price_box h3 { line-height:1; }
.draft_tb { display:block; padding:60px 0 30px 0; }
.draft_tb tr:nth-child(odd) { background:#fff; }
.draft_tb tr:nth-child(even) { background:#eee; }
.draft_tb tr th { font-size:18px; color:#333; padding:20px 0; }
.draft_tb tr td { text-align:center; }
.draft_tb tr td:first-child { font-size:15px; padding:20px 0px 20px 20px; text-align:left; }
.draft_tb tr td span { font-weight:500; color:rgb(0,95,160); padding:0 5px; font-size:18px;}
.table_btn { text-align:center; }
.table_btn a { margin:0 auto; background:#005fa0 !important; }
.draft_tb span.hot_txt { display:inline-block; border-radius:10px; background:#005fa0; color:#fff; padding:6px; margin-top:5px; font-size:14px; }