@charset "utf-8";

/* **************************************

   File   : index_style.css
   Title  : index style
   Author : Kim In Suk
   Date   : 2013.03.06
   Last   : 2013.05.06

************************************** */

/* contents */
.contentsArea {clear:both;}
.visualArea {background:url(/assets/common/images/bg_index01.jpg) 0 0 repeat-x;height:485px;*position:relative;*z-index:-1;}
.visualBg01 {position:relative;*overflow:hidden;height:485px;}

.visualWrap {width:300px;position:relative;top:0;left:50%;margin:0 0 0 190px;z-index:12;}
/*.visualWrap .rollImg {float:left;margin:94px 0 0 0;}
.visualWrap .rollImg .paging li {float:left;margin:0 10px 0 0;}
.visualWrap .roll {margin:37px 0 0 0;}*/
.visualWrap .right  {float:right;}

/* before login */
.personalArea {margin:8px 0 0 0;z-index:20;}
.personalArea .before {padding:22px 0 22px 0;}
.personalArea .before h3 {margin:0 0 0 19px;}
.personalArea .before p {margin:11px 0 0 20px;}
.personalArea .before ul {background:#f8f8f8;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;margin:25px 1px 12px 1px;zoom:1;padding:0 0 14px 0;}
.personalArea .before ul:after {content:""; display:block; clear:both;}
.personalArea .before li {float:left;margin:15px 0 0 19px;width:113px;}
.personalArea .before dl {zoom:1;padding:0 0 0 19px;}
.personalArea .before dl:after {content:""; display:block; clear:both;}
.personalArea .before dt {float:left;margin:18px 14px 0 0;}
.personalArea .before dd {float:left;margin:13px 0 0 0;}

/* after login */
.personalArea .after {padding:21px 27px 19px 19px;}
.personalArea .after .name {color:#0072BF;}
.personalArea .after ul {margin:12px 0 0 0;zoom:1;}
.personalArea .after ul:after {content:""; display:block; clear:both;}
.personalArea .after li {float:left;margin:0 0 0 2px;}
.personalArea .after li.first {margin:0;}
.personalArea .after li .num {color:#D62806;font-weight:bold;}
.personalInfo {clear:both;position:relative;margin:7px 0 0 0;}
.personalInfo h3.extend a {position:absolute;top:0;left:0;width:83px;height:32px;display:block;background:url(/assets/common/images/allimg.gif) 0 -410px no-repeat;text-indent:-7676769px;}
.personalInfo h3.extend a.on {position:absolute;top:0;left:0;width:83px;height:32px;display:block;background:url(/assets/common/images/allimg.gif) 0 -470px no-repeat;text-indent:-7676769px;}
.personalInfo h3.bill a {position:absolute;top:0;left:83px;width:83px;height:32px;display:block;background:url(/assets/common/images/allimg.gif) -83px -410px no-repeat;text-indent:-7676769px;}
.personalInfo h3.bill a.on {position:absolute;top:0;left:81px;width:84px;height:32px;display:block;background:url(/assets/common/images/allimg.gif) -83px -470px no-repeat;text-indent:-7676769px;}
.personalInfo h3.cs a {position:absolute;top:0;left:166px;width:84px;height:32px;display:block;background:url(/assets/common/images/allimg.gif) -166px -410px no-repeat;text-indent:-7676769px;}
.personalInfo h3.cs a.on {position:absolute;top:0;left:165px;width:85px;height:32px;display:block;background:url(/assets/common/images/allimg.gif) -165px -470px no-repeat;text-indent:-7676769px;}
.striped {background:#f4f4f4;}
.personalInfo .extendDiv {padding:32px 0 2px 0;}
.personalInfo .extendDiv table, .personalInfo .billDiv table, .personalInfo .csDiv table {width:100%;border-collapse:collapse;}
.personalInfo .extendDiv th {height:27px;margin:0;padding:0 0 0 9px;vertical-align:middle;color:#767676;border-bottom:1px solid #ccc;background:#fff;font-weight:bold;}
.personalInfo .extendDiv td {height:25px;margin:0;padding:0 0 0 9px;vertical-align:middle;}
.personalInfo .extendDiv td.center, .personalInfo .billDiv td.center, .personalInfo .csDiv td.center {padding:0;text-align:center;}
.personalInfo .csDiv td.nodata {background:#f4f4f4;height:75px;}
.personalInfo .billDiv {padding:32px 0 6px 0;}
.personalInfo .billDiv p {margin:3px 0 0 0;}
.personalInfo .billDiv th {height:27px;margin:0;padding:0 0 0 9px;border-bottom:1px solid #ccc;background:#fff;text-align:left;}
.personalInfo .billDiv .loading {position:absolute;top:59px;left:0;height:57px;width:252px;background:#f4f4f4;padding:18px 0 0 0;text-align:center;}
.personalInfo .ora {color:#D62806;}
.personalInfo .billDiv td {height:25px;margin:0;padding:0 0 0 9px;vertical-align:middle;}
.personalInfo .billDiv td.right {text-align:right;padding:0 9px 0 0;float:none;}
.personalInfo .csDiv {padding:32px 0 25px 0;}
.personalInfo .csDiv .left {float:left;margin:3px 0 0 10px;}
.personalInfo .csDiv .right {float:right;margin:3px 10px 0 0;}
.personalInfo .csDiv th {background:#fff;color:#767676;height:27px;border-bottom:1px solid #ccc;font-weight:bold;}
.personalInfo .csDiv td {height:25px;margin:0;padding:0;}

/* domain search */
.domainSearch {margin:5px 0 0 0;clear:both;}
.domainSearch dl {padding:13px 0 19px 19px;}
.domainSearch dd {background:url(/assets/common/images/allimg.gif) 37px -290px no-repeat;margin:5px 0 0 0;padding:0 0 0 0;width:256px;height:28px;position:relative;}
.domainSearch dd .www {position:absolute;top:10px;left:0;}
.domainSearch dd input {border:0;margin:0 0 0 1px;font-size:12px;color:#767676;padding:0 0 0 8px;line-height:1;position:absolute;top:6px;left:37px;height:17px;}
.domainSearch dd button {position:absolute;top:1px;right:1px;border:0;margin:0;padding:0;background:url(/assets/common/images/allimg.gif) 0 -360px no-repeat;width:52px;height:26px;cursor:pointer;}
.domainSearch dd button span {font-size:0;text-indent:-7676769px;}

/* cs center, name server */
.customerArea {margin:5px 0 0 0;clear:both;position:relative;}
.customerArea .borderBoxbot {height:109px;}
.customerArea .cs {position:absolute;top:-2px;left:0;}
.customerArea .name {position:absolute;top:53px;left:0;}
.customerArea .customerTab {position:absolute;top:0;left:87px;}
.customerArea .customerTab p {margin:21px 0 0 15px;}
.customerArea .customerTab ul {margin:4px 0 0 41px;}
.customerArea .customerTab li {margin:0;padding:0;line-height:15px;zoom:1;}
.customerArea .customerTab dl {clear:both;}
.customerArea .customerTab dt {float:left;width:65px;background:url(/assets/common/images/allimg.gif) 0 -334px no-repeat;padding:0 0 0 8px;line-height:15px;}
.customerArea .customerTab dd {float:left;line-height:15px;width:92px;}
.customerArea .nameserverTab {position:absolute;top:0;left:87px;}
.customerArea .nameserverTab ul {margin:11px 0 0 15px;}
.customerArea .nameserverTab li {line-height:15px;zoom:1;}
.customerArea .nameserverTab dl {position:relative;padding:0 0 5px 0;}
.customerArea .nameserverTab dt {position:absolute;top:0;left:0;}
.customerArea .nameserverTab dd {margin:0 0 0 48px;line-height:15px;}

/* go service */
.goService {width:980px;margin:26px auto 0;zoom:1;}
.goService:after {content:""; display:block; clear:both;}
.goService .shortcuts {float:left;padding:19px 65px 16px 0;border-right:1px solid #e0e0e0;}
.goService .shortcuts li {float:left;}
.goService .shortcuts li.benefit {margin:0 0 0 21px;}
.goService .shortcuts li.free {margin:0 0 0 50px;}
.goService .shortcuts li.price {margin:0 0 0 51px;}
.goService .shortcuts dl {position:relative;}
.goService .shortcuts dt {position:absolute;top:0;left:0;}
.goService .shortcuts dd {margin:0 0 0 57px;}
.goService .shortcuts li.free dd {margin:0 0 0 50px;}
.goService .shortcuts li.price dd {margin:0 0 0 52px;}
.goService .shortcuts dd.btnGo, .goService .shortcuts .free dd.btnGo, .goService .shortcuts .price dd.btnGo {margin-top:9px;}
.goService .notice {float:right}
.goService .notice h3 {margin:7px 0 0 0;}
.goService .notice ul {margin:12px 18px 0 0;width:260px;}
.goService .notice li {line-height:19px;}
.goService .notice li a {float:left;width:184px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.goService .notice li span {float:right;color:#767676;}
/* 131114 sjg */
.goService .notice { position:relative; }
.goService .notice .btn_more { position:absolute; left:56px; top:7px; }
/* //131114 sjg */

/* index visual roll css 2013-05-14 lmk@gabia.com */
/*
#imgRoll {min-width:1180px; height:485px;zoom:1;position:relative;}
#imgRoll ol.visuals {list-style:none;}
#imgRoll ol.visuals li {position:absolute; left:-100px; width:1180px; height:485px;zoom:1; z-index:1;}
#imgRoll ol.visuals li a {display:block;width:1180px;height:485px;position:absolute; left:50%;  margin-left:-490px; top:0; z-index:50;}
#imgRoll ol.visuals li img{vertical-align:top}
#imgRoll .control_wrap 	{position:relative; width:1180px; height:125px; margin:0 auto; zoom:1; z-index: 10;}
#imgRoll .visualControl {position:absolute; left:100px; bottom:10px; width:220px; height:15px; overflow:hidden;}
#imgRoll .visualControl .btnStart,
#imgRoll .visualControl .btnStop {display:block; float:left; width:15px; height:15px; overflow:hidden; zoom:1; cursor:pointer; border:0 none;}
#imgRoll .visualControl .btnStart em,
#imgRoll .visualControl .btnStop em {visibility:hidden;}
#imgRoll .visualControl .btnStart {background:url(/assets/common/images/btn_start.png) no-repeat 0 0;}
#imgRoll .visualControl .btnStop {background:url(/assets/common/images/btn_stop.png) no-repeat 0 0;}
#imgRoll .visualControl ol {list-style:none; margin-top:1px;}
#imgRoll .visualControl ol li {float:left; width:13px; height:13px; margin-left:8px; background:url(/assets/common/images/btn_indexroll_off.png) no-repeat 0 0; overflow:hidden; zoom:1; cursor:pointer;}
#imgRoll .visualControl ol li.selected {width:13px; height:13px; background:url(/assets/common/images/btn_indexroll_on.png) no-repeat 0 0;}
#imgRoll .visualControl ol li button { width:13px; height:13px;padding-top:13px;}
#imgRoll button {border: 0px;border-image: initial;background: transparent;cursor: pointer;text-align: left;}

#imgRoll {min-width:1180px; height:485px;zoom:1;position:relative;}
#imgRoll ol.visuals {list-style:none;}
#imgRoll ol.visuals li {position:absolute; left:-100px; width:1180px; height:485px;zoom:1; z-index:1;}
#imgRoll ol.visuals li a {display:block;width:1180px;height:485px;position:absolute; left:50%;  margin-left:-490px; top:0; z-index:13;}
#imgRoll ol.visuals li .space {display:block;width:1180px;height:485px;position:absolute; left:50%;  margin-left:-490px; top:0; z-index:13;}
#imgRoll ol.visuals li img{vertical-align:top}
#imgRoll .control_wrap {position:relative; width:1180px; margin:0 auto; zoom:1; z-index: 14;}
#imgRoll .roll_control {position:absolute; left:100px; bottom:-431px; width:220px; height:19px; overflow:hidden;*left:-260px;}
#imgRoll .roll_control .btn_start,
#imgRoll .roll_control .btn_stop {display:block; float:left; width:19px; height:19px; overflow:hidden; zoom:1; cursor:pointer; border:0 none;}
#imgRoll .roll_control .btn_start em,
#imgRoll .roll_control .btn_stop em {visibility:hidden;}
#imgRoll .roll_control .btn_start {background:url(/assets/common/images/btn_roll_play.png) no-repeat 0 0;width:19px;height:19px;}
#imgRoll .roll_control .btn_stop {background:url(/assets/common/images/btn_roll_pause.png) no-repeat 0 0;width:19px;height:19px;}
#imgRoll .roll_control ol {list-style:none; margin-top:1px;}
#imgRoll .roll_control ol li {float:left; width:13px; height:13px; margin-left:5px; background:url(/assets/common/images/btn_roll_off.png) no-repeat 0 0; overflow:hidden; zoom:1; cursor:pointer;margin-top:3px;}
#imgRoll .roll_control ol li.selected {width:13px; height:13px; background:url(/assets/common/images/btn_roll_on.png) no-repeat 0 0;}
#imgRoll .roll_control ol li button { width:13px; height:13px;padding-top:13px;}
#imgRoll button {border: 0px;border-image: initial;background: transparent;cursor: pointer;text-align: left;}
*/

/* event visual roll css 2013-10-30 lmk@gabia.com */
/*#eventImgRoll {min-width:755px; height:180px;zoom:1;position:relative;}
#eventImgRoll ol.visuals {list-style:none;}
#eventImgRoll ol.visuals li {position:absolute;width:755px; height:180px;zoom:1; z-index:1;}
#eventImgRoll ol.visuals li a {display:block;width:755px;height:180px;position:absolute; left:50%;  margin-left:-377px; top:0; z-index:13;}
#eventImgRoll ol.visuals li .space {display:block;width:755px;height:180px;position:absolute; left:50%;  margin-left:-377px; top:0; z-index:13;}
#eventImgRoll ol.visuals li img{vertical-align:top}
#eventImgRoll .control_wrap {position:relative; width:755px; margin:0 auto; zoom:1; z-index: 14;}
#eventImgRoll .roll_control {position:absolute; left:10px; bottom:-168px; width:220px; height:19px; overflow:hidden;*left:-260px;}
#eventImgRoll .roll_control .btn_start,
#eventImgRoll .roll_control .btn_stop {display:block; float:left; width:19px; height:19px; overflow:hidden; zoom:1; cursor:pointer; border:0 none;}
#eventImgRoll .roll_control .btn_start em,
#eventImgRoll .roll_control .btn_stop em {visibility:hidden;}
#eventImgRoll .roll_control .btn_start {background:url(/assets/common/images/btn_roll_play.png) no-repeat 0 0;width:19px;height:19px;}
#eventImgRoll .roll_control .btn_stop {background:url(/assets/common/images/btn_roll_pause.png) no-repeat 0 0;width:19px;height:19px;}
#eventImgRoll .roll_control ol {list-style:none; margin-top:1px;}
#eventImgRoll .roll_control ol li {float:left; width:13px; height:13px; margin-left:5px; background:url(/assets/common/images/btn_roll_off.png) no-repeat 0 0; overflow:hidden; zoom:1; cursor:pointer;margin-top:3px;}
#eventImgRoll .roll_control ol li.selected {width:13px; height:13px; background:url(/assets/common/images/btn_roll_on.png) no-repeat 0 0;}
#eventImgRoll .roll_control ol li button { width:13px; height:13px;padding-top:13px;}
#eventImgRoll button {border: 0px;border-image: initial;background: transparent;cursor: pointer;text-align: left;}*/

/* À¥Á¢±Ù¼º ¾È³» 130927 */
.list_access_01 { width:780px; margin-left:-25px; padding-top:20px; }
.list_access_01>li { float:left; width:365px; margin:0 0 24px 25px; }
.list_access_01 .txt { padding-top:9px; font:12px/1.4em dotum; color:#767676; }

/* ´º½º·¹ÅÍ 140331 */
.newsletter_web { width:758px; font:12px/19px dotum; color:#555555; backgrond:#ffffff; }
.newsletter_web img { vertical-align:top; border:0; }
.newsletter_web .contArea { border:1px #dfdeda solid; border-top:none; background:#ffffff; }
.newsletter_web .tle_n01 { padding:11px 0 18px; }
.newsletter_web .tle_n02 { padding:40px 0 18px; }
.newsletter_web .cont_n01 { padding:0 49px 37px; }
.newsletter_web .cont_n02 { padding:0 0 29px; }
.newsletter_web .cont_n03 { padding:0 0 0 49px; }
.newsletter_web .cont_n04 { padding:0 0 37px 49px; }
.newsletter_web .cont_n05 { padding:40px 0 29px; }
.newsletter_web .cont_foot { padding-bottom:60px; text-align:center; }
.newsletter_web .bg_n1 { background:#f8f7f3; }
.newsletter_web .line_n1 { width:656px; margin:0 auto; }
.newsletter_web .line_n1>div { padding-top:1px; background:#4ba801; }
.newsletter_web .line_n2 { width:656px; margin:0 auto; }
.newsletter_web .line_n2>div { padding-top:1px; background:#d1d0cd; }
.newsletter_web .link_n01 { color:#00aa54; text-decoration:underline; }
.newsletter_web .link_n02 { color:#444; text-decoration:underline; }

/* ¸ÞÀηѸµ¹è³Ê°³¼± 140408_bangsh */
.indexImg {position:relative;width:1180px;margin:0 auto}
.visuals li {position:absolute;left:0;top:0;display:none}
.visuals li:first-child {display:block}
.control_wrap {position:absolute;top:412px;left:100px;}
.control_wrap button {display:block;background:url(/assets/images/index/sp_mainimg_controller.png) no-repeat}
.play_controll {float:left;width:26px}
.play_controll button{width:20px;height:20px;cursor:pointer;text-indent:-9999px;border:none;background-position:0px 0px}
.roll_control,.roll_control li {float:left;}
.roll_control li button {width:13px;height:21px;margin-right:3px;cursor:pointer;text-indent:-9999px;border:none;background-position:-67px 0px}
.roll_control li.active button {background-position:-46px 0px}

/* ¸®Æ÷Æ® 140416 sjg */
.report_web { width:757px; font:12px/18px dotum; color:#666; backgrond:#fff; }
.report_web img { border:0; vertical-align:top; }
.report_web .contents { padding:0 45px 45px; border:1px #e8e8e8 solid; border-top:none; background:#f9f9f9; }
.report_web .txt_01 { padding-top:27px; }
.report_web .txt_02 { padding-top:12px; }
.report_web .txt_03 { padding-top:10px; }
.report_web .tle_a1 { padding-top:55px; }
.report_web .tle_b1 { padding-top:40px; }
.report_web .tle_b1.v2 { padding-top:35px; }
.report_web .img_a1 { padding-top:25px; text-align:center; }
.report_web .img_a2 { padding-top:20px; text-align:center; }

/* modal slider layer sample */
.modalLayer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;}
.modalBg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/*IE 8*/filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/*IE 7 and olders*/opacity: .7}
.layer-mbOpen{position:absolute;padding-top:30px}
.layerSlide{overflow:hidden;width:800px;height:464px;padding-top:66px;border-radius:2px;background:#fff}
.layerSlide .btn{position:absolute;top:240px;width:34px;height:59px;cursor:pointer;border:none}
.layerSlide .btn.prev{left:35px;background:url('https://event.gabia.com/asset/images/event/151207_mobile/spr_image.gif') no-repeat -1px -1px}
.layerSlide .btn.next{right:35px;background:url('https://event.gabia.com/asset/images/event/151207_mobile/spr_image.gif') no-repeat -45px -1px}
.layerSlide .btn-eventView{position:absolute;left:111px;top:336px}
.layerSlide .slideMask{position:relative;width:656px;height:385px;margin:0 72px;overflow:hidden}
.layerSlide .slideShow{position:relative}
.layer-mbOpen .todayClose{position:absolute;right:0;top:0;margin:0 0 10px 0;color:#fff;text-align:right}
.layer-mbOpen .btn-close{width:20px;height:20px;margin-left:10px;cursor:pointer;text-indent:-9999px;border:none;background:url('https://event.gabia.com/asset/images/event/151207_mobile/spr_image.gif') no-repeat -1px -70px}