/*
========================================================================
공통 - layout
========================================================================
*/
/* z-index */
#layerWrap { z-index: 1; }
/* layout */
#wrap { overflow:hidden }
#wrap,
#footer { position:relative; width:100%; min-width:1100px }
#footer { margin-top:60px }
#layerWrap,
#contentWrap,
#ftLink .link { width: 1100px; margin: 0 auto; *zoom:1 }
#contentWrapper { min-height: 500px }
#contentWrap:after { content: ""; display: block; clear: both; }
#content { margin-bottom:70px; width: 1098px; position:relative; border:1px solid #e1e1e1; border-top:none; *zoom:1 }
#content:after { content: ""; display: block; clear: both; }

/*
========================================================================
공통 - header
========================================================================
*/

/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; height:100px; width:100%; overflow:hidden }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:100px; }
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:550px; position:absolute; top:32px; left:50%; width:36px; height:36px; cursor:pointer; z-index:10; }
#topBanner .bnnr_bx p.bt_closeBanner i { font-size:36px; color:#827e5a }

/* header */
#header { position:relative; width:100%; height:113px; z-index:100 }
#header .hdTop_wrap { position:relative; height:71px; background:#fff; }
#header .hdTop_wrap .hdTop { margin:0 auto; position:relative; width:1100px }
#header .hdTop_wrap .hdTop .tlogo { position:absolute; top:17px; left:17px }
#header .hdTop_wrap .hdTop .gnb { padding-top:28px; float:right }
#header .hdTop_wrap .hdTop .gnb li { float:left; background:url(../img/common/blit_line.gif) right 4px no-repeat }
#header .hdTop_wrap .hdTop .gnb li.last { background:none }
#header .hdTop_wrap .hdTop .gnb li a { display:block; padding:0 10px }
#header .hdTop_wrap .hdTop .gnb li a i { font-size:16px }

#header .hdBottom_wrap { position:absolute; top:71px; left:0; width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #a0a0a0; background:url(../img/common/bg_lnb.png) repeat-x; *zoom:1 }
#header .hdBottom_wrap:after { display:block; clear:both; content:'' }
#header .hdBottom_wrap.act { position:fixed; top:0; left:0; right:0; z-index:100 }

#lnb { margin:0 auto; width:1100px; z-index:10 }
#lnb > ul { *zoom:1 }
#lnb > ul:after { display:block; clear:both; content:'' }
#lnb > ul > li { margin-top:-1px; position:relative; float:left; width:122px; }
#lnb > ul > li > a { display:block; height:42px; font-size:15px; font-weight:bold; text-align:center; line-height:42px; border-left:1px solid #e1e1e1 }
#lnb > ul > li.on { background:#fff }
#lnb > ul > li.on > a { height:42px; color:#1a4f98; line-height:42px; border-top:3px solid #1a4f98 }
#lnb > ul > li > ul { display:none; padding:19px 0 }
#lnb > ul > li > ul > li {  }
#lnb > ul > li > ul > li > a { display:block; padding-left:12px; height:24px; font-size:13px; color:#626262; line-height:24px }
#lnb > ul > li > ul > li > a:hover { color:#fff; background:#1a4f98 }

#lnb > ul > li.webdesign > a { color:#FFF;background:#d93f2d}
#lnb > ul > li.webdesign.on > a { height:39px; line-height:36px; border-top:3px solid #d93f2d }

#lnb > ul > li.myService { width:124px; background:#1a4f98 }
#lnb > ul > li.myService > a { color:#fff; border-left:1px solid #1a4f98 }
#lnb > ul > li.myService.on > a { height:42px; line-height:42px !important; border-top:none !important }
#lnb > ul > li.myService > a > i { font-size:16px }
#lnb > ul > li.myService > ul > li > a { color:#fff; height:24px; line-height:24px }
#lnb > ul > li.myService > ul > li > a:hover { color:#1a4f98; background:#fff }


/*
========================================================================
공통 - aSideMenu
========================================================================
*/

#aSideMenu { position:absolute; top:213px; right:-105px; width:105px; z-index:200 }
#aSideMenu.act { position:fixed; top:42px !important }
#aSideMenu .act_btn { position:absolute; top:39px; left:-40px }
#aSideMenu .act_btn .bt_act { position:relative; width:40px; height:40px; font-size:22px; color:#fff; text-align:center; line-height:36px; background:#3a3a3a; cursor:pointer }
#aSideMenu .act_btn .bt_top_v1 { position:relative; width:40px; height:40px; font-size:26px; color:#fff; text-align:center; line-height:36px; background:#b2b2b2; cursor:pointer }
#aSideMenu .aside_lst { position:relative; width:105px }
#aSideMenu .aside_lst ul li { border-bottom:1px solid #6d6d6d }
#aSideMenu .aside_lst ul li a { display:block; position:relative; padding:11px 0; color:#fff; background:#535353; cursor:pointer }
#aSideMenu .aside_lst ul li a i { margin-top:-7px; position:absolute; top:50%; left:10px; font-size:14px }
#aSideMenu .aside_lst ul li a span { display:block; padding-left:33px }
#aSideMenu .aside_lst ul li p { height:40px; color:#fff; text-align:center; line-height:40px; background:#3a3a3a; cursor:pointer }
#aSideMenu .aside_lst ul li p i { font-size:16px }

/*
========================================================================
공통 - footer
========================================================================
*/

#footTop { position:relative; height:43px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1 }
#footTop .foot_top { margin:0 auto; position:relative; width:1100px }
#footTop .foot_top .policy_left { padding-top:14px; float:left }
#footTop .foot_top .policy_left li {  float:left; background:url(../img/common/blit_line.gif) 0 4px no-repeat; }
#footTop .foot_top .policy_left li.po1 { background:none }
#footTop .foot_top .policy_left li.po1 a { padding-left:0 }
#footTop .foot_top .policy_left li.po3 a { color:#f25168 }
#footTop .foot_top .policy_left li a { display:block; padding:0 15px; font-weight:bold }
#footTop .foot_top .policy_right { padding-top:7px; float:right }
#footTop .foot_top .policy_right p { padding-right:14px; float:left }
#footTop .foot_top .policy_right .familySite { float:left }
#footTop .foot_top .policy_right .familySite select { width:145px; height:29px; border:1px solid #e5e5e5 }

#footBtm { margin:0 auto;  padding:25px 0 30px; position:relative; width:1100px }
#footBtm .flogo { position:absolute; top:35px; left:1px }
#footBtm .foot_copy { padding-left:163px; color:#535353 }
#footBtm .foot_copy .bl { color:#d2d2d2 }
#footBtm .foot_copy .tbold { color:#296dcc; font-weight:bold }
#footBtm .foot_copy p { line-height:20px }


/*
========================================================================
sub 공통 - tit-page
========================================================================
*/

/* 파란색 박스 타이틀 */
.tit_page { position:relative; height:78px; border-bottom:1px solid #d4d4d4 }
.tit_page .bx_tit { float:left }
.tit_page .bx_tit dl dt { margin-left:-1px; float:left; width:222px; height:78px; font-size:20px; color:#fff; font-weight:bold; text-indent:-20px; text-align:center; line-height:78px; background:#1a4f98 url(../img/common/bg_tit_page.gif) right top no-repeat }
.tit_page .bx_tit dl dd { padding-left:15px; float:left; font-size:30px; font-weight:bold; line-height:78px }
.tit_page .bx_navi { padding:30px 39px 0 0; float:right }
.tit_page .bx_navi ul li { padding-left:5px; float:left; font-size:13px; color:#626262 }

/* 박스없는 타이틀 */
.tit_page_v2 { position:relative; height:78px; border-bottom:1px solid #d4d4d4 }
.tit_page_v2 .bx_tit { padding-left:19px; float:left; line-height:78px }
.tit_page_v2 .bx_tit h3 { font-size:30px; font-weight:bold }
.tit_page_v2 .bx_navi { padding:30px 39px 0 0; float:right }
.tit_page_v2 .bx_navi ul li { padding-left:5px; float:left; font-size:13px; color:#626262 }

/* 회색 박스 타이틀 */
.tit_page_gray .bx_tit dl dt { background:#535353 url(../img/common/bg_tit_page_gray.gif) right top no-repeat !important }

/*
========================================================================
sub 공통 - column_Left
========================================================================
*/

#column_left { position:relative; float:left; width:198px; border-right:1px solid #e2e2e2 }

#leftMenu { position:relative; width:100% }
#leftMenu > ul > li { position:relative }
#leftMenu > ul > li > a,
#leftMenu > ul > li > span { display:block; position:relative; padding:10px 17px; font-size:15px; font-weight:bold; border-bottom:1px solid #e1e1e1; background:#f6f6f6 }
#leftMenu > ul > li > a i,
#leftMenu > ul > li > span i { position:absolute; top:12px; right:17px }
#leftMenu > ul > li.on > a,
#leftMenu > ul > li > a:hover,
#leftMenu > ul > li.on > span,
#leftMenu > ul > li > span:hover { color:#4c9cd8 }
#leftMenu > ul > li > ul { padding:15px 15px 5px 17px; border-bottom:1px solid #e1e1e1 }
#leftMenu > ul > li > ul > li { padding-bottom:10px }
#leftMenu > ul > li > ul > li > a { font-size:15px }
#leftMenu > ul > li > ul > li.on > a,
#leftMenu > ul > li > ul > li > a:hover { color:#4c9cd8 }

#column_left .left_cont { position:relative;  border-bottom:1px solid #e1e1e1 }
#column_left .left_cont .tit { position:relative; padding-bottom:10px; *zoom:1 }
#column_left .left_cont .tit:after { display:block; clear:both; content:'' }
#column_left .left_cont .tit h3 { float:left; font-size:15px; font-weight:bold }

#column_left .left_quick { height:81px }
#column_left .left_quick ul li { position:relative; float:left; height:81px }
#column_left .left_quick ul li.n1 { width:99px; border-right:1px solid #e1e1e1 }
#column_left .left_quick ul li.n2 { width:98px }
#column_left .left_quick ul li a { display:block; height:81px; font-size:13px; font-weight:bold; color:#4c9cd8; text-align:center; cursor:pointer }
#column_left .left_quick ul li a .ico { position:absolute; top:0; left:0; width:98px; height:81px; background:url(../img/common/sp_left_quick.png) 0 0 no-repeat }
#column_left .left_quick ul li a .ico1 { background-position:0 0 }
#column_left .left_quick ul li a .ico2 { background-position:0 -81px }
#column_left .left_quick ul li a .tx { line-height:125px }

#column_left .left_faq { padding:20px 17px 10px 17px }
#column_left .left_faq .tit .more { float:right }
#column_left .left_faq .tit .more a { font-size:12px; color:#626262; font-weight:bold }
#column_left .left_faq .faq_lst { position:relative }
#column_left .left_faq .faq_lst ul li { padding-bottom:5px }
#column_left .left_faq .faq_lst ul li a { display:block; font-size:13px; color:#626262; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden }

#column_left .left_nameServer { padding:20px 17px 0 17px }
#column_left .left_nameServer .tit { position:relative; padding-bottom:10px; *zoom:1 }
#column_left .left_nameServer .tit:after { display:block; clear:both; content:'' }
#column_left .left_nameServer .tit h3 { float:left; font-size:15px; font-weight:bold }
#column_left .left_nameServer .server_lst { position:relative }
#column_left .left_nameServer .server_lst ol li { padding-bottom:19px; position:relative; height:28px }
#column_left .left_nameServer .server_lst ol li .num { position:absolute; top:0; left:0; width:28px; height:28px; font-size:13px; color:#fff; font-weight:bold; text-align:center; line-height:28px; background:#4c9cd8 }
#column_left .left_nameServer .server_lst ol li .inner { padding-left:39px; font-size:0; line-height:0 }
#column_left .left_nameServer .server_lst ol li .inner span { display:block; vertical-align:top; font-size:13px; line-height:14px }
#column_left .left_nameServer .server_lst ol li .inner span img { float: right; }
#column_left .left_nameServer .server_lst ol li .inner .t1 { font-weight:bold }
#column_left .left_nameServer .server_lst ol li .inner .t2 { color:#626262 }

#column_left .left_cs { padding:20px 17px 10px 17px }
#column_left .left_cs .t1 { position:relative }
#column_left .left_cs .t1 .tel { position:relative; font-size:24px; color:#1a4f98; font-weight:bold }
#column_left .left_cs .t1 .tel_info { position:relative; font-size:12px; font-weight:bold }
#column_left .left_cs .t2 { padding:15px 0; position:relative }

/*
========================================================================
공통 class
========================================================================
*/

/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }

/* bold */
.bold { font-weight: bold; }

/* color */
.fc-dark-pink { color:#5499de }
.blue { color:#4d9cd8 }
.red { color:#e60012 }

/* link */
.bt_link { font-size:13px; color:#4d9cd8; font-weight:bold }
.bt_link:hover { text-decoration:underline }

/* float clear */
.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }
.fl_left { float:left; }
.fl_right { float:right; }

/* Align */
.l { text-align:-moz-left !important; /* FF */ text-align:left !important; }
.c { text-align:-moz-center !important; /* FF */ text-align:center !important; /* IE */ }
.r { text-align:-moz-right !important; /* FF */ text-align:right !important; }
.t { vertical-align:top !important; }
.m { vertical-align:middle !important; }
.b { vertical-align:bottom !important; }
.left { text-align:left !important; }
.center	{ text-align:center !important; }
.right	{ text-align:right !important;}

/* margin */
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mb-2 { margin-bottom: 2px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }

/* padding */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-50 { padding-top: 50px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }

/* 기본 버튼 - 하얀색 */
.CSSbutton {
	display:inline-block;
    padding:0 15px;
	height:28px;
    font-size:13px;
	color:#4c9cd8;
    line-height:28px;
    text-decoration:none;
    border:1px solid #4c9cd8;
	background:#fff;
    vertical-align:top;
	text-indent: 0
}
.CSSbutton:hover {
	background-color:#4c9cd8;
    color:#fff;
	cursor:hand;
}
.CSSbutton:active {
	position:relative;
	top:1px;
}

/* 기본 버튼 - 빨간색 */
.CSSbutton_red {
	display:inline-block;
    padding:0 15px;
	height:28px;
    font-size:13px;
	color:#fff;
    line-height:28px;
    text-decoration:none;
    border:1px solid #e1673d ;
	background:#e1673d ;
    vertical-align:top;
	text-indent: 0
}
.CSSbutton_red:hover {
	background-color:#fff;
    color:#e1673d ;
	cursor:hand;
}
.CSSbutton_red:active {
	position:relative;
	top:1px;
}


/* 기본 버튼 - 파란색 */
.CSSbutton_rev {
	display:inline-block;
    padding:0 15px;
	height:28px;
    font-size:13px;
	color:#fff;
    line-height:28px;
    text-decoration:none;
    border:1px solid #4c9cd8;
	background:#4c9cd8;
    vertical-align:top;
	text-indent: 0
}
.CSSbutton_rev:hover {
	background-color:#fff;
    color:#4c9cd8;
	cursor:hand;
}
.CSSbutton_rev:active {
	position:relative;
	top:1px;
}


/* 기본 버튼 - 다크블루 */
.CSSbuttonDBlue_rev {
	display:inline-block;
    padding:0 15px;
	height:28px;
    font-size:13px;
	color:#fff;
    line-height:28px;
    text-decoration:none;
    border:1px solid #1B4F99;
	background:#1B4F99;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonDBlue_rev:hover {
	background-color:#fff;
    color:#1B4F99;
	cursor:hand;
}
.CSSbuttonDBlue_rev:active {
	position:relative;
	top:1px;
}

/* 기본 버튼 - 회색 */
.CSSbuttonGrayB {
	display:inline-block;
    padding:0 15px;
	height:28px;
    font-size:13px;
	color:#313131;
    line-height:28px;
    text-decoration:none;
    border:1px solid #a0a0a0;
	background:#fff;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonGrayB:hover {
	background-color:#a0a0a0;
    color:#fff;
	cursor:hand;
}
.CSSbuttonGrayB:active {
	position:relative;
	top:1px;
}

/* 기본 버튼 - 다크 그레이 */
.CSSbuttonDark {
	display:inline-block;
    padding:0 15px;
	height:28px;
    font-size:13px;
	color:#fff;
    line-height:28px;
    text-decoration:none;
    border:1px solid #595656;
	background:#595656;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonDark:hover {
	background-color:#fff;
    color:#595656;
	cursor:hand;
}
.CSSbuttonDark:active {
	position:relative;
	top:1px;
}

/* 직사각형 큰 버튼 - 파란색 */
.CSSbuttonBlue {
	display:inline-block;
    padding:10px 70px;
    font-size:15px;
	color:#fff;
    font-weight:bold;
    line-height:28px;
    text-decoration:none;
    border:1px solid #1a4f98;
	background:#1a4f98;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonBlue:active {
	position:relative;
	top:1px;
}

/* 직사각형 큰 버튼 - 하얀색 */
.CSSbuttonWhite {
	display:inline-block;
    padding:10px 70px;
    font-size:15px;
	color:#313131;
    font-weight:bold;
    line-height:28px;
    text-decoration:none;
    border:1px solid #a0a0a0;
	background:#fff;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonWhite:active {
	position:relative;
	top:1px;
}

/* 직사각형 큰 버튼 - 어두운색 */
.CSSbuttonGray {
	display:inline-block;
    padding:10px 70px;
    font-size:15px;
	color:#fff;
    font-weight:bold;
    line-height:28px;
    text-decoration:none;
    border:1px solid #595656;
	background:#595656;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonBlue:active {
	position:relative;
	top:1px;
}

/* 정사각형 큰 버튼 - 파란색 */
.CSSbuttonBlueBig {
	display:inline-block;
    padding:20px 20px;
    font-size:15px;
	color:#fff;
    font-weight:bold;
    line-height:28px;
    text-decoration:none;
    border:1px solid #1a4f98;
	background:#1a4f98;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonBlueBig:active {
	position:relative;
	top:1px;
}

/* 정사각형 큰 버튼 - 하얀색 */
.CSSbuttonWhiteBig {
	display:inline-block;
    padding:20px 20px;
    font-size:15px;
	color:#313131;
    font-weight:bold;
    line-height:28px;
    text-decoration:none;
    border:1px solid #a0a0a0;
	background:#fff;
    vertical-align:top;
	text-indent: 0
}
.CSSbuttonWhite:active {
	position:relative;
	top:1px;
}

/*웹검색 텍스트 처리*/
.screen_out {
    width: 0px;
    height: 0px;
    line-height: 0;
    text-indent: -9999px;
    position: absolute;
    overflow: hidden;
}