@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,ul,li,a,textarea,div,p,span,td,input,select,pre {font-family: 'Noto Sans Korean', sans-serif;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, input, th, td {
    margin: 0;
    padding: 0;
}

.container { max-width: 1200px;  width: 90%; margin: 0 auto;position: relative;}
.container:after, .clear_after:after  {content:""; clear:both; display:table;}
*, ::after, ::before { box-sizing: border-box; }
section {display:block;}
img{border:0;}
ul,ol{list-style:none;}
table{width:100%;border-collapse:collapse;}
input,select,textarea{ font-size:100%;}
textarea {resize:none;}
fieldset{border:0;}
hr, .develop{display:none;}/*개발용*/
address{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500; line-height:1em;}
em{font-style:italic;}
input, button{font-family:inherit;}
.btn_search {background: url(../img/board/btn_search1.gif) no-repeat;width: 62px;height: 23px;vertical-align: middle;}
button span {font-size: 5px;width: 0px;height: 0px;line-height: 0px;visibility: hidden;overflow: hidden;}
.inputFocus {background-color:#F5F8FC;border:2px solid #718DBC;padding:1px;}
.hidden , .hiddenLabel{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}
.clear{clear:both}
.line_break{display:block;width:1px;height:0px;}
.point_color{color:#007abe}
.dark_color{color:#111}
.sub_color{color:#ff8a1b}
a{color:#666}
input{vertical-align: middle; height:23px;}
select{height:23px;}
input:focus{outline:2px #ff8a1b solid;}
body{color:#555;font-size:12px; line-height:1em; word-break:break-all;}
.pc_br {display:block; color:rgba(0,0,0,0);line-height:0;}

#skip{position:relative;width:100%;margin:0 auto;}
#skip a{z-index:999;position:absolute;top:-990px;display: block;overflow: hidden;}
#skip a:focus{top:0;font-size:14px}

#wrap{position:relative;}
#top_menu_wrap{background:#fafafc;}
#top_menu{height:40px;width:1000px;margin:0 auto;overflow:hidden;}
.bookmarkAdd{float:left;padding:0 0 0 30px;line-height:40px;background:url(../img/common/star_icon.gif) 10px center no-repeat}
.bookmarkAdd a{color: #666;}
#top_menu ul{float:right}
#top_menu ul li{float:left;height:40px;line-height:40px;border-left:1px solid #e4e4e4;letter-spacing:-.08em;}
#top_menu .myService{border-right:1px solid #e4e4e4;}
#top_menu ul li a{display:block;padding: 0 16px;height:100%;color:#888;text-decoration:none;font-weight:600}
#top_menu .active a, #top_menu ul li a:hover{color:#007abe}
#top_menu ul li a span{margin-right:3px;vertical-align: middle;display:inline-block;height:10px;background:url(../img/common/top_icon.gif) no-repeat}
#top_menu .Home{height: 39px;background: #fff;margin-bottom: -1px;border-bottom: 1px solid #fff;}
#top_menu .Home a{color: #007abe;}
#top_menu .Home span{background:none}
#top_menu .myHome span{width:11px;background-position:0 0;}
#top_menu .myHome a:hover span{background-position:0 -10px}
#top_menu .card span{width:7px;background-position:-11px 0 }
#top_menu .card a:hover span{background-position:-11px -10px }
#top_menu .consult span{width:9px;background-position:-18px 0 }
#top_menu .consult a:hover span{background-position:-18px -10px }
#top_menu .myService span{width:9px;background-position:-27px 0 }
#top_menu .myService a:hover span{background-position:-27px -10px}

#header{height:100px;}
h1.logo{float:left;width:210px;height:100px;background:url(../img/common/main_logo.png) left no-repeat;text-indent:-9999px}
h1.logo a{display:block;width:100%;height:100%;}

#header_wrap {position: fixed;  width: 100%;  top: 0;  background: #fff;  z-index: 1000;}
#header_wrap.scroll_fix {box-shadow: 0 1px 5px rgba(0,0,0,0.2);}


.header_right_section {position: absolute;  right: 0; top:0;height: 100px; opacity:1; -webkit-transition: all 1s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.header_right_section .inner_wrap {display: table; width: 100%; height: 100%;}
.header_right_section .inner_wrap > div {display: table-cell; vertical-align: middle;}
.header_right_section .inner_wrap ul li  {display: inline-block;}
.header_right_section .inner_wrap ul li a:hover {    text-decoration: none;}
.header_right_section .inner_wrap .login_area li a {font-size: 13px; color: #999;  font-weight: 500;}
.header_right_section .inner_wrap .login_area li a:hover {color:#006cb6;}
.header_right_section .inner_wrap .login_area .mid_dot {display: inline-block; padding: 0 5px 0 6px;}
.header_right_section .inner_wrap .service_area {padding-left:5px;}
.header_right_section .inner_wrap .service_area a {display: inline-block;  color: #999;  font-size: 12px;  line-height: 1em;  border: 1px solid #999;  padding: 5px;  width: 75px;  text-align: CENTER;   margin-left: 2px;}
.header_right_section .inner_wrap .service_area a {background: #fff; color: #999; border:1px solid #999;}
.header_right_section .inner_wrap .service_area a:hover {background: #006cb6; color: #fff; border:1px solid #006cb6;}
.header_right_section .inner_wrap .service_area li.current a {background: #006cb6; color: #fff; border:1px solid #006cb6;}

#gnb{float:left;  padding-left: 60px;}
.gnb_dep1>li , .myhome_gnb>li{float:left;font-size:1.36em;}
/*.gnb_dep1>li>a , .myhome_gnb>li>a{display:block;height:90px;color:#333;line-height:90px;padding:0 25px;text-decoration:none;}*/
.gnb_dep1>li>a{display:block;height:100px;color:#222;line-height:100px;padding: 0 25px;text-decoration:none;font-weight:500;font-size: 17px;}
.myhome_gnb>li>a{display: block;  height: 100px; color: #222; line-height: 100px; padding: 0 38px; text-decoration: none; font-weight: 500;  font-size: 17px;}
.myhome_gnb>li>a:hover, .myhome_gnb>li>a.currnet  { border-bottom:5px solid #222935; color:#006cb6;font-weight:600;}
.myhome_gnb>li.current>a {color:#006cb6;font-weight:600;}
.gnb_dep1>li>a.currnet {border-bottom:5px solid #222935; color:#006cb6;font-weight:600;}
.gnb_dep1>li.current>a {color:#006cb6;}

/*.gnb_dep2_box{display:none;position:absolute;width:100%;background:url(../img/common/gnb_bg.jpg) repeat;top:130px;left:0;z-index:9999}*/
.gnb_dep2_box{display:none; 
                       background-image:linear-gradient(to right, #303846 20%, #222935 20%, #222935); 
                       position:fixed;width:100%;top:100px;left:0;z-index:1000; }
.gnb_dep2{min-height:200px;width: 170px; line-height: 100%; float:left; margin: 50px 0 10px 100px; position: relative;}
.gnb_dep2.border_right { border-right: 1px solid #556273; }
.gnb_dep2>li>a{display:block;color:#fff; font-size:17px; }
.gnb_dep2>li>a .fa {position: relative; left: 10px; top: -1px; font-size: 14px;}
.gnb_dep2>li>a.current {color:#46a7e9; font-weight:500;}
.gnb_dep2>li.current>a {color:#46a7e9; }
.gnb_dep2 a:hover{text-decoration:none; color:#46a7e9;}
.gnb_dep2 a{color:#0072ce}
.gnb_dep2>li{ padding:0 0 30px 0;min-width:120px;}
.gnb_dep2.login>li{ padding:0 0 25px 0;}
.gnb_dep2 li ul{font-size:.88em;letter-spacing:-.1em}
.gnb_dep2 li ul li{margin-bottom:25px; }

.gnb_dep2 li.padding0 {padding-right:0}
.gnb_dep2 .gnb_dep2_sub {position: ABSOLUTE;  top: 0; left: 240px; width: 200px;}
.gnb_dep2 .gnb_dep2_sub li a{font-weight: normal; font-size: 15px; color: #fff; opacity: 0.6;}
.gnb_dep2 .gnb_dep2_sub li a:hover {opacity: 1 !important; color:#46a7e9;}

.gnb_dep2_box .sub_menu_info_box {float: left; width: 265px;  height: 310px; background:#303846;padding: 50px 30px 50px 10px; margin-left:-10px; position:relative;}
.gnb_dep2_box .sub_menu_info_box h2 {font-size: 25px; color: #fff; line-height: 1em; padding-bottom: 18px; margin-bottom: 15px; border-bottom: 1px solid #4f545d;}
.gnb_dep2_box .sub_menu_info_box .white_txt {color:#fff; font-size:17px; line-height: 1.5em;}
.gnb_dep2_box .sub_menu_info_box .keycolor_txt { font-size: 17px; color: #46a7e9; line-height: 1.5em;}
.gnb_dep2_box .sub_menu_info_box .keycolor_txt.small {font-size: 14px; padding-top: 10px;}
.gnb_dep2_box .sub_menu_info_box .keycolor_txt.empty { padding-top: 30px;}
.gnb_dep2_box .sub_menu_info_box .keycolor_txt.empty_small { padding-top: 10px;}
.gnb_dep2_box .sub_menu_info_box a {position: absolute; bottom: 50px; left: 10px; display: inline-block;  font-size: 13px; color: #fff; line-height: 1em; padding: 8px 30px 8px 15px; border: 1px solid #fff; margin-top: 25px; text-decoration: none;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.gnb_dep2_box .sub_menu_info_box a .fa { position:relative; left:10px; font-size:14px;}
.gnb_dep2_box .sub_menu_info_box a:hover {background:#fff; color:#000;}

.bg_box{display:none;position: fixed; width: 100%; background: #222935; top: 100px; left: 0; z-index: 99; height: 300px;}
.bg_box .bg_icon {width:1000px;margin:0 auto;height:100%;background:url(../img/common/icon_homepage.png) 0 0 no-repeat}


 .myhome_gnb>li{position:relative}
 .myhome_gnb li ul{display:none;height: inherit; z-index: 999; position: absolute; top: 150px; left: 0; font-size: 15px; line-height: 1em; padding: 0 0 0 35px; margin: 0;}
 .myhome_gnb li:nth-child(2) ul {padding: 0 0 0 20px;}
 .myhome_gnb li:nth-child(3) ul {padding: 0 0 0 20px;}
 .myhome_gnb li ul li {margin: 0 0 20px;}
 .myhome_gnb li ul li a{color:#fff}
 .myhome_gnb li ul li a:hover{color: #46a7e9; text-decoration:none}
  .myhome_gnb li ul li.current a {color: #46a7e9; text-decoration:none}
 .myhome_gnb li ul li.first{background:url(../img/common/icon_homepage.png) 0 0 no-repeat}
 .myhome_gnb li .service{background: none;}








/* mobile-menu */

.header_hamburder_menu {
display:none;
position: absolute; right: 0; top: 50%;
transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);}
.navbar-toggle {cursor: pointer;color: #fff;}

.hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .15s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.hamburger-box {   position: relative;  display: inline-block;  width: 28px;height: 20px; }
.hamburger-inner:after, .hamburger-inner:before {  display: block;   content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 100%; height: 3px; border-radius: 0; }
.hamburger-inner {  margin-top: 1px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {     position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #006cb6;}
.hamburger-inner:before {   top: 8px;  transition-property: transform,opacity;}
.hamburger-inner:after {   bottom: -16px; }
.navbar-toggle.active .hamburger-inner { 
    transform: translate3d(0,5px,0) rotate(45deg);
   -webkit-transform:translate3d(0,5px,0) rotate(45deg);
   -ms-transform:translate3d(0,5px,0) rotate(45deg);}
.navbar-toggle.active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(0px,0px,0);
	-webkit-transform:rotate(-45deg) translate3d(0px,0px,0);
    -ms-transform:rotate(-45deg) translate3d(0px,0px,0);
    opacity: 0;
}
.navbar-toggle.active .hamburger-inner:after {
    transform: translate3d(0,-16px,0) rotate(-90deg);
	-webkit-transform: translate3d(0,-16px,0) rotate(-90deg);
	 -ms-transform: translate3d(0,-16px,0) rotate(-90deg);
}

.mobile_menu_contents {position: fixed;  top: 0; left: 100%; width: 100%; height: 100%; background: #222935; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.15s;transition: all 0.35s;overflow-y: auto;}

#mobile_menu_box .gnb_dep1 { margin-top: 100px;  border-top: 1px solid #484a4e;}
#mobile_menu_box .gnb_dep1 li { float:none; }
#mobile_menu_box .gnb_dep1>li {border-bottom: 1px solid #484a4e;}
#mobile_menu_box .gnb_dep1>li>a {padding: 15px;  height: auto; color: #fff; line-height: 1em;  position: relative;}
#mobile_menu_box .gnb_dep1>li>a:after {
    position:absolute;
    right: 20px;
    top: 15px;
    content:"\f107";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
#mobile_menu_box .gnb_dep1>li.visible>a:after {content:"\f106";}
#mobile_menu_box .gnb_dep2_box {background-image: none; position: relative; width: 100%; top: 0;}
#mobile_menu_box .gnb_dep2_box .container {width:100%;}
#mobile_menu_box .gnb_dep2_box .sub_menu_info_box { float: none; width: 100%; height: auto; background: #303846; padding: 15px; margin-left: 0; position: relative; }
#mobile_menu_box .gnb_dep2_box .sub_menu_info_box h2 {display:none;}
#mobile_menu_box .gnb_dep2_box .sub_menu_info_box a { position: relative; bottom: 0; left: 0; display: inline-block; font-size: 12px; padding: 5px 30px 5px 15px;margin-top: 15px; }
#mobile_menu_box .gnb_dep2_box .sub_menu_info_box .white_txt { font-size: 13px; }
#mobile_menu_box .gnb_dep2_box .sub_menu_info_box .keycolor_txt { font-size: 13px;}
#mobile_menu_box .gnb_dep2_box .sub_menu_info_box .keycolor_txt.empty { padding-top: 10px; }
#mobile_menu_box .gnb_dep2 { min-height: inherit; width: 100%; line-height: 1em; float: none; margin: 0; padding: 10px 10px 50px 25px;}
#mobile_menu_box .gnb_dep2>li { padding: 10px;}
#mobile_menu_box .gnb_dep2>li>a { font-size: 15px;color: #d6d6d6;}
#mobile_menu_box .gnb_dep2 .gnb_dep2_sub { position: relative; top: 0; left: 0; width: inherit; padding: 20px 10px 0 50px; }
#mobile_menu_box .gnb_dep2 li ul li { margin-bottom: 15px; }
#mobile_menu_box .gnb_dep2 .gnb_dep2_sub li a {font-size: 13px;}
#mobile_menu_box .gnb_dep1>li.visible .gnb_dep2_box {display:block !important;}
#mobile_menu_box .gnb_dep1>li.visible .gnb_dep2_sub {display:block !important;}


#mobile_menu_box .bg_box {display:none !important;}
#mobile_menu_box .myhome_gnb  { margin-top: 100px;  border-top: 1px solid #484a4e;}
#mobile_menu_box .myhome_gnb  li { float:none; }
#mobile_menu_box .myhome_gnb >li {border-bottom: 1px solid #484a4e;}
#mobile_menu_box .myhome_gnb >li>a {padding: 15px;  height: auto; color: #fff; line-height: 1em;  position: relative;}
#mobile_menu_box .myhome_gnb>li>a:hover {border-bottom: none;  color: #fff;  font-weight: 500;}
#mobile_menu_box .myhome_gnb>li>a.currnet  {border-bottom: none !important;  color: #fff;  font-weight: 500 !important;}
#mobile_menu_box .myhome_gnb >li>a:after {
    position:absolute;
    right: 20px;
    top: 15px;
    content:"\f107";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
#mobile_menu_box .myhome_gnb >li.visible>a:after {content:"\f106";}

#mobile_menu_box .myhome_gnb >li.visible .gnb_myopencom_dep2 {display: block !important;  position: relative; top: 0;padding: 15px 0 15px 30px;}


/* mobile-menu-end */


#content_wrap{clear:both;overflow: hidden;  margin-top: 100px; }
#content{width:1000px;margin:0 auto;}
.view_more{display:block;width:11px;height:11px;background:url(../img/common/more_btn.gif) no-repeat;text-indent:-9999px;}
.member_links span{padding:10px}
.member_links span.point_color{color:#007ABE;font-weight:bold;padding:0px;}

#logout{width: 147px;text-align: center;padding-top: 25px;}
#logout strong{color: #007abe;}
#side #logout {width:100%;padding-top:30px}


/* footer */
#footer{clear:both; background:#222935;}
#footer .container {padding:50px 0;}
#footer_top {padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
#footer_top:after {content:""; clear:both; display:table;}
#footer .container:after {content:""; clear:both; display:table;}
#footer .footer_logo_area {width: 28%;  float: left; text-align: center;padding-top: 40px;}
#footer .footer_contents_area {width: 72%;  float: left;}

#footer  .customer_call {font-size:15px; font-weight: 300; float:right;}
#footer  .customer_call span {color: #fff; opacity: 0.7;}
#footer  .customer_call a {color: #fff; opacity: 1 !important; font-weight: 600; letter-spacing: -1px;  text-decoration: none; position:relative; display:inline-block; padding-left:20px;margin-left: 15px;}
#footer  .customer_call a:after {content:""; position:absolute; left:0; top:0; width:14px; height:14px; background:url(/img/common/phone_icon_white.png) center no-repeat;}

#footer  .customer_call.sns_link_box{margin-right:20px;}
#footer  .customer_call.sns_link_box .sns_link{margin-top:-12px;}
#footer  .customer_call.sns_link_box .sns_link li{margin-right:10px; height:36px;}
#footer  .customer_call.sns_link_box .sns_link li:nth-child(1){background:url("../img/main/blog.svg") no-repeat center; background-size:contain;}
#footer  .customer_call.sns_link_box .sns_link li:nth-child(2){background:url("../img/main/facebook-square-brands.svg") no-repeat center; background-size:contain;}
#footer  .customer_call.sns_link_box .sns_link li:nth-child(3){background:url("../img/main/instagram-new-2016-seeklogo.com.svg") no-repeat center; background-size:contain;}
#footer  .customer_call.sns_link_box .sns_link li a{font-size:0; display:block; width:100%; height:100%;}
#footer  .customer_call.sns_link_box .sns_link li a:after{display:none;}

#footer_top ul li{float:left; margin-right:50px;}
#footer_top ul li:last-child {margin-right:0;}
#footer_top ul li a{color:#fff; font-size:15px;     font-weight: 300; text-decoration:none ; position:relative; opacity: 0.7;}
#footer_top ul li a:hover {color:#fff !important; opacity:1;}
#footer_top ul li a:after {content:"";position: absolute;  right: -25px; top: 5px; width: 1px; height: 12px;  background: #fff;  opacity: 0.7;}
#footer_top ul li:last-child a:after {content:none;}
#footer_top ul li a:hover, #footer_top ul li .point_color{color:#007abe}


#footer_bottom{overflow: hidden;position:relative;}
#footer_bottom .info_area {padding-top: 30px; position: relative;}
#footer_bottom p{font-size: 15px; color: #fff; opacity: 0.7; font-weight: 300; line-height: 1.8em; letter-spacing: -0.01em;}
#footer_bottom .gap{margin: 0 20px; display: inline-block; width: 1px; height: 12px; background: #fff; opacity: 0.7;}
#footer_bottom address{text-transform: uppercase; font-size: 14px; color: #fff; opacity: 0.7; font-weight: 300; padding-top: 20px;line-height: 1em;}
#footer_bottom address span{text-transform:lowercase;color:#666;font-size:12px;padding-left:40px}
#footer_bottom address a{color:#222935;text-decoration:none}
#footer_bottom address a:hover{text-decoration:underline}
#comodoSSL {position: absolute;right: 0;bottom: 0;width: 83px;height: 72px;background: url(../img/common/img_comodo.gif) no-repeat;text-indent:-9999px}
#footer_bottom .footer_social_area {position: absolute; right: 0; bottom: 0;}
#footer_bottom .footer_social_area ul li {float:left;}
#footer_bottom .footer_social_area ul li a {display:inline-block; margin-left:10px; opacity:0.7;}
#footer_bottom .footer_social_area ul li a:hover {opacity:1;}

/*==================================서브 컨텐츠 요소 설정==================================*/

/*서브 타이틀==================================*/
#article_cont h3{	
	overflow:hidden;
	height:0px !important;
	height /**/:15px;
	/*margin-bottom:12px;
	padding-top:15px;*/
}
#article_cont h4{
	color:#000;
	font-size:100%;
	background:url(../img/common/icn_subttl.gif) 18px 0 no-repeat;
	padding-left:33px;
	margin-bottom:10px;
}

/*일반 데이타 테이블 Type1==================================*/
.dataTableType1 th{	
	padding:7px;
	border:#b3c9dd solid 1px;
}
.dataTableType1 thead th{
	color:#3d699a;
	border-top:#718dbc solid 2px;
	border-bottom:#718dbc solid 2px;
}
.dataTableType1 thead th.trFirst{
	border-left:#718dbc solid 2px;
}
.dataTableType1 thead th.trLast{
	border-right:#718dbc solid 2px;
}
.dataTableType1 thead th.trOnly{/*테이블 상단이 1개일때*/
	border-left:#718dbc solid 2px;
	border-right:#718dbc solid 2px;
}
.dataTableType1 tbody th{
	font-weight:normal;
	background:#f5f8fc;
}
.dataTableType1 td{
	border:#b3c9dd solid 1px;
	padding:7px;
}

#article_cont .dataTableType1 td strong{
	color:#00a360;
}
.dataTableType1 td strong span{
	font-weight:normal;
}
.dataTableType1 thead th.lineBot{border-bottom:#B3C9DD solid 1px;}
.dataTableType1 thead th.lineTop{border-top:#B3C9DD solid 1px;}

/*일반 데이타 테이블 Type2==================================*/
/*서비스메뉴얼, 서비스이용약관-도메인등록약관*/

.dataTableType2 thead th{
	background:#f1f2f2;
}
.dataTableType2 th{	
	padding:5px;
	border:#d1d3d4 solid 1px;
	font-weight:normal;	
	background:#fff;
}
.dataTableType2 td{
	border:#d1d3d4 solid 1px;
	background:#fff;
	padding:5px;
}

.dataTableType3 th{width:150px;}

/*부가 설명==================================*/
.appending{
	border:#d1d3d4 solid 1px;
	padding:10px 15px 7px 15px;
	font-size:90%;
	line-height:14pt;
}
.appending h5{
	background:url(../img/common/bg_appendingTitle.gif) no-repeat;
	text-align:center;
	width:200px;
	padding-top:5px;
	height:15px;
	color:#5f7aaa;
	margin-bottom:10px;
	font-size:100%;
}
.appending p{
	background:url(../img/common/icn_appending.gif) 0 1px no-repeat;
	padding-left:15px;
	line-height:1.6;
}
#article_cont .appending p strong{color:#939598;}
#article_cont .appending p strong.textBlue{color:#148eec;}
.VAT{/*부가세 설명 - 타이틀 옆에 위치*/
	position:absolute;
	top:2px;
	right:10px;
	font-size:90%;
	font-weight:bold;
	color:#8ca0c5;
}

/*목록==================================*/
/*일반 리스트*/
#article_cont ul{
	margin-bottom:20px;
}
#article_cont ul li{
	background:url(../img/common/icn_circle.gif) 0px 7px no-repeat;
	padding:2px 0 2px 14px;
}

/*순서 리스트*/
#article_cont ol{
	margin-bottom:20px;
}
#article_cont ol li{padding-left:18px;margin-bottom:20px;}/*ol의 내용이 대부분 길어서 margin 설정*/
#article_cont ol li.sequence1{background:url(../img/common/icn_1.gif) 0 2px no-repeat;}
#article_cont ol li.sequence2{background:url(../img/common/icn_2.gif) 0 2px no-repeat;}
#article_cont ol li.sequence3{background:url(../img/common/icn_3.gif) 0 2px no-repeat;}
#article_cont ol li.sequence4{background:url(../img/common/icn_4.gif) 0 2px no-repeat;}
#article_cont ol li.sequence5{background:url(../img/common/icn_5.gif) 0 2px no-repeat;}
#article_cont ol li.sequence6{background:url(../img/common/icn_6.gif) 0 2px no-repeat;}

#article_cont ol li .title{
	font-weight:bold;
	color:#000;
}

/*각 리스트가 중복시 초기화 설정*/
#article_cont ol li li{margin-bottom:0px;}/*ol의 긴 내용위해 설정한 margin을 중복시 초기화*/
#article_cont ul ul li{/*일반리스트가 중복시 아이콘을 점으로 설정*/
	background:url(../img/common/icn_dot.gif) 0 5px no-repeat;
	padding-left:7px;
}

/*탭==================================*/

/*스크립트로 탭 구현시 - 한 페이지에 내용이 다있어야 할때 사용*/
.subTab{width:100%;}
	.subTab_js{position:relative;width:100%;
		background:url(../img/common/bg_tabArea.gif) repeat-x;
	}

p.subTabContentTitle{/*tab 제목열 */
	overflow:hidden;
	padding-top:30px;
	height:0px !important;
	height /**/:30px;
	margin-bottom:15px;
	cursor:pointer;
}
	.subTab_js p.subTabContentTitle{/*Script 상태*/				
		overflow:hidden;
		padding-top:30px;
		height:0px !important;
		height /**/:30px;
		margin-bottom:15px;
		float:left;
		z-index:1000;
	}
	
.subTabContent{/*tab 컨테이너 */
	margin-bottom:30px;
}
	.subTab_js div.subTabContent{/*Script 상태*/
		width:100%;
		position:absolute;
		left:0;
		top:25px;		
		padding-top:20px;
		margin-bottom:30px;
		z-index:1;
	}	

/*링크로 탭모양 구현시 - 페이지는 각각이고 탭모양으로 구현할 때 사용*/
.tabLink{background:url(../img/common/bg_tabArea.gif) repeat-x;}
.tabLink a{
	display:inline-block;		
	overflow:hidden;
	padding-top:30px;
	height:0px !important;
	height /**/:30px;
	margin-bottom:20px;
}
	
/*폼 테이블==================================*/	
.formTable{
	border-top:#718dbc solid 2px;
}
.formTable caption{text-align:left;padding-bottom:5px;}
.formTable th{
	border-bottom:#d4d2cf solid 1px;
	padding:7px 0 7px 10px;
	text-align:left;
	background:#f5f8fc;
	color:#3d699a;
	width:140px;
}
.formTable th label{
	/*background:url(../img/common/icn_arrow.gif) no-repeat;
	padding-left:20px;*/
	color:#3d699a;
}
.formTable td{
	border-bottom:#d4d2cf solid 1px;
	padding:7px 10px;
}
.star{/*필수항목*/
	display:inline-block;
	background:url(../img/board/icn_star.gif) no-repeat;
	width:9px;
	overflow:hidden;
	padding-top:9px;
	height:0px !important;
	height /**/:9px;
	vertical-align:middle;
	margin-left:5px;
}
#btnUserIdChck{/*아이디 중복확인*/
	background:url(../img/board/btn_IDChk.gif) no-repeat;
	width:79px;
	height:20px;
	margin-left:3px;
}
#btnZipCode{/*우편번호 찾기*/
	background:url(../img/board/btn_post.gif) no-repeat;
	width:71px;
	height:20px;
	margin-left:3px;
}
.btnRegChck{/*가입여부확인*/
	background:url(../img/board/btn_regChck.gif) no-repeat;
	width:71px;
	height:20px;
	margin-left:3px;
}
.formTable td .refer{/*상세설명*/
	font-size:90%;
	color:#7c7c7c;
}
#article_cont .formTable td .refer strong{color:#4997d9;}
.formTable td p{/*주소 등 여러줄일경우 줄간격 설정*/
	line-height:1.8;
}
.buttonArea .btn_logout{/*로그아웃*/
	background:url(../img/board/btn_logout.gif) no-repeat;
	width:64px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_modify{/*수정*/
	background:url(../img/board/btn_modify.gif) no-repeat;
	width:64px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_confirm{/*확인*/
	background:url(../img/board/btn_confirm.gif) no-repeat;
	width:64px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_cancel{/*취소*/
	background:url(../img/board/btn_cancel.gif) no-repeat;
	width:64px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_application{/*견적 의뢰*/
	background:url(../img/board/btn_application.gif) no-repeat;
	width:74px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_domainList{/*도메인 현황*/
	background:url(../img/common/login/btn_sub_myDomain.gif) no-repeat;
	width:83px;
	padding-top:21px;
	vertical-align:middle;	
}
.buttonArea .btn_mainPage{/*메인페이지*/
	background:url(../img/common/login/btn_sub_mainPage.gif) no-repeat;
	width:83px;
	padding-top:21px;
	vertical-align:middle;	
}

/*버튼 영역==================================*/
.buttonArea{
	padding:15px 0;
	text-align:center;
}

/*일반 버튼*/
button{border:0;cursor:pointer;overflow:hidden;}

button span{
	font-size:5px;
	width:0px;
	height:0px;
	line-height:0px;
	visibility:hidden;
	overflow:hidden;
}

/*링크용 버튼*/
.buttonArea a{
	display:inline-block;
	overflow:hidden;
	height:0px !important;
}

/*설명 확장 리스트==================================*/
#extendDL{
	border-top:#d1d3d4 solid 1px;
}
#extendDL dt{
	border-bottom:#d1d3d4 solid 1px;
	background:url(../img/common/icn_arrow.gif) 5px 6px no-repeat;
	padding:5px 0 5px 25px;
}
#extendDL dt.on_extentdt{/*마우스 오버시*/
	border-bottom:#d1d3d4 solid 1px;
	background:#e0eaf5 url(../../00_html/img/common/icn_arrow.gif) 5px 6px no-repeat;
	padding:5px 0 5px 25px;
	font-weight:bold;		
	color:#3d699a;
}
#extendDL dd{
	border-bottom:#d1d3d4 solid 1px;
	background:#f6f6f7;
	padding:5px 10px;
	color:#808285;
	font-size:90%;
}

/*설명 리스트==================================*/
dl.explainDL{
	border-top:#d1d3d4 solid 1px;
	border-left:#d1d3d4 solid 1px;
	border-right:#d1d3d4 solid 1px;
	margin-bottom:30px;
}	
dl.explainDL dt{
	border-bottom:#d1d3d4 solid 1px;
	background:url(../img/common/icn_arrow.gif) 5px 6px no-repeat;
	padding:5px 0 5px 25px;
}
dl.explainDL dd{
	border-bottom:#d1d3d4 solid 1px;
	padding:5px 10px;
	background:#f6f6f7;
}


/*================================== 도메인 등록 (일반, 마이홈 공통 사용) ==================================*/

#email_href {background: #c7c7c7;  color: #fff;  font-size: 0.85em;  line-height: 40px;  height: 40px;  padding: 0;  width: 100px;  display: inline-block;  text-align: center;    vertical-align: top;}
#email_href:hover {text-decoration:none; background: #006cb6;}

#mailauthok_div a {background: #c7c7c7;  color: #fff;  font-size: 0.85em;  line-height: 40px;  height: 40px;  padding: 0;  width: 100px;  display: inline-block;  text-align: center;    vertical-align: top;}
#mailauthok_div a:hover {text-decoration:none; background: #006cb6;}

#domainRegistProcess1{/*도메인 등록절차*/
	background:url(/page/domainService/img/img_domainRegistProcess1.gif) no-repeat;
	width:760px;
	overflow:hidden;		
	padding-top:130px;
	height:0px !important;		
	height /**/:130px;
	margin-bottom:30px;
}
#domainEvent{/*도메인 이벤트*/
	background:url(/page/domainService/img/img_domainEvent.jpg) no-repeat;		
	width:760px;
	overflow:hidden;		
	padding-top:225px;
	height:0;		
	margin-bottom:20px;
}
#partnerGuide{/*가비아 협약 체결*/
	background:url(/page/domainService/img/img_partner.jpg) no-repeat;		
	width:760px;
	overflow:hidden;		
	padding-top:85px;
	height:0;		
	margin-bottom:20px;
}
.engDomainCaution{margin-bottom:20px;}	

/*도메인 검색 결과*/
.resultDomain{
	position:relative;
	height:405px;
	background:url(/page/domainService/img/bg_resultDomain.gif) 0 25px no-repeat;
	margin-top:20px;
}
.resultDomainTitle{
	background:url(../img/common/icn_title.gif) 0 3px no-repeat;
	padding-left:18px;
}
.resultDomainTitle span{font-weight:bold;margin-right:7px;color:#fe0000;}

.resultDomain .scroll{
	margin:25px 20px 20px 20px;
	height:290px;
	overflow:auto;
}	
.engDserchResult p.engKorTitle{/*검색결과- 국제도메인*/
	background:url(../img/main/txt_engDomain.gif) no-repeat;
	width:63px;
	overflow:hidden;
	padding-top:11px;
	height:0px !important;
	height /**/:11px;
	vertical-align:middle;
	margin-right:15px;
}
.korDserchResult p.engKorTitle{/*검색결과- 국내도메인*/
	background:url(../img/main/txt_krDomain.gif) no-repeat;
	width:63px;
	overflow:hidden;
	padding-top:12px;
	height:0px !important;
	height /**/:12px;
	vertical-align:middle;
	margin-right:15px;
}
.resultDomain dt{
	border:#aabcd1 solid 1px;	
	background:#fff;
	padding:3px 0;
	font-weight:bold;
	text-align:center;
	margin-bottom:7px;
	margin-top:12px;
}
.resultDomain dt input{margin-left:15px;vertical-align:middle;}/*기간연장 선택*/
.resultDomain dt label{font-weight:normal;vertical-align:middle;}/*기간연장 선택*/
.resultDomain dd{
	background:url(../img/common/icn_dot.gif) 5px 4px no-repeat;
	padding:1px 0 1px 13px;
}
.resultDomain dd span{color:#2f58ac;}
.resultDomain .extDomianSubmit{
	text-align:center;
}
.resultDomain .extDomianSubmit button{/*선택된 도메인 연장하기*/
	background:url(../img/main/btn_domainExtend.gif) no-repeat;	

	width:115px;
	height:16px;
}
.resultDomain .buttonArea .btn_regDomain{/*도메인 등록하기*/
	background:url(../img/main/btn_domainRegist.gif) no-repeat;
	overflow:hidden;
	display:inline-block;
	width:85px;
	padding-top:16px;
	height:0px !important;
	height /**/:16px;
	margin-left:10px;
	vertical-align:middle;
}
.resultDomain .buttonArea .btn_allSelect{/*전체선택*/
	background:url(../img/main/btn_allSelect.gif) no-repeat;
	width:55px;
	height:16px;
	vertical-align:middle;
}
.resultDomain .buttonArea .btn_deSelect{/*전체해제*/
	background:url(../img/main/btn_deSelect.gif) no-repeat;
	width:55px;
	height:16px;
	vertical-align:middle;
}
.resultDomain .buttonArea .btn_invert{/*반전*/
	background:url(../img/main/btn_invert.gif) no-repeat;
	width:35px;
	height:16px;
	vertical-align:middle;
}
.resultDomain .buttonArea .btn_regDomain2{/*도메인 등록하기2*/
	background:url(../img/main/btn_domainRegist.gif) no-repeat;
	width:85px;

	height:16px;
	vertical-align:middle;
}
.resultDomain .buttonArea{padding-top:0;}

.engDserchResult{margin-bottom:25px;}/*국제도메인 검색결과*/
.dSearchResultClose{
	background:url(../img/main/btn_close.gif) 5px 3px no-repeat;
	width:85px;
	height:16px;
	position:absolute;
	left:340px;
	bottom:3px;
}
.errDomainDt{color:#C30;}/*에러*/

/*================================== 도메인 기관이전 (일반, 마이홈 공통 사용) ==================================*/
#domainTransferProcess1{
	background:url(../../myhome/domain/img/img_domainTransferProcess1.gif) no-repeat;
	padding-top:130px;
	height:0;
	overflow:hidden;
	margin-bottom:30px;
}

#domainTransfer{margin-bottom:20px;}
#domainTransfer h3{background:url(../../myhome/domain/img/stl_domainTransfer.gif) no-repeat;}
#domainTransfer p{
	background:url(../../myhome/domain/img/bg_domainTransfer.jpg) no-repeat;
	text-align:center;	
	color:#fff;
	font-weight:bold;
	padding-top:10px;
	height:170px;
}
#domainTransfer label{display:inline-block;background:url(../../myhome/domain/img/txt_domainInput.gif) no-repeat;width:95px;padding-top:19px;height:0;overflow:hidden;vertical-align:middle;}
#domainTransfer textarea{width:740px;height:100px;margin:7px 0;}
.btn_domainTransfer{
	background:url(../../myhome/domain/img/btn_domainTransfer.gif) no-repeat;
	width:83px;
	height:22px;
}

#domainTransferGuide{margin-top:30px;font-size:90%;color:#939598;}
#domainTransferGuide strong{color:#939598;}
#article_cont #domainTransferGuide h4{background:url(../img/common/icn_subttl.gif) no-repeat;padding-left:15px;}
#article_cont #domainTransferGuide ol{
	border:#ccc solid 1px;
	padding:10px 15px;
	margin-bottom:0;
}
#article_cont #domainTransferGuide ol li{margin:0;padding:3px 0;}
#article_cont #domainTransferGuide ol li ul{margin:5px 0 0 14px;}
#article_cont #domainTransferGuide ol li li{padding: 2px 0 2px 14px;}
/*================================== 고객만족센터 - 서비스 메뉴얼 (일반, 마이홈 공통 사용) ==================================*/
#serviceMenualGuide{
	background:url(/page/customerCenter/img/img_serviceMenual.jpg) no-repeat;
	width:760px;
	overflow:hidden;
	padding-top:170px;
	height:0px !important;
	height /**/:170px;
	margin-bottom:30px;
}

/*서비스 메뉴얼*/
.menualSelect{/*서비스 메뉴얼 검색*/
	background:url(/page/customerCenter/img/bg_search.gif) no-repeat;
	height:34px;
	padding-top:8px;
	text-align:center;
	margin-bottom:20px;
}
.menualSelect h2{
	position:absolute;
	width:0;height:0;font-size:0;
	overflow:hidden;visibility:hidden;
}
.menualSelect select{margin-right:2px;}
.menualSelect #btn_menualSelect{
	background:url(/page/customerCenter/img/btn_search.gif) no-repeat;
	width:62px;
	height:22px;
}

.helpMail{width:370px;float:left;margin-right:20px;}
.helpLinux{width:370px;float:left;}
.helpNT{width:370px;float:left;margin-right:20px;}
.helpEtc{width:370px;float:left;}
	
.helpMail h3{background:url(/page/customerCenter/img/subttl_helpMail.gif) no-repeat;}
.helpLinux h3{background:url(/page/customerCenter/img/subttl_helpLinux.gif) no-repeat;}
.helpNT h3{background:url(/page/customerCenter/img/subttl_helpNT.gif) no-repeat;}
.helpEtc h3{background:url(/page/customerCenter/img/subttl_helpEtc.gif) no-repeat;}

.helpMail ul{height:360px;background:#f8f8f8;}
.helpLinux ul{height:360px;background:#f8f8f8;}
.helpNT ul{height:400px;background:#f8f8f8;}
.helpEtc ul{height:400px;background:#f8f8f8;}

.helpMail ul ul{height:auto;}
.helpLinux ul ul{height:auto;}
.helpNT ul ul{height:auto;}
.helpEtc ul ul{height:auto;}
	
#article_cont #serviceMenualMain ul{border:#d1d3d4 solid 1px;padding:15px;}
#article_cont #serviceMenualMain ul li{
	background:url(../../00_html/img/common/icn_arrow.gif) 0 2px no-repeat;
	color:#000;
	font-weight:bold;
	padding-left:20px;		
}
#article_cont #serviceMenualMain ul li strong{color:#4267b8;}
#article_cont #serviceMenualMain ul li ul{margin-top:7px;border:0;padding:0;}
#article_cont #serviceMenualMain ul li ul li{
	background:url(../../00_html/img/common/icn_circle.gif) 0 3px no-repeat;
	padding:2px 0 2px 14px;
	color:#333;
	font-weight:normal;
}
.clearBoth{clear:both;}


#article_cont .menualContents h3{/*서비스 메뉴얼 제목*/
	background:url(../../../00_html/img/common/icn_title.gif) no-repeat;
	height:auto !important;
	padding:0 0 0 18px;
	font-size:100%;	
}

/*색상 변경*/
dl.explainDL dt{	
	background:#f6f6f7 url(../../../00_html/img/common/icn_arrow.gif) 5px 6px no-repeat;	
}
dl.explainDL dd{	
	background:#fff;
}

/*서비스 메뉴얼 - 내용 상세적용*/

/*설명부분안의 제목 - 메일 DNS 셋팅, 익스플로러로 서버접속하기 등에 있음*/
#article_cont .menualContents p.title{
	font-weight:bold;
}

/*각 문장단락 사이 간격*/
#article_cont .menualContents p{margin:7px 0px;}

/*목록초기화*/
#article_cont .menualContents ol{margin-bottom:0;}
#article_cont .menualContents ul{margin-bottom:0;}

#article_cont .menualContents ol li{
	padding-left:0px;
}
#article_cont .menualContents ul li{
	background:url(../../../00_html/img/common/icn_circle.gif) 0px 3px no-repeat;
	padding:2px 0 2px 14px;
}
#article_cont .menualContents ol li ol li{/*순서목록 중첩시 순차적으로 알아보기쉽도록 왼쪽간격을 줌*/
	margin-left:20px;
}
/*부가설명*/
#article_cont .menualContents .reference p{
	font-size:90%;
	background:url(../../../00_html/img/common/icn_appending.gif) 0px 3px no-repeat;
	padding-left:14px;
	margin:2px 0;
}

/*텍스트 강조 */
#article_cont .menualContents strong{color:#F00;font-weight:normal;}

/*박스-OLEDB 사용법, 현재 하드사용량 보기, 제로보드 설치 메뉴얼 등에 있음*/
.menualContents .box{border:#CCC solid 2px;padding:0px 15px;margin:15px 0;}


/*서비스 메뉴얼 - 모바일*/
#mobileSelect h4{
	background:url(../../../00_html/img/common/icn_dot.gif) 0 5px no-repeat;
	padding-left:10px;
}
#article_cont #mobile_wm h4{
	background:url(../../../00_html/img/common/icn_dot.gif) 0 5px no-repeat;
	padding-left:10px;
}
#article_cont #mobile_ad h4{
	background:url(../../../00_html/img/common/icn_dot.gif) 0 5px no-repeat;
	padding-left:10px;
}
#article_cont #mobile_ip h4{
	background:url(../../../00_html/img/common/icn_dot.gif) 0 5px no-repeat;
	padding-left:10px;
}
#mobileSelect{padding-bottom:30px;}
#mobileSelect ul{
	display:inline-block;	
}
#article_cont .menualContents #mobileSelect ul li{background:transparent;padding:0;float:left;}
#mobileSelect ul li a{
	display:block;	
	width:252px;
	padding-top:170px;
	height:0;
	overflow:hidden;
}
#mobileSelect ul li.tabWm a{background:url(/page/customerCenter/img/tab_windows.jpg) no-repeat;margin-right:1px;}
#mobileSelect ul li.tabWm a:hover{background:url(/page/customerCenter/img/tab_windows.jpg) 0 -170px no-repeat;}
#mobileSelect ul li.tabWm a.actLink{background:url(/page/customerCenter/img/tab_windows.jpg) 0 -170px no-repeat;}
#mobileSelect ul li.tabAd a{background:url(/page/customerCenter/img/tab_android.jpg) no-repeat;margin-right:1px;}
#mobileSelect ul li.tabAd a:hover{background:url(/page/customerCenter/img/tab_android.jpg) 0 -170px no-repeat;}
#mobileSelect ul li.tabAd a.actLink{background:url(/page/customerCenter/img/tab_android.jpg) 0 -170px no-repeat;}
#mobileSelect ul li.tabIp a{background:url(/page/customerCenter/img/tab_iphone.jpg) no-repeat;}
#mobileSelect ul li.tabIp a:hover{background:url(/page/customerCenter/img/tab_iphone.jpg) 0 -170px no-repeat;}
#mobileSelect ul li.tabIp a.actLink{background:url(/page/customerCenter/img/tab_iphone.jpg) 0 -170px no-repeat;}

/*================================== 고객만족센터 - 트래픽 리셋 서비스 (일반, 마이홈 공통 사용) ==================================*/
#article_cont #trafficReset{
	background:url(/page/customerCenter/img/img_trafficReset.jpg) no-repeat;
	width:760px;
	overflow:hidden;
	padding-top:438px;
	height:0px !important;
	height /**/:438px;
}
.btn_trafficView{
	background:url(/page/customerCenter/img/btn_trafficReset.gif) no-repeat;
	width:225px;
	padding-top:35px;
	height /**/:35px;
}	
/*================================== 고객만족센터 - 각종서식 다운로드 (일반, 마이홈 공통 사용) ==================================*/
#download1 h3{background:url(/page/customerCenter/img/stl_download1.gif) no-repeat;}
#download2 h3{background:url(/page/customerCenter/img/stl_download2.gif) no-repeat;}
#download3 h3{background:url(/page/customerCenter/img/stl_download3.gif) no-repeat;}
#download4 h3{background:url(/page/customerCenter/img/stl_download4.gif) no-repeat;}
#download5 h3{background:url(/page/customerCenter/img/stl_download5.gif) no-repeat;}
#download6 h3{background:url(/page/customerCenter/img/stl_download6.gif) no-repeat;}
	
#downloadDiv{width:760px;display:inline-block;}
#download1{margin-top:20px;width:370px;float:left;}
#download2{margin-top:20px;width:370px;float:right;}
#download3{margin-top:20px;width:370px;float:left;}
#download4{margin-top:20px;width:370px;float:right;}
#download5{margin-top:20px;width:370px;float:left;}
#download6{margin-top:20px;width:370px;float:right;}

#article_cont #downloadDiv .buttonArea{border:#ccc solid 1px;padding:0;overflow:hidden;}
#article_cont #download1 .buttonArea,#article_cont #download2 .buttonArea{height:215px;}
#article_cont #downloadDiv .buttonArea p.refer{text-align:left;font-size:90%;letter-spacing:-1px;color:#999;background:#fafafa;border-top:#ccc solid 1px;padding:10px;}
#article_cont #downloadDiv .buttonArea a{width:143px;padding-top:99px;margin:20px 5px;}
.btn_download1{background:url(/page/customerCenter/img/btn_download1.gif) no-repeat;}
.btn_download2{background:url(/page/customerCenter/img/btn_download2.gif) no-repeat;}
.btn_download3{background:url(/page/customerCenter/img/btn_download3.gif) no-repeat;}
.btn_download4{background:url(/page/customerCenter/img/btn_download4.gif) no-repeat;}
.btn_download5{background:url(/page/customerCenter/img/btn_download5.gif) no-repeat;}
.btn_download6{background:url(/page/customerCenter/img/btn_download6.gif) no-repeat;}
.btn_download7{background:url(/page/customerCenter/img/btn_download7.gif) no-repeat;}
.btn_download8{background:url(/page/customerCenter/img/btn_download8.gif) no-repeat;}
.btn_download9{background:url(/page/customerCenter/img/btn_download9.gif) no-repeat;}
.btn_download10{background:url(/page/customerCenter/img/btn_download10.gif) no-repeat;}
.btn_download1:hover{background:url(/page/customerCenter/img/btn_download1.gif) 0 -99px no-repeat;}
.btn_download2:hover{background:url(/page/customerCenter/img/btn_download2.gif) 0 -99px no-repeat;}
.btn_download3:hover{background:url(/page/customerCenter/img/btn_download3.gif) 0 -99px no-repeat;}
.btn_download4:hover{background:url(/page/customerCenter/img/btn_download4.gif) 0 -99px no-repeat;}
.btn_download5:hover{background:url(/page/customerCenter/img/btn_download5.gif) 0 -99px no-repeat;}
.btn_download6:hover{background:url(/page/customerCenter/img/btn_download6.gif) 0 -99px no-repeat;}
.btn_download7:hover{background:url(/page/customerCenter/img/btn_download7.gif) 0 -99px no-repeat;}
.btn_download8:hover{background:url(/page/customerCenter/img/btn_download8.gif) 0 -99px no-repeat;}
.btn_download9:hover{background:url(/page/customerCenter/img/btn_download9.gif) 0 -99px no-repeat;}
.btn_download10:hover{background:url(/page/customerCenter/img/btn_download10.gif) 0 -99px no-repeat;}

/*================================== 회원가입, 회원정보수정 (myhome, member에 공통사용) ==================================*/
.btn_post{/*우편번호 찾기*/
	background:url(../img/board/btn_post.gif) no-repeat;
	width:71px;
	height:20px;
	vertical-align:middle;
}
.btn_search{/*검색*/
	background:url(../img/board/btn_search1.gif) no-repeat;
	width:62px;
	height:23px;
	vertical-align:middle;
}
.addrList{/*우편번호 찾기 결과 리스트*/
	max-height:128px;
	overflow:auto;
}
.addrList td{
	border:#ccc solid 1px;
	padding:5px 10px;
}
.addrList th{border:#ccc solid 1px;text-align:center;}
/*================================== 고객만족센터 - 이벤트 (일반, 마이홈 공통 사용) ==================================*/
/*문화생활 지원 이벤트*/
#event_cultureSupport{
	background:url(/page/customerCenter/img/event/event_100128.jpg) center top no-repeat;
	padding-top:990px;
	height:0;
	overflow:hidden;
}
/*================================== 회원가입, 회원정보수정 (myhome, member에 공통사용) ==================================*/
.btn_post{/*우편번호 찾기*/
	background:url(../img/board/btn_post.gif) no-repeat;
	width:71px;
	height:20px;
	vertical-align:middle;
}
.addLine2{width:50%}
.btn_post{/*우편번호 찾기*/
	background:#c7c7c7;color:#fff;font-size:0.85em;line-height: 40px;height: 40px;padding:0;width:140px;
}
.btn_post:hover {background: #006cb6;}

.btn_search{/*검색*/
	background:url(../img/board/btn_search1.gif) no-repeat;
	width:62px;
	height:23px;
	vertical-align:middle;
}
.addrList{/*우편번호 찾기 결과 리스트*/
	max-height:128px;
	overflow:auto;
}
.addrList td{
	border:#ccc solid 1px;
	padding:5px 10px;
}
.addrList th{border:#ccc solid 1px;text-align:center;}

/*================================== 약관 동의 include.txt로 작업 (회원가입, 서버호스팅신청) ==================================*/
.agreeCo{	
	font-size:11px;
	line-height:140%;
	/*white-space:pre-line;css3 : width 넘어가면 줄바꿈*/
	word-wrap:break-word;/*ie : width 넘어가면 줄바꿈*/
	border:#ccc solid 1px;
	background:#f8f8f8;
	color:#666;
	padding:20px;
	max-height:100px;
	min-height:50px;
	overflow:auto;
}

.colorRed {
    color: #DE2323;
    font-weight: bold;
}
.colorBlue {
    color: #0066CC;
    font-size: 90%;
    font-weight: bold;
}
.serviceColor {
    color: #1B86FF;
}
.defaultColor {
    color: #DB2856;
}
.coercionColor {
    color: #A31AAF;
}
.autocloseColor {
    color: #C15F1E;
}

.txtCenter { text-align:center; }

.btnS1 { border:0; color: #fff; cursor: pointer; font-size: 1.1em; font-weight: bold; height: 40px; line-height: 40px; padding:0 15px;}
.bg_blur { background:#0075bb; }
.bg_gray { background:#9f9f9f; }



#home_gototop { position: fixed; right: 20px; bottom: 20px; background: #3792c9; padding: 5px; font-size: 16px; color: #fff; display: inline-block; text-align: CENTER; width: 50px; height: 50px; border-radius: 5px; cursor: pointer; opacity: 0.8;
-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
#home_gototop:hover {opacity:1;}
#home_gototop .up_arrow {display: inline-block; width: 15px; height: 15px; margin-bottom: 5px; position: relative;}
#home_gototop .up_arrow:after {content:"\f077"; font-family: FontAwesome;  font-style: normal;  font-weight: normal;  text-decoration: inherit; color: #fff;  font-size: 15px; position: absolute;  top: 0;  left: 0;	}


/* Media Query */


@media only screen and ( min-width: 2000px ) { 
 .gnb_dep2_box { background-image:linear-gradient(to right, #303846 30%, #222935 30%, #222935); }
}


@media only screen and ( max-width: 1270px ) { 

.header_right_section .inner_wrap { text-align: CENTER;}
.header_right_section .inner_wrap > div { display: block; height: 30px;}
.header_right_section .inner_wrap .login_area  {padding: 20px 0 25px;}
}


@media only screen and ( max-width: 1150px ) { 

#gnb {  padding-left: 20px;}
.gnb_dep1>li>a {padding: 0 15px;}
.myhome_gnb>li>a {padding: 0 25px;}
.myhome_gnb li ul {font-size: 14px;  padding: 0 0 0 30px;}
}


/*  Tablet Size */

@media only screen and ( max-width: 980px ) { 

#gnb {display:none;}
.header_right_section { right: 80px;}
.header_right_section .inner_wrap > div { display: table-cell;}
.header_right_section .inner_wrap .login_area  {padding: 0;}

.header_hamburder_menu { display:block; z-index: 1999;}
.navbar-toggle.active .hamburger-inner, .navbar-toggle.active .hamburger-inner:after, .navbar-toggle.active .hamburger-inner:before {background-color: #fff;}

.mobile_menu_contents.active {left:0;}
.mobile_menu_contents .header_right_section {display:none;}

#gnb .bg_box {display:none !important}

#footer .container { padding: 30px 0; }
#footer .footer_logo_area { width: 100%;padding-top: 0; }
#footer .footer_contents_area {width: 100%; padding-top: 30px; }

#footer_top ul li a {font-size: 13px;}
#footer .customer_call { font-size: 13px;}
#footer_bottom p { font-size: 13px; }
#footer_bottom address {font-size: 12px;}


}






/* Mobile Size */

@media only screen and ( max-width: 680px ) { 

.header_right_section {display:none; opacity:0;}
.mobile_menu_contents .header_right_section.mobile {display: block; position: fixed; height: 60px; right: 0; left: 0; top: 0;  background: #222935; z-index: 1999;opacity:1;}
.mobile_menu_contents .header_right_section.mobile .inner_wrap .service_area {text-align: left;}
#header { height: 60px; }
h1.logo { height: 35px; width: 140px; background-size: cover; margin-top: 15px; float: none; position: absolute; left: 50%;
    transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);	}

#content_wrap { margin-top: 60px; }
#mobile_menu_box .gnb_dep1 { margin-top: 60px;}

#footer .footer_logo_area img {max-width: 80px;}
#footer_top { padding-bottom: 20px; }
#footer_top ul li { margin-right: 40px; }
#footer .customer_call {float: none; clear: both; padding-top: 15px;}
#footer .customer_call.sns_link_box .sns_link{margin-top:10px;}
#footer_bottom .info_area { padding-top: 20px; }
#footer_bottom p { font-size: 12px; }
#footer_bottom .gap {display: block;  height: 0;}
#footer_bottom address { font-size: 10px; }
#footer_bottom .footer_social_area ul li { float: none;  display: inline-block;}
#footer_bottom .footer_social_area {  position: relative; padding-top: 15px;text-align: center;}
#footer_bottom .footer_social_area ul li:first-child a {margin-left:0;}
}


@media only screen and ( max-width: 320px ) { 
  .header_right_section .inner_wrap .service_area a {font-size: 10px;padding: 5px; width: 60px;}
  .header_right_section .inner_wrap .login_area li a { font-size: 12px;}
  #footer_top ul li {  margin-right: 30px; }
  #footer_top ul li a:after { right: -15px; }
}

/* [LDH 26.01.30] 메인 일부 개편 */

#gnb.new_gnb {display:flex; align-items:center; padding-left: 30px;}
.header_right_section .inner_wrap > div.login_area.m_only {display:none;}
#gnb.new_gnb .login_area {padding-left: 25px; position:relative;}
#gnb.new_gnb .login_area::before {content:''; display:block; width:1px; height:15px; background: #999; position:absolute; left:0; top:50%; transform: translateY(-50%);}
#gnb.new_gnb .login_area ul li {display:inline-block;}
#gnb.new_gnb .login_area ul li a {font-size: 13px; color: #767676; font-weight: 500;}
#gnb.new_gnb .login_area ul li .mid_dot {display: inline-block; padding: 0 5px 0 6px;}
.header_right_section .inner_wrap > div.login_area.m_only ul li a {color:#767676;}

.header_right_section .inner_wrap .service_area.new_btn a {border-radius: 5px; padding: 10px 5px; font-size: 13px; width: 80px; transition: background 0.3s ease;}
.header_right_section .inner_wrap .service_area.new_btn .current a:hover {background:#374252;}
.header_right_section .inner_wrap .service_area.new_btn .consult a {border:1px solid #767676; color: #767676;}
.header_right_section .inner_wrap .service_area.new_btn .consult a:hover {color:#fff; border:1px solid #006cb6;}

.container.new_hd_container {max-width: 87.5vw;}
.container.new_hd_container #header {justify-content:center; display:flex;}
.container.new_hd_container #header h1.logo {position:absolute; left:0; top:0;}

@media only screen and ( max-width: 1366px ) {
	#gnb.new_gnb .gnb_dep1>li>a {padding: 0 15px;}
}

@media only screen and ( max-width: 1270px ) {
	#gnb.new_gnb {padding-left: 60px;}
	#gnb.new_gnb .login_area {display:none;}
	.header_right_section .inner_wrap > div.login_area.m_only {display: block; height: 30px;}
}

@media only screen and ( max-width: 1150px ) {
	#gnb.new_gnb {padding-left: 20px;}
}

@media only screen and ( max-width: 980px ) {
	#gnb.new_gnb {display:none;}
	.header_right_section .inner_wrap > div.login_area.m_only {display:table-cell;}
}

@media only screen and ( max-width: 680px ) {
	.container.new_hd_container #header h1.logo	{position: relative; left: auto; top: auto; transform: translateX(0); -webkit-transform: translateX(0);}
}

/*[LDH 26.03.09] 메뉴 모달 팝업*/
.iziModal {z-index: 1002!important;}
.iziModal-overlay {z-index: 1001!important;}
.pvc_pop {background: #fff;}
.pvc_pop .modal_pop_wrap {position: relative;}
.pvc_pop .modal_pop_wrap .close_btn {position:absolute; right: 12px; top:14px; font-size: 20px;}
.pvc_pop .pop_title {border-bottom: 1px solid #ddd; padding: 20px;}
.pvc_pop .pop_title * {font-size: 18px; font-weight: 700; color: #000;}
.pvc_pop .contents {padding: 20px;}
.pvc_pop .contents p {font-size: 16px; line-height: 1.5;}
.pvc_pop .contents .mb_20 {margin-bottom: 20px;}
.pvc_pop .contents ul {counter-reset: list-number;}
.pvc_pop .contents ul li {counter-increment: list-number; font-size:16px; line-height: 1.5;}
.pvc_pop .contents ul li::before {content: counter(list-number) ". ";}
.pvc_pop .contents .pop_btn_wrap {text-align: center; margin-top: 20px;}
.pvc_pop .contents .pop_btn_wrap .pop_btn {display:inline-block; padding: 20px; background: #3792c9; border-radius: 10px; color:#fff; font-size: 16px;}

@media only screen and ( max-width: 680px) {
	.pvc_pop .pop_title * {font-size: 15px;}
	.pvc_pop .contents p {font-size: 13px;}
	.pvc_pop .contents ul li {font-size: 13px;}
	.pvc_pop .contents .pop_btn_wrap .pop_btn {padding: 15px; font-size: 13px;}
}