@import url(/css/hana_web.css); @import url(/css/nanumgothic_web.css); @import url(/css/notosanskr_web.css); @import url(/css/micegothic_web.css); @import url(/css/yangjin_web.css); @import url(/css/esamanru_web.css); @import url(/css/pretendard_web.css); /* MAIN */ #main { width: 983px; height: 990px; padding-top: 90px; position: relative; overflow: hidden; } /* CONTAINER */ .container {max-width: 880px; margin:0 auto} /* ▼ header */ #location a.a2:hover { font-size: 11px; text-decoration: underline; } /* mr top header */ #mr_top_header {position:relative; width:100%; background-color:#ebebeb; } #mr_top_header .wrap {position:relative; margin:0 auto; } #mr_top_header .wrap ul {float: right; display: flex; justify-content: end; list-style-type:none; margin:0; padding: 6px;} #mr_top_header .wrap li {border-left:1px solid #999; padding:0 6px; font: 12px; } #mr_top_header .wrap li:first-child{border-left:none;} #mr_top_header .wrap a.menu1 {width:50px; } #mr_top_header .wrap a.menu2 {width:50px; } #mr_top_header .wrap a.menu3 {width:50px;} #mr_top_header .wrap a.menu4 {width:50px;} #mr_top_header .wrap a.menu5 {width:50px;} #mr_top_header .wrap a.menu6 {width:50px;} #mr_top_header .logo { height: 25px; min-height: 25px; } /*common_txt*/ .common_txt01 {float:left; font-size:10pt; padding-left:5px; color:#464646} /* 메인 Top */ .topMenu { position:relative; max-width: 880px; height:102px;} .topMenu .menuWrap { position:relative; margin-left:180px; padding-top:32px; width:600px; height:72px; } .topMenu .menuWrap li { float:left; height:17px;} .topMenu .menuWrap li a { display:block; height:17px; text-indent:-9999px;} /*HOME*/ .topMenu .menuWrap li.menu1 {width:47px;padding-right:5px;} .topMenu .menuWrap li.menu1 a { background:url("/img/head/topmenu_01.gif") 0 0 no-repeat;padding-right:5px; } .topMenu .menuWrap li.menu1 a:hover { background:url("/img/head/topmenu_01_over.gif") 0 0 no-repeat;padding-right:5px; } .topMenu .menuWrap li.menu1_over {width:47px; background:url("/img/head/topmenu_01_over.gif") 0 0 no-repeat;padding-right:5px; } /*지식인탑랭커*/ .topMenu .menuWrap li.menu2 { width:95px;padding-right:5px;} .topMenu .menuWrap li.menu2 a { background:url("/img/head/topmenu_02.gif") 0 0 no-repeat;padding-right:5px; } .topMenu .menuWrap li.menu2 a:hover { background:url("/img/head/topmenu_02_over.gif") 0 0 no-repeat;padding-right:5px; } .topMenu .menuWrap li.menu2_over {width:95px;background:url("/img/head/topmenu_02_over.gif") 0 0 no-repeat;padding-right:5px;} /*클릭엔젤*/ .topMenu .menuWrap li.menu3 { width:60px; padding-right:5px;} .topMenu .menuWrap li.menu3 a { background:url("/img/head/topmenu_03.gif") 0 0 no-repeat; padding-right:5px; } .topMenu .menuWrap li.menu3 a:hover { background:url("/img/head/topmenu_03_over.gif") 0 0 no-repeat; padding-right:5px;} .topMenu .menuWrap li.menu3_over {width:60px;background:url("/img/head/topmenu_03_over.gif") 0 0 no-repeat;padding-right:5px;} /*다운로드*/ .topMenu .menuWrap li.menu4 { width:77px;padding-right:5px;} .topMenu .menuWrap li.menu4 a { background:url("/img/head/topmenu_04.gif") 0 0 no-repeat; padding-right:5px;} .topMenu .menuWrap li.menu4 a:hover { background:url("/img/head/topmenu_04_over.gif") 0 0 no-repeat; padding-right:5px;} .topMenu .menuWrap li.menu4_over { width:77px;background:url("/img/head/topmenu_04_over.gif") 0 0 no-repeat; padding-right:5px;} /*이용권구매*/ .topMenu .menuWrap li.menu5 { width:55px;} .topMenu .menuWrap li.menu5 a { background:url("/img/head/topmenu_05.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu5 a:hover { background:url("/img/head/topmenu_05_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu5_over { width:55px; background:url("/img/head/topmenu_05_over.gif") 0 0 no-repeat; } /*쇼핑엔젤*/ .topMenu .menuWrap li.menu6 { width:60px;} .topMenu .menuWrap li.menu6 a { background:url("/img/head/topmenu_06.gif?ver=2018120601") 0 0 no-repeat; } .topMenu .menuWrap li.menu6 a:hover { background:url("/img/head/topmenu_06_over.gif?ver=2018120601") 0 0 no-repeat; } .topMenu .menuWrap li.menu6_over { width:60px; background:url("/img/head/topmenu_06_over.gif?ver=2018120601") 0 0 no-repeat; } /***********************************************************************************************************************/ .topMenu2 { position:relative; max-width: 880px; height:102px;} .topMenu2 .menuWrap { position:relative; margin-left:180px; padding-top:32px; width:680px; height:72px; } .topMenu2 .menuWrap li { float:left; height:17px;} .topMenu2 .menuWrap li a { display:block; height:17px; text-indent:-9999px;} /*서치랭커*/ .topMenu2 .menuWrap li.menu1 {width:60px;padding-right:5px;} .topMenu2 .menuWrap li.menu1 a { background:url("/img/head/topmenu_searchranker_01.gif") 0 0 no-repeat;padding-right:5px; } .topMenu2 .menuWrap li.menu1 a:hover { background:url("/img/head/topmenu_searchranker_01_over.gif") 0 0 no-repeat;padding-right:5px; } .topMenu2 .menuWrap li.menu1_over {width:60px; background:url("/img/head/topmenu_searchranker_01_over.gif") 0 0 no-repeat;padding-right:5px; } /*탑랭커*/ .topMenu2 .menuWrap li.menu2 { width:44px;padding-right:5px;} .topMenu2 .menuWrap li.menu2 a { background:url("/img/head/topmenu_topranker_02.gif") 0 0 no-repeat;padding-right:5px; } .topMenu2 .menuWrap li.menu2 a:hover { background:url("/img/head/topmenu_topranker_02_over.gif") 0 0 no-repeat;padding-right:5px; } .topMenu2 .menuWrap li.menu2_over {width:44px;background:url("/img/head/topmenu_topranker_02_over.gif") 0 0 no-repeat;padding-right:5px;} /*다운로드*/ .topMenu2 .menuWrap li.menu3 { width:60px; padding-right:5px;} .topMenu2 .menuWrap li.menu3 a { background:url("/img/head/topmenu_03.gif") 0 0 no-repeat; padding-right:5px; } .topMenu2 .menuWrap li.menu3 a:hover { background:url("/img/head/topmenu_03_over.gif") 0 0 no-repeat; padding-right:5px;} .topMenu2 .menuWrap li.menu3_over {width:60px;background:url("/img/head/topmenu_03_over.gif") 0 0 no-repeat;padding-right:5px;} /*이용권구매*/ .topMenu2 .menuWrap li.menu4 { width:77px;padding-right:5px;} .topMenu2 .menuWrap li.menu4 a { background:url("/img/head/topmenu_04.gif") 0 0 no-repeat; padding-right:5px;} .topMenu2 .menuWrap li.menu4 a:hover { background:url("/img/head/topmenu_04_over.gif") 0 0 no-repeat; padding-right:5px;} .topMenu2 .menuWrap li.menu4_over { width:77px;background:url("/img/head/topmenu_04_over.gif") 0 0 no-repeat; padding-right:5px;} /*1:1*/ .topMenu2 .menuWrap li.menu5 { width:55px;} .topMenu2 .menuWrap li.menu5 a { background:url("/img/head/topmenu_05.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu5 a:hover { background:url("/img/head/topmenu_05_over.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu5_over { width:55px; background:url("/img/head/topmenu_05_over.gif") 0 0 no-repeat; } /*클릭엔젤*/ .topMenu2 .menuWrap li.menu6 { width:60px;} .topMenu2 .menuWrap li.menu6 a { background:url("/img/head/topmenu_06.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu6 a:hover { background:url("/img/head/topmenu_06_over.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu6_over { width:60px; background:url("/img/head/topmenu_06_over.gif") 0 0 no-repeat; } /*cloud*/ .topMenu2 .menuWrap li.menu7 { width:60px;} .topMenu2 .menuWrap li.menu7 a { background:url("/img/head/topmenu_clouds.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu7 a:hover { background:url("/img/head/topmenu_clouds_over.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu7_over { width:60px; background:url("/img/head/topmenu_clouds_over.gif") 0 0 no-repeat; } /*cloud*/ .topMenu2 .menuWrap li.menu8 { width:77px;} .topMenu2 .menuWrap li.menu8 a { background:url("/img/head/topmenu_top_account.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu8 a:hover { background:url("/img/head/topmenu_top_account_over.gif") 0 0 no-repeat; } .topMenu2 .menuWrap li.menu8_over { width:77px; background:url("/img/head/topmenu_top_account_over.gif") 0 0 no-repeat; } /*.topmenu_sub { width: 100%; height: 200px; overflow: hidden;} .topmenu_sub .topmenu_flash { position: absolute; z-index: 9999; top: 0; left: 0;} .topmenu_sub .topmenu_bot { position: absolute; top:100px;}*/ /* mr wrap */ #mr_wrap {position:relative; width:100%;} /* mr header */ #mr_header {position:relative; width:100%; height:82px; background:url("/img/bg/bg_head.jpg") repeat 0 0; text-indent:-9999em;} #mr_header .wrap {position:relative; max-width: 880px; height:82px; margin:0 auto;} #mr_header .wrap a.btn_home {position:absolute; top:0; left:0; display:block; width:140px; height:80px; background:url("/img/head/logo_npro.jpg") no-repeat 0px -5px; text-indent:-9999em} #mr_header .wrap .menu_area {overflow:hidden; position:absolute; top:5px; right:0} #mr_header .wrap .menu_area li {float:left; margin:0 0 0 30px; zoom:1} #mr_header .wrap a.menu1 {width:98px; background-position:0 0} #mr_header .wrap a.menu2 {width:122px; background-position:0 -42px} #mr_header .wrap a.menu3 {width:122px; background-position:0 -84px} #mr_header .wrap a.menu4 {width:65px; background-position:0 -126px} #mr_header .wrap a.menu5 {width:82px; background-position:0 -168px} #mr_header .wrap a.menu6 {width:82px; background-position:0 -200px} #mr_header .wrap a.menu1:hover {background-position:-150px 0} #mr_header .wrap a.menu2:hover {background-position:-150px -42px} #mr_header .wrap a.menu3:hover {background-position:-150px -84px} #mr_header .wrap a.menu4:hover {background-position:-150px -126px} #mr_header .wrap a.menu5:hover {background-position:-150px -168px} #mr_header .wrap a.menu6:hover {background-position:-150px -200px} /* ▲ header */ /* container */ #mr_container {} /* content */ /* #mr_container .content {max-width: 880px; height:242px; margin:0 auto;} */ #mr_container .content {max-width: 880px;margin:0 auto;} /* ▼ main */ /* main_비쥬얼 */ #mr_container .spot .wrap {height:553px; width:100%; background:url("/img/bg/bg_main.gif") repeat 0 0; } #mr_container .spot .wrap .inner { overflow:hidden; position:absolute; top:493px; width:100%; height:60px; margin:0 auto; background:url("/img/bg/bg_main_bar.png") repeat-x 0 0;} #mr_container .spot .wrap .main {position:relative; height:553px; max-width: 880px; margin:0 auto; background:url("/img/main/c_img_01.gif") no-repeat 0 0; } #mr_container .spot .wrap .main2 {position:relative; height:553px; max-width: 880px; margin:0 auto; background:url("/img/main/c_img_02.gif") no-repeat 0 0; } #mr_container .spot .wrap .btns a {position:absolute; width:334px; height:58px; text-indent:-9999em} #mr_container .spot .wrap .btns a.btn1 {top:19px; left:636px} #mr_container .spot .wrap .btns a.btn2 {top:77px; left:636px} #mr_container .spot .wrap .btns a.btn3 {top:135px; left:636px} #mr_container .spot .wrap .btns a.btn4 {top:0px; left:0px; background:url("/img/main/btn_left.png"); width:52px; height:92px;} #mr_container .spot .wrap .btns a.btn5 {top:0px; left:30px; background:url("/img/main/btn_right.png"); width:52px; height:92px;} /*main_table*/ #mr_container .main_table {float:left; max-width: 880px; height:170px; padding-top:30px;} /*main_공지사항 및 이벤트 main_table */ #mr_container .main_table .info_list {float:left; width:263px; height:170px;} #mr_container .main_table .info_list a.title {display:block; float:left; width:128px; height:17px; background:url("/img/main/table_01_title.gif") no-repeat 0 0} #mr_container .main_table .info_list a.more {display:block; float:right; width:44px; height:17px; background:url("/img/main/mr_btn_more.gif") no-repeat 0 0} #mr_container .main_table .info_list ul {clear:both; padding-top:10px} #mr_container .main_table .info_list li {zoom:1; padding:3px 0 4px 0; font-size:10pt; color:#333} #mr_container .main_table .info_list li a:hover {text-decoration:underline; color:#333;font-size:10pt;} #mr_container .main_table .info_list li.last {border-bottom:0 none !important} /*main_최신 지식인 뉴스*/ #mr_container .main_table .kin_list {float:left; width:263px; height:170px; margin-left:31px;} #mr_container .main_table .kin_list a.title {display:block; float:left; width:113px; height:17px; background:url("/img/main/table_02_title.gif") no-repeat 0 0} #mr_container .main_table .kin_list a.more {display:block; float:right; width:49px; height:17px; background:url("/img/main/mr_btn_more.gif") no-repeat 0 0} #mr_container .main_table .kin_list ul {clear:both; padding-top:10px} #mr_container .main_table .kin_list li {zoom:1; padding:3px 0 4px 0; font-size:11px; color:#333} #mr_container .main_table .kin_list li a:hover {text-decoration:underline; color:#333} #mr_container .main_table .kin_list li.last {border-bottom:0 none !important} /* 로그인 창 */ #mr_container .loginbox {float:right; width:293px; height:170px; background:url("/img/bg/bg_login.gif") no-repeat 0 0;} #mr_container .loginbox .inner {margin:30px 0 0 20px} #mr_container .loginbox ul {float:right; list-style-type:none; margin:0; padding-top:8px;} #mr_container .loginbox li {float:left; border-left:1px solid #999; padding:0 6px; font: 12px; } #mr_container .loginbox li:first-child{border-left:none;} #mr_container .loginbox a.menu1 {width:50px;} #mr_container .loginbox a.menu2 {width:50px;} #mr_container .loginbox a.menu3 {width:50px;} #mr_container .loginbox a.menu4 {width:50px;} #mr_container .loginbox a.menu5 {width:50px;} /* 로그인 창 */ #mr_container .logoutbox {float:right; width:293px; height:170px;} #mr_container .logoutbox .inner {margin:30px 0 0 20px} #mr_container .logoutbox ul {float:right; list-style-type:none; margin:0; padding-top:8px;} #mr_container .logoutbox li {float:left; border-left:1px solid #999; padding:0 6px; font: 12px; } #mr_container .logoutbox li:first-child{border-left:none;} #mr_container .logoutbox a.menu1 {width:50px; } #mr_container .logoutbox a.menu2 {width:50px; } #mr_container .logoutbox a.menu3 {width:50px;} #mr_container .logoutbox a.menu4 {width:50px;} #mr_container .logoutbox a.menu5 {width:50px;} /* ▲ main */ /* ▼ intro */ /* intro_비쥬얼- 페이지 켄슬 #mr_container .intro {position:relative; width:100%; height:100%;} #mr_container .intro .title {height:434px; width:100%; background:url("/img/bg/bg_intro.gif") repeat 0 0; } #mr_container .intro .title .img01 {position:relative; height:434px; max-width: 880px; margin:0 auto; background:url("/img/title/title_intro_01.jpg") no-repeat 0 0; } #mr_container .intro .wrap .content {position:relative; max-width: 880px; height:100%;} #mr_container .intro .wrap .content .info01 {position:relative; width:640px;height:480px; margin:5px auto;} #mr_container .intro .wrap .content .info02 {position:relative; max-width: 880px; height:330px; margin:5px auto;} #mr_container .intro .wrap .content .info02 .img02 {position:relative; height:330px; width:371px; margin:0 auto; background:url("/img/intro/intro_img_02.jpg") no-repeat 0 0; } #mr_container .intro .wrap .content .info02 .img03 {position:relative; width:434px; height:206px; margin:0 auto; background:url("/img/intro/intro_img_03.jpg") no-repeat 0 0; } #mr_container .intro .wrap .content .info02 .img04 {position:relative; height:330px; width:371px; margin:0 auto; background:url("/img/intro/intro_img_04.jpg") no-repeat 0 0; } #mr_container .intro .wrap .content .info02 .img05 {position:relative; width:434px; height:206px; margin:0 auto; background:url("/img/intro/intro_img_05.jpg") no-repeat 0 0; } #mr_container .intro .wrap .content .info02 .img06 {position:relative; height:330px; width:371px; margin:0 auto; background:url("/img/intro/intro_img_06.jpg") no-repeat 0 0; } #mr_container .intro .wrap .content .info02 .img07 {position:relative; width:434px; height:206px; margin:0 auto; background:url("/img/intro/intro_img_07.jpg") no-repeat 0 0; } /* ▲ intro */ /* ▼ soulotion */ /* ▼list */ /* ▲list */ /* ▼detail */ #mr_container .solution_detail {position:relative; width:100%; height:100%; } #mr_container .solution_detail .wrap {position:relative; margin:0 auto;} #mr_container .solution_detail .wrap .content {position:relative; max-width: 880px; height:0px; margin:0 auto;} #mr_container .solution_detail .wrap .content .info {} #mr_container .solution_detail .wrap .content .info ul{padding-left:30px;} #mr_container .solution_detail .wrap .content .info li{height:30px; padding-top:6px; border-bottom: 1px dashed #c7c7c7;} #mr_container .solution_detail .wrap .content .info li:first-child{ font: 20px; font-weight:bold;} #mr_container .solution_detail .wrap .content .info li a:hover, a:focus {font: 12px #ff5c00; text-decoration:none;} #mr_container .solution_detail .wrap .content .info .buy {padding-top:15px;} #mr_container .solution_detail .wrap .content .info .standard {height:25px;width:140px;} #mr_container .solution_detail .wrap .content .info .amount {height:25px; width:50px; text-align:center;} #mr_container .solution_detail .wrap .content .info .amount2 {height:25px; width:50px; text-align:right;font-size:150%;font-weight:bold; } #mr_container .solution_detail .wrap .content .info .btn1 {display:block; position:relative; margin-left:15px; float:left; height:47px; width:120px; background:url("/img/btn/btn_product_buy.jpg") no-repeat 0 0;} #mr_container .solution_detail .wrap .content .info .btn2 {display:block; margin-left:15px; float:right; position:relative; height:47px; width:120px; background:url("/img/btn/btn_product_cart.jpg") no-repeat 0 0;} #mr_container .solution_detail .wrap .content .sum {position:relative; width:100%; padding-top:15px; height:45px;} #mr_container .solution_detail .wrap .content .sum ul {position:relative; width:350px; margin:0 auto;} #mr_container .solution_detail .wrap .content .sum li {float:left; margin:0 0 15px 5px; } #mr_container .solution_detail .wrap .content .explain {position:relative; max-width: 880px; height:100;} #mr_container .solution_detail .wrap .content .explain .menu1 {position:relative; height:40px; max-width: 880px; background:url("/img/solution/menu_01.jpg") no-repeat 0 0;} #mr_container .solution_detail .wrap .content .explain .info {position:relative; padding-top:10px; float:left; } #mr_container .solution_detail .wrap .content .explain .info .tbl01 {position:relative; margin-left:103px;} #mr_container .solution_detail .wrap .content .explain .info dl{font-size:17px;font-weight:bold;} #mr_container .solution_detail .wrap .content .explain .info dt{font-size:14px;padding-top:15px; padding-bottom:15px;} #mr_container .solution_detail .wrap .content .explain .info dl a:hover, a:focus {font: 12px #ff5c00; text-decoration:none;} #mr_container .solution_detail .wrap .content .explain .info .img01{display:block; position:relative; max-width: 880px; height:688px; margin:0 auto; background:url("/img/solution/topranker/soultion_img_01.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .solution_detail .wrap .content .explain .info .img02{display:block; position:relative; max-width: 880px; height:187px; margin:0 auto; background:url("/img/downloads/downloads_img_03_20140423.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .solution_detail .wrap .content .explain .info .banner01{display:block; position:relative; max-width: 880px; height:90px; margin:0 auto; background:url("/img/banner/banner_youngip_01.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .solution_detail .wrap .content .explain .info .img03{display:block; position:relative; max-width: 880px; height:97px; margin:0 auto; background:url("/img/solution/topranker/soultion_img_02.jpg") no-repeat 0 0; margin-top:60px;} #mr_container .solution_detail .wrap .content .explain .info .movie01 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/topranker/topranker_movie_01.gif") no-repeat 0 0; } #mr_container .solution_detail .wrap .content .explain .info .movie02 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/topranker/topranker_movie_02.gif") no-repeat 0 0; } #mr_container .solution_detail .wrap .content .explain .info .movie03 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/topranker/topranker_movie_03.gif") no-repeat 0 0; } #mr_container .solution_detail .wrap .content .explain .info .movie04 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/topranker/topranker_movie_04.gif") no-repeat 0 0; } #mr_container .solution_detail .wrap .content .explain .info .movie05 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/topranker/topranker_movie_05.gif") no-repeat 0 0; } #mr_container .solution_detail .wrap .content .explain .menu2 {position:relative; height:40px; max-width: 880px; margin:0 auto; background:url("/img/solution/menu_02.jpg") no-repeat 0 0;} #mr_container .solution_detail .wrap .content .explain .menu3 {position:relative; height:40px; max-width: 880px; margin:0 auto; background:url("/img/solution/menu_03.jpg") no-repeat 0 0;} #mr_container .solution_detail .wrap .content .explain .info {position:relative;} #mr_container .solution_detail .wrap .content .explain a.btn1{position:relative;display:block; float:left; width:100px; height:40px; margin-left:0px; margin-top:0px;} #mr_container .solution_detail .wrap .content .explain a.btn2{position:relative; float:left; display:block; width:100px; height:40px; margin-left:0px; margin-top:0px;} #mr_container .solution_detail .wrap .content .explain a.btn3{position:relative; float:left; display:block; width:100px; height:40px; margin-left:0px; margin-top:0px;} /* ▲detail */ /* ▲ soulotion */ /* ▼clickangels */ #mr_container .clickangels {position:relative; width:100%; height:100%; } #mr_container .clickangels .wrap {position:relative; margin:0 auto;} #mr_container .clickangels .wrap .content {position:relative; max-width: 880px; height:0px; margin:0 auto;} #mr_container .clickangels .wrap .content .info {} #mr_container .clickangels .wrap .content .info ul{padding-left:30px;} #mr_container .clickangels .wrap .content .info li{height:30px; padding-top:6px; border-bottom: 1px dashed #c7c7c7;} #mr_container .clickangels .wrap .content .info li:first-child{ font: 20px; font-weight:bold;} #mr_container .clickangels .wrap .content .info li a:hover, a:focus {font: 12px #ff5c00; text-decoration:none;} #mr_container .clickangels .wrap .content .info .buy {padding-top:15px;} #mr_container .clickangels .wrap .content .info .standard {height:25px;width:140px;} #mr_container .clickangels .wrap .content .info .amount {height:25px; width:50px; text-align:center;} #mr_container .clickangels .wrap .content .info .amount2 {height:25px; width:50px; text-align:right;font-size:150%;font-weight:bold; } #mr_container .clickangels .wrap .content .info .btn1 {display:block; position:relative; margin-left:15px; float:left; height:47px; width:120px; background:url("/img/btn/btn_product_buy.jpg") no-repeat 0 0;} #mr_container .clickangels .wrap .content .info .btn2 {display:block; margin-left:15px; float:right; position:relative; height:47px; width:120px; background:url("/img/btn/btn_product_cart.jpg") no-repeat 0 0;} #mr_container .clickangels .wrap .content .sum {position:relative; width:100%; padding-top:15px; height:45px;} #mr_container .clickangels .wrap .content .sum ul {position:relative; width:350px; margin:0 auto;} #mr_container .clickangels .wrap .content .sum li {float:left; margin:0 0 15px 5px; } #mr_container .clickangels .wrap .content .explain {position:relative; max-width: 880px; height:100;} #mr_container .clickangels .wrap .content .explain .menu1 {position:relative; height:40px; max-width: 880px; background:url("/img/solution/menu_01.jpg") no-repeat 0 0;} #mr_container .clickangels .wrap .content .explain .info {position:relative; padding-top:10px; float:left; } #mr_container .clickangels .wrap .content .explain .info .tbl01 {position:relative; margin-left:103px;} #mr_container .clickangels .wrap .content .explain .info dl{font-size:17px;font-weight:bold;} #mr_container .clickangels .wrap .content .explain .info dt{font-size:14px;padding-top:15px; padding-bottom:15px;} #mr_container .clickangels .wrap .content .explain .info dl a:hover, a:focus {font: 12px #ff5c00; text-decoration:none;} #mr_container .clickangels .wrap .content .explain .info .img_mobile{display:block; position:relative; max-width: 880px; height:800px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_mobile_alt_20170523.gif?ver=2019011501") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .msg_mobile{display:block; position:relative; max-width: 880px; height:166px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_mobile_msg.gif?ver=2018122601") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .msg_ip {display:block; position:relative; max-width: 880px; height:48px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_ip_msg.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img_pc {display:block; float:left; position:relative; width:439px; height:594px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_pc_alt_20160418.gif") no-repeat 0 0; margin-top:20px;} #mr_container .clickangels .wrap .content .explain .info .img_shop {display:block; float:left; position:relative; width:434px; height:594px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_shop_alt.gif") no-repeat 0 0; margin-top:20px;} #mr_container .clickangels .wrap .content .explain .info .img_auto {display:block; float:left; position:relative; width:439px; height:594px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_auto_alt.gif") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img_relation {display:block; float:left; position:relative; width:434px; height:594px; margin:0 auto; background:url("/img/solution/clickangels/clickangel_bg_relation_alt.gif") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img_movie_title {display:block; clear:both; position:relative; max-width: 880px; height:97px; margin:0 auto; background:url("/img/solution/clickangels/clickangels_img_02_20140507.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img01{display:block; position:relative; max-width: 880px; height:688px; margin:0 auto; background:url("/img/solution/clickangels/clickangels_img_01_20140516.gif") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img02{display:block; position:relative; max-width: 880px; height:187px; margin:0 auto; background:url("/img/downloads/downloads_img_05_20140512.gif") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img04{display:block; position:relative; max-width: 880px; height:582px; margin:0 auto; background:url("/img/solution/clickangels/clickangels_img_07_20140516.gif") no-repeat 0 0;} #mr_container .clickangels .wrap .content .explain .info .img05{display:block; position:relative; max-width: 880px; height:187px; margin:0 auto; background:url("/img/downloads/downloads_img_08_20140512.gif") no-repeat 0 0;} #mr_container .clickangels .wrap .content .explain .info .img06{display:block; position:relative; max-width: 880px; height:200px; margin:0 auto; background:url("/img/solution/clickangels/clickangels_img_08.gif") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img07{display:block; position:relative; max-width: 880px; height:187px; margin:0 auto; background:url("/img/solution/clickangels/clickangels_img_09.gif") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .banner01{display:block; position:relative; max-width: 880px; height:90px; margin:0 auto; background:url("/img/banner/banner_youngip_02.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .clickangels .wrap .content .explain .info .img03{display:block; position:relative; max-width: 880px; height:97px; margin:0 auto; background:url("/img/solution/clickangels/clickangels_img_02_20140507.jpg") no-repeat 0 0; margin-top:60px;} #mr_container .clickangels .wrap .content .explain .info .movie01 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/clickangels/clickangels_movie_01.gif") no-repeat 0 0; } #mr_container .clickangels .wrap .content .explain .info .movie02 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/clickangels/clickangels_movie_02.gif") no-repeat 0 0; } #mr_container .clickangels .wrap .content .explain .menu2 {position:relative; height:40px; max-width: 880px; margin:0 auto; background:url("/img/solution/menu_02.jpg") no-repeat 0 0;} #mr_container .clickangels .wrap .content .explain .menu3 {position:relative; height:40px; max-width: 880px; margin:0 auto; background:url("/img/solution/menu_03.jpg") no-repeat 0 0;} #mr_container .clickangels .wrap .content .explain .info {position:relative;} #mr_container .clickangels .wrap .content .explain a.btn1{position:relative;display:block; float:left; width:100px; height:40px; margin-left:0px; margin-top:0px;} #mr_container .clickangels .wrap .content .explain a.btn2{position:relative; float:left; display:block; width:100px; height:40px; margin-left:0px; margin-top:0px;} #mr_container .clickangels .wrap .content .explain a.btn3{position:relative; float:left; display:block; width:100px; height:40px; margin-left:0px; margin-top:0px;} /* ▲clickangels */ /* ▼searchrankers */ #mr_container .searchrankers {position:relative; width:100%; height:100%; } #mr_container .searchrankers .wrap {position:relative; margin:0 auto;} #mr_container .searchrankers .wrap .content {position:relative; max-width: 880px; height:0px; margin:0 auto;} #mr_container .searchrankers .wrap .content .info {} #mr_container .searchrankers .wrap .content .explain {position:relative; max-width: 880px; height:100;} #mr_container .searchrankers .wrap .content .explain .info {position:relative; padding-top:10px; float:left; } #mr_container .searchrankers .wrap .content .explain .info .tbl01 {position:relative; margin-left:103px;} #mr_container .searchrankers .wrap .content .explain .info .img_mobile{display:block; position:relative; max-width: 880px; height:688px; margin:0 auto; background:url("/img/solution/searchrankers/searchranker_bg_alt.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .searchrankers .wrap .content .explain .info .msg_mobile{display:block; position:relative; max-width: 880px; height:166px; margin:0 auto; background:url("/img/solution/searchrankers/searchranker_bg_msg_20150223.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .searchrankers .wrap .content .explain .info .msg_ip {display:block; position:relative; max-width: 880px; height:48px; margin:0 auto; margin-top:10px;} #mr_container .searchrankers .wrap .content .explain .info .img_movie_title {display:block; clear:both; position:relative; max-width: 880px; height:97px; margin:0 auto; background:url("/img/solution/searchrankers/searchranker_bg_movie_title.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .searchrankers .wrap .content .explain .info .movie01 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/searchrankers/searchranker_bg_movie_blank.jpg") no-repeat 0 0; } /* ▲searchrankers */ /* topaccounts */ #mr_container .topaccounts {position:relative; width:100%; height:100%; } #mr_container .topaccounts .wrap {position:relative; margin:0 auto;} #mr_container .topaccounts .wrap .content {position:relative; max-width: 880px; height:0px; margin:0 auto;} #mr_container .topaccounts .wrap .content .info {} #mr_container .topaccounts .wrap .content .explain {position:relative; max-width: 880px; height:100;} #mr_container .topaccounts .wrap .content .explain .info {position:relative; padding-top:10px; float:left; } #mr_container .topaccounts .wrap .content .explain .info .tbl01 {position:relative; margin-left:103px;} #mr_container .topaccounts .wrap .content .explain .info .img_mobile{display:block; position:relative; max-width: 880px; height:688px; margin:0 auto; background:url("/img/solution/topaccounts/topaccount_bg_alt.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .topaccounts .wrap .content .explain .info .msg_mobile{display:block; position:relative; max-width: 880px; height:166px; margin:0 auto; background:url("/img/solution/topaccounts/topaccount_bg_msg2.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .topaccounts .wrap .content .explain .info .msg_ip {display:block; position:relative; max-width: 880px; height:48px; margin:0 auto; margin-top:10px;} #mr_container .topaccounts .wrap .content .explain .info .img_movie_title {display:block; clear:both; position:relative; width:873px; height:90px; margin:0 auto; background:url("/img/solution/topaccounts/topaccount_bg_movie_title2.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .topaccounts .wrap .content .explain .info .movie01 {display:block; position:relative; float:left; height:480px; width:640px; background:url("/img/solution/searchrankers/searchranker_bg_movie_blank.jpg") no-repeat 0 0; } /* topaccounts */ /* ▼clouds */ #mr_container .clouds {position:relative; width:100%; height:100%;} #mr_container .clouds .wrap {position:relative; margin:0 auto;} #mr_container .clouds .wrap .content {position:relative; max-width: 880px; height:0px; margin:0 auto;} #mr_container .clouds .wrap .content .info {} #mr_container .clouds .wrap .content .explain {position:relative; max-width: 880px; height:100;} #mr_container .clouds .wrap .content .explain .info {position:relative; padding-top:10px; float:left; } #mr_container .clouds .wrap .content .explain .info .tbl01 {position:relative; margin-left:103px;} #mr_container .clouds .wrap .content .explain .info .img_mobile{display:block; position:relative; max-width: 880px; height:688px; margin:0 auto; background:url("/img/solution/clouds/clouds_bg_alt_002.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .clouds .wrap .content .explain .info .msg_mobile{display:block; position:relative; max-width: 880px; height:166px; margin:0 auto; background:url("/img/solution/clouds/clouds_bg_msg_002.jpg") no-repeat 0 0; margin-top:10px;} /* ▲clouds */ /* ▼ downloads */ #mr_container .downloads {position:relative; width:100%; height:100%;} #mr_container .downloads .wrap .title01 {position:relative; max-width: 880px; height:90px; margin:0 auto; background:url("/img/title/title_downloads.jpg") no-repeat 0 0;} #mr_container .downloads .wrap .content {position:relative; max-width: 880px; height:100%;} #mr_container .downloads .wrap .content .img03{position:relative; max-width: 880px; height:187px; margin:0 auto; background:url("/img/downloads/downloads_img_03.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .banner01{display:block; position:relative; max-width: 880px; height:90px; margin:0 auto; background:url("/img/banner/banner_youngip_01.jpg") no-repeat 0 0; margin-bottom:45px;} #mr_container .downloads .wrap .content .banner02{display:block; position:relative; max-width: 880px; height:90px; margin:0 auto; background:url("/img/banner/banner_youngip_02.jpg") no-repeat 0 0; margin-top:0px;} #mr_container .downloads .wrap .content .nprodownloadmap {overflow:hidden; position:relative; max-width: 880px; height:410px; margin:0 auto; background:url("/img/downloads/npro_download_map_shopping.jpg?ver=2018120602") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img01{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_01_20140423.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img02{position:relative; max-width: 880px; height:283px; margin:0 auto; background:url("/img/downloads/downloads_img_02.jpg") no-repeat 0 0; margin-top:30px;} #mr_container .downloads .wrap .content .img04{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_04_20140425.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img05{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_06_20140425.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img06{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_07_20140407.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img07{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_08_20140521.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img08{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_09_20140808.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img09{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_10.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img10{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_11.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img11{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_12.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img12{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_13_shop.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img13{overflow:hidden; position:relative; max-width: 880px; height:322px; margin:0 auto; background:url("/img/downloads/downloads_img_14_shoppremium.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content a.btn01 {diplay:block; position:absolute;width:142px; height:30px;top:247px; left:46px; text-indent:-9999em;} #mr_container .downloads .wrap .content a.btn02 {diplay:block; position:absolute; width:142px; height:30px; top:247px; left:192px;text-indent:-9999em} #mr_container .downloads .wrap .content a.btn03 {diplay:block; position:absolute; width:267px; height:230px; top:46px; left:567px;text-indent:-9999em} #mr_container .downloads .wrap .content a.btn04 {diplay:block; position:absolute; max-width: 880px; height:41px; top:0px; left:0px;text-indent:-9999em} #mr_container .spot .wrap .inner a {display:block; position:absolute; width:334px; height:58px; text-indent:-9999em} #mr_container .spot .wrap .inner a.btn1 {top:19px; left:636px} #mr_container .downloads .wrap .content .img_searchranker{overflow:hidden; position:relative; max-width: 880px; height:341px; margin:0 auto; background:url("/img/downloads/downloads_img_searchranker.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .downloads .wrap .content .img_topaccount{overflow:hidden; position:relative; max-width: 880px; height:341px; margin:0 auto; background:url("/img/downloads/downloads_img_topaccount.jpg") no-repeat 0 0; margin-top:10px;} /* ▲ downloads */ /* ▼ 구매신청 */ /* 게시판 */ #mr_container .purchase {position:relative; width:100%; height:100%;} #mr_container .purchase .wrap .content {position:relative; max-width: 880px; height:100%;} #mr_container .purchase .wrap .title03 {position:relative; max-width: 880px; height:90px; margin:0 auto; background:url("/img/title/title_purchases.jpg") no-repeat 0 0;} #mr_container .purchase .wrap .title {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_01.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .purchase .wrap .navi {position:relative; width:860px; height:48px; border:3px solid #f1f1f1; margin-top:15px; margin-bottom:15px; padding-top:20px; padding-left:20px;} #mr_container .purchase .wrap .img01 {float:left;position:relative; width:22px; height:22px; margin:0 auto; background:url("/img/help/help_img01_navi01.jpg") no-repeat 0 0;} #mr_container .purchase .wrap .txt01 {float:left; font-size:11pt; padding-top:4px; padding-left:15px; color:#757575} #mr_container .purchase .wrap .txt02 {font-size:11pt;color:#ff7800; font-weight:bold;} #mr_container .purchase .wrap .txt03 {float:left; font-size:11pt; padding-left:30px;} #mr_container .purchase .wrap .tbl01 {margin:0 auto;} #mr_container .purchase .wrap .tbl02 {margin:0 auto; padding-top:5px; width:260px;} #mr_container .purchase .wrap .btn04 {float:right; diplay:block; position:relative; width:28px; height:21px; background:url("/img/btn/btn_search.jpg") no-repeat 0 0;} #mr_container .purchase .wrap .tbl01 {margin:0 auto;} #mr_container .purchase .wrap .del01 {position:relative; width:249px; height:18px; margin:0 auto; background:url("/img/help/del/del.jpg") no-repeat 0 0;} #mr_container .purchase .wrap .content .info {} #mr_container .purchase .wrap .content .info ul{padding-left:30px;} #mr_container .purchase .wrap .content .info li{height:30px; padding-top:6px; border-bottom: 1px dashed #c7c7c7;} #mr_container .purchase .wrap .content .info li:first-child{ font: 18px; font-weight:bold;} #mr_container .purchase .wrap .content .info li a:hover, a:focus {font: 12px #ff5c00; text-decoration:none;} #mr_container .purchase .wrap .content .info .buy {padding-top:15px;} #mr_container .purchase .wrap .content .info .standard {height:25px;width:140px;} #mr_container .purchase .wrap .content .info .amount {height:25px; width:50px; text-align:center;} #mr_container .purchase .wrap .content .info .amount2 {height:25px; width:50px; text-align:left;font-size:150%;font-weight:bold;border:0px; } #mr_container .purchase .wrap .content .info .btn1 {display:block; position:relative; margin-left:15px; float:left; height:47px; width:120px; background:url("/img/btn/btn_product_buy.jpg") no-repeat 0 0;} #mr_container .purchase .wrap .content .info .btn2 {display:block; margin-left:15px; float:right; position:relative; height:47px; width:120px; background:url("/img/btn/btn_product_cart.jpg") no-repeat 0 0;} #mr_container .purchase .wrap .content .sum {position:relative; width:100%; padding-top:15px; height:45px;} #mr_container .purchase .wrap .content .sum ul {position:relative; width:350px; margin:0 auto;} #mr_container .purchase .wrap .content .sum li {float:left; margin:0 0 15px 5px; } /* ▲ 구매신청 */ /* ▼ 고객센터 */ /*[공통_리스트]공지사항/1:1문의 */ #mr_container .helpu {position:relative; } #mr_container .helpu .wrap .content {position:relative; max-width: 880px;} #mr_container .helpu .wrap .title01 {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_01.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .helpu .wrap .title02 {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_02.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .helpu .wrap .title03 {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_03.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .helpu .wrap .btn01 {diplay:block; position:absolute; width:293px; height:54px; margin-left:0px;} #mr_container .helpu .wrap .btn02 {diplay:block; position:absolute; width:295px; height:54px; margin-left:293px;} #mr_container .helpu .wrap .btn03 {diplay:block; position:absolute; width:292px; height:54px; margin-left:588px;} #mr_container .helpu .wrap .btn03 {diplay:block; position:absolute; width:292px; height:54px; margin-left:588px;} #mr_container .helpu .wrap .btn04 {float:right;position:relative;margin:0 auto;width:32px;height:21px;background:url("/img/btn/btn_search.jpg") no-repeat 0 0;} #mr_container .helpu .wrap .btn05 {diplay:block; position:absolute; width:154px; height:29px; background:url("/img/btn/btn_helps.gif") no-repeat 0 0;} #mr_container .helpu .wrap .navi {position:relative; width:860px; height:48px; border:3px solid #f1f1f1; margin-top:15px; margin-bottom:15px; padding-top:20px; padding-left:20px;} #mr_container .helpu .wrap .img01 {float:left;position:relative; width:22px; height:22px; margin:0 auto; background:url("/img/help/help_img01_navi01.jpg") no-repeat 0 0;} #mr_container .helpu .wrap .txt01 {float:left; font-size:11pt; padding-top:4px; padding-left:15px; color:#757575} #mr_container .helpu .wrap .tbl01 {margin:0 auto;} #mr_container .helpu .wrap .tbl02 {float:right; padding-top:5px; width:260px; padding-bottom:5px;} #mr_container .helpu .wrap .tbl03 {padding-top:15px; width:154px; margin:0 auto;} #mr_container .helpu .wrap .del01 {position:relative; width:249px; height:18px; margin:0 auto; background:url("/img/help/del/del.jpg") no-repeat 0 0;} #mr_container .helpu .wrap .input01 {width:80px; height:21px; border:1px solid #9a9a9a; text-align:center;} #mr_container .helpu .wrap .input02 {width:130px; height:20px; border:1px solid #9a9a9a; margin-left:10px;} table.helpu {text-align:center;font-size :10pt; color: #333333; border-top:3px solid #555555;} table.helpu thead {background-color:#fff;} table.helpu thead th { padding: 5px 0px 5px 0px; color:#000000; border-bottom:1px solid #a6a6a6; font-weight:bold; font-size:10pt;} table.helpu thead td { padding: 5px 0px 5px 10px; color:#000000; border-bottom:1px solid #a6a6a6; padding: 5px 0px 5px 0px; font-size:10pt;} table.helpu tbody {border-top:1px solid #a6a6a6;} table.helpu tbody th { background-color:#ededed; color:#000000; border-bottom:2px solid #ffffff; padding: 5px 0px 5px 0px; font-weight:bold; font-size:10pt;} table.helpu tbody td { color:#000000; border-bottom:1px solid #a6a6a6;padding: 5px 0px 5px 0px; font-size:9pt;} /*공지사항 글보기 _helps*/ #mr_container .helps {position:relative; width:100%;} #mr_container .helps .wrap .content {position:relative; max-width: 880px; margin:0 auto;} #mr_container .helps .wrap .title01 {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_01.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .helps .wrap .btn01 {diplay:block; position:absolute; width:293px; height:54px; margin-left:0px;} #mr_container .helps .wrap .btn02 {diplay:block; position:absolute; width:295px; height:54px; margin-left:293px;} #mr_container .helps .wrap .btn03 {diplay:block; position:absolute; width:292px; height:54px; margin-left:588px;} #mr_container .helps .wrap .navi {position:relative; width:860px; height:48px; border:3px solid #f1f1f1; margin-top:15px; margin-bottom:15px; padding-top:20px; padding-left:20px;} #mr_container .helps .wrap .img01 {float:left;position:relative; width:22px; height:22px; margin:0 auto; background:url("/img/help/help_img01_navi01.jpg") no-repeat 0 0;} #mr_container .helps .wrap .txt01 {float:left; font-size:11pt; padding-top:4px; padding-left:15px; color:#757575} #mr_container .helps .wrap .txt02 {float:left; font-size:11pt; color:#757575; font-weight:bold;} #mr_container .helps .wrap .txt03 {float:left; font-size:11pt; color:#757575; font-weight:normal;} #mr_container .helps .wrap .content .tbl01 {margin:0 auto; border-top:1px solid #000; padding-top:0px; max-width: 880px;} #mr_container .helps .wrap .tbl02 {padding-top:15px; width:154px; margin:0 auto; } #mr_container .helps .wrap a.btn04 {float:left; position:relative; display:block; width:154px; height:29px; background:url("/img/btn/btn_list.jpg") no-repeat 0 0;} #mr_container .helps .wrap .content .tbl01 .td01 {border-top:1px solid #cccccc;background-color:#f1f1f1; padding-left:15px; height:30px;} #mr_container .helps .wrap .content .tbl01 .td02 {padding-left:15px; border-top:1px solid #cccccc; padding-top:5px; padding-bottom:5px; } #mr_container .helps .wrap .content .tbl01 .td03 {padding-left:15px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } #mr_container .helps .wrap .content .tbl01 .td04 {padding-left:15px; border-top:1px solid #cccccc; background-color:#f9f9f9; border-bottom:1px solid #cccccc; padding-top:15px; padding-bottom:15px;} /*1:1문의 글작성_HelpAdd*/ #mr_container .helpadd {position:relative; width:100%;} #mr_container .helpadd .wrap .content {position:relative; max-width: 880px; margin:0 auto;} #mr_container .helpadd .wrap .title03 {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_03.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .helpadd .wrap .btn01 {diplay:block; position:absolute; width:293px; height:54px; margin-left:0px;} #mr_container .helpadd .wrap .btn02 {diplay:block; position:absolute; width:295px; height:54px; margin-left:293px;} #mr_container .helpadd .wrap .btn03 {diplay:block; position:absolute; width:292px; height:54px; margin-left:588px;} #mr_container .helpadd .wrap .navi {position:relative; width:860px; height:48px; border:3px solid #f1f1f1; margin-top:15px; margin-bottom:15px; padding-top:20px; padding-left:20px;} #mr_container .helpadd .wrap .txt01 {float:left; font-size:11pt; padding-top:4px; padding-left:15px; color:#757575} #mr_container .helpadd .wrap .txt02 {float:left; font-size:11pt; color:#000; font-weight:bold;} #mr_container .helpadd .wrap .img01 {float:left;position:relative; width:22px; height:22px; margin:0 auto; background:url("/img/help/help_img01_navi01.jpg") no-repeat 0 0;} #mr_container .helpadd .wrap .content .tbl01 {margin:0 auto; border-top:3px solid #555555; padding-top:30px;} #mr_container .helpadd .wrap .tbl02 {padding-top:15px; width:260px; margin:0 auto;} #mr_container .helpadd .wrap a.btn04 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .helpadd .wrap a.btn05 {float:left; position:absolute; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:100px;} #mr_container .helpadd .wrap .content .tbl01 .td01 {border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background-color:#f8f8f8; padding-left:15px; height:30px;} #mr_container .helpadd .wrap .content .tbl01 .td02 {padding-left:15px; border-top:1px solid #e8e8e8; padding-top:5px; padding-bottom:5px; } #mr_container .helpadd .wrap .content .tbl01 .td03 {padding-left:15px; border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; } #mr_container .helpadd .wrap .content .tbl01 .input01{ width:120px; height:22px; border:1px solid #c2c2c2;} #mr_container .helpadd .wrap .content .tbl01 .input02{ width:120px; height:22px; border:1px solid #c2c2c2; text-align:center;} #mr_container .helpadd .wrap .content .tbl01 .input03{ width:650px; height:22px; border:1px solid #c2c2c2;} #mr_container .helpadd .wrap .content .tbl01 .input04{ width:650px; height:200px; border:1px solid #c2c2c2;} /*1:1문의 글보기_Helpview*/ #mr_container .helpview {position:relative; width:100%;} #mr_container .helpview .wrap .content {position:relative; max-width: 880px; margin:0 auto;} #mr_container .helpview .wrap .title03 {position:relative; max-width: 880px; height:68px; margin:0 auto; background:url("/img/title/title_help_top_03.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .helpview .wrap .btn01 {diplay:block; position:absolute; width:293px; height:54px; margin-left:0px;} #mr_container .helpview .wrap .btn02 {diplay:block; position:absolute; width:295px; height:54px; margin-left:293px;} #mr_container .helpview .wrap .btn03 {diplay:block; position:absolute; width:292px; height:54px; margin-left:588px;} #mr_container .helpview .wrap .navi {position:relative; width:860px; height:48px; border:3px solid #f1f1f1; margin-top:15px; margin-bottom:15px; padding-top:20px; padding-left:20px;} #mr_container .helpview .wrap .img01 {float:left;position:relative; width:22px; height:22px; margin:0 auto; background:url("/img/help/help_img01_navi01.jpg") no-repeat 0 0;} #mr_container .helpview .wrap .txt01 {float:left; font-size:11pt; padding-top:4px; padding-left:15px; color:#757575} #mr_container .helpview .wrap .txt02 {float:left; font-size:11pt; color:#000; font-weight:bold;} #mr_container .helpview .wrap .content .tbl01 {margin:0 auto; border-top:3px solid #555555; padding-top:30px; max-width: 880px;} #mr_container .helpview .wrap .tbl02 {padding-top:15px; width:154px; margin:0 auto; } #mr_container .helpview .wrap a.btn04 {float:left; position:relative; display:block; width:154px; height:29px; background:url("/img/btn/btn_list.jpg") no-repeat 0 0;} #mr_container .helpview .wrap .content .tbl01 .td01 {border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background-color:#f8f8f8; padding-left:15px; height:30px;} #mr_container .helpview .wrap .content .tbl01 .td02 {padding-left:15px; border-top:1px solid #e8e8e8; padding-top:5px; padding-bottom:5px; } #mr_container .helpview .wrap .content .tbl01 .td03 {padding-left:15px; border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; } /* ▲ 고객센터 */ /* ▼ 지식인뉴스 -켄슬 /* 게시판 #mr_container .kinnews {position:relative; width:100%; height:100%;} #mr_container .kinnews .wrap .main {position:relative; height:137px; max-width: 880px; margin:0 auto; background:url("/img/kinnews/kinnews_top.jpg") no-repeat 0 0; } #mr_container .kinnews .wrap .content {position:relative; max-width: 880px; height:815px; padding-top:30px;} #mr_container .kinnews .wrap .content dl {font: 15px; font-weight:bold; padding-left:15px;} #mr_container .kinnews .wrap .content dt {font: 12px; width:420px; padding-left:15px;} /* ▲ 지식인뉴스 */ /* ▼ mypages */ /* license */ #mr_container .license {position:relative; width:100%; height:100%;} #mr_container .license .wrap {position:relative; width:100%; height:100%;} #mr_container .license .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .license .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .license .wrap .content .menu {text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .license .wrap .content .menu a{color:#000000;} #mr_container .license .wrap .content .menu01 {float:left; display:block; width:220px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold;} #mr_container .license .wrap .content .menu02 {float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .license .wrap .content .menu03 {float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .license .wrap .content .menu04 {float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .license .wrap .content .menu05 {float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .license .wrap .content .menu01_on { float:left; display:block; width:175px; height:22px;background-color:#ff6201;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } /*LicenseBuy*/ #mr_container .LicenseBuy {position:relative; width:100%; height:100%;} #mr_container .LicenseBuy .wrap {position:relative; width:100%; height:100%;} #mr_container .LicenseBuy .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .LicenseBuy .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .LicenseBuy .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .LicenseBuy .wrap .content .menu a{color:#000000;} #mr_container .LicenseBuy .wrap .content .menu01 { float:left; display:block;width:175px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseBuy .wrap .content .menu02 { float:left; position:relative;display:block;width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseBuy .wrap .content .menu03 { float:left; position:relative;display:block;width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseBuy .wrap .content .menu04 { float:left; position:relative;display:block;width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseBuy .wrap .content .menu05 { float:left; position:relative;display:block;width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseBuy .wrap .content .menu02_on { float:left;position:relative;display:block;width:174px; height:22px;background-color:#ff6201; padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseBuy .wrap .content .btn01 {float:right; position:relative;display:block; width:96px; height:34px; background:url("/img/btn/btn_licensebuy.jpg") no-repeat 0 0; margin-top:15px;} /*LicenseSelect*/ #mr_container .LicenseSelect {position:relative; width:100%; height:100%;} #mr_container .LicenseSelect .wrap {position:relative; width:100%; height:100%;} #mr_container .LicenseSelect .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .LicenseSelect .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .LicenseSelect .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .LicenseSelect .wrap .content .menu a{color:#000000;} #mr_container .LicenseSelect .wrap .content .menu01 { float:left; display:block; width:175px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseSelect .wrap .content .menu02 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7; padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseSelect .wrap .content .menu03 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseSelect .wrap .content .menu04 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseSelect .wrap .content .menu05 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseSelect .wrap .content .menu02_on { float:left; position:relative;display:block; width:174px; height:22px;background-color:#ff6201; padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .LicenseSelect .wrap .content .font01 { font-size:12pt; font-weight:bold;} #mr_container .LicenseSelect .wrap .content .font02 { font-size:10pt; font-weight:bold;} #mr_container .LicenseSelect .wrap .content .font03 { font-size:10pt; } #mr_container .LicenseSelect .wrap .content .font04 { font-size:10pt; text-align:left; padding-left:10px} #mr_container .LicenseSelect .wrap .content .font04 a{text-decoration:underline;} #mr_container .LicenseSelect .wrap .content .select01 {width:80px;height:20px;} #mr_container .LicenseSelect .wrap .content .input01 {width:80px;height:20px;} #mr_container .LicenseSelect .wrap .content .btn01 {color:#fff; float:left; position:relative; display:block; width:80px; height:18px; background-color:#ff6201; border:1px solid #903700; padding-top:4px; text-align:center;} #mr_container .LicenseSelect .wrap .content .btn02 {color:#fff; float:left; position:relative; display:block; width:80px; height:18px; background-color:#666; border:1px solid #333; padding-top:4px; text-align:center; margin-left:10px;} #mr_container .LicenseSelect .wrap .content .btn03 {float:right;display:block; position:relative; width:141px; height:37px; background:url("/img/btn/btn_cart_buy_big.jpg") no-repeat 0 0;} /*OrderInfo*/ #mr_container .OrderInfo {position:relative;} #mr_container .OrderInfo .wrap {position:relative;} #mr_container .OrderInfo .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .OrderInfo .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .OrderInfo .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .OrderInfo .wrap .content .menu a{color:#000000;} #mr_container .OrderInfo .wrap .content .menu01 { float:left; display:block; width:175px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .OrderInfo .wrap .content .menu02 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .OrderInfo .wrap .content .menu03 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .OrderInfo .wrap .content .menu04 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .OrderInfo .wrap .content .menu05 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .OrderInfo .wrap .content .menu03_on { float:left; position:relative;display:block; width:174px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .OrderInfo .wrap .content .font01 { font-size:10pt; } #mr_container .OrderInfo .wrap .content .date {width:80px; height:20px; text-align:center;} #mr_container .OrderInfo .wrap .content .input01 {width:80px; height:20px; text-align:center;} #mr_container .OrderInfo .wrap .content .input02 {width:90px; height:20px; text-align:center;} #mr_container .OrderInfo .wrap .content .input03 {width:200px; height:20px;} #mr_container .OrderInfo .wrap .content .btn01 {color:#fff; float:left; position:relative; display:block; width:80px; height:18px; background-color:#ff6201; border:1px solid #903700; padding-top:4px; text-align:center;} #mr_container .OrderInfo .wrap .content .btn01 a:hover {color: #F00; text-decoration:underline} #mr_container .OrderInfo .wrap .content .btn02 {float:left; display:block; position:relative; width:73px; height:29px; background:url("/img/btn/btn_cart_del.jpg") no-repeat 0 0; margin-left:10px} /*MyPayment*/ #mr_container .MyPayment {position:relative;border:0px solid red;} #mr_container .MyPayment .wrap {position:relative; border:0px solid blue;} #mr_container .MyPayment .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .MyPayment .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .MyPayment .wrap .content .menu a{color:#000000;} #mr_container .MyPayment .wrap .content .menu01 { float:left; display:block; width:175px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPayment .wrap .content .menu02 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPayment .wrap .content .menu03 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPayment .wrap .content .menu04 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPayment .wrap .content .menu05 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPayment .wrap .content .menu04_on { float:left; position:relative;display:block; width:174px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPayment .wrap .content .dateinput {width:80px; height:20px; text-align:center;} #mr_container .MyPayment .wrap .content .input01 {width:80px; height:20px; text-align:center;} #mr_container .MyPayment .wrap .content .input02 {width:160px; height:20px; text-align:center;} #mr_container .MyPayment .wrap .content .btn01 {color:#FFF;float:left; position:relative; display:block; width:80px; height:18px; background-color:#ff6201; border:1px solid #903700; padding-top:4px; text-align:center;} #mr_container .MyPayment .wrap .content .btn01 a {color:#FFF; text-decoration: none;} /*MyPoint*/ #mr_container .MyPoint {position:relative; width:100%; height:100%;} #mr_container .MyPoint .wrap {position:relative; width:100%; height:100%;} #mr_container .MyPoint .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .MyPoint .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .MyPoint .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .MyPoint .wrap .content .menu a{color:#000000;} #mr_container .MyPoint .wrap .content .menu01 { float:left; display:block; width:175px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPoint .wrap .content .menu02 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPoint .wrap .content .menu03 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPoint .wrap .content .menu04 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPoint .wrap .content .menu05 { float:left; position:relative;display:block; width:174px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPoint .wrap .content .menu05_on { float:left; position:relative;display:block; width:174px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MyPoint .wrap .content .date {width:80px; height:20px; text-align:center;} #mr_container .MyPoint .wrap .content .input01 {width:80px; height:20px; text-align:center;} #mr_container .MyPoint .wrap .content .input02 {width:160px; height:20px; text-align:center;} #mr_container .MyPoint .wrap .content .btn01 {color:#FFF;float:left; position:relative; display:block; width:80px; height:18px; background-color:#ff6201; border:1px solid #903700; padding-top:4px; text-align:center;} #mr_container .MyPoint .wrap .content .btn01 a {color:#FFF; text-decoration: none;} /*MypageLogin*/ #mr_container .MypageLogin {position:relative; width:100%; height:100%;} #mr_container .MypageLogin .wrap {position:relative; width:100%; height:100%;} #mr_container .MypageLogin .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_myinfo.jpg") no-repeat 0 0;} #mr_container .MypageLogin .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .MypageLogin .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .MypageLogin .wrap .content .menu a{color:#000000;} #mr_container .MypageLogin .wrap .content .menu01 { float:left; display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu02 { float:left; position:relative;display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu03 { float:left; position:relative;display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu04 { float:left; position:relative;display:block; width:292px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu01_on { float:left; display:block; width:293px; height:22px;background-color:#ff6201;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu02_on { float:left; position:relative;display:block; width:293px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu03_on { float:left; position:relative;display:block; width:292px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .menu04_on { float:left; position:relative;display:block; width:292px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .MypageLogin .wrap .content .date {width:80px; height:20px; text-align:center;} #mr_container .MypageLogin .wrap .content .tbl01 .input01 {width:80px; height:20px; text-align:center;} #mr_container .MypageLogin .wrap .content .tbl01 {position:relative;width:670px; margin:0 auto; padding-top:10px; padding-bottom:30px;} #mr_container .MypageLogin .wrap .content .tbl01 .img01 { position:relative; display:block; width:579px; height:33px; background:url("/img/login/mypage_login_img_01.jpg") no-repeat 0 0;} #mr_container .MypageLogin .wrap .content .tbl01 .img02 {float:left; position:relative; display:block; width:670px; height:75px; background:url("/img/login/mypage_login_img_02.jpg") no-repeat 0 0;} #mr_container .MypageLogin .wrap .content .tbl02 {position:relative;border:5px solid #e3e3e3; width:660px; height:211px; margin:0 auto;} #mr_container .MypageLogin .wrap .content .tbl02 .txt01{margin-left:10px;} #mr_container .MypageLogin .wrap .content .tbl02 .input01 {margin-left:10px;} #mr_container .MypageLogin .wrap .content .tbl02 .tbl03{width:185px; height:30px; margin-top:20px;} #mr_container .MypageLogin .wrap .content .tbl02 .btn01 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .MypageLogin .wrap .content .tbl02 .btn02 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} #mr_container .MypageLogin .wrap .content .tbl02 .input01 { width:120px; height:22px; border:1px solid #c2c2c2;} /*pwchange*/ #mr_container .pwchange {position:relative; width:100%; height:100%;} #mr_container .pwchange .wrap {position:relative; width:100%; height:100%;} #mr_container .pwchange .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .pwchange .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .pwchange .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .pwchange .wrap .content .menu a{color:#000000;} #mr_container .pwchange .wrap .content .menu01 { float:left; display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .pwchange .wrap .content .menu02X { float:left; position:relative;display:block; width:219px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .pwchange .wrap .content .menu03X { float:left; position:relative;display:block; width:219px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .pwchange .wrap .content .menu04 { float:left; position:relative;display:block; width:292px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .pwchange .wrap .content .menu03_on { float:left; position:relative;display:block; width:293px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .pwchange .wrap .content .tbl01 {position:relative;width:670px; margin:0 auto;} #mr_container .pwchange .wrap .content .tbl01 .img01 {position:relative; display:block; width:670px; height:35px; background:url("/img/mypage/mypage_img01.jpg") no-repeat 0 0;} #mr_container .pwchange .wrap .content .tbl02 {position:relative; border:5px solid #e3e3e3; width:660px; height:230px; margin:0 auto; margin-top:30px;} #mr_container .pwchange .wrap .content .tbl02 .input01 { width:150px; height:22px; border:1px solid #c2c2c2;} #mr_container .pwchange .wrap .content .tbl02 .tbl03 {width:300px; height:30px; margin-top:20px;} #mr_container .pwchange .wrap .content .tbl03 .btn01 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .pwchange .wrap .content .tbl03 .btn02 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} /*myinfo*/ #mr_container .myinfo {position:relative; width:100%; height:100%;} #mr_container .myinfo .wrap {position:relative; width:100%; height:100%;} #mr_container .myinfo .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .myinfo .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .myinfo .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .myinfo .wrap .content .menu a{color:#000000;} #mr_container .myinfo .wrap .content .menu01X {float:left; display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold;} #mr_container .myinfo .wrap .content .menu02X {float:left; position:relative;display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .myinfo .wrap .content .menu03 {float:left; position:relative;display:block; width:292px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .myinfo .wrap .content .menu04 {float:left; position:relative;display:block; width:292px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold;} #mr_container .myinfo .wrap .content .menu01_on { float:left; position:relative;display:block; width:293px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .myinfo .wrap .content .tbl01 {position:relative;max-width: 880px; margin:0 auto;} #mr_container .myinfo .wrap .content .tbl01 .td01 {border-right:1px solid #e8e8e8; background-color:#f8f8f8; padding-left:15px;} #mr_container .myinfo .wrap .content .tbl01 .td02 {padding-left:15px;} #mr_container .myinfo .wrap .content .tbl01 .input01 {width:100px; height:22px; border:1px solid #c2c2c2; padding-left:5px;} #mr_container .myinfo .wrap .content .tbl01 .input02 {width:100px; height:22px; border:1px solid #c2c2c2; padding-left:5px;} #mr_container .myinfo .wrap .content .tbl01 .txt01 {font-weight:bold} #mr_container .myinfo .wrap .content .tbl02 {position:relative;width:190px; margin:0 auto; margin-top:20px;} #mr_container .myinfo .wrap .content .tbl02 .btn01 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .myinfo .wrap .content .tbl02 .btn02 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} table.myinfotbl {max-width: 880px; height:100%} table.myinfotbl td {border-top:1px solid #e3e3e3} /*WithdrawStep1*/ #mr_container .withdraw {position:relative; width:100%; height:100%;} #mr_container .withdraw .wrap {position:relative; width:100%; height:100%;} #mr_container .withdraw .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .withdraw .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .withdraw .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .withdraw .wrap .content .menu a{color:#000000;} #mr_container .withdraw .wrap .content .menu01 { float:left; display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw .wrap .content .menu02X { float:left; position:relative;display:block; width:219px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw .wrap .content .menu03 { float:left; position:relative;display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw .wrap .content .menu04X { float:left; position:relative;display:block; width:219px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw .wrap .content .menu04_on { float:left; position:relative;display:block; width:291px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw .wrap .content .tbl01 {position:relative; width:670px; margin:0 auto;} #mr_container .withdraw .wrap .content .tbl01 .img01 {position:relative; display:block; width:670px; height:40px; background:url("/img/withdraw/withdraw_img_01.jpg") no-repeat 0 0;} #mr_container .withdraw .wrap .content .tbl01 .img02 {position:relative; display:block; width:670px; height:315px; background:url("/img/withdraw/withdraw_img_02.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .withdraw .wrap .content .tbl01 .img03 {position:relative; display:block; width:670px; height:145px; background:url("/img/withdraw/withdraw_img_03.jpg") no-repeat 0 0; margin-top:10px;} #mr_container .withdraw .wrap .content .tbl02 {position:relative;width:190px; margin:0 auto; margin-top:20px;} #mr_container .withdraw .wrap .content .tbl02 .btn01 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .withdraw .wrap .content .tbl02 .btn02 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} /*WithdrawStep2*/ #mr_container .withdraw2 {position:relative; width:100%; height:100%;} #mr_container .withdraw2 .wrap {position:relative; width:100%; height:100%;} #mr_container .withdraw2 .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_mypage.jpg") no-repeat 0 0;} #mr_container .withdraw2 .wrap .content .standard {text-align:center; height:25px;width:140px; margin-bottom:15px;} #mr_container .withdraw2 .wrap .content .menu { text-align:center; padding-top:10px; padding-bottom:60px;color:#FFFFFF;} #mr_container .withdraw2 .wrap .content .menu a{color:#000000;} #mr_container .withdraw2 .wrap .content .menu01 { float:left; display:block; width:293px; height:22px;background-color:#b7b7b7;padding-top:8px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw2 .wrap .content .menu02X { float:left; position:relative;display:block; width:219px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw2 .wrap .content .menu03 { float:left; position:relative;display:block; width:291px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw2 .wrap .content .menu04X { float:left; position:relative;display:block; width:219px; height:22px;background-color:#b7b7b7;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw2 .wrap .content .menu04_on { float:left; position:relative;display:block; width:293px; height:22px;background-color:#ff6201;padding-top:8px; margin-left:1px;font-size:120%;font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } #mr_container .withdraw2 .wrap .content .tbl01 {position:relative; width:670px; margin:0 auto;} #mr_container .withdraw2 .wrap .content .tbl01 .img01 {position:relative; display:block; width:670px; height:40px; background:url("/img/withdraw/withdraw_img_01.jpg") no-repeat 0 0;} #mr_container .withdraw2 .wrap .content .tbl02 {position:relative; border:5px solid #e3e3e3; width:660px; height:270px; margin:0 auto; margin-top:30px;} #mr_container .withdraw2 .wrap .content .tbl02 .txt01 {color:#ff6201; font-size:12pt; font-weight:bold;} #mr_container .withdraw2 .wrap .content .tbl03 {position:relative;width:190px; margin:0 auto; margin-top:20px;} #mr_container .withdraw2 .wrap .content .tbl03 .btn01 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .withdraw2 .wrap .content .tbl03 .btn02 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} /* ▲ mypages */ /* ▼ 결제 pay */ /* paystart_popup*/ #mr_container .paystart_popup {background-color:#f1f1f1; overflow: hidden; height:600px;} #mr_container .paystart_popup .wrap {margin-left:10px;} #mr_container .paystart_popup .wrap .logo {position:relative; width:105px; height:26px; margin-left:0; background:url("/img/logo/logo_paystart.gif") no-repeat 0 0; margin-top:13px;} #mr_container .paystart_popup .wrap .title {position:relative; width:461px; height:114px; margin-left:0; background:url("/img/title/title_paystart.gif") no-repeat 0 0; margin-top:7px; margin-bottom:30px; } #mr_container .paystart_popup .wrap .content .td01{width:120px; font-weight:bold;} #mr_container .paystart_popup .wrap .content .td02{width:322px; background-color:#fff; text-align:left; padding-left:15px;} #mr_container .paystart_popup .wrap .content .tbl01 {float:left; margin-left:170px; margin-top:10px;} #mr_container .paystart_popup .wrap .content .txt01 {color:#ff6600; font-weight:bold;} #mr_container .paystart_popup .wrap .content .btn01 {display:block; float:left; position:relative; width:76px; height:29px;} #mr_container .paystart_popup .wrap .content .btn02 {display:block; float:left; position:relative; width:76px; height:29px; background:url("/img/btn/btn_common_close.gif") no-repeat 0 0; margin-left:15px;} /* pay_result */ #mr_container .pay_result {position:relative; width:100%; height:100%;} #mr_container .pay_result .wrap .title {position:relative; max-width: 880px; height:73px; margin:0 auto; background:url("/img/title/title_pay_result.jpg") no-repeat 0 0; } #mr_container .pay_result .wrap .content {position:relative; max-width: 880px; height:750px; padding-top:50px;} #mr_container .pay_result .wrap .content .img01 {position:relative; height:43px; width:360px; margin:0 auto; background:url("/img/pay/pay_result_img01.jpg") no-repeat 0 0; } #mr_container .pay_result .wrap .content .text01 {font-weight:bold; text-align:center; padding-top:50px;padding-bottom:50px;} #mr_container .pay_result .wrap .content .tbl01 {position:relative; width:625px; height:46px;margin:0 auto;} #mr_container .pay_result .wrap .content .btn01 {display:block; float:left; position:relative; width:188px; height:46px; background:url("/img/btn/btn_common_license.gif") no-repeat 0 0;} #mr_container .pay_result .wrap .content .btn02 {display:block; float:left; position:relative; width:188px; height:46px; background:url("/img/btn/btn_common_orderinfo.gif") no-repeat 0 0; margin-left:30px;} #mr_container .pay_result .wrap .content .btn03 {display:block; float:left; position:relative; width:188px; height:46px; background:url("/img/btn/btn_common_mypayment.gif") no-repeat 0 0; margin-left:30px;} /* ▲ 결제 pay*/ /* ▼ 이용권 license */ #mr_container .license {position:relative; width:100%; height:100%;} /* ▲ 결제 license*/ /* ▼장바구니 */ #mr_container .cart {position:relative; width:100%; height:100%;} #mr_container .cart .wrap {position:relative; width:100%; height:100%;} #mr_container .cart .wrap .title {position:relative; height:75px; max-width: 880px; margin:0 auto; background:url("/img/title/title_cart.jpg") no-repeat 0 0; } #mr_container .cart .wrap .content {position:relative; max-width: 880px; height:100%;} #mr_container .cart .wrap .content .text01 {float:right; text-align:right; padding-top:14px;} #mr_container .cart .wrap .content .btn01 {float:left; display:block; position:relative; width:73px; height:29px; background:url("/img/btn/btn_cart_buy_small.jpg") no-repeat 0 0;} #mr_container .cart .wrap .content .btn02 {float:left; display:block; position:relative; width:73px; height:29px; background:url("/img/btn/btn_cart_del.jpg") no-repeat 0 0; margin-left:10px} #mr_container .cart .wrap .content .btn03 {float:right;display:block; position:relative; width:141px; height:37px; background:url("/img/btn/btn_cart_buy_big.jpg") no-repeat 0 0;} #mr_container .cart .wrap .content .textbox01 {width:70px; text-align:center} /* 가로세로 스크롤 끝*/ table.chart02 { text-align:center; font-size : 10pt; color: #ffffff; border-top:1px solid #a6a6a6; /*border-left:1px solid #a6a6a6;*/ border-collapse : collapse; } table.chart02>thead { background-color: var(--theme-color-table-header); } table.chart02>thead>tr>th { padding: 15px 0px 12px 0px; color: var(--theme-color-table-header-text); border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; font-weight: bold; font-size: 11pt; border-left: 1px solid #a6a6a6; } table.chart02>thead>tr>td { color:#000000; border-bottom:1px solid #a6a6a6; padding: 15px 0px 12px 0px; font-size:10pt; } table.chart02>tbody {border-top:1px solid #a6a6a6;} table.chart02>tbody>tr>th { background-color: #ededed; color: #000000; border-bottom: 2px solid #ffffff; padding: 15px 0px 12px 0px; font-weight: bold; font-size: 11pt; } table.chart02>tbody>tr>td { color: #000000; border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; padding: 5px 0px 5px 0px; font-size: 10pt; border-left: 1px solid #a6a6a6; } table.chart02>tbody>tr>td .inputBox40, table.chart02>tfoot>tr>td .inputBox40 { float:left; display: block; margin: 0px 5px 0px 5px; font-size:14px; height: 40px; border: 1px solid darkgray; border-radius: var(--theme-input-radius); } .inputBox40 .input40 { float: left; display: block; font-size: 14px; height: 30px; margin: 5px 0px 0px 5px; border: 0px; outline: 0 } table.chart02>tbody.noinput>tr>td { color: #000000; border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; padding: 13px 0px 10px 0px; font-size: 10pt; border-left: 1px solid #a6a6a6; } table.chart02>tfoot>tr>td { font-weight:bold; text-align:right; padding-top:15px; font-size:15pt; } table.chart, table.agencyThemesChart { text-align:center; font-size : 10pt; color: #ffffff; border-top:1px solid #a6a6a6; /*border-left:1px solid #a6a6a6;*/ border-collapse : collapse; } table.chart thead { background-color: var(--theme-color-table-header); } table.agencyThemesChart thead { background-color: var(--theme-color-table-header); } table.chart thead th { padding: 5px 0px 5px 0px; color: var(--theme-color-table-header-text);; border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6; font-weight:bold; font-size:10pt; border-left:1px solid #a6a6a6; } table.agencyThemesChart thead th { padding: 5px 0px 5px 0px; color: var(--theme-color-table-header-text);; border-bottom: 1px solid #a6a6a6; font-weight: bold; font-size: 10pt; } table.chart thead td, table.agencyThemesChart thead td { padding: 5px 0px 5px 10px; color:#000000; border-bottom:1px solid #a6a6a6; padding: 5px 0px 5px 0px; font-size:10pt; } table.chart tbody, table.agencyThemesChart tbody { border-top:1px solid #a6a6a6; } table.chart tbody th, table.agencyThemesChart tbody th { background-color:#ededed; color:#000000; border-bottom:2px solid #ffffff; padding: 5px 0px 5px 0px; font-weight:bold; font-size:10pt; } table.chart tbody td { color:#000000; border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6; padding: 5px 0px 5px 0px; font-size:10pt; border-left:1px solid #a6a6a6; } table.agencyThemesChart tbody td { color:#000000; border-bottom:1px solid #a6a6a6; /* border-right:1px solid #a6a6a6; */ padding: 5px 0px 5px 0px; font-size:10pt; /* border-left:1px solid #a6a6a6; */ height: 40px; } table.chart tfoot td table.agencyThemesChart tfoot td { font-weight:bold; text-align:right; padding-top:15px; font-size:15pt; } /* ▲ 장바구니 */ /* ▼결제하기 */ #mr_container .order {position:relative; width:100%; height:100%;} #mr_container .order .wrap {position:relative; width:100%; height:100%;} #mr_container .order .wrap .title {position:relative; height:75px; max-width: 880px; margin:0 auto; background:url("/img/title/title_order.jpg") no-repeat 0 0; } #mr_container .order .wrap .content {position:relative; max-width: 880px; height:100%;} #mr_container .order .wrap .content .tbl01 {position:relative; max-width: 880px; height:38px; border-top:1px solid #999999; border-bottom:1px solid #cccccc; background-color:#E6FBFB; margin-top:3px;} #mr_container .order .wrap .content .tbl02 {position:relative; max-width: 880px; height:55px; margin-top:0 auto;} #mr_container .order .wrap .content .tbl03 {position:relative; max-width: 880px; height:100%; margin-top:0 auto; } #mr_container .order .wrap .content .tbl04 {position:relative; max-width: 880px; height:100%; margin-top:10px; margin-bottom:20px; margin-top:0 auto;} #mr_container .order .wrap .content .tbl05 {float:right; margin-top:0px;} #mr_container .order .wrap .content .tbl06 {position:relative; max-width: 880px; height:60px;} #mr_container .order .wrap .content .tbl07 {position:relative; max-width: 880px; height:55px; margin-top:0 auto; margin-top:20px;} #mr_container .order .wrap .content .tbl08 {position:absolute; margin-left:30px; } #mr_container .order .wrap .content .tbl09 {position:absolute; width:100px;} #mr_container .order .wrap .content .tbl10 {position:absolute; width:76px; height:30px; margin-left:105px;} #mr_container .order .wrap .content .tbl11 {position:relative; max-width: 880px; height:70px; margin-top:0 auto; margin-top:20px;} #mr_container .order .wrap .content .text01 {float:left; text-align:left; margin-left:20px; margin-top:11px; font-weight:bold; color:#353a4b; font-size:11pt;} #mr_container .order .wrap .content .text02 {float:left; text-align:left; margin-left:20px;font-weight:bold; color:#353a4b;} #mr_container .order .wrap .content .text03 {float:left; text-align:left; margin-left:20px; font-weight:nomal; color:#666;} #mr_container .order .wrap .content .text04 {text-align:center; font-weight:bold; color:#000; font-size:13pt;} #mr_container .order .wrap .content .text05 {text-align:center; font-weight:bold; color:#cc1414; font-size:13pt;} #mr_container .order .wrap .content .text06 {text-align:center; font-weight:bold; color:#cc1414; font-size:13pt;} #mr_container .order .wrap .content .text07 {font-weight:bold; color:#000; font-size:8pt;} #mr_container .order .wrap .content .btn01 {float:right;display:block; position:relative; width:141px; height:37px; background:url("/img/btn/btn_cart_buy_big.jpg") no-repeat 0 0;} #mr_container .order .wrap .content .btn02 {display:block; position:relative; width:76px; height:30px; background:url("/img/btn/btn_puchase_use.jpg") no-repeat 0 0;} #mr_container .order .wrap .content .btn03 {float:right;display:block; position:relative; width:141px; height:37px; background:url("/img/btn/btn_common_order.gif") no-repeat 0 0;} #mr_container .order .wrap .content .img01 {display:block; position:relative; width:24px; height:24px; background:url("/img/order/order_01_minus.jpg") no-repeat 0 0;} #mr_container .order .wrap .content .img02 {display:block; position:relative; width:24px; height:24px; background:url("/img/order/order_02_equal.jpg") no-repeat 0 0;} #mr_container .order .wrap .content .input01 {text-align:center; font-weight:bold; color:#353a4b; font-size:13pt; width:100px;} #mr_container .order .wrap .content .input0201 {text-align:center; font-weight:bold; color:#353a4b; font-size:13pt; width:50px;} #mr_container .order .wrap .content .input0202 {text-align:center; font-weight:bold; color:#353a4b; font-size:13pt; width:50px;} #mr_container .order .wrap .content .input0203 {text-align:center; font-weight:bold; color:#353a4b; font-size:13pt; width:90px;} #mr_container .order .wrap .content .input0204 {font-weight:bold; color:#353a4b; font-size:13pt; width:150px;} table.order_chart {text-align:center;font-size : 10pt;color: #ffffff;border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6;} table.order_chart thead {background-color:#ffee71;} table.order_chart thead th { padding: 5px 0px 5px 0px; color:#000000; border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6; font-weight:bold; font-size:10pt;} table.order_chart thead td { padding: 5px 0px 5px 10px; color:#000000; border-bottom:1px solid #a6a6a6; padding: 5px 0px 5px 0px; font-size:10pt;} table.order_chart tbody {border-top:1px solid #a6a6a6;} table.order_chart tbody th {background-color:#ededed; color:#000000; border-bottom:2px solid #ffffff; padding: 5px 0px 5px 0px; font-weight:bold; font-size:10pt;} table.order_chart tbody td {color:#000000; border-bottom:1px solid #a6a6a6; border-right:1px solid #a6a6a6; padding: 5px 0px 5px 0px; font-size:10pt;} table.order_chart tfoot td {border-right:1px solid #a6a6a6; font-weight:bold; text-align:center; padding-top:5px; padding-bottom:5px;font-size:10pt;} /* ▲ 결제하기 */ /* ▼회원가입_member */ #mr_container .member .wrap #mr_container .member {position:relative; width:100%; height:100%;} #mr_container .member .wrap {position:relative; width:100%; height:100%;} #mr_container .member .wrap .title {position:relative; max-width: 880px;height:32px; margin:0 auto; background:url("/img/title/title_member.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .member .wrap .step01 {position:relative; max-width: 880px;height:73px; margin:0 auto; background:url("/img/member/member_agree_step01.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .member .wrap .content {position:relative; max-width: 880px; height:100%;} #mr_container .member .wrap .content .agree01 {position:relative; width:670px; height:100%; margin:0 auto;} #mr_container .member .wrap .content .tbl01 {margin-top:35px; width:100%; height:23px; background:url("/img/member/member_img_02.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .txt01 {margin-top:10px; color:#7d7d7d; font-size:9pt;font-weight:normal;} #mr_container .member .wrap .content .check01 {margin-top:45px; color:#000; font-size:9pt; font-weight:bold;} #mr_container .member .wrap .content .grayline01 {margin-top:20px; background-color:#e5e5e5; width:100%; height:1px;} #mr_container .member .wrap .content .tbl02 {margin-top:35px; width:96; height:14px; background:url("/img/member/member_img_03.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .textarea01 {margin-top:7px; width:670px; heigt:133px; border:1px solid #e5e5e5;} #mr_container .member .wrap .content .check02 {margin-top:10px; color:#000; font-size:9pt;font-weight:normal;} #mr_container .member .wrap .content .tbl03 {margin-top:35px; width:96; height:14px; background:url("/img/member/member_img_04.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .tbl04 {margin-top:35px; width:96; height:14px; background:url("/img/member/member_img_05.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .txt02 {margin-top:10px; color:#ff6201; font-size:9pt;font-weight:normal;} #mr_container .member .wrap .content .btn01 {margin:0 auto; margin-top:40px; display:block; position:relative; width:57px; height:29px; background:url("/img/btn/btn_member_agree.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .agree02 {position:relative; width:670px; height:100%; margin:0 auto;} #mr_container .member .wrap .step02 {position:relative; max-width: 880px;height:73px; margin:0 auto; background:url("/img/member/member_agree_step02.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .member .wrap .content .tbl05 {margin-top:15px; width:731; height:120px; background:url("/img/member/member_step02_text_14upper.gif") no-repeat 0 0;} #mr_container .member .wrap .content .tbl06 {width:670; height:100%; border:1px solid #CCC; padding-left:55px; padding-top:15px; margin-bottom:145px;} #mr_container .member .wrap .content .tbl06 td{font-size:10pt; color:#ff6201; font-weight:bold; padding-bottom:15px; padding-right:15px;} #mr_container .member .wrap .content .btn02 {display:block; position:relative; width:97px; height:32px; background:url("/img/btn/btn_checkplus_certification.gif") no-repeat 0 0;} #mr_container .member .wrap .content .btn03 {display:block; position:relative; width:97px; height:32px; background:url("/img/btn/btn_ipin_certification.gif") no-repeat 0 0;} #mr_container .member .wrap .content .agree03 {position:relative; width:670px; height:570px; margin:0 auto;} #mr_container .member .wrap .step03 {position:relative; max-width: 880px;height:73px; margin:0 auto; background:url("/img/member/member_agree_step03.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .member .wrap .content .tbl07 {margin-top:35px; width:100%; height:23px; background:url("/img/member/member_img_06.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .txt02 {color:#7d7d7d; font-size:9pt;font-weight:normal;} #mr_container .member .wrap .content .btn04 {float:left; position:relative;display:block;width:72px; height:20px; background:url("/img/btn/btn_member_doubbleCheck.gif") no-repeat 0 0;} #mr_container .member .wrap .content .txt03 {color:#000; font-size:9pt;font-weight:bold;} #mr_container .member .wrap .content .input01 {width:160px; height:20px; text-align:left; border:1px solid #c2c2c2;} #mr_container .member .wrap .content .input02 {width:80px; height:20px; text-align:CENTER; border:1px solid #c2c2c2;} #mr_container .member .wrap .content .btn05 {margin-top:20px; margin-left:280px; position:relative;display:block;width:86px; height:29px; background:url("/img/btn/btn_memer_ok.jpg") no-repeat 0 0;} #mr_container .member .wrap .content .agree04 {position:relative; max-width: 880px; height:570px; margin:0 auto;} #mr_container .member .wrap .step04 {position:relative; max-width: 880px;height:73px; margin:0 auto; background:url("/img/member/member_agree_step04.jpg") no-repeat 0 0; margin-top:20px;} #mr_container .member .wrap .content .tbl08 { position:relative; max-width: 880px; height:384px; background:url("/img/member/member_img_07.jpg") no-repeat 0 0; margin:0 auto;} #mr_container .member .wrap .content .btn08 {margin-top:350px; margin-left:400px; position:absolute; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} table.member { width:100%; height:100% } table.member td{padding-top:15px; } /* ▲회원가입_member */ /* ▼login */ #mr_container .login_form .wrap #mr_container .login_form {position:relative; width:100%; height:100%;} #mr_container .login_form .wrap {position:relative; height:100%; margin:0 auto;} #mr_container .login_form .wrap .title{ position:relative; width:450px;height:78px; margin-left:0px; background:url("/img/title/title_login_form.jpg") no-repeat 0 0; margin-top:50px;} #mr_container .login_form .wrap .content {position:relative; height:100%; margin-top:70px; display: flex; justify-content: center;} #mr_container .login_form .wrap .content .tbl01 {position:relative; height:310px; margin:0 auto; background:url("/img/bg/bg_login_form.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .tbl02 {position:relative; height:230px; margin:0 auto; padding-top:40px;} #mr_container .login_form .wrap .content .tbl01 .btn01 {float:right; position:relative; display:block; width:90px; height:22px; background:url("/img/btn/btn_login_form_id.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .tbl01 .btn02 {float:right; position:relative; display:block; width:100px; height:22px; background:url("/img/btn/btn_login_form_pw.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .tbl01 .btn03 {float:right; position:relative; display:block; width:85px; height:28px; background:url("/img/btn/btn_login_form_login.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .tbl01 .btn04 {float:left; position:relative; display:block; width:99px; height:20px; background:url("/img/btn/btn_login_form_join.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .tbl01 .img01{float:left; position:relative; width:121px; height:32px; margin:0 auto; background:url("/img/login/login_form_img01.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .tbl01 .img02{float:left; position:relative; width:273px; height:34px; margin:0 auto; background:url("/img/login/login_form_img02.jpg") no-repeat 0 0;} #mr_container .login_form .wrap .content .input01 {width:198px; height:28px; text-align:left; border:1px solid #c2c2c2; font-size:15pt; font-weight:bold; } /* ▲login */ /* ▼findid */ #mr_container .findid {position:relative; width:100%; height:100%;} #mr_container .findid .wrap {position:relative; width:100%; height:100%;} #mr_container .findid .wrap .title {position:relative; width:670px; height:33px; margin:0 auto; background:url("/img/title/title_findid.jpg") no-repeat 0 0; margin-top:30px;} #mr_container .findid .wrap .content .tbl01 {position:relative; border:5px solid #e3e3e3; width:660px; height:270px; margin:0 auto; margin-top:30px;} #mr_container .findid .wrap .content .tbl01 .input01 { width:190px; height:22px; border:1px solid #c2c2c2;} #mr_container .findid .wrap .content .tbl01 .txt01 {font-weight:bold; font-size:14pt;} #mr_container .findid .wrap .content .tbl01 .tbl02 {width:300px; height:30px; margin-top:20px;} #mr_container .findid .wrap .content .tbl01 .btn01 {float:left; position:relative; display:block; width:97px; height:32px; background:url("/img/btn/btn_checkplus_certification.gif") no-repeat 0 0;} #mr_container .findid .wrap .content .tbl01 .btn02 {float:left; position:relative; display:block; width:97px; height:32px; background:url("/img/btn/btn_ipin_certification.gif") no-repeat 0 0;margin-left:10px;} #mr_container .findid .wrap .content .tbl01 .btn03 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} #mr_container .findid .wrap .content .tbl01 .btn04 {float:left; position:relative; display:block; width:85px; height:28px; background:url("/img/btn/btn_login_form_login.jpg") no-repeat 0 0;margin-left:10px;} #mr_container .findid .wrap .content .tbl01 .tbl03 {position:absolute; display:block; width:80px; height:24px; top:219px; left:560px;} #mr_container .findid .wrap .content .tbl01 .tbl03 a{text-decoration: underline;} /* ▲findid */ /* ▼FindPassword */ #mr_container .findpassword {position:relative; width:100%; height:100%;} #mr_container .findpassword .wrap {position:relative; width:100%; height:100%;} #mr_container .findpassword .wrap .title {position:relative; width:670px; height:33px; margin:0 auto; background:url("/img/title/title_findpassword.jpg") no-repeat 0 0; margin-top:30px;} #mr_container .findpassword .wrap .content .tbl01 {position:relative; border:5px solid #e3e3e3; width:660px; height:320px; margin:0 auto; margin-top:30px;} #mr_container .findpassword .wrap .content .tbl01 .input01 { width:190px; height:22px; border:1px solid #c2c2c2;} #mr_container .findpassword .wrap .content .tbl01 .tbl02 {width:300px; height:30px; margin-top:20px;} #mr_container .findpassword .wrap .content .tbl01 .btn01 {float:left; position:relative; display:block; width:97px; height:32px; background:url("/img/btn/btn_checkplus_certification.gif") no-repeat 0 0;} #mr_container .findpassword .wrap .content .tbl01 .btn02 {float:left; position:relative; display:block; width:97px; height:32px; background:url("/img/btn/btn_ipin_certification.gif") no-repeat 0 0;margin-left:10px;} #mr_container .findpassword .wrap .content .tbl01 .btn03 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} #mr_container .findpassword .wrap .content .tbl01 .tbl03 {position:absolute; display:block; width:80px; height:24px; top:255px; left:560px;} #mr_container .findpassword .wrap .content .tbl01 .tbl03 a{text-decoration: underline;} /* ▲FindPassword */ /* ▼FindIpinpw */ #mr_container .findipinpw {position:relative; width:100%; height:100%;} #mr_container .findipinpw .wrap {position:relative; width:100%; height:100%;} #mr_container .findipinpw .wrap .title {position:relative; width:670px; height:33px; margin:0 auto; background:url("/img/title/title_findpassword.jpg") no-repeat 0 0; margin-top:30px;} #mr_container .findipinpw .wrap .content .tbl01 {position:relative; border:5px solid #e3e3e3; width:660px; height:330px; margin:0 auto; margin-top:30px;} #mr_container .findipinpw .wrap .content .tbl01 .input01 { width:150px; height:22px; border:1px solid #c2c2c2;} #mr_container .findipinpw .wrap .content .tbl01 .txt01 {font-weight:bold; font-size:14pt;} #mr_container .findipinpw .wrap .content .tbl01 .tbl02 {width:300px; height:30px; margin-top:20px;} #mr_container .findipinpw .wrap .content .tbl02 .btn01 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_member_confirm.jpg") no-repeat 0 0;} #mr_container .findipinpw .wrap .content .tbl02 .btn02 {float:left; position:relative; display:block; width:86px; height:29px; background:url("/img/btn/btn_common_cancel.jpg") no-repeat 0 0;margin-left:10px;} /* ▲FindIpinpw */ /* ▼footer */ .footer { position:relative; margin-top: 30px; text-align: center; } /* footer */ #mr_footer { position:relative; margin:0 auto; background-color:#000000; /* width:100%; bottom: 0; margin-left:0px; margin-bottom:-1px; text-align: center; */ } #mr_footer .wrap {position:relative; width:100%; height:117px; margin: 16px 0 0 0; background-color:#000000} #mr_footer .link { width:100%} #mr_footer .link .inner {max-width: 880px; height:31px; margin:0 auto} #mr_footer .link .inner ul {position:relative; top:6px} #mr_footer .link .inner li {float:left; margin:0 0 0 10px; zoom:1} #mr_footer .link .inner li.first {margin:0} #mr_footer .link .inner li a {font-size:11px; color:#ddd} #mr_footer .copyright {max-width: 880px; height:80px; margin:0 auto; background-color:#000000;} #mr_footer .copyright .top {position:relative; height:30px; padding:0px 0 0 0} #mr_footer .copyright .box {position:absolute; height:18px; padding:0 10px; border:1px solid #333} #mr_footer .copyright .box dl {margin:0 auto} #mr_footer .copyright .box dt {float:left} #mr_footer .copyright .box dd {float:left; margin:0 0 0 5px} #mr_footer .copyright .tel1 dd {color:red} #mr_footer .copyright .tel1 { position:absolute; right:360px} #mr_footer .copyright .tel2 { left:1280px;} #mr_footer .copyright .family { right:0} #mr_footer .copyright .family select {width:170px; height:20px} #mr_footer .copyright .address {clear:both; margin: 5px 0 0 0} #mr_footer .copyright .address dt {float:left; margin:0 3px 0 0; font-size:11px; font-weight:bold; letter-spacing:-1px} #mr_footer .copyright .address dd {float:left; margin:0 10px 0 0; font-size:11px} #mr_footer .copyright .address dlb { color:#06C; float:left; margin:0 10px 0 0; font-size:11px; letter-spacing:-1px; border:1px solid #333;} /* ▲footer */ /* 리뉴얼후 추가된 CSS */ * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } html { overflow-y: scroll; } body { background-color: #fff; } body, input, button { color: #000; font-size: 12px; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { font-size: 12px; text-align: left; } img, fieldset, iframe { border: 0 none; } li { list-style: none outside none; } a { color: #2F3743; text-decoration: none; } a:hover { color: #1e86ea; text-decoration: underline;} a:link, a:visited, a:active { color: #1e86ea;} em, address { font-style: normal; } button, label { cursor: pointer; } legend { display: none; } form { display: inline; } .hide { display: none; } .inline { display: inline; } .block { display: block; } .orange { color: #ff7200; } .blue { color: #0066FF; } .hide { display: none; } .clb { clear: both; } .fl { float: left !important; } .fr { float: right !important; } .f12 { font-size:12px !important } .f13 { font-size:13px !important } .bold { font-weight:bold !important } /* JUNE version */ .topmenu_sub { max-width: 880px; height: 247px; margin:0 auto; overflow: hidden; } /* COMMON */ .blind, .hide{display:none} .block{display:block} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0;padding:0} body, th, td, input{color:#333333;font-family: var(--theme-font); font-size:12px;font-weight:normal;line-height:1.5em} textarea, input, select, pre { font-family: var(--theme-font); } ul, li, dl, dd, ol, dt{list-style:none outside none} hr, legend{display:none} button{background:none repeat scroll 0 0 transparent;border:0 none;cursor:pointer} form{display:inline} label{cursor:pointer} img, fieldset{border:0 none} .fl{float:left !important} .fr{float:right !important} .fn{float:none !important} .clb{clear:both} .tal{text-align:left !important} .tac{text-align:center !important} .tar{text-align:right !important} .pointer{cursor:pointer !important} .mt0{margin-top:0 !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .ml0{margin-left:0 !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .mr0{margin-right:0 !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr30{margin-right:30px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important} .pt0{padding-top:0px !important} .pt20{padding-top:20px !important} .pb10{padding-bottom:10px !important} .pl5{padding-left:5px !important} .f11{font:11px !important} .nobg{background-image:url('') !important} .pl0{padding-left:0 !important} .bold{font-weight:bold !important;letter-spacing:-1px !important} .bold0{font-weight:bold !important} .ls0{letter-spacing:0 !important} .lsm1{letter-spacing:-1px !important} .noborder{border:0 none !important} .gray{color:#999 !important} .blue{color:#097DD5 !important} .orange{color:#FF8300 !important} .sky{color:#00bfff !important} .subf{color:#aaa !important} .red{color:red !important} .white{color:#FFFFFF !important} .fs90{font-size:90%;} .fs85{font-size:85%;} .orangeline{ border-bottom:1px solid #FF8300;} .wordbreak {word-break:break-all; word-wrap:break-word} .wrap {position:relative; width:100%} .gbtn { color:#FFF;height:25px;background-color:#ff6201;border:1px solid #903700;font-weight:bold;padding-top:4px; text-align:center; } /*팝업*/ #poplayer_No { position:absolute; font-size:12px; width:399; VISIBILITY: hidden;} .notice { padding-top:0; height:0; color:#ffffff; font-weight:bold; background-color:black;} .contents { clear:both; width:399; height:399; padding:0} .winClose { width:150; font-weight:bold; cursor:pointer; } td.align-string { text-align: left !important; } td.align-number { text-align: right !important; }