* {box-sizing:border-box;}
#wrapper     { width:100%; float:center; margin:0 auto;width:100%; height:100%; min-height:100%; }
#header 	 { position:relative; width:100%; height:145px; text-align:center;}
#header:before 	 {position:absolute;content:'';display:block;width:100%;height:69px;bottom:0;left:0;right:0;background:#e4e6e9;z-index:-1;}
#header h1 {margin:0px auto;width:900px;height:76px;background:url(../images/common/img_TF_Logo.png) no-repeat left center;text-align:right;padding-top:22px;font-size:22px; font-weight:bold; color:#1428a0;}
#content	 { float:center; overflow-y:auto; border:0px solid red; text-align:center;  margin:30px auto 50px auto; width:900px; font-size:12px ; font-weight:normal;}
#login	     { border:0px solid red; text-align:left; margin-top:200px; margin:200px auto 0px auto; width:320px }
#login02	 { float:left; position:relative;padding:0px 0px 35px 0px; border-bottom:1px solid #e0e0e0; width:100% }
#box	     { border:1px solid #e2e2e3; text-align:left; margin:200px auto 0px auto; width:320px }
#fieldset	 { float:left; position:relative; border:1px solid #e2e2e3; text-align:left; padding:20px 0px 20px 0px; margin-bottom:5px; width:100%; height:200px }
#top_title   { float:left; position:relative; border-bottom:1px solid rgba(0,0,0,0.2); font-size:22px; font-weight:bold; color:#1e2a4a; padding:0px 0px 12px 0px; margin-bottom:20px; width:100%; 
				background:url(../images/common/img_TF_Logo.png) no-repeat left center;text-align:right;}
#top_title h2{ font-size:18px; font-weight:bold; color:#1428a0;text-align:right;width:100%;display:block;min-height:24px;}
.chk         { float:left; position:relative; padding:0px 0px 5px 0px; text-align:right; margin:0px; width:100% }
.chk * {display:inline-block;vertical-align:top;margin-top:3px;}
#footer	     { float:left; position:fixed; bottom:0px; padding: 8px 0px 10px 0px; font-size:11px; color:#6f7a83; text-align:left; border-top:1px solid #f0f2f2; width:100%; vertical-align:bottom  }
#footer div	 { width: 900px; margin: 0px auto;}
#popup	     { margin:20px 20px 20px 20px; border:0px solid red; text-align:left; }

h1 { display:inline-block; padding: 0px 0px 0px 0px; text-align:left; margin-bottom:4px; width:100% }
h2 { float:left; position:relative;  display:inline-block; border:0px solid red;  margin:0px 0px 0px 0px; }
h3 { float:left; position:relative; border:0px solid red; display:inline-block;padding:0px; margin:0px 0px 8px 0px; font-size:16px; font-weight:bold; color:#1e2a4a;}
 
.login_table                  { float:left; position:relative; border:0px solid #626978;}
.login_table th               { padding:0px 15px 8px 0px; border-right:0px solid #dadee5; border-bottom:0px solid #dadee5; text-align:right; font-size:14px; font-weight:bold }
.login_table td               { padding:0px 0px 8px 0px; border-right:0px solid #dadee5; border-bottom:0px solid #dadee5; text-align:left }
.login_table td.top           { padding:0px 0px 14px px; border-right:0px solid #dadee5; border-bottom:0px solid #dadee5; text-align:left }
.login_table td.service       { padding:15px 4px 16px 4px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:left }
.login_table td.undertext_l   { padding:20px 11px 18px 2px; border-top:0px solid #e8e8e8; border-bottom:0px solid #e8e8e8; text-align:right }
.login_table td.undertext_r   { padding:20px 2px  18px 0px; border-top:0px solid #e8e8e8; border-bottom:0px solid #e8e8e8; text-align:left }
.language_select              { border:1px solid #cccccc; padding:1px 1px 1px 1px; margin:0px 0px 0px 0px;width:85px; height:22px }

.under_line                   { text-decoration:underline }
.under_line a                 { color:#525a67;text-decoration:none}
.under_line a:hover           {color:#507ac9;text-decoration:underline}

.login_input                  { padding:0px 0px 0px 3px; font:normal 16px "Malgun Gothic"; height:43px !important; line-height:18px !important; border:1px solid #cccccc;  border-radius: 2px ; width:100%; }
.login_input_pw               { padding:0px 3px 0px 3px; font:normal 11px "Malgun Gothic"; color:#555555; height:26px; line-height:18px; border-top:0px solid #babcbd;border-left:1px solid #babcbd; border-right:1px solid #babcbd;; border-bottom:1px solid #babcbd; margin:0px; width:124px;  }
#login_text	                  { float:left; position:relative;  padding: 0px 2px 0px 2px; font-size:11px; color:#6f7a83; text-align:center; margin-top:35px;width:100%; line-height:150% }
#bottom_text                  { float:left; position:relative;  padding: 0px 2px 0px 2px; font-size:11px; color:#6f7a83; text-align:center; margin-top:35px;width:100%; line-height:150% }

.login_wrap {margin:0 auto;width:300px;margin-bottom:30px;}
.login_wrap input {padding-left:10px;}
.login_wrap input + input {margin-top:10px;}
.login_wrap input + span {margin-top:20px;}

.access_info               { float:left; position:relative; width:100%  }
.access_info td            { padding:3px 0px 3px 10px; border-bottom:0px; text-align:left }
.access_info td.title      { padding:3px 10px 3px 0px; border-bottom:0px; text-align:right; font-weight:bold }

.login_info                { float:left; position:relative; margin:5px 14px 8px 14px; width:100%; text-align:right }
.login_info li             { float:left; position:relative; overflow:hidden; }
.login_info li.title       { float:right;  position:relative; font-weight:bold; overflow:hidden;text-align:right }

#top_step           { margin:0px auto ; width:900px; height:69px; z-index:1;}
.top_step01         { float:left; width:300px; font-size:16px; font-weight:bold; padding:15px 20px 18px 120px; text-align:left; background:url(/common/images/oqms/icon_step01.png) no-repeat left 54px center; color:#939baa; line-height:110%;  border-left:1px solid rgba(0,0,0,0.1);  border-right:1px solid rgba(0,0,0,0.1)}
.top_step01_s       { float:left; width:300px; font-size:16px; font-weight:bold; padding:15px 20px 18px 120px; text-align:left; background:url(/common/images/oqms/icon_step01_s.png) no-repeat left 54px center; background-color:#1428a0; color:#ffffff; line-height:110%; border-left:1px solid rgba(0,0,0,0.1);  border-right:1px solid rgba(0,0,0,0.1)  }
.top_step02         { float:left; width:300px; font-size:16px; font-weight:bold; padding:15px 20px 18px 120px; text-align:left; background:url(/common/images/oqms/icon_step02.png) no-repeat left 54px center; color:#939baa; line-height:110%; border-right:1px solid rgba(0,0,0,0.1) }
.top_step02_s       { float:left; width:300px; font-size:16px; font-weight:bold; padding:15px 20px 18px 120px; text-align:left; background:url(/common/images/oqms/icon_step02_s.png) no-repeat left 54px center; background-color:#1428a0; color:#ffffff; line-height:110%;  border-right:1px solid rgba(0,0,0,0.1)  }
.top_step03         { float:left; width:300px; font-size:16px; font-weight:bold; padding:15px 20px 18px 120px; text-align:left; background:url(/common/images/oqms/icon_step03.png) no-repeat left 54px center; color:#939baa; line-height:110%; border-right:1px solid rgba(0,0,0,0.1) }
.top_step03_s       { float:left; width:300px; font-size:16px; font-weight:bold; padding:15px 20px 18px 120px; text-align:left; background:url(/common/images/oqms/icon_step03_s.png) no-repeat left 54px center; background-color:#1428a0; color:#ffffff; line-height:110%; border-right:1px solid rgba(0,0,0,0.1)   }
.step_text_s        { font-size:12px; font-weight:bold  }

#new_top_step           { margin:0px auto ; width:1000px; height:69px; z-index:1;}
.new_top_step01         { float:left; width:250px; font-size:16px; font-weight:bold; padding:15px 20px 18px 10px; text-align:left; color:#939baa; line-height:110%;  border-left:1px solid rgba(0,0,0,0.1);  border-right:1px solid rgba(0,0,0,0.1)}
.new_top_step01_s       { float:left; width:250px; font-size:16px; font-weight:bold; padding:15px 20px 18px 10px; text-align:left; background-color:#1428a0; color:#ffffff; line-height:110%; border-left:1px solid rgba(0,0,0,0.1);  border-right:1px solid rgba(0,0,0,0.1)  }
.new_top_step02         { float:left; width:250px; font-size:16px; font-weight:bold; padding:15px 20px 18px 10px; text-align:left; color:#939baa; line-height:110%; border-right:1px solid rgba(0,0,0,0.1) }
.new_top_step02_s       { float:left; width:250px; font-size:16px; font-weight:bold; padding:15px 20px 18px 10px; text-align:left; background-color:#1428a0; color:#ffffff; line-height:110%;  border-right:1px solid rgba(0,0,0,0.1)  }
.new_top_step03         { float:left; width:250px; font-size:16px; font-weight:bold; padding:15px 20px 18px 10px; text-align:left; color:#939baa; line-height:110%; border-right:1px solid rgba(0,0,0,0.1) }
.new_top_step03_s       { float:left; width:250px; font-size:16px; font-weight:bold; padding:15px 20px 18px 10px; text-align:left; background-color:#1428a0; color:#ffffff; line-height:110%; border-right:1px solid rgba(0,0,0,0.1)   }
.new_step_text_s        { font-size:12px; font-weight:bold  }

#top_text	        { float:left; position:relative; padding:10px 20px 14px 20px; font-size:12px; text-align:left; margin-bottom:20px; width:100%;border-radius:6px;border:1px solid rgba(0,0,0,0.12)}

#input_box	        { float:left; position:relative;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;background-color:#ffffff; margin:0px 0px 30px 0px;text-align:left;  width:100% }
#input_box02	    { float:left; position:relative;  border:1px solid #dfe1e6;  background-color:#ffffff; margin:30px 0px 30px 0px;text-align:left;  width:100% }
#input_toptext      { float:right; position:relative; width:600px; border:0px solid red; margin:0px 0px 7px 2px;  margin: auto 0px auto; }
#input_toptext li   { font-size:13px; color:#666; text-align:right;  }

.input_table        { margin:25px 20px 30px 20px;font-size:14px;width:96%;table-layout:fixed;box-sizing:border-box;}
.input_table th     { padding:5px 0px 5px 0px;font-weight:bold; text-align:left;}
.input_table td     { padding:5px;font-size:12px; text-align:left;line-height:14px;}
.input_table td input[type="text"], .input_table td input[type="password"], .input_table td select {height:28px;}

.essential          { color:#f37436; padding:3px 5px 0px 0px;}
.essential_b        { color:#f37436; padding:3px 5px 0px 0px; font-size:14px; font-weight:bold; line-height:150% }
.join_input         { border:1px solid #cccccc; padding:0px 3px 0px 5px; margin:0px 5px 0px 0px; width:100%;}
.join_select        { border:1px solid #cccccc; padding:1px 1px 1px 1px; height:28px; margin-right:5px; width:180px; }
.join_text          { border:0px solid #cccccc; padding:60px 30px 70px 30px; font-size:16px; text-align:center; width:100%;}

.popup_table        { margin:10px 5px 10px 5px; font-size:14px; width:100%  }
.popup_table th     { padding:5px 0px 5px 15px;  font-weight:bold; text-align:right;}
.popup_table td     { padding:5px 10px 5px 10px; font-size:12px; text-align:left }

.dp_inline {display:block;}
.dp_inline * {float:left;margin-left:4px;}
.dp_inline label {line-height:24px;}
.dp_inline .btn_check {display:inline-block;line-height:24px;padding-left:20px!important;padding-right:20px!important;height:28px;}
.dp_inline *:first-child {margin-left:0;}

#content_text	         { float:left; position:relative;  padding: 0px 2px 0px 2px; font-size:14px; text-align:left; margin-bottom:30px; width:100% }
#text_Bottom	        { float:left; position:relative;  padding: 0px 0px 0px 0px; font-size:12px; text-align:left; margin-bottom:20px; width:100% }
#btn_center    { float:left; position:relative; width:100%; border:0px solid red;  margin-top:5px; margin-bottom:30px; text-align:center;  }

span.btn_login,     
span.btn_login a,
span.btn_login btn,
span.btn_login input    { position:relative; display:inline-block; text-decoration:none !important; font-size:18px; text-align:center; color:#ffffff; background-color:#1428a0; white-space:nowrap; vertical-align:middle; overflow:visible; border-radius:2px!important; border:none!important; width:100%  }
span.btn_login          { height:px; padding:0;  background-position:left top; overflow:visible;}
span.btn_login a,
span.btn_login btn,
span.btn_login input    { left:14x; }

/* A */
span.btn_login a        { padding:12px 0px 16px 0px; font-size:18px; color:#ffffff; background-position:right top }
span.btn_login a:hover  { text-decoration:underline; cursor:hand; font-size:18px; color:#ffffff }

.btn_page_lg {position:relative; display:inline-block;padding:4px 20px 8px 20px; text-decoration:none !important; font-size:13px; text-align:center; color:#ffffff; background-color:#1428a0;border:none; white-space:nowrap; vertical-align:middle; overflow:visible; border-radius:2px!important;height:auto;color:#fff!important;  }


.tc {text-align:center!important;}

span.btn_basic01,     
span.btn_basic01 a,
span.btn_basic01 btn,
span.btn_basic01 input    { position:relative; padding:4px 35px 4px 35;display:inline-block; text-decoration:none !important; font-weight: bold; color:#ffffff; background-color:#8e93a2; white-space:nowrap; vertical-align:middle; overflow:visible; border-radius:2px!important; border:none!important; }
span.btn_basic01          { height:px; padding:0; background-position:left top; overflow:visible;}
span.btn_basic01 a,
span.btn_basic01 btn,
span.btn_basic01 input    { left:14x; }

/* A */
span.btn_basic01 a        { padding:4px 32px 6px 32px; font-size:14px;  background-position:right top }
span.btn_basic01 a:hover  { text-decoration:underline; cursor:hand; font-size:14px;  }


span.btn_basic02,     
span.btn_basic02 a,
span.btn_basic02 btn,
span.btn_basic02 input    { position:relative; padding:4px 35px 4px 35;display:inline-block; text-decoration:none !important; font-weight: bold; color:#ffffff; background-color:#1428a0; white-space:nowrap; vertical-align:middle; overflow:visible; border-radius:2px!important; border:none!important;  }
span.btn_basic02          { height:px; padding:0; background-position:left top; overflow:visible;}
span.btn_basic02 a,
span.btn_basic02 btn,
span.btn_basic02 input    { left:14x; }

/* A */
span.btn_basic02 a        { padding:4px 32px 6px 32px; font-size:14px;  background-position:right top }
span.btn_basic02 a:hover  { text-decoration:underline; cursor:hand; font-size:14px;  }



span.btn_basic_02,     
span.btn_basic_02 a,
span.btn_basic_02 btn,
span.btn_basic_02 input    { position:relative; padding:4px 10px 4px 10px;display:inline-block; text-decoration:none !important; font-weight: bold; color:#ffffff; background-color:#1428a0; white-space:nowrap; vertical-align:middle; overflow:visible; border-radius:2px!important; border:none!important;  }
span.btn_basic_02          { height:15px; padding:0; background-position:left top; overflow:visible;}
span.btn_basic_02 a,
span.btn_basic_02 btn,
span.btn_basic_02 input    { left:14x; }

/* A */
span.btn_basic_02 a        { padding:4px 20px 6px 20px; font-size:14px;  background-position:right top }
span.btn_basic_02 a:hover  { text-decoration:underline; cursor:hand; font-size:14px;  }



span.btnSmall,     
span.btnSmall a,
span.btnSmall btn,
span.btnSmall input    { position:relative; padding:3px 8px 3px 6px;  display:inline-block; text-decoration:none !important; background:url(/common/images/oqms/btn_small.gif) no-repeat; white-space:nowrap; vertical-align:middle; overflow:visible;   }
span.btnSmall          { height:28px; padding:0; background-position:left top; overflow:visible;}
span.btnSmall a,
span.btnSmall btn,
span.btnSmall input    { left:0px; }

/* A */
span.btnSmall a        { font-size:12px; font-weight:bold; background-position:right top }
span.btnSmall a:hover  { text-decoration:underline; cursor:hand;   }


span.btnSmall_01,     
span.btnSmall_01 a,
span.btnSmall_01 btn,
span.btnSmall_01 input    { background-color:#ffffff; color:#000000;position:relative; padding:3px 8px 0px 6px;  display:inline-block; text-decoration:none !important;border-radius:1px!important; vertical-align:top; border:0.1px solid #cccccc;}
span.btnSmall_01          { height:25px; padding:0;}
span.btnSmall_01 a,
span.btnSmall_01 btn,
span.btnSmall_01 input    { bottom:2px; }

/* A */
span.btnSmall_01 a        { font-size:12px; font-weight:bold; background-position:right top }
span.btnSmall_01 a:hover  { text-decoration:underline; cursor:hand;   }


span.btn_search,     
span.btn_search a,
span.btn_search btn,
span.btn_search input    { position:relative; padding:1px 8px 0px 6px;  display:inline-block; text-decoration:none !important; background:url(/common/images/oqms/btn_search.gif) no-repeat; white-space:nowrap; vertical-align:middle; overflow:visible;   }
span.btn_search          { width:28px; height:28px; padding:0; background-position:left top; overflow:visible;}
span.btn_search a,
span.btn_search btn,
span.btn_search input    { left:0px; }

/* A */
span.btn_search a        {  background-position:right top }
span.btn_search a:hover  {  background:url(/common/images/oqms/btn_search.gif) no-repeat; text-decoration:underline; cursor:hand;   }

/* layer_pop_wrap */
.layer_pop_wrap.big {width:1024px;}
.layer_pop_wrap.large {width:800px;}
.layer_pop_wrap.medium {width:580px;} 
.layer_pop_wrap.small {width:420px;}
.layer_pop_wrap.noti_img {width:auto;max-height:auto;}
.layer_pop_wrap.noti_img .contents{padding:0;overflow:visible;max-height:100%;}
.layer_pop_wrap.no_frame {box-shadow:0 0 6px 1px rgba(0,0,0,0);background:rgba(0,0,0,0)}
.layer_pop_wrap.no_frame .contents{position:relative;background:none;padding:0;overflow:visible;max-height:100%;}
.layer_pop_wrap.no_frame.scroll .contents{max-height:600px;overflow-x:hidden;overflow-y:auto;}
.layer_pop_wrap.no_frame h3{background:rgba(0,0,0,0);color:rgba(0,0,0,0)}
.layer_pop_wrap.no_frame h3 .pop_close{z-index:99999999;}
.layer_pop_wrap.zoom_img h3 {position:absolute!important;top:0;left:0;padding:0;background:none;
	overflow:hidden;width:auto;height:auto!important;transform:translate(-50%, -25%)!important;border:3px solid rgba(0,0,0,0.6)!important}
.layer_pop_wrap.zoom_img .pop_close{position:fixed;top:60px;right:60px;width:60px;height:60px;background:rgba(0,0,0,0.6) url(../images/common/btn_guide_close.svg) no-repeat center center;}
.layer_pop_wrap.zoom_img .pop_close {cursor:pointer;background-size:40px;border-radius:50%;z-index:99999999;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    }
.layer_pop_wrap.zoom_img .pop_close:hover{color:#ff7200;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    }

.layer_pop_wrap.sidebar_guide {box-shadow:0 0 6px 1px rgba(0,0,0,0);background:none;width:auto;max-height:auto;margin-top:-60px;}
.layer_pop_wrap.sidebar_guide .contents{position:relative;background:none;padding:0;overflow:visible;max-height:100%;}
.layer_pop_wrap.sidebar_guide:before{background:rgba(0,0,0,0.9);}
.layer_pop_wrap.sidebar_guide h3{background:rgba(0,0,0,0);color:rgba(0,0,0,0)}
.layer_pop_wrap.sidebar_guide h3 .pop_close{position:fixed;top:60px;right:60px;width:60px;height:60px;background:url(../images/common/btn_guide_close.svg) no-repeat center center;}

.event_msg {position:absolute;left:0;right:0;top:330px;text-align:center;font:normal 16px "Malgun Gothic";color:#fff;}
.event_msg strong {font:normal 22px "Malgun Gothic";margin-bottom:4px;display:block;}
.event_msg strong span{font:normal 36px "Malgun Gothic";}

.layer_pop_wrap:before{position:fixed;display:block;content:'';top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1}
.layer_pop_wrap {display:none;background:#fff;z-index:9999;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:left;}
.layer_pop_wrap .contents{position:relative;background:#fff;padding:20px;overflow:auto;max-height:500px;}
.layer_pop_wrap h3{position:relative;/* height:60px!important; */float:none;padding:15px 20px;margin-bottom:0!important;background:#273896;font:normal 18px "Malgun Gothic";color:#fff;display:block;}
.layer_pop_wrap h3 .pop_close, #layer_pop_wrap h3 .pop_close{display:block;position:absolute;top:20px;right:20px;width:16px;height:16px;color:#fff;background:url(../images/svg/ico_close_w.svg) no-repeat center center;background-size:auto 100%!important;cursor:pointer;}
.layer_pop_wrap h3 .pop_close {
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    }
.layer_pop_wrap h3 .pop_close:hover{color:#ff7200;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    }
.layer_pop_wrap .pop_button {position:relative;border-top:1px solid #eaeaea; background:#fff;padding:10px 10px;text-align:right;}
.layer_pop_wrap .pop_button .form_wrap_check label, .layer_pop_wrap .pop_button label{cursor:pointer}
.mask {display:none;}

.overlay {width:100%;height:100%;position:fixed;top:0;left:0;z-index:99998;display:none;}
.modal {display:none;overflow:auto;z-index:99999;position:absolute;margin:0 auto;}

.mb0{margin-bottom:0px!important}

.service_desk_wrap {font-size:13px;}
.service_desk_wrap a {color:#0d2da2}
.service_desk_wrap p.title {font-size:17px;font-weight:bold;padding-bottom:10px;border-bottom:1px dotted rgba(0,0,0,0.6);margin-bottom:10px;}
.service_desk_wrap p.msg {padding-top:10px;border-top:1px dotted rgba(0,0,0,0.6);margin:10px 0 20px 0;color:#ff7200;}

/* blit_ol */
ol.blit_ol {counter-reset:counter;list-style:none;margin-top:10px;position:relative;}
ol.blit_ol li {position:relative;display:block;margin-bottom:0;padding:0 0 0 24px;float:none;line-height:22px;}
ol.blit_ol li:before {  background-color:#3c3c3c;border-radius:50%;width:4px;height:4px;display:inline-block;content:'';
	position:absolute;top:10px;left:8px;}
ol.blit_ol li.title:before {  background-color:#3c3c3c;border-radius:0;width:10px;height:1px;display:inline-block;content:'';
	position:absolute;top:11px;left:6px;}
	
.form_table input {height:30px;}
.form_table * {box-sizing:border-box;}		

.dp_flex * {box-sizing:border-box;display:flex;}
.dp_flex input {flex:none;margin-right:10px;}
.dp_flex .fx_none {flex:none;}