@charset "utf-8";
@import url("/fonts/NotoKR-Regular/stylesheet.css");
@import url("/fonts/NotoKR-Black/stylesheet.css");
@import url("/fonts/NotoKR-Bold/stylesheet.css");
@import url("/fonts/NotoKR-DemiLight/stylesheet.css");
@import url("/fonts/NotoKR-Light/stylesheet.css");
@import url("/fonts/NotoKR-Medium/stylesheet.css");
@import url("/fonts/NotoKR-Thin/stylesheet.css");

.notokr-regular { font-family:notokr-regular !important; }
.notokr-black { font-family:notokr-black !important; }
.notokr-bold { font-family:notokr-bold !important; }
.notokr-demilight { font-family:notokr-demilight !important; }
.notokr-light { font-family:notokr-light !important; }
.notokr-medium { font-family:notokr-medium !important; }
.notokr-thin { font-family:notokr-thin !important;}


html {overflow-y:scroll;}


body {padding:0; margin:0; font-size:12px; font-family:돋움, Dotum, Tahoma, Geneva, sans-serif; color: #7d7d7d; background: url('') repeat-x;}
.popupBody {background:none; padding:10px;}

label {cursor: pointer;}


div, ul, li, p, h1, h2, h3, h4, h5, h6, form, dt,dd, label, span, strong, a {
	font-family:notokr-regular !important;
	font-size:1.00em;
}


/* 링크 */
a, a:link {color:#666666; text-decoration: none;} 
a:visited {color: #666666; text-decoration: none;}
a:hover {color:#0d66bf; text-decoration: none;}
a:focus {color:#0d66bf; text-decoration: none;}
a:active {color:#0d66bf; text-decoration: none;}



.both {clear:both;}
.fl {float:left;}
.fr {float:right;}
.fn {font-weight:normal;}
.hidden_text {position:absolute; width:0px; height:0px; font-size:0px; margin:0px; padding:0px; line-height:0px; overflow:hidden;}
.strong {font-weight:bold;}
.ime_mode {ime-mode:disabled;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}

.f11 {font-size:11px;}
.f14 {font-size:14px;}

#wrapper {width: 1020px; margin: 0 auto;}

#header {padding: 10px 0 8px 0; float: left; width: 1020px; background:#FFF;}
#header img {border: none;}
#header h1 {float: left; margin: 14px 0 9px 0;}
#header h1 a {background:url('/images/common/logo_top.jpg') no-repeat; width:181px; height:35px; text-indent:-1000em; float:left;}

#header .util_menu_wrap {float: right;}
#header .util_menu_wrap ul {padding: 4px 5px 0 0; margin:3px 0 0 0; float:left;}
#header .util_menu_wrap li {list-style:none; display:block; float:left;}
#top_search {float:right;}

#header .top_menu_wrap {float: right;}
#header .top_menu_wrap .top_menu {padding: 5px 0 0 5px; margin: 0; float: left;}
#header .top_menu_wrap .top_menu li {padding: 0 10px; background: url('../images/common/top_menu_bar.gif') no-repeat right; list-style: none; display: block; float:left;}
#header .top_menu_wrap .util_menu {margin: 0; float: left; padding-left: 5px;}
#header .top_menu_wrap .util_menu li {list-style: none; display: block; float:left;}
#header .total_search {border: 3px #4e60bb solid; display: inline-block; width: 210px; padding:0; margin-left: 5px;}
#header .total_search input {float:left;}
#header .total_search .total_search_txt {border: 0; width: 185px; color: #747474; height:18px; font-size:12px; line-height:16px;}
#header .total_search .total_search_txt.on {background:#FFF url('/images/common/top_search_txt.gif') 0 -2px no-repeat;}

#header .navi_bg_main {margin:0; padding:0; width:1020px; height:180px; float:left; background:url('../images/common/menu_bg.png') no-repeat ; background:#;}
#header .navi_bg_main h2 {display:none;}
#header .navi_bg_main img {display: block;}
#header .navi_bg_main .navibar {display:inline; padding:0; margin:0;}
#header .navi_bg_main .navibar .navibar_m {display:inline;  float: left; margin:0; padding:0;background:#;}

#header .navi_bg_main .navibar .navibar_m .navibar_t {width:170px; height:30px; padding:12px 0 2px 0;  margin:0;  text-align:center;}
#header .navi_bg_main .navibar .navibar_m .navibar_t li { width:170px; height:20px;  list-style:none;}
#header .navi_bg_main .navibar .navibar_m .navibar_t li A {color: #ffffff; font-family: notokr-regular; font-size: 0.925rem; FONT-WEIGHT: bold; }
#header .navi_bg_main .navibar .navibar_m .navibar_t li:hover > A { color:#fff; }

#header .navi_bg_main .navibar .navibar_m .navibar_s {padding:15px 0 0 0px; margin:0;}
#header .navi_bg_main .navibar .navibar_m .navibar_s li { padding:5px 0 5px 25px; list-style: none; width: 135px; height:13px; line-height:11px; font-size:1px;}
#header .navi_bg_main .navibar .navibar_m .navibar_s li A {color: #5c5c5c; font-family: notokr-regular; font-size: 0.765rem; FONT-WEIGHT: 600; }
#header .navi_bg_main .navibar .navibar_m .navibar_s li:hover > A { color:#5c5c5c; }


#header .navi_bg_mypage {margin:0; padding:0; width:1020px; height:31px; float:left;}
#header .navi_bg_mypage h2 {display:none;}
#header .navi_bg_mypage img {display: block;}
#header .navi_bg_mypage .navibar {display:inline; padding:0; margin:0;}
#header .navi_bg_mypage .navibar .navibar_m {display:inline; float: left; margin:0; padding:0;}

#header .navi_bg {margin:0; padding: 0; width: 1020px; float:left;}
#header .navi_bg h2 {display:none;}
#header .navi_bg img {display: block;}
#header .navi_bg .navibar {display: inline; padding: 0px; margin: 0;}
#header .navi_bg .navibar li {display: inline; float: left; margin: 0px; padding: 0;}

#container {width:1020px; padding-top:5px; padding-bottom:5px; float:left;} 
#container:after {display:block;clear:both;content:''} 
#container img {border:none;}

#main_contents {float:left; width:1020px; padding: 0 0 0 0;}
#contents {float:left; width:800px; padding: 0 0 0 10px;}

.lt_wl{width:210px;float:left;margin-bottom:10px;}
.lt_2wl{width:480px;float:left;margin-bottom:10px;}
.lt_3wl{width:800px;float:left;margin-left:10px;margin-bottom:10px;}
.lt_wr{width:260px;float:left;margin-left:10px;margin-bottom:10px;}
.lt_2wr{width:480px;float:left;margin-left:10px;margin-bottom:10px;}

.aside {float:left;width:210px;background: url('') no-repeat;}  


/* 로그인 */
.wrap_login {border:0px #cad0d5 solid; width:205px; height:175px; float:left; padding:15px;}
.wrap_login h2, .wrap_logined h2 {display:none;}
.wrap_login .login_1 {float: left; width: 127px;}
.wrap_login .login_2 {float: left; width: 50px;}
.wrap_login .txt_id,
.wrap_login .txt_pw {width: 120px; height:15px; background-color: #efefef; border: 1px #dddddd solid; color: #676767; font-size: 11px; padding: 2px 0 0 2px; margin-bottom: 3px; #margin-bottom: 1px;}
.wrap_login .txt_id.on {background:#efefef url('../images/common/txt_id.gif') 0 4px no-repeat;}
.wrap_login .txt_pw.on {background:#efefef url('../images/common/txt_pwd.gif') 0 4px no-repeat;}
.wrap_login .btn_login {background: url('../images/common/btn_login.gif') no-repeat; text-indent: -500em; width: 47px; height: 21px; border: 0; cursor: pointer; margin: 2px 0 0 3px;}
.wrap_login p {clear: both; font-size: 0; padding-top: 5px; margin:0;}

.wrap_logined {border:0px #cad0d5 solid; width:205px; height:175px; float:left; padding:15px;}
.wrap_logined ul {list-style:none; margin:0; padding:0;}
.wrap_logined li {font-size:11px; font-size:11px; hiddenmily:Dotum, Tahoma, Sans-serif;}
.wrap_logined li.user {border-bottom:1px solid #DCDCDC; height:23px; line-height:23px; margin-bottom:8px;}
.wrap_logined li.service {background:url('../images/common/dot.gif') 3px 5px no-repeat; padding-left:10px; height:18px; line-height:18px;}
.wrap_logined li label {width:90px; display:block; float:left;}
.wrap_logined li label.name {color:#034EA2; margin-left:5px; font-size: 12px; FONT-WEIGHT: 600; }
.wrap_logined li label.service {width:145px;}
.wrap_logined li span {float:left; margin-right:5px;}
.wrap_logined li span strong {font-weight:normal; color:#ED1C24;}
.wrap_logined li span a {text-decoration:underline; color:#3E86C0;}

/* 나의서비스 바로가기 */
.myservice {padding: 7px 0 7px 0; clear: both; height:33px;}

/* 고객센터 */
.customer {width: 180px; list-style: none; border-left: 0px #e0e0e0 solid; border-right: 0px #e0e0e0 solid; border-top: 0px #737171 solid; border-bottom: 0px #737171 solid; text-align: center; padding-top: 10px;}


/* 솔루션 구매안내 */
.purchase {border: 1px #c2c2c2 solid; background-color: #dddddd; float: left; margin: 10px 0 0 0;}
.purchase h4 {margin:0; padding:0;}
.purchase ul {padding: 0 0 0 1px; margin: 0;}
.purchase ul li {list-style: none; display: block; float: left; padding-right: 2px; padding-bottom: 2px;}

/* 서브 공통 */

.left_menu { border:1px solid #c9d1dc; width:210px;}
.left_menu h2 {margin:0; padding:0;}
.left_menu ul {padding: 5px 15px 10px 15px; margin: 0;}
.left_menu li {list-style: none; padding: 8px 0 8px 20px; border-bottom: 1px #ebebeb solid; font-size: 12px; background: url("../images/common/bullet.gif") no-repeat 0 13px transparent;}
.left_menu a.on {color:#e92a5e;}
.left_menu li a:hover {color: #e92a5e;}

.sub_contents {float:left; width:100%; font-size:12px; padding-top:0px; padding-left:5px; min-height:600px;}

/* footer */
.footer_menu {border-top: 2px #e3e3e3 solid; clear: both; float: left; margin: 20px 0 10px 0; padding-top: 10px; width: 1020px;}
.footer_menu ul {padding: 0; margin: 0 auto; width: 670px;}
.footer_menu ul li {list-style: none; display: block; float: left; padding: 0 20px; background: url('../images/main/footer_menu_bar.gif') no-repeat right;}
.footer_menu ul li a {color: #666666; text-decoration: none;}

/*
.copyright {border-top: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; width: 100%; color: #a4a4a4; margin-top: 0px; float: left;}
*/
.copyright {border-top: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; color: #a4a4a4; font-size:11px; line-height:1.4; clear:both;}
.copyright .logo {padding-top: 10px; float: left; margin: 14px 0 9px 0;}
.copyright .addr {float:left; width:600px; margin-top:15px; padding-bottom:10px;}
.copyright .escro {float:right; padding-top:20px;}
.copyright img {border:none;}

.pagelocation {border-top: 1px #f3f3f3 solid; float: left; width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px; letter-spacing:-1px;}
.pagelocation .txt {background: url("../images/common/location_img.gif") no-repeat 0 0 transparent; padding-left: 18px;}

.sub_title {float:left; width:800px; margin:5px 0 10px 0px; height:30px; border-bottom:1px solid #9E9E9E; padding-bottom:10px;}
.sub_title h2 {margin:0; padding:0;}
.sub_title h2 span {float:right; font-size:11px; font-weight:normal; letter-spacing:-1px; background: url("../images/common/location_img.gif") no-repeat 0 6px transparent; padding-left: 5px; text-indent:12px;}
.sub_title h2 em {color:#2E6D95; font-style:normal;}

.sub_page h1,
.sub_page h2,
.sub_page h3,
.sub_page h4,
.sub_page h5 {padding:0; margin:0;}

/* Button Common */
.sub_page .button,
.sub_page .button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; hiddenmily:Dotum, Tahoma, Sans-serif; white-space:nowrap; background:url('../images/common/btn_bg.gif') no-repeat; vertical-align:top; overflow:visible; color:#333;}
.sub_page .button {margin-right:4px;}
.sub_page .button * {left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.sub_page .button.small,
.sub_page .button.small *{ height:19px; line-height:21px;}
.sub_page .button.medium,
.sub_page .button.medium *{ height:24px; line-height:24px;}
.sub_page .button.large,
.sub_page .button.large *,
.sub_page .button.large_b,
.sub_page .button.large_b *,
.sub_page .button.large_g,
.sub_page .button.large_g * { height:30px; line-height:31px;}
.sub_page .button.xLarge,
.sub_page .button.xLarge * {height:44px; line-height:39px;}

.sub_page .button.small { background-position:left top;}
.sub_page .button.medium { background-position:left -24px;}
.sub_page .button.large { background-position:left -53px;}
.sub_page .button.large_b { background-position:left -88px;}
.sub_page .button.large_g { background-position:left -123px;}
.sub_page .button.xLarge { background-position:left -158px;}

.sub_page .button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right top;}
.sub_page .button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right -24px;}
.sub_page .button.large *{ padding:0 15px 0 11px; font-size:12px; background-position:right -53px;}
.sub_page .button.large_b *{ padding:0 22px 0 10px; font-size:12px; background-position:right -88px;}
.sub_page .button.large_g *{ padding:0 22px 0 10px; font-size:12px; background-position:right -123px;}
.sub_page .button.xLarge *{ padding:0 42px 0 27px; font-size:14px; font-weight:bold; background-position:right -158px;}

.sub_page .button.large_b,
.sub_page .button.large_b * {font-weight:bold; color:#1577bb; filter : dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1);}
.sub_page .button.large_g,
.sub_page .button.large_g * {font-weight:bold; color:#555555; filter : dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1);}

/* Button Strong */
.sub_page .button.strong *{ font-weight:bold !important;}

.sub_page .btnArea {margin:1em 0; text-align:center; *zoom:1;}
.sub_page .btnArea:after{ content:""; display:block; clear:both;}
.sub_page .btnArea .fLeft{ float:left;}
.sub_page .btnArea .fRight{ float:right;}

/*
.sub_page table {clear: both; width: 100%; border-collapse:collapse;}
*/
.sub_page table caption {display: none;}

.sub_page .table01 {clear: both; width: 100%; border-collapse:collapse; font-family:돋움, Dotum, Tahoma, Geneva, sans-serif;}
.sub_page .table01 th {background-image: url('../images/common/tit_tablebg.jpg');background-repeat: repeat-x; height:27px; color:#FFF; background-color:#84B2D4;}
.sub_page .table01 .no_bg {background:#F5F5F5; color:#255879;}
.sub_page .table01 th,
.sub_page .table01 td {border:1px solid #E6E6E6; line-height:1.2;}
.sub_page .table01 td {padding:5px; text-align:center;}
.sub_page .table01 th {border-top:1px solid #6292b0;}
.sub_page .table01 .t_line {height:1px; padding:0; border:none; background:#6292B0; border-left:1px solid #6292B0; border-right:1px solid #6292B0;}
.sub_page .table01 .g_line {height:1px; padding:0; border:none; background:#a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #a2a2a2;}
.sub_page .table01 .lfpd {text-align:left; padding-left:10px;}
.sub_page .table01 .rfpd {text-align:right; padding-right:10px;}
.sub_page .table01 td.title {background:#F5F5F5; font-weight:bold; padding-left:10px; text-align:left;}
.sub_page .table01 td.text {padding-left:10px; text-align:left;}
.sub_page .table01 td.ar {text-align:right; padding-right:10px;}
.sub_page .table01 .num {font:11px Tahoma;}
.sub_page .table01 td .tax {list-style:none; margin:0; padding:0;}
.sub_page .table01 td .tax li {line-height:22px; height:22px; clear:both;}
.sub_page .table01 td .tax li label {width:120px; background:#EEE; display:block; float:left; margin:1px 5px 2px 0; text-align:center; color:#494949; font-size:11px;}
.sub_page .table01 td .tax li label.name {background:#D9E4EE;}
.sub_page .table01 p.tip {font-size:11px; color:#999;}


.sub_page .tabletype01 {clear: both; width: 100%; border-collapse:collapse; background:url('../images/common/table_bg2.gif') 0 0 repeat-x;}
/*.sub_page .tabletype01 {background:url('../images/common/table_bg.gif') repeat-x;}*/
.sub_page .tabletype01 .ac {text-align:center;}
.sub_page .tabletype01 .al {text-align:left;}
.sub_page .tabletype01 .ar {text-align:right; padding-right:10px;}
.sub_page .tabletype01 th {height:36px; border-bottom:1px solid #D4D4D4; color:#6a8da3;}
.sub_page .tabletype01 .bar_f {background:url('../images/common/table_bar_f.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 .bar {background:url('../images/common/table_bar.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 .line_f {background:url('../images/common/table_line_f.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 .line {background:url('../images/common/table_line.gif') no-repeat; background-position:right top;}
.sub_page .tabletype01 th,
.sub_page .tabletype01 td {border-bottom:1px solid #D4D4D4; background:none;}
.sub_page .tabletype01 td {padding:7px 10px 7px 10px;}

.sub_page .tabletype02 {clear:both; width:100%; border-collapse:collapse;}
.sub_page .tabletype02 {border-top:2px solid #6a8da3;}
.sub_page .tabletype02 td,
.sub_page .tabletype02 th {border-bottom:1px solid #d4d4d4; padding:7px 0 7px 0; font-weight:normal;}
.sub_page .tabletype02 th {text-align:left; padding-left:10px; color:#6a8da3;}
.sub_page .tabletype02 td {padding-left:10px;}
.sub_page .tabletype02 .bar {background:url('../images/common/table_bar2.gif') no-repeat; background-position:right top;}
.sub_page .tabletype02 span.help {font-size:11px; letter-spacing:-1px;}

.sub_page .tabletype02 td .tax {list-style:none; margin:0; padding:0;}
.sub_page .tabletype02 td .tax li {line-height:22px; height:22px; clear:both;}
.sub_page .tabletype02 td .tax li label {width:120px; background:#EEE; display:block; float:left; margin:1px 5px 2px 0; text-align:center; color:#494949; font-size:11px;}
.sub_page .tabletype02 td .tax li label.name {background:#D9E4EE;}

.sub_page .tabletype03 {clear:both; width:100%; border-collapse:collapse; border-bottom:3px solid #e5e5e5;}
.sub_page .tabletype03 td,
.sub_page .tabletype03 th {border:1px solid #d4d4d4; padding:8px 0 8px 0; text-align:center; }
.sub_page .tabletype03 th {background:#FAFAFA;}

.sub_page .inputText, 
.sub_page .inputTextarea {padding:3px 3px; font-size:12px; font-family:돋움, Dotum, Tahoma, Geneva, sans-serif; border:1px solid #CDCDCD; background:transparent; color:#666;}
.sub_page .inputText.no_line {border:none;}
.sub_page .inputText.name {width:140px;}
.sub_page .inputText.company {width:250px;}
.sub_page .inputText.email {width:240px;}
.sub_page .inputText.url {width:300px;}
.sub_page .inputText.tel {width:40px;}
.sub_page .inputText.file {width:400px;}
.sub_page .inputText.content {width:98%;}
.sub_page select {font-size:12px;}
.sub_page input[type=checkbox],
.sub_page input[type=radio] {width:13px; height:13px; vertical-align:bottom};
.sub_page .inputText.reg {width:300px;}
.sub_page .inputText.post {width:200px;}
.sub_page .inputText.addr {width:400px;}

.solution_customer {padding-top:20px;}
.solution_customer p {float:right; letter-spacing:-1px;}

.sub_page .tax_popup .krZip .zipLabel {display:block; position:static; left:4px; top:4px; white-space:nowrap; color:#666;}
.sub_page .tax_popup .krZip .item {position:relative; padding-bottom:5px;}
.sub_page .tax_popup h3.title {background:url('/images/common/title_popup_bg.gif') no-repeat; height:50px; padding-left:60px; padding-top:10px;}
.sub_page .tax_popup h3.title .title1 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 0; width:154px;}
.sub_page .tax_popup h3.title .title2 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -20px; width:154px;}
.sub_page .tax_popup h3.title .title3 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -40px; width:154px;}
.sub_page .tax_popup h3.title .title4 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -60px; width:154px;}
.sub_page .tax_popup h3.title .title5 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -80px; width:154px;}
.sub_page .tax_popup h3.title .title6 {background:url('/images/common/title_popup.gif') no-repeat; height:21px; background-position:0 -100px; width:160px;}
.sub_page .tax_popup h3.title span {float:right; padding-right:20px;}

.sub_page .tax_popup h4 {height:24px; line-height:24px;}
.sub_page .tax_popup h4 span {font-weight:normal; float:right;}
.sub_page .tax_popup .button_area {text-align:center; padding:15px 0 15px 0;}

.sub_page .cash_receipt_input li {float:left; margin-right:5px; margin-top:10px;}
.sub_page .cash_receipt_input li.ssn input {width:70px;}
.sub_page .cash_receipt_input li.corpnum input,
.sub_page .cash_receipt_input li.mobile input {width:40px;}

.sub_page .krZip .zipLabel {display:block; position:static; left:4px; top:2px; white-space:nowrap; color:#666;}
.sub_page .krZip .item {position:relative; padding-bottom:5px;}

.sub_page .paging_area {margin-top:12px; text-align:center;}
.sub_page .paging_area .prev_page {color:#666; padding:0 0 0 9px; margin-right:8px; background:url('/images/common/allow_prev_page.gif') 0 3px no-repeat;}
.sub_page .paging_area .next_page {color:#666; padding:0 9px 0 0; margin-left:3px; background:url('/images/common/allow_next_page.gif') 100% 3px no-repeat;}
.sub_page .paging_area .prev_page_disabled {color:#999; padding:0 0 0 9px; margin-right:8px; background:url('/images/common/allow_prev_page_disabled.gif') 0 3px no-repeat;}
.sub_page .paging_area .prev_page_disabled:hover {text-decoration:none;}
.sub_page .paging_area .next_page_disabled {color:#999; padding:0 9px 0 0; margin-left:3px; background:url('/images/common/allow_next_page_disabled.gif') 100% 3px no-repeat;}
.sub_page .paging_area .next_page_disabled:hover {text-decoration:none;}
.sub_page .paging_area span a {color:#666; font-size:11px; font-family:Tahoma; font-weight:bold; padding:3px 6px 2px; margin-right:5px; border:1px solid #fff;}
.sub_page .paging_area span a:hover {color:#6173e8; font-size:11px; font-family:Tahoma; font-weight:bold; border:1px solid #d7d7d7;}
.sub_page .paging_area span a.current_page {color:#6173e8; border:1px solid #d7d7d7; cursor:default;}
.sub_page .paging_area span a.current_page:hover {color:#6173e8; cursor:default; text-decoration:none;}
.sub_page .paging_area.base span a	{margin-right:0;}

.sub_page {line-height:1.4;}
.sub_page ul {list-style:none; margin:0; padding:0;}

.Loading {width:250px; height:90px; background:url('/images/common/ing.gif') no-repeat; position:absolute; display:none;}



/* 2018-01-18 추가 */

/* office 365 link */
.office365_intro{width:208px;height:193px;border:1px solid #cccd;padding:0px;}
.office365_intro h3 {font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움';font-size:13px; !important; color:#C74651; width:100%; float:left; margin-bottom:3px; padding:0px; border:0;}

.office365_intro ul li { width:100%; float:left; margin:2px 0; display:inline-block;   padding:0px; border:0;}
.office365_intro ul li a {width:100%; padding:5px 10px 5px 10px; background:#f2f2f2; display:block; box-sizing:border-box; }
.office365_intro ul li a .demo { width:21px; height:20px; background:url(/images/main/demo_icon.png) no-repeat; display:inline-block; vertical-align:middle; padding-right:25px; }
.office365_intro ul li a .down { width:21px; height:20px; background:url(/images/main/down_icon.png) no-repeat; display:inline-block; vertical-align:middle; padding-right:25px; }
.office365_intro .demo { width:100%; float:left; }
.office365_intro .demo + .demo { margin-top:1px; }

.top_blue_line{font-family:Malgun Gothic,'맑은 고딕'; font-size:14px; font-weight:bold; color:#2d90ed; border-top:#2d90ed 3px solid; padding-top:10px; display:inline-block;}
.page_title{margin:20px 0 47px;}
.page_title p{font-family:Malgun Gothic,'맑은 고딕'; font-size:34px; color:#282828; font-weight:bold; line-height:1em; letter-spacing:-1px;}
.page_title .sub{font-size:20px; font-weight:normal; margin-top:12px;}
.new_table_type1, .new_table_type2{position:relative; border-top:#808080 1px solid;}
.new_table_type1 table{padding:0;border-collapse:collapse; width:100%;}
.new_table_type1 th, .new_table_type1 td{font-size:12px; color:#737373; padding:14px 5px 12px; border:#cdcdcc 1px solid; text-align:center;}
.new_table_type1 thead th{border-top:none; background:#eeeff5;}
.new_table_type1 tbody th{font-size:11px; background:#fafafa;}
.new_table_type2 table{padding:0;border-collapse:collapse; width:100%;}
.new_table_type2 th, .new_table_type2 td{font-size:12px; color:#737373; padding:14px 10px 12px; border:#cdcdcc 1px solid;}
.new_table_type2 th{color:#575757; border-top:none; background:#eeeff5;}
.new_table_type2 tbody tr:first-child >*{border-top:none;}
.new_table_type2 td.form_input{padding-top:11px;}
.new_table_type2 td input[type=radio]{vertical-align:top; padding:0; margin:6px 0 0;}
.new_table_type2 td label{margin:5px 20px 0 6px; display:inline-block; vertical-align:top;}
.new_table_type2 td input[type=text]{font-size:12px; width:99%; border:#cccccc 1px solid; height:28px; text-indent:9px; line-height:28px;}
.new_table_type2 td input[type=checkbox]{vertical-align:top; padding:0; margin:6px 0 0;}
.form_info{font-size:11px; margin-top:3px; display:inline-block;}
.sec_tit{font-family:Malgun Gothic,'맑은 고딕'; font-size:18px; color:#282828; margin-bottom:12px;margin-top:40px; letter-spacing:-1px; position:relative;}
.line_box{border:#e3e3e3 1px solid; padding:30px 20px;}
.line_box_top_black{border:#e3e3e3 1px solid; padding:30px 20px; border-top:#808080 1px solid;}
.gray_box{background:#f5f5f5; padding:29px 20px;}
.blt_blue_line_li{margin-left:10px; margin-top:15px;}
.blt_blue_line_li > li{font-size:12px; color:#575757; background:url('../images/201801_renewal/blt_blue_line.png') left 5px no-repeat; padding-left:14px; display:block; float:none; margin-top:10px; letter-spacing:-.5px; line-height:1.3em;}
.blt_blue_line_li .blt_gray_dot_li{margin-top:5px;}
.line_box .blt_blue_line_li{margin-left:0; margin-top:0;}
.line_box .blt_blue_line_li > li{margin-top:15px;}
.line_box_top_black .blt_blue_line_li{margin:0;}
.blt_blue_line_li > li:first-child{margin-top:0;}
.blt_gray_dot_li > li{font-size:11px; color:#737373; background:url('../images/201801_renewal/blt_gray_dot.png') left 4px no-repeat; padding-left:8px; display:block; float:none; margin-top:5px; letter-spacing:normal; line-height:1.3em;}
.blt_gray_dot_li > li:first-child{margin-top:0;}
.gray_box .blt_gray_dot_li > li{color:#575757; margin-top:10px;}
.gray_box .blt_gray_dot_li > li:first-child{margin-top:0;}
.blt_white_dot{margin-top:5px;}
.blt_white_dot > li{font-size:13px; color:#fff; background:url('../images/201801_renewal/blt_white_dot.png') left 6px no-repeat; padding-left:8px; display:block; float:none; margin-top:2px; letter-spacing:-.5px;}
.blt_white_dot > li:first-child{margin-top:0;}
.colfa2828{color:#fa2828;}
.col2d90ed{color:#2d90ed;}
.col575757{color:#575757;}
.mid_line1{text-decoration:line-through;}
.mid_line2{color:#a7a7a7; text-decoration:line-through;}
.ico_red_caution{font-size:12px; font-weight:bold; color:#fa2828; background:url('../images/201801_renewal/ico_red_caution.png') left 2px no-repeat; padding-left:17px; margin-bottom:9px;}
.btn_gray_detail_view{position:absolute; top:0; right:0;}
.btn_gray_detail_view img{vertical-align:middle;}
.sec_tit_agree{font-size:12px; color:#575757; position:absolute; top:2px; right:0;}
.bot_btn{margin-top:40px; position:relative;}
.bot_btn > div > a{display:inline-block; margin-left:5px;}
.bot_btn > div > a:first-child{margin-left:0;}
.bot_btn > .center{text-align:center;}
.posiR{position:relative;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.info_hosting_cont .page_title {position:relative; padding: 0 0 48px 0; border-bottom: 1px solid #808080;}
.info_hosting_cont .btn_tit_request {position:absolute; top:5px; right:0;}
.info_hosting_cont .info_guide_box {overflow:hidden;}
.info_hosting_cont .info_guide_box .ig_box {float:right; width:370px; height:272px; text-align:center;}
.info_hosting_cont .info_guide_box .ig_box:first-child {float:left;}
.info_hosting_cont .info_guide_box .ig_box p {padding:25px 0; line-height:20px; border:1px solid #e3e3e3; border-top:none;}
.info_hosting_cont .info_guide_box .ig_box strong {color:#2d90ed;}
.info_hosting_cont .hositng_diff_box {background:url('../images/201801_renewal/img_hosting.png') no-repeat 50px 26px;}
.info_hosting_cont .hositng_diff_box .blt_blue_line_li {margin:0 0 0 180px;}
.info_hosting_cont .hositng_diff_box .blt_blue_line_li > li{margin-top:40px;}
.info_hosting_cont .hositng_diff_box .blt_blue_line_li > li:first-child{margin-top:0;}
.info_hosting_cont .btn_request {display:block; padding:30px 0 0 0; text-align:center;}
.step2_cont .new_table_type1 table {font-size:12px;}
.step2_cont .new_table_type1 tbody th {background:#fff;}
.step2_cont .new_table_type1 th, .step2_cont .new_table_type1 td {color:#575757;}
.step3_cont .new_table_type1 table {font-size:12px;}
.step3_cont .new_table_type1 tbody th {background:#fff;}
.step3_cont .new_table_type1 th, .step2_cont .new_table_type1 td {color:#575757;}
.step3_cont .new_table_type1 strong.complete {color:#fa2828;}
.step3_cont .blt_blue_line_li strong {color:#2d90ed;}
.estimate_wrap{position:fixed; bottom:0; left:0; z-index:2; width:100%; background:url('../images/201801_renewal/bg_top_estimate.png') left top repeat-x; padding-top:18px;}
.estimate_wrap .bg_col{background:#293b4e;}
.estimate_con{width:990px; margin:0 auto; padding:16px 0; overflow:hidden;}
.estimate_con > div{float:left; padding:9px 0; height:70px;}
.estimate_con .type_name{font-family:Malgun Gothic,'맑은 고딕'; font-size:15px; color:#a1d1ff; font-weight:bold;}
.estimate_con .list_area{overflow:hidden;}
.estimate_con .estimate_imghosting .list_area > ul{float:left; width:146px;}
.estimate_con .list_area > ul:first-child{float:left; width:155px;}
.estimate_addoption{background:url('../images/201801_renewal/ico_circle_plus.png') left center no-repeat; padding:9px 0 9px 70px !important;}
.estimate_total{background:url('../images/201801_renewal/ico_circle_equals.png') left center no-repeat; padding:23px 0 0 70px !important; height:65px !important;}
.estimate_total_num{font-family:Malgun Gothic,'맑은 고딕'; font-size:24px; color:#fff; font-weight:bold; padding:10px;}
.estimate_btn{width:180px; float:right !important; padding:0 !important;}
.estimate_btn a{margin-top:4px; display:block;}
.estimate_btn a:first-child{margin-top:0;}
.layer_pop_wrap{position:fixed; top:0; left:0; z-index:300; width:100%; height:100%;}
.layer_pop_con_agree, .layer_pop_con_estimate{position:absolute; top:50%; left:50%; width:682px; margin-left:-380px; z-index:2; background:#fff; padding:40px 39px;}
.layer_pop_con_agree{height:368px; margin-top:-224px;}
.layer_pop_con_estimate{height:704px; margin-top:-392px;}
.layer_pop_wrap > div > div .sec_tit{font-size:16px; font-weight:bold; color:#282828; margin:40px 0 16px;}
.layer_pop_wrap > div > div .sec_tit:first-child{margin-top:0;}
.terms_area{border:#cdcdcc 1px solid;}
.terms_area textarea{padding:27px 21px; width:638px; height:221px; border:none;}
.layer_pop_dim{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:#000; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
.official_seal{position:absolute; bottom:-52px; right:115px;}
.official_seal img{width: 140px;}
.new_table_type2 .form_input{padding:0 10px !important;}



.table {border-collapse:collapse;}
.table .price { color:#ef4123; }
.table th { background-color:#edf4f9;border-right:1px solid #d2e8f6; border-bottom:1px solid #d2e8f6;height:30px;text-align:center; border-left:1px solid #d2e8f6;}
.table td { border-left:1px solid #d2e8f6;;border-right:1px solid #d2e8f6; border-bottom:1px solid #d2e8f6;text-align:center;height:0px; }

.table2 {border-collapse:collapse;}
.table2 td { border:0px;text-align:left;line-height:20px;margin-top:10px;margin-bottom:10px;}

.table3 { border:0px;text-align:left;font-weight:bold;}

.colocation_title{
	font-family:dotum;
	color:525252;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
}


.table_rnd_bg_type1{
	text-align:center;
	background: url('/images/201306_renewal/common/suball2_h_bg01.gif');
	BORDER-RIGHT: #6e6d8b 1px solid;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ffffff;
	padding-top:3px;
}

.table_rnd_bg_type2{
	text-align:center;
	background: url('/images/201306_renewal/common/suball2_h_bg02.gif');
	BORDER-RIGHT: #6e6d8b 1px solid;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#717d8b;
	padding-top:3px;
}

.table_rnd_bg_left_type1{
	text-align:center;
	background: url('/images/201306_renewal/common/suball2_h_bg01.gif');
	BORDER-LEFT: #6e6d8b 1px solid;
	BORDER-RIGHT: #6e6d8b 1px solid;
	padding-left:1px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ffffff;
	padding-top:3px;
}

.table_rnd_bg_right_type1{
	text-align:center;
	background: url('/images/201306_renewal/common/suball2_h_bg01.gif');
	BORDER-RIGHT: #6e6d8b 1px solid;
	padding-left:1px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ffffff;
	padding-top:3px;
}

.table_rnd_bg_left_type2{
	text-align:center;
	background: url('/images/201306_renewal/common/suball2_h_bg02.gif');
	BORDER-LEFT: #6e6d8b 1px solid;
	BORDER-RIGHT: #6e6d8b 1px solid;
	padding-left:1px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#6e6d8b;
	padding-top:3px;
}

.table_rnd_bg_right_type2{
	text-align:center;
	background: url('/images/201306_renewal/common/suball2_h_bg02.gif');
	BORDER-RIGHT: #6e6d8b 1px solid;
	padding-left:1px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ffffff;
}

.table_rnd_bg2_left_type{
	background: url('/images/201306_renewal/common/suball_h_grp01.gif') no-repeat top;
	width:11px;
	height:38px;
}

.table_rnd_bg2_right_type{
	background: url('/images/201306_renewal/common/suball_h_grp04.gif') no-repeat top;
	width:5px;
	height:38px;
	text-align:right;
	padding-right:0px;
	padding-left:0px;
	margin-right:0px;
}

.table_rnd_bg2_right_type01{
	background: url('/images/201306_renewal/common/suball_h_grp04.gif') no-repeat top;
	width:5px;
	height:38px;
	text-align:right;
	padding-right:0px;
	padding-left:0px;
}

.table_rnd_bg2{
	background: url('/images/201306_renewal/common/suball_h_grp02.gif') repeat-x bottom;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	height:38px;
	table-layout:fixed;
	letter-spacing:-1px;
}

.table_rnd_bg2 td{
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	table-layout:fixed;
	letter-spacing:-1px;
}


.table_rnd_div{
	width:3px;
}

.table_rnd_left_b{
	width:7px;
	height:4px;
	background: url('/images/201306_renewal/common/suball2_line_l.gif') no-repeat;
}

.table_rnd_bg_b{
	background: url('/images/201306_renewal/common/suball2_line_bg.gif') repeat-x;
}

.table_rnd_right_b{
	width:7px;
	background: url('/images/201306_renewal/common/suball2_line_r.gif') no-repeat;
}

.table_rnd_content_left{
	color:#525252;
	padding-top:2px;
	padding-bottom:1px;
	height:24px;
	background-color:#f4f8fb;
	BORDER-LEFT: #dfdfde 1px solid;
	BORDER-RIGHT: #dfdfde 2px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
}

.table_rnd_content_left01{
	color:#525252;
	padding-top:8px;
	padding-bottom:5px;
	height:25px;
	background-color:#f4f8fb;
	BORDER-LEFT: #dfdfde 1px solid;
	BORDER-RIGHT: #dfdfde 2px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	padding-left:20px;
	font-weight:bold;
}

.table_rnd_content_left02{
	color:#525252;
	padding-top:2px;
	padding-bottom:1px;
	height:18px;
	background-color:#f4f8fb;
	BORDER-LEFT: #dfdfde 1px solid;
	BORDER-RIGHT: #dfdfde 2px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
}

.table_rnd_content_left03{
	color:#525252;
	padding-top:4px;
	padding-bottom:3px;
	height:19px;
	background-color:#f4f8fb;
	BORDER-LEFT: #dfdfde 1px solid;
	BORDER-RIGHT: #dfdfde 2px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
}

.table_rnd_content03{
	height:19px;
	padding-top:5px;
	padding-bottom:4px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content_left04{
	height:13px;
	font-family:'돋움';
	font-size:11px;
	color:#525252;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
	padding-top:5px;
	background-color:#f5f5f5;
	BORDER-LEFT: #dfdfde 1px solid;
	BORDER-RIGHT: #dfdfde 2px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	width:137px;
}

.table_rnd_content04{
	height:20px;
	font-family:'돋움';
	font-size:12px;
	color:#808080;
	padding-top:5px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content04_bg1{
	height:20px;
	background-color:#FDF5E8;
	font-family:'돋움';
	font-size:12px;
	color:#808080;
	padding-top:5px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content04_bg2{
	height:20px;
	background-color:#FFF0FF;
	font-family:'돋움';
	font-size:12px;
	color:#808080;
	padding-top:5px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content04_bg3{
	height:20px;
	background-color:#E3F2FF;
	font-family:'돋움';
	font-size:12px;
	color:#808080;
	padding-top:5px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content{
	height:24px;
	padding-top:2px;
	padding-bottom:1px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content1{
	height:19px;
	padding-top:5px;
	padding-bottom:3px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	table-layout:fixed;
}

.table_rnd_content_b1{
	height:19px;
	padding-top:5px;
	padding-bottom:3px;
	background-color:#f1f1f1;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
}

.table_rnd_content_b{
	padding-top:7px;
	background-color:#f1f1f1;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	padding-bottom:6px;
}

.table_rnd_content_b01{
	padding-top:5px;
	background-color:#f1f1f1;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

.table_rnd_content_b02{
	height:24px;
	background-color:#f1f1f1;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	text-align:center;
}


.table_rnd_content_s{
	font-family:verdana;dotum;
	font-size:12px;
	padding-top:0px;
	BORDER-RIGHT: #dfdfde 1px solid;
	BORDER-BOTTOM: #dfdfde 1px solid;
	padding-left:5px;
	text-align:center;
	table-layout:fixed;
	letter-spacing:-1px;
}