@charset "utf-8";
/*@import url("slideBanner.css");*/
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src: url('/include/font/NanumGothic-Regular.eot');
  src: url('/include/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('/include/font/NanumGothic-Regular.woff2') format('woff2'),
       url('/include/font/NanumGothic-Regular.woff') format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:600;
  src: url('/include/font/NanumGothic-Bold.eot');
  src: url('/include/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('/include/font/NanumGothic-Bold.woff2') format('woff2'),
       url('/include/font/NanumGothic-Bold.woff') format('woff');
}

/*********************************************/
/* common cpmponents                         */
/*********************************************/
/*********************************************/
/* default begin                             */
/*********************************************/

/************* 리뉴얼 추가 내용 **************/
#bell_wrap {position:absolute;bottom:90px;right: 70px;width:76px;height:75px;z-index:1000;}
#bell {position:absolute;left:50%;margin-left:-20px;width:40px;height:53px;background:url(/include/images/main2/visual/bell2.png) no-repeat;}
#deco {position:absolute;left:50%;margin-left:-38px;width:76px;height:75px;                                  background:url(/include/images/main2/visual/fall/flower.png) no-repeat;}
#main2 #visualWrap #visualInner {max-width:2000px;min-width:1200px;height:487px;margin:0 auto;               background:url(/include/images/main2/visual/fall/visual_img.jpg) no-repeat;}
#main2 #visualWrap #visualInner .typography {position:absolute;top:95px;right:-30px;width:507px;height:180px;background:url(/include/images/main2/visual/fall/main_typography.png) no-repeat 70% 30%}



/* placeholder */
::-webkit-input-placeholder { color:#999; }
::-moz-placeholder { color:#999; } /* FF 19+ */
:-moz-placeholder { color:#999; } /* FF 18- */
:-ms-input-placeholder { color:#999; }
.placeholder { color:#999; } /* for the polyfill */


/* 웹접근성을 위해 필요한 설정 */
.skip a {position:absolute;left:0;top:-9999em;z-index:9999;display:block;width:100%;background-color:#039;color:#eee;text-transform:uppercase;text-decoration:none;line-height:30px;}
.skip a:hover,.skip a:active,.skip a:focus {top:0;}
.blind {display:block;position:absolute;left:0;top:-9999em;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;}
ol, ul {list-style:none;}
input[type=text], input[type=password] {margin:0;border:none;}
a {color:#333;}
a:link, a:visited {/*color: #00f;*/text-decoration: none;}
a:hover, a:focus {color: #3f8bca;/*text-decoration: underline;*/}
.fs_0-9em {font-size:0.9em;}
.fs_1em {font-size:1em;}
.fs_1-1em {font-size:1.1em;}
.fs_1-2em {font-size:1.2em;}
.fs_1-3em {font-size:1.3em;}
.fs_1-5em {font-size:1.5em;}
.fs_1-7em {font-size:1.7em;}
.fs_1-8em {font-size:1.8em;}
.fs_2em {font-size:2em;}
.btn {font-weight:bold;padding:0.5em 1.4em;border:1px solid #03447c;background:#fff;text-align:center;border-radius:10px;color:#03447c;}
.btn:hover {background:#408bca;color:#fff;cursor:pointer;}
.point {color:#ea5413;}
/************* 리뉴얼 추가 내용 end **************/

html {overflow-y: scroll;}
body, a, select, input, button, textarea {font-family:'Nanum Gothic','dotum','돋움',sans-serif;font-size:12px;color:#333;}
caption {position: static;margin: 0 !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;overflow: hidden;}
/*li {list-style: none;position: relative;left: -25px;}*/
img {vertical-align: middle;border: 0;}
input, button, label, textarea, select {vertical-align: middle;}
form {display: inline-block;margin: 0px;}
button {border: 0;cursor: pointer;background: transparent;overflow: visible;}
button::-moz-focus-inner {border: 0;padding: 0;}
input::-moz-focus-inner {border: 0;padding: 0;}
/*input[type=text], input[type=password] {margin: 0;border: 1px solid #ddd;padding: 2px 2px;height: 16px;line-height: 16px;}*/
input[type=file] {margin: 0;}
input[type=submit], button {margin: 0;cursor: pointer;}
select {margin: 0;border: 1px solid #ddd;color: #555;}
/*a:link, a:visited {color: #00f;text-decoration: none;}
a:hover, a:focus {color: #f00;text-decoration: underline;}*/
.hidden {position: absolute;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
.mt0 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl50 {padding-left: 50px !important;}
.pt15 {padding-top: 15px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}
.ac {text-align: center !important;}
.fl {float: left !important;}
.fr {float: right !important;}
.fn {float: none !important;}
.clear {clear: both;}
.f14 {font-size: 14px;}
.cb {color: #39c;}
.cr {color: #f00;}
.err_msg {display:block;margin-left:5px;font-size:13px;color:#f48023;}
.sum {color: red;font-weight: bold;font-size: 15px;}
.strike {text-decoration: line-through;}
.li_disc {list-style: disc;}
.li_dcm {list-style: decimal;}
.bl {border-left: 5px groove red; padding-left: 5px;}
.btn_area {margin-top: 30px; text-align: center;}
.btn_area input, .btn_area button, .btn_area a, .btn_area span {display: inline-block;border: 0;height: 40px;padding: 0 20px;line-height: 40px;font-size: 14px;color: #fff;background: #39c;vertical-align: middle;text-decoration: none;border-radius: 3px;box-shadow: 1px 1px 1px rgba(0,0,0,0.3);overflow: hidden;}
.btn_area .nega {background: #666;}
.btn_blue {display: inline-block;padding: 5px 15px;border-radius: 2px;font-size: 14px;line-height: 20px;color: #fff;text-decoration: none !important;overflow: hidden;font-weight: bold;background: #39c;vertical-align: middle;}
a.btn_blue {color: #fff;cursor: pointer;}
.bottom_menu {text-align: right;margin-top: 10px;margin-right: 15px;}
.bottom_menu a {margin-left: 3px;}

.paging_wrap {display: block;margin-top:15px;}
.paging {}
.paging_wrap .current {text-decoration: none;color: #39f;margin: 0 5px;}
.paging_wrap .paging .paging_icon {width: 15px;height: 15px;margin-top: 5px;}
.paging_wrap .paging .page_icon {margin: 0 5px;}
.paging ul {text-align: center;}
.paging ul li {display: inline-block;margin:auto 8px;vertical-align: middle;}
.paging ul li a {text-decoration: none;}

/* common default end */


/*********************************************/
/* layout begin                              */
/*********************************************/

/*body {background: #fff;margin:0;}*/
.width_fix {width:980px;margin:0 auto;}

#header {width:100%;height:109px;background:url(/include/images/main2/header/header_bg.gif) repeat-x;/*overflow:hidden*/;border-bottom:1px solid #aaa;}
#header #headerInner #utilmenu {float:right;height:35px;line-height:35px;}
#header #headerInner #utilmenu li {float:left;color:#fff;}
#header #headerInner #utilmenu li.bar:after {content:"|";padding:0 0.7em;color:#fff;}
#header #headerInner #utilmenu li.cs {padding-left:20px;background:url(/include/images/main2/header/icon_call.png) no-repeat 0 50%;}
#header #headerInner #utilmenu li a {color:#fff;}
#header #headerInner #utilmenu li a:hover, header #headerInner #utilmenu li a:focus {text-decoration:underline;}
#header #headerInner #logo {float:left;height:74px;line-height:65px;}
#header #headerInner #gnb {float:right;height:74px;line-height:74px;}
#header #headerInner #gnb li {float:left;margin-left:70px;}
#header #headerInner #gnb li a {font-size:1.3em;font-weight:bold;}
#header #headerInner #gnb a:hover {padding-bottom:23px;border-bottom:4px solid #03447c;color:#03447c;}

#footer {width:100%;height:246px;background:#f8f8f8;}
#footer #footerInner #logo_btm {float:left;padding-top:55px;}
#footer #footerInner>div {float:left;padding:35px 0 0 113px;}
#footer #footerInner .biz_mark {overflow:hidden;}
#footer #footerInner .biz_mark>div {float:left;padding-right:25px;}
#footer #footerInner .biz_mark p {float:left;margin-right:15px;}
#footer #footerInner .biz_mark p a {display:block;float:left;padding:9px 0 10px 0;}
#footer #footerInner .biz_mark .mark_img {float:left;display:block;width:47px;height:46px;margin-right:10px;background:url(/include/images/main2/footer/certification_mark.png) no-repeat;}
#footer #footerInner .biz_mark .mark2 {background-position:-182px 0;}
#footer #footerInner .biz_mark .mark3 {background-position:-368px 0;}
#footer #footerInner .biz_mark .mark4 {background-position:-549px 0;}
#footer #footerInner #policy {clear:both;padding-top:37px;}
#footer #footerInner #policy dl dd {float:left;padding:0 30px;border-right:1px solid #aaa;}
#footer #footerInner #policy dl dd.first {padding:0 30px 0 0;}
#footer #footerInner #policy dl dd.last {padding:0 0 0 30px;border-right:none;}
#footer #footerInner #copyright {clear:both;padding-top:12px;}

/*********************************************/
/* main2                                     */
/*********************************************/
#main2 {width:100%;}
#main2 #visualWrap {position:relative;width:100%;overflow:hidden;}
#main2 #visualWrap #visualInner #visualContent {position:relative;width:980px;height:487px;}
#main2 #visualWrap #visualInner #login_form {position:absolute;top:167px;left:0px;}
#main2 #visualWrap #visualInner #login_form #uid,#main2 #visualWrap #visualInner #login_form #upwd {width:212px;height:35px;padding-left:5px;background:url(/include/images/main2/visual/textbox_login.png) no-repeat;line-height:35px;box-sizing:border-box;}
#main2 #visualWrap #visualInner #login_form .login_menu>a {float:left;display:block;height:35px;text-indent:-9999px;overflow:hidden;}
#main2 #visualWrap #visualInner #login_form .login_menu .btn_join {width:72px;background:url(/include/images/main2/visual/btn_join.png) no-repeat;}
#main2 #visualWrap #visualInner #login_form .login_menu .btn_find {width:135px;background:url(/include/images/main2/visual/btn_find.png) no-repeat;}
#main2 #visualWrap #visualInner #login_form .login_menu button[type="submit"] {width:212px;height:35px;background:url(/include/images/main2/visual/btn_login.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#main2 #visualWrap #visualInner #servicesWrap {position:absolute;bottom:0px;left:50%;margin-left:-1000px;width:2000px;height:130px;background:#fff;opacity:0.7;filter:alpha(opacity=70);}
#main2 #visualWrap #visualInner #servicesWrap #services>h3 {float:left;font-weight:normal;font-size:1.5em;}
#main2 #visualWrap #visualInner #servicesWrap #services .service_icons {float:left;margin-left:50px;}
#main2 #visualWrap #visualInner #servicesWrap #services .service_icons li {float:left;margin-right:30px;text-align:center;}
#main2 #visualWrap #visualInner #servicesWrap #services .service_icons li.line {padding-left:31px;background:url(/include/images/main2/visual/feature_bar.png) no-repeat;}
#main2 #visualWrap #visualInner #servicesWrap #services .service_icons li img {opacity:0.7;filter:alpha(opacity=70);}
#main2 #visualWrap #visualInner #servicesWrap #services .service_icons li a:hover img {opacity:1;filter:alpha(opacity=100);}
#main2 #visualWrap #visualInner #servicesWrap #services .ad_area {float:left;position:relative;margin-left:95px;}
#main2 #visualWrap #visualInner #servicesWrap #services .ad_area li.blue {color:#155186;font-weight:bold;}
#main2 #visualWrap #visualInner #servicesWrap #services .ad_area span.point {background:#155186;color:#fff;padding:1px;}

#main2 #main2_container #content1>h3 {padding-top:66px;color:#155186;}
#main2 #main2_container #content1>p {color:#155186;}
#main2 #main2_container #content1 .service_process {margin-top:64px;}
#main2 #main2_container #content1 .service_process li {display:inline-block;vertical-align:top;}
#main2 #main2_container #content1 .service_process li.next {padding:0 30px;line-height:100px;}
#main2 #main2_container #content1 .service_process li p {font-size:1.1em;}

#main2 #main2_container #content2Wrap {width:100%;margin-top:65px;height:136px;background:#155186;color:#fff;}
#main2 #main2_container #content2 ul {width:570px;margin:0 auto;padding:40px 0 40px 123px;background:url(/include/images/main2/content2/icon_trophy.png) no-repeat 0 70%;}

#main2 #main2_container #content3Wrap {width:100%;height:401px;background:url(/include/images/main2/content3/main_pattern.jpg) repeat-x;}
#main2 #main2_container #content3>h3 {padding-top:37px;color:#03447c;}
#main2 #main2_container #content3>p>a {padding-right:30px;background:#fff url(/include/images/main2/content3/arrow_navy_small.png) no-repeat 85% 60%;}
#main2 #main2_container #content3>p>a:hover {background:#408bca url(/include/images/main2/content3/arrow_navy_small.png) no-repeat 85% 60%;}
#main2 #main2_container #content3 .use_info {margin-top:50px;}
#main2 #main2_container #content3 .use_info>div {float:left;position:relative;background:yellow;}
#main2 #main2_container #content3 .use_info>div.mr {margin-right:7px;}
#main2 #main2_container #content3 .use_info ul {width:322px;height:213px;background:url(/include/images/main2/content3/memo_pad.gif) no-repeat;padding:30px 20px;box-sizing:border-box;line-height:1.3;text-align:justify;}
#main2 #main2_container #content3 .use_info h4 {position:absolute;top:-13px;left:50%;padding:0.5em 1.4em;background:#408bca;color:#fff;border-radius:10px;}
#main2 #main2_container #content3 .use_info .what080 h4 {margin-left:-50px;}
#main2 #main2_container #content3 .use_info .cms h4 {margin-left:-53px;}
#main2 #main2_container #content3 .use_info .spam_list h4 {margin-left:-62px;}

#main2 #main2_container #ourservice {width:100%;height:70px;background:#f7c572;}
#main2 #main2_container #ourservice div h3 {float:left;width:116px;height:17px;margin:27px 0;background:url(/include/images/main2/ourservice/ourservice.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#main2 #main2_container #ourservice div ul {float:left;margin-top:17px;}
#main2 #main2_container #ourservice div ul li {float:left;}
#main2 #main2_container #ourservice div ul li a {display:block;height:36px;margin-right:80px;text-indent:-9999px;overflow:hidden;}
#main2 #main2_container #ourservice div ul li.first a {width:64px;margin-left:65px;background:url(/include/images/main2/ourservice/smsin_logo.png) no-repeat;}
#main2 #main2_container #ourservice div ul li.second a {width:105px;background:url(/include/images/main2/ourservice/smartsms_logo.png) no-repeat;}
#main2 #main2_container #ourservice div ul li.third a {width:88px;background:url(/include/images/main2/ourservice/serverfarm_logo.png) no-repeat;}
#main2 #main2_container #ourservice div ul li.fourth a {width:103px;background:url(/include/images/main2/ourservice/icsidc_logo.png) no-repeat;}
#main2 #main2_container #ourservice div ul li.last a {width:102px;margin-right:0;background:url(/include/images/main2/ourservice/hostone_logo.png) no-repeat;}

#main2 #main2_container #cs_section {height:240px;}
#main2 #main2_container #cs_section .cs_info {float:left;margin-top:30px;}
#main2 #main2_container #cs_section .cs_info .cs_callnum {margin-top:10px;padding:25px 30px;border:1px solid #ddd;border-radius:10px;}
#main2 #main2_container #cs_section .cs_info .cs_callnum ul {padding-left:67px;background:url(/include/images/main2/cs_section/icon_cs_info.png) no-repeat 0 50%;}
#main2 #main2_container #cs_section .cs_info>ul li.first {float:left;}
#main2 #main2_container #cs_section .cs_info>ul li.last {clear:both;}
#main2 #main2_container #cs_section .bbs_link {float:right;margin-top:67px;text-align:center;}
#main2 #main2_container #cs_section .bbs_link ul li {float:left;height:74px;padding:10px 35px;border-left:1px solid #ddd;}
#main2 #main2_container #cs_section .bbs_link ul li.first {border-left:none;}
#main2 #main2_container #cs_section .bbs_link ul li div p.img {height:40px;margin:0 auto;background:url(/include/images/main2/cs_section/icon_cs.png) no-repeat;opacity:0.6;filter:alpha(opacity=60);}
#main2 #main2_container #cs_section .bbs_link ul li div p.img1 {width:40px;}
#main2 #main2_container #cs_section .bbs_link ul li div p.img2 {width:51px;background-position:-115px 0;}
#main2 #main2_container #cs_section .bbs_link ul li div p.img3 {width:38px;background-position:-255px 0;}
#main2 #main2_container #cs_section .bbs_link ul li div p.img4 {width:52px;background-position:-381px 0;}
#main2 #main2_container #cs_section .bbs_link ul li div p.txt {margin-top:22px;}
#main2 #main2_container #cs_section .bbs_link ul li div:hover .img {opacity:1;filter:alpha(opacity=100);}