@charset "utf-8";

/* item detail view */
#itemdetailview {}
#itemdetailview .dvbox1{}
#itemdetailview .dvbox1 img{max-width:100%;}
#itemdetailview .dvbox1 .bx-wrapper{margin-bottom:5px;}
#itemdetailview .dvbox1 .bx-wrapper .bx-pager{bottom:0;padding-top:0;height:30px;}
#itemdetailview .dvbox1 .bx-wrapper .bx-pager.bx-default-pager a{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;width:15px;height:15px;background:#fff;}
#itemdetailview .dvbox1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#itemdetailview .dvbox1 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#df1d0f;}

#itemdetailview .dvinfo1{padding:5px 0px;font-weight:bold;}
#itemdetailview .dvinfo1 .subtitle{margin:0 0 10px;font-size:12px;color:#989393;}
#itemdetailview .dvinfo1 .subject{font-size:22px;color:#262626;}
#itemdetailview .dvinfo1 .price{margin:40px 0 10px;font-size:20px;color:#262626;}
#itemdetailview .dvinfo1 .price span{color:#e41112;}
#itemdetailview .dvinfo1 .btn_viewday{display:block;height:44px;background:#eb3b33;font-size:14px;line-height:44px;color:#fff;text-align:center;}
#itemdetailview .dvinfo1 .btn_viewday img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
#itemdetailview .dvinfo1 .btn_viewday a:hover {color:#fff;}

#itemdetailview .dvinfo1 .btn_viewday2 {display:block;height:64px;background:#3b62ab;font-size:17px; font-weight:800;line-height:64px;color:#fff;text-align:center; border-radius:3px;}
#itemdetailview .dvinfo1 .btn_viewday2 img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
#itemdetailview .dvinfo1 .btn_viewday2 a:hover {color:#fff;}

#itemdetailview .dvinfo1 .btn_viewday3 {display:block;height:44px;background:#8c8c8c;font-size:14px;line-height:44px;color:#fff;text-align:center; margin-top:3px; border-radius:3px;}
#itemdetailview .dvinfo1 .btn_viewday3 img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
#itemdetailview .dvinfo1 .btn_viewday3 a:hover {color:#fff;}

#itemdetailview .dvinfo12 {padding:5px 0px;font-weight:bold; display:inline-block; }
#itemdetailview .dvinfo12 .btn_viewday4 {display:inline-block; margin-top:5px; width:80px; height:38px;background:#676666;font-size:13px;line-height:38px;color:#fff;text-align:center; margin:0px auto;}
#itemdetailview .dvinfo12 .btn_viewday4 a:hover {color:#fff;}





.dvinfo2 {padding:15px 15px 20px; font-weight:bold; text-align:center;}
.dvinfo2 .btn_viewday5 {display:inline-block; min-width:100px; max-width:150px;  padding:0px 5px; height:35px;background:#12aec3;font-size:14px;line-height:35px;color:#fff;text-align:center; margin:0px auto; margin:1px; border-radius:3px;}
.dvinfo2 .btn_viewday5 img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
.dvinfo2 .btn_viewday5 a:hover {color:#fff;}
.dvinfo2 .btn_viewday6 {display:inline-block;height:35px; min-width:100px; max-width:150px; padding:0px 5px; border:1px solid #12aec3;font-size:14px;line-height:35px;color:#12aec3;text-align:center; margin:0px auto; margin:1px;border-radius:3px;}
.dvinfo2 .btn_viewday6 img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
.dvinfo2 .btn_viewday6 a:hover {color:#12aec3;}
.dvinfo2 .btn_viewday7 {display:inline-block;height:35px; min-width:100px; max-width:150px; padding:0px 5px; border:1px solid #3b62ab;font-size:14px;line-height:35px;color:#3b62ab;text-align:center; margin:0px auto; margin:1px;border-radius:3px;}
.dvinfo2 .btn_viewday8 {display:inline-block; min-width:100px; max-width:150px; padding:0px 5px; height:35px;background:#3b62ab;font-size:14px;line-height:35px;color:#fff;text-align:center; margin:0px auto; margin:1px;border-radius:3px;}
.dvinfo2 .btn_viewday9 {display:inline-block;height:35px; min-width:100px; max-width:150px; padding:0px 5px; border:1px solid #333333;font-size:14px;line-height:35px;color:#333333;text-align:center; margin:0px auto; margin:1px;border-radius:3px;}

/* 2018-04-05 ysc 추가 */
.dvinfo3 {padding:15px 5px 20px; font-weight:bold; text-align:center;}
.dvinfo3 .btn_viewday5 {display:inline-block; min-width:100px; max-width:150px;  padding:0px 5px; height:35px;background:#12aec3;font-size:14px;line-height:35px;color:#fff;text-align:center; margin:0px auto; margin:1px;}
.dvinfo3 .btn_viewday5 img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
.dvinfo3 .btn_viewday5 a:hover {color:#fff;}
.dvinfo3 .btn_viewday6 {display:inline-block;height:35px; min-width:100px; max-width:150px; padding:0px 5px; border:1px solid #12aec3;font-size:14px;line-height:35px;color:#12aec3;text-align:center; margin:0px auto; margin:1px;}
.dvinfo3 .btn_viewday6 img{margin:0 0 2px;width:auto;height:13px;vertical-align:middle;}
.dvinfo3 .btn_viewday6 a:hover {color:#12aec3;}
.dvinfo3 .btn_viewday7 {display:inline-block;height:35px; min-width:100px; max-width:150px; padding:0px 5px; border:1px solid #3b62ab;font-size:14px;line-height:35px;color:#3b62ab;text-align:center; margin:0px auto; margin:1px;}
.dvinfo3 .btn_viewday8 {display:inline-block; min-width:100px; max-width:150px; padding:0px 5px; height:35px;background:#3b62ab;font-size:14px;line-height:35px;color:#fff;text-align:center; margin:0px auto; margin:1px;}
.dvinfo3 .btn_viewday9 {display:inline-block;height:35px; min-width:100px; max-width:150px; padding:0px 5px; border:1px solid #333333;font-size:14px;line-height:35px;color:#333333;text-align:center; margin:0px auto; margin:1px;}


#itemdetailview .dvinfo1 .sna {font-size:11px; font-weight:500; color:#8c8585; margin-top:10px;}

#itemdetailview .detailview{padding:20px 0 0;background:#eee;}

#itemdetailview .detailview .tab_list{border-top:solid 2px #3e4c63;}
#itemdetailview .detailview .tab_list ul{background:#3e4c63;}
#itemdetailview .detailview .tab_list ul li{float:left;width:33%;height:35px;background:#fff;font-weight:bold;font-size:12px;text-align:center;}
#itemdetailview .detailview .tab_list ul li:last-child {width:34%;}
#itemdetailview .detailview .tab_list ul li a{display:block;line-height:35px;}
#itemdetailview .detailview .tab_list ul li.selected{background:#3e4c63;}
#itemdetailview .detailview .tab_list ul li a:hover,
#itemdetailview .detailview .tab_list ul li.selected a{color:#fff !important; background:#3e4c63;}

#itemdetailview .detailview .tab_list2 {}
#itemdetailview .detailview .tab_list2 ul{background:#dc7171;}
#itemdetailview .detailview .tab_list2 ul li{float:left;width:25%;height:45px;background:#dc7171;font-weight:700;font-size:13px;text-align:center;  color:#4a2222;}
#itemdetailview .detailview .tab_list2 ul li a{display:block;line-height:45px;   color:#4a2222;}
#itemdetailview .detailview .tab_list2 ul li.selected{height:45px; background:#dc7171;  background:url(../images/common/tab_back.png) no-repeat center top; background-size: 100%;}
#itemdetailview .detailview .tab_list2 ul li a:hover,
#itemdetailview .detailview .tab_list2 ul li.selected a{height:45px; color:#fff !important; background:#dc7171;  background:url(../images/common/tab_back.png) no-repeat center top; background-size: 100%; }


#itemdetailview .detailview img{max-width:100%;}
#itemdetailview .detailview .tab_cont{display:none;min-height:100px; background:#fff;}
#itemdetailview .detailview #tab_cont1{display:block;}



.sublist_s{background:#fff;}
.sublist_s .cont1{margin:15px 0 0px;}
.sublist_s .cont1 ul{}
.sublist_s .cont1 ul li{overflow:hidden;clear:both;border-bottom:solid 1px #d7d7d7;}
.sublist_s .cont1 ul li:after{clear:both;display:block;content:"";}
.sublist_s .cont1 ul li .img{float:left;width:93px;height:81px;}
.sublist_s .cont1 ul li .img img{width:100%;height:auto;}
.sublist_s .cont1 ul li .subject{float:left;overflow:hidden;display:block;margin:15px 0 15px 15px;width:65%;font-weight:bold;font-size:14px;line-height:1.4;color:#262626;white-space:nowrap;}
.sublist_s .cont1 ul li .amount{float:left;margin-left:15px;width:65%;font-weight:bold;font-size:14px;}
.sublist_s .cont1 ul li .amount span{color:#e41112;}
.sublist_s .cont1 ul li .memo{float:left;overflow:hidden;margin:4px 0 8px 15px;width:65%;font-weight:bold;font-size:11px;line-height:1.4;color:#989393;white-space:nowrap;}
.sublist_s .bx-wrapper{margin-bottom:30px;border-top:solid 1px #d7d7d7;_eborder-bottom:solid 1px #d7d7d7;}
.sublist_s .bx-wrapper .bx-pager{bottom:-35px;padding-top:0;}
.sublist_s .bx-wrapper .bx-pager.bx-default-pager a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:#959595;}
.sublist_s .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sublist_s .bx-wrapper .bx-pager.bx-default-pager a.active{background:#df1d0f;}



.sublist_s2{background:#fff;}
.sublist_s2 .cont1{margin:15px 0 0px;}
.sublist_s2 .cont1 ul{border-top:solid 1px #d7d7d7;}
.sublist_s2 .cont1 ul li{overflow:hidden;clear:both;border-bottom:solid 1px #d7d7d7;}
.sublist_s2 .cont1 ul li:after{clear:both;display:block;content:"";}
.sublist_s2 .cont1 ul li .img{float:left;width:93px;height:81px;}
.sublist_s2 .cont1 ul li .img img{width:100%;height:auto;}
.sublist_s2 .cont1 ul li .subject{float:left;overflow:hidden;display:block;margin:15px 0 15px 15px;width:65%;font-weight:bold;font-size:14px;line-height:1.4;color:#262626;white-space:nowrap;}
.sublist_s2 .cont1 ul li .amount{float:left;margin-left:15px;width:65%;font-weight:bold;font-size:14px;}
.sublist_s2 .cont1 ul li .amount span{color:#e41112;}
.sublist_s2 .cont1 ul li .memo{float:left;overflow:hidden;margin:4px 0 8px 15px;width:65%;font-weight:bold;font-size:11px;line-height:1.4;color:#989393;white-space:nowrap;}
.sublist_s2 .bx-wrapper{margin-bottom:30px;border-top:solid 1px #d7d7d7;_eborder-bottom:solid 1px #d7d7d7;}
.sublist_s2 .bx-wrapper .bx-pager{bottom:-35px;padding-top:0;}
.sublist_s2 .bx-wrapper .bx-pager.bx-default-pager a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:#959595;}
.sublist_s2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sublist_s2 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#df1d0f;}

/* 01 디테일 달력 */
.calendar_box {position:relative; float:left; width:100%; height:25px; border:1px solid #d0d2d9; background-color:#ffffff;}
.calendar_box .title {background-color:#ffffff; height:20px; text-align:left; padding:5px 15px; font-size:14px; color:#4d515b; font-weight:700;cursor:pointer;}
.calendar_box .title .sel {color:#fd5202;}
.calendar_box .calend_left {display:none;}
.calendar_box .calend_right {display:none; }

.calendar_box.on {position:relative; float:left;width:100%; height:270px; border:1px solid #5c5f66; background-color:#ffffff;}
.calendar_box.on .title {background-color:#a1a5ae; border-bottom:1px solid #5c5f66; height:20px; text-align:left; padding:8px 15px; font-size:14px; color:#ffffff; font-weight:700;  }
.calendar_box.on .title .sel {color:#ffffff;}
.calendar_box.on .calend_left {display:block; position:relative; width:92%;  background-color:#f5f5f7; padding:2% 4%; text-align:center; color:#6e7077; font-size:11px; font-weight:700; }
.calendar_box.on .calend_left  span{ }
.calendar_box.on .calend_left  p {padding-left:0px; color:#353841;  font-family:tahoma;  font-size:23px;  font-weight:800; padding-top:6px; letter-spacing:-1px;}
.calendar_box.on .calend_left  h1 { width:100%; margin:0px auto; padding-top:5px; text-align:center;}
.calendar_box.on .calend_right {display:block; position:absolute; margin-left:0px; height:230px; width:92%; background-color:#ffffff; padding:2% 4%; text-align:center; color:#ababab; font-size:11px; font-weight:700; font-family:tahoma;}
.calendar_box.on .calend_right .monn {float:left; width:100%;  color:#555555; }
.calendar_box.on .calend_right .monn table {width:100%;}
.calendar_box.on .calend_right .monn table td {text-align:center;}
.calendar_box.on .calend_right .monn .day{font-size:11px; font-weight:700; width:14%; height:25px; text-align:center; padding:2px;}
.calendar_box.on .calend_right .monn .o{cursor:pointer;}
.calendar_box.on .calend_right .monn .p{color:#aaaaaa;}
.calendar_box.on .calend_right .monn .s{color:#f63d3d; width:16%;}
.calendar_box.on .calend_right .monn .s.p{color:#f19999;}
.calendar_box.on .calend_right .monn .sel{background-color:#ff5301;color:#FFFFFF;}
.calendar_box.on .calend_right .monn .over{background-color:#ffe2c5;}
.calendar_box.on .calend_right .monn .x{ color:#9c9c9c; background:url("../images/sub/cal_back_x.gif") no-repeat; background-size: 100%;}
.calendar_box.on .calend_right .monn .sun{background-color:#ff5301; color:#ffffff; }
.calendar_box.on .calend_right .monn .thh {border-bottom:1px solid #f4f4f4; padding-bottom:5px;}


/* 02 상품리스트 */
.calendar_box2 {position:relative; float:left; width:100%; height:180px; border-left:1px solid #5c5f66; border-bottom:1px solid #5c5f66;  border-right:1px solid #5c5f66;  background-color:#f5f5f7;}
.calendar_box2 .title {background-color:#a1a5ae; border-bottom:1px solid #5c5f66; height:20px; text-align:left;padding:8px 15px; font-size:14px; color:#ffffff; font-weight:700; }
.calendar_box2 .calend_con {position:absolute; width:352px; height:117px;  padding:13px 17px; text-align:center; color:#6e7077; font-size:11px; font-weight:700; overflow:scroll; overflow-x:hidden; }
.calendar_box2 .calend_con li { text-align:left; color:#6e7077; font-size:11px; font-weight:500; line-height:22px;}


/* 03  */
.calendar_box3 {position:relative; float:left; width:100%; height:36px; border:1px solid #d0d2d9; background-color:#ffffff; border-top:0px;}
.calendar_box3 .title {background-color:#ffffff; height:20px; text-align:left; padding:8px 15px; font-size:14px; color:#4d515b; font-weight:700; cursor:pointer; }
.calendar_box3 .title .sel {color:#fd5202; font-size:11px;}
.calendar_box3 .calend_con {display:none;}

.calendar_box3.on {position:relative; float:left; width:100%; height:180px; border:1px solid #5c5f66; background-color:#f5f5f7;}
.calendar_box3.on .title {background-color:#a1a5ae; border-bottom:1px solid #5c5f66; height:18px; text-align:left; padding:5px 15px; font-size:12px; color:#ffffff; font-weight:700;  }
.calendar_box3.on .title .sel {color:#ffffff;}
.calendar_box3.on .calend_con {position:absolute; width:350px; height:117px;  padding:13px 17px; text-align:center; color:#6e7077; font-size:11px; font-weight:700; overflow:scroll; overflow-x:hidden; display:block;}
.calendar_box3.on .calend_con li { text-align:left; color:#6e7077; font-size:11px; font-weight:500; line-height:22px; cursor:pointer; }
.calendar_box3.on .calend_con li.over { background-color:#e9ecf2;}

.calendar_box3.last.on {height:80px;}
.calendar_box3.last.on .calend_con {height:25px; overflow:hidden;}
.calendar_box3.last.on .calend_con li { cursor:default; }



.bread {clear:both;   padding:10px 0px;  font-size:16px; font-weight:700;  line-height:25px;  color:#000;  background:#f4f4f4;   border-bottom:1px solid #3b79ee; text-align:center;}
.stitle {clear:both;   padding:10px 0px 10px 10px;   font-size:15px; font-weight:700;  line-height:25px;  color:#9e1e1e;  text-align:left; }

.bread2 {clear:both;   padding:10px 0px;  font-size:20px; font-weight:700;  line-height:25px;  color:#fff;  background:#3b79ee;    text-align:center;}




/* 게시판  */

.board {margin-top:0px; }
.board .noti_title {background:#fff;  color:#000; font-size:21px;   font-weight:700; line-height:45px;  text-align:center;  font-weight:800; letter-spacing:-1px; font-family:"Malgun Gothic";  }
.board table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;word-break:break-all;border:0; border-top:2px solid #3b62ab; margin:0px auto;}
.board table th {background:#fff; padding:10px 0 ; border:1px solid #ddd; font-size:14px; color:#4f4f4f; line-height:18px; text-align:center; font-weight:800;}
.board table td {padding:7px 3px; border-bottom:1px solid #e4e4e4; text-align:center; vertical-align:middle;  font-size:12px;  line-height:23px; letter-spacing:-1px;}
.board table td.sbj {padding-left:10px; text-align:left;}
.board table td.sbj img {width:90px; border:1px solid #3b3b3b;  vertical-align:middle; margin-right:3px;}
.board table td.sbj img.ui-datepicker-trigger {width:auto; border:0px;}
.board table td.rig { text-align:center; padding:5px 0 }
.board table td.b { font-weight:700; color:#000; background-color:#fff; font-size:14px; font-weight:800; padding:10px 0 ;}
.board table td.gl {background:#f4f3f3;}
.board table td span {color:#fe0000; font-weight:700;}
.board table td span.normal {color:#333; font-weight:500;}
.board table td.view_na {background:#f8f8f8; padding:10px;}
.board table td.arww {background:#f8f8f8; padding:0px;}
.board table td.notice_title {padding:10px;  }
.board table td.notice_date {color:#b7b7b7; font-size:10px; letter-spacing:-0.5px; line-height:14px; text-align:center;}

.board.view table {border-top:2px solid #565656;}
.board.view thead {}
.board.view thead td{padding:15px 10px; text-align:left; border:1px solid #ddd; font-size:13px; line-height:22px;  color:#4f4f4f; background-color:#fff; }
.board.view thead th{font-size:13px; line-height:22px; font-weight:600; color:#4f4f4f; }
.board.view tbody td .con{padding:20px 10px; text-align:left; line-height:19px; }
.board.view thead td .bb{padding:0px; text-align:left; border:0px solid #ddd;}
.board.view thead td .rig {text-align:left; }
.board.view tbody td.rig2 {text-align:left;  padding-left:10px;  background-color:#fff; border-right:1px solid #ddd;}


#layerPop{width:100%; height:100%; position:absolute; display:none; border:0px solid #ccc; padding-top:30px; z-index:1000000000000000; margin:0 auto;}
#layerPop .close{position:absolute; bottom:5px; right:5px; color:#fff;}

#layerPop2{width:100%; height:100%; position:absolute; display:none; border:0px solid #ccc; padding-top:30px; background-color:#000;filter:alpha(opacity=70);opacity:0.7; z-index:100000000000000; margin:0 auto;}
#layerPop2 .close{position:absolute; bottom:5px; right:5px; color:#fff;}

.board_pop {margin-top:0px;}
.board_pop table {max-width:500px; width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;word-break:break-all; border:1px solid #81d4df; margin:0px auto;}
.board_pop table th {background:#12aec3; padding:5px 0 ; border:1px solid #81d4df; font-size:17px; color:#fff; line-height:18px; text-align:center; font-weight:700;}
.board_pop table td {background:#FFFFFF; padding:10px; border-bottom:0px solid #e4e4e4; text-align:left; vertical-align:middle;  font-size:14px;  line-height:150%; letter-spacing:-1px; color:;}
.board_pop table td.sbj {padding-left:10px; text-align:left;}
.board_pop table td.sbj img {width:90px; border:1px solid #3b3b3b;  vertical-align:middle; margin-right:3px;}
.board_pop table td.rig { text-align:center; padding:5px 0 }
.board_pop table td.b { font-weight:700; color:#000; background-color:#f4f4f4;}
.board_pop table td.gl {background:#f4f3f3;}
.board_pop table td span {color:#fe0000; font-weight:700;}
.board_pop table td.view_na {background:#f8f8f8; padding:10px;}
.board_pop table td.arww {background:#f8f8f8; padding:0px;}
.board_pop table td.notice_title {padding:10px;  }
.board_pop table td.notice_date {color:#b7b7b7; font-size:10px; letter-spacing:-0.5px; line-height:14px; text-align:center;}




/* 주문완료페이지  */
.order_ok {text-align:center; width:100%; padding:10px; margn:0 auto; }
.order_ok h1 {font-size:20px; font-weight:700; line-height:26px; color:#454545; margin-top:15px;}
.order_ok h1 span {color:#f70501;}
.order_ok p {text-align:center; font-size:12px; color:#747474;  padding-top:10px; line-height:18px;}

/* 로그인  */

.login_form {background-color:#fff; padding:15px 5%; margin:0px auto; width:90%; }
.login_form .titleimg {   width:100%;  text-align:center;  height:auto; overflow:hidden; margin-bottom:25px; border-bottom:2px solid #3b62ab; padding-bottom:25px;}
.login_form .titleimg h1 {font-size:33px; font-weight:700; line-height:1.3; padding-top:30px; letter-spacing:-2.5px;}
.login_form .titleimg span {font-size:17px; font-weight:300; line-height:2; color:#000000; letter-spacing:0px; }


.signin {padding:25px 0px; width:70%; margin:0px auto;  }
/*.signin .field{ float:left; vertical-align:top; width:100%;}*/
.signin .field{vertical-align:top; width:59%; display:inline-block;}
.signin .field .name {width:17%; display:inline-block; font-size:14px; font-weight:800; color:#3b62ab; min-width:60px;}
.signin .field .inp{width:65%; display:inline-block; height:36px ;padding:0 2%; margin-bottom:4px;border:1px solid #aebedc;font-size:14px;color:#b9b9b9;letter-spacing:-0.5px; font-weight:500; background-color:#fff;}
.signin .field .inp::-webkit-input-placeholder{color:#7b7979;}
.signin .field .inp:focus{border-color:#12aec3}
.signin .dvinfo_right {vertical-align:top; font-weight:bold; width:39%;  display:inline-block; float:right; }

.signin .dvinfo_right .btn_viewday2 {display:inline-block; height:80px; letter-spacing:-2px; background:#3b62ab;font-size:15px; font-weight:800;line-height:80px;color:#fff;text-align:center; border-radius:5px; width:49%; float:left;}
.signin .dvinfo_right .btn_viewday2 a:hover {color:#fff;}

.signin .dvinfo_right .btn_viewday3 {display:inline-block; height:80px; letter-spacing:-2px; background:#a2a2a2;font-size:15px; font-weight:800;line-height:80px;color:#fff;text-align:center; border-radius:5px; width:49%; float:right;}
.signin .dvinfo_right .btn_viewday3 a:hover {color:#fff;}



.signin .bo_code {width:90%; height:70px;padding:10px 5%; line-height:30px;  margin-bottom:4px;border:1px solid #e8e8e8;font-size:14px;color:#7b7979;letter-spacing:-0.5px; font-weight:700; background-color:#e9e9e9;}
.signin .bo_code span {float:right; font-size:12px;}
.signin .bo_code span img {width:15px; border:none;  vertical-align:middle;}
.signin .bo_code img {width:110px; border:1px solid #3b3b3b;  vertical-align:middle; margin-right:3px;}
.signin .bo_code input {width:130px; height:28px;}

.signin .btn {float:right; width:29%; text-align:left; vertical-align:top;}
.signin .btn img {width:100px; height:auto;}

.signin .check{overflow:hidden; padding:0px 0 0px; margin-left:66px;}
.signin .check .box{display:inline-block;position:relative;height:20px;font-size:12px;color:#333;line-height:2;  vertical-align:middle; padding-bottom:10px;}


.signin .check input[type="checkbox"] {
    display:none;
}

.signin .check input[type="checkbox"] + label {
    color:#000;
}

.signin .check input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 4px 0 0;
    vertical-align:middle;
    background:url(../images/common/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

.signin .check input[type="checkbox"]:checked + label span {
    background:url(../images/common/check_radio_sheet.png) -20px top no-repeat;
}




@media only screen and (max-width:640px){
	
.login_form { padding:15px 1%;  width:90%; }	

.login_form .titleimg {margin:35px 0px }
.login_form .titleimg h1 {font-size:21px; font-weight:700; line-height:23px; padding-top:10px; letter-spacing:-1px;}
.login_form .titleimg span {font-size:12px; font-weight:400; line-height:20px; color:#666; letter-spacing:-1px; }



.signin {padding:25px 0px; width:90%; margin:0px auto;  }
.signin .field {width:100%;}
.signin .field .name {width:25%; min-width:60px; text-align:left; }
.signin .field .inp{width:70%; padding:0px;}

.signin .dvinfo_right {vertical-align:top; font-weight:bold; width:100%;  }

.signin .dvinfo_right .btn_viewday2 {display:inline-block; height:40px; letter-spacing:-2px; background:#3b62ab;font-size:15px; font-weight:800;line-height:40px;color:#fff;text-align:center; border-radius:5px; width:49%; float:left;}
.signin .dvinfo_right .btn_viewday2 a:hover {color:#fff;}

.signin .dvinfo_right .btn_viewday3 {display:inline-block; height:40px; letter-spacing:-2px; background:#a2a2a2;font-size:15px; font-weight:800;line-height:40px;color:#fff;text-align:center; border-radius:5px; width:49%; float:right;}
.signin .dvinfo_right .btn_viewday3 a:hover {color:#fff;}

.board table {width:90%;}
	
}




.login_form2 {background-color:#fff;  padding:15px 7%; margin:5px auto; width:90%; }

.login_form2 .signin2 {padding:10px 0px; width:70%; display:inline-block; }
.login_form2 .signin2 .field2 .inp2{ width:96%; height:36px ;padding:0 2%; margin-bottom:4px;border:1px solid #aebedc;font-size:14px;color:#7b7979;letter-spacing:-0.5px; font-weight:700; background-color:#fff;}
.login_form2 .signin2 .field2 .inp2::-webkit-input-placeholder{color:#b5b5b5;}
.login_form2 .signin2 .field2 .inp2:focus{border-color:#12aec3}




.login_area{position:relative;padding:14px 14px 15px;border:1px solid #fff;outline:1px solid #cfcfcf;background:#fbf9f9}
.login_area li{padding-right:76px}
.login_area .txt{width:100%;height:32px;margin-top:6px;padding:0 7px;border:1px solid #cacaca;font-size:1em;-webkit-box-sizing:border-box}
.login_area .auto_chk{margin-top:6px;padding-right:76px;font-size:1em;color:#555;text-align:right}
.login_area .auto_chk input{margin:0 5px 0 0}
.login_area .btn_login{position:absolute;top:20px;right:14px;width:70px;height:70px;border:1px solid #fe4a08;background:#373a43 -webkit-gradient(linear,0% 0%,0% 100%,from(#ff650e),to(#ff510f));color:#fff;font-size:1.286em}


.dat_list {position:relative; margin:10px auto 10px; width:82%; background-color:#f8faff; border:1px solid #c9d4e7;  overflow:hidden; height:auto; padding:25px 4%;}
.dat_list h1 {font-size:14px; line-height:22px; font-weight:800; color:#3b62ab;}
.dat_list ul li { float:left; font-size:12px; line-height:2;  letter-spacing:-0.5px; width:100%;}
.dat_list ul li  img {width:15px; height:auto; vertical-align:middle;}

.dat_list2 {width:90%;}
.dat_list2 h1 {font-size:13px; line-height:22px; font-weight:800; color:red;}

.dat_list3 {position:relative; margin:20px auto; width:100%; }
.dat_list3 h1 {font-size:14px; line-height:22px; font-weight:800; color:#3b62ab;}
.dat_list3 ul li { float:left; font-size:12px; line-height:18px;  letter-spacing:-0.5px; width:100%;}
.dat_list3 ul li  img {width:15px; height:auto; vertical-align:middle;}

.etc_list_tel { margin:50px auto; width:80%;}
.etc_list { width:43%;  padding:25px 3%; min-height:235px; border:1px solid #CCC;  border-radius:10px; display:inline-block; vertical-align:top; }
.etc_list .etctitle {     text-align:left; width:100%; margin-bottom:15px; }
.etc_list .etctitle h1 {font-size:19px; font-weight:700;  line-height:32px; letter-spacing:-2px;}
.etc_list .etctitle h1 img {vertical-align:middle;}
.etc_list .etctitle span {font-size:11px; }

.etc_list h2 {font-size:17px; font-weight:500; line-height:35px; text-align:center; width:100%; letter-spacing:-1px; }

.etc_list ul {margin-top:0px;}
.etc_list ul li {display:inline-block; width:90%;  background-color:#393939; margin:3px 0.3% 0px;  font-size:13px;  line-height:18px; padding:7px 10px;  text-align:left; border-radius:3px; }
.etc_list ul li a { color:#fff; padding:5px 0px; font-weight:700; letter-spacing:-1px; }
.etc_list ul li a span {color:#a3a3a3;}
.etc_list ul li a img {vertical-align:middle;}

.etc_list_etc {min-height:235px;}
.etc_list_etc ul li { background-color:#7b7d86;  border-radius:3px; width:90%; margin:3px 0.3%; padding:7px 10px;}
.etc_list_etc ul li a { color:#fff; vertical-align:middle;}
.etc_list_etc ul li a img {vertical-align:middle;}
.font_org {color:#3b62ab; display:inline-block;}


/* 고객센터  */
.cus_tab {width:100%; margin:50px auto 40px; height:50px; padding-top:20px;  }
.cus_tab ul { }
.cus_tab ul li {float:left; font-weight:700;  height:35px;   padding:10px 1% 0px; font-size:14px; text-align:center; margin:0px 0px 10px; color:#000; background-color:#efeff2; letter-spacing:-1px;}
.cus_tab ul li a {color:#025b67;  }
.cus_tab ul li a:hover {color:#3b79ee;} 
.cus_tab ul li.on {height:25px;   padding:10px 1%  0px;  background-color:#fff;}
.cus_tab ul li.on a {color:#12aec3;   font-weight:700;}
.cus_tab table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;word-break:break-all;border:0; }
.cus_tab table tr {}
.cus_tab table td { line-height:50px;  font-size:14px; font-weight:800;  text-align:center; color:#000; background-color:#efeff2; }
.cus_tab table td.on  {    background-color:#fff; border:1px solid #3b79ee; }
.cus_tab table td.on a {color:#3b79ee;   font-weight:800;}
.cus_tab table td a {color:#555556;}
.cus_tab table td a:hover {color:#3b62ab !important;}

.btn_rep {padding:2px 5px; color:#fff; background-color:#969696;border-radius:50%; font-weight:500; font-size:11px;  display:inline-block; margin-right:3px;}
.btn_rep02 {padding:2px 5px; color:#fff; background-color:#969696;border-radius:1%; font-weight:500; font-size:11px;  display:inline-block; margin-right:3px;}






/* 마이페이지  */
.my_tab {width:100%; margin:0px auto 20px; background-color:#000;}
.my_tab ul {  height:40px;}
.my_tab ul li {float:left; width:30%; padding:1% 1%; font-weight:700; font-size:14px; border-right:1px solid #616161; text-align:center; margin:10px 0px; color:#d4d4d4;}
.my_tab ul li a {color:#d4d4d4;}
.my_tab ul li a:hover {color:#3b79ee;} 
.my_tab ul li:last-child {border-right:0px solid #616161; width:31%;}
.my_tab ul li.on a {color:#7b7b7b;}


/* 페이징  */
.pasing {text-align:center; margin:20px 0px;}
.pasing ul {display:inline-block;}
.pasing ul li {float:left; font-weight:600; color:#494641; border:1px solid #cbcbcb; padding:6px 8px; margin-right:1px; font-size:11px; cursor:pointer;}
.pasing ul li.on {font-weight:900; color:#FFFFFF; border:1px solid #3b62ab; padding:6px 8px; background-color:#3b62ab;}
.pasing img {vertical-align:top; width:25px; height:auto;}



/* 하단기타메뉴  */
.bott_tab {width:100%; margin:0px auto 20px; background-color:#000;}
.bott_tab ul {  height:70px;}
.bott_tab ul li {float:left; width:24%; padding:1% 1%; font-weight:700; font-size:14px; line-height:20px; border-left:1px solid #616161; text-align:center; margin:10px 0px; color:#d4d4d4;}
.bott_tab ul li a {color:#d4d4d4;}
.bott_tab ul li a:hover {color:#3b79ee;} 
.bott_tab ul li:first-child {width:19%; border-left:0px solid #616161;}
.bott_tab ul li:last-child { }
.bott_tab ul li.on a {color:#7b7b7b;}


/* 검색결과  */
.search_na {width:100%; clear:both; text-align:center; font-size:15px; font-weight:700; line-height:23px; color:#454545; margin:50px 0px 20px; overflow:hidden; height:auto;}
.search_na span {color:#f70501;}

.search_na2 {width:100%; text-align:center; font-size:15px; font-weight:700; line-height:23px;  height:23px; color:#454545; margin:-62px 0px 20px;}
.search_na2 span {color:#f70501;}




.na_h1 {position:relative;  width:100%; text-align:center; margin:7px auto; font-size:12px; font-weight:700; color:#0ea3b7; letter-spacing:-1px;}
.na_h2  {position:relative;  width:100%; text-align:left;; margin:7px auto; font-size:14px; font-weight:800; height:23px; letter-spacing:-1px; margin-bottom:10px;  }
.na_h2 a {background-color:#f4f4f4; color:#4c4c4c; padding:10px 10px; margin-right:1px; border:1px solid #e0e0e0; }
.na_h2 a.on {background-color:#454545; color:#fff; border:1px solid #292929;}





.na_search {float:left; text-align:left; width:85%; margin:0px auto 10px; font-size:12px; padding:10px 0px; font-weight:700; color:#2d2d2d; border-top:1px solid #cccccc;  border-bottom:1px solid #cccccc; line-height:35px; letter-spacing:-1px;  }
.na_search .ti {width:50px; text-align:left; padding-left:15px; display:inline-block;}
.na_search  input {line-height:15px;}
.na_search .ui-datepicker-trigger {margin-bottom:-5px;}




.btn_s  {display:inline-block; font-size:11px; line-height:12px; background-color:#aeaeae; color:#fff; margin-right:2px; }
.btn_s a { color:#fff; line-height:12px; display:inline-block; padding:5px 11px;}
.btn_s.on {   color:#fff; background-color:#393939;}
.btn_s.on a { color:#fff;}


.btn_s2  {display:inline-block; font-size:15px; line-height:2; background-color:#a2a2a2; color:#fff;  border-top-left-radius:10px;  border-top-right-radius:10px; }
.btn_s2 a { color:#fff;   padding:4px 20px;}
.btn_s2.on {   color:#fff; background-color:#3b62ab;  }
.btn_s2.on a { color:#fff;}
.btn_s2.st {margin-left:12px;}

.btn_s_org  {display:inline-block; font-size:11px; line-height:12px; background-color:#3b62ab; color:#fff; margin-right:2px; border:1px solid #3b79ee;}
.btn_s_org a { color:#fff; line-height:12px; display:inline-block; padding:5px 16px;}


.btn_s_grl  {display:inline-block; font-size:11px;line-height:12px;  background-color:#12aec3; color:#fff; margin-right:2px; border:1px solid #0f9caf;}
.btn_s_grl a { color:#fff; line-height:12px; display:inline-block; padding:5px 16px;}




.btn_right { float:right; width:14%;  }
.btn_right .btn_search_01  {display:inline-block; font-size:17px;  line-height:57px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center;  border-radius:5px;}
.btn_right .btn_search_01 a { color:#fff;   padding:5px 16px;}

.btn_right .btn_search_02  {display:inline-block; font-size:17px; line-height:92px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center; border-radius:5px; }
.btn_right .btn_search_02 a { color:#fff;   padding:5px 16px;}

.btn_right .btn_search_03  {display:inline-block; font-size:17px; line-height:127px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center; border-radius:5px; }
.btn_right .btn_search_03 a { color:#fff;   padding:5px 16px;}




.na_search2 {float:left; text-align:left; width:95%; margin:0px auto 10px; font-size:15px; padding:10px 2%; font-weight:700; color:#2d2d2d; border:1px solid #3b62ab; background-color:#f8faff;  line-height:2.5; letter-spacing:-1px;  border-radius:5px;}
.na_search2 .ti {width:50px; text-align:left; padding-left:15px; display:inline-block;}
.na_search2  input {line-height:15px;}
.na_search2 .ui-datepicker-trigger {margin-bottom:-5px;}


.na_search2_na {float:left; width:80%; display:inline-block; }


.btn_right2 { float:right; width:14%;   display:inline-block; }
.btn_right2 .btn_search_02  {font-size:17px; line-height:75px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center; border-radius:5px; }
.btn_right2 .btn_search_02 a { color:#fff;   padding:5px 16px;}






.pointer {
	cursor:pointer;
}
.tdon {
	background:#fff;
}

.textover{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap
}

#thumbs li {
	float:left;
	list-style-type:none;
}


#wrap.wrap-login {
	max-width:900px;
	
}


.li20{
	width:20%; list-style:none; float:left;
}
.li25{
	width:25%; list-style:none; float:left;
}
.li33{
	width:33%; list-style:none; float:left;
}
.li50{
	width:50%; list-style:none; float:left;
}
.li100{
	width:100%; list-style:none; float:left;
}
.li5033{
	width:33%; list-style:none; float:left;
}




.login_btn {padding:0px 0px; width:90%; margin:0px 5%; height:auto; overflow:hidden;}
.login_btn ul li {float:left; width:calc(33% - 4px); width: -webkit-calc(33% - 4px); width: -moz-calc(33% - 4px); margin:0px 1px; text-align:center; padding:5px 0px;    border-radius:3px; background-color:#f5f5f7; border:1px solid #cccccc; vertical-align:middle;}
.login_btn ul li a {font-size:12px; color:#000; font-weight:800; line-height:40px; }
.login_btn ul li img {width:30px; vertical-align:middle;}




@media screen and (max-width:640px) {
	
	.tel .left h1 { width:50px; border-radius:30px; font-size:14px; font-weight:800; color:#ffffff; padding:0px 20px; margin:0px auto; margin-top:15px; }
	.tel .center h1 { width:50px; border-radius:30px; font-size:14px; font-weight:800; color:#ffffff; padding:0px 20px; margin:0px auto; margin-top:15px; }
	.tel .right h1 { width:50px; border-radius:30px; font-size:14px; font-weight:800; color:#ffffff; padding:0px 20px; margin:0px auto; margin-top:15px; }
	
	.tel .left { font-size:15px; line-height:26px;}
	.tel .center { font-size:15px; line-height:26px; }	
	.tel .right { font-size:15px; line-height:26px; }
	
	.tel_login .left_login h1 { width:50px; border-radius:30px; font-size:14px; font-weight:800; color:#ffffff; padding:0px 20px; margin:0px auto; margin-top:15px; }
	.tel_login .center_login h1 { width:50px; border-radius:30px; font-size:14px; font-weight:800; color:#ffffff; padding:0px 20px; margin:0px auto; margin-top:15px; }
	.tel_login .right_login h1 { width:50px; border-radius:30px; font-size:14px; font-weight:800; color:#ffffff; padding:0px 20px; margin:0px auto; margin-top:15px; }
	
	.tel_login .left_login { font-size:15px; line-height:26px;}
	.tel_login .center_login { font-size:15px; line-height:26px; }	
	.tel_login .right_login { font-size:15px; line-height:26px; }
	
	.ysm{text-align : center;}

	.etc_list {
		display:none;
	}

	.inner {
		display:none;
	}

	.inner_web {
		display:none;
	}

	.noti_gry{
		display:none;
	}
	
	.main_top_back{
		display:none;
	}
	
	#gnb_contain{
		
	}
	
	.for-pc, .for-pc2{
		display:none !important;
	}

	

	.li5033{
		width:50%; list-style:none; float:left;
	}
	
	

	.cus_tab { margin:20px auto 20px;  padding-top:0px;  }

	.signin .dvinfo_right .btn_viewday2 {font-size:14px; }
	
	



.na_search {width:100%; margin:0px auto 0px; }


.btn_right { float:right; width:100%; margin-bottom:20px;  }
.btn_right .btn_search_01  {display:inline-block; font-size:15px;  line-height:30px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center;  }

.btn_right .btn_search_02  {display:inline-block; font-size:15px; line-height:30px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center;  }

.btn_right .btn_search_03  {display:inline-block; font-size:15px; line-height:30px; font-weight:600; overflow:hidden; height:auto;  width:100%; background-color:#1e3e79; color:#fff; text-align:center;  }



.dat_list ul li {  line-height:1.5;  }



.na_search {float:none; text-align:left; width:85%; margin:0px auto 10px; font-size:12px; padding:10px 0px; font-weight:700; color:#2d2d2d; border-top:1px solid #cccccc;  border-bottom:1px solid #cccccc; line-height:35px; letter-spacing:-1px;  }

.na_search2 {float:none;  width:90%; margin:0px auto 10px; font-size:15px; padding:10px 2%; font-weight:700; color:#2d2d2d; border:1px solid #3b62ab; background-color:#f8faff;  line-height:2.5; letter-spacing:-1px;  border-radius:5px;}
.na_search2_na {float:none; width:90%; display:block; margin:0px auto;}
.btn_right2 { float:none; width:90%;   display:block; margin:5px auto; }
.btn_right2 .btn_search_02  {line-height:35px;}

.btn_right { float:none; width:90%;   display:block; margin:5px auto; }
.btn_right .btn_search_02  {line-height:35px;}

.search_na {width:90%; margin:20px auto; }

.signin .check { margin-left:27%;}



	
}

@media screen and (min-width:640px) {

	#wrap:not(.wrap-login) .tel_login br{ display:none; }
	#wrap:not(.wrap-login) .tel_login {height:70px; }
	#wrap:not(.wrap-login) .tel_login .left_login {height:60px;font-size:18px; margin-top : 10px;}
	#wrap:not(.wrap-login) .tel_login .left_login h1 {width:30px; float:left;}
	#wrap:not(.wrap-login) .tel_login .center_login {height:60px;font-size:18px; margin-top : 10px;}
	#wrap:not(.wrap-login) .tel_login .center_login h1 {width:30px; float:left;}
	#wrap:not(.wrap-login) .tel_login .right_login {height:60px;font-size:18px; margin-top : 10px;}
	#wrap:not(.wrap-login) .tel_login .right_login h1 {width:30px; float:left;}


	#wrap:not(.wrap-login) .tel br{ display:none; }
	#wrap:not(.wrap-login) .tel {height:70px; }
	#wrap:not(.wrap-login) .tel .left {height:60px;font-size:18px; margin-top : 15px; padding-left:70px;}
	#wrap:not(.wrap-login) .tel .left h1 {width:30px; float:left;}
	#wrap:not(.wrap-login) .tel .center {height:60px;font-size:18px; margin-top : 15px; padding-left:70px;}
	#wrap:not(.wrap-login) .tel .center h1 {width:30px; float:left;}
	#wrap:not(.wrap-login) .tel .right {height:60px;font-size:18px; margin-top : 15px; padding-left:70px;}
	#wrap:not(.wrap-login) .tel .right h1 {width:30px; float:left;}
	
	.btn_menu{
		display:none;
	}

	#topmenu_sun{
		
	}

	#wrap{
		overflow-x:visible;
	}

	

	.for-mobile{
		display:none !important;
	}

	

}

@media screen and (min-width:1000px) {

	#wrap:not(.wrap-login) .tel_login .left_login {font-size:15px;}
	#wrap:not(.wrap-login) .tel_login .left_login h1 {width:50px;}
	#wrap:not(.wrap-login) .tel_login .center_login {font-size:15px;}
	#wrap:not(.wrap-login) .tel_login .center_login h1 {width:50px;}
	#wrap:not(.wrap-login) .tel_login .right_login {font-size:15px;}
	#wrap:not(.wrap-login) .tel_login .right_login h1 {width:50px;}
	
	#wrap:not(.wrap-login) .tel .left {font-size:20px;}
	#wrap:not(.wrap-login) .tel .center {font-size:20px;}
	#wrap:not(.wrap-login) .tel .right {font-size:20px;}

	.siteinfo .siteinfo_br {display:none;}

	.siteinfo .flogo {display:block;}

}