@charset "utf-8";
@import url("/Library/Css/user_reset.css");
@import url("/Library/Css/user_font.css");



body {font-family:"Nanum Gothic", Nanum Gothic, 돋움, dotum;font-size:12px; color:#313131; margin:0; padding:0;}

#wrap{width:100%;}
#mwrap{}
.Dwidth{width:1000px; margin:0 auto; position:relative; clear:both;}
a{ transition:all 0.5s;}


#header{height:175px;}
.head_visual{}
.topInfo{height:43px; border-bottom:1px solid #eee; background:#f9f9f9}

/*login_form*/
.login_form{float:left;}
.login, .login2{position:Relative; top:8px;}
.login span{float:left; margin-right:5px;}
.login .inputStyle1{width:110px; height:27px; line-height:25px; box-sizing:border-box; background:#fff; border:1px solid #e6e6e6; padding-left:5px;
font-weight:bold; color:#0082d3}
.login .inputStyle1:focus{border:1px solid #0082d3}
.login .btn1{margin-right:20px;}
.login .btn1 a{display:block; width:60px; height:27px; line-height:25px; box-sizing:border-box; background:#9c9c9c; border:1px solid #909090; color:#fff;
text-align:center;font-weight:bold; }
.login .btn1 a:hover{background:#0082d3;border:1px solid #006dc6; }
.login .btn2{line-height:27px;}
.login2 span{float:left; margin-right:10px;line-height:27px;}
.login2 span strong{font-family: Tahoma,Sans-serif;}
.login2 .btn1 a{display:block; width:60px; height:27px; line-height:25px; box-sizing:border-box; background:#f4f4f4; border:1px solid #e6e6e6; color:#333;
text-align:center;}
.login2 .btn1 a:hover{background:#fff}
.new_bg{background:url(/image/common/new_bg.gif) top left repeat; color:#333; border-radius:3px;}

/*topNotice*/
.topNotice{float:right; border-left:1px solid #eee; width:302px;height:43px;}
.topNotice span{float:left; padding-left:22px; position:Relative; top:13px; padding-right:9px;}
.topNotice a{float:left; display:block; position:Relative; top:13px; width:220px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}

/*logo_area*/
.logo_area{height:78px;}
.logo_area .fl{position:absolute; left:0px;top:30px;}
.logo_area a{font-size:14px; display:inline-block; margin-right:5px;}
.logo_area a .flag{position:relative; top:-5px; padding-right:5px;}
.logo_area h1{width:148px; margin:0 auto; position:relative; top:21px;}
.logo_area .fr{position:absolute;right:0px; top:30px;}
.logo_area .fr img{padding-right:5px;}
.logo_area .fr a{margin-right:0px; margin-left:20px;}

/*navi*/
.navi{height:53px; background:#0082d3;}
.navi a.site_map{position:absolute; top:0px; left:0px; padding:17px 0px;}
.navi .gnb{display:table; margin:0 auto;}
.navi .gnb li{float:left; position:relative}
.navi .gnb li > a{font-size:18px; color:#fff; line-height:51px; padding:0px 38px; display:block}
.navi .gnb li:first-child > a{background:#006dc6}

.navi .gnb .depth2{display:none; position:absolute; top:51px; left:0px; width:210px; background:#656565; z-index:999; padding:15px 0px;}
.navi .gnb .depth2 li{width:100%;}
.navi .gnb .depth2 li a{font-size:14px;line-height:25px;padding: 0px 30px;}
.navi .gnb .depth2 li a:hover{background:#006dc6}
.navi .gnb li:hover .depth2{display:block; }
.navi .gnb li:hover a{background:#656565; }

/*mContainer2*/
#mContainer2{width:100%; background:url(/image/main/2018/main_visual.png) top center no-repeat}

/*m_btn*/
.m_btn{height:203px;}
.m_btn p{padding:57px 0px 20px; text-align:center}
.m_btn a{display:block; width:300px; height:62px; border-radius:30px; text-align:center; line-height:62px; color:#fff; font-size:30px;
margin:0 auto; background:#0bbad1}
.m_btn a:hover{background:#006dc6}

/*mainBanner*/
.mainBanner{width:1000px; height:380px; padding-bottom:50px; margin:0 auto; position:relative;}
.mainBanner .btn_left, .mainBanner .btn_right{position:absolute; top:154px;}
.mainBanner .btn_left a, .mainBanner .btn_right a{font-size:60px;}
.mainBanner .btn_left a:hover, .mainBanner .btn_right a:hover{color:#006dc6}
.mainBanner .btn_left{left:-40px;}
.mainBanner .btn_right{right:-40px;}
.mainBanner li{width:330px; height:380px; float:left;position:Relative}
.mainBanner li div{display:block;width:330px; height:380px; background:none}
.mainBanner li:hover div{background:url(/image/main/2018/ban_over.png) top center no-repeat}
.mainBanner li:hover a.more{display:block; }
.mainBanner li a.more{display:none;position:absolute; top:170px; left:88px; width:150px; height:40px; border:1px solid #333;
line-height:40px; text-align:center; color:#333; font-size:16px; background:#fff;}
.mainBanner li a.more:hover{background:#333; color:#fff}


/*center_btn*/
.center_btn{height:227px; background:url(/image/main/2018/line.png) top left repeat-x;}
.center_btn ul{}
.center_btn ul li{float:left; height:227px; width:25%;}
.center_btn ul li div{height:136px; position:Relative; top:35px; background:url(/image/main/2018/line2.png) top right repeat-y;}
.center_btn ul li:last-child div{background:none}
.center_btn ul li a{display:block; text-align:center; padding-top:87px; }
.center_btn ul li a strong{display:block; font-size:18px; padding-bottom:8px;}
.center_btn ul li a span{display:block; font-size:14px;}
.center_btn ul li .bg1 a{background:url(/image/main/2018/ico1.png) center 7px no-repeat}
.center_btn ul li .bg1 a:hover{background:url(/image/main/2018/ico1.png) center 0px no-repeat}
.center_btn ul li .bg2 a{background:url(/image/main/2018/ico2.png) center 7px no-repeat}
.center_btn ul li .bg2 a:hover{background:url(/image/main/2018/ico2.png) center 0px no-repeat}
.center_btn ul li .bg3 a{background:url(/image/main/2018/ico3.png) center 7px no-repeat}
.center_btn ul li .bg3 a:hover{background:url(/image/main/2018/ico3.png) center 0px no-repeat}
.center_btn ul li .bg4 a{background:url(/image/main/2018/ico4.png) center 7px no-repeat}
.center_btn ul li .bg4 a:hover{background:url(/image/main/2018/ico4.png) center 0px no-repeat}
.center_btn ul li a:hover{color:#0082d3}

/*bg_content*/
.bg_content{height:1162px; background:url(/image/main/2018/content_bg.png) top center repeat-x;}
.bg_content .Dwidth{padding:57px 11px; box-sizing:border-box}

/*notice*/
.notice-area{float:left; width:479px; margin-right:30px;}
.notice{width:479px; height:264px; background:url(/image/main/2018/notice_bg.png) top center no-repeat;box-sizing:border-box;
padding:35px;position:Relative; margin-bottom:30px;}
.notice .title{font-size:18px; padding-bottom:24px;}
.notice ul{}
.notice ul li{font-size:14px; padding-bottom:14px; width:100%;}
.notice ul li a{float:left; display:block; width:80%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.notice ul li span{float:right}
.notice a.more{display:block; width:17px; height:17px; border:1px solid #333; line-height:17px; text-align:center;
position:absolute;top:35px; right:35px;font-family: Tahoma,Sans-serif; color:#333; font-weight:bold}
.notice a.more:hover{border:1px solid #0082d3; background:#0082d3; color:#fff;}
.notice-area .btn-area{width:479px;height:68px;margin-bottom:30px;}
.notice-area .btn-area a{display:block;width:479px;height:68px; background:#f9c5dc; position:Relative; color:#000;
box-sizing:border-box; line-height:68px; padding-left:35px; font-size:18px;}
.notice-area .btn-area a:hover{background:#efa3c5}
.notice-area .btn-area a .more{display:block; width:17px; height:17px; border:1px solid #333; line-height:17px; text-align:center;
position:absolute;top:25px; right:35px;font-family: Tahoma,Sans-serif; color:#333; font-weight:bold; font-size:12px;}

/*review*/
.review{float:left;width:219px; height:362px; margin-bottom:30px; margin-right:30px;}
.review a{display:block; width:219px; height:181px; background:#439d34; text-align:center; color:#fff}
.review a h3{padding-top:30px;font-family: Tahoma,Sans-serif; text-align:center;font-size:18px; padding-bottom:17px;}
.review a strong{display:block; font-size:18px; padding-bottom:8px;}
.review a span{display:block; font-size:14px;}
.review a .more{display:block; width:17px; height:17px; border:1px solid #fff; line-height:17px; text-align:center;
margin:20px auto; font-family: Tahoma,Sans-serif; color:#fff; font-weight:bold; font-size:12px;}
.review a:hover{background:#2f7a22}

/*noData*/
.noData{float:left;width:219px; height:362px; margin-bottom:30px; }
.noData .img{width:219px; height:181px; text-align:center; background:#fff}
.noData .img img{position:relative; top:20px;}
.noData a{display:block; width:219px; height:181px; background:#607f83; text-align:center; color:#fff}
.noData a h3{padding-top:30px;font-family: Tahoma,Sans-serif; text-align:center;font-size:18px; padding-bottom:17px;}
.noData a strong{display:block; font-size:18px; padding-bottom:8px;}
.noData a span{display:block; font-size:14px;}
.noData a .more{display:block; width:17px; height:17px; border:1px solid #fff; line-height:17px; text-align:center;
margin:20px auto; font-family: Tahoma,Sans-serif; color:#fff; font-weight:bold; font-size:12px;}
.noData a:hover{background:#415c60}

/*step*/
.step-area{height:194px; margin-bottom:30px;  }
.step-area .btn-area{float:left; width:219px; height:194px; background:#0e709d;text-align:center; color:#fff;}
.step-area .btn-area strong{display:block; font-size:18px; padding-bottom:8px; padding-top:32px;}
.step-area .btn-area span{display:block; font-size:14px;line-height:1.5em;padding-bottom:23px;}
.step-area .btn-area a{display:block; width:167px; height:40px; margin:0 auto;text-align:center; line-height:40px;border:1px solid #fff;  color:#fff;
font-size:16px;}
.step-area .btn-area a:hover{  color:#0e709d; background:#fff;font-weight:bold; }
.step-area .img{float:left;width:758px; height:194px; background:url(/image/main/2018/step_bg.png) top left no-repeat #fff; overflow:hidden; }
.step-area .img ul{margin-top:127px; margin-left:34px; width:800px}
.step-area .img ul li{float:left; width:105px; font-size:14px; line-height:1.5em}

/*shop*/
.shop{height:429px;background:#fff; padding:30px; box-sizing:border-box;position:relative}
.shop .title{font-size:18px; padding-bottom:24px;}
.shop .menu_tab{position:absolute; top:31px; right:30px; width:353px;}
.shop .menu_tab ul{display:table; margin:0 auto}
.shop .menu_tab ul li{float:left; padding: 0px 9px;}
.shop .menu_tab ul li a{font-size:14px; padding:0px 3px 3px;}
.shop .menu_tab ul li.active a{border-bottom:1px solid #333}
.shop .mTs{position:absolute; top:65px; left:30px; width:917px;}
.shop .mTs #largeImg{width:533px; height:326px; float:left}
.shop .mTs .smallImg{width:363px; height:326px; float:right; }
.shop .mTs .smallImg a{display:block; float:left; margin-left:10px; margin-bottom:9px; border:1px solid #dfdfdf}
.shop .mTs .smallImg a.active{border:1px solid #000}
.shop .mTs .smallImg a.active img{opacity:0.5}

/*cs*/
.cs{height:158px;background:#656565; text-align:center; position:relative}
.cs .btn-area{position:absolute; top:32px; right:70px;}
.cs .btn-area a{display:block; width:75px; height:28px; line-height:28px; background:#fff; font-size:14px; text-align:center; 
color:#656565; float:left; margin-left:5px; border-radius:3px;}
.cs .btn-area a:hover{background:#0bbad1; color:#fff; font-weight:bold}

#footer2{}
/*f_menu*/
.f_menu{height:59px; border-bottom:1px solid #d8d8d8; }
.f_menu .botMenu{float:left; line-height:59px; }
.f_menu .botMenu li{float:left;}
.f_menu .botMenu li a{font-size:14px;}
.f_menu .botMenu li:after{content:"|"; padding:0px 30px;}
.mCh{float:left;  line-height:59px;font-size:14px;}
.mCh strong{color:red}
.page-top{position:absolute; top:0px; right:0px;width:57px; border-left:1px solid #d8d8d8 ;border-right:1px solid #d8d8d8}
.page-top a{display:block;width:57px;height:59px; line-height:59px;text-align:center; color:#d8d8d8}

/*footer_con2*/
.footer_con2{width:1000px; margin:0 auto; padding:30px 0px;position:relative; overflow:hidden}
.footer_con2 .copyright{text-align:left; font-size:11px; color:#868686; line-height:1.5em}
.footer_con2 .botbanner{position:absolute; top:30px; right:0px;}

/*QiuckMenu*/
#QiuckMenu{}
#QiuckMenu ul{}
#QiuckMenu ul li{margin-bottom:4px;}
#QiuckMenu ul li a{display:block; width:69px; height:69px; position:relative;}
#QiuckMenu ul li a div{display:none; position:absolute; top:0px; left:0px; width:69px; height:54px; background:#466480; border-radius:100%;
text-align:center; color:#fff; line-height:20px; padding-top:15px;}
#QiuckMenu ul li a:hover div{display:block}

/*subPage-area*/
.subPage-area{min-height:550px; padding-top:20px;}

.left-menu{float:left;width:150px; min-height:100px;}
.menuTitle{height:80px; background:#1490d7;line-height:80px; text-align:center; font-size:23px; color:#fff; letter-spacing:-1px; font-weight:bold}
.left-menu ul{border:1px solid #dee3eb; border-top:0px; border-bottom:0px;}
.left-menu ul li{border-bottom:1px solid #dee3eb;}
.left-menu ul li a{display:block; padding-left:10px; line-height:40px; font-size:13px;}
.left-menu ul li a:hover{background:#e8edf5}
.left-menu ul li.active a{background:#e8edf5; font-weight:bold}

.sub-menu{width:100%; margin-bottom:15px;}
.sub-menu ul{border-left:1px solid #dee3eb; overflow:hidden}
.sub-menu ul li{float:left; width:33.333%; height:32px; border:1px solid #dee3eb; border-left:0px; line-height:32px; text-align:center;}
.sub-menu ul li a{display:block; font-size:13px;}
.sub-menu ul li.active{background:#1490d7;}
.sub-menu ul li.active a{color:#fff; font-weight:bold}

.right-con{float:right;width:835px;box-sizing:border-box; padding-bottom:40px;}
.pageTop{padding:10px 0px; border-bottom:1px solid #dee3eb; overflow:hidden; margin-bottom:15px;}
.pageTop h3{float:left; font-size:18px; font-weight:bold  }
.pageTop h3 .fa{color:#1490d7; font-size:10px;position:relative; top:-2px;}
.pageTop span{float:right; position:relative; top:10px;}
.page-con{/*overflow:hidden;*/}

.pageBox{ border:1px solid #dee3eb; padding:15px; line-height:1.3em}
.pageBox1{ display:block;position:relative; border:1px solid #dee3eb; padding:15px; line-height:1.3em}

/*싸이트맵*/
ul.siteMap{}
ul.siteMap li{float:left; width:16.666%; margin-bottom:15px;}
ul.siteMap li h5{width:90%; background:#1490d7; height:40px; line-height:40px; text-align:Center; font-size:14px; color:#fff; font-weight:bold; margin:0 auto}
ul.siteMap li div{width:90%;margin:0 auto}
ul.siteMap li div a{display:block; height:40px; line-height:40px; padding-left:5px;border:1px solid #dee3eb;background:#f8f8f8; border-top:0px;}
ul.siteMap li div a:hover{background:#616161; color:#fff; border:1px solid #616161;border-top:0px;}


/*sub*/
#subRight_full{width:1000px; margin:0 auto; padding:20px 0px 50px}
#SubContainer{width:100%; margin:0 auto; padding:0px 0px 20px; overflow:hidden}
.left-menu-area{width:1000px; margin:0 auto; }
#subLeft2{width:100%; height: 60px; margin:0 auto; position:relative; background: #c9f1e9;overflow:hidden}
#subLeft2 h2{height: 60px;line-height: 60px;font-size: 20px;color: #333;letter-spacing: -1px; font-weight: bold;  float:left; margin-right:20px;}
#subLeft2 ul {float:left; position:relative; top:12px;}
#subLeft2 ul li{float:left; margin:0px 5px}
#subLeft2 ul li a {display: block; font-size: 14px; font-weight: bold; padding:10px;}
#subLeft2 ul li.on a, #subLeft2 ul li a:hover{background: #0bbad1;font-weight: bold; color:#fff}
#subRight{float:right; width:810px; min-height:500px;}
.padgeName{border-bottom:1px solid #d8d8d8; height:35px; overflow:hidden; display:none}
.padgeName h2{float:left;font-weight: bold; font-size:20px;}
.padgeName .Snavi{float:right; position:relative; top:10px}

/*btn*/
ul.btnGroup{}
ul.btnGroup li{}
ul.btnGroup li a{display:inline-block}
ul.btnGroup.mg{display:table; margin:30px auto;}
ul.btnGroup.mg li{float:left; margin:0px 5px;}
ul.btnGroup.mg li a{display:inline-block}

a.btn{display:block; width:100%; height:32px; line-height:32px; text-align:center; background:#5a6063;color:#fff;}
a.btn:hover{background:#424547; }

a.btnSmall{display:inline-block; border:1px solid #1490d7; padding:2px 5px 2px; border-radius:3px; color:#1490d7;background:#fff; line-height:1.5em;
font-size:14px;}
a.btnSmall:hover{background:#1490d7; color:#fff;}
a.btnSmallRed{display:inline-block; border:1px solid red; padding:2px 5px 2px; border-radius:3px; color:red;background:#fff; line-height:1.5em;
font-size:14px;}
a.btnSmallRed:hover{background:red; color:#fff;}
table th a.btnSmall, table td a.btnSmall, table th a.btnSmallRed, table td a.btnSmallRed {font-size:12px;padding:3px 5px 3px;}

a.btnBig{display:inline-block; border:1px solid #1490d7;  padding:10px 5px 10px; border-radius:3px; color:#1490d7;background:#fff; line-height:1.5em; font-size:18px;
width:200px; text-align:center;}
a.btnBig:hover{background:#1490d7; color:#fff;}

a.bg{background:#1490d7;color:#fff;}
a.bg:hover{border:1px solid #0069a5; background:#0069a5}

a.bgDark{background:#636363;border:1px solid #636363;color:#fff;}
a.bgDark:hover{border:1px solid #414141; background:#414141}
a.bgRed{background:#f02828;border:1px solid #f02828;color:#fff;}
a.bgRed:hover{border:1px solid #c01111; background:#c01111}
a.bgYellow{background:#da960e;border:1px solid #c8890a;color:#fff;}
a.bgYellow:hover{border:1px solid #c8890a; background:#c8890a;}
a.Gray{background:none;border:1px solid #ccc;color:#333;}
a.Gray:hover, a.Gray.active{border:1px solid #ccc; background:#dadada;color:#333;}
a.Yellow{background:none;border:1px solid #ffba31;color:#fff;}
a.Yellow:hover{border:1px solid #da960e; background:#ffba31;}

/*대행 신청서*/
.apply{}
.apply h3{font-size:24px; font-weight:bold; margin-bottom:20px; position:Relative; text-align:center; border:1px solid #5a6063; padding:15px 0px;}
.apply h3 a{font-size:15px; position:absolute; top:15px; font-weight:bold}
.apply h3 .fl{left:15px;}
.apply h3 .fr{right:15px;}

.applyLeft{width:49%; float:left}
.applyRight{width:49%; float:right}
/*유의사항 체크*/
.agree-area{ margin-bottom:20px; border:1px solid #cdd3dd;}
.agree-area .agreeBox{ background:#f0f0f0; height:133px;padding:10px 10px 10px 0px; border-top:1px solid #dee3eb;border-bottom:1px solid #dee3eb; 
line-height:1.3em;overflow-x:hidden; overflow-y:auto }
.agree-area .agreeBox pre{}
.agree-area  .fakeScroll {width:98%; height:133px;position:Relative; overflow:hidden}
.agree-area  .scrollContent{right:-15px;}
.agree-area .check-text{padding:10px 15px; height:15px;}
.agree-area .check-area i {top:0px;}
/*신청서 공통*/
.applyCon-area{ margin-bottom:20px;border:1px solid #cdd3dd; border-bottom:0px;}
.step{line-height:40px;  font-size:15px;  position:relative; font-weight:bold;border-bottom:1px solid #cdd3dd;
padding-left:55px; margin-bottom:0px; padding-bottom:0px;}
.step strong{color:#fff; font-size:20px; display:inline-block;background:#8c96a7; padding:0px 15px; 
position:Absolute; top:0px; left:0px; height:41px;}
.step .link_btn, .step2 .link_btn{position:absolute; top:7px; right:15px;}
.step .link_btn a.btnSmall, .step2 .link_btn a.btnSmall{ font-size:12px;}
.step2{height:40px; line-height:40px;  font-size:15px;  position:relative; font-weight:bold;background:#dfe4ec;border-bottom:1px solid #cdd3dd;
padding-left:15px;}
/*배송지선택*/

.centerHeight{height:60px;}
/*상품입력*/


/*table*/
table .flag, table .flag2{width:20px;}
.table_list{border-top:1px solid #8fa1aa;background:#fff; margin-bottom:15px;}
.table_list table th, .table_list table td{ border-bottom:1px solid #dee3eb;padding:10px; line-height:1.5em; font-size:13px; position:Relative; }
.table_list table tbody th{border-right:1px solid #dee3eb;background-color:#f8f8f8; border-bottom:1px solid #bfbfbf; font-weight:bold; text-align:center;  }
.table_list table th.bd0{border-right:0px;}
.table_list table th.tl{text-align:left;}
.table_list table td.tr{text-align:right}
.table_list table td.bd{border:1px solid #dee3eb; }
.table_list table td.bg_th{background:#f8f8f8; text-align:center; font-weight:bold}
.table_list table tr:hover{background:#f8f8f8;}
.table_list.hoverNo table tr:hover{background:#fff;}

.table_list.pd{padding:15px 0px;}
.table_list.pd table th,.table_list.pd table td {border:1px solid #dee3eb; text-align:center}

.table_list td .ntc{background:red; padding:2px; color:#fff;}
.table_list table th .title{font-size:16px;}
.table_list table th .no{float:left; color:#878787}


/*갤러리*/
.table_list td .gallery{ width:180px; margin:0 auto; position:relative; padding:15px 0px}
.table_list td .gallery strong{width:95%;display:block; text-align:left; padding:3px 0px; font-size:14px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;  }
.table_list td .gallery span{display:block; text-align:left;padding-bottom:5px;} 
.table_list td .gallery p{text-align:left; padding-top:5px; overflow:hidden}
.table_list td .gallery .flag{position:absolute; top:15px; left:0px;}
.table_list td .gallery a{display:block; }

/*이벤트*/
.table_list td .event{height:170px; line-height:1.5em; vertical-align:top; padding:15px 0px;}
.table_list td .event span.on{display:inline-block;padding:5px 8px; width:60px; text-align:center;background:#1490d7; color:#fff;border:1px solid #1490d7;}
.table_list td .event span.off{display:inline-block;padding:5px 8px; width:60px; text-align:center; background:#7a7a7a; color:#fff;}
.table_list td .event span.date{display:inline-block;padding:5px 8px; background:#fcfcfc;border:1px solid #dee3eb;}
.table_list td .event strong{font-size:16px; padding:10px 0px; display:block}
.table_list td .event p{height:100px; overflow:hidden;}


.table_write{border-top:1px solid #8fa1aa;border-bottom:1px solid #8fa1aa;  background:#fff; margin-bottom:15px;}
.table_write table th, .table_write table td{ border:1px solid #dee3eb;padding:10px 10px; line-height:1.5em; font-size:13px; position:Relative; }
.table_write table th{background-color:#f8f8f8; border-right:1px solid #dee3eb; font-weight:bold; text-align:center}
.table_write table th.tl{text-align:left;padding:10px 15px;}
.table_write.bdtb0{border-top:1px solid #dee3eb;border-bottom:1px solid #dee3eb; }
.table_write table th.bd0{border-right:0px;}
.table_write table td.bdr{border-right:1px solid #dee3eb; }
.table_write .bdt{border-top:1px solid #8fa1aa}
 .table_write table td a{position:Relative; }
.table_write table td .flag2{position:Absolute; top:0px; left:0px;}

.table_etc{border-top:1px solid #8fa1aa;border-bottom:1px solid #8fa1aa;  background:#fff; margin-bottom:15px;}
.table_etc table tr{border-bottom: 1px solid #dee3eb;}
.table_etc table th{ border:1px solid #dee3eb;padding:10px 10px; line-height:1.5em; font-size:13px; position:Relative; }
.table_etc table th{background-color:#f8f8f8; border-right:1px solid #dee3eb; font-weight:bold; text-align:center}
.table_etc table td{ padding:10px 10px; line-height:1.5em; font-size:13px; position:Relative; }
.table_etc.bdtb0{border-top:1px solid #dee3eb;border-bottom:1px solid #dee3eb; }

 .check-area{float:left}
 .check-area .checkbox{position:Relative; top:2px;}

 /* input */
.form-control, textarea, textarea.form-control {
height: 29px;border: 1px solid #dadada;border-radius: 0;box-shadow: none;padding-left: 5px;background:#fafafa; box-sizing:border-box}
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="time"]:focus,input[type="text"]:focus,
.form-control:focus, textarea:focus, textarea.form-control:focus {
box-shadow: none;outline: 0;border-color: #1490d7;/*클릭시보더색상*/}
input[type="submit"]:focus {outline: 0;}
table td input.form-control{height:26px;}



/*마이페이지*/
.mypageTop{background:#454b5e; margin-bottom:10px;}
.mypageTop table{}
.mypageTop table th, .mypageTop table td{border:1px solid #2d3342; color:#fff; padding:15px;}
.mypageTop table th h3{font-size:23px; font-weight:bold; float:left; padding-right:20px;}
.mypageTop table th .level{float:left; position:relative; top:10px;}
.mypageTop table td{font-size:15px; position:relative;}
.mypageTop table td strong{display:block; font-family: verdana !important;  font-size:20px; position:absolute; top:12px; right:15px;}

.mypageMenu{margin-bottom:10px;}
.mypageMenu ul{}
.mypageMenu ul li{float:left; width:14.2777%;}
.mypageMenu ul li a{display:block; padding:10px; font-weight:bold; font-size:14px; text-align:center; background:url(/image/common/myMenu-bg.png) top left repeat-x; 
border:1px solid #979eb7; border-bottom:1px solid #434650; border-left:0px; box-sizing:border-box;color:#333}
.mypageMenu ul li:first-child a{border-left:1px solid #ccc; }
.mypageMenu ul li.active a {border:1px solid #434650; border-bottom:1px solid #fff; background:#fff;}
.mypageMenu ul li:first-child.active a{border-left:1px solid #434650;} 
.mypageMenu ul li a:hover{background:#fff;}

.myStep-area{margin-bottom:10px;}
.myStep-area table{}
.myStep-area table th{width:16.666%; text-align:center; padding:15px 15px 10px; border:5px solid #e3e8f7; border-bottom:0px; font-size:14px;}
.myStep-area table th .fa{padding-right:5px; color:#454b5e}
.myStep-area table td{padding:0px 15px 15px; vertical-align:top;border:5px solid #e3e8f7; border-top:0px;}
.myStep-area table td ul{border-top:1px solid #e3e8f7; padding-top:5px;}
.myStep-area table td ul li{display:block; padding:1px 10px 1px}
.myStep-area table td ul li:after{content:"";  display:block; clear:both}
.myStep-area table td ul li a{display:block; font-size:13px;}
.myStep-area table td ul li .fr{font-family: verdana !important; font-weight:bold}
.myStep-area table td ul li.active{background:#454b5e}
.myStep-area table td ul li.active a{color:#fff; font-weight:bold}

/*결제하기*/
.pay-area{height:75px;}
.pay-area .pay-t{position:absolute; top:20px; left:20px;font-size:20px;}
.pay-area .pay-p{position:absolute; bottom:20px;right:20px;font-size:20px;}
.pay-area .pay-p strong{font-size:35px; font-family: verdana !important;}

/*예치금*/
.pointTab{margin:10px 0px 10px;}
.pointTab ul{}
.pointTab ul li{float:left; width:33.333%;}
.pointTab ul li a{display:block; height:40px; line-height:40px; text-align:Center; font-size:14px; background:#e0e0e0; border-right:1px solid #fff;}
.pointTab ul li.active a,.pointTab ul li a:hover{background:#636363; color:#fff}
.pointTab ul li.half{width:50%;}


  .btnBoxVw2 .boxTy1{  background: #3366cc;}
  .btnBoxVw2 .boxDlvrTyNm {
    position: relative;
    float: left;
    width: 158px;
    height: 15px;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin-right: 4px;
}


/* Common */
.cfx{zoom:1;}
.cfx:after{display:block;clear:both;content:"";}
.blind {position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;font-size:1px;line-height:1px;visibility:hidden;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vm12 {vertical-align:middle;width: 12px;cursor: default;}
.fl {float:left;}
.fr {float:right;}
.tl{text-align:left}
.tr {text-align:right;}
.tc {text-align:center}
.vat{vertical-align:top}
.spacing {letter-spacing:normal !important;}
.hide {display:none;}
.show {display:block;}
.full{width:100%;}
.half{width:50%;}
.fred{color:#ff0000}
.fblue{color:#005ffd}
.fblack{color:#333}
.fyellow{color:#ffba31}
.fpoint{color:#1490d7;}
.wd400{width:400px;}
.wd300{width:300px;}
.wd200{width:200px;}
.wd150{width:150px;}
.wd100{width:100px;}
.wd80{width:80px;}
.wd70{width:70px;}
.wd50{width:50px;}
.wd10{width:10px;}
.pdr5{padding-right:5px;}
.pd10{padding:10px;}
.mt5{margin-top:5px;}
.mb20{margin-bottom:20px;}
.prt3{position:relative; top:3px;}
.prtm3{position:relative; top:-3px;}
.text{border-bottom:1px solid #dee3eb; padding-bottom:10px;margin-bottom:10px; line-height:1.5em; font-size:14px;}
td .ex{padding-top:5px;line-height:1.4em; font-size:12px; display:block}
label{margin-right:8px; display:inline-block}
h3.title{font-size:16px; font-weight:bold; padding-bottom:10px; position:relative; padding-left:15px;}
h3.title:before{content:"■"; font-size:11px; padding-right:5px;position:absolute; top:2px; left:0px; color:#1490d7}
.underline{text-decoration:underline}
.lineTh{text-decoration:line-through}
.fs20{font-size:20px;}
.fs18{font-size:18px;}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
/*span.on{display:inline-block;padding:3px 8px; width:50px; text-align:center;background:#1490d7; color:#fff;border:1px solid #1490d7;}
span.off{display:inline-block;padding:3px 8px; width:50px; text-align:center; background:#e32e2e; color:#fff;}*/
.pat{position:absolute; top:0px;left:0px;}
.ico{position:relative; top:4px;}
.h20{height:20px;}

/* review Renewal 201017 */
.visualSec {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.reviewList {display:block; height:auto; overflow:hidden;}
.reviewList li {float:left; width:220px; height:auto; margin:0 40px 40px 0;}
.reviewList li a {display:block; width:100%; height:100%;}
.reviewList li:nth-child(4n) {margin-right:0;}
.reviewList .reviewBox {display:block; height:auto; overflow:hidden; border:1px solid #ddd;}
.reviewList .reviewBox .thumb {display:block; width:100%; height:238px; overflow:hidden;}
.reviewList .reviewBox .reviewDesc {display:block; height:112px; padding:0 9px; box-sizing:border-box;}
.reviewList .reviewBox .reviewDesc .subject {padding:16px 0; border-bottom:1px solid #e5e5e5; font-size:12px; font-weight:bold; color:#333; line-height:1.0; font-family : "나눔고딕", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", "굴림", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.reviewList .reviewBox .reviewDesc .subject .count {display:inline-block; color:#00abd3; margin-left:3px;}
.reviewList .reviewBox .reviewDesc .wInfo {display:block; height:auto; overflow:hidden; padding:10px 0; line-height:1.0;}
.reviewList .reviewBox .reviewDesc .wInfo .writer {float:left; width:50%; height:auto; overflow:hidden; font-size:11px; color:#c4c4c4;}
.reviewList .reviewBox .reviewDesc .wInfo .wDate {float:right; width:50%; height:auto; overflow:hidden; font-size:11px; color:#c4c4c4; text-align:right;}
.reviewList .reviewBox .reviewDesc .hit {display:inline-block; float:right; padding-left:28px; background:url(/Image/review/ico_view.png) no-repeat left 1px; font-size:11px; color:#c4c4c4;}

.paginate {clear:both; display:block; height:auto; overflow:hidden; margin:0 0 20px 0; text-align:center;}
.paginate span {display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; vertical-align:middle;}
.paginate span a {display:inline-block; width:100%; height:100%;}
.paginate span.dir.left {background:url(/Image/review/dir_left.png) no-repeat 50% 50%;}
.paginate span.dir.forward {background:url(/Image/review/dir_forward.png) no-repeat 50% 50%;}
.paginate span.dir.right {background:url(/Image/review/dir_right.png) no-repeat 50% 50%;}
.paginate span.dir.backward {background:url(/Image/review/dir_backward.png) no-repeat 50% 50%;}
.paginate span.num {font-size:13px; color:#999; position:relative;}
.paginate span.num:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:7px; background:#c4c4c4;}
.paginate span.num:last-child:after {background:none;}																																																		   
.paginate span.num.on {color:#000; font-weight:bold;}																																																		  
																																																																					  
.bbsFunc {display:block; height:auto; overflow:hidden; text-align:center; margin-bottom:20px;}																																				  
.bbsFunc select {display:inline-block; width:170px; height:40px; border:1px solid #ddd; box-sizing:border-box; -webkit-appearance: none; -moz-appearance:none; appearance: none; background:#FFF  url(/Image/review/ico_sel.png) no-repeat right 50%; margin-right:15px; font-size:13px;}
.bbsFunc select::-ms-expand {display: none;}																																																						   
.bbsFunc .bbsSch {display:inline-block; width:360px; height:40px; border:1px solid #ddd; box-sizing:border-box; padding-right:40px; position:relative;}																	   
.bbsFunc .bbsSch input[type="text"] {display:inline-block; width:100%; height:38px; padding:0 10px; box-sizing:border-box; border:0; background:#FFF;}																   
.bbsFunc .bbsSch button.btnSch {position:absolute; right:0px; top:0px; width:39px; height:38px; background:url(/Image/review/ico_search.png) no-repeat 50% 50%; text-indent:-99999px; cursor:pointer; border:0;}

.reviewMask {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:100; display:none;}
.reviewMask .postPrev a {position:absolute; left:50%; margin-left:-550px; top:50%; transform:translate(0, -50%); width:80px; height:80px; background:url(/Image/review/ar_prev.png) no-repeat 50% 50%; z-index:150;}
.reviewMask .postNext a {position:absolute; right:50%; margin-right:-550px; top:50%; transform:translate(0, -50%); width:80px; height:80px; background:url(/Image/review/ar_next.png) no-repeat 50% 50%; z-index:150;}
.reviewPop {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:920px; height:auto; background:#FFF; z-index:200; display:none;}
.reviewPop .imgSec {float:left; width:550px; height:800px; display:table;}
.reviewPop .imgSec img {vertical-align:middle;}
/*
.reviewPop {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:920px; height:800px; background:#FFF; z-index:200; display:none;}
.reviewPop .imgSec {float:left; width:450px; height:800px;}
*/
.reviewInfo {display:block; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 30px 0;}
.reviewInfo .subject {display:block; font-size:16px; color:#333; font-weight:bold; position:relative; margin-bottom:30px; line-height:1.3;}
.reviewInfo .subject .writer {position:absolute; right:0; top:3px; text-align:right; font-size:13px; color:#666;}
.reviewInfo .reviewPhotos {display:block; height:auto; overflow:hidden; margin-bottom:25px;}
.reviewInfo .reviewPhotos li {float:left; width:132px; height:auto; margin-right:9px; overflow:hidden;}
.reviewInfo .reviewPhotos li:nth-child(3n) {margin-right:0;}
.reviewInfo .reviewPhotos li .thumb {display:block; height:144px; border:1px solid #ddd; overflow:hidden; position:relative;}
.reviewInfo .reviewPhotos li .thumb .insertPhoto {position:absolute; left:0; top:0; width:100%; height:100%;}
.reviewInfo .reviewPhotos li .thumb .insertPhoto .txt {text-align:center; font-size:12px; color:#333;}
.reviewInfo .reviewPhotos li .thumb .insertPhoto .btnApplyPop a {position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; background:#666; color:#FFF; font-size:14px; font-weight:bold;}
.reviewInfo .reviewPhotos li .thumb .insertPhoto .btnDelPop a {position:absolute; right:0; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; background:#333; color:#FFF; font-size:14px; font-weight:bold;}
.reviewInfo .reviewCon {display:block; height:auto; overflow:hidden; margin-bottom:25px;}
.reviewInfo .reviewCon .rCon {font-size:13px; color:#333; line-height:22px;}
.reviewInfo .reviewCon .wDate {display:block; text-align:right; font-size:13px; color:#666;}
.reviewInfo .reviewReply {display:block; height:auto; overflow:hidden; background:#efefef; padding:20px;}
.reviewInfo .reviewReply .rCon {font-size:13px; color:#333; line-height:22px;}
.reviewInfo .reviewReply .rCon .title {font-size:13px; color:#333; line-height:22px; font-weight:bold;}
.reviewInfo .reviewReply .wDate {display:block; text-align:right; font-size:13px; color:#666;}
.reviewInfo .reviewFunc {clear:both; display:block; height:50px; position:relative; text-align:right; line-height:50px;}
.reviewInfo .reviewFunc .btnModify a {position:absolute; left:0; top:50%; transform:translate(0, -50%); padding-left:25px; font-size:13px; color:#333; background:url(/Image/review/ico_write.png) no-repeat left 50%;}
.reviewInfo .reviewFunc .btnConfirm a {display:inline-block; padding-left:25px; font-size:13px; color:#333; background:url(/Image/review/ico_confirm.png) no-repeat left 50%; vertical-align:middle; margin-right:10px;}
.reviewInfo .reviewFunc .btnClose a {display:inline-block; padding-left:25px; font-size:13px; color:#333; background:url(/Image/review/ico_close.png) no-repeat left 50%; vertical-align:middle;}
.reviewInfo .reviewInputForm {display:block; height:auto; overflow:hidden; margin:40px 0 0 0;}
.reviewInfo .inputTitle {color:#333; font-size:14px; font-weight:bold; margin-bottom:10px;}
.reviewInfo .reviewInputForm .writeBlock {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.reviewInfo .reviewInputForm .writeBlock input[type="text"] {display:inline-block; width:100%; height:36px; line-height:34px; border:1px solid #ddd; padding:0 10px; font-size:14px; color:#333; box-sizing:border-box;}
.reviewInfo .reviewInputForm .writeBlock textarea {display:inline-block; width:100%; height:150px; line-height:20px; border:1px solid #ddd; padding:0 10px; font-size:14px; color:#333; box-sizing:border-box;}

.btnWrite {display:inline-block; font-size:15px; color:#FFF; font-weight:bold; letter-spacing:-1px; border:1px solid #00abd3; padding:8px 15px 8px 40px; background:#00abd3 url(/Image/review/ico_write_b.png) no-repeat 10px 50%;}
a.btnWrite {color:#FFF;}

.btnConfirm {display:inline-block; font-size:15px; color:#FFF; font-weight:bold; letter-spacing:-1px; border:1px solid #00abd3; padding:8px 15px 8px 40px; background:#00abd3 url(/Image/review/ico_confirm_b.png) no-repeat 10px 50%; margin:0 5px;}
a.btnConfirm {color:#FFF;}

.btnList {display:inline-block; font-size:15px; color:#666; font-weight:bold; letter-spacing:-1px; border:1px solid #666; padding:8px 15px 8px 40px; background:#FFF url(/Image/review/ico_list.png) no-repeat 10px 50%; margin:0 5px;}
a.btnList {color:#666;}

.btnSmall {display: inline-block; padding: 2px 5px 2px; border-radius: 3px; line-height: 1.5em; font-size: 12px;}
.bgRed {background: #f02828; border: 1px solid #f02828; color: #fff;}

.project--table{}
.project--table table{width:100%; border-collapse:collapse; }
.project--table table th, .project--table table td{font-size:13px;border:1px solid #e4e4e4;padding:3px 5px; background:#fff; text-align:center; line-height:18px;}
.project--table table th{background:#808080; color:#fff}
.project--table table td .submit-field{margin-bottom:0px;}
.project--table table td .submit-field input{max-width:160px;  height:30px; line-height:30px; display:inline-block;}
.project--table table td .submit-field a.button{line-height:30px;height:30px;padding:0px 8px;}
.project--table table td .dashboard-status-button{top:0px; margin:0px;}

input[type="checkbox"] {width:15px;height:15px;vertical-align:middle;border: 1px solid #000;}

.loader-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.6);
 }
  
.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
}

.orderMemoBox {
	width: 95%;
	padding: 2px;
	resize: none;
	overflow-y: auto;
	min-height: 20px; /* 최소 높이 */
	max-height: 60px; /* 최대 높이 */
	line-height:20px;
    height: 60px;
    margin: 5px 0px;
    background-color: lightyellow;
}