﻿@charset "utf-8"; 
@import url("nanumgothic.css");
@import url("reset.css");

/* 공통 ==================================================*/
html, body {height:100%;}
/* footer ==========*/
#footer {clear:both; margin-top:-73px; border-top:1px solid #f0f1f2;}
#footer .inner {position:relative; width:1230px; padding:20px 0; margin:0 auto; text-align:center;}
#footer .logo {display:inline-block; margin:0 6px 0 0; vertical-align:middle; *display:inline; *zoom:1;}
#footer .copyright {display:inline-block;  margin:10px 0 0; font-size:11px; color:#999; vertical-align:middle; *display:inline; *zoom:1;}
/* 공지_브라우저 ==========*/
.notice_browser {display:inline-block; clear:both; padding-left:20px; font-size:0.800em; color:#919499; background:url("../../images/intro/ic_chrom.gif") no-repeat 0 0; *zoom:1; *display:inline;}
#loginfooter {clear:both; margin-top:80px;}
#loginfooter .inner {position:relative; width:320px; padding:20px 0; margin:0 auto; text-align:center;}
#loginfooter .copyright {display:inline-block;  margin:10px 0 0; font-size:11px; font-weight:bold; color:#FFF; vertical-align:middle; *display:inline; *zoom:1;}



/* Login ==================================================*/
/* layout ==========*/
#wrapLogin {min-height:100%; font-size:1.154em;}
#wrapLogin #header {clear:both; position:relative; width:940px; padding:20px 0; margin:0 auto;}
#wrapLogin #header h1.logo {text-align:center;}
#wrapLogin #contents {clear:both; position:relative; padding-bottom:123px;}
#wrapLogin #header {clear:both; position:relative; width:100%; padding:15px 0; background:#fff}

#wrapLogin .homepage_link { position:absolute; top:22px; right:27px; z-index:100; }
#wrapLogin .homepage_link a{display:block;font-size:14px;color:#888;font-weight:700}

.login_back1 { background:url("../../images/intro/login_bg_ilgan_01.jpg") no-repeat center 0 #FFF;}

/* form ==========*/
.login_form { clear:both; padding-top:100px; }
.login_form .login_bx { position:relative; width:420px; margin:0 auto; background:#FFF; }
.login_from .RadTabStripTop_Telerik  {  margin:0 !important; padding:0 !important; }
.login_from .rtsLevel, .rtsLevel1  {  margin:0 !important; padding:0 !important; }
.login_from .rtsUL {  margin:0 !important; padding:0 !important; }
.login_from .rtsLI {  margin:0 !important; padding:0 !important; }
.login_from .rtsLink {  margin:0 !important; padding:0 !important; }
.login_from .rtsOut {  margin:0 !important; padding:0 !important; }
.login_from .rtsIn {  margin:0 !important; padding:0 !important; }
.login_from .rtsImg {  margin:0 !important; padding:0 !important; }
.login_from .rtsTxt {  margin:0 !important; padding:0 !important; }
.login_form .login_bx .tab1 { float:left; text-align:center; width:210px; background-color:#ebeef2; margin:0 !important; padding:0 !important; }
.login_form .login_bx .tab1_on { float:left; text-align:center; width:210px; background-color:#FFF; margin:0 !important; padding:0 !important; }
.login_form .login_bx .tab2 { float:right; text-align:center; width:210px; background-color:#ebeef2; margin:0 !important; padding:0 !important; }
.login_form .login_bx .tab2_on { float:right; text-align:center; width:210px; background-color:#FFF; margin:0 !important; padding:0 !important; }
.login_form .login_bx .txt { clear:both; text-align:center; font-size:23px; font-weight:900; color:#222;padding-top:50px}
.login_form .login_bx .big_txt { clear:both; text-align:center; font-family: arial; font-size:60px; color:#9e9e9e;font-weight:700 }
.login_form .login_bx dl { width:320px; padding-top:27px; text-align:center; margin:0 auto; }
.login_form .login_bx dl dt { display:none; }
.login_form .login_bx dl dd { margin-bottom:5px; text-align:center; width:320px; height:45px; }
.login_form .login_bx dl dd.ico1 { background:url('../../images/intro/login_input_ico1.gif') no-repeat left top; }
.login_form .login_bx dl dd.ico2 { background:url('../../images/intro/login_input_ico2.gif') no-repeat left top; }
.login_form .login_bx dl dd.ico3 { background:url('../../images/intro/login_input_ico3.gif') no-repeat left top; }
.login_form .login_bx dl dd span { display:block; }
.login_form .login_bx dl dd input { width:280px !important; height:34px !important; border:0; background:#f0f2f5; margin:5px 0 0 35px !important; }
.login_form .login_bx .login_btn { width:320px; margin:10px auto; }
.login_form .login_bx .login_btn .btn_log { width:320px; height:50px; margin-bottom:30px; }
.login_form .login_bx .login_btn .btn_log input { width:320px; height:50px; border:0; font-size:18px; font-weight:bold; color:#FFF; cursor:pointer;background:url('../../images/intro/login_btn.gif') left top no-repeat; }
.login_form .login_bx .login_btn .btn_log input:active { width:320px; height:50px; border:0; font-size:18px; font-weight:bold; color:#FFF; cursor:pointer;background:url('../../images/intro/login_btn.gif') left top no-repeat; }

.login_form .login_bx .id_chk { clear:both; margin:20px auto; color:#dddddd; font-size:1.0em; width:320px }
.login_form .login_bx .id_chk input { margin:1px 10px 0 0; cursor:pointer; }
.login_form .login_bx .id_chk label { cursor:pointer; font-size:15px; color:#4c4c4c; }
.login_form .login_bx .id_chk label input[type='checkbox'] {  border:1px solid #dde0e5 !important; }

/* 비밀번호 찾기 */
.login_form .login_bx .id_chk span.RadButton {height:auto; padding:0; margin:2px 0 0 100px;}
.login_form .login_bx .id_chk span.RadButton input.rbDecorated {height:auto; padding:0; margin:0;font-family:"Nanum Gothic"; font-size:15px !important; color:#66a6ff; }

/* 공지_브라우저 */
.notice_login {clear:both; padding:30px 0 0; text-align:center;}



/* Register ==================================================*/
/* layout ==========*/
#wrapRegist {min-height:100%; font-size:1.154em;}
#wrapRegist #header {clear:both; position:relative; width:940px; padding:20px 0; margin:0 auto; *zoom:1;}
#wrapRegist #header:after {content:""; display:block; clear:both;}
#wrapRegist #header h1.logo {float:left;}
#wrapRegist #header #gnb {float:right;}
#wrapRegist #header #gnb .btn_log {float:right; height:33px; line-height:33px; padding:0 20px; font-weight:bold; color:#FFF; background:#45484d;}
#wrapRegist #contents {clear:both; position:relative; width:940px; padding-bottom:123px; margin:0 auto;}
/* beta service ==========*/
.beta_bx {clear:both; position:relative; min-height:574px; padding-top:45px; border-top:1px solid #222; background:url("../../images/intro/beta_bg.png") no-repeat right 137px;}
.h_group_beta .head_tit {margin-bottom:12px; font-size:2.267em; font-weight:bold; color:#222; }
.h_group_beta .head_txt {position:absolute; right:0; top:45px; width:470px; line-height:1.5; font-size:0.867em; font-weight:bold;}
.h_group_beta .head_txt em {font-size:1.385em; font-weight:bold; color:#222; }
.frm_beta {width:380px; }
/* 공지 */
.notice_beta {*zoom:1;}
.notice_beta:after {content:""; display:block; clear:both;}
.notice_beta .notice_browser {float:right;}
/* brd_write ==========*/
table.brd_write1 {position:relative; clear:both; width:100%;}
table.brd_write1 th {padding:5px 10px 5px 0; font-size:0.867em; font-weight:bold; color:#000; text-align:left;}
table.brd_write1 td {padding:5px 5px 5px 0;}
table.brd_write1 td input.inp_full {width:100%;}
table.brd_write1 td input.inp_subj {width:91%;}
table.brd_write1 td input.inp_user {width:100%;}
table.brd_write1 td input.inp_mail {width:100%;}
table.brd_write1 td.editor {padding:3px 0;}
table.brd_write1 td.col_btn_confirm {padding-top:20px;}
table.brd_write1 td .btn_confirm {display:block;}
table.brd_write1 td .btn_confirm input {width:100%; height:48px; border:0; font-size:1.200em; font-weight:bold; color:#FFF; cursor:pointer; background:#4c88ff;}
table.brd_write1 td .btn_chk {margin-left:-5px; height:28px;}
table.brd_write1 td .btn_chk input {height:28px; padding:0 12px; background:#e9e9e9; }
table.brd_write1 td .btn_confirm {display:block; width:100%; height:48px; border:0; font-size:1.200em; font-weight:bold; color:#FFF; cursor:pointer; background:#4c88ff;}
table.brd_write1 td .id_chk .RadAjaxPanel {display:inline-block !important;}
table.brd_write1 td .id_chk .RadAjaxPanel .riSingle {width:182px !important;}



/* telerik ==================================================*/
/* 공통 ==========*/
input.rbDecorated {font-family:"Nanum Gothic", Dotum, arial, Tahoma;}
/* login ==========*/
#wrapLogin .login_bx span.riSingle input.riTextBox {height:48px;}
/* Register ==========*/
#wrapRegist div.RadComboBox.telk_slc {height:28px; border:1px solid #d5d9e0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; cursor:pointer;}
#wrapRegist div.RadComboBox.telk_slc table tr.rcbReadOnly td.rcbArrowCellRight {cursor:pointer; background:url("../../images/common/selectbox_ic.gif") no-repeat center 11px;}
#wrapRegist div.RadComboBox table tr.rcbReadOnly td.rcbArrowCellRight a {cursor:pointer;}
#wrapRegist div.RadComboBoxDropDown {border:1px solid #d5d9e0; background:#FFF;}
#wrapRegist span.rbSkinnedButton {padding:0;}
#wrapRegist span.riSingle input.riTextBox {height:28px;}



/* 이메일 인증 ==================================================*/
.mail_certif_bx {clear:both; position:relative; min-height:574px; padding-top:45px; border-top:1px solid #222; background:url("../../images/intro/mail_certif_bg.png") no-repeat right 50px;}
.mail_certif_bx .txt1 {line-height:1.5; font-size:14px; color:#4c4c4c;}
.mail_certif_bx .txt1 em {font-weight:bold; color:#0d6dcd;}



/* 비밀번호 찾기 ==================================================*/
#findWrap {min-height:100%;}
/* findHeader ==========*/
#findHeader {width:940px; margin:0 auto; border-bottom:1px solid #222;}
#findHeader .logo {padding:20px 11px 20px 0;}
/* findContents ==========*/
#findContents {width:940px; padding:40px 0 123px; margin:0 auto;}
#findContents .tit_bdy_01 {margin:5px 0 15px; font-size:34px; font-weight:bold; color:#222;}
#findContents .bdr_box1 {padding:30px 30px 20px 30px; border:1px solid #d5d9e0;}
/* 폼 */
#findContents .find_inp_form {}
#findContents .find_inp_form .frm {margin-left:240px; *zoom:1;}
#findContents .find_inp_form .frm:after {content:""; display:block; clear:both;}
#findContents .find_inp_form .frm dt {clear:both; float:left; width:60px; height:28px; line-height:28px; padding-right:10px; font-weight:bold; color:#000;}
#findContents .find_inp_form .frm dd { float:left; width:250px; height:28px; margin-bottom:10px;}
#findContents .find_inp_form .frm2 {margin-left:210px; *zoom:1;}
#findContents .find_inp_form .frm2:after {content:""; display:block; clear:both;}
#findContents .find_inp_form .frm2 dt {clear:both; float:left; width:100px; height:28px; line-height:28px; padding-right:10px; font-weight:bold; color:#000;}
#findContents .find_inp_form .frm2 dd { float:left; width:250px; height:28px; margin-bottom:10px;}
#findContents .find_inp_form .btm_btn {margin:30px 0 50px; text-align:center;}
#findContents .find_inp_form .btm_btn li {display:inline-block;}
#findContents .find_inp_form .btm_btn li span {display:block;} 
#findContents .find_inp_form .btm_btn li .confirm {}
#findContents .find_inp_form .btm_btn li .cancle {}
#findContents .find_inp_form p {line-height:1.5;}
#findContents .find_inp_form strong {font-weight:bold; color:#0d6dcd;}
#findContents .find_inp_form em {font-weight:bold; color:#333;}
/* 알림 */
#findContents .find_notice {margin-top:100px;}
#findContents .find_notice .tit {height:24px; line-height:23px; padding-left:30px; margin-bottom:10px; font-size:15px; font-weight:bold; color:#222; background:url("../../images/common/ic_notice_big.gif") no-repeat 0 0;}
#findContents .find_notice .list {padding:12px 0 0px; border-top:1px solid #d5d9e0; border-bottom:1px solid #d5d9e0;}
#findContents .find_notice .list li {line-height:1.5; padding-left:7px; margin:0 0 10px 25px; background:url("../../images/common/bul_squ_3_gry.gif") no-repeat 0 8px;}
/* telerik ==========*/
/*  */
#findContents .find_inp_form .btm_btn li .confirm span.RadButton input.rbDecorated {height:34px; line-height:33px; padding:0 20px; border:1px solid #222; font-size:15px; font-weight:bold; color:#FFF; background:#45484d; cursor:pointer;}
#findContents .find_inp_form .btm_btn li .cancle span.RadButton input.rbDecorated {height:34px; line-height:33px; padding:0 20px; border:1px solid #222; font-size:15px; font-weight:bold; color:#333; background:#FFF; cursor:pointer;}
/*  */
#findContents .find_inp_form dl dd span.riSingle {width:100% !important; }
#findContents .find_inp_form dl dd span.riSingle input {width:100%;}

/* telerik reset ==================================================*/
/* 알림 팝업 */
table.rwTable tbody tr.rwTitleRow td.rwTitlebar {background:#FFF; border-bottom:1px solid #CCC;}

/* 팝업 리셋_ 리사이즈 영역 가리기 */
.pop_rad > table {height:100% !important;}
.pop_rad > table tr.rwTitleRow {display:none !important;}
.pop_rad > table tr.rwContentRow {}
.pop_rad > table tr.rwContentRow td.rwCorner {display:none !important;}
.pop_rad > table tr.rwFooterRow {display:none !important;}
