@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { padding:0px; margin:0px;}
html,body {width:100%;margin:0 auto; padding:0;background:url('../../images/renewal_2016/common/gnb_bg.gif') repeat-x left top;font-size:12px; line-height:18px; font-family:Dotum,"µ¸¿ò", Verdana, sans-serif; color:#444;}

table, tr, td {border-collapse:collapse; border:0px;}
img{ border:none;}
a { color:#e66060; text-decoration:none;}
input, select { font-size:12px; font-family:Dotum,"µ¸¿ò", Verdana, sans-serif; color:#606060;}
select {height:19px;border:1px solid #ABADB3;}
a:hover {color:#ff9023; text-decoration:none;}
optgroup {  font-size:12px; font-family:"µ¸¿ò", Dotum; color:#444; font-weight:bold; font-style:normal;}
textarea {border:1px solid #DBDBDB;font-size:12px;font-family:Dotum,"µ¸¿ò", Verdana, sans-serif;color:#606060;overflow-y:auto;}
caption, legend, #accessibity  {display:none;}
fieldset, p {border:none; margin:0px; padding:0px;}
ul, li  {list-style:none; margin:0px; padding:0px;}
h1{margin:0; padding:0;}
form {margin:0px; padding:0px; border:none;}

.cboth {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.wrdbreak {word-break:break-all;}
.input  {height:15px; padding-top:2px; padding-left:2px; vertical-align:middle;}
.nlabel {display:none; margin:0px ;padding:0px;}
.radio {margin:0px 0px 0px 0px; padding:0px; vertical-align:middle;}
.checkbox {margin:0px 4px 0px 0px; padding:0px; vertical-align:top;}
.checkbox2 {margin:0px 4px 0px 0px; padding:0px; vertical-align:middle;}
.checkbox3 {margin:0px 4px 0px 20px; padding:0px; vertical-align:middle;}
.checkbox4 {margin:0px 4px 0px 3px; padding:0px; vertical-align:middle;}
.checkbox5 {margin:0px 2px 0px 8px; padding:0px; vertical-align:middle;}
.checkbox6 {margin:0px 2px 0px 0px; padding:0px; vertical-align:middle;}

/* Á¤·Ä°ü·Ã */
.t_left 	{ text-align: left; } 
.t_center 	{ text-align: center; }
.t_right 	{ text-align: right; }
.vm { vertical-align:middle;}

/*»ö»ó*/

.gray { color:#404041; }
.red { color:#f03724; }
.red_b { color:#f03724; font-weight:600; }


/*°£°Ý*/
mt2 { margin-top:4px;}

.w250 { width:250px;}
.w76 {width:76px;}


/* ÀÎDz½ºÅ¸ÀÏ */
.input_box01 {border:1px solid #cdcdcd; width:118px; height:16px; color:#444}
.input_box02 {border:1px solid #cdcdcd; width:200px; height:16px; color:#444}
.input_box03 {border:1px solid #cdcdcd; width:500px; height:16px; color:#444}
.input_box04 {border:1px solid #cdcdcd; width:50px; height:16px; color:#444}


/* Àüü ·¹À̾ƿô */
#wrap {margin:0 auto; padding:0; width:100%;}
#head_wrap{margin:0 auto; padding:0; width:100%;}
#head_wwrap{margin:0 auto; padding:0; width:100%;}
#header{margin:0 auto; width:1010px; padding:0;}
#container{margin:0 auto; width:1010px; padding:0 0 0 0;}
#left_colgroup {width:224px;margin:0 auto; padding:0;position:absolute;top:115px;}

#footer {float:left; width:100%; height:148px; margin:0; background:url('../../images/renewal_2016/common/footer_bg.gif') repeat-x left top;}


/* ÁÂÃø */
.head {float:left; width:270px;margin-top:0px;}
.head h1 {float:left;}
.head h2 {float:left; padding:30px 0px 0px 0px;}

/* »ó´Ü */
.com_top {float:left; width:978px; height:67px;}
.com_top h1 {float:left; padding:0px 0px 0px 0px;}
.com_top h2 {float:left; padding:41px 0px 0px 0px;}
.com_top ul li {float:left; margin:0px; padding:0px;}
.com_top ul li.gnb_favorit {margin:0px 6px 0px 0px; padding:0px 0px 0px 58px;}
.com_top ul li.gnb_function {width:125px; height:17px; padding:0px 10px 0px 10px; background:url('../../images/common/gnb_t_bg01.gif') no-repeat left top;}
.com_top ul li.gnb_function img {vertical-align:top; padding-top:3px;}
.com_top ul.login_warp {float:right; margin:0px; padding:5px 0px 0px 0px; line-height:11px;}
.com_top ul.login_warp li {margin:0px; padding:0px 7px 0px 7px;  background:url('../../images/common/gnb_bg01.gif') no-repeat left 4px;}
.com_top ul.login_warp li.first {background:none;}

/* »ó´Ü´ë¸Þ´º*/
.com_top div.topmenu {float:left; width:721px; padding:0px;}
.com_top div.topmenu ul {margin:15px 0px 0px 0px; padding:0px 0px 0px 0px;}
.com_top div.topmenu ul li {float:left; padding:0px 13px 0px 16px; background:url('../../images/common/bullet01.gif') no-repeat left 13px;}
.com_top div.topmenu ul li.first {background:none;padding:0px 13px 0px 0px; }
.com_top div.topmenu ul li.last {padding:0px 0px 0px 52px; }

/* Ä«¿îÆ® */
.count {float:right; padding-top:1px; text-align:center; width:18px; height:28px;  font-size:12px; font-family:Verdana; color:#ffffff;  font-weight:bold;background:url('../../images/common/bg_div.png') no-repeat}
.count_no {float:right; font-size:12px; font-family:Verdana; color:#ffffff;  font-weight:bold; text-align:center; background:url('../../images/common/bg_timer_div.png') no-repeat}


#error { width:500px;margin:50px auto 0 auto;text-align:center;}
#error .head { width:500px;height:50px;border-bottom:1px solid #4e91d4;}
#error .head .h_left {float: left;}
#error .head .h_right {float:right;margin-top:15px;text-align:right;}
#error .head .h_right a:hover {color:#4e91d4;font-weight:bold;letter-spacing:-1px;}		
#error .head .h_right a{color: #444;font-weight:bold;letter-spacing:-1px;}
#error p.con {padding:80px 0 40px 0;border-bottom:1px solid #ddd;}
#error p.con span.b16 {font-weight:bold;font-size:18px;color:#222;}
#error p.copyright {color:#888;font-size:11px;font-family:"Nanum Gothic";padding-top:10px;}		
#error .vm { vertical-align: middle; }
#error .mb30 { margin-bottom: 30px; }
#error .mt30 { margin-top: 30px; }
#error .blue_b {color:#2c8ae7;font-weight:bold;font-size:13px;}		
#error .b16 {font-weight:bold;font-size:18px;color:#222;}


/*NEW 2016*/

#new_top {
		margin:0 auto;
		width:100%; 
		height:115px; 
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif; 
		line-height:20px; 
		letter-spacing:-0.03; 
		}

#new_top h1 {
		float:left;
		padding:0;
		width:226px;
		text-align:center;
		}

/* ÇÏ´Ü */
.foot_wrap {
		margin:0px auto; 
		padding:0px; 
		width:1010px;
		color:#777;
		}

.foot_wrap ul {
		height:26px;
		padding:8px 0 0 0;
		}

.foot_wrap ul li {
		float:left;
		padding:0 14px;
		background:url('../../images/renewal_2016/common/footer_line.gif') no-repeat left 6px; 
		}

.foot_wrap ul li.first {float:left; 
		background:none;
		padding:0 14px 0 0;
		}

.foot_wrap p { 
		float:left;
		}

.foot_wrap p.copy { 
		float:left;
		width:832px;
		padding:27px 0 0 0;
		}

.foot_wrap p.copy span { 
		line-height:38px;
		}

.foot_wrap p.mark {
		float:right;
		width:178px;
		padding:22px 0 0 0;
		}

.foot_wrap p span {
		float:left;
		}

.foot_wrap ul li.select_box {
		float:right;
		background:none;
		padding:0;
		}


/* »ó´Ü´ë¸Þ´º*/

#new_top h1 {
		margin:62px auto 0;
		width:226px;
		}

/* 2017-01-16 ·Î±×ÀÎ ÈÄ ·Î°í °£°Ý*/
#new_top h1.logout {
		margin:31px auto 0;
		width:226px;
		}

#arrow {
		float:right;
		height:31px;
		}

#arrow ul {
		padding:6px 0 0 0;
		}

#arrow li {
		display:inline;
		height:37px;
		margin:0 0 0 15px;
		}

#arrow li a {
		color:#595757;
		font-size:11px;
		font-weight:600;
		}

#arrow li a:hover {
		color:#e49700;
		}

#arrow img {
		vertical-align:middle;
		}

#gnb {
		float:right; 
		width:784px;
		position:relative;
		height:78px;
		
		}

#gnb ul.topnav {
		position:absolute;
		top:35px;
		right:-23px;
		list-style: none;
		letter-spacing:-1;
		}

#gnb ul.topnav li {
		float:left;
		color:#4d4d4e;
		text-align:right;
		}

#gnb ul.topnav li a {
		margin: 0 23px 3px 23px;
		color: #4d4d4e;
		text-decoration: none;
		font-weight:600;
		font-size:16px;
		display:block;
		}

#gnb ul.topnav li a:hover {
		color:#ff9023;
		background:url('../../images/renewal_2016/common/gnb_on.gif') no-repeat center bottom;
		height:48px;
		}
		
.selectedTopMenu{
		color:#ff9023 !important;
		background:url('../../images/renewal_2016/common/gnb_on.gif') no-repeat center bottom;
		height:48px;
		}


/*·¹ÇÁÆ® ·Î±×ÀÎ*/

/* 2017-01-16 
#left_login_main {
		width:224px;
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		min-height:216px;
		}
*/

#left_login {
		width:224px;
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		}

.member_login {
		background:url('../../images/renewal_2016/common/bg_login.gif') repeat-x left top;
		width:224px;
		height:235px;
		}

/* 2017-01-16 */
.member_logout_main {
		background:url('../../images/renewal_2016/common/bg_login.gif') repeat-x left top;
		width:224px;
		height:235px;
		}

/* 2017-01-16 */
.member_logout {
		width:224px;
		}

.loginIn {
		margin:0 auto;
		width:192px;
		}

.login_tab img {
		cursor:pointer;
		}

.login_form {
		margin-top:10px;
		height:127px;
		}

.login_form input[type="text"], .login_form input[type="password"] {
		border:1px solid #f3a718;
		border-radius:3px;
		height:24px;
		width:186px;
		margin-bottom:6px;
		padding-left:5px;
		line-height:24px;
		}


.login_form2 {
		margin-top:25px;
		height:112px;
		}

.login_form2 input[type="text"], .login_form input[type="password"] {
		border:1px solid #f3a718;
		border-radius:3px;
		height:24px;
		width:186px;
		margin-bottom:6px;
		padding-left:5px;
		line-height:24px;
		}

.login_pw {
		margin:25px auto 0;
		width:224px;
		text-align:center;
		}

.login_pw li { 
		display:inline;
		font-weight:600;
		}

.login_pw li a { 
		font-weight:600;
		color:#404041;
		}

.login_pw li a:hover { 
		color:#c76121;
		}

.login_pw li.line {
		margin:2px 7px 0;
		font-weight:normal;
		color:#666;
		}

/* 2017-01-16 */
.logOut_main {
		margin:0 auto;
		width:192px;
		}

/* 2017-01-16 */
.logOut {
		width:192px;
		}

/* 2017-01-16 */
.logOut_main .h3_main {
		font-size:14px;
		color:#404041;
		text-align:center;
		padding:11px;
		}

/* 2017-01-16 */
.logOut h3 {
		background:url('../../images/renewal_2016/common/bg_myinfo.gif') repeat-x left top;
		font-size:14px;
		color:#404041;
		text-align:center;
		padding:11px;
		width:100px;
		}

/* 2017-01-16 */
.logOut_form_main {
		margin: 23px 0 7px 0;
		padding:14px 10px;
		background:#ffe9c0;
		border:1px solid #f3a718;
		}

/* 2017-01-16 */
.logOut_form {
		overflow:hidden;
		width:500px;
		padding:12px;
		background:url('../../images/renewal_2016/common/bg_myinfo.gif') repeat-x left top;
		border:none;
		}

/* 2017-01-16 */
.logOut_form li.myinfo {
		font-size:14px;
		color:#404041;
		font-weight:bold;
		float:left;
		padding:0 15px 0 6px;
		background:url('../../images/renewal_2016/common/myinfo_bar.gif') no-repeat right 4px;
		}

/* 2017-01-16 */
.logOut_form li.name,
.logOut_form li.point {
		float:left;
		padding:0 15px 0 12px;
		background: url(../../images/renewal_2016/common/bl_login.gif) no-repeat left 6px;
		}

/* 2017-01-16 */
.logOut_form li.name {
		margin-left:18px;
		}

.login_mp {
		margin:35px auto 0;
		width:175px;
		}

.login_mp li { 
		display:inline;
		font-weight:600;
		}

.login_mp li a { 
		font-weight:600;
		color:#404041;
		}

.login_mp li a:hover { 
		color:#c76121;
		}

.login_mp li.line {
		margin:2px 21px 0;
		font-weight:normal;
		color:#666;
		}

.logout_mp {
		margin:36px auto 0;
		width:200px;
		}

.logout_mp li { 
		display:inline;
		font-weight:600;
		}

.logout_mp li a { 
		font-weight:600;
		color:#404041;
		}

.logout_mp li a:hover { 
		color:#c76121;
		}

.logout_mp li.line {
		margin:2px 21px 0;
		font-weight:normal;
		color:#666;
		}



input.id_blur {
		background:url('../../images/renewal_2016/common/login_bg_id.gif') no-repeat 7px 7px;
		background-color:#ffffff;
		}

input.id_focus { 
		background-color:#ffffff;
		} 

input.pw_blur {
		background:url('../../images/renewal_2016/common/login_bg_pw.gif') no-repeat 7px 7px;
		background-color:#ffffff;
		}
 
input.pw_focus { 
		background-color:#ffffff;
		} 

input.b_blur {
		background:url('../../images/renewal_2016/common/login_bg_license.gif') no-repeat 7px 7px;
		background-color:#ffffff;
		}

input.b_focus {
		background-color:#ffffff;
		} 

input.c_blur {
		background:url('../../images/renewal_2016/common/login_bg_ctc.gif') no-repeat 7px 7px;
		background-color:#ffffff;
		}
 
input.c_focus {
		background-color:#ffffff;
		} 


/* ¼­ºê·¹ÇÁÆ®¸Þ´º */

.leftmenu_wrap { 
		margin:0 auto;
		padding:0px;
		width:191px;
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		}

/* 2017-01-16 */
.leftmenu_wrap h2 { 
		font-size:18px;
		font-weight:600;
		color:#e26921;
		border-bottom:1px solid #ffad5c;
		padding:33px 0 13px; 
		margin:0 0 8px 0;
		}

.leftmenu_wrap ul.leftm_1dept li {
		margin:0;
		padding:9px 0;
		width:191px;
		border-bottom:1px dashed #e0e0e0;
		}

.leftmenu_wrap ul.leftm_1dept li.left_2dept {
		padding:7px 0 0 20px;
		width:171px;
		border-bottom:none;
		}

.leftmenu_wrap ul.leftm_1dept li.left_2dept_first {
		padding:12px 0 0 20px;
		width:171px;
		border-bottom:none;
		}

.leftmenu_wrap ul.leftm_1dept li.left_2dept_last {
		padding:7px 0 12px 20px;
		width:171px;
		}


/* ¼­ºêÀüü */

#sub_cnts {
		padding:0 0 30px 289px;
		width:721px;
		background:url('/images/renewal_2016/common/lnb_bg.gif') repeat-y left top;
		min-height:660px;
		}

#sub_cnts div.location {
		float:left;
		width:721px;
		}

#sub_cnts div.location ul {
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		float:right;
		height:41px;
		}

#sub_cnts div.location li {
		text-align:right;
		display:inline;
		}

#sub_cnts div.location li img {
		vertical-align:middle;
		margin:0 7px 0 0;
		*margin-top:0px;
		}

#sub_cnts div.location li img.home {
		vertical-align:middle;
		margin:0 3px 0 0;
		}

#sub_cnts h3 {
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		font-size:30px;
		font-weight:600;
		float:left;
		width:100%;
		line-height:32px;
		margin:36px 0 30px 0;
		color:#404041;
		}

#sub_cnts h3 span {
		font-size:24px;
		color:#ff9023;
		font-weight:600;
		line-height:20px;
		}

#sub_cnts h3.custom {
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif;
		font-size:30px;
		font-weight:600;
		float:none;
		width:100%;
		line-height:32px;
		margin:36px 0 20px 0;
		color:#404041;
		}

.leftmenu_wrap ul.leftm_1dept li.left_noline {
		border-bottom:1px dashed #e0e0e0;
		}

.s_banner {
		position:relative;
		float:left;
		width:192px;
		height:128px;
		margin-left:-7px;
		margin-top:15px;
		padding:18px 15px 0;
		background:url('/images/renewal_2016/common/left_banner_bg.gif') no-repeat left top;
		}

.s_banner li.ban_title {
		font-family:'³ª´®°íµñ', 'NanumGothic', ng , 'Nanum Gothic', sans-serif; 
		font-size:14px;
		font-weight:bold;
		color:#e26921;
		padding-bottom:10px;
		}

.s_banner li.ban_txt {
		font-size:11px;
		padding-bottom:12px;
		line-height:16px;
		letter-spacing:-0.7px;
		}

.s_banner li.ban_icon {
		position:absolute;
		top:70px;
		right:28px;
		}