@charset "utf-8";
/*common*/
ol {margin:0; padding:0;}
ul {list-style:none; margin:0; padding:0;}
legend, caption, .blind {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
fieldset {display:block; position:relative; margin:0; padding:0; border:0;}
label>input[type="radio"] {cursor:pointer;}
#contents table {border-collapse:collapse; empty-cells:show; border-spacing:0;}
#contents th {font:12px/32px '나눔고딕',arial,'굴림'; color:#000;}
#contents caption, #contents td, #contents td p, , #contents td div {font-weight:normal; border-collapse:separate; text-align:left; font:12px '나눔고딕',arial,'굴림';}
.reference {margin-left:10px; font-size:11px; font-family:'나눔고딕',arial,'굴림'; color:#777; letter-spacing:-1;}
p.reference {color:#777; padding:0; margin:5px 0 10px; padding-top:8px; border-top:1px solid #ddd;}
.red {color:#ff6000; font-family:'나눔고딕',arial,'굴림';}
.red16 {color:#ff6000; font-size:16px; font-family:'나눔고딕',arial,'굴림';}
.gray {color:#777; font-family:'나눔고딕',arial,'굴림';}
.blue {color:#0072ee; font-family:'나눔고딕',arial,'굴림';}
.put {height:23px; padding:5px 5px 0; border-top:1px solid #6e6e6e; border-left:1px solid #6e6e6e; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; font:12px/100% '나눔고딕',arial,'굴림'; color:#094fbd; background: url('/img/logplus/bubble_bg.png') no-repeat left top;}
.bar {display:inline-block; width:30px; text-align:center; color:#ccc;}
.maw20 {margin:0 20px;}
.alrim {width:100%; border:1px solid #aaa; padding:19px 0; background:#fafafa;} 
.alrim h5 {margin:0 19px 10px 19px;}
.alrim blockquote {padding:0 19px;}
.alrim p, .alrim h6 {font:12px/120% '나눔고딕',arial,'굴림'; margin-bottom:10px;}
.alrim h6  {margin-bottom:0;}
.alrim strong {display:block; font-weight:bold;}


 
#contents {display:block; position:relative; width:760px; margin-bottom:50px;}
.logplus {position:relative; width:760px; height:250px; background: url('/img/logplus/logplus.jpg') no-repeat;}
.logplus a {display:block; margin:140px 0 0 20px; width:235px; height:31px; background: url('/img/logplus/btn_free_now.gif') no-repeat; text-indent:-10000px;}
.free_area {background: url('/img/logplus/logplus_free.jpg') no-repeat;}
.free_area a {margin:140px 0 0 20px; width:198px; height:31px; background: url('/img/logplus/btn_service_go.png') no-repeat; text-indent:-10000px;}
.log_apply_done {background: url('/img/logplus/logplus_done.jpg') no-repeat;}
.tab {display:block; overflow:hidden; width:760px; height:42px; border-top:2px solid #333; background: url('/img/logplus/tab_bg.gif') no-repeat;}
.tab li {float:left;}
.tab li a {display:block; height:42px; text-indent:-10000px; background: url('/img/logplus/tab_logplus.gif') no-repeat;}
.tab li.info1 a {width:119px; background-position:0 0;}
.tab li.info2 a {width:94px; background-position:-119px 0;}
.tab li.info3 a {width:142px; background-position:-213px 0;}
.tab li.info4 a {width:92px; background-position:-355px 0;}
.tab li.info5 a {width:107px; background-position:-447px 0;}
.tab li.info1 a:hover, .tab li.info1 a.on {width:119px; background-position:0 -40px;}
.tab li.info2 a:hover, .tab li.info2 a.on {width:94px; background-position:-119px -40px;}
.tab li.info3 a:hover, .tab li.info3 a.on {width:142px; background-position:-213px -40px;}
.tab li.info4 a:hover, .tab li.info4 a.on {width:92px; background-position:-355px -40px;}
.tab li.info5 a:hover, .tab li.info5 a.on {width:107px; background-position:-447px -40px;}
.log_section {padding-top:20px;}
.log_section li {padding:40px 20px; border-bottom:1px solid #ddd;}
.log_info1 {background: url('/img/logplus/info_bg.jpg') no-repeat right 0;}
.log_info2 {background: url('/img/logplus/info_bg.jpg') no-repeat right -250px;}
.log_info3 {background: url('/img/logplus/info_bg.jpg') no-repeat right -500px;}																
.log_info4 {background: url('/img/logplus/info_bg.jpg') no-repeat right -750px;}
.log_info5 {background: url('/img/logplus/info_bg.jpg') no-repeat right -1000px;}
.log_section h5 {margin-bottom:10px;}
.log_list li {border:none; padding:0 0 3px 8px; line-height:110%; color:#555; letter-spacing:-1px; font-family:'나눔고딕',arial,'굴림'; background: url('/img/logplus/icon_dot.gif') no-repeat 0 1px;}
.log_desc li {border:none; padding:0 0 8px 8px; line-height:120%; color:#555; letter-spacing:-1px; font-family:'나눔고딕',arial,'굴림'; background: url('/img/logplus/icon_dot.gif') no-repeat;}
.log_desc li a, .log_desc li a:hover {color:#0072ee; line-height:110%; font-family:'나눔고딕',arial,'굴림'; text-decoration:underline;}
.mlog_info {background: url('/img/logplus/m_logplus.jpg') no-repeat right bottom;}
.mlog_info p {width:430px; margin-bottom:15px; font-family:'나눔고딕',arial,'굴림';}
.m_function {list-style:none; width:100%; overflow:hidden; margin:0; padding:0;}
.m_function li {display:block; float:left; width:240px; height:380px; padding:30px 0 0 0; border-bottom:1px solid #eee; font-family:'나눔고딕',arial,'굴림'; line-height:120%; background: url('/img/logplus/mobile_bg.png') no-repeat left bottom;}
.m_function li img {display:block; float:left; margin-right:10px; vertical-align:middle;}
li.function_01 {background-position:0 0;}
li.function_02 {background-position:-240px 0;}
li.function_03 {background-position:-480px 0;}
li.function_04 {background-position:-720px 0; border-bottom:none;}
li.function_05 {background-position:-960px 0; border-bottom:none;}
#contents .chart {padding:0; margin:0; border:1px solid #aaa;}
#contents .chart th {height:32px; padding:5px 15px; color:#666; letter-spacing:-1px; line-height:130%; background:#f6f6f6; border:1px solid #aaa; text-align:left;}
#contents .chart td {height:32px; padding:5px 15px; vertical-align:middle; border:1px solid #aaa;}
#contents .chart td input, #contents .chart td select, #contents .chart td img {vertical-align:middle;}
#contents .chart td em {display:block; overflow:hidden; width:19px; height:19px; margin:0 auto 5px auto; background: url('/img/logplus/icon_ox.gif') no-repeat; text-indent:-10000px;}
#contents .chart td em.icon_x {background-position:0 -20px;}
#contents .chart td em.icon_t {background-position:0 -40px;}
#contents .chart tfoot th, #contents .chart tfoot td {background:#5a6378; color:#FFF; font-weight:bold;}
#contents .mix th.tit {height:32px; padding:0; text-align:center; font-weight:bold; color:#000; background:#e6e6e6 url('/img/logplus/th_bg.gif') repeat-x bottom;}
#contents .mix td {text-align:center;}
#contents .mix td.txtl {text-align:left; vertical-align:top;}
#contents .brd-no, #contents .brd-no td, #contents .brd-no th {border-bottom:none;}
#areaDomain span, #areaDomain img {vertical-align:middle;}
.import_btn {display:block; padding:20px 0; text-align:center; vertical-align:middle;}
.import_btn a, .import_btn input, .import_btn button {display:inline-block; height:40px; margin:0 5px; background: url('/img/logplus/logplus_btn.png') no-repeat; border:0; cursor:pointer;}
.import_btn a span, .import_btn button span {text-indent:-10000px;}
.import_btn .btn_free {width:147px; background-position:0 0;}
.import_btn .btn_apply {width:136px; background-position:0 -40px;}
.import_btn .btn_pre {width:91px; background-position:0 -80px;}
.import_btn .btn_next {width:91px; background-position:0 -120px;}
.import_btn .btn_payment {width:111px; background-position:0 -160px;}
.import_btn .btn_home {width:107px; background-position:0 -200px;}
.import_btn .btn_my {width:130px; background-position:0 -240px;}
.import_btn .btn_cancle {width:97px; background-position:0 -280px;}
.effect_log {display:block; width:760px;}
.effect_log h5 {width:760px; height:55px; margin:0; padding:0; overflow:hidden; background: url('/img/logplus/effect_title.png') no-repeat; text-indent:-10000px;}
h5.effect_title2 {background-position:0 -55px;}
h5.effect_title3 {background-position:0 -110px;}
h5.effect_title4 {background-position:0 -165px;}
.effect_log h5 span {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.effect_log div {padding:24px; margin-bottom:50px; border:1px solid #aaa; background: url('/img/logplus/effect_bg.gif') repeat-x bottom;}
.effect_log div em {display:block; margin-bottom:5px; font:bold 12px '나눔고딕',arial,'굴림'; font-style:normal; letter-spacing:-1px; color:#000;}
.effect_log div.type_b li {padding-bottom:20px;}
.exmp {padding:7px 0 0 22px; height:21px; font:12px/21px '나눔고딕',arial,'굴림'; background: url('/img/logplus/icon_exmp.gif') no-repeat 0 8px;}
.exmp_area {padding-bottom:20px; border-bottom:1px solid #aaa;}

/*신청하기*/
.subject {height:48px; margin-bottom:40px; background: url('/img/logplus/subject_bg.png') no-repeat bottom;}
.subject h2 {position:relative; height:45px; background: url('/img/logplus/logplus_subject.png') no-repeat; text-indent:-10000;}
.subject p {position:absolute; top:10px; right:0; width:500px; height:30px; font:12px/30px '나눔고딕',arial,'굴림'; color:#555; text-align:right; letter-spacing:0;}
.mrg0 {margin:0;}
.icon_q {display:inline-block; position:relative; width:15px; height:16px; margin-left:5px; background:url('/img/logplus/icon_q.png') no-repeat; text-indent:-10000px; cursor:pointer;}
.process {list-style:none; overflow:hidden; margin-bottom:30px; width:760px; height:40px; background:url('/img/logplus/process_bg.png') no-repeat;}
.process li {float:left;}
.process li img {margin-left:40px;}
.process li.step1 img {margin-left:55px;}
.process li.step4 img {margin-left:50px;}
.process li.step1 {width:203px;}
.process li.step2 {width:234px;}
.process li.step3 {width:161px;}
.process li.step4 {width:162px;}
.process li.on {background:url('/img/logplus/process_on.png') no-repeat top right;}
.process li.on2 {background:url('/img/logplus/process_on2.png') no-repeat top right;}
.process li.off {background:url('/img/logplus/process_off.png') no-repeat top right;}
#form_temp {width:760px;}
#form_temp h3 {display:block; position:relative; overflow:hidden; visibility:visible; width:100%; height:20px; margin-bottom:5px; background:url('/img/logplus/process_title.png') no-repeat; text-indent:-10000px;} 
#form_temp h3.process_private {background-position:0 -20px;}
#form_temp h3.process_payment {background-position:0 -40px;}
#form_temp h3.process_done {background-position:0 -60px;}
.apply_temp {margin-bottom:30px;}
.apply_temp h4 {display:block; position:relative; width:760px; height:30px; background:url('/img/logplus/info_title.png') no-repeat; text-indent:-10000px;} 
h4.title_admin {background-position:0 -30px;}
h4.title_adminer {background-position:0 -60px;}
h4.title_member {background-position:0 -90px;}
h4.title_payment {background-position:0 -120px;}
h4.title_paymenter {background-position:0 -150px;}
h4.title_paylist {background-position:0 -180px;}
h4.title_service_provison {background-position:0 -210px;}
h4.title_receipt {background-position:0 -240px;}
h4.title_apply_done {background-position:0 -300px;}
.url_add input {vertical-align:middle;}
.url_add span {display:block; padding:5px 0 7px 0; font-family:arial; color:#333; vertical-align:middle; border-bottom:1px solid #aaa;}
.url_add span img {margin-left:10px; vertical-align:middle;}
.url_add ul {margin-top:15px;}
#areaMobileAuth {display: none; padding:0; margin:0 0 10px; padding-top:8px; border-top:1px solid #ddd;}
.logplus_provison {overflow:hidden; width:760px; overflow:hidden; border:1px solid #aaa;}
.logplus_provison p label {display:block; text-align:center; background:#eae8e8; padding:10px 0; font:12px '나눔고딕',arial,'굴림'; border-top:1px solid #aaa;}
.radio_sec label {display:inline-block; height:100%; padding-right:20px; cursor:pointer;}
.reciept_how li{border-bottom:1px solid #ddd; padding:5px 0;}
.reciept_how li label {display:inline-block; width:120px; cursor:pointer;}
.import_text {height:120px; text-indent:-10000px; background: url('/img/logplus/done_text.png') no-repeat 50% center; border-top:1px solid #aaa;}
/*말풍선*/
#notice2ndScriptContent {width:300px;}
#noticeLogPlusIDContent {width:400px;}
#noticeAdminInfoContent {width:600px; text-indent:0;}
#noticeUsedTermContent {width:600px;}
.bubble {display:none; position:absolute; margin:0; padding:15px; z-index:999; left:0px; top:0px; border:1px solid #232840; background: url('/img/logplus/bubble_bg.png') no-repeat left top; font:12px/120% '나눔고딕',arial,'굴림'; color:#505678; letter-spacing:-1px;}
.bubble h6 {height:24px; margin-bottom:8px; border-bottom:1px solid #b4b9d0; font:bold 12px/120% '나눔고딕',arial,'굴림';}