/*common*/ *{margin:0;padding:0;} *{font-family: 'Droid Sans', 'Droid Sans Fallback', sans-serif;} body,input,textarea,select,table{font-size:14px; font-weight:normal; font-family:dotum,"µ¸¿ò",gulim,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif; line-height:1.25em;} .click_input{margin:0 0 -2px 0;vertical-align:middle;border:none;} body{position:relative; background-color:#eeeeee; color:#707070; word-wrap:break-word;word-break:break-all;} img,fieldset{border:0;} img,input,select,textarea{vertical-align:middle;} select {font-size:12px; color:#393939; padding:2px 1px;} ul,ol,li{list-style:none;} a{color:#707070;text-decoration:none; cursor:pointer;} em,address{font-style:normal;} .hidden_phrase{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;} hr{display:none !important;} .ir{overflow:hidden;text-indent:-1000em;} .clear {clear:both;} .input{z-index:1;} /*layout*/ #wrap{/*position:relative;*/ min-width:320px; margin:0; background-color:#FFF;} /* topmenu */ #header {position:relative;width:100%;height:36px;margin:2px 0 0 0px;} #header {z-index:0;border-bottom:2px solid #dddddd;} #header a.logo {width:50%;float:left;text-align:center;margin:0px 0 0 15px;} #header a.logo2 {width:50%;float:center;text-align:center;margin:0px 0 0 15px;} #header a.bt {width:20%;float:left;margin:4px 0 0 5px;} #header a.bt2 {margin:4px 5px 0 5px;} #header a.login {width:20%;float:right;text-align:right;margin:4px 5px 0 0;} #header a.login2 {text-align:right;margin:4px 5px 0 0;} /* submenu */ #topmenu {position:relative;width:100%;height:50px;background: url(http://www.mijinsoft.co.kr/html/mobile/img/common/topbg.gif) repeat-x 0 0 ;} #topmenu a.logo {width:45%;float:left;margin:5px 0 0 0px;} #topmenu a.bt {width:10%;float:left;margin:7px 0 0 0px;} #topmenu a.login {width:20%;float:right;text-align:center;margin-top:7px;} /* topmenu */ #mainbt {position:relative;width:100%;height:280px;margin-top:20px;text-align:center;} #footer_1 {clear:both; position:relative; width:100%; height:25px; padding-top:30px;} #footer_1 .prev {float:left;text-align:left;} #footer_1 .top {float:right;text-align:right;} #footer_1 .pc {float:right;text-align:right;margin-right:-2px;} .footer_3 {position:relative; width:100%; height:25px;} .footer_3 .prev {float:left;text-align:left;} #footer {clear:both; font-size:12px; position:relative; width:100%;height:100%;float:left;background-color:#efefef;text-align:center;padding-top:5px;padding-bottom:5px;} #footer {z-index:0;height:50px;width:100%;border-top:2px solid #ac141a;} #footer span {color:#d5d6d8;} #footer li {margin:5px 0 0 0;} #footer .corp {color:#848684;text-align:center; font-size:14px;} #footer_2 {width:100%;float:left;text-align:center;margin-top:19px; margin-bottom:10px;} /*font color*/ .txt01 {color:#000000;font-weight:bold;font-size:14px;} .txt01w {color:#ffffff;font-weight:bold;font-size:14px;} .txt01nb {color:#000000;font-weight:normal;font-size:14px;} .txt02nb {color:#000000;font-weight:normal;font-size:12px;} .txt03 {color:#000000;font-weight:bold;font-size:12px;} .orange {color:#FF4400;} .red {color:#DF002D;} .blue{color:#408BDF;} .gray {color:#555555;} .black {color:#000;} .b_no { font-weight:normal;} .bold {font-weight:bold;} /*font size*/ .font11 {font-size:11px;} .font12 {font-size:12px;} .font13 {font-size:13px;} .font14 {font-size:14px;} .font15 {font-size:15px;} .font16 {font-size:16px;} /*padding */ .pl_5 {padding-left:5px;} .pl_l0 {padding-left:10px;} .pl_l2 {padding-left:12px;} .pl_l5 {padding-left:15px;} .pl_20 {padding-left:20px;} .pl_30 {padding-left:30px;} .pl_40 {padding-left:40px;} .pl_50 {padding-left:50px;} .pr_5 {padding-right:5px;} .pr_l0 {padding-right:10px;} .pr_l5 {padding-right:15px;} .pr_20 {padding-right:20px;} /*margin*/ .ml0 {margin-left:8px; margin-right:8px;} .mtb5{margin-top:5px; margin-bottom:5px;} .mb5{margin-bottom:5px;} .mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:20px;} .mt40{margin-top:40px;} .margin10 {margin:0 10px;} .top-5 {margin:5px 0 0 0 ;} .top-20 {margin:20px 0 0 0 ;} .indent_10 {text-indent:1.2em;} /*align*/ .va_t {vertical-align:top;} .a_l {text-align: left;} .a_r1 {text-align: right;} .a_c {text-align: center;} .a_r{position:absolute; right:10px;; padding:0; margin:0;} .a_rr{position:absolute; right:20px;; padding:0; margin:0;} .a_r5 {position:absolute; right:5px;; padding:0; margin:0;} /* Page Navigation */ #pagination { clear: both; margin: 0 auto; text-align: center; font-size:15px; font-family: 'Helvetica'; letter-spacing: -1px; line-height: normal; padding-top: 15px; white-space: nowrap; } .cur_num, #pagination span{ display: inline-block; color: #656565; text-decoration: none; border: 1px solid #d4d4d4; vertical-align: middle; margin: 2px; } .num_prev { padding: 3px 8px; border: 1px solid #cdcdcd; color:#707070; background-color: #DEDFDE; } .num_next { padding: 3px 8px; border: 1px solid #cdcdcd; color:#707070; background-color: #DEDFDE; } .num_box { padding: 3px 8px; border: 1px solid #cdcdcd; color:#5a5d5a; background-color: #fff; font-weight:bold; } .cur_num {padding: 3px 8px; background-color: #8a8a8a; border: 1px solid #757575; color:#fff; } /*intro*/ #m_search{position:relative; height:35px; background:url(../ndomain/bar_bg.gif) repeat-x; margin:0; } #m_search h2{position:absolute;z-index:1;width:52px; margin:11px 0 0 6px; *margin:4px 0 0 6px} #m_search h3 {display:inline-block; margin:8px 0 0 8px; font:bold 16px dotum,"µ¸¿ò",gulim,"±¼¸²"; color:#fff; } .msh1{/*position:relative; */ padding:3px 70px 0 62px;} .msh1 .mitw{display:block;height:28px;padding:0 10px 0 0.35em; border:1px solid #AE1E28;background:#fff;} .msh1 .mit{width:100%; -webkit-border-radius:0;-webkit-appearance:none; border:0; font-size:14px; font-weight:bold; color:#333; text-transform:lowercase; padding:8px 0px 0px 0px; letter-spacing:0px; } .msh1 .mbtn_se1{width:58px; overflow:visible; position:absolute; right:8px;top:4px; letter-spacing:-1px; height:29px;line-height:25px; padding:0 1px; border:1px solid #383C41; -webkit-box-shadow:0 0; background:#5E6062 url(../ndomain/bt_black1.gif) repeat-x ; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; white-space:nowrap;cursor:pointer;-webkit-border-radius:0} .ds_name {position:relative; width:100%; height:46px; background:#F7F7F7 url(../main/bar_gray_bg.gif) repeat-x; padding:0; display:block; overflow:hidden;} .ds_name p{font-size:12px; line-height:1.4em; color:#8E8E8E; padding:9px 8px; overflow:hidden;} /*services*/ .ns{position:relative; width:100%; height:100%; overflow:hidden;display: inline-block; margin:0; background:#F7F7F7; padding:15px 0px; 0px 0px; } .ns li{position:relative;float:left; overflow:hidden;width:63px;height:82px; margin:0 6px 0 6px; } .ns a{overflow:hidden;display:block;width:100%;height:100%; text-align:center; font-size:0.86em;line-height:1em;letter-spacing:-1px; } .ns .i{display:block;width:56px; /*width:63px;*/ height:49px;margin:7px 0px 6px 5px; } .ns1 .i{background:url(../main/icon_1.gif) no-repeat;} .ns2 .i{background:url(../main/icon_2.gif) no-repeat;} .ns3 .i{background:url(../main/icon_3.gif) no-repeat;} .ns4 .i{background:url(../main/icon_4.gif) no-repeat;} .ns5 .i{background:url(../main/icon_5.gif) no-repeat;} .ns6 .i{background:url(../main/icon_6.gif) no-repeat;} .ns7 .i{background:url(../main/icon_7.gif) no-repeat;} /*°øÁö»çÇ×*/ #mnotice_area{position:relative; margin-top:15px; padding-top:10px; width:100%;} #mnotice_area h4 { display:block; height:17px; font-size:16px; border-bottom:2px solid #9C9E9C; color:#464646; padding:0 0 4px 7px; } #mnotice_area h4 a{ display:inline; color:#000000; padding:0 0 4px 0px; } .mtxt li{display:block; width:100%; background:url(../domain/bul_list.gif) no-repeat 7px 15px ; border-bottom:1px solid #EDEDED;} .mtxt li a{display:block; font-size:16px; color:#848684; line-height:20px; padding:6px 0 6px 15px; } .mtxt li.noline {background:url(../domain/bul_list.gif) no-repeat 7px 12px ; border-bottom:1px solid #fff; } /*·Î±×ÀÎ*/ #login_area {position:relative;margin:20px 10px; background-color:#efefef; border-top: solid 2px #9C9E9C; border-bottom: solid 2px #9C9E9C; padding:3px 0 10px 0;} .log_ip {padding:0 20px 0 20px;} .log_ip li{width:100%; padding-top:10px;} .log_ip li label{font-size:14px; font-weight:bold; position:absolute;z-index:1;width:60px; padding-top:7px;} .log_it1{display:block; border:1px solid #C9C9C9;background:#fff; padding:3px 3px; margin:2px 0 6px 70px; *margin:0px 0 3px 70px; } .log_it1 input{width:100%; border:0 none; -webkit-border-radius:0;-webkit-appearance:none; border:0; font-size:15px; font-weight:bold; color:#333; padding:2px 0} .log_sv{clear:both; margin-top:0px; padding:0 0 17px 0px; font-size:12px; color:#848684; white-space:nowrap; text-align:center;} .log_sv input{width:19px;height:19px;vertical-align:middle;} .log_sv label{margin-right:1em; vertical-align:-0.2em;} .log_text {padding-left:20px; margin-top:-10px; } .log_btn{ width:65px; overflow:visible; letter-spacing:-1px; height:30px;line-height:28px; padding:0 1px; border:1px solid #313131; -webkit-box-shadow:0 1px #8C8C8C; background:#5E6062 url(../ndomain/bt_black.gif) repeat-x ; color:#fff; font-size:14px; font-weight:bold; vertical-align:middle; white-space:nowrap;cursor:pointer;-webkit-border-radius:0} /*¿¡·¯*/ #error_area {position:relative;margin:20px 0px 0 0px; background-color:#F7F7F7; border-top: solid 2px #9C9E9C; border-bottom: solid 2px #9C9E9C; padding:10px 0 20px 0;} .btn_error{margin:0 3px; height:25px; /*line-height:27px;*/ padding:5px 0.6em; border:1px solid #313131; -webkit-border-radius:0px; -webkit-box-shadow: 0px #8C8C8C; background:url(../ndomain/bt_black.gif) repeat-x ;font-size:14px; color:#FFF; font-weight:bold; letter-spacing:-1px;} .info_error {position:relative; padding:2px 10px 5px 18px;background: url(../ndomain/icon_arrow1.gif) no-repeat 10px 6px;font-size:12px; letter-spacing:0;} /*ad-±¤°í*/ #ad_m { position:relative; text-align: center; margin:20px 5px 0 5px; border:0px solid #d5d5d5;} #ad{width:100%;margin:9px 0 0 0;} #ad span{display:block;padding:0 23px;} #adImg img{vertical-align:top; border:0} #adLink{display:block;cursor:pointer;} #adImg{display:block;margin:0 auto;overflow:hidden; text-align: center; } /**/ .ico_area {position:relative; margin:0 auto; margin:15px 8px; } .ico_area h3{margin:16px 0 9px 0;} .ico_area .info {color:#7995AF; font-size:12px;border-bottom:1px solid #BEC0BE; margin:0px 0 30px 0; padding-bottom:10px;} /*¼­ºê¸Þ´º*/ .sm {padding-top:0px; background-color:#ffffff;text-align:center;position:relative;width:100%;background:url(../mobile/img/common/topbg.gif) repeat-x;} .tab_menu li{float:left;-webkit-box-sizing:border-box;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-radius:4px 4px 0 0;background-color:#ffffff;} .tab_menu li a{font-size:14px;color:#ffffff;float:left;width:100%;height:30px;text-align:center;line-height:30px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-radius:3px 3px 0 0;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#e43239),to(#ae171c));background-color:#ae171c;} .tab_menu li.on{height:30px;z-index:1;} .tab_menu li.on a{color:#ffffff;height:30px;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(#f08300),to(#d87600));background-color:#d87600;} .tab_menu{z-index:0;height:30px;width:100%;border-bottom:2px solid #ac141a;} .tab_menu li.menu1{width:33%;padding:0 1px;} .tab_menu li.menu2{width:33%;padding:0 1px;} .tab_menu li.menu3{float:none;overflow:hidden;margin:0;zoom:1;padding:0 1px;} .tab_menu li.menu4{width:20%;padding:0 1px;} .tab_menu li.menu5{float:none;overflow:hidden;margin:0;zoom:1;padding:0 1px;} /* ¸Þ´º¹Ù */ .menubar{z-index:0;height:25px;width:100%;text-align:left;vertical-align:middle;margin-top:4px;border-bottom:1px solid #000000;background:#FFFFFF;} /* ¸ÞÀÎÄÜÅÙÃ÷ */ .content{margin:0; background:#F7F7F7; padding:3px 0px; 0px 0px; } /* ¹öư */ .button{margin:0; background:#FFFFFF; padding:5px 0px; 0px 5px; text-align:center;} .popbuttonbig{font-size:14px;color:#ffffff;width:70px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .popbutton{font-size:14px;color:#ffffff;width:55px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .testbutton{font-size:14px;color:#ffffff;width:135px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .cbutton{font-size:14px;color:#ffffff;width:32px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .rpopbuttonbig{font-size:14px;color:#ffffff;width:70px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#d95055),to(#ae171c));background-color:#ae171c;} .rpopbutton{font-size:14px;color:#ffffff;width:55px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#d95055),to(#ae171c));background-color:#ae171c;} .rtestbutton{font-size:14px;color:#ffffff;width:135px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#d95055),to(#ae171c));background-color:#ae171c;} .rcbutton{font-size:14px;color:#ffffff;width:32px;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#d95055),to(#ae171c));background-color:#ae171c;} /*µî·Ï°ü¸® Å×À̺í */ .rline { border-right:1px solid #D5D5D5; } .bline { border-bottom:1px solid #D5D5D5;} .lline { border-left:1px solid #D5D5D5; } /* ÀÚ¹Ù ½ºÅ©·Ñ */ .scroller_container{ position:relative; border:1px solid #CCC; overflow:hidden; top:0;left:0 } .scroller{ position:relative; float:left; } .scroller_navigator{ float:right;border:1px solid #CCC; height:150px; width:45px; } .scroll_down, .scroll_up{ clear:left;padding:8px } .scroller_navigator_spacer{ width:10px; height:48px; clear:left; }