.clear_after:after {content:""; clear:both; display:table;}
#content_wrap{margin-top:100px; overflow:hidden;}
#content{overflow:hidden;padding-bottom:45px}
#top_info{height:50px}
#top_notice{padding:15px 0 0 20px;float:left}
#top_notice h2{float:left;padding-right:20px}
#top_notice ul {float:left}
#top_manual h2{padding-top:15px;float:left;padding-right:20px}
#top_notice a{color:inherit}
#top_manual{float:right}
.manual_select{width:200px;float:left;margin-top:7px;position:relative}
.manual_select p{padding:8px 0 0 10px;height:26px;cursor:pointer;background:url(../img/sub/top_menual_bg.jpg) no-repeat}
.manual_select div{z-index:9999;display:none;width:198px;border-bottom:1px solid #dbdee2;border-left:1px solid #dbdee2;border-right:1px solid #dbdee2;background:#f3f5f8;position:absolute;top:30px;left:0;padding:10px 0 5px 0}
.manual_select dt{padding:0 0 10px 10px;color:#007abe;font-weight:600}
.manual_select dd{padding:0 0 10px 20px}
.manual_select dd a{color:inherit}
.manual_select dd  a:hover{text-decoration:none}

#side{width:200px;padding:20px 10px 0 10px;clear:both;float:left}
#side .side_banner { margin-top:10px; }
	#loginBox{position:relative;width:202px;height:244px;background:url(../img/sub/sub_login_bg.jpg) no-repeat;letter-spacing:-.1em}
	#loginBox h2{font-size:1.1em;padding:11px;letter-spacing:0}
	#loginBox a{text-decoration:none}
	.loginId ,.loginPw{width:178px;height:30px;position:relative;margin:8px 0 0 10px;border:1px solid #eee}
	#loginId , #loginPw{border:0 none;padding:3px 0 0 10px;width:168px;height:27px;}
	.loginId label, .loginPw label{position:absolute;top:8px;left:10px}
	.SSL_Login{position:absolute;top:11px;right:10px;font-size:11px}
	.SSL_Login label{position:relative;top:-1px}
	#btn_loginOk{position:absolute;top:126px;left:11px;width:180px;height:35px;background:none;border:0 none;cursor:pointer;color:#fff;font-weight:bold}
	.btn_memberJoin{position:absolute;top:166px;left:11px;width:180px;height:35px;line-height:35px;text-align:center}
	.btn_memberJoin a{display:block;width:100%;height:100%;color:#444;font-weight:bold}
	.member_links{position:absolute;top:210px;left:0;width:100%;text-align:center;}
	.member_links a{color:inherit}
	.member_links .btn_memberJoin{color:#111}
	
	#lnb_wrap{letter-spacing:-.1em;padding:10px 0 13px;background:url(../img/sub/lnb_bg_bottom.jpg) 0 bottom no-repeat}
	#lnb_wrap h2{color:#fff;font-size:2em;line-height:1.2em;padding:12px 0 0 15px;width:185px;height:63px;background:url(../img/sub/lnb_bg.jpg) 0 0 no-repeat}
	#lnb_wrap h2 span{display:block;font-size:12px;color:#7cb7e4}
	#lnb{color:#888;font-size:1.2em;font-weight:600;padding:0 10px;width:178px;border-left:1px solid #006cb6;border-right:1px solid #006cb6}
	#lnb>li{border-top:1px solid #f3f5f8}
	

.left_banner {margin-top:10px;}

	#lnb>li.current>ul{display:block;}
	#lnb>li>ul{display:none;}
	#lnb li a{display:block;padding:10px 0 10px 10px;color:inherit}
	#lnb li a:hover{text-decoration:none}
	#lnb>li>a{color:#222}
	#lnb>li>a:hover{color:#007abe}
	#lnb li.current>a{color:#007abe}
	#lnb li.current a.current~ul{background:#f3f5f8}
	#lnb li ul{border-top:1px solid #f3f5f8;font-size:.8em}
	#lnb li ul li a{padding-left:20px;padding: 3px 0 3px 20px;}
	#lnb li ul li a:hover	, #lnb li.current a.current{color:#222;background:#f3f5f8}
	#lnb li ul li ul li a{padding:2px 10px 0 30px;font-size:1.2em;color: #555;letter-spacing:0}
	
#article{width:100%;}
#article_head{width:100%;letter-spacing:-.1em; text-align:center; background:#006cb6 url(/img/sub/sub_top_bg.png) no-repeat;background-position: center;}
#article_head h1{font-size:38px; font-weight:500; color:#fff; line-height:50px; letter-spacing:0.0em;}
#article_head p { font-size:15px; font-weight:300; color:#fff; padding-top:7px;letter-spacing: -0.0em;opacity:0.8;}
#article_head p a{color:#fff}
#article_head .container { padding:50px 0 75px; }
#bread_crumb{float:right;padding:0 10px 0 0}
#bread_crumb a{color:inherit}
#bread_crumb span{padding:5px}
#bread_crumb .home{display:inline-block;vertical-align: middle;width:10px;height:10px;padding:0;background:url(../img/common/top_icon.gif) 0 -10px no-repeat}
#article_cont{position:relative;clear:both; padding-top:135px;}
#article_cont strong{color:#ff6000}
#article_cont strong a{color:#ff6000}

#of_article{padding-top:30px;}
#of_article_head{padding:0 0 20px 20px;overflow:hidden;letter-spacing:-.1em}
#of_article_head h1{float:left;font-size:3em;line-height:100%}
#of_bread_crumb{float:right;padding:0 10px 0 0}
#of_bread_crumb a{color:inherit}
#of_bread_crumb span{padding:5px}
#of_bread_crumb .home{display:inline-block;vertical-align: middle;width:10px;height:10px;padding:0;background:url(../img/common/top_icon.gif) 0 -10px no-repeat}
#of_article_cont{position:relative;clear:both;}
#of_article_cont strong{color:#ff6000}
#of_article_cont strong a{color:#ff6000}

.pt0{padding-top:0px !important}.pt10{padding-top:10px}.pt20{padding-top:20px;}.pt30{padding-top:30px}.mt0{margin-top:0px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}
.pb10{padding-bottom:10px}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}
/*==================================서브 컨텐츠 요소 설정==================================*/

/*서브 타이틀==================================*/
#article_cont h4{
	color:#000;
	font-size:15px;
	background:none;
	padding-left:0;
	margin-bottom:20px;
}

/*일반 데이타 테이블 Type1==================================*/
.dataTableType1 { border-top:2px solid #006cb6; }
.dataTableType1 th{	
	padding:20px 0;
	border:#eee solid 1px;
	background:#fafafa;
	font-size:16px;
}
.dataTableType1 thead th{
	color:#222;
	border-bottom:none !important;
	border-top:none !important;
	color:#222;
	font-size:16px;
}
.dataTableType1 thead th a {
	display:block;
	color:#fff;
	background:#3792c9;
	padding:10px 0;
	font-size:14px;
	width:60%; margin:10px auto;
}
.dataTableType1 thead th a:hover { text-decoration:none; }
.dataTableType1 thead th.trFirst{
	border-left:none !important;
}
.dataTableType1 thead th.trLast{
	border-right:none !important;
}
.dataTableType1 thead th.trOnly{/*테이블 상단이 1개일때*/
	border-left:#718dbc solid 2px;
	border-right:#718dbc solid 2px;
}
.dataTableType1 tbody th{
	font-weight:bold;
	background:#fafafa;
	border-left:none !important;
	font-size:15px;
	color:#222;
	
}
.dataTableType1 td{
	border:#eee solid 1px;
	font-size:14px; font-weight:500; color:#222;
	padding:10px;
	line-height:1em;
}

.dataTableType1.txt_center td{
	text-align:center;
}

.dataTableType1 td.on{
	background:#f0f6f9;
}

.dataTableType1 td span.line{
	color:#999;
	text-decoration:line-through;
}

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

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

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

.dataTableType3 th{width:150px;}

/*마이홈 데이타 테이블 Type4==================================*/
.dataTableType4 thead th{background:#94bfdd;border:1px solid #fff;color:#fff;font-size:18px;line-height:26px;padding:22px}
.dataTableType4 tbody td, .dataTableType4 tbody th{border-bottom:1px solid #eeeeee;font-size:16px;text-align:center;line-height:26px;padding:22px}
.dataTableType4 tbody td + td, .dataTableType4 tbody th + td{border-left:1px solid #eeeeee}
.dataTableType4 thead th .checkWrap > input[type=checkbox] + span:before{border-color:#fff}
.dataTableType4 thead th .checkWrap > input[type=checkbox]:checked + span:before{border-color:#3792c9}

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

.vat_text { text-align:right; margin:10px 0; font-size:13px; color:#666;}


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

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

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

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

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

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

/*링크로 탭모양 구현시 - 페이지는 각각이고 탭모양으로 구현할 때 사용*/
.tabLink{background:url(../img/common/bg_tabArea.gif) repeat-x;}
.tabLink a{
	display:inline-block;		
	overflow:hidden;
	padding-top:30px;
	height:0px !important;
	height /**/:30px;
	margin-bottom:20px;
}
	
/*폼 테이블==================================*/	
.tableStyle1 tr td { width:80%; padding:10px; border-bottom:1px solid #ddd;}
.tableStyle1 tr td input { width:500px; padding:7px; border:1px solid #ddd; background:#f5f5f5; height:auto;  }
.tableStyle1 tr td select { width:200px; padding:7px; border:1px solid #ddd; background:#f5f5f5; height:40px; position:relative; top:4px; }
.tableStyle1 tr td select.no_top { top:0; }
.tableStyle1 tr td h1 { display:block; padding-top:5px; font-size:15px; color:#ed6b6b; }
.tableStyle1 tr td p { font-size:16px; line-height:1.3em; }
.tableStyle1 tr td textarea { border:1px solid #ddd; width:100%; min-height:200px; padding:10px; }

.formTable{
	border-top:2px solid #006cb6;
	clear:both;
	font-size:16px; 
	margin:0 !important;
}
.formTable caption{text-align:left;padding-bottom:5px;}
.formTable th{
	width:20%; 
	background:#f9fafc; 
	border-bottom:1px solid #ddd; 
	padding:22px 0;
	text-align:center;
}
.formTable th label{
	/*background:url(../img/common/icn_arrow.gif) no-repeat;
	padding-left:20px;*/
	color:#222;
}
.formTable td{
	width:80%; 
	padding:10px; 
	border-bottom:1px solid #ddd;
	line-height:1em;
}
.formTable tr td input { width:500px; padding:7px; border:1px solid #ddd; background:#f5f5f5; height:auto;  }
.formTable tr td .x-small { width:100px; }
.formTable tr td .small { width:200px; }
.formTable tr td select { width:200px; padding:7px; border:1px solid #ddd; background:#f5f5f5; height:40px; position:relative;  }
.formTable tr td select.no_top { top:0; }
.formTable tr td h1 { display:block; padding-top:5px; font-size:15px; color:#ed6b6b; clear: both;}
.formTable tr td p { font-size:16px; line-height:1.3em; }
.formTable tr td textarea { border:1px solid #ddd; width:100%; min-height:200px; padding:10px; }

.formTable2 { border-top:none;  }
.formTable2 thead th{ background:#94bfdd; color:#fff; padding:25px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd !important; }
.formTable2 td { padding:20px !important; line-height:1.5em; text-align:center; color:#666; }
.formTable2 td.gray { background:#f9fafc; }
.formTable2 td.red_t { text-align:left; color:red; }

.formTable #domainName1, .formTable #domainName {padding-left: 60px;}
.domain_input_outbox {position:relative; float:left; margin-right:10px;}
.domain_input_outbox:before {content:"http://"; position: absolute;  left: 10px;  top: 10px;color: #818381;}



.star{/*필수항목*/
	display:inline-block;
	background:url(../img/board/icn_star.gif) no-repeat;
	width:9px;
	overflow:hidden;
	padding-top:9px;
	height:0px !important;
	height /**/:9px;
	vertical-align:middle;
	margin-left:5px;
}
#btnUserIdChck{/*아이디 중복확인*/
	background:url(../img/board/btn_IDChk.gif) no-repeat;
	width:79px;
	height:20px;
	margin-left:3px;
}
#btnZipCode{/*우편번호 찾기*/
	background:url(../img/board/btn_post.gif) no-repeat;
	width:71px;
	height:20px;
	margin-left:3px;
}
.btnRegChck{/*가입여부확인*/
	background:url(../img/board/btn_regChck.gif) no-repeat;
	width:71px;
	height:20px;
	margin-left:3px;
}
.formTable td .refer{/*상세설명*/
	font-size:90%;
	color:#7c7c7c;
}
#article_cont .formTable td .refer strong{color:#4997d9;}
.formTable td p{/*주소 등 여러줄일경우 줄간격 설정*/
	line-height:1.8;
}
.buttonArea .btn_confirm{/*확인*/
	background:url(../img/board/btn_confirm.gif) no-repeat;
	width:64px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_cancel{/*취소*/
	background:url(../img/board/btn_cancel.gif) no-repeat;
	width:64px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_application{/*견적 의뢰*/
	background:url(../img/board/btn_application.gif) no-repeat;
	width:74px;
	height:20px;
	margin:0 2px;
}
.buttonArea .btn_domainList{/*도메인 현황*/
	background:url(../img/common/login/btn_sub_myDomain.gif) no-repeat;
	width:83px;
	padding-top:21px;
	vertical-align:middle;	
}
.buttonArea .btn_mainPage{/*메인페이지*/
	background:url(../img/common/login/btn_sub_mainPage.gif) no-repeat;
	width:83px;
	padding-top:21px;
	vertical-align:middle;	
}

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

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

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

/*링크용 버튼*/
.buttonArea a{
	display:inline-block;
}

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

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

/*
  #searchDomain{width:760px;height:79px;background:url(../img/common/searchDomain_bg_long.jpg) no-repeat;float:left;position:relative}
  .DomainInput{font-size:1.2em;position:absolute;top:30px;left:35px}
  .www{font-size:18px;color:#222;font-weight:600}
  .inputDomain{margin-left:20px;width:190px;border:0 none;color:#aaa}
  .inputDomain_focus{margin-left:20px;width:190px;border:0 none;color:#222222}
  .Domain_eng{position:absolute;top:90px;left:40px}
  .Domain_Kr{position:absolute;top:120px;left:40px}
  .Domain_eng span, .Domain_Kr span{color:#fff;font-size:10px}
  .Domain_eng input, .Domain_Kr input{margin-left:10px}
  .Domain_eng label, .Domain_Kr label{display:inline-block;width:32px;line-height:100%;word-break:normal}
  .btn_engDominSearch{width:65px;height:40px;position:absolute;right:20px;top:20px;border:0 none;color:#fff;cursor:pointer;font-weight:600;background:none}
*/

#tab_div .tab_menu{}
#tab_div .tab_menu ul{height:41px;border-bottom: 2px solid #006cb5;}
#tab_div .tab_menu ul li{background:none;float:left;display: inline-block;.display: inline;zoom: 1;padding:0;}
#tab_div .tab_menu ul li a{height:41px;line-height:43px;font-size:14px;color:#222;font-weight:bold;padding: 0 20px;display:inline-block;background: url(/homepage/img/tab_bg.gif) left top no-repeat;}
#tab_div .tab_menu ul li a.ztab_on{color:#FFF;background: url(/homepage/img/tab_bg_on.gif) left top no-repeat;text-decoration:none;}
#tab_div .tab_menu ul li.lineRi{border-right:1px solid #e7e8ea;}
#of_article_cont #tab_div {padding:0 0 20px 20px; }
	
/*도로명 주소 API ==================================*/
#zipcodeapi_pr .btn_application{text-align:center;padding: 20px 0 30px 0;}
#zipcodeapi_pr .btn_application a{width:172px;height:42px;line-height:42px;padding-left:20px;background: url(/homepage/img/btn_bg_s1.gif) left top no-repeat;display: inline-block;text-align:left;font-size:15px;font-weight:bold;color:#FFF;}
.api_manual{border-top: 1px dashed #ccd3da;padding: 20px 30px 18px 30px;clear:both;overflow:hidden;}
.api_manual p {padding-bottom:10px;}
.api_manual .api_guide {text-align:center;padding-bottom:30px;}

/************************************************************ 서브 배너(워드프레스) ************************************************************/
#rightBanner{position:absolute;top:0;left:0;width:100%; display:none;}
#rightBanner .wrapper{margin:0 auto;width:1000px;position:relative;}
#rightBanner .wrapper img{position:absolute;top:210px;right:-120px;}




/********************************************** 서브 공통 *******************************************************/

.clearfix:after { display:block; content:''; clear:both; }
.mobile_view { display:none; }
.mobile_none { display:inline-block; }
ul.sub_menu { width:100%; position:absolute; bottom:-25px; z-index:2;}
ul.m_sub_menu { display:none; }
ul.sub_menu li { float:left; text-align:center; height:50px; border-right:1px solid #88bce0;padding:0 !important;}
ul.sub_menu li:last-child { border-right:none; }
ul.sub_menu li a { display:block; width:100%; height:100%; background:#6aabd8; font-size:17px; color:#fff; line-height:50px;font-weight:500;letter-spacing:0.0em;}
ul.sub_menu li a:hover { text-decoration:none; }
ul.sub_menu li.on a { background:#fff;color:#222; }
ul.sub_menu strong { width:5%; float:left; background:#4c88b2; height:50px; text-align:center; padding-top:12px; }
ul.sub_menu li.strong{width:5%; float:left;}
ul.sub_menu li.strong strong{display:block;float:none;width:100%;}

.m_sub_menu { width:100%; position:absolute; top:85%; z-index:8;  }
.m_sub_menu > li:first-child { width:10%; float:left; background:#4c88b2; height:50px; text-align:center; padding-top:12px; }
.m_sub_menu > li { width:90%; float:left;}
.m_sub_menu > li > a { background:#6aabd8; display:block; height:50px; line-height:50px; color:#fff; font-size:15px; position:relative; }
.m_sub_menu > li > a:before { position:absolute; content:"\f107"; font: normal normal normal 14px/1 FontAwesome; right:15px; top:50%; transform:translate(0,-50%); color:#fff;}
.m_sub_menu > li > ul { width:100%; display:none; border:1px solid #ddd; border-top:none; border-bottom:none;  }
.m_sub_menu > li > ul li a { display:block; padding:20px 0; background:#fff; border-bottom:1px solid #ddd; font-size:15px; transition:all 0.3s; }
.m_sub_menu > li > ul li a:hover { background:#f5f5f5; }

ul.sub_5_menu li { width:19%; }
ul.sub_4_menu li { width:23.75%; }
ul.sub_3_menu li { width:31.66666%; }
ul.sub_menu.small li a{font-size:14px;}

.article_title { text-align:center; padding-bottom:60px;}
.article_title h1 { font-size:40px; color:#222; font-weight:700;padding-bottom:30px; letter-spacing:-0.06em; }
.article_title p { font-size:20px; color:#666; font-weight:500; line-height:1.4em;letter-spacing:0.0em; word-break: keep-all;}
.article_title h6 { color:#fff; background:#006cb6; padding:18px 52px;border-radius:30px; display:inline-block; font-size:18px; margin-bottom:50px;}

h1.big_title { font-size:33px; font-weight:800; color:#222; text-align:center; padding:30px 0; }

.cont_box { padding:80px 0; }
.cont_box.no_pt { padding-top:0; }
#article_cont .cont_box:first-child { padding-top:0; } 
.cont_gray { padding:80px 0; background:#f7f7f7; }
.cont_top { width:100%; position:absolute; top:0; }

h1.small_tit { font-size:20px; padding-left:24px; padding-bottom:15px; position:relative; }
h1.small_tit:before { content:''; width:18px; height:18px; border:5px solid #3792c9; border-radius:10px; position:absolute; left:0; top:2px; }
h1.small_tit span { color:#999; font-size:15px; padding-left:10px; font-weight:500;}

.sub_check { display:none; }
.sub_check + label { display:inline-block; font-size:16px; color:#666; padding:12px 0; padding-left:23px; position:relative; margin-right:30px; }
.sub_check + label:before { content:""; width:18px; height:18px; border:3px solid #bbb; border-radius:10px; position:absolute; left:0; top:11px; }
.sub_check:checked + label:before { border:3px solid #006cb6;}
.sub_check:checked + label:after { content:''; width:6px; height:6px; background:#006cb6; border-radius:10px; position:absolute; left:6px; top:17px; }


.buttonArea .btn_st1 { width:200px; text-align:center; padding:16px 0; height:auto !important; font-size:16px; border-radius: 40px; background:#fff; border:none; margin-right:10px; cursor:pointer;}
.buttonArea .btn_st1:hover { text-decoration:none; }
.buttonArea .btn_st2 { width:100%; text-align:center; padding:10px 0; height:auto !important; font-size:16px; margin-right:0; }
.buttonArea .btn_st1:last-child { margin-right:0; }
.buttonArea .blue_btn { background:#3792c9; color:#fff; border:1px solid #3792c9; }
.buttonArea .white_btn { background:#fff; color:#3792c9; border:1px solid #3792c9; }
a.change_password_btn {display: inline-block;   background: #3792c9;  color: #fff;  height: 40px;  vertical-align: top;  padding: 12px;  margin-left: 20px;  border-radius: 5px;  text-decoration: none;}



.benefit li { float:left; width:20%; text-align:center; }
.benefit li img { /*height:60px;*/margin-bottom:20px; }
.benefit li h1 { font-size:20px; color:#222; margin-top:20px;}
.benefit li div.line { width:70%; margin:20px auto; height:1px; background:#222; }
.benefit li p { font-size:16px; color:#444; line-height:1.3em; }

.service li { float:left; width:31%; text-align:center; margin-right:3.5%; box-shadow:0 0 10px rgba(0,0,0,0.15); padding-top:50px !important;}
.service li:last-child { margin-right:0; }
.service li > img {/* height:60px;*/ margin-bottom:20px; } 
.service li h1 { font-size:23px;  color:#222; padding-bottom:30px;  }
.service li a { display:block; position:relative; left:10px; bottom:-20px; background:#6aabd8; color:#fff; font-size:18px; padding:30px; line-height:1.5em;}
.service li a:hover { text-decoration:none; }
.service li a h2 img { position:relative; left:0; transition:all 0.3s;}
.service li a:hover h2 img { left:10px; }
.service li a h2 { font-size:21px; padding-top:20px; }
.service li:nth-child(2) a { background:#6abad8; }

.consult_box { width:50%; position:relative; padding:0 100px; float:left; }
.consult_call:after { width:1px; height:170px; background:#ddd; content:''; position:absolute; right:0; top:30px; }
.consult_box h1 { position:relative; font-size:23px; display:block; color:#222; border-bottom:1px solid #222;padding-bottom:10px; margin-bottom:40px; }
.consult_call h1:before { content:''; position:absolute; background:url(/img/sub/ico_call.png) no-repeat; width:36px; height:36px; left:-50px; top:-2px; }
.consult_chat h1:before { content:''; position:absolute; background:url(/img/sub/ico_chat.png) no-repeat; width:43px; height:32px; left:-50px; top:-2px; }
.consult_box p { font-size:18px; color:#444; font-weight:500; }
.consult_box p span { font-size:28px; color:#3792c9; font-weight:800; }
.consult_box dl { padding-top:40px; font-size:17px; }
.consult_box dl dt { width:45%; float:left; clear:both; padding-bottom:14px;}
.consult_box dl dd { width:50%; float:left; font-weight:800; }
.consult_box a.consult_chat_btn { position:relative;display:inline-block; padding:10px 20px; padding-right:50px; margin-top:40px; border:1px solid #bbb;text-align:center; font-size:16px; font-weight:600; transition:all 0.3s; }
.consult_box a.consult_chat_btn:hover { background:#bbb; color:#fff; text-decoration:none; }
.consult_box a.consult_chat_btn:after { content:''; position:absolute; right:20px; bottom:10px; background:url(/img/sub/sub_arrow2.png) no-repeat; width:21px; height:5px; transition:all 0.3s; }
.consult_box a.consult_chat_btn:hover:after { background:url(/img/sub/sub_arrow3.png) no-repeat;}

.sub_faq { width:100%;  }
.sub_faq_box { width:100%; border:1px solid #ddd; background:#f9fafc; margin-bottom:15px; }
.sub_faq_box .heading { position:relative; font-size:18px; padding:20px; padding-left:65px; line-height:1em; cursor:pointer; }
.sub_faq_box .heading:before { content:'Q'; position:absolute; font-weight:800; font-size:27px; color:#1a73a9; left:25px; top:19px;}
.sub_faq_box .heading:after { content:'+'; position:absolute; font-size:33px; font-weight:500; right:19px; top:18px; }
.sub_faq_box .heading.active:after { content:'-'; font-size: 60px;  font-weight: 400;}
.sub_faq_box .heading span { font-weight:800; }
.sub_faq_box .toggle_box_contents { font-size:17px; color:#666; line-height:1.3em; padding:20px; padding-left:65px; position:relative; }
.sub_faq_box .toggle_box_contents:before { content:'A'; position:absolute; font-weight:800; font-size:27px; color:#1a73a9; left:25px; top:21px;}
.sub_faq_box .toggle_box_contents section + section{padding-top:20px;}
.sub_faq_box .toggle_box_contents section h2{padding:3px 0 15px;}
.sub_faq_box .toggle_box_contents .box{border:2px solid #1a73a9;padding:10px 15px;margin:5px 0;}
.sub_faq_box .toggle_box_contents .faq_cont_img{display:block;max-width:500px;padding:10px 0px}
.sub_faq_box .toggle_box_contents .faq_cont_img.max100{max-width:100%}
#article_cont .sub_faq_box .toggle_box_contents ol li, .sub_faq_box .toggle_box_contents ul li{margin-bottom:10px;position:relative;}
/*#article_cont .sub_faq_box .toggle_box_contents ul > li{background: url(/img/common/icn_circle.gif) 0px 9px no-repeat;}
#article_cont .sub_faq_box .toggle_box_contents ul.none_listdisk > li{background:none;}*/
#article_cont .sub_faq_box .toggle_box_contents ul > li:before {width: 10px;height: 10px;content: '';position: absolute;left: 0;top: 9px;border-radius: 20px;background: #3792c9;}
#article_cont .sub_faq_box .toggle_box_contents ul.none_listdisk > li:before{display:none;}
.sub_faq_box .toggle_box_contents .reference p:before{display:inline-block;content:'!';color:#1a73a9;padding:0 10px;font-weight:bold;}

/*도메인*/

.domainNotice_tab li{ float:left; }
.domainNotice_tab li a { font-size:20px; border:2px solid #3792c9; color:#3792c9; padding:10px 30px; text-align:center; border-radius:30px; transition:all 0.3s;font-weight: 500;}
.domainNotice_tab li a.on { background:#3792c9; color:#fff; }
.domainNotice_tab li a:hover { background:#3792c9;color:#fff; text-decoration:none; }
.domainNotice_box { padding-top:50px; }
.domainNotice_box ul { width:100% !important; }

.domain_cont ul { position:relative; }
.domain_cont ul:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%); width:90%; height:0.5px; background:#6abad8; }
.domain_cont li { width:20%; float:left; padding:0 20px !important; }
.domain_cont li h1 { width:100%;background:#6aabd8; color:#fff; border-radius:300px; font-size:23px; line-height:1.2em; text-align:center; font-weight:700; height:220px; padding-top:25%; position:relative; z-index:3;}
.domain_cont li:nth-child(2n) h1 { background:#6abad8; }
.domain_cont li h1 span { display:inline-block; color:#fff; letter-spacing: 0.0em; margin-bottom:25px; position:relative; font-size:20px}
.domain_cont li h1 span:before { content:''; position:absolute; left:50%; width:20px; height:2px; background:#fff; bottom:-13px; transform:translate(-50%,0); }
.domain_cont li h1:before { content:''; position:absolute;width:110%; height:110%;top:-5%; left:-5%;  border:2px solid #6aabd8; border-radius:150px; z-index:1; }
.domain_cont li:nth-child(2n) h1:before { border:2px solid #6abad8; } 
.domain_cont li:last-child h1:after { display:none; }
.domain_cont li h1:after { content:''; position:absolute;width:7px; height:7px; top:50%; right:-24px; border-radius:5px; transform:translate(0,-50%); background:#6abad8; }
.domain_cont li:nth-child(2n) h1:after { background:#69a9d5; } 

.domain_cont.box_4 li { width:25%; padding:0 20px !important; }
.domain_cont.box_4 li h1 { padding-top:38%; }

.domain_bt { width:100%; background:url(/img/sub/domain_btbg.png) no-repeat bottom center; background-size:cover; padding:80px 0; text-align:center; }
.domain_bt h1 { font-size:45px; color:#fff; letter-spacing:-0.1em; line-height:1em; padding-bottom:15px; }
.domain_bt p { font-size:23px; color:#fff; letter-spacing:-0.1em; line-height:1em; }

.ApplyNotice { width:100%; padding:30px; background:#f9fafc; margin:30px 0;}
.ApplyNotice ul { margin:0 !important; }
.ApplyNotice ul li { padding:0 !important; padding-bottom:20px !important; font-size:16px; letter-spacing:-0.1em; padding-left:30px !important; position:relative;    line-height: 1.2em; }
.ApplyNotice ul li:last-child { padding-bottom:0 !important;}
.ApplyNotice ul li:before { width:20px; height:17px; content:''; position:absolute; left:0; top:0; background:url(/img/sub/blue_notice.png) no-repeat; }

.domainList_box { margin-top:125px;}
.domainList_box .right { float:right; }
.domainLink button { padding: 8px 30px; height: auto; width: auto; color: #000; border: 1px solid #9e9e9e; background: #fff;}
.domainLink button:hover {color: #fff; background: #0075bb;border: 1px solid #0075bb;}
.domainLink button.btn_appPeriodEx { background:#ff7b23; }

.forwarding_notice { width:100%; padding:50px; background:#fff; border-radius:30px; }
.forwarding_notice dl dt { float:left; width:15%; font-size:20px; font-weight:800; color:#222; letter-spacing:-0.1em;line-height:1.3em; clear:both;}
.forwarding_notice dl dd { float:left; width:85%; font-size:16px; letter-spacing:-0.1em; line-height:1.3em; padding-bottom:10px;}
.forwarding_notice strong{ color:#1a6491 !important; font-size:16px; padding-top:15px; display:block; }

.forwarding_cont { width:100%; padding-bottom:250px;  }
.forwarding_cont > div { width:50%; float:left; padding:60px; text-align:center; position:relative;}
.forwarding_cont > div:first-child { background:#558b9b; }
.forwarding_cont > div:last-child { background:#41657e; top:140px; }
.forwarding_cont > div h1 { font-size:33px; color:#fff; display:block; padding-bottom:15px; border-bottom:1px solid #ddd; line-height:1em; letter-spacing:-0.1em; margin-bottom:15px;}
.forwarding_cont > div h1 span { font-size:20px; color:rgba(255,255,255,0.3); display:block; letter-spacing:0; }
.forwarding_cont > div p { font-size:17px; line-height:1.3em; color:rgba(255,255,255,0.7);letter-spacing:-0.1em; }
.forwarding_cont > div .gray { position:absolute; width:50%; height:60px; background:#f7f7f7; }
.forwarding_cont > div:first-child .gray { bottom:-60px; right:0; }
.forwarding_cont > div:last-child .gray { top:-60px; left:0; }

#scrollWrap{position:relative;overflow:hidden;}
#scrollCont{position:absolute;top:0;right:0;}
#scrollWrap #formStep01 table{margin-bottom:0}
.domain_result_left { width:70%; padding-right:10px; float:left; }
.domain_result_right { width:30%; padding-left:10px; float:right; }
#article_cont .domain_result_right table strong { display:block;font-size:16px; text-align:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; color:#444;}
#article_cont .domain_result_right table a.cancle { display:inline-block; float:right; width:11px; height:11px; background:url(/img/sub/cancle.png) no-repeat;  }
#article_cont .domain_result_right table ul { margin:0 !important; }
#article_cont .domain_result_right table ul li { padding:10px 0 15px 0 !important; text-align:left; color:#006cb6; font-weight:800; }
#article_cont .domain_result_right table ul li:last-child{border-bottom:1px solid #ddd}
#article_cont .domain_result_right table ul li span { display:inline-block; width:60%; color:#444; font-weight:400;  }
#article_cont .domain_result_right table h1 { text-align:right; padding-top:15px; font-size:16px; font-weight:700; color:#222; line-height:1em;}
#article_cont .domain_result_right table h1 span { display:block; font-size:25px; color:#006cb6; font-weight:800; padding-top:8px;}

#article_cont .domain_form_right table strong { display:block;font-size:16px; text-align:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; color:#444;}
#article_cont .domain_form_right table ul { margin:0 !important; border-bottom:1px solid #ddd; }
#article_cont .domain_form_right table ul li { padding:0 0 10px 0 !important; text-align:left; color:#006cb6; font-weight:800; }
#article_cont .domain_form_right table ul li span { display:inline-block; width:30%; color:#444; font-weight:400;  }
#article_cont .domain_form_right table h1 { text-align:right; padding-top:15px; font-size:16px; font-weight:700; color:#222; line-height:1em;}
#article_cont .domain_form_right table h1 span { display:block; font-size:25px; color:#006cb6; font-weight:800; padding-top:8px;}

.domain_form_left { width:70%; padding-right:10px; float:left; }
.domain_form_right { width:30%; padding-left:10px; float:right; }
.pdt-0 {padding-top:0 !important;}

/*기관 이전 */
.myopencom_subpage_submenus {position: absolute;  width: 100%;  top: 20px;}
.cont_box.domain_transfer {    padding: 20px;}

/* 서비스 신청 - 리눅스, 윈도우 */
.applyProcess { width:100%; margin-top:70px; position:relative; }
.applyProcess ul { padding:0 150px; }
.applyProcess ul:before { content:''; width:100%; height:1px; background:#ddd; top:60px; left:0; position:absolute; }
.applyProcess ul li { width:33.3%; float:left; text-align:center;}
.applyProcess ul li h1 { width:120px; height:120px; background:#929ca1; text-align:center; position:relative; border-radius:60px; margin:0 auto; }
.applyProcess ul li h1 img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.applyProcess ul li.on h1 { background:#3792c9; }
.applyProcess ul li.on h2 { color:#3792c9; }
.applyProcess ul li h2 { display:block; font-size:18px; color:#222; padding-top:20px; }

.applyProcess.step2 ul li{width:50%;}

.applyAgreebox { width:100%; padding-top:40px; }
.applyAgreebox .agreeCo { background:#fff; padding:20px; font-size:14px; color:#666; max-height:200px;  }
.applyAgreebox .agreeChk { text-align:left !important; padding-top:15px !important; }
.applyAgreebox .agreeChk input { display:none; }
.applyAgreebox .agreeChk input + label { font-size:14px; color:#666; padding-left:17px; position:relative; }
.applyAgreebox .agreeChk input + label:before { content:''; position:absolute; left:0; top:4px; width:12px; height:12px; background:#f5f5f5; border:1px solid #ddd; }
.applyAgreebox .agreeChk input:checked + label:before { border:2px solid #3792c9; }
.applyAgreebox .agreeChk input:checked + label:after { content:''; position:absolute; width:6px; height:6px; left:3px; top:7px; background:#3792c9; }

.taxType_cont { padding-top:50px; width:100%; }
.taxType_cont #autoDay { margin-bottom:10px; }

.contStyle1 {padding-bottom:110px; }
.contStyle1.no_pb { padding-bottom:0; }
.contStyle1 .imgbox{ width:50%; float:left; position:relative; padding-right:30px;  }
.contStyle1 .imgbox img { position:relative; z-index:1; float:right; }
.contStyle1 .imgbox .gray { width:80%; height:100%; position:absolute; left:40px; top:40px; background:#f8f8f8; z-index:0; }
.contStyle1 .text { width:50%; float:right; position:relative; padding-top:15px;}
.contStyle1 .text h1 { font-size:28px; color:#222; position:relative; padding-bottom:50px; letter-spacing:-0.1em;line-height:1.5em;}
.contStyle1 .text h1:after { width:120%; height:1px; background:#ddd; content:''; position:absolute; bottom:25px; right:0; z-index:3; }
.contStyle1 .text h1.font20 { font-size:20px; }
.contStyle1 .text h1 span { font-weight:800; }
.contStyle1 .text p { color:#666; font-size:17px; line-height:1.6em;letter-spacing: -0.1em; }
.contStyle1 .text p span.red_t { color:red; }

.ssl_cont2 { padding-bottom:80px; }
.ssl_cont2 img { width:100%; }

.ssl_purpose li { width:100%; background:#f7f7f7 !important; margin-bottom:20px; padding:40px !important; padding-left:200px !important; position:relative;}
.ssl_purpose li h1 { font-size:23px; color:#222;padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.ssl_purpose li p { font-size:17px; line-height:1.3em; color:#666;  }
.ssl_purpose li:before { position:absolute; content:''; left:30px; top:50%; transform:translate(0,-50%); width:138px; height:138px; }
.ssl_purpose li:nth-child(1):before { background:url(/img/sub/ico_ssl_01.png) no-repeat;background-size:cover; }
.ssl_purpose li:nth-child(2):before { background:url(/img/sub/ico_ssl_02.png) no-repeat;background-size:cover; }
.ssl_purpose li:nth-child(3):before { background:url(/img/sub/ico_ssl_03.png) no-repeat;background-size:cover; }
.ssl_purpose li:nth-child(4):before { background:url(/img/sub/ico_ssl_04.png) no-repeat;background-size:cover; }

.ssl_tab_box { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15); }
.ssl_tab { margin-bottom:0 !important;}
.ssl_tab li { width:33.3%; float:left; border-right:1px solid #ddd; border-bottom:4px solid transparent; box-sizing:border-box; position:relative; padding:0 !important;}
.ssl_tab li.on { border-bottom:4px solid #3792c9; }
.ssl_tab li.on a { font-weight:800; color:#3792c9; }
.ssl_tab li:last-child { border-right:none; }
.ssl_tab li a { display:block; padding:30px 0;  text-align:center; font-size:17px; color:#666; line-height:1.5em; } 
.ssl_tab li a:hover { text-decoration:none; }
.ssl_tab li a img { display:block; margin:0 auto; padding-bottom:15px; height:40px; filter:grayscale(1); }
.ssl_tab li.on a img { filter:grayscale(0); }

.ssl_tab_box .ssl_tab_text { width:100%; padding:30px; font-size:16px; line-height:1.6em; border-top:1px solid #ddd; }
.ssl_tab02_text, .ssl_tab03_text {display:none;}

.ssl_cont_cost{}
	#article_cont .ssl_cont_cost .li_characteristic{overflow:hidden;margin:0 -2.5% 85px;position:relative;}
	#article_cont .ssl_cont_cost .li_characteristic:before{content:'';position:absolute;top:50%;left:10%;right:10%;border-top:1px solid #ddd;}
	#article_cont .ssl_cont_cost .li_characteristic li{float:left;width:20%;margin:0 2.5%;overflow:visible;padding:0;position:relative;}
	.ssl_cont_cost .li_characteristic li + li:before{content:'';position:absolute;top:50%;left:-14%;background:#929da4;width:9px;height:9px;border-radius:5px;margin-top:-4px;}
	.ssl_cont_cost .li_characteristic li div{background:#929da4;color:#fff;width:226px;font-size:20px;letter-spacing:-0.05em;line-height:1.2em;padding:74px 0;text-align:center;border-radius:113px;margin:0 auto;}
	.ssl_cont_cost .li_characteristic li:nth-child(odd) div{background:#49a6df}
	#article_cont .ssl_cont_cost .li_characteristic li strong{display:block;font-size:45px;color:#fff;line-height:1.2em;}
	.table_ssl_cost{margin-bottom:115px;}
	.table_ssl_cost th{width:20%}
	.table_ssl_cost th img{max-height:43px;}
	.table_ssl_cost th figure {margin:10px 10px 40px;}
	.table_ssl_cost.dataTableType1 thead th a{margin:25px auto 5px;width:112px;line-height: 1.4em;}
	.table_ssl_cost.dataTableType1 td{text-align:center;padding:20px 10px;}
	.table_ssl_cost.dataTableType1 td.type4{border-right:none;}
	.table_ssl_cost.dataTableType1 td figure {margin:0;}
	.table_ssl_cost.dataTableType1 td img{margin:0 27px;}
	.table_ssl_cost.dataTableType1 .btn_detail{display:inline-block;background:#8f9193;color:#fff;text-align:center;line-height:39px;width:110px;}


.mailTable td { text-align:center; }
.mailApply { width:100%; text-align:center; padding-top:50px;}  
.mailApply_btn { display:inline-block; color:#fff; background:#3792c9; border-radius:50px; padding:20px 30px; font-size:18px; transition:all 0.3s;  }
.mailApply_btn:hover { text-decoration:none; background:#2c729c; }

.mailservice li { width:33.3%; padding:0 30px !important; float:left; position:relative; margin-bottom:50px; }
.mailservice li:nth-child(4) { clear:both; }
.mailservice li img { width:100%; }
.mailservice li div.num { position:absolute; width:50px; height:50px; font-size:17px; font-weight:800; color:#fff; right:0; top:10px; background:#3792c9; text-align:center; line-height:50px;}
.mailservice li:nth-child(2n) div.num { background:#ffaf31; }
.mailservice li h1 { font-size:23px; color:#222;  padding:15px 0; border-bottom:1px solid #ddd; margin-bottom:15px; }
.mailservice li p { font-size:16px; color:#444; line-height:1.5em; min-height:150px; }

.freetransfer_cont li { width:20%; float:left; padding:0 10px !important; }
.freetransfer_cont li h1 { width:100%; border:10px solid #6abad8; background:#fff; border-radius:300px; font-size:20px; color:#222; line-height:1.2em; text-align:center; font-weight:800; height:220px; padding-top:28%; position:relative; z-index:3;}
.freetransfer_cont li:nth-child(2n) h1 { border:10px solid #69a9d5; }
.freetransfer_cont li h1 span { display:inline-block; color:#bbb; border-bottom:3px solid #bbb; letter-spacing: -0.05em; margin-bottom:15px; }
.freetransfer_cont li p { font-size:16px; color:#666; line-height:1.5em; text-align:center; padding-top:50px; word-break: keep-all; }

.freetransfer_cont li h1:before { content:''; position:absolute; width:2px; height:35px; bottom:-40px; left:50%; transform:translate(-50%,0); background:#6abad8; }
.freetransfer_cont li:nth-child(2n) h1:before { background:#69a9d5; } 
.freetransfer_cont li h1:after { content:''; position:absolute; width:10px; height:10px; bottom:-40px; left:50%; border-radius:5px; transform:translate(-50%,0); background:#6abad8; }
.freetransfer_cont li:nth-child(2n) h1:after { background:#69a9d5; } 

.freetransferApply { width:100%; font-size:16px; border-top:2px solid #006cb6;  } 
.freetransferApply tr th { width:20%; background:#f9fafc;border-bottom:1px solid #ddd; color:#222;  }
.freetransferApply tr td { width:80%; border-bottom:1px solid #ddd; padding:20px;  }
.freetransferApply tr td input[type="text"],
.freetransferApply tr td input[type="password"]{ border:1px solid #ddd; padding:10px; width:100%; height:auto;line-height:1em;}
.freetransferApply tr td input.short { width:200px; }
.freetransferApply tr td select { width:200px; border:1px solid #ddd; height:43px; position:relative; top:3px;}
.freetransferApply tr td input.mid { width:500px; }

.etc_notice ul { width:50%; float:left; }
.etc_notice li { font-size:18px; color:#444; position:relative; padding-left:55px !important; padding-bottom:35px !important; line-height:1.3em; font-weight: 500;letter-spacing: -0.06em;}
.etc_notice li:before { position:absolute; left:0; top:-4px; font-size:30px; color:#3e6e8e; font-style:italic; font-weight:900; letter-spacing:0.0em; line-height:1em;  }
.etc_notice li:nth-child(1):before { content:'01.'; }
.etc_notice li:nth-child(2):before { content:'02.'; }
.etc_notice li:nth-child(3):before { content:'03.'; }
.etc_notice li:nth-child(4):before { content:'04.'; }
.etc_notice li:nth-child(5):before { content:'05.'; }
.etc_notice li:nth-child(6):before { content:'06.'; }
.etc_notice li:nth-child(7):before { content:'07.'; }
.etc_notice li:nth-child(8):before { content:'08.'; }
.etc_notice li:nth-child(9):before { content:'09.'; }
.etc_notice li:nth-child(10):before { content:'10.'; }
.etc_notice li span { color:#999; font-size:16px; }
.etc_notice .imgbox { width:50%; float:right; text-align:center; }
.etc_notice .imgbox img { max-width:100%; }
img.freetransfer_img { position:absolute; bottom:-120px; right:0; }

.osmsApply { text-align:center; width:100%; padding-top:30px; }
.osmsApply a { display:inline-block; font-size:18px; color:#fff; background:#3792c9; padding:20px 40px; border-radius:40px; font-weight:600; }
.osmsApply a:hover { text-decoration:none; }
.osmsBig { text-align:center; padding-bottom:50px; }
.osmsBig h1 {  line-height:1.4em; font-size:40px; color:#222; font-weight:700; letter-spacing:-0.05em; }
.osmsBig h1 span { color:#ff8a00;  }

.osms_point { margin:0 !important; }
.osms_point li { width:18%; margin:0 1%; float:left; padding:30px !important; background:#fff !important; border-radius:100px; text-align:center; min-height:330px;}
.osms_point li img { max-width:100%; }
.osms_point li h1 { font-size:20px; color:#222; line-height:1em; margin:10px 0; font-weight:800; letter-spacing:-0.1em; }
.osms_point li p { color:#666; font-size:15px; line-height:1.5em; letter-spacing:-0.1em;}

.colocationApply { padding-top:30px;text-align:center; }
.colocationApply .colocationApply_btn { display:inline-block; font-size:18px; color:#fff; background:#3792c9; padding:20px 40px; border-radius:40px; font-weight:600; }
.colocationApply a:hover { text-decoration:none; }

.small_gray { padding:30px; background:#f7f7f7; margin:30px 0;}

.colocation_notice { padding:0 120px; margin-bottom:0 !important;}
.colocation_notice li { width:50%; float:left; padding-left:20px !important; position:relative; font-size:16px; margin-bottom:10px; color:#222; font-weight:500; }
.colocation_notice li:before { width:13px; height:13px; content:''; position:absolute; left:0; top:0; border-radius:20px; background:#3792c9;  }

#faq_box .faq_tab li{ width:25%; float:left; padding:0 !important; }
#faq_box .faq_tab li a { display:block; text-align:center;  font-size:18px; padding:30px 0; border-bottom:2px solid #f3f3f3; }
#faq_box .faq_tab li:first-child a { color:#3792c9; border-bottom:2px solid #3792c9; font-weight:600; }
#faq_box .faq_tab li a:hover { text-decoration:none;  color:#3792c9; border-bottom:2px solid #3792c9; font-weight:600; }

.traffic_notice { margin-top:20px;}
.traffic_notice li { line-height:1em; padding-left:23px !important; position:relative; padding-bottom:7px !important; font-size:14px; }
.traffic_notice li:before { content:''; position:absolute; left:0; top:0; width:20px; height:17px; background:url(/img/sub/traffic_notice.png) no-repeat; }
  
.download_box .down_btn { padding:8px 12px; border-radius:10px; display:inline-block; transition:all 0.3s; font-size:15px; font-weight:500;}
.download_box .down_btn:hover { color:#fff; text-decoration:none; }
.download_box .xls_btn { border:1px solid #20962e; color:#20962e; margin-right:5px; }
.download_box .pdf_btn { border:1px solid #f4210b; color:#f4210b; }
.download_box .hwp_btn { border:1px solid #3792c9; color:#3792c9; }
.download_box .xls_btn:hover { background:#20962e; }
.download_box .pdf_btn:hover { background:#f4210b; }
.download_box .hwp_btn:hover { background:#3792c9; }

.customer_notice { width:100%; background:#f5f5f5; padding:70px; font-size:16px; line-height:1.3em; padding-left:200px; position:relative; }
.customer_notice:before { content:''; width:107px; height:107px; position:absolute; left:70px; top:50%; background:url(/img/sub/ico_notice.png) no-repeat;transform: translate(0,-50%); }

/*.txt_search{height: 40px;display: inline-block;line-height: 38px;border: 1px solid #c7c7c7;padding: 0 10px;}*/
.p_sslcost #article_cont{}
.p_sslcost .sslcost_list{overflow:hidden;}
.p_sslcost .sslcost_list > ul > li{float:left;width:25%;margin-bottom:20px;}
.p_sslcost .sslcost_list .inner{border: 1px solid #eee;border-radius: 5px;overflow:hidden;}
.p_sslcost #article_cont .sslcost_list h4{padding:8px;text-align:center;line-height:2em;border-bottom:3px solid #eee;}
.p_sslcost #article_cont .sslcost_list h4 img{max-height:2em;margin-right:10px;vertical-align:middle;}
.p_sslcost #article_cont .sslcost_list .li_characteristic{overflow:hidden;padding:0 8px;}
	.p_sslcost #article_cont .sslcost_list .li_characteristic li{padding:0;background:none;float:left;width:25%;text-align:center;font-size:0.9em;}
	.p_sslcost #article_cont .sslcost_list .li_characteristic li i{display:block;margin-bottom:10px;font-size:30px;color:#94bfdd;}
.p_sslcost .sslcost_list .tb_wrap{padding:0 8px;}
.p_sslcost .sslcost_list .tb_wrap .VAT{position:static;line-height: 1.5em;text-align:right;color:#999;font-size:9px;font-weight:normal;}
.p_sslcost .sslcost_list .btns{padding:15px 8px;overflow:hidden;}
	.p_sslcost .sslcost_list .btns a{width: 48%;margin-right:2%;display: block;float: left;background: #3792c9;color: #fff;line-height: 2em;text-align: center;border-radius: 3px;}
	.p_sslcost .sslcost_list .btns a.btn_detailView{background:#ccc;margin:0 0 0 2%}
.p_sslcost .sslcost_list .li_browser{padding:8px 8px 8px 80px;position:relative;background:#efefef;}
	.p_sslcost .sslcost_list .li_browser h5{position:absolute;top:8px;left:8px;font-weight: bold;line-height:16px;}
	.p_sslcost #article_cont .sslcost_list .li_browser ul{overflow:hidden;margin:0}
	.p_sslcost #article_cont .sslcost_list .li_browser li{padding:0;background:none;float:left;width:20%;text-align:center;}
	.p_sslcost .sslcost_list .li_browser li i{font-size:20px;color:#666}
	.p_sslcost .sslcost_list .li_browser li span{display:none;}
	.p_sslcost .ApplyNotice{overflow:hidden;}
	.p_sslcost .ApplyNotice .btn_consult{float:right;background: #3792c9;color: #fff;line-height: 2em;border-radius: 3px;padding:0 20px;font-size: 14px;display: inline-block;}
ul.sub_6_menu li{width:15.8%}
ul.sub_menu.sub_6_menu li a{font-size:14px;}
ul.sub_6_menu li.active a{color: #222;background: #fff;}

ul.sub_menu.sub_5_menu li a{font-size:14px;}
ul.sub_5_menu li.active a{color: #222;background: #fff;}


#stipulationDL{margin-bottom:80px;}
#stipulationDL dt{padding:20px;background:#f9fafc;font-size:18px;border:1px solid #ddd;}
#stipulationDL dd{padding:30px 20px;font-size:16px; line-height:1.4em;border:1px solid #ddd;border-top:none}
#stipulationDL dd + dt{margin-top:10px;}
#stipulationDL > p{font-size:18px;margin-bottom:20px;line-height:1.4em;}

ul.sub_menu li.in_2depth i{font-size:18px;margin-left:10px;}
ul.sub_menu .lnb_dep2_sub{display:none}
ul.sub_menu li .lnb_dep2_sub li{float:none;width:100%;border-right:none;}
ul.sub_menu li .lnb_dep2_sub li + li{border-top:1px solid #fff;}
ul.sub_menu li .lnb_dep2_sub li a{font-size:1.2em;background:#f9fafc;color:#222}
ul.m_sub_menu li.in_2depth i{font-size:16px;margin-left:10px;}
ul.m_sub_menu .lnb_dep2_sub{display:none}
ul.m_sub_menu li .lnb_dep2_sub li + li{border-top:1px solid #fff;}
ul.m_sub_menu li .lnb_dep2_sub li a{background:#f9fafc;padding:10px 0}

.scrollCardPay{position:absolute;top:362px;right:-1px;background:#fff;font-size:13px;color:#222;padding:5px 0 0;border:1px solid #ddd;text-align:center;width:70px;letter-spacing:-0.05em;transition:all 0.2s}
	.scrollCardPay .btn_cardPay{position:absolute;top:50%;margin-top:-15px;height:30px;width:30px;left:-29px;border:1px solid #ddd;border-right-color:#fff;background:#fff;font-family:FontAwesome;font-size:26px;line-height:26px;}
	.scrollCardPay .btn_cardPay:before{content:"\f104";}
	.scrollCardPay img{}
	.scrollCardPay h2{margin:7px 0;}
	.scrollCardPay p{font-size:11px;height:1.2em;overflow:hidden;}
	.scrollCardPay a{clear:both;color:#fff;background:#3792c9;display:block;width:100%;height:40px;line-height:40px;font-size:1.1em;text-align:center;}
	.scrollCardPay p, .scrollCardPay a{display:none;opacity:0;transition:all 1s}
	.scrollCardPay.active{padding:18px;width:220px;text-align:left;transition:all 0.2s}
	.scrollCardPay.active .btn_cardPay:before{content:"\f105";}
	.scrollCardPay.active img{float:left;margin:0 5px 15px 15px;}
	.scrollCardPay.active p, .scrollCardPay.active a{display:block;opacity:1;transition:all 1s}

.lineH15{line-height:1.5em;}
.colocationCost1 table tbody td.lineH15{line-height:1.5em;}



/* for anchor section */
span[class*="anchor_span"] {  display: block;  padding-top: 100px;  margin-top: -100px;}




/* Media Query**************************************************************************************************/
@media only screen and ( max-width: 1200px ) {
	.p_sslcost .sslcost_list > ul > li{width:33.33%;}
	ul.sub_menu.sub_6_menu li a{font-size:13px;}
	ul.sub_menu.sub_6_menu .tablet_line2{padding-top:10px;line-height:1.2em;}
	ul.sub_menu.sub_6_menu .tablet{display:block;}

	.ssl_cont_cost{}
		.ssl_cont_cost .li_characteristic li div{width:186px;font-size:18px;padding:50px 0 65px;border-radius:93px;}
		#article_cont .ssl_cont_cost .li_characteristic li strong{font-size:42px;}
		.table_ssl_cost th img{max-height:32px;}
		.table_ssl_cost.dataTableType1 td img{margin:0 20px;}

}

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

.freetransfer_cont li h1 { font-size:16px; padding-top:19%; }

.freetransferApply tr th { width:30%;}
.freetransferApply tr td { width:70%; }
.freetransferApply tr td input.short,
.freetransferApply tr td select { width:30%;}
.freetransferApply tr td input.mid { width:60%; }

img.freetransfer_img { display:none; }
.etc_notice img { display:none; }
.etc_notice ul { width:100%; }

.applyProcess ul { padding:0 50px; }

.domain_bt h1 { font-size:35px;}
.domain_bt p { font-size:17px;}

.forwarding_cont > div { padding:45px; }
.forwarding_cont > div h1 { font-size:25px;}
.forwarding_cont > div h1 span { font-size:16px; }
.forwarding_cont > div p { font-size:15px; }

.colocation_notice { padding:0; }


.domain_cont li h1 {    font-size: 14px;}

/*마이홈 데이타 테이블 Type4==================================*/
.dataTableType4 thead th{font-size:16px;}
.dataTableType4 tbody td, .dataTableType4 tbody th{font-size:16px;}

.p_sslcost .sslcost_list > ul > li{width:50%;}
.buttonArea.num3 .btn_st1 { width:31.7%;margin:0 0.5%}

#scrollWrap .dataTableType4 tbody td, #scrollWrap .dataTableType4 tbody th{font-size:14px;}
#scrollWrap .domain_result_left{width:60%;}
#scrollWrap .domain_result_right{width:40%;}
.p_sfd .formTable tr td input[type="text"]{width:100%}
.p_sfd .formTable tr td input.small{width:40%}
.p_sfd .formTable tr td input.x-small{width:28.5%}
#article_cont .domain_form_right table ul li span{width:47%}
#article_cont .domain_form_right table h1 span{font-size:22px;}

	.ssl_cont_cost{}
		#article_cont .ssl_cont_cost .li_characteristic{margin-bottom:40px}
		.ssl_cont_cost .li_characteristic li div{width:136px;font-size:14px;padding:35px 0 45px;border-radius:68px;}
		#article_cont .ssl_cont_cost .li_characteristic li strong{font-size:34px;}
		.table_ssl_cost th img{max-height:22px;}
		.table_ssl_cost.dataTableType1 thead th a{width:80px;}
		.table_ssl_cost.dataTableType1 td img{margin:0 10px;}
		.table_ssl_cost.dataTableType1 .btn_detail{width:80px;}

a.change_password_btn {margin-left: 0;  margin-top: 10px;}
}


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

.mobile_view { display:block; }
.mobile_none { display:none; }

#content_wrap { margin-top: 60px; }

#article_cont { padding-top:20px; }
#article_cont.pt80 { padding-top:80px; }
#article_head h1 { font-size:28px; }
#article_head p { font-size:13px; }
.article_title { padding-bottom:40px; }
.article_title h1 { font-size:20px; padding-bottom:10px;}
.article_title p { font-size:14px; }

ul.sub_menu { display:none; }
ul.m_sub_menu { display:block; }


.colocation_notice li { width:100%; }


.service li { width:100%; margin-bottom:55px; }
.service li a {  }

.benefit li { width:50%; margin-bottom:50px;}
.benefit li:nth-child(2n-1) { clear:both; }

.consult_box { width:100%; padding:0; padding-left:50px; padding-bottom:50px; }
.consult_call:after { display:none; }

.contStyle1 .imgbox { width:100%; padding:0; }
.contStyle1 .imgbox img { width:100%; }
.contStyle1 .imgbox .gray { width:100%; }
.contStyle1 .text { width:100%; padding-top:70px;}
.ssl_purpose li { padding-left:40px !important; padding-top:200px !important; }
.ssl_purpose li:before { left:50%; top:30px; transform:translate(-50%,0); }
.ssl_purpose li h1 { font-size:18px; }
.ssl_purpose li p { font-size:15px; }

.ssl_tab li a { font-size:14px; }
.ssl_tab_box .ssl_tab_text { font-size:14px; }
.contStyle1 .text h1 { font-size:17px; }
.contStyle1 .text p { font-size:14px; }

#article_cont .ssl_cont_cost .li_characteristic{margin:0 -0.5% 20px;}
#article_cont .ssl_cont_cost .li_characteristic li{width:24%;margin:0 0.5%;}
.ssl_cont_cost .li_characteristic li + li:before{display:none}
.ssl_cont_cost .li_characteristic li div{width:70px;height:70px;font-size:12px;padding:10px 3px 14px}
#article_cont .ssl_cont_cost .li_characteristic li strong{font-size:18px;}
.table_ssl_cost{margin-bottom:40px;}
.table_ssl_cost th figure{margin:5px 5px 10px;}
.table_ssl_cost th img{max-height:18px;}
.table_ssl_cost.dataTableType1 thead th a{margin: 15px auto 5px;font-size: 12px;padding:5px;}
.table_ssl_cost.dataTableType1 td{padding:10px 5px;}
.table_ssl_cost.dataTableType1 td img{height:28px}
.table_ssl_cost.dataTableType1 .btn_detail{line-height:26px;}

.freetransfer_cont li { width:50%;margin-bottom:40px; }
.freetransfer_cont li h1 {font-size:20px; padding-top:28%; }
.domain_cont li { width:33.3%;margin-bottom:40px; padding:0 10px !important; }
.domain_cont li h1 {font-size:20px; padding-top:28%; }
.domain_cont ul:before { display:none; }
.domain_cont li h1:after { display:none; }
.domain_cont li h1 span { margin-bottom:10px; }
.domain_cont li h1 span:before { display:None; }
.etc_notice li { font-size:16px; }
.etc_notice li span {font-size:13px;}
.freetransferApply { font-size:14px; }

.mailservice li { width:50%; padding:0 10px !important; margin-bottom:0;}
.mailservice li:nth-child(4) { clear:none; }
.mailservice li img { width:100%; }
.mailservice li h1 { font-size:18px; }
.mailservice li p { font-size:13px; }

.domainNotice_tab li { padding:0 !important; width:50%; }
.domainNotice_tab li a { padding:10px; float:left; font-size:12px;  }
.domainNotice_box { padding-top:10px; }

.formTable { font-size:13px; }
.formTable tr th { width:30% !important; }
.formTable tr td { width:70% !important; }
.formTable tr td h1 { font-size:12px; }
.formTable tr td input { width:100%; }
.formTable tr td p { font-size:13px; }
.formTable tr td select { margin-bottom:10px; top:0; }
.formTable tr td .phone_input { width:28.5%; }
.formTable tr td .date_input { width:95%; }
.formTable tr td select.phone_input { height:35px; top:4px; }
.formTable tr td .mid_text { width:5%; display:inline-block; text-align:Center; } 

.sub_check + label  {    font-size: 12px;  width: 100%;  padding: 8px 0 8px 20px;}
.sub_check + label:before { top:6px; width:16px; height:16px; }
.sub_check:checked + label:after { width:4px; height:4px; top:12px; }

.buttonArea .btn_st1 { width:40%; margin:0 2%;  font-size:14px; padding:10px 0; }
#depositDate1 { margin-top:10px; }

.osms_point li { width:46%; margin:0 2% 10px; padding:30px !important;border-radius:100px; text-align:center; min-height:330px;}
.osms_point li img { max-width:100%; }
.osms_point li h1 { font-size:20px; color:#222; line-height:1em; margin:10px 0; font-weight:800; letter-spacing:-0.1em; }
.osms_point li p { color:#666; font-size:15px; line-height:1.2em; letter-spacing:-0.1em;}

.domain_bt { padding:50px 30px; }
.domain_bt h1 { font-size:25px; padding-bottom:7px; }
.domain_bt p { font-size:12px; color:#fff; letter-spacing:-0.1em; line-height:1em; }


.forwarding_cont > div { padding:30px; }
.forwarding_cont > div h1 { font-size:20px; }
.forwarding_cont > div h1 span { font-size:14px; }
.forwarding_cont > div p { font-size:12px; }


.domain_result_left { width:100%;padding:0; padding-top:15px; float:none;}
.domain_result_right { width:100%;padding:0; padding-top:15px; float:none;}
#article_cont .domain_result_right table strong { font-size:13px;padding-bottom:10px; margin-bottom:10px; color:#444;}
#article_cont .domain_result_right table a.cancle { margin-top:2px; }
#article_cont .domain_result_right table ul { margin:0 !important; }
#article_cont .domain_result_right table ul li { padding:0 0 10px 0 !important;}
#article_cont .domain_result_right table h1 {padding-top:10px; font-size:14px;}
#article_cont .domain_result_right table h1 span {font-size:18px;padding-top:8px;}

#article_cont .domain_form_right table strong { display:block;font-size:16px; text-align:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; color:#444;}
#article_cont .domain_form_right table ul { margin:0 !important; border-bottom:1px solid #ddd; }
#article_cont .domain_form_right table ul li { padding:0 0 10px 0 !important; text-align:left; color:#006cb6; font-weight:800; }
#article_cont .domain_form_right table ul li span { display:inline-block; width:30%; color:#444; font-weight:400;  }
#article_cont .domain_form_right table h1 { text-align:right; padding-top:15px; font-size:16px; font-weight:700; color:#222; line-height:1em;}
#article_cont .domain_form_right table h1 span { display:block; font-size:25px; color:#006cb6; font-weight:800; padding-top:8px;}

.p_sfd .formTable tr td .btn_post{width:100px;height:34px;line-height:34px;}
#article_cont .cont_box:first-child {    padding-top: 30px;}

.domain_form_left { width:100%;padding:0; padding-top:15px; float:none;}
.domain_form_right { width:100%;padding:0; padding-top:15px; float:none;}

#serviceList   {display: block; overflow: auto; white-space: nowrap;}
#serviceList td { padding: 10px !important;}
 ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ddd; }

.myopencom_subpage_submenus {top: -25px;}
.myopencom_subpage_submenus .m_sub_menu li {padding:0 !important; text-align:center;}
.myopencom_subpage_submenus .m_sub_menu > li:first-child > a {background: #4c88b2 !important;}
.myopencom_subpage_submenus .m_sub_menu > li:first-child > a:before {content:none;}
.myopencom_subpage_submenus .m_sub_menu > li:first-child > a img { padding-top:12px;}

.cont_gray { padding: 40px 0 30px; }

.dataTableType1 thead th, .dataTableType1 tbody th { font-size: 13px;}
.dataTableType1 td { font-size: 12px;}
.dataTableType1 {display:block; overflow:auto;white-space: nowrap;}
.dataTableType1 th, .dataTableType1 td { padding: 7px 3px;}

.sub_faq_box .toggle_box_contents .faq_cont_img{max-width:100%;}

/*마이홈 데이타 테이블 Type4==================================*/
.dataTableType4{display: block;overflow: auto;white-space: nowrap;}
.dataTableType4 thead th{font-size:12px;line-height:14px;padding:8px}
.dataTableType4 tbody td, .dataTableType4 tbody th{font-size:12px;line-height:14px;padding:8px}

#stipulationDL{margin-bottom:40px;padding-top:40px;}
#stipulationDL dt{padding:10px;font-size:14px;}
#stipulationDL dd{padding:15px 10px;font-size:12px; }
#stipulationDL dd + dt{margin-top:6px;}
#stipulationDL > p{margin-bottom:10px;font-size:13px;}
.p_sslcost #article_cont{padding-top:60px}
.p_sslcost .sslcost_list .dataTableType3 td{padding:3px;}
.p_sslcost .ApplyNotice{margin-top:0}
.p_sslcost .ApplyNotice .btn_consult_wrap{display:block;margin-top:10px;}

#scrollWrap .dataTableType4, #scrollWrap .dataTableType1{display:table;}
#scrollWrap .dataTableType4 tbody td, #scrollWrap .dataTableType4 tbody th{font-size:12px;}
#scrollWrap .domain_result_left{width:100%;}
#scrollWrap #scrollCont {width:100%;position:static}
.p_sfd .buttonArea{padding-right:0 !important;}


}

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

.applyProcess { margin-top:0; }
.applyProcess ul { padding:0; }
.applyProcess ul:before { top:45px; }
.applyProcess ul li h1 { width:90px; height:90px; }
.applyProcess ul li h1 img { transform:translate(-50%,-50%) scale(0.6); }
.applyProcess ul li h2 { font-size:13px; }
.btn_3 .btn_st1 { width:30%; margin:0 1%; }

.forwarding_cont { padding-bottom:20px; }
.forwarding_cont > div { width:100%; padding:20px; }
.forwarding_cont > div:last-child { top:0; }
.forwarding_cont > div .gray { display:none; }

.domain_cont.box_4 li { width:50%; }
.domain_cont.box_4 li h1 { padding-top:25%; }

.forwarding_notice dl dt { width:100%; font-size:16px; }
.forwarding_notice dl dd{ width:100%; font-size:14px; }
.forwarding_notice { padding:30px; }
.forwarding_notice strong { font-size:14px;     line-height: 1.3em; padding-top:0; }

.domainLink button { padding:5px; font-size: 12px; }

.boardSearch.domain_search { padding:0 10px !important; }
.boardSearch.domain_search label { width:20% !important; font-size:14px !important; }
.boardSearch.domain_search input#keyword { width:60% !important; }
.boardSearch.domain_search .btn_search { width:20% !important; }

.colocation_notice li { font-size:13px; }

.download_box .down_btn { font-size:12px; padding:5px 9px; border-radius:5px;}
.download_box .down_btn img { height:15px; }
.download_box .xls_btn { margin-right:0; margin-bottom:3px; }

.p_sslcost .sslcost_list > ul > li{width:100%}

}

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

#article_head .container { padding:30px 0 35px; }
#article_head h1 { font-size:20px; line-height:20px; }
.m_sub_menu > li:first-child { height:40px;padding-top: 8px; }
.m_sub_menu > li:first-child img { transform:scale(0.6); }
.m_sub_menu > li > a { height:40px; line-height:40px; font-size:13px;}
.m_sub_menu > li > ul li a { font-size:13px; padding:15px 0; }

.article_title { padding-bottom:25px; }
#article_cont.pt80 { padding-top:30px; }
.article_title h6 {margin-bottom: 20px;  margin-top: 20px;}

.dataTableType1 thead th, .dataTableType1 tbody th { font-size:13px; }
.cont_box, .cont_gray { padding:30px 0; }
.dataTableType1 thead th { padding:10px 0; }
.dataTableType1 thead th a { width:90%; margin:4px auto 0; font-size:12px; padding:5px 0; }
.dataTableType1 td { font-size:12px; }

.benefit { margin-bottom:0 !important; }
.benefit li img { height:50px; }
.benefit li h1 { font-size:14px; margin-top:0;}
.benefit li div.line { margin:10px auto; }
.benefit li p { font-size:12px; }
.benefit li { margin-bottom:30px; }
.benefit li:last-child { margin-bottom:0; }

.service { margin-bottom:0 !important; }
.service li { padding-top:30px !important; margin-bottom:30px; }
.service li > img { height:40px; margin-bottom:12px;}
.service li h1 { font-size:15px; padding-bottom:0; }
.service li a { font-size:13px; padding:15px; }
.service li a h2 { font-size:15px;padding-top:15px; }
  
.consult_box { padding-left:30px; padding-bottom:20px;}
.consult_box h1 { font-size:15px; font-weight:800; margin-bottom:20px;}
.consult_call h1:before { width:20px; height:20px; background-size:cover; left:-30px;}
.consult_chat h1:before { width:27px; height:20px; background-size:cover; left:-34px;}
.consult_box p { font-size:13px; }
.consult_box p span { font-size:15px; }
.consult_box dl { font-size:12px; padding-top:20px; }
.consult_box dl dt { padding-bottom:10px; }
.consult_box a.consult_chat_btn { margin-top:20px; font-size:13px; border:1px solid #3792c9; color:#3792c9;padding-right: 20px;}
.consult_box a.consult_chat_btn:after { display:none;}
.consult_box a.consult_chat_btn:hover { background:#3792c9; color:#fff; }

.sub_faq_box .heading:before { font-size:16px; left:14px; }
.sub_faq_box .toggle_box_contents:before { font-size:16px; left:14px; top:11px;}
.sub_faq_box .heading:after { display:none; }
.sub_faq_box .heading { font-size:12px; padding-left:38px; display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sub_faq_box .toggle_box_contents { font-size:12px; padding:10px; padding-left:38px; }

.contStyle1 .text h1 { font-size:15px; padding-bottom:30px; }
.contStyle1 .text h1:after { bottom:15px; }
.contStyle1 .text p { font-size:12px; }

.contStyle1, .ssl_cont2 { padding-bottom:30px; }

.ssl_purpose li {  padding:20px !important; padding-top:100px !important;}
.ssl_purpose li:before { left:50%; top:30px; transform:translate(-50%,0); }
.ssl_purpose li h1 { font-size:15px; }
.ssl_purpose li p { font-size:12px; }

.ssl_purpose li:before { width:70px; height:70px; background-size:cover; top:20px;}

.ssl_tab li { width:100%; border-bottom:1px solid #ddd;}
.ssl_tab li a img { float:left; padding-left:20px; margin-top:5px;  }
.ssl_tab li a { font-size:14px; padding:20px 0; }
.ssl_tab_box .ssl_tab_text { border-top:none;padding:20px; font-size:12px; }
.ssl_tab li.on { border-bottom:1px solid #ddd; border-left:5px solid #3792c9; }

.freetransfer_cont li { margin-bottom:20px; }
.freetransfer_cont li h1 { font-size:13px; padding-top:24%; }
.freetransfer_cont li p { font-size:12px; padding-top:40px; line-height:1.3em; }

.domain_cont li { margin-bottom:20px; }
.domain_cont li h1 { font-size:13px; padding-top:24%; }



.freetransferApply{ font-size:12px; }

.etc_notice ul {margin-bottom:0 !important;}
.etc_notice li { font-size:13px; padding-left:35px !important; padding-bottom:10px !important; }
.etc_notice li:before { font-size:20px;top: -2px; }

.mailApply { padding-top:20px; }
.mailApply_btn { padding:15px 30px; font-size:14px; }
.mailservice li h1 { font-size:14px; padding:10px 0;margin-bottom:10px; }
.mailservice li p { font-size:12px; line-height:1.3em; min-height:auto; padding-bottom:15px;}

.applyAgreebox { padding-top:20px; } 
.applyAgreebox .agreeCo { padding:10px; font-size:12px; }
.applyAgreebox .agreeChk input + label { font-size:12px; }

h1.small_tit span { font-size:12px; }
.formTable { font-size:12px; }
.sub_check + label { font-size:12px;  width: 100%;     padding: 8px 0 8px 20px;}
.buttonArea { padding:20px 0 !important; }
.taxType_cont { padding-top:20px;margin-top:0 !important; }

h1.small_tit { font-size:16px;}
h1.small_tit:before { top:0; }
.formTable tr td p { font-size:12px; }

.formTable2 { margin-top:20px !important; }

.article_title h6 { font-size:12px; padding:10px 20px; }
.osmsBig { padding-bottom:0; }
.osmsBig h1 { font-size:16px; }
.osmsApply a { padding:15px 30px; font-size:14px; }

.osms_point li { width:100%; margin:0; margin-bottom:10px; padding:0px !important;text-align:left; min-height:auto; padding-right:30px !important;}
.osms_point li:after { display:block; content:''; clear:both; }
.osms_point li img { float:left; transform:scale(0.6);}
.osms_point li h1 { font-size:17px; padding-top:12px;}
.osms_point li p { font-size:13px;}
.osms_point li p br { display:none; }

.customer_notice { padding:20px; padding-top:90px; font-size:12px; }
.customer_notice:before{ width:65px; height:65px; background-size:cover; left:50%; top:15px; transform:translate(-50%,0); }

#article_cont .sub_faq_box .toggle_box_contents ul > li:before {top: 4px;}

#article_cont h4 { font-size: 13px;}

.formTable #domainName1, .formTable #domainName {  padding-left: 50px; }

#defaultInfo table td {position: relative;}
a.change_password_btn {position: absolute;   right: 0;  top: 0;  height: 34px;  padding: 10px;}
}

/*[LDH 26.03.06] 유지보수 내용 추가*/

/*신규 안내 문구*/
.caution_info {text-align:left; padding-left:20px; position:relative; line-height: 1.5; color: #de2323; font-size: 15px; word-break:keep-all;}
.caution_info.normal {color: #555; padding-left: 0;}
.caution_info.block {display:block;}
.caution_info span {position:absolute; left:0; top:0;}
.caution_info_next {margin-top: 15px;}
* + .caution_info.block {margin-top: 10px;}

.caution_info.style2 {color: #ed6b6b;}

@media only screen and ( max-width: 680px) {
	.caution_info {font-size: 13px;}
}

/* 도메인 기간연장 거래명세서 버튼 추가 */
.small_tit.p_relative {position: relative;}
.small_tit.p_relative .btn_specification {position:absolute; right:0; bottom:15px;}

/*체크박스 스타일 추가*/
.checkWrap > input[type=checkbox].caution + span::before {background:#EFEFEF; border: 2px solid #DDD;}