@charset "utf-8";
/*font*/
@import url("/Library/Css/fonts/nanumgothic.css");
@import url("/Library/Css/fonts/font-awesome.css");
/*reset*/
@import url("/Library/css/user_reset.css");
/*select Drop*/
@import url("/Library/css/style.selectDrop.min.css");


/*레이이아웃&메인*/
/*대표색상 #1490d7*/



body{height:100%;font-size:14px;word-break: break-all; }
body.bg-no{background:#fff}
.wrap-area{min-width:320px; background:url(/mobile/image/wrap-area-bg.png) top left repeat; }
.wrap-area.bg-no{background:#fff}



/*      Layout css
----------------------------*/
header{width:100%;height:80px;  position:absolute;top:0px; left:0px; background:#000;}
header h1{text-align:center; }
header h1 img{width:90px; margin-top:9px;}
header a.arrow-left{position:absolute; top:25px; left:15px; display:block; width:30px; height:30px; line-height:30px; text-align:center;font-size:23px; background:#db1b23; border-radius:50%;color:#131312}
header a.user{position:absolute; top:25px; right:15px; display:block; width:30px; height:30px; line-height:30px; text-align:center;font-size:20px; background:#ffde16; border-radius:50%;color:#131312}


.mainVisual-area{padding:90px 10px 60px; height:100%; box-sizing:border-box; max-width:700px; margin:0 auto; }
.subContent-area{padding:15px 15px 65px; max-width:700px; margin:0 auto; box-sizing:border-box; }
 @media screen and (max-width:320px){
.mainVisual-area{padding:80px 5px 60px; }
}

.main-banner{padding:5px 5px 10px; position:relative}
.main-banner li{text-align:center}
.main-banner .banner-img{width:100%; height:auto; border-radius:10px; margin:0 auto}
.main-banner .Rbtn1, .main-banner .Rbtn2{position:absolute; top:50%; margin-top:-20px; z-index:9; background:rgba(255,255,255,0.8); width:30px; height:30px; padding:5px 0px; text-align:center }
.main-banner .Rbtn1{ left:5px; }
.main-banner .Rbtn2{ right:5px; }
.main-banner .bx-pager {display:none}

.box1-area, .box2-area, .box3-area, .box4-area{width:50%; height:100px; float:left}
.box1-area .box-con, .box2-area .box-con, .box3-area .box-con, .box4-area .box-con{width:100%;height:100%;  border-radius:10px;position:relative; box-sizing:border-box;overflow:hidden}
.box1-area .box-con{background:url(/mobile/image/icon1.png) 10px 40px no-repeat ;background-size:auto 43%;border:1px solid #454544; }
.box2-area .box-con{background:url(/mobile/image/icon2.png) 10px 40px no-repeat;background-size:auto 43%;border:1px solid #454544;}
.box3-area .box-con{background:url(/mobile/image/icon3.png) 10px 40px no-repeat;background-size:auto 43%;border:1px solid #454544;}
.box4-area .box-con{background:url(/mobile/image/icon4.png) 10px 40px no-repeat;background-size:auto 43%;border:1px solid #454544;}

.pd5{display:block; padding:5px;height:100%;box-sizing:border-box;}

.box-con .title{position:absolute;width:100%; top:10px; left:0px; color:#fff;}
.box-con .title h2{float:left; padding-left:10px;font-size:16px; font-weight:bold }
.box-con .title h2:after{content:">";position:absolute;top:3px; right:10px; font-size:14px;}
.box-con .number{position:absolute; bottom:5px; right:10px; color:#fff;}
.box-con .number strong{font-family: Tahoma,Sans-serif;font-size:30px; }
.box4-area .box-con .title, .box4-area .box-con .number{color:#fff}
.box3-area .box-con .number strong{font-size:25px;}

.box5-area{width:100%; height:205px; margin-top:5px;}
.box5-area .box-con{height:100%; position:relative; box-sizing:border-box; padding:10px; border:1px solid #454544; border-radius:10px; overflow:hidden}
.box5-area .box-con .title{position:absolute;width:100%; top:10px; left:10px; color:#fff;font-family: Tahoma,Sans-serif; font-size:18px;}
.box5-area .box-con .title a{ color:#fff;}
.box5-area .box-con ul{margin:25px 0px 10px;}
.box5-area .box-con ul li{width:100%;}
.box5-area .box-con ul li a{display:block;padding:7px 0px; color:#fff; }
.box5-area .box-con ul li a:after{content:""; display:block; clear:both}
.box5-area .box-con ul li a p{ float:left; color:#fff; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.box5-area .box-con ul li span{float:right; color:#a7a7a7; font-size:12px;}

.box6-area{width:100%; height:12%;  }
.box6-area .box-con{display:table; width:100%;height:100%; position:relative; box-sizing:border-box; padding:5px; border:5px solid #f5f5d9; border-radius:25px;}
.box6-area .box-con a{display:table-cell; text-align:center; color:#f5f5d9; vertical-align:middle}

.box7-area{width:100%; height:70px; }
.box7-area .box-con{height:100%; position:relative; box-sizing:border-box; padding:15px; border-radius:10px; border:1px solid #454544; overflow:hidden}
.box7-area .box-con .title{float:left; margin-top:10px; padding-left:10px;font-size:16px; font-weight:bold}
.box7-area .box-con .btn{float:right; width:60%; position:relative;}
.box7-area .box-con .btn input{height:30px;}
.box7-area .box-con .btn a{display:block; position:absolute; top:0px; right:0px; width:35px; height:30px; background:#db1b23; line-height:32px; text-align:center;}
.box7-area .box-con .btn a img{vertical-align:middle; width:15px; height:14px; position:relative; bottom:2px;}

.box8-area{width:100%; height:70px; padding-bottom:10px;}
.box8-area .box-con{height:100%; position:relative; border:1px solid #454544;  box-sizing:border-box; padding:15px;border-radius:10px; overflow:hidden}
.box8-area .box-con .title{float:left; margin-top:10px; padding-left:10px;font-size:16px; font-weight:bold;}
.box8-area .box-con .btn{float:right; width:60%; position:relative;}
.box8-area .box-con .btn input{height:30px;}
.box8-area .box-con .btn a{display:block; position:absolute; top:0px; right:0px; width:35px; height:30px; background:#db1b23; line-height:32px; text-align:center;}
.box8-area .box-con .btn a img{vertical-align:middle; width:15px; height:14px; position:relative; bottom:2px;}



footer{ width:100%;min-height:50px; position:fixed; bottom:0px; left:0px;  background:#db1b23;}
footer ul.bot_menu{}
footer ul.bot_menu li{float:left; width:16.666%;}
footer ul.bot_menu li a{display:block; height:50px; text-align:center; color:#fff}
footer ul.bot_menu li a .fa{padding:9px 0px 3px; display:block; font-size:16px; color:#fff}


/* 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:29px;
font-size:14px;}
a.btnSmall:hover{background:#1490d7; color:#fff;}
table th a.btnSmall, table td a.btnSmall{font-size:12px;padding:3px 5px 3px;}

a.btnBig{display:block; border:1px solid #1490d7;  padding:10px 5px 10px; border-radius:3px; color:#1490d7;background:#fff; line-height:1.5em; font-size:18px;
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.Yellow{background:none;border:1px solid #ffba31;color:#fff;}
a.Yellow:hover{border:1px solid #da960e; background:#ffba31;}
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.naver{background:#3ca74a;  color:#fff; border:1px solid #3ca74a; }
a.naver:hover{background:#2f8b3b;  color:#fff;}
a.facebook{background:#1183ba;  color:#fff; border:1px solid #1183ba; }
a.facebook:hover{background:#0b6996;  color:#fff;}

/* input */
input {transition: all 0.3s ease 0s; height: 40px; padding:6px 0px;}
input[type="text"],input[type="password"],input[type="date"],input[type="url"],input[type="search"],input[type="text"],input[type="email"],input[type="time"],input[type="text"],
.form-control,  select{
height: 35px;border: 1px solid #dadada;border-radius: 0;box-shadow: none;padding-left: 5px;background:#fafafa; box-sizing:border-box}
textarea, textarea.form-control{
height: auto;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;}
input[type="checkbox"]{height: 13px;}
.form-control-area{padding:7px 0px;}
.form-control-area label{display:block; padding-bottom:5px; font-weight:bold; font-size:14px;}
.form-control-area span{display:inline-block; padding:3px 0px; margin-right:0px;}
.form-control-area .left{display:inline-block; width:70%;}
.form-control-area .right{display:inline-block; width:29%;}
select.h30{width:27%; height:30px;border: 1px solid #dadada;border-radius: 0;box-shadow: none;padding-left: 5px;background:#fafafa; box-sizing:border-box}
input.w70{width:69%;}


/* table */
.table_list{padding-bottom:15px;}
.table_list h3{display:block; padding-bottom:5px; font-weight:bold}
.table_list table{border-top:2px solid #8fa1aa;}
.table_list table th{background-color:#f8f8f8; border:1px solid #dee3eb; font-weight:bold; text-align:left; padding:10px; width:30%; font-weight:100}
.table_list table td{ border:1px solid #dee3eb;padding:10px; line-height:1.5em; font-size:14px; position:Relative; }
.table_list table td .flag{width:17px;position:relative; top:2px;}
.listInTd table{border-top:0px;}
.listInTd table th{border:0px; padding:2px; text-align:left; width:28%;}
.listInTd table td{border:0px; padding:2px; padding-left:10px;}
.listInTd table td a{text-decoration:underline}

.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-bottom:1px solid #dee3eb;padding: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; padding:10px; }
.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}


/* Sub */
.pageTitle-area{height:40px; background:#496f91;margin-top:80px; text-align:center; line-height:40px; color:#fff; font-size:16px;position:Relative; }
.pageTitle-area a{position:absolute; top:0px; left:0px; display:block; height:40px; line-height:53px; padding:0px 17px; font-size:16px; color:#fff; line-height:40px;}

/*로그인*/
.loginPage-area{width:250px; margin:10% auto}
.loginPage-area h3{font-size:25px; text-align:center; padding-bottom:20px; border-bottom:1px solid #dee3eb;margin-bottom:20px;}
.loginPage-area input{height:40px;margin-bottom:5px;font-size:14px; }
.loginPage-area form a{height:40px; line-height:40px;font-size:14px;margin-bottom:5px;}
.loginPage-area .btnGroup{margin-top:20px;}
.loginPage-area table{margin-top:30px;}
.loginPage-area td{padding-bottom:10px;}

/*탭*/
.menu_tab{margin-bottom:20px;}
.menu_tab ul{}
.menu_tab ul li{float:left; width:50%;}
.menu_tab 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}
.menu_tab ul li:first-child a{border-left:1px solid #ccc; }
.menu_tab ul li.active a {border:1px solid #434650; border-bottom:1px solid #fff; background:#fff;}
.menu_tab ul li:first-child.active a{border-left:1px solid #434650;} 
.menu_tab ul li a:hover{background:#fff;}

/*search*/
.search-area{padding-bottom:12px;}
.search-area .fa{font-size:25px;color:#1490d7;position:relative; top:2px;}
.search-area .flag{width:25px;position:relative; top:3px;}
.search-area .search-con{position:Relative;} /*padding-right:40px;*/
.search-area .search-con .search-btn{position:absolute; top:0px; right:0px;}
.search-area .search-con .search-btn2{position:relative; top:1px;}
.search-area .search-con.tc{display:table; margin:0 auto}
.search-area .search-con span{display:block;}
.search-area .search-con span.time_box{margin-bottom:5px;}
.search-area .search-con .txt{ line-height:32px;}


/* list-area */
.list-area{border-bottom:1px solid #dee3eb; padding:15px 0px;}
.list-area.first{border-top:1px solid #dee3eb;}
.list-con{padding-right:65px;position:relative; min-height:65px;}
.list-con:after{display:block;clear:both;content:"";}
.list-con .proImg{position:absolute; top:0px; right:0px;}
.list-con p{ font-size:16px; line-height:1.25em}
.list-con p strong{display:block; padding-bottom:5px;}
.list-con p .flag{width:17px; position:relative; top:2px;}
.list-con .date{font-size:12px; color:#a6a6a6; display:block; padding-top:7px;}
.list-area.check{padding-left:25px; position:Relative}
.list-area.check .list-con{padding-right:0px;}
.list-area input[type="checkbox"]{position:absolute; top:15px; left:0px; z-index:999}
.list-area .case{padding-top:10px;}
.list-area .no{font-size:11px;position:absolute; top:18px; left:0px; z-index:999}
.list-area.img-no .list-con{padding-right:0px;}

/* list-area2 */
.notice-area{ padding:15px 0px;}
.notice-area.first{border-top:1px solid #dee3eb;}
.notice-area .con{}
.notice-area  p{ font-size:16px; line-height:1.25em}
.notice-area .date{font-size:12px; color:#a6a6a6; display:block; padding-top:7px;}


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


.layerBox-area{position:fixed; width:100%; height:100%; top:0px; left:0px;background:url(/mobile/image/over-bg.png) top left repeat; z-index:999; padding:10px; box-sizing:border-box}
.ntDetCon{width:100%; height:100%; background:#fff; position:Relative}
.popup-area{width:100%; height:100%; background:#fff; overflow-y:scroll; overflow-x:hidden; }
.popup-area .title{width:100%;height:40px; background:#1490d7; text-align:center; line-height:40px; font-size:16px; font-weight:bold;color:#fff; position:fixed; z-index:9; 
padding:0px;top:0px; left:0px;}
.popup-area .con{padding:50px 10px 10px;;}
.popup-area .con img{width:100%;}
a.popCloseBtn{position:absolute; top:0px; right:10px; display:block; width:20px; height:40px; line-height:40px; color:#fff; font-size:18px;}
a.popCloseBtn img{width:18px; position:Relative; top:10px;}

.comment{}
.comment ul{}
.comment ul li{padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px;}

.pageNumbersOuterWrapper2{text-align:center; padding-top:20px;}
.pageNumbersOuterWrapper2 a.pageNumber{padding:0px 7px;}
.pageNumbersOuterWrapper2 a.currentPageNumber{border:1px solid #ccc; padding:2px 7px;}

/* 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;}
.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;}
.wd70{width:70px;}
.wd50{width:50px;}
.wd10{width:10px;}
.pdr5{padding-right:5px;}
.pd10{padding:10px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.prt3{position:relative; top:3px;}
.prtm3{position:relative; top:-3px;}
.text{border-bottom:1px solid #dee3eb; padding-bottom:15px;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:10px; 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;}
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;}
.new_bg{display:inline-block;background:url(/image/common/new_bg.gif) top left repeat; color:#333}


/*라디오체크박스*/


input.checkradios{display:inline-block;width:20px; height:20px; cursor:pointer;position:Relative; background:#fff; border-radius:0px;}
input.checkradios-circle{display:inline-block;width:20px; height:20px; cursor:pointer;position:Relative; background:#000; }