/******************** Main Layout ********************/ #header { position:relative; height:145px; background-color: #ffffff; border-bottom:1px solid #366805; box-sizing: border-box; } #header .inner { position:relative; width:1100px; margin:0 auto; height:145px; } #header .inner .logo { position:absolute; top:53px; left:0; width:166px; height:69px; display:block; background:url(../images/logo.png); } #header .inner .logo > h1 { display:none; } #header .topmenu { margin:0; padding:0; padding-top:10px; list-style-type:none; text-align:right; height:32px; } #header .topmenu > li { display:inline-block; *display:inline; *zoom:1; padding:0 8px; border-left:1px solid #000; line-height:10px; } #header .topmenu > li:first-child { border-left:none; } #header .topmenu > li > a { font-size:11px; letter-spacing:-1px; color:#616161; } #header .topmenu > li > a:hover { text-decoration:none; } /* #nav{ position:absolute; bottom:20px; right:0; z-index:999; } #nav > .n_menu { margin:0; padding:0; list-style-type:none; font-size:0; } #nav > .n_menu > li{ display:inline-block; *display:inline; *zoom:1; margin-left:14px; vertical-align:middle; } #nav > .n_menu > li > a{ display:block; } #nav > .n_menu > li > a.menu_ev { background:url(../images/submenuev.png); width:123px; height:44px; } #nav > .n_menu > li > a.menu01 { background:url(../images/submenu1.png); width:98px; height:27px; margin-top:14px; margin-left:20px;} #nav > .n_menu > li > a.menu02 { background:url(../images/submenu2.png); width:86px; height:27px; margin-top:14px;} #nav > .n_menu > li > a.menu03 { background:url(../images/submenu3.png); width:77px; height:27px; margin-top:14px;} #nav > .n_menu > li > a.menu04 { background:url(../images/submenu4.png); width:85px; height:44px; margin-top:14px;} #nav > .n_menu > li > a.menu05 { background:url(../images/submenu5.png); width:90px; height:32px; margin-top:14px;} #nav > .n_menu > li > a.menu06 { width:85px; height:25px; margin-top:1px; margin-bottom:15px; margin-left:5px;} #nav > .n_menu > li > a.menu07 { width:80px; height:50px; margin-top:40px; margin-left:14px;} #nav > .n_menu > li > a.menu08 { width:80px; height:50px; margin-top:21px; margin-left:14px;} #nav > .n_menu > li > a.menu09 { width:80px; height:50px; margin-top:21px; margin-left:14px;} */ /*메인메뉴 2018.12.12 !!!*/ #new_nav{position:absolute; bottom:0; right:0; z-index:999; height:80px; user-select:none;} #new_nav a:hover{text-decoration:none;} #new_nav_inner{position:relative; height:100%;} #new_nav_inner>.n_menu{ margin:0; padding:0; list-style-type:none; font-size:0; height:100%; } #new_nav_inner>.n_menu>li{position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:110px; height:100%; padding-top:20px; box-sizing:border-box; text-align:center; } #new_nav_inner>.n_menu>li:hover:after{content:''; display:block; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #374e1f transparent; position:absolute; left:50%; bottom:0; z-index:7; margin-left:-6px;} #new_nav_inner>.n_menu>li:last-of-type{background:url('../images/main_page/navi_bg.png') no-repeat 50% 5px; } #new_nav_inner>.n_menu>li>a{ display:block; font-size:15px; color:#282828; font-weight:bold; } /*서브메뉴 2018.12.12*/ #new_nav_sub{position:absolute; left:0; top:79px; z-index:7; width:100%; padding:17px 0; background:rgba(55,78,31,0.9); display:none;} #new_nav_sub:after{content:''; display:block; clear:both; width:0; height:0;} #new_nav_sub>ul{float:left; margin:0; padding:0; position:relative;} #new_nav_sub>ul>li{width:110px; text-align:center; } #new_nav_sub>ul>li>a{display:block; font-size:11px; color:#fff; padding:7px 0; } #new_nav_sub>ul>li>a:hover{color:#ddd; } /*hover 액션*/ #new_nav:hover #new_nav_sub{display:block; } /*슬라이드 2018.12.12*/ .fotorama a{display:block; width:100%; height:100%; } .fotorama__wrap{ margin: 0 auto; } article{ width:1000px; margin:0 auto; padding-bottom:30px; background-color:#f6f6f6; } #footer { border-top:1px solid #c4c3c3; background:#fefef6; width:100%; height:124px; z-index:999; position:absolute; top:1120px; } #footer .ftop{ font-size:0; position:relative; width:1000px; height:35px; margin:0 auto; } #footer .ftop img.fmenu { margin:12px 65px 57px 126px; } #footer .ftop select.familysite { font-weight:bold; border:1px solid #CBC9C9; padding:4px; width:202px; position:relative; top:-16px; left:142px; background: #F8F8F8; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #F8F8F8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F8F8F8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#F8F8F8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#F8F8F8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#F8F8F8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#F8F8F8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F8F8F8',GradientType=0 ); /* IE6-9 */ } #footer .ftop .top{ position:absolute; top:9px; right:0; display:block; width:47px; height:19px; background:url(../images/btn_top.png); } #footer .fbottom { padding:10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:66px; } #footer .fbottom address { position:relative; width:1000px; margin:0 auto; margin-top:-5px; } #footer .fbottom address .blogo > h1 { display:none; } #footer .fbottom address .blogo { position:absolute; top:17px; left:0; width:105px; height:46px; display:block; background:url(../images/blogo.png); margin-right:20px; } #footer .fbottom address .copyright { padding:25px 120px 0 143px; } #footer .fbottom address{ font-style: normal; } #footer .fbottom address .adddt { margin-top:10px; } /*********************** Main ***********************/ .sdw{ width:100%; height:10px; position:absolute; top:475px; left:0;background-color: #fefef6; z-index:99; } #main{ zoom:1; background-color:#ffffff; width:100%; position:absolute; top:475px; z-index:9; } #main:after{ content:""; display:block; clear:both; } #main .sec01 { zoom:1; position:relative; margin:0 auto; width:1020px; height:286px; padding-top:17px; } #main .sec01:after { content:""; display:block; clear:both; } #main .sec01 .newlist { background:#fefef6; border:1px solid #a7b3c1; width:300px; height:300px; float:right; margin-right:3px; } #main .sec01 .newlist .title { padding:12px 15px; position:relative; background-color:#e8e8e8; } #main .sec01 .newlist .title .more { background:url(../images/btn_more.png); width:48px; height:14px; display:block; position:absolute; bottom:13px; right:15px; } #main .sec01 .newlist .booklist { list-style-type:none; height:143px; width:300px; padding-top:6px; padding-bottom:2px; } #main .sec01 .newlist .booklist > li:first-child { margin-left:-5px; } #main .sec01 .newlist .booklist > li { display:inline-block; *zoom:1; *display:inline; padding-right:28px; } #main .sec01 .newlist .booklist > li:last-child { padding-right:none; } #main .sec01 .newlist .booklist li.arr { vertical-align:top; margin-top:40px; } p.booktit { font-size:14px; font-weight:bold; color:#39434e; margin-top:10px; } #main .sec01 .banner1 { float:right; background-color:#f6f6f6; border:1px solid #a7b3c1; width:500px; height:300px; } #main .sec01 .banner { float:left; background-color:#f6f6f6; border:1px solid #a7b3c1; width:500px; height:300px; } #main .sec02 { zoom:1; position:relative; margin:0 auto; width:1020px; height:355px; margin-top:30px; } #main .sec02 .notice { background:#f8f8f8; border:1px solid #a7b3c1; width:500px; height:300px; float:left; margin-left:15px; } #main .sec02 .notice .title { padding:12px 15px; position:relative; background-color:#e8e8e8; } #main .sec02 .notice .title .more { background:url(../images/btn_more.png); width:48px; height:14px; display:block; position:absolute; bottom:13px; right:15px; } #main .sec02 .notice .list { list-style-type:none; margin:0; padding:30px 10px 20px 10px; } #main .sec02 .notice .list > li { position:relative; padding:10px 0; } #main .sec02 .notice .list > li:first-child a.subt { color:#234DBD; } #main .sec02 .notice .list > li > a.subt{ letter-spacing:-0.5px; background:url(../images/bull.jpg) no-repeat 0 center; padding-left:12px; color:#39434e; font-size:13px; } #main .sec02 .notice .list > li > span.date{ font-size:12px; color:#39434e; position:absolute; top:11px; right:0; } #main .sec02 .pbooklist { background-color:#f6f6f6; border:1px solid #a7b3c1; width:500px; float:left; } #main .sec02 .pbooklist .title { padding:12px 15px; position:relative; border-bottom:1px dotted #a7b3c1; } #main .sec02 .pbooklist .title .more { background:url(../images/btn_more.png); width:48px; height:14px; display:block; position:absolute; bottom:13px; right:15px; } /*table.bookinfo { width:260px;}*/ table.bookinfo_b {width:260px;} table.bookinfo tr:first-child td:first-child { border:none; padding:10px; } table.bookinfo_b tr:first-child td:first-child { border:none; padding:10px; } table.bookinfo tr+tr td { border:none; padding:0px; } table.bookinfo_b tr+tr td { border:none; padding:0; } a.infotit { font-size:15px; color:#39434e; font-weight:bold; text-decoration:none; } p.infodetail { padding:10px 0 0 0px; overflow:scroll; overflow-x:hidden; font-size:11px; color:#39434e; width:260px; height:240px; line-height:17px; } p.infodetail_b { padding:10px 0 0 0px; overflow:scroll; overflow-x:hidden; font-size:11px; color:#39434e; width:260px; height:249px; line-height:17px; } p.infodetail b { font-size:13px;} .td_infotit {padding:10px 10px 10px 0; width:250px; border-bottom:1px solid #ccc; font-size:15px; } span.j_writter { font-size:12px; color:#333;} span.infostit { font-size:13px; color:#39434e; font-weight:bold; letter-spacing:-1px; } /*********************** New Main 2018.12.12 !!! ***********************/ #main_sct01{padding:45px 0 70px;} #main_sct01 a:hover{text-decoration:none;} #main_sct01>ul{list-style:none; font-size:0; width:100%; max-width:925px; margin:0 auto;} #main_sct01>ul>li{display:inline-block; width:33.3333333%; text-align:center; box-sizing:border-box; padding:0 37.5px; } #main_sct01>ul>li>a{display:block; } #main_sct01>ul>li h3{position:relative; font-size:26px; text-align:center; padding:30px 0 25px; color:#000; } #main_sct01>ul>li h3:before{content:''; display:block; position:absolute; left:50%; top:0; z-index:7; width:36px; height:3px; margin-left:-18px; background:#556551;} #main_sct01>ul>li img{width:100%; box-shadow:0 0 7px rgba(0,0,0,0.7);} #main_sct01>ul>li span{display:block; padding:30px 0 10px; font-size:17px;} #main_sct01>ul>li p{font-size:20px;} /*********************** Sub 2018.12.12 !!! ***********************/ .side_subMenu>a{border-bottom:1px solid #99c273;} .side_subMenu a:hover{text-decoration:none;} .side_subMenu>ul{padding:12px 0 12px 20px;} .side_subMenu>ul>li{padding:7px 0; display:block; font-weight:bold; letter-spacing:-1px; color:#7b7b7b; padding-left:2px; font-size:13px; border-bottom:1px solid #99c273; } .side_subMenu>ul>li:last-of-type{border:none;} .side_subMenu>ul>li>a{display:block;} .side_subMenu>ul>li>a.active{color:#39434e; } /*********************** sub ***********************/ #sub { zoom:1; background-color:#ffffff; width:100%; position:relative; z-index:9; } #sub:after{ content:""; display:block; clear:both; } #sub a{text-indent: 5px;} #sub .subinner { zoom:1; position:relative; margin:0 auto; width:1000px; padding-top:15px; } #sub .sidebar{ width:208px; float:left; min-height:100px; margin-right:7px; } #sub .sidebar > a{ display:block; margin-top:15px; } #sub .sidebar .lnb{ background-color:#fff; min-height:250px; } #sub .sidebar .lnb .tit{ background-color:#5ba70f; height:132px; width:100%; border-bottom:18px solid #e9e6bb; } #sub .sidebar .lnb .tit > h2{ padding:65px 0 20px 26px; } #sub .sidebar .lnb .list{ margin:0; margin-top:13px; padding:0; list-style-type:none; margin-left:17px; margin-bottom:15px; } #sub .sidebar .lnb .list > li{ border-top:1px solid #99c273; width:175px; } #sub .sidebar .lnb .list > li:first-child{ border-top:none; } #sub .sidebar .lnb .list > li > a{ padding:7px 0; display:block; font-weight:bold; letter-spacing:-1px; color:#7b7b7b; padding-left:2px; font-size:13px; } #sub .sidebar .lnb .list > li:hover > a{ color:#39434e; text-decoration:none; } #sub .sidebar .lnb .list > li > a.active{ background-color:#3a6611; color: #ffffff; text-decoration:none; } .contTitle { float:left; width:773px; height:170px; position:relative; } .contTitle > img { border:1px solid #d9d9d9; margin-bottom:17px; margin-left:7px; } .contTitle .status{ position:absolute; bottom:-7px; right:-5px; font-size:11px; color:#666; } .contTitle .status > a:hover, .contTitle .status > a.active { text-decoration:none; } #subfooter { border-top:1px solid #c4c3c3; background:#ffffff; width:100%; height:124px; } #subfooter .ftop{ font-size:0; position:relative; width:1000px; height:35px; margin:0 auto; } #subfooter .ftop img.fmenu { margin:12px 65px 57px 126px; } #subfooter .ftop select.familysite { font-weight:bold; border:1px solid #CBC9C9; padding:4px; width:202px; position:relative; top:-16px; left:142px; background: #F8F8F8; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #F8F8F8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F8F8F8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#F8F8F8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#F8F8F8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#F8F8F8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#F8F8F8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F8F8F8',GradientType=0 ); /* IE6-9 */ } #subfooter .ftop .top{ position:absolute; top:9px; right:0; display:block; width:47px; height:19px; background:url(../images/btn_top.png); } #subfooter .fbottom { padding:10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:66px; } #subfooter .fbottom address { position:relative; width:1000px; margin:0 auto; margin-top:-5px; font-style: normal;} #subfooter .fbottom address .blogo > h1 { display:none; } #subfooter .fbottom address .blogo { position:absolute; top:17px; left:0; width:105px; height:46px; display:block; background:url(../images/blogo.png); margin-right:20px; } #subfooter .fbottom address .copyright { padding:25px 120px 0 143px; } #subfooter .fbottom address .adddt { margin-top:10px; } /*********************** member ***********************/ #sub .subinner .join { float:left; width:770px; margin-left:6px; margin-top:20px; } #sub .subinner .join .jointable { border:1px solid #e1e1e1; background-color:#fff; width:100%; } #sub .subinner .join .jointable td { padding-left:10px; height:45px; } #sub .subinner .join .jointable th { text-align:left; padding-left:10px; background-color:#bbb9b9; color:#39434e; } .btnArea { text-align:center; margin-top:10px; } input._basicS{ border:1px solid #D0CFCF; background:#FAF9F9; width:60px; height:12px;} input._basicM{ border:1px solid #D0CFCF; background:#FAF9F9; width:200px; height:12px; } input._basicS:hover, input._basicM:hover { border:1px solid #D0CFCF; border-right:1px solid #EDEDED; border-bottom:1px solid #EDEDED; background:#fff; } .login { float:left; margin:50px 0 0 160px; width:450px; height:200px; padding:10px; } .logintable { background-color:#fff; border:1px solid #e1e1e1; margin:20px; height:165px; } .logintable td { padding-left:10px; height:45px; } .logintable th { text-align:right; padding-left:10px; color:#343434; } .loginmenu { margin:0; padding:0; list-style-type:none; text-align:center; } .loginmenu > li { display:inline-block; *display:inline; *zoom:1; padding:0 50px; border-left:1px solid #000; line-height:12px; } .loginmenu > li:first-child { border-left:none; } .loginmenu > li > a { font-size:12px; letter-spacing:-1px; color:#39434e; font-weight:bold; text-decoration:underline; } .find { float:left; margin:50px 80px 0 150px; width:450px; padding:10px; } .findtable { background-color:#fff; border:1px solid #e1e1e1; margin:20px; height:200px; width:450px; } .findtable thead{ background-color:#e8e8e8; height:30px; width:100%; padding-left:15px; } .findtable th { text-align:right; padding-right:15px; color:#343434; } .mptable { background-color:#fff; border:1px solid #e1e1e1; margin:20px; width:470px; padding-top:10px; } .mptable td { height:50px; } /*********************** board ***********************/ .stable { border-top:3px solid #39434e; border-bottom:1px solid #39434e; width:775px; margin-top:20px; float:right; } .stable thead tr th { font-size:11px; letter-spacing:-1px; padding:7px 0; border-bottom:1px solid #39434e; text-align:center; } .stable tbody tr td{ font-size:12px; border-bottom:1px solid #E1E1E1; padding:6px 0; text-align:center; } .writeArea { width:775px; height:25px; text-align:right; position:relative; top:5px; right:0; } .searchArea { text-align:center; position:relative; top:7px; float:right; width:775px; } select._search{ border:1px solid #D0CFCF; background:#FAF9F9; width:70px; height:25px; padding:5px 0; } .pagingArea { margin:0; padding:0; padding-top:15px; list-style-type:none; text-align:center; font-size:0; float:right; width:775px; } .pagingArea a{ vertical-align:top; } .pagingArea a:first-child{ border:none; } .pagingArea .active { width:23px; height:12px; border-left:1px solid #DDDDDD; color:#39434e; font:12px tahoma; font-weight:bold; display:inline-block; *zoom:1; *display:inline; margin-top:2px; } .pagingArea .num{ width:23px; height:12px; border-left:1px solid #DDDDDD; color:#aaa; font:12px tahoma; font-weight:bold; display:inline-block; *zoom:1; *display:inline; margin-top:2px; } .pagingArea .after, .pagingArea .before{ height:11px; padding:0 8px; border-left:1px solid #DDDDDD; display:inline-block; *zoom:1; *display:inline; } .stable .___file{ margin-top:40px; padding:10px; background:#f1f1f1; border:1px solid #dedede; text-align:left; } .stable .___file strong{ padding-right:10px; } .stable thead tr th.___subject{ font-size:12px; } .stable tbody tr td.comtArea { padding:10px 10px; } .stable .comment { margin-top:20px; background:#f1f1f1; padding:20px 0 20px 0; } .stable .comment .memo { width:80%; } .stable .comment > *{ vertical-align:top; height:50px; } .stable .comment .list{ text-align:left; height:auto !important; margin:0; list-style-type:none; padding:15px; border-top:1px solid #dedede; margin-top:10px; } .stable .comment .list > li{ position:relative; padding:5px 0; border-top:1px solid #dedede; font-size:0; } .stable .comment .list > li:first-child{ border-top:none; margin:30px 115px 30px 10px; } .stable .comment .list > li .name{ display:inline-block; *display:inlin; *zoom:1; width:70px; font-size:12px; font-weight:bold; letter-spacing:-1px; } .stable .comment .list > li .date{ padding-left:10px; font-size:11px; font-family:Tahoma; color:#666; } .stable .comment .list > li .delete{ position:relative; font-size:15px; text-decoration:none; background-color:#E6E6E6; border:1px solid #999; padding:1px; cursor:pointer; font-weight:bold; margin:0 3px; } .stable .comment .list > li .modify{ position:relative; font-size:15px; text-decoration:none; background-color:#E6E6E6; border:1px solid #999; padding:1px; cursor:pointer; font-weight:bold; margin:0 3px; } .board { float:right; width:780px; } /*********************** find Address ***********************/ #con_article { overflow:hidden; width:1100px; margin:0 auto; padding:10px 0;} #con_article .addressCont .address_tab { display:inline-block; *display:block; *zoom:1; padding-bottom:15px; margin-bottom:10px; width:100%; } #con_article .addressCont .address_tab > li { display:inline-block; *display:inline; *zoom:1; padding:0 6px; } .__button_tab{ border:1px solid #999; padding:6px 5px; color:#000; font-weight:bold; font-size:13px; margin:0 2px; background: #dedede; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ } #con_article .addressCont .add_box { border:3px solid #39434e; padding:10px; } #con_article .addressCont .add_box > div > h3 { color:#39434e; font-weight:bold; font-size:15px; padding-bottom:10px; } #con_article .addressCont .add_box > div > h4 { display:inline-block; *display:inline; *zoom:1; width:70px; height:30px; padding-top:10px; font-size:12px; } #con_article .addressCont table.addresst { width:100%; padding-top:5px; border-top:1px solid #aaa;} #con_article .addressCont table.addresst > thead { border-bottom:1px solid #aaa; } #con_article .addressCont table.addresst > thead > tr > th { height:25px; } .contArea { background-color:#fff; width:772px; border:1px solid #d9d9d9; margin-top:13px; float:right; margin-right:4px; } .ahntable { padding:13px; } .ahntable > tbody > tr > td { border-bottom:1px dotted #777; } .ahn_cont { margin:0; padding:0; list-style-type:none; } .ahn_cont > li { background:url(../images/ahn/a_bull.jpg) no-repeat 0 4px; padding-left:10px; color:#787878; } span.bold { color:#39434e; font-weight:bold; } .subj { padding:0 60px 0 20px; color:#787878; line-height:-1.0; letter-spacing :-0.5px; } /*********************** subscription ***********************/ .subinner{ height: 1100px; } .contArea_ta{ width: 772px; margin-top: 20px; float: left; margin-right: 4px; } .table_1{ width: 772px; height: 300px; padding-left: 10px; margin-top: 20px; margin: 0px auto; margin-bottom: 60px; box-sizing: border-box;} .table_1 h3{ color: #385e14; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .table_1 h1{ color: #385e14; font-size: 19px; font-weight: bold; margin-bottom: 10px; } .table_1 table{ border-collapse: collapse; width: 772px; } .table_1_1{ width: 772px; height: 300px; padding-left: 10px; margin-top: 20px; margin: 0px auto; margin-bottom: 100px; box-sizing: border-box;} .table_1_1 h3{ color: #385e14; font-size: 14px; font-weight: bold; margin-bottom: 20px; } .table_1_1 table{ border-collapse: collapse; width: 772px; } .table_2{ width: 772px; padding-left: 10px; margin-top:20px; margin: 0px auto; margin-bottom: 0px; box-sizing: border-box; } .table_2 h3{ color: #385e14; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .table_2 table{ border-collapse: collapse; width: 772px;} .table_2_1{ width: 772px; height: 400px; padding-left: 10px; margin-top:20px; margin: 0px auto; margin-bottom: 10px; box-sizing: border-box; } .table_2_1 h3{ color: #385e14; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .table_2_1 table{ border-collapse: collapse; width: 772px;} .table_3{ width: 772px; height: 150px; padding-left: 10px; margin-top: 20px; margin: 0px auto;box-sizing: border-box;} .table_3 h3{ color: #385e14; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .table_3 table{ border-collapse: collapse; width: 772px; } .table_top{ border-top: 2px solid #234304; box-sizing: border-box; } th{ background-color: #e4facf; width: 150px; /*text-align: left; padding-left: 40px;*/ box-sizing: border-box; color: #2f5d03; border-bottom: 1px solid #cccccc; box-sizing: border-box; height: 35px; } td{ border-bottom: 1px solid #cccccc; box-sizing: border-box; padding-left: 20px; } input="text"{ height: 8px; padding: 0px; } .table_3 input.pay_btn{ height: 25px; width: 80px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; margin: 0px auto; margin-top: 50px; margin-left: 100px; cursor: pointer;} input.name_box{ width: 180px; height: 4px; } input#s_mobile{ width: 80px; height: 4px; margin-right: 15px; } input#s_mobilem{ width: 80px; height: 4px; margin-right: 15px; } input#s_mobilee{ width: 80px; height: 4px; margin-right: 15px; } input#g_mobile{ width: 80px; height: 4px; margin-right: 15px; } input#g_mobilem{ width: 80px; height: 4px; margin-right: 15px; } input#g_mobilee{ width: 80px; height: 4px; margin-right: 15px; } select.p_number{ width: 80px; margin-right: 15px;} select.p_number{ width: 80px; margin-right: 15px;} input.find_btn{ width: 60px; height: 20px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; cursor: pointer; margin-left: 5px; } input#s_zip{ width: 120px; height: 4px; } input#g_zip{ width: 120px; height: 4px; } input#s_address{ width: 300px; height: 4px; } input#s_addressadd{ width: 300px; height: 4px; } input#g_address{ width: 300px; height: 4px; } input#g_addressadd{ width: 300px; height: 4px; } select.t_number{ width: 80px; } input#s_tel{ width: 80px; height: 4px; } input#s_telm{ width: 80px; height: 4px; } input#s_tele{ width: 80px; height: 4px; } input#g_tel{ width: 80px; height: 4px; } input#g_telm{ width: 80px; height: 4px; } input#g_tele{ width: 80px; height: 4px; } input#s_email{ width: 180px; height: 4px; } input#s_emailadd{ width: 180px; height: 4px; } input#g_email{ width: 180px; height: 4px; } input#g_emailadd{ width: 180px; height: 4px; } select.e_mail{ width: 180px; } input#ko_bookn{ width: 60px; height: 4px; } input.pay_btn{ position:relative; left:50%; height: 25px; width: 80px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; margin: 0px auto; margin-top:100px; margin-left:0px; cursor: pointer;} /*input.pay_btn{ position:relative; left:50%; height: 25px; width: 80px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; margin: 0px auto; margin-top:30px; margin-left:-40px; cursor: pointer;}*/ input.pay_btn1{ position:absolute; height: 25px; width: 80px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; margin: 0px auto; margin-top: 100px; margin-left: 250px; cursor: pointer;} input.pay_btn2{ position:relative; left:50%; height: 100px; width: 200px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; margin: 0px auto; margin-top:30px; margin-left:-40px; cursor: pointer;} input.pay_btn3{ position:absolute; left:50%; height: 100px; width: 200px; border: none; background-color: #5eb709; color: #ffffff; font-weight: bold; margin: 0px auto; margin-top:30px; margin-left:-40px; cursor: pointer;} input.check_box{ float: right; } p.same_chk{ float: right;} /*********************** subscription_info ***********************/ .contArea_ta{ width: 772px; margin-top: 20px; float: right; } .info_area{ background-image: url(../images/subscription/subscription_bg.png); background-repeat: no-repeat; float: right; margin-top: 20px; margin-right: 10px; width: 772px; height:auto;} .info_1{ width: 710px; height: 300px; margin-top: 120px; margin-left: 80 px; } .info_1 > h2{ float: right; margin-left: 10px; margin-right: 20px; margin-top:60px; } .info_1 > p{ float:right; width:350px; font-size: 15px; color: #333; line-height: 30px; font-family: nanumgothic; margin-top: 5px; margin-left: 2px} .info_1 > ul{ padding-left: 40px; } .info_1 > ul > li{ font-size: 16px; font-weight: bold; font-family: nanumgothic; color: #333; line-height: 26px; } .info_2{ width: 652px; height: 200px; margin-top: 170px; margin-left: 60px; } .info_2 > h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px; } .info_3{ width: 652px; height:auto; margin-left: 60px; margin-top: 5px; } .info_3_1 { padding:10px 0 0 0; text-align:center;} .info_3_1 h4 { padding:10px 0; font-size:16px; text-align:center; } .info_3_1 p { font-size:13px; } .info_4 > p{float:right; width:350px; font-size: 15px; color: #333; line-height: 30px; font-family: nanumgothic; margin-letf:20px} .benefit > h2{ font-size: 20px; font-weight: bolder; color: #666666; margin-top: 35px; margin-left: 80px; margin-bottom: 45px; } .benefit > p{ font-size: 12px; font-weight: bold; color: #666666; margin-bottom: 20px; margin-left: 100px; } .a_btn{ border: none; font-size: 12px; font-weight: bold; color: #ffffff; width: 100px; height: 25px; line-height:25px; border-radius: 7px; cursor: pointer; margin: 0px auto; margin-bottom:20px; margin-top:20px; background-color: #3a6611;} .a_btn > a{ display:block; text-align:center; color: #ffffff;} li{ list-style: none; } /*********************** koreaura ***********************/ p > span.kore{ color: #999999; } p > span.falt{ color: #39434c; font-weight: bold; } /*********************** subscription_gmny ***********************/ .congra{ width: 772px; height: 300px; margin-left: 225px; padding-top: 250px; box-sizing: border-box; margin-bottom: 50px;} .congra p{ text-align: center; } .mtj{ background-image:url(../images/subscription/sub_bg.png); background-repeat: no-repeat; padding-left: 20px; width: 650px; height: 250px; padding-top: 40px;} .mtj p{ margin-top: 30px; } .gmny{ width: 772px; height: 240px; margin-right: 4px; margin-top: 20px; margin: 0px auto; margin-left: 225px; margin-bottom: 20px; } .gmny h3{ color: #385e14; font-size: 14px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; } .gmny table{ border-collapse: collapse; width: 772px; } .gmny table .gmny_top{ border-top: 2px solid #234304; } input#ok_btn{ border: none; width: 60px; height: 25px; color: #ffffff; font-weight: bold; background-color: #5eb709; margin-top: 50px; margin-left: 340px; }