@charset "utf-8";
body{font-family:"돋움"; font-size:12px; }

*{margin:0; padding:0}
img{vertical-align:top}
img{border:none}
ul li{list-style-type:none}
select{font-family:"돋움"; color:#666; font-size:12px;}
#wrap{min-width:1000px;}
.c{text-align:center}
#top_wrap{position:relative; padding:20px; z-index:1000}
#top_wrap div.login{position:absolute; right:20px; top:10px;}
#top_wrap div.login ul{margin-top:5px;}
#top_wrap div.login ul li{float:left; font:normal 12px dotum, '돋움';}
#top_wrap div.login ul li img{margin-top:-3px;}
#top_wrap div.login ul li a{text-decoration:none; color:#6c6c6c;}
#top_wrap div.login ul li.tm_menu{padding:0 7px; background:url(//img.kobes.co.kr/service/main/login_line1.gif) no-repeat 0 -3px;}
#top_wrap div.login ul li.no_border{background:none;}
#top_wrap div.menu{position:fixed; right:0px; top:35px;}

#footer{position:relative; width:100%;  background-color:#575a5b; text-align:center; margin:0 auto; clear:both; padding:22px 0 }
#footer .copy{width:980px; margin:0 auto; text-align:left}
#footer ul.partner:after{clear:both; content:""; display:block}
#footer ul.partner{border-top:1px solid #717474; margin:15px 0 10px; padding-top:10px}
#footer ul.partner li:first-child{float:left}
#footer ul.partner li{float:right}

.f_bold{font-weight:bold}
.clear{clear:both}
.contents{width:960px; margin:0 auto; }
.mtt-10{margin-top:10px;}
.mtt-20{margin-top:20px;}
.mtt-30{margin-top:30px;}
.mtt-45{margin-top:45px;}
.mtt-70{margin-top:70px;}
.f11{font-size:11px;}

.mtt-90{margin-top:90px;}
.intro{float:left;  position:absolute;top:-80px;}
.intro_txt{float:right; margin-bottom:27px; position:relative; top:-20px; right:30px;}

.contents2{width:890px; margin:0 auto;}
.contents2 p {position: relative}
.contents2 p span.btn1{position:absolute; top:-61px; right:-9px;}
.contents2 p span.btn2{position:absolute;top:234px;right:208px;width: 105px;height: 80px;}
.back{ text-align:right; }
.contents2 p.step04{top:-35px; left:-26px}

#intro_strat{background:#e7e7e7; height:105px; margin-top:70px;margin-top:70px;}
#intro_strat div.start_wrap{width:980px; margin:0 auto; position:relative; padding-top:25px;}
#intro_strat div.start_wrap p.intro_start{position:absolute; right:0; top:14px;}

ul.quick{width:110px; background:#FFFFFF; height:225px; text-align:center;  border-top:2px solid #d72020;border-bottom:2px solid #d72020; position:absolute; left:23px; padding:3px 0 3px 0; color:#acacac; font:normal 11px dotum, '돋움';z-index:2000}
ul.quick li {padding:2px 0 2px 0; }
ul.quick li input{line-height:18px; vertical-align:middle}
ul.quick li input.txt{border:1px solid #bfbfbf; height:10px; color:#9ea1a4; vertical-align:middle; line-height:18px; width:96px; padding:4px 0 4px 2px;  font:normal 11px dotum, '돋움';}

ul.quick li select{border:1px solid #bfbfbf; height:20px; padding:2px 0 2px 0; vertical-align:middle; color:#9ea1a4; vertical-align:middle; line-height:18px; font:normal 11px dotum, '돋움';}

ul.quick li input.txt2 { border:1px solid #bfbfbf;height:18px; width:24px;}
ul.quick li.f_left{text-align:left; padding:8px 0 5px 10px;  font:normal 12px dotum, '돋움'; line-height:18px;}

.f_center{text-align:center}
.privercy{width:485px; height:400px; overflow: auto; padding:10px; margin:0 auto; color:#333333;  font:normal 12px dotum, '돋움'; line-height:18px; }

/*  */
.i_box{width:273px; height:20px; border:1px solid #cfcfcf; background-color:#FFF; color:#666; font-size:12px; font-family:"돋움",verdana;}
.idcheck{font-size:11px; color:#787d87;}
.idcheck input{vertical-align:bottom; margin-right:5px;}
.idcheck a{font-size:11px; color:#787d87; text-decoration:none;}

.space{height:50px;}
.form_page{width:980px; height:854px; margin:0 auto; background-image:url(//img.kobes.co.kr/service/main/form_visu.jpg); background-repeat:no-repeat; background-position:left top;}
.form_page table{text-align:left;}
.form_page table tr th{color:#5b5b5b; text-align:left}
.form_page table tr td{padding:5px 0; color:#717d86; font-size:11px;}

.red{font-family:"돋움", Verdana; font-size:11px; color:#ed5153;}
.grey{font-family:"돋움", Verdana; font-size:11px; color:#929292;}

/*  */
.login_welcome{}
.login_welcome li{float:left; font-family:"돋움", Verdana; font-size:12px; color:#a7a7a7;}
.member_name{
	padding-left:10px;
	font-family:"돋움", Verdana;
	font-size:12px;
	font-weight:bold;
	color:#38393a;
	background:url(//img.kobes.co.kr/service/main/ico_arr.png) no-repeat left;
}

.login_main_myinfo{padding:15px 5px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.login_main_myinfo dl{}
.login_main_myinfo dl dt{
	width:110px;
	height:14px;
	float:left;
	padding-left:7px;
	font-family:"돋움", Verdana;
	font-size:11px;
	color:#38393a;
	background:url(//img.kobes.co.kr/service/main/dot_login_main.png) no-repeat 0 4px;
}
.login_main_myinfo dl dd{
	height:14px;
	padding-left:15px;
	font-family:"돋움", Verdana;
	font-size:11px;
	color:#9b9b9b;
	background:url(//img.kobes.co.kr/service/main/line_login_main.png) no-repeat 108px 0;
}

.red_login{font-family:"돋움", Verdana; font-size:11px; color:#ff1d1a; font-weight:bold;}
.grey_login{font-family:"돋움", Verdana; font-size:11px; color:#38393a; font-weight:bold;}

.formbox{background-color:#e9eced; border-top:1px solid #9aa8b2; border-left:1px solid #9aa8b2; border-right:1px solid #e9eced; border-bottm:1px solid #e9eced; padding:1px; color:#5b5b5b; height:17px;}
.lastsave{border-top:1px solid #d3d3d3; text-align:center;}
.lastsave img{margin-top:20px;}

/* members */
.member_top_link{ position:absolute; width:230px; top:20px; right:0;}
.member_top_link li{float:left; list-style:none;}
.member_top_link li a{text-decoration:none; color:#6c6c6c;}
.mt_link1{padding:0 10px;}
.mt_link2{padding:0 10px; background-image:url(//img.kobes.co.kr/service/main/member_top_line.gif); background-repeat:no-repeat; background-position:left top;}
.mt_link3{padding:0; margin-top:-3px;}

.member_title{width:958px; height:23px; margin-bottom:20px;}
.title_left{width:618px; text-align:left; float:left;}
.title_right{width:340px; text-align:right; float:left;}

.member_comtents{width:958px; border:1px solid #e4ebf0; padding:45px 0; margin:0 auto;}
.last{border-top:none; margin-bottom:50px;}
.logintable{position:relative; margin:0 auto; margin-top:20px;}
.logintable tr th{text-align:left;}
.logintable tr td{font-family:"돋움", Verdana; font-size:11px; text-align:left;}
.border-top1{border-top:1px solid #e0e4e9;}
.border-bottom1{border-bottom:1px solid #e0e4e9;}

.i_style{background-color:#fbfbfb; border:1px solid #dcdde3; height:17px;}
.i_txtbox{background-color:#ffffff; width:948px; height:200px; padding:5px; font-family:"돋움", Verdana; font-size:12px; color:#7a7a7a; border:1px solid #e5e5e5;}
.join_step{margin-bottom:100px;}
.join_step ul{margin-bottom:40px;}
.join_title{margin-bottom:15px; font-family:"돋움", Verdana; font-size:14px; font-weight:bold; color:#3b484f; background:url(//img.kobes.co.kr/service/main/ico_arr.png) no-repeat left; padding-left:15px;}
.agree_check{text-align:right; padding-top:5px;}
.agree_check input{vertical-align:bottom; margin-right:5px;}
.agree_check span{font-family:"돋움", Verdana; font-weight:bold; font-size:12px; color:#7a7a7a;}

.member_bottom_btn{margin:0 auto; width:280px; height:37px; text-align:center;}
.member_bottom_btn li{float:left;}

.ml10{margin-left:10px;}

.member_info{margin:0 auto; padding:20px 0; width:960px; border-bottom:1px solid #f1f1f1;}
.member_info table{margin:0 auto;}
.member_info table th{font-family:"돋움", Verdana; font-size:11px; color:#363b3f; float:left; text-align:left; padding-top:3px;}
.member_info table td{font-family:"돋움", Verdana; font-size:11px; color:#a7a7a7; text-align:left; padding:3px 0;}

.m_input{background-color:#ffffff; border:1px solid #c7c7c7; height:20px; padding:1px; font-family:"돋움", Verdana; font-size:12px; color:#656565;}

/* 스크립트셋팅 */
.scriptsetting{border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#f7f7f7; padding:20px 10px; margin-top:10px; }
.scriptsetting .myscript{margin:0 auto; text-align:left;}
.scriptsetting .myscript th{background:url(//img.kobes.co.kr/service/main/ico_nec.png) no-repeat left; font-family:"돋움", Verdana;  font-size:11px; font-weight:bold; color:#989a9c; text-align:left; padding-left:15px;}
.scriptsetting .myscript td{padding:2px;}
.scriptsetting .myscript .gtit{
	background:url(//img.kobes.co.kr/service/main/ico_h4.png) no-repeat left;
	padding-left:15px;
	padding-bottom:5px;
	font-family:"돋움", Verdana;
	font-size:12px;
	font-weight:bold;
	color:#ed5153;
}
.scriptsetting .myscript .gtit span{font-weight:normal;}
.scriptsetting .r_stxt{text-align:right; padding-top:10px; padding-right:25px;}



/*메인 공지사항 */
.notice_wrap{background:#e9e9e9; border-top:1px solid #c8c8c8; padding:20px 0 15px 0; clear:both; position:relative;  }
.notice_wrap:after{clear:both; content:""; display:block}

.notice_wrap span.more{position:absolute; right:5px; top:0px;}
.notice_wrap ul.notice{width:393px; float:left; color:#96979d; font-size:11px;}
.notice_wrap ul.notice li {position:relative; line-height:8px;}
.notice_wrap ul.notice li span.red{color:#e11414; font-weight:bold; padding-right:6px;}
.notice_wrap ul.notice li span{position:absolute; right:10px; top:0;}
.notice_wrap ul.notice li span a{color:#6f6f6f;font-weight:normal}

.notice_wrap ul.notice li a {text-decoration:none; color:#96979d;}
.notice_wrap ul.notice li a:hover{color:#515151; font-weight:bold; text-decoration:none}

.notice_wrap ul.notice li span.red{font-weight:bold; padding-right:6px; color:#96979d}
.notice_wrap ul.notice li span.red a{color:#e11414; padding-right:6px;}

.notice_wrap .customer{float:left; margin-left:80px; }
.notice_wrap .customer dl.link{float:left; margin:10px 15px 0 0;}
.notice_wrap .customer dl:after{clear:both; content:""; display:block}
.notice_wrap .customer dl.link dt{font-weight:bold; color:#575757; margin-bottom:4px;}
.notice_wrap .customer dl.link dt a:link{font-weight:bold; color:#575757; text-decoration:none}
.notice_wrap .customer dl.link dt a:visited{font-weight:bold; color:#575757; text-decoration:none}

.notice_wrap ul.go_btn{float:right; width:130px; height:72px;  border-left:1px solid #c9c9c9; padding-left:30px; margin-top:10px;}

.notice_wrap ul a{color:#515151;text-decoration:none; font-weight:bold}




/* 이용가이드 */
.guide_tit{position:absolute; top:-90px; right:0;}
.left_wrap{ width:120px; float:left}
.contents3{width:980px; margin:0 auto; margin-top:45px;}
.contents_in{  width:792px; float:right; color:#767676; line-height:15px; position:relative; margin-bottom:80px;}

/* 이용가이드-진행방법 */
dl.step{width:800px; position:relative; color:#767676; line-height:18px; padding:12px 0 0; letter-spacing:-0.5px;}
dl.step dd{ margin-left:210px; padding:35px 0 30px}
dl.step dt{width:208px; position:absolute; top:0px; left:10px; padding:25px 0 0}
dl.step dd.arrow{position:absolute; bottom:-20px; left:51px; margin:0; padding:0; z-index:1000}
dl.step dd a{font-weight:bold;  color:#3a3a3a; text-decoration:underline;}
.line{ border-bottom:1px solid #CCCCCC; clear:both; height:2px; width:800px;}
.f_red{color:#FF0000}
.f_point{font-weight:bold; color:#3a3a3a}
.f_gray{color:#afafaf}
.f_gray2{color:#909090}

/* 이용가이드-서비스 이용요금 */
.service{border-top:1px solid #f89d9d; margin-top:20px; padding-top:20px; position:relative; text-align: left; color:#767676; width:790px;}
.service p{position:absolute; top:20px; left:5px;}
.service ul{margin-left:200px;}
.service ul li{ line-height:18px;}
.service ul li img{vertical-align:middle}
.service ul li.tit{font-size:14px; color:#333333; font-weight:bold}
.red_line{ border-top:1px solid #f13b3b;}

.service dl.design{width:574px; float:right; padding:10px 0 10px 0;  border-bottom:1px solid #e2e2e2; position:relative; margin-top:30px; margin-right:15px; line-height:20px;color:#5a5a5a}
.service dl.design dt{position:absolute; left:0; top:10px}
.service dl.design dd{margin-left:30px; }
.service dl.design dd.tit{ font-size:14px; color:#333333; font-weight:bold}
.f12{font-size:12px; color:#666666}


.service dl.design2{ padding:15px 0 15px 0;  border-bottom:1px solid #e2e2e2; position:relative;  margin-right:15px; line-height:20px;color:#5a5a5a}
.service dl.design2 dt{position:absolute; left:0; top:10px}
.service dl.design2 dd{margin-left:30px; }
.service dl.design2 dd.tit{ font-size:14px; color:#333333; font-weight:bold}

dl.notice_box{background:#333333; padding:15px 10px 15px 10px;width:550px; float:right; font-size:11px; color:#bbbbbb; position:relative;}
dl.notice_box dt{color:#FF0000; position:absolute; top:20px; left:10px;; font-size:12px; font-weight:bold}
dl.notice_box dt.num{font-weight:bold; position:absolute; top:15px; left:86px; color:#fff }
dl.notice_box dt.num2{font-weight:bold; position:absolute; top:57px; left:86px; color:#fff }
dl.notice_box dd{margin-left:90px; line-height:15px; }

/* 이용가이드-스크립트장착 */
.bg_gray{background:#ececec; padding:20px; width:750px; float:left}

/* 포트폴리오 */
.pf_wrap {
	width:980px; margin:0 auto; margin-top:45px; position:relative;
	padding-top: 15px;
	}
.pf_tit{
	position:absolute; right:0; top:-90px;
	}
.pf_cate { position:absolute; right:0; top: -25px;}
.pf_cate ul { list-style:none; width:380px;}
.pf_cate ul:after { clear:both; content:""; display:block;}
.pf_cate ul li.tit { font-weight:bold; color:#444; padding-top:7px; float:left; }
.pf_cate ul li.cate { float:right;  }
.pf_cate .pf_select { width:235px; padding:2px; }
.pf_title_bar { background:url(//img.kobes.co.kr/service/main/bg_titlebar.png) no-repeat; height: 80px; position:relative;  width:980px; margin-bottom: 50px; }
.pf_title_bar .btn_pre { position:absolute; left:0; top:5px;}
.pf_title_bar .btn_next { position:absolute; right:0; top:5px;}
.pf_title_bar p {text-align:center; font-size:36px; padding-top: 20px; font-weight:bold;}
table.portfolio { width:100%;}
table.portfolio td { vertical-align:top;}
.pf01_box { position:relative; margin-top:15px; width:479px; height:324px; background:url(//img.kobes.co.kr/service/main/bg_pf01.png) no-repeat; }
.pf01_box .sample { position:absolute; top: 112px; left:130px; }
.pf02_box01 { position:relative; margin-top:15px; width:220px; height:691px; background:url(//img.kobes.co.kr/service/main/bg_pf0201.png) no-repeat; }
.pf02_box01 .sample01 { position:absolute; top: 75px; left:10px; background:url(//img.kobes.co.kr/service/main/default_mobile_draft_s.png) no-repeat top center; overflow:hidden; height: 610px; width: 200px;  }
.pf02_box01 .sample02 { position:absolute; top: 75px; left:10px; background-color:rgba(0,0,0,.6); height: 610px; width: 200px; z-index:50;  }
.pf02_box01 .sample03 { position:absolute; top: 205px; left:85px; z-index: 70; }
.pf02_box02 { position:relative; margin-top:39px;  background:url(../main/images/popup/mobile_layout2.png) left top no-repeat;width:450px; height:745px;  }
.pf02_box02 .sample { position:absolute; top:62px; left:16px;width:345px; height:565px; overflow:auto; }


.pf03_box { position:relative; margin-top:15px; width:480px; height:324px; background:url(//img.kobes.co.kr/service/main/bg_pf03.png) no-repeat; }
.pf03_box .sample { position:absolute; top: 65px; left:10px; }
.pf04_box { position:relative; margin-top:15px; width:140px; height:324px; background:url(//img.kobes.co.kr/service/main/bg_pf04.png) no-repeat top; }
.pf04_box .sample { position:absolute; top: 16px; left:0; }
.pf05_box { position:relative; margin-top:15px; width:302px; height:204px; background:url(//img.kobes.co.kr/service/main/bg_pf05.png) no-repeat; }
.pf05_box .sample01 { position:absolute; top: 50px; right:20px; border:2px red solid; width: 30px; }
.pf05_box .sample02 { position:absolute; top: 115px; right:20px; border:2px red solid; width: 30px; }
.pf06_box { position:relative; margin-top:15px; width:445px; height:692px; background:url(//img.kobes.co.kr/service/main/bg_pf06.png) no-repeat top left; }
.pf06_box .sample01 { position:absolute; top: 82px; left:10px; }
.pf06_box .sample02 { position:absolute; top: 120px; left:100px; background:url(//img.kobes.co.kr/service/main/bg_pf0601.png) no-repeat top left; width: 335px; height: 224px; text-align:right; z-index:999;   }
.pf07_box { position:relative; margin-top:15px; width:480px; height:325px; background:url(//img.kobes.co.kr/service/main/bg_pf07_new.png) no-repeat top left; }
.pf07_box .sample { position:absolute; top: 100px; left:120px; }
.pf08_box { position:relative; margin-top:15px; width:480px; height:330px; background:url(//img.kobes.co.kr/service/main/bg_pf08.png) no-repeat top left; }
.pf08_box .sample { position:absolute; top: 35px; left:3px;  border:2px red solid; }
.pf09_box  { position:relative; margin-top:40px; margin-left:10px; width:220px; height:950px; background:url(../main/images/sidepole_bg2.png) no-repeat top left; }
.pf09_box .sample { position:absolute; top:30px; left:8px;}

/*코베스 소개 */
.intro01{width:502px; float:left; margin-top:40px; }
.intro02{width:450px; float:right; margin-top:40px; }
.intro_line{border-top:1px solid #cbcccc; margin-top:50px;  padding-top:50px;}

/* intro_랜딩추가 */
ul.ex_rand{margin-top:20px; margin-left:12px;}
ul.ex_rand li{padding:15px; float:left}

/*코베스 튜토리얼 */
.tutorial01{width:1000px; float:left; margin-top:40px; }
.tutorial_space{height:100px;}


/* 포폴_랜딩추가 */
.randing_slide{width:960px; height:630px; margin:0 auto; margin-top:20px; position:relative; padding-bottom:100px;}
.randing_slide p.arrow1{position:absolute; left:-20px; top:300px;}
.randing_slide p.arrow2{position:absolute; right:-20px; top:300px;}
.randing_slide p{float:left}
.randing_slide p.rand{padding:0 30px 0 30px;}

.rand_wrap{border:1px solid #242424; padding:0 28px 30px 28px; position:absolute; top:-15px; left:-19px; background:#fff;  z-index:1000 }
.rand_wrap ul{width:957px; height:822px;overflow:auto;}
/*.rand_wrap ul{width:957px; height:722px;overflow:auto;}*/
.rand_wrap p.close{position:absolute;right:10px; top:5px}

/*모바일 빌더 수정*/
.m_build{background:url(//img.kobes.co.kr/service/main/mbuilder_bg.jpg) no-repeat top center; height:1183px; text-align:center; margin-top:30px; }
.m_build li{padding-top:40px;}

/*에스로그 추가*/
.s_log{background:url(//img.kobes.co.kr/service/main/log_bg.png) no-repeat top center; height:933px; width:920px; text-align:center; margin-top:80px; }
.s_log li{padding-top:52px;}


/*코베스_new*/
.symbol{ position:absolute; top:-10px; left:25%; background:url(//img.kobes.co.kr/service/main/symbol.png) top no-repeat; width:264px; height:165px;}

.symbol1{ position:absolute; top:-90px;left:20%; background:url(//img.kobes.co.kr/service/main/symbol.png) top no-repeat; width:264px; height:165px;}
.symbol2{ position:absolute; top:-82px; left:25%; background:url(//img.kobes.co.kr/service/main_new/recycle_symbol.png) top no-repeat; width:227px; height:121px;}
.symbol3{ position:absolute; top:-82px; left:25%; background:url(//img.kobes.co.kr/service/main_new/converster_symbol.png) top no-repeat; width:246px; height:198px;}


.main{width:1000px; margin:0 auto; text-align:center }
.main_line{background:url(//img.kobes.co.kr/service/main_new/line.png) top no-repeat; }

.main ul.product{margin:0 90px; }
.main ul.product:after{clear:both; content:""; display:block}

.main ul.product li {float:left; padding:0; }
.main ul.product li.s2{margin:0 0 0 100px}
.main ul.product:after{clear:both; content:""; display:block;}
.mtt-50{margin-top:50px;}
.app_down{padding:20px 0 ; text-align:center; border-top:1px solid #d4d4d4; margin-top:30px;}


.sub{width:1000px; margin:0 auto; padding:5px 0 50px; position:relative; text-align:left}
ul.con{border-bottom:1px solid #cbcccc; margin-top:40px; padding:0 0 50px}
ul.con li{float:left}
ul.con li.r{float:right}
ul.con:after{clear:both; content:""; display:block;}

ul.app{margin-top:20px;}
ul.app li{margin-top:40px}


ul.converster{ margin-top:50px; padding:0 0 50px}
.line_new{border-bottom:1px solid #cbcccc;}
ul.converster li.tit{padding:20px 0}
ul.converster li.s1{background:url(//img.kobes.co.kr/service/main_new/gray_bg.gif) left repeat-y; padding:0 0 0 160px;}
ul.converster li.s1 dd{margin-top:20px;}
ul.converster li.s1 dd.mt{margin-top:30px;}
ul.converster li.mt{margin-top:30px;}
ul.converster:after{clear:both; content:""; display:block;}

.m_build2{background:url(//img.kobes.co.kr/service/main_new/m_builder_bg.png) 2px 0 no-repeat ; height:1552px; text-align:center; margin-top:30px; }
.m_build2 li{padding-top:40px;}

.m_build3{background:url(//img.kobes.co.kr/service/main_new/m_builder_bg2.png) 2px 0 no-repeat ; height:634px;  margin-top:50px; padding:105px 40px 0 40px; }
.m_build3 a{text-decoration:none}

.m_build3 ul.page_num{letter-spacing:2px; text-align:center; margin-top:50px; color:#555555; width:157px; margin:0 auto; margin-top:40px;}
.m_build3 ul.page_num:after{clear:both; display:block; content:""}
.m_build3 ul.page_num li{float:left;color:#555; letter-spacing:2px;vertical-align:middle; line-height:24px;}
.m_build3 ul.page_num li img{vertical-align:middle; padding:0 0 0 10px}
.m_build3 ul.page_num a{text-decoration:none; }

.m_build3 ul.lst li{float:left; padding:0 25px 30px 0; text-align:center; font-weight:bold; color:#555555}
.m_build3 ul.lst:after{clear:both; display:block; content:""}
.m_build3 ul.lst li img{padding-bottom:10px;}

ul.landing{margin-top:40px;}
ul.landing li{margin-top:20px;}

ul.landing2{margin-top:80px; width:795px; }
ul.landing2 li{margin-top:30px;}


/*코베스_이용가이드(네임서버)*/
.name_title{text-align:center}
.name_title li{padding:10px 0}

ul.name_tab{margin:40px 0;}
ul.name_tab:after{clear:both;content:""; display:block}
ul.name_tab li{float:left}

h1{margin:38px 0 16px }
ul.name_txt{margin:10px 0 20px 20px; color:#555555 }
ul.name_txt li{padding:2px 0}

.copy_txt{padding-top:20px; color:#9a9a9a; }
.copy_txt:after{clear:both;content:""; display:block}
.copy_txt li{float:left}
.copy_txt li.copy_btn{float:right}

.copy_box{background:#f5f5f5; border:1px solid #e0e0e0; padding:40px; color:#555555; margin-top:10px;}

/*코베스_메인 광고 리스트 추가*/
.ad_lst{border-top:2px solid #525252; padding:0 8px 60px; border-bottom:1px solid #7a7a7a; margin-top:20px;}
.kobes_ex{text-align:center; padding:50px 0 10px }
.ad_lst:after{clear:both; content:""; display:block}

.ad_lst dl.ad{width:130px; float:left; text-align:left;color:#2d2d2d;  text-decoration:none; margin:30px 40px 0 0; letter-spacing:-0.5px}
.ad_lst dl.ad dt{border:1px solid #c2c2c2}
.ad_lst dl.end { margin-right:0;}
.ad_lst dl.ad dd{border-bottom:1px solid #e5e5e5; padding:6px 0 4px 11px ; position:relative;background:url(../main_new/images/dot.gif) 4px 10px no-repeat; letter-spacing:-1px;}
.ad_lst dl.ad dd.off{background:url(../main_new/images/dot_off.gif) 4px 10px no-repeat;color:#c9c9c9}
.ad_lst dl.ad dd.first{margin-top:9px;}
.ad_lst dl.ad dd img.pc_icon{padding-right:5px;}
.ad_lst dl.ad dd.on{color:#777777;}


.ad_lst a{color:#777777;  text-decoration:none}
.ad_lst a:hover{color:#2d2d2d; font-weight:bold; text-decoration:none}
.ad_lst dl.ad dd span.txt_arrow{position:absolute; right:0; top:5px; text-align:left; width:48px;}
.ad_lst dl.ad dd span.txt_arrow a:hover{color:#e11714}
.ad_lst dl.ad dd.end{border:none;}


.more_btn{margin-top:-1px; text-align:center; clear:both;}

/*코베스_메인 팝업 리스트 추가*/
.screen{background:url(../main_new/images/popup/pop_bg.png) repeat;  position:absolute; top:0; left:0; width:100%; height:2040px; padding:59px 0; z-index:1000}
.pop_wrap{width:980px;  margin:0 auto}
.pop_wrap2{width:1000px;  margin:0 auto; overflow:auto; height:1014px;}
.pop_tit{position:relative; text-align:center; padding:20px 0; margin-top:95px;}
.pop_tit span.close{position:absolute; right:0; top:10px}


.pop{background:#fff;padding:0 26px}
.pop:after{clear:both;content:""; display:block}
.pop ul li.tit{padding:20px 0 15px}

.conver_m{background:url(../main_new/images/popup/kobes_logo.png) top no-repeat;padding:28px 0; height:952px; }
ul.tab{width:500px; padding-bottom:50px; padding:10px 20px }
ul.tab:after{clear:both; content:""; display:block}
ul.tab li.t1{width:100px}
ul.tab li{padding:0 5px 0 0}
ul.tab li{float:left}

ul.m_bg{background:url(../main_new/images/popup/mobile_layout.png) top center no-repeat; height:644px; width:349px; margin:0 auto;  padding:63px 0 0 14px; position:relative }
ul.m_bg li{ height:563px;}
ul.m_bg li.wheel{position:absolute; top:520px; left:150px;}

.pop2{background:#fff;padding:28px 0}
.pc_w{ height:850px;width:1000px; padding:0 10px; }

.mobile_builder{padding:0 90px 50px; background:#fff}
.mobile_builder p.tit{padding:20px 0}
.mobile_builder:after{clear:both; content:""; display:block}

/*랜딩사례 추가*/
#mobile{background:url(../main/images/popup/mobile_layout.png) no-repeat; height:722px; width:381px; margin:0 auto; position:relative }
#mobile .device{overflow:auto;width:322px;height:570px;position:absolute;top:62px ; left:15px;}
#mobile img{width:100%}

#mobile2{background:url(../main/images/popup/mobile_layout2.png) no-repeat; height:724px; width:387px; margin:0 auto; position:relative }
#mobile2 .device{overflow:auto;width:337px;height:563px;position:absolute;top:63px ; left:16px;}
#mobile2 .device2{overflow:hidden;width:340px;position:absolute;top:63px ; left:16px;}

/*블로그 샘플 추가*/
.page_w{width:1000px; margin-top:50px; position:relative}

ul.middle{  border:1px solid #dadada; padding:50px 0 50px 30px }
ul.middle:after{clear:both; content:""; display:block}
ul.middle li{clear:both}
ul.middle li.second{margin-top:45px;}
ul.middle li.second:after{clear:both; content:""; display:block}
ul.middle li.second dl{float:left; margin:0 12px 0 0}
ul.middle li.second dl.charge{margin-top:30px}
ul.middle li.second dl.charge dt img{width:176px; height:240px}


ul.middle li.second dd{padding:15px 0 0; text-align:center; color:#000;text-align:center; font-weight:bold}
ul.middle li.second dt img{border:1px solid #a4a4a4}
.skin_on{cursor:pointer}
ul.middle li.page_num{letter-spacing:2px; text-align:center;  color:#555555; width:240px; margin:0 auto; margin-top:40px;}
ul.middle li.page_num:after{clear:both; content:""; display:block}
ul.middle li.page_num dd{vertical-align:middle; font-size:12px; color:#5b5b5b; font-weight:normal; padding:3px 6px 1px; float:left;  }
ul.middle li.page_num dd a{color:#5b5b5b;}
ul.middle li.page_num dd.end{margin-right:0}
ul.middle li.page_num dd img{vertical-align:middle;}
ul.middle li.page_num a{ text-decoration:none; }
ul.middle li.page_num dd.on a{ color:#fff; text-decoration:none; }
ul.middle li.page_num dd.on{color:#fff;}

dl.category{margin:20px 0 10px; border-left:1px solid #dadada; border-top:1px solid #dadada; border-bottom:none; width:942px}
dl.category:after{clear:both; content:""; display:block}
dl.category dd{float:left; width:146px; height:23px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; padding:11px 0 0 10px; color:#808080}
dl.category dd.on{background:#454e59; color:#fff; font-weight:bold; border:1px solid #3b434c;border-right:none; border-bottom:none;}
dl.category dd.end{border-right:none}


/* 에스온 추가 */

/* 뉴싱 */
ul.service_summary li { margin-top:60px; }
ul.guide_tab { height:40px; margin-top:40px; }
	ul.guide_tab li { float:left; cursor:pointer; }
ul.guide_step { margin-top:50px; }
	ul.guide_step li { border-bottom:1px #e5e6e6 solid; }
		ul.guide_step li dl { padding:30px 25px 30px 20px; overflow:hidden; _width:690px; }
		ul.guide_step li dl dd, ul.guide_step li dl dt { float:left; }
		ul.guide_step li dl dt { width:210px; }
		ul.guide_step li dl dd { color:#96979d; letter-spacing:-1px; line-height:120%; }
		ul.guide_step li dl dd p { margin-top:5px; }
		ul.guide_step li dl dd.img { float:right; }
		ul.guide_step li dl dd.img span.v_middle { display:inline-block; vertical-align:middle; min-height:100px; }
		ul.guide_step li dl dd.img span.v_middle2 { display:inline-block; vertical-align:middle; height:70px; }
		ul.guide_step li dl dd.img img { vertical-align:middle; }
ul.stool_txt { margin:30px 0; padding-bottom:60px; border-bottom:1px solid #e5e6e6; }
	ul.stool_txt li { margin-top:5px; color:#96979d; }
.charge_img { width:190px; float:left; margin-top:40px; }
ul.charge_txt { margin:25px 0 0 190px; }
	ul.charge_txt li { border-bottom:1px #d2d4d6 solid; padding:10px 0; color:#96979d; line-height:130%; }
	ul.charge_txt li p { margin-top:5px; }
/* 에스로그 */
ul.slog_report { height:290px; }
	ul.slog_report li { float:left; width:50%; }
		ul.slog_report li dl dt { color:#323232; font-weight:bold; margin-top:20px; }
		ul.slog_report li dl dd { color:#8c8c8c; margin-top:5px; line-height:130%; padding-left:12px; }
ul.plan_rule { margin-top:20px; }
	ul.plan_rule li { margin-top:7px; color:#8c8c8c; }
ul.slog_service { overflow:hidden; }
	ul.slog_service li { margin-top:80px; }
	ul.slog_service li.img { float:left; width:400px; padding-left:20px; }
		ul.slog_service li.txt { float:left; }
		ul.slog_service li.txt dl dt { color:#323232; font-weight:bold; margin-top:20px; }
		ul.slog_service li.txt dl dd { color:#8c8c8c; line-height:130%; margin:5px 0 0 12px; }
/* 에스팝업*/

.spopup_sample { background-color:#f1f1f1; border:1px #dedede solid; padding:0 0 20px 0; margin-top:10px; }
	.spopup_sample .color_tab { padding:15px 10px 40px 0; }
	.spopup_sample .color_tab .color_tab_title { font-size:12px; font-weight:bold; color:#4f4f4f; margin:0; padding-top:5px; float:right; }
	.spopup_sample .color_tab_on { background-color:#ec4040; width:85px; height:18px; float:right; color:#FFF; font-weight:bold; padding-top:6px; margin-right:2px; text-align:center; }
	.spopup_sample .color_tab_off { background-color:#8c9395; width:85px; height:18px; float:right; color:#FFF; font-weight:bold; padding-top:6px; margin-right:2px; text-align:center; }
	.spopup_sample .color_tab_off a { color:#FFF; font-weight:bold; }
	.spopup_sample ul { width:680px; overflow:hidden; padding-left:35px; }
	.spopup_sample ul li { float:left; width:158px; margin:20px 12px 0 0; color:#666; }
	.spopup_sample ul li div.title { background:url(../main/images/s_on/txt_blt.gif) left 1px no-repeat; padding-left:13px; height:15px; }
	.spopup_sample ul li div.thumb { margin:5px 0 10px 0; }
	.spopup_sample ul li div.btn { background:url(../main/images/s_on/btn_more.gif) center top no-repeat; cursor:pointer; width:158px; height:22px; }
/* 에스온 */
ul.son_tab { height:40px; margin-top:40px; }
	ul.son_tab li { float:left; cursor:pointer; }
.son_sample { border:1px solid #dedede; margin-top:30px; overflow:hidden; _height:1305px; }
	.son_sample div.son_img { float:left; margin-left:30px; _margin-left:20px; padding:25px 0; width:505px; }
		.son_sample div.son_img  ul li { float:left; margin-bottom:30px; width:245px; min-height:206px; _height:206px; }
			.son_sample div.son_img  ul li dl dt { background:url(../main/images/s_on/txt_blt.gif) left 1px no-repeat; padding-left:13px; color:#666; font-weight:bold; }
			.son_sample div.son_img  ul li dl dd { margin-top:5px; }
	.son_sample div.son_mini { float:right; padding:25px 0; background-color:#f3f3f3; width:200px; _width:190px; min-height:1275px; _height:1305px; border-left:1px solid #dedede;  }
		.son_sample div.son_mini dl { margin-left:12px; }
		.son_sample div.son_mini dl dt { background:url(../main/images/s_on/txt_blt.gif) left 1px no-repeat; padding-left:13px; color:#666; font-weight:bold; margin-bottom:20px; }
		.son_sample div.son_mini dl dd { margin-bottom:50px; text-align:center; }
ul.number_lst { margin-top:30px; }
ul.number_lst li.number { float:left; background:url(../main/images/s_on/number_bg.gif) left top no-repeat; color:#FFF; font-weight:bold; padding:2px 0 0 5px; width:11px; height:13px; }
ul.number_lst li.txt { color:#96979d; line-height:130%; margin-left:25px; }
/* 에스빌더 */
dl.sbuilder_txt dt { color:#323232; font-weight:bold; margin-top:20px; }
dl.sbuilder_txt dd { color:#8c8c8c; margin-top:5px; line-height:130%; padding-left:12px; }
/* 에스툴 */
ul.stool_lst { clear:both; overflow:hidden; margin-top:40px; }
	ul.stool_lst li.img { float:left; width:355px; _width:345px; }
	ul.stool_lst li.txt { float:left; }
		ul.stool_lst li.txt dl { margin-top:20px; }
		ul.stool_lst li.txt dl dt { color:#323232; font-weight:bold; }
		ul.stool_lst li.txt dl dd { color:#8c8c8c; line-height:130%; margin:5px 0 0 12px; }
		ul.stool_lst li.txt dl dd p { color:#8c8c8c; line-height:130%; margin:5px 0 0 -12px; }


 h4 { margin-top:30px; }
.mar_top_5 { margin-top:5px !important; }
.mar_top_10 { margin-top:10px !important; }
.mar_top_15 { margin-top:15px !important; }
.mar_top_20 { margin-top:20px !important; }
.mar_top_25 { margin-top:25px !important; }
.mar_top_30 { margin-top:30px !important; }
.mar_top_40 { margin-top:40px !important; }
.mar_top_50 { margin-top:50px !important; }
.mar_top_60 { margin-top:60px !important; }



/* poster 성공사례 160328 */
.success_top{width:1000px; margin:0 auto;background:url(../main/images/poster_success/success_visual.png) right bottom no-repeat; height:300px; position:relative }
.success_top{padding:10px 0 0}
.success_top p.tit{margin:20px 0 0}


.con_w{background:#fff; width:980px; margin:0 auto; padding:40px 10px 30px; position:relative; border:1px solid #b3b3b3; margin-top:50px}


.case_w{margin-top:50px; text-align:center }
.line_bg1{ background:url(../main/images/poster_success/tit_bg.png)  bottom repeat-x; padding:20px 0; margin:0 45px}
.line_bg{ background:url(../main/images/poster_success/tit_bg.png)  bottom repeat-x; padding:20px 0; margin:50px 45px}

ul.case_w2{margin:50px 18px 20px }
ul.case_w2:after{clear:both; content:""; display:block}
ul.case_w2 li:first-child{float:left}
ul.case_w2 li{float:right}

.bg4{background:url(../main/images/poster_success/bg4.png) repeat; padding:30px 0}
.bg4 ul {width:1100px; margin:0 auto; color:#7a7a7a; line-height:18px}
.bg4 ul:after{clear:both; content:""; display:block}
.bg4 ul li{float:left}
.bg4 ul li:first-child{margin:0 100px 0 0}


.quick_w{position:absolute; left:-100px; top:310px;}
ul.quick_menu {position:fixed;}
ul.quick_menu li.end{margin-top:10px;}

/* poster 성공사례 180328 */
.succes_w{background:#fff; width:1000px; margin:0 auto; border:1px solid #b3b3b3;}
.sucess_ex{border:none!important;  padding:10px 30px 50px 30px!important; cursor:pointer}

.poster_img{font-family:'Nanum Gothic','나눔고딕'; margin:60px 20px 0}
	.poster_img:after{clear:both; content:""; display:block}
	.poster_img dl{width:442px; margin-bottom:60px;float:left;}
	.poster_img dl:nth-child(3){margin-bottom:0}
	.poster_img dl:nth-child(4){margin-bottom:0}
	.poster_img dl:nth-child(even){float:right;}
	.poster_img dt{margin-bottom:15px; letter-spacing:-1px; text-align:center; font-size:13px}
	.poster_img span.font-st01{color:#ff0000; font-weight:600}
	.poster_img span.font-st02{color:#ff0000; font-weight:600; font-size:16px}
	.poster_img span.font-st03{font-weight:600; font-size:16px}

	.poster_img dd.lst_con{  border:1px solid #dadada; position:relative}
	.poster_img dd.lst_con img{width:440px; cursor:pointer}
	.poster_img dd.lst_con .zoom_ico{position:absolute; bottom:0; right:0}
	.poster_img dd.lst_con .zoom_ico img{width:35px; height:35px;}

.num_page{margin:0 0 20px; text-align:center}
.num_page li{display:inline; border-right:1px solid #b9b9b9; padding:0 9px; color:#808080}
.num_page li a{font-weight:bold; text-decoration:none; color:#5f5f5f}
.num_page li:nth-child(12){ border:none}
.num_page li:first-child,
.num_page li:nth-child(2),
.num_page li:last-child,
.num_page li:nth-child(13){padding:0; border:none}


.num_page li img{ vertical-align:middle}


/*레이어팝업 딤드처리*/

.layer_pop{
    position:fixed;
	top:0; left:0;width:100%;
    display:none;
    z-index: 99999;

}

.layer_img{width:692px; margin:10% auto; cursor:pointer; color:#fff;font-family:'Nanum Gothic','나눔고딕'; font-size:15px; letter-spacing:-1px; position:relative}
.layer_img .close_bt{position:absolute; right:0; top:-5px}
.layer_img p:first-child{margin:0 0 10px}
.layer_img span.font-st01{color:#ec5151; font-weight:600; }


#deemed{
    width:100%; 
    height:100%; 
    position:absolute; 
    top:0; 
    left:0; 
    filter:Alpha(opacity=50);
    opacity:0.7; 
    background:#000; 
    z-index:9999;

}

.hidden{display:none}


.shadow_pop{
    position:absolute;
	top:0; left:0;width:100%;
    display:none; text-align: center;
    z-index: 99999; padding:50px 0 100px;

}

.insta{width: 640px; margin: 0 auto; position: relative}

.scroll{overflow: auto; height: 1500px; width: auto; background: #fff; z-index: 9999 }
.scroll2{overflow:auto; text-align: center; }
/**************************************************** 탭관련추가 *********************************************/

    
#tabs
{
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0; position: relative
}

#tabs li
{
    margin: 0;
    padding: 0;
    float: left;
	text-align:center;width:247px;
}
#tabs li:first-child{width:248px;}
#tabs li:last-child {width:248px;}


ul.sns li{width:49.9%!important;}


/* 기본 */
#tabs a
{
 
	background: #fff;
    color: #fff;
    float: left;
    width:100%; 
    text-decoration: none;  padding:15px 0 15px; border:1px solid #bdbdbd; border-bottom:none;
    font-family: 'Nanum Gothic Coding', sans-serif; font-weight:600; font-size:18px; color: #2c2c2c; letter-spacing: -1px;
}

/* 오버 */
#tabs a:hover
{
    background: #4d4d4d; color: #fff;}
}

#tabs a:focus
{
    outline: 0;
}

/* acctive */
#tabs #current a
{
    background: #4d4d4d;
	 color:#fff; 
}

#content
{
    background-color: #fff;
	border:2px solid #4d4d4d;
	text-align: left;
}


/* Remove the rule below if you want the content to be "organic" */
#content div
{
    height: auto; overflow:hidden; padding: 60px 60px 0;
}


#content.ver2{border: 1px solid #b3b3b3; text-align: center; padding-bottom: 40px;}

.tab_w{width:992px; margin:15px auto 0; position:relative}
    
ul.con_box{float: left; margin-right: 87px; margin-bottom: 50px}
ul.con_box li:first-child{height:310px;width:225px; overflow:hidden}
ul.con_box li:first-child img{width:225px;}
ul.con_box dt{border-radius: 20px; border:2px solid #ff0000; text-align: center; padding: 2px 0 ; font-family: 'Nanum Gothic Coding', sans-serif; font-weight:600; font-size: 14px;color:#ff0000; width: 30%; margin: 10px auto}
ul.con_box dd{text-align: center}
ul.end{margin-right:0}

.con{margin-top:50px;}
.con p:first-child{margin-bottom: 20px;}


.thumbnail{margin: 0 0 50px; width: 225px; float: left; margin-right: 95px;}

.thumbnail li:after{clear: both; content: ""; display: block}
.thumbnail li:nth-of-type(2){padding: 10px 0; text-align: center; border: 1px solid #bebebe;  
    color: #ff0000; margin: 15px 40px; font-family: 'Nanum Gothic';font-weight: 600; font-size: 14px;}
.thumbnail li a{display: inline-block; width: 100%; text-decoration: none; color:#ff0000}

.thumbnail:nth-of-type(3),.thumbnail:nth-of-type(6){margin-right: 0}



.thumbnail_2{margin: 0 0 50px -13px;; float: left; }
.thumbnail_2:after{clear: both; content: ""; display: block}
.thumbnail_2 li{float: left; margin:0 25px 35px 0;}
.thumbnail_2 li:last-child{margin-right: 0}




/*본고딕 */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}



@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}



@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}



@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}



@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}



@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}