@charset "utf-8";

/* reset css */
html {font-family:"dotum", "gulim", sans-serif; font-size:100%; }
html * {margin: 0; padding: 0; }
ol, ul {list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
button {border:0; background:none; padding:0; margin:0; cursor:pointer; overflow:visible; }
input {padding:0; margin:0; background:#fff; }
fieldset {display:inline-block; border:none;}
a, a:link {color:black; text-decoration:none;}
a:focus {outline:1px dotted black; text-decoration:underline; }
p {display:block; }
img {border:0; background:none; vertical-align:text-bottom;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}

/* common css */
.clear {clear:both;}
.hidden {position:absolute;top:-5000px;}
.ft_l {float:left;}
.ft_r {float:right;}
.mg_r0 {margin-right:0 !important;}
.mg_t5 {margin-top:5px !important;}
.mg_l10 {margin-left:10px !important;}
.orange a {color:#e87455 !important; font-weight:bold;}


/* skip navigation */
#skipnavigation {position:absolute; font-size:0px; height:0px;}
#skipnavigation ul li {position:absolute; }
a.skipnavi {position:absolute; left:-9999px; font-size:0px; width:500px;}
a.skipnavi:focus, a.skipnavi:active {left:1%; font-size:16px; font-weight:bold; color:#0000cd; 
    background-color:#c8c8c8; text-decoration:underline; padding:10px; text-align:center; margin-top:3px; z-index:5;}

        
/* mainpage */
body {font-size:0.8em; background:#fff url('/images/img1/main/bg_main_topline.gif') repeat-x 0 0; margin:0 auto;}
#wrap { margin:0 auto;}
#container {width:880px;  margin:0 auto; position:relative;}
#header {height:155px; width:880px;}
    #logozone {float:left; padding:32px 0 17px 5px;}
    #topnavi {float:right;}
        #topnavi ul {overflow:hidden; padding:0;}
        #topnavi ul li {float:left; height:19px; padding:0 10px 0 5px;}
        #topnavi ul li.line_y {background:url('/images/img1/main/bg_device_slash.gif') no-repeat top right; }
        #topnavi ul li.s_n_last {float:right; padding:0;}
        #topnavi ul li a {display:inline-block; padding:4px 0;}
        #topnavi ul li.s_n_last a {padding:2px 0; margin:0;}
        
    #srchzone {float:left; width:600px; text-align:center; padding:15px 20px 0 70px;_padding:9px 20px 0 70px;}
    #srchzone fieldset {float:left; width:350px; height:26px;_height:32px;*height:25px; overflow:hidden; border:4px solid #184380; padding:0;*padding-top:6px;_padding-top:4px;}
    #srchzone fieldset * {float:left;}
    #srchzone fieldset button {height:26px; margin:0; padding-left:3px;}
        #radio_roll {width:60px; margin:0 0 0 5px;}
        #radio_select {display:none;}
        #input_t_srch {width:260px; height:19px; padding:5px 0 0 5px; border:0;}
    #top_srch_smt {float:left; margin-left:5px;}
        #svc_guide {float:right;}


/* gnb */
    #gnb {clear:both;}
    ul#navigation {background: url('/images/img1/common/bg_sub_gnb.gif') no-repeat 0 0; height: 71px; padding-left: 28px;}
    ul#navigation li {float: left; position: relative; font-size: 0;}
    ul#navigation li ul {display: none; position: absolute; top: 41px; min-width: 500px; _width: 500px;}
    ul#navigation li ul#category1 {left: 0px;}
    ul#navigation li ul#category2 {left: -64px;}
    ul#navigation li ul#category3 {left: -97px;}
    ul#navigation li ul#category4 {left: -99px;}
    ul#navigation li ul li {background: url('/images/img1/common/icon_bar_01.gif') no-repeat 0 8px; padding: 8px 7px;}
    ul#navigation li ul li img {vertical-align: top;}
    ul#navigation li ul li.first-child {background: none;}
    ul#navigation li.grBtn {float: right; padding: 6px 27px 0 0;}
    ul#navigation li.grBtn img {float: left;}
    
/* content area */
#cnt_wrap {width:880px; overflow:hidden; padding-top:20px;}

    #cnt_l {float:left; width:193px;}
        #links_go {position:relative; width:193px; padding-top:25px;}
        #links_go h3 {display:block; position:absolute; top:0px;}
        #links_go h3.leftTitle {left:5px;}
        #links_go h3.rightTitle {left:96px;}
        #links_go ul.links_list {width:191px; height:343px; border:1px solid #c0c0c0; padding:6px 0; text-align:left;}
        #links_go ul.links_list li {padding:0 0 3px 10px;_padding:1px 0 3px 10px;*padding:1px 0 3px 10px;}
        #links_go li.li_lists2 {background: url('/images/img1/market/icon_dot_01.gif') no-repeat 0 6px; margin:0 6px 0 10px;}        
        #links_go ul.links_list li.banner {background:none; padding:0;height:auto; text-align:center; margin-top:6px;_margin-top:15px;}
            ul.links_list a, .links_list a:link, .links_list a:link {color:#515354; text-decoration:none;}
            ul.links_list a:hover,
            ul.links_list a:focus,
            ul.links_list a:focus {color:#4b4a4a; text-decoration:underline;}
            
            #links_go ul.links_list li.dot_img {background:none; line-height:0; padding:2px 0 4px 10px;*padding:4px 0 4px 10px;_padding:0px 0 2px 10px; font-size:1px;}
            #links_go ul.links_list li.gi_dot_img {background:none; line-height:0; padding:2px 0 3px 10px;*padding:3px 0 3px 10px;_padding:0px 0 2px 10px; font-size:1px;}            
            	#links_go ul.links_list li.dot_img img{vertical-align:middle;}
            	
            	span.spacing{letter-spacing:-1px;}            

        #online_eval {border:1px solid #c0c0c0; border-top:0; border-bottom:0; height:105px;}
            h2.tit_h2_01 {clear:both; height:13px; padding:10px 15px;}
            ul.eval_lists {border:0; background:url('/images/img1/main/bg_eval_01.gif') no-repeat 100px 0px;}
            ul.eval_lists li {height:18px; padding:0 15px}
            ul.eval_lists li a {padding:5px 0;}
            ul.eval_lists li a.underline {border-bottom :1px solid #c0c0c0;}
        
        #quickgo {border:1px solid #c0c0c0; border-top:0; border-bottom:0; padding:0 10px 15px 10px; _padding:0 10px 15px 10px;}
            #quickgo h2.tit_h2_02 {padding:10px 0 5px 0; border-top:1px solid #c0c0c0; }
            #quickgo ul li {padding:5px 0 0 0;}
        
        
    #cnt_m {float:left; width:460px; padding:0 10px 0 15px;_padding:0 2px 0 14px;}
        #cnt_m a, #cnt_m a:link  {color:#515354; text-decoration:none;}
        #cnt_m a:hover, #cnt_m a:focus, #cnt_m a:active {color:#647aa3; text-decoration:underline;}
			.thum_li_txt {font-weight:bold; display:block; padding-bottom:4px;}
			.tm_thum_li a img{border:1px solid #9f9f9f;}

        #popupzone {position:relative; width:455px; height:115px;}
            #pop_tab {position:absolute; top:100px; left:20px; width:247px; height:10px; overflow:hidden; padding:0; margin:0; z-index:10;}
            div.popnum11 {background:url('/images/img1/main/bg_pop_tab1_01_on.gif') no-repeat 0 0;}
            div.popnum12 {background:url('/images/img1/main/bg_pop_tab2_01_on.gif') no-repeat 0 0;}
            div.popnum22 {background:url('/images/img1/main/bg_pop_tab2_02_on.gif') no-repeat 0 0;}
            div.popnum13 {background:url('/images/img1/main/bg_pop_tab3_01_on.gif') no-repeat 0 0;}
            div.popnum23 {background:url('/images/img1/main/bg_pop_tab3_02_on.gif') no-repeat 0 0;}
            div.popnum33 {background:url('/images/img1/main/bg_pop_tab3_03_on.gif') no-repeat 0 0;}
            #pop_tab p.tab_pop {float:left; width:82px; height:10px; padding:0; margin:0;}
            #pop_tab p.tab_pop a {display:block; width:80px; height:10px; text-indent:-9999px; font-size:0;}

        h2.tit_h2_03 {padding:15px 0 10px 0; }
        #tech_market {position:relative; border:3px solid #a6b7d4; padding:10px;_padding:10px 0 10px 10px; height:170px;}
            #mkt_tab {position:absolute; top:-28px; left:285px;_left:280px; height:20px;}
            #mkt_tab ul li{display:inline;}
            #tech_market p.view_more {position:absolute; top:-27px; left:421px;_left:415px; height:20px;}
            #tech_market h3.tm_title {position:absolute; left:9px;}
            #tm_tit_01 {top:12px;}
            #tm_tit_02 {top:45px;}
            #tm_tit_03 {top:78px;}
            #tm_tit_04 {top:111px;}
            #tm_tit_05 {top:144px;}
            #tech_market div ul.tm_list {padding:5px 0 0 100px; color:#818180;}
                ul.tm_list li {width:320px; background:url('/images/img1/main/bg_linkgo_li.gif') no-repeat; margin-top:2px; padding:0 0 3px 10px; letter-spacing:-1px;}
                ul.tm_list li.tm_thum_li {background:none; width:340px; overflow:hidden; padding:0 0 10px 0;}
                li.tm_thum_li a.thum_a {float:left; width:78px; text-indent:0px; padding-right:5px;}
                a.thum_li_txt {font-weight:bold; color:#647aa3 !important; line-height:180%;}
                li.tm_thum_li p {text-indent:0; padding:0; line-height:140%;}
        
        span.theme_tit_txt {color:#2e54bf; font-weight:bold;}
        #tech_theme {position:relative; border:2px solid #ced9ec; padding:10px; overflow:visible;}
            div.theme_thum_div {width:425px; overflow:hidden;}
                div.theme_thum_div a.thum_a {float:left; display:block; width:80px; text-indent:0; padding-right:10px;}
                div.theme_thum_div p {padding:0; line-height:150%; color:#818181;}
                div.theme_thum_div img {border:1px solid #9F9F9F;}
            div.theme_lists {float:left; width:200px;}
                h3.tit_h3_theme {color:#3d3d3d; padding:13px 5px 7px 0;}
                div.theme_lists ul li {background:url('/images/img1/main/bg_linkgo_li.gif') no-repeat; margin-top:2px; padding:0 0 4px 10px; letter-spacing:-1px;}
            #tech_theme p.view_more {clear:both; position:absolute; top:-27px; left:421px; _left:405px; height:20px;}

        #cnt_r a, #cnt_r a:link  {color:#515354; text-decoration:none;}
        #cnt_r a:hover, #cnt_r a:focus, #cnt_r a:active {color:#647AA3; text-decoration:underline;}
        
    #cnt_r {float:right; width:198px; border:1px solid #c0c0c0; border-bottom:0;}
        #loginArea {background:url('/images/img1/main/bg_login_area.gif') no-repeat 0 0; padding:1px; height:113px;}
            h2.tit_h2_06 {padding-bottom:15px;}
            h2.tit_h2_06s {padding:15px; font-weight:normal;}
            h2.tit_h2_06s span {vertical-align:middle; display:inline-block; margin:1px 5px 0 0;}
            h2.tit_h2_06s img {vertical-align:middle; display:inline-block;}
            #loginArea form fieldset {width:198px; height:40px; overflow:hidden; padding-bottom:7px;}
            #loginArea form fieldset p {float:left; width:114px; padding-left:10px;}
                #input_id {width:106px; border:1px solid #d2d2d2; margin-bottom:3px;_margin:0; color:#888; font-size:11px; height:16px; padding-left:5px;}
                #input_pw {width:106px; border:1px solid #d2d2d2; color:#888; font-size:11px; height:16px; padding-left:5px;}
                #btn_login {float:left; width:60px; padding-left:3px;}
            p.members {clear:both; text-align:center; height:22px; margin-bottom:7px;}
            p.members a {margin:0; padding:0 0 0 1px;}
            
        h2.tit_h2_07 {height:34px;_height:30px;}
        h2.tit_h2_08 {height:30px;_height:34px;}
        h2.tit_h2_07 img, h2.tit_h2_08 img {padding:13px 0 5px 10px;}        
        
        #tech_trans {position:relative; *margin-bottom:5px; _margin-bottom:0px !important; padding:0 3px 0 5px; line-height:120%; _height:185px;}
            ul.trans_list {padding-left:3px; padding-bottom:5px; border-bottom:2px solid #d4d4d4;}
            ul.trans_list li {margin:5px 0;}
            ul.trans_list li.img_list {background:none; padding:0 0 5px 0;}
            ul.trans_list li.img_list1 {background:none; padding:0; margin-bottom:8px;_margin-bottom:12px;}
            p.view_more_r {position:absolute; top:-25px;_top:-20px; left:160px;_left:150px;}

        
        #tech_survey {position:relative; padding:0 5px 10px 5px; line-height:120%;}
            #tech_survey ul {border:0; padding-bottom:2px;}

        #cnt_b a, #cnt_b a:link  {color:#818180; text-decoration:none;}
        #cnt_b a:hover, #cnt_b a:focus, #cnt_b a:active {color:#4b4a4a; text-decoration:underline;}
    #cnt_b {clear:both; position:relative; height:13px; border-top:2px solid #979797; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; padding:7px 0; }
        h3.tit_h3_notice {float:left; padding-left:20px; color:#787878; font-weight:bold;}
        #notice_zone {float:left; width:730px; height:11px; padding:0 0 1px 20px; overflow:hidden; }
        #cnt_b ul li {display:inline; margin-right:15px;}
        
#footer {clear:both;  width:880px; overflow:hidden; padding:30px 0 20px; background:url('/images/img1/common/foot_bg.gif') repeat-x left top;}
    #foot_l {float:left; width:170px; padding-left:20px;}
    #foot_r {float:left; width:643px; overflow:hidden; padding-right:5px;}
    ul.foot_links {float:left; padding:5px 0 10px 0;}
    ul.foot_links li {display:inline;}
    #footer form {float:right;}
    #footer form fieldset {height:18px;float:right;}
    #footer form fieldset input {height:17px; line-height:100%; vertical-align:bottom;}
        #family_links {width:170px; height:17px; vertical-align:bottom; color:#808080; font-size:11px;}
        
    
    address {clear:both; padding:3px 0;}


#quick {position: absolute; right:-90px; top: 172px; width: 76px; z-index: 99; visibility:visible; text-align:center;}
    h2.quickmenu_tit {padding:0; margin:0;}
    #quick .qbg01 {background:url('/images/img1/common/quick_bgt.gif') no-repeat left top; padding-top:5px; width:76px;}
    #quick ul {background:url('/images/img1/common/quick_bgb01.gif') no-repeat left bottom;}
    #quick ul li {border-bottom:1px solid #d7d7d7; margin:0 8px;}
    #quick ul li.ht_28 {height:28px;border-bottom:none;}
    #scriptBtns {width:76px; background:url('/images/img1/common/quick_bgt.gif') no-repeat left top;}
        #scriptBtns div {position:relative; display:block; overflow:hidden;}
        #scriptBtns div.scriptBtn_p1 {padding:5px 0; border-bottom:1px solid #476da5;}
        #scriptBtns div.scriptBtn_p1 button {display:inline;}
        #scriptBtns div.print {padding-bottom:10px;background:url('/images/img1/common/quick_bgb02.gif') no-repeat left bottom; overflow:hidden; height:100%;}
        #scriptBtns div.print button {}
        #scriptBtns button {position:relative; top:0; left:0; padding:0; border:0; margin:0;}
        #scriptBtns button img { top:0; left:0; display:inline-block;}
        .btn20 {width:18px;}
        .btn20 img {_width:16px;}
        .btn30 {width:30px;*width:28px;}
        .btn30 img {_width:28px;}
        .btn40 {width:18px;}
        .btn40 img {_width:16px;}
        .button70 {width:66px; position:relative; top:2px;}
        .button70 img {_width:66px;*width:66px;}


.mb10 {margin-bottom:10px !important;}
.ml15 {margin-left:15px !important;}

/* 기술평가 */
		#tech_eval {position:relative; height:170px; border:3px solid #e0dfdf; padding:10px; overflow:visible;}
			#tech_eval h3.eval_title {position:absolute; left:9px;}
			#eval_tit_01 {top:7px;}
            #eval_tit_02 {top:40px;}
            #eval_tit_03 {top:73px;}
            #eval_tit_04 {top:106px;}
            #eval_tit_05 {top:139px;}
			#tech_eval div ul.eval_list {padding:7px 0 0 100px; color:#818180;}
                ul.eval_list li {width:300px; height:20px; background:url("/images/img1/main/bg_linkgo_li.gif") 0 2px no-repeat; padding:0 0 0 10px; letter-spacing:-0.5px;}                
			#tech_eval p.view_more {clear:both; position:absolute; top:-27px; left:421px; height:20px;}
/* 기술평가 end */


.al        {text-align:left}
.ac        {text-align:center}
.ar        {text-align:right}
.vt        {vertical-align:top}
.vb        {vertical-align:bottom}

.fl        {float:left}
.fr        {float:right}
.fc        {float:center}
.cl        {clear:left}
.cr        {clear:right}
.cb        {clear:both}

.b        {font-weight:bold}
.txt_s    {font-size:11px}
.txt_bb   {color:#000}
.txt_o    {color:#ff5a00}
.txt_br   {color:#c68443}
.txt_big  {font-size:16px}

.l03     {padding-left:3px}
.l05     {padding-left:5px}
.l10     {padding-left:10px}
.l15     {padding-left:15px}
.l20     {padding-left:20px}
.l25     {padding-left:25px}
.l27     {padding-left:27px}
.l28     {padding-left:28px}
.l30     {padding-left:30px}
.l35     {padding-left:35px}
.l45     {padding-left:45px}
.l65     {padding-left:65px}
.t02     {padding-top:2px}
.t03     {padding-top:3px}
.t05     {padding-top:5px; font-size:11px}
.t07     {padding-top:7px}
.t10     {padding-top:10px}
.t15     {padding-top:15px}
.t17     {padding-top:17px}
.t20     {padding-top:20px}
.t25     {padding-top:25px}
.t27     {padding-top:27px}
.t30     {padding-top:30px}
.t35     {padding-top:35px}
.t40     {padding-top:40px}
.t65     {padding-top:65px}
.r05     {padding-right:5px}
.r10     {padding-right:10px}
.r15     {padding-right:15px}
.r20     {padding-right:20px}
.r40     {padding-right:40px}
.b05     {padding-bottom:5px}
.b10     {padding-bottom:10px}
.b21     {padding-bottom:21px}
.b40     {padding-bottom:40px}
.b39     {padding-bottom:39px}
.b20     {padding-bottom:20px}
.b19    {padding-bottom:19px}
.b49     {padding-bottom:49px}
.b55     {padding-bottom:55px}

#container2    {
    width:875px;
    margin:0;
}

#container2 #con_sub {
    width:875px;
}

#footer2 {
    background:url('/images/common/footer_top.gif') top no-repeat;
    clear:left;
    width:875px;
    height:50px;
    padding:6px 0 0 6px;
    background-color:#fff
}

#footer3 {
    background:url('/images/common/footer_top2.gif') top no-repeat;
    clear:left;
    width:875px;
    height:11px;
    padding:6px 0 0 6px;
    background-color:#fff
}

#footer2 .fbanner {
    background:url('/images/common/fbanner_bg.gif') repeat-x;
    width:835px;
    height:50px;
    float:left
}

#rolling2 {
    width:755px;
    height:32px;
    padding-top:10px;
    float:left
}