@charset "utf-8";

input:focus, textarea:focus, select:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

/*select 우측 패딩 없애기(ie때문)*/
select{padding-right: 0 !important;}

/*폰트*/
.noto_bold{font-family: 'Noto Sans KR Bold';}
.noto_normal{font-family: 'Noto Sans KR';}
.bold{font-weight: bold;}
.fw_n{font-weight:normal !important;}
.red{color: #ed1c24;}
.pink{color: #FF0B9D;}
.color_orange{color: #ff8611;}
.color_mint{color: #009afc;}
.skyblue{color: #009afc;}
.lightgray{color: #D8D8D8 !important;}
.gray888{color: #888 !important;}
.gray666{color: #666 !important;}
.gray333{color: #333 !important;}
.black{color: #000 !important;}
.underline{text-decoration: underline;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs17{font-size: 17px !important;}
.fs18{font-size: 18px !important;}
.fs19{font-size: 19px !important;}
.fs22{font-size: 22px !important;}
.fs25{font-size: 25px !important;}
.sun{font-size: 20px !important;}
.va_b{vertical-align:bottom}
.va_t{vertical-align:top}
.va_m{vertical-align:middle}

/*레이아웃 관련 클래스*/
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.mt10{margin-top: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}
.mb200{margin-bottom: 200px;}
.al_left{text-align: left !important;}
.al_right{text-align: right !important;}
.al_center{text-align: center !important;}
.inline_block{display: inline-block;}
ul.inline_blocks li{display: inline-block; margin-right: 10px;}
.wd100{width: 100%;}
.w_pd10{padding: 0 10px;}
/* input{vertical-align: -2px;} */
.break_no{word-break: keep-all !important;}

/*타이틀*/
.bold_title{font-family: 'Noto Sans KR Bold'; font-size: 20px; color: #000; margin-bottom: 20px;}
.bold_title .normal{font-family: 'Noto Sans KR';}

.service_title{font-size: 30px; text-align: left; color: #000;  } 
.page_title {font-size: 30px; padding-top: 20px; text-align: center; color: #000; 
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    padding-bottom: 88px; background: url(../../images/sub/plan/title_under.jpg) no-repeat center 94px;} 
.page_title2 {font-size: 30px; text-align: center; color: #000;  } 
.detail_title{color: #333; font-size: 17px; font-weight: bold; margin-bottom: 22px;}
.calendar_tit{color: #333; font-size: 52px; text-align: center; margin-bottom: 30px;}
.lang_tit{font-size: 30px; color: #000; margin-bottom: 20px;}
.red_border_tit{font-size: 22px; color: #000; margin-right: 10px; background: url(../../images/sub/lang/rb.jpg) no-repeat 0 4px; padding-left: 10px; font-weight: bold;}
.red_border_tit span{font-size: 20px;}

/*텍스트*/
.normal_cont_gray{font-size: 15px; color: #666; margin-bottom: 10px; line-height: 25px;}
.normal_cont_gray.size17{font-size: 17px;}
.normal_cont_gray p{text-indent: 10px;}
.card_check{color: red; margin-left: 10px;}
.detail_note{margin-bottom: 36px;}
.detail_note li{padding-left: 25px;padding-right: 5px; color: #666; font-size: 17px; background: url(../../images/sub/pop_dot.gif) no-repeat 15px 12px;}
.detail_note2{margin-bottom: 36px;}
.detail_note2 li{padding-left: 35px;padding-right: 5px; color: #090909; font-size: 17px; background: url(../../images/sub/lang/dot.jpg) no-repeat 15px 8px; margin-bottom: 10px;}
.click_text{display: inline-block; font-size: 17px;}
.click_text a{border-bottom: 1px solid #ed1c24;}
.click_text span{margin: 0 10px;}
.tbl_note{font-size: 15px; color: #666; text-align: right; margin-bottom: 5px;}
.normal_note{color: #333; font-size: 17px; line-height: 30px; margin-bottom: 15px;}
.bold_note{font-size: 20px; color: #333; font-weight: bold;}
.bold_note_s{font-size: 15px; color: #333; font-weight: bold;}
.huge_note{font-size: 30px; text-align: center;}
.txt_888{font-size: 17px; color: #888;}
.small_txt14{color: #666; font-size: 14px;}
.promotion{color: #333; font-size: 12px;}

/*상세 페이지의 안내사항*/
.depth1{}
.depth1 > li{margin-bottom: 45px;}
.depth2{margin-left: 20px; margin-bottom: 25px;}
.depth2 > li{}
.depth3{margin-left: 20px; margin-bottom: 20px;}
.depth3 > li{line-height: 30px;}
.depth1 h5,
.depth2 h5,
.depth2 h5{font-size: 17px; color: #333; font-weight: bold; margin-bottom: 15px;}
.depth1 p,
.depth2 p,
.depth3 p{font-size: 17px; color: #666;}
.depth2_lang{margin-left: 35px; margin-bottom: 25px;}
.depth2_lang p{color: #090909; font-size: 17px;}

/*버튼관련*/
.btn_wrap{text-align: center;}
.btn_wrap.four_btns a{width: 12%;}
/* .btn{color: #fff; background: #606060; display: inline-block; text-align: center; padding:4px 7px;border-radius: 4px;} */
/* .btn:hover{background-color:#000000;color:white;border-radius: 4px;} */

.normal_btn{width: 127px; height: 42px; line-height: 42px; color: #fff; background: #606060; display: inline-block; text-align: center; font-size: 17px;border-radius: 4px;}
.normal_btn:hover{background-color:#000000;color:white;border-radius: 4px;}
.normal_btn2{width: 127px; height: 42px; line-height: 42px; color: black;border:1px solid black;border-radius:18px; background: white; display: inline-block; text-align: center; font-size: 17px;border-radius: 4px;}
.normal_btn.light{background: #888;}
.normal_btn.white{background: #fff; color: #000; border: 1px solid #8f8f8f; box-sizing: border-box;}
.normal_btn.white:hover{background-color:#ff4a9f;color:white;border-radius: 4px;}
.round_btn{color: #000; display: inline-block; padding: 0 32px; line-height: 44px; border: 1px solid #4c4c4c; border-radius:22px; font-size: 16px; font-weight: bold;}
.round_btn.blk{color: #fff; border-radius:22px; background: #000;}
.round_btn.red{border-color: #ed1c24;}
.box_btn{display: inline-block; text-align: center; width: 75px; line-height: 32px; border: 1px solid #c3c3c3; font-size: 14px;}
.table_btn{padding: 0 10px; height: 38px; line-height: 38px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #f7f7f7; color: #666; display: inline-block; font-size: 13px; text-align: center;}
.table_btn.white{background: #fff;}
.small_btn{line-height: 34px; box-sizing: border-box; border:1px solid #cacaca; color: #333; font-size: 14px; padding: 0 14px; text-indent: 0; display: inline-block;}
.btn42{line-height: 42px; color: #fff; font-size: 17px; display: inline-block; background: #333;padding: 0 15px;}
.btn42.red_bg{background: #ed1c24;}
.btn42 img{vertical-align: -3px; margin-right: 5px;}
.gray_btn_h34{height: 34px; line-height: 34px; padding: 0 10px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #f7f7f7; color: #666; font-size: 14px; text-align: center; display: inline-block;}
.red_btn{text-align: center; line-height: 50px; background: #ed1c24; font-size: 20px; display: inline-block; color: #fff;}
.thin_gray_btn{background: #606060; padding: 0 10px; color: #fff; box-sizing: border-box; font-size: 17px; text-align: center; line-height: 42px; display: inline-block; font-weight: normal;}
.pink_btn{display: inline-block; width: 200px; line-height: 50px; font-size: 17px; color: #fff; text-align: center; background: #ef376b;}
.blue_btn{display: inline-block; width: 200px; line-height: 50px; font-size: 17px; color: #fff; text-align: center; background: #0068b7;}

/*말줄임표*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/*이미지영역*/
.responsible_img{text-align: center; margin-bottom: 70px;}
.responsible_img img{width: 100%;}

/*좌우 배치*/
.lr_wrap{margin-bottom: 60px;}
.lr_wrap .left{float: left;}
.lr_wrap .right{float: right;}

/*제이쿼리 달력팝업*/
.datepicker{width:340px;}

/*필수입력 별표*/
.necessary{color: #ed1d25; font-size: 25px; vertical-align: -5px; margin-left: 2px;}

/*라디오버튼, 체크박스 크기*/
input[type=radio].resp,
input[type=checkbox].resp{width: 20px; height: 20px; vertical-align: -4px;}

/*textarea*/
textarea{width: 100%; height: 380px; resize: none;}

/*파일업로드*/
table td.upload input[type=text]{width: 60%;}
table td.upload a{vertical-align: -1.5px;}

/*input과 select*/
.input_wrap{color: #666; font-size: 17px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 15px;}
input.input38{height: 38px !important; border: 1px solid #ccc; box-sizing: border-box; width: 90px; vertical-align: 0;}
.select38{height: 38px; border: 1px solid #ccc; box-sizing: border-box; width: 140px;}

/*탭*/
.tabs{margin-bottom: 28px;}
.tabs .tabs_cont .tabs_wrap .tab{float: left; width: 20%; box-sizing: border-box;}
.tabs .tabs_cont .tabs_wrap.cf .tab{float: left; width: 20%; box-sizing: border-box;}
.tabs .tabs_cont .tabs_wrap.five .tab{width: 20%;}
.tabs .tabs_cont .tabs_wrap.six .tab{width: 16.66%;}
.tabs .tabs_cont .tabs_wrap.tab5 .tab{width: 20%;}
.tabs .tabs_cont .tabs_wrap.tab7 .tab{width: 14.28%;}
.tabs .tabs_cont .tabs_wrap .tab a{font-size: 15px; color: #666; font-weight: bold; border: 1px solid #ccc; border-left: none; height: 58px; line-height: 58px; display: block; text-align: center; box-sizing: border-box;}
.tabs .tabs_cont .tabs_wrap.long .tab a{font-size: 15px; height: 80px; line-height: normal; padding-top: 20px; word-break: keep-all;}
.tabs .tabs_cont .tabs_wrap .tab:first-child a{border-left: 1px solid #ccc;}
.tabs .tabs_cont .tabs_wrap .tab.on a{color: #fff; background: #281c5c; border-color: #281c5c;}
.tabs .move_img{text-align: center; }
.tabs .tabs_cont .tabs_wrap.tab5 .tab a.no_bt{border-top: none;}
.tabs .tabs_cont .tabs_wrap.tab5 .tab:nth-child(5n+1) a.no_bt{border-left: 1px solid #ccc;}

.detail_tabs{border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 44px;}
.detail_tabs li{width: 168px; float: left; position: relative; top:1px;}
.detail_tabs li a{height: 49px; line-height: 49px; display: block; text-align: center; color: #666; background: #f1f1f1; font-size: 17px; font-weight: bold; border: 1px solid #ccc; border-left: none;}
.detail_tabs li.on a{background: #fff; border-bottom:1px solid #fff;}

.detail_tabs.red_ver{border-bottom: 1px solid #ed1d25; border-left:none;}
.detail_tabs.red_ver li a{border-bottom: 1px solid #ed1d25;}
.detail_tabs.red_ver li.on a{background: #fff; border: 1px solid #ed1d25; border-bottom:1px solid #fff; color: #ed1d25;}

.red_tabs{border-bottom: 1px solid #ed1d25; border-left: none; margin-bottom: 44px;}
.red_tabs li{width: 168px; float: left; position: relative; top:1px;}
.red_tabs li a{height: 49px; line-height: 49px; display: block; text-align: center; color: #666; background: #f1f1f1; font-size: 17px; font-weight: bold; border: 1px solid #ccc; border-left: none; border-bottom: 1px solid #ed1d25;}
.red_tabs li.on a{background: #fff; border:1px solid #ed1d25; border-bottom:1px solid #fff; color: #ed1d25;}
.red_tabs.six li{width: 16.66%;}

.skyblue_tab{text-align: justify; margin-bottom: 10px;}
.skyblue_tab:after {content:'';display:inline-block;width:100%}
.skyblue_tab li{width: 19.5%; display: inline-block;}
.skyblue_tab li a{display: block; line-height: 50px; background: #f1f1f1; color: #666; font-size: 17px; font-weight: bold; text-align: center;}
.skyblue_tab li.on a{background: #009afc; color: #fff;}

/*박스*/
.gray_box{border: 1px solid #e5e5e5; background: #fbfbfb; padding: 26px 0; text-align: center; margin-bottom: 70px;}
.gray_box select{width: 23%; height: 42px; padding: 0 10px; font-size: 17px; margin: 2px 0.3%;}
.gray_box.select_short select{width: 16%;}
.gray_box input[type=text]{height: 42px; vertical-align: 2.5px;}
.gray_box.detail_note{text-align: left; color: #888; font-size: 14px; font-weight: bold; padding: 20px;}
.gray_box.detail_note b{color: #333;}
.gray_box.search select{color: #333; margin-right: 0px; width: 20%;}
.gray_box.search input{color: #333; width: 30%;}
.gray_box.long input[type=text]{width: 60%;}

.normal_box{border: 1px solid #e5e5e5; padding: 40px 10px; text-align: center; margin-bottom: 33px;}
.normal_box2{border: 1px solid #575d65; padding: 40px 10px; margin-bottom: 33px;}

.normal_box.stop_content{text-align: left; color: #313E42; font-size: 14px; font-weight: bold; padding: 20px;}

.quantity_box{}
.quantity_box input{float: left; cursor: pointer;}
.quantity_box span{float: left; width: 51px; line-height: 32px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #666; font-size: 14px; text-align: center;}


.quantity_box1 input{float: left; cursor: pointer;}
.quantity_box1 span{float: left; width: 51px; line-height: 32px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #666; font-size: 14px; text-align: center;}

/*** 상품옵션 추가수정 (180612) ***/
.quantity_box1 { width: 100%; }
.quantity_box1 a { float: left; }
.quantity_box1 a.btn_option_del, .quantity_box a.btn_option_del{background: url(//www.eyes.co.kr/img/common/btn_x.gif) no-repeat; background-size: 18px;
								float: left; width: 20px; height: 15px; text-indent: -9999px; font-size: 0; line-height: 0; margin: 10px 5%;  }

.quantity_box1 p, .quantity_box p { float: left; min-width: 20%; margin-right: 5%; line-height: 35px; } 

.he105_box{border: 1px solid #e5e5e5; padding: 26px 20px; margin-bottom: 33px; height: 105px; box-sizing: border-box; position: relative;}

/*select*/
select.select_42{height: 42px; box-sizing: border-box; font-size: 15px; color: #333; border: 1px solid #ccc;}

/*로딩이미지*/
.loading{position: absolute; top: 12px; left: 50%; margin-left: -40px;}

/*페이지버튼*/
.pagination_wrap{text-align: center; margin-bottom: 100px;}
ul.pagination {display: inline-block; font-size:15px; border-left: 1px solid #e5e5e5;}
ul.pagination li {float: left;}
ul.pagination li a {display: block;width:35px; height: 35px; border:1px solid #e5e5e5; border-left: none; color: #666; text-align: center; padding-top: 6px; box-sizing: border-box;}
ul.pagination li a.active {color:#fff;border:1px solid #281c5c;background-color:#281c5c;}
ul.pagination li a img{vertical-align: 6px;}
ul.pagination li.btn_prevNext a{padding-top: 12px;}

/*테이블*/
.basic_tbl{border-top: 2px solid #414141; margin-bottom: 30px; font-weight: bold;}
.basic_tbl th{padding: 14px 10px; background: #f9f9f9; border-bottom: 1px solid #e0e0e0; text-align: left; color: #333; font-size: 15px;}
.basic_tbl td{padding: 14px 8px; border-bottom: 1px solid #e0e0e0; color: #333;font-size: 15px;}
.basic_tbl.color666 td{color: #666;}
.basic_tbl.color888 td{color: #888;}
.basic_tbl td input[type=text],
.basic_tbl td input[type=password]{border: 1px solid #ccc; height: 40px; width: 180px;}
.basic_tbl td input[type=radio]{margin-right: 3px;}
.basic_tbl td input.with_btn{width: 80%; margin-right: 5px;}
.basic_tbl td .note{font-size: 14px; color: #888; display: inline-block;}
.basic_tbl td input.num{width: 55px;}
.basic_tbl td select{color: #333; height: 40px; vertical-align: -2px; width: 50px; border: 1px solid #ccc;}
.basic_tbl td select.long{width: 180px;}
.basic_tbl td .lower{display: inline-block;}
.basic_tbl td .lower select{width: 150px;}
.basic_tbl.thick th{padding: 26px 10px;}
.basic_tbl.thick td{padding: 18px;}
.basic_tbl.center th{padding: 14px 3px; text-align: center; border-left: 1px solid #e0e0e0;}
.basic_tbl.center th:first-child{border-left: none}
.basic_tbl.center td{padding: 14px 5px; text-align: center; border-left: 1px solid #e0e0e0;}
.basic_tbl.center td:first-child{border-left: none}
.basic_tbl.border th{border-left: 1px solid #e0e0e0;}
.basic_tbl.border th:first-child{border-left: none}
.basic_tbl.border td{border-left: 1px solid #e0e0e0;}
.basic_tbl.border td:first-child{border-left: none;}
.basic_tbl.break td{word-break: break-all;}
.basic_tbl.thick td .address1{width: 50%; margin-right: 3px;}
.basic_tbl.thick td .address2{width: 40%;}
.basic_tbl label{word-break: keep-all;}
.basic_tbl select {width: 220px;}
.basic_tbl.no_border th,
.basic_tbl.no_border td{border: none; border-bottom: 1px solid #e0e0e0;}

.basic_tbl .product{padding: 4px !important; text-align: left !important; text-align: center !important;}
.basic_tbl .product .upper{}
.basic_tbl .product .upper img{height: 117px;}
.basic_tbl .product .lower{margin-left: 0; text-align: center;}
.basic_tbl .product .lower h6{font-size: 17px; color: #333; display: inline-block; margin: 10px 5px;}
.basic_tbl tr td input.cart_quantity{font-size: 17px; color: #666; width: 62px; height: 34px; text-align: center; margin-right: 3px;}
.basic_tbl button{display: inline-block; vertical-align: -1.5px;}
.basic_tbl .product .lower p{font-size: 14px; color: #666;}
.basic_tbl .r_result{text-align: right !important; color: #333 !important; font-size: 15px;}

.basic_tbl tfoot td{background: #fff6cf; color: #333; font-size: 17px; font-weight: bold; border-bottom: 1px solid #bfbfbf;}

.lang_tbl{text-align: center; border-bottom: 1px solid #514f65; margin-bottom: 80px;}
.lang_tbl thead th{font-size: 17px; border-top: 2px solid #9d9ca8; border-bottom: 2px solid #9d9ca8; background: #f4f4f4; color: #090909; font-weight: normal; padding: 12px 10px;}
.lang_tbl td{font-size: 17px; padding: 15px 10px; border-bottom: 2px solid #f2f2f2;}
.lang_tbl td.bold_blk{color: #141414; font-weight: bold;}


.basic_tbl.center tr:not(:first-child) th:first-child { border-left: 1px solid #e0e0e0; }
.basic_tbl.center td.red { border-left: 1px solid #e0e0e0; }

/*테이블*/
.basic2_tbl{font-weight: bold;}
.basic2_tbl th{padding: 14px 10px;text-align: right; color: #777; font-size: 15px;}
.basic2_tbl td{padding: 14px 8px; color: #777;font-size: 15px;}
.basic2_tbl td span{padding: 14px 8px; color: #777;font-size: 15px; vertical-align: middle;}
.basic2_tbl.color666 td{color: #666;}
.basic2_tbl.color888 td{color: #888;}
.basic2_tbl td input[type=text],
.basic2_tbl td input[type=password]{border: 1px solid #ccc; height: 40px; width: 180px;}
.basic2_tbl td input[type=radio]{margin-right: 3px;}
.basic2_tbl td input.with_btn{width: 80%; margin-right: 5px;}
.basic2_tbl td .note{font-size: 14px; color: #888; display: inline-block;}
.basic2_tbl td input.num{width: 55px;}
.basic2_tbl td select{color: #333; height: 40px; vertical-align: -2px; width: 50px; border: 1px solid #ccc;}
.basic2_tbl td select.long{width: 180px;}
.basic2_tbl td .lower{display: inline-block;}
.basic2_tbl td .lower select{width: 150px;}
.basic2_tbl.thick th{padding: 26px 10px;}
.basic2_tbl.thick td{padding: 18px;}
.basic2_tbl.center th{padding: 14px 3px; text-align: center; border-left: 1px solid #e0e0e0;}
.basic2_tbl.center th:first-child{border-left: none}
.basic2_tbl.center td{padding: 14px 5px; text-align: center; border-left: 1px solid #e0e0e0;}
.basic2_tbl.center td:first-child{border-left: none}
.basic2_tbl.border th{border-left: 1px solid #e0e0e0;}
.basic2_tbl.border th:first-child{border-left: none}
.basic2_tbl.border td{border-left: 1px solid #e0e0e0;}
.basic2_tbl.border td:first-child{border-left: none;}
.basic2_tbl.break td{word-break: break-all;}
.basic2_tbl.thick td .address1{width: 50%; margin-right: 3px;}
.basic2_tbl.thick td .address2{width: 40%;}
.basic2_tbl label{word-break: keep-all;}
.basic2_tbl select {width: 220px;}
.basic2_tbl.no_border th,
.basic2_tbl.no_border td{border: none; border-bottom: 1px solid #e0e0e0;}

.basic2_tbl .product{padding: 4px !important; text-align: left !important; text-align: center !important;}
.basic2_tbl .product .upper{}
.basic2_tbl .product .upper img{height: 117px;}
.basic2_tbl .product .lower{margin-left: 0; text-align: center;}
.basic2_tbl .product .lower h6{font-size: 17px; color: #333; display: inline-block; margin: 10px 5px;}
.basic2_tbl tr td input.cart_quantity{font-size: 17px; color: #666; width: 62px; height: 34px; text-align: center; margin-right: 3px;}
.basic2_tbl button{display: inline-block; vertical-align: -1.5px;}
.basic2_tbl .product .lower p{font-size: 14px; color: #666;}
.basic2_tbl .r_result{text-align: right !important; color: #333 !important; font-size: 15px;}

.basic2_tbl tfoot td{background: #fff6cf; color: #333; font-size: 17px; font-weight: bold; border-bottom: 1px solid #bfbfbf;}

.lang_tbl{text-align: center; border-bottom: 1px solid #514f65; margin-bottom: 80px;}
.lang_tbl thead th{font-size: 17px; border-top: 2px solid #9d9ca8; border-bottom: 2px solid #9d9ca8; background: #f4f4f4; color: #090909; font-weight: normal; padding: 12px 10px;}
.lang_tbl td{font-size: 17px; padding: 15px 10px; border-bottom: 2px solid #f2f2f2;}
.lang_tbl td.bold_blk{color: #141414; font-weight: bold;}


.basic2_tbl.center tr:not(:first-child) th:first-child { border-left: 1px solid #e0e0e0; }
.basic2_tbl.center td.red { border-left: 1px solid #e0e0e0; }

/* 국제전화이용안내 테이블 타이틀 */
.tab-title { width: 100%; height: 50px; background: #414141; text-align: center; line-height: 50px; color: #fff; font-size: 18px; margin-bottom: 30px;}

/*테이블 위 조회 결과, 페이지 등*/
.tbl_upper{margin-bottom: 12px;}
.tbl_upper .left{float: left; margin-top: 17px;}
.tbl_upper .left p{color: #333; font-size: 17px;}
.tbl_upper .right{float: right;}
.tbl_upper .right select{width: 150px; height: 42px; border: 1px solid #ccc; font-size: 15px;}
.tbl_upper .right span{margin-right: 15px;}
.tbl_upper .right span input{width: 20px; height: 20px; vertical-align: -4px; margin-right: 3px;}
.tbl_upper .right span label{font-size: 17px; color: #666;}
.tbl_upper .right.red { font-weight: 900; margin-bottom: 5px;}

/*팝업창*/
.popup{padding: 10px 36px 60px;}
.popup h2{margin-bottom: 30px; color: #333; font-size: 20px;}
.popup .cont_wrap{margin-bottom: 70px;}
.popup .cont_wrap .cont{width: 100%;}
.popup .cont_wrap .cont .left{width: 48%; float: left;}
.popup .cont_wrap .cont .right{width: 48%; float: right;}
.popup .cont_wrap .cont .right ul{}
.popup .cont_wrap .cont .right ul li{color: #333; font-size: 17px; margin-bottom: 20px; background: url(../../images/sub/pop_dot.gif) no-repeat 5px center; padding-left: 20px;}
.popup .cont_wrap .cont .right ul li span{color: #666; margin-right: 5px;}
.popup .btn_area{text-align: center;}

/*모달팝업*/
.modal_pop,
.modal_pop2{display: none;}
.mask{position: fixed; left:0; top:0; width: 100%; height: 100%; background: url(../../images/sub/mask.png) repeat; z-index: 500;}
.mask_no_click{position: fixed; left:0; top:0; width: 100%; height: 100%; background: url(../../images/sub/mask.png) repeat; z-index: 500;}/*참고: class mask는 배경 클릭시 모달팝업이 닫히고 mask_no_click은 안닫힘*/
.pop_wrap{position: fixed; left:50%; margin-left: -170px; top:150px; width: 340px; background: #fff; z-index: 510; padding: 10px 20px 30px; box-sizing: border-box; text-align: center;}
.pop_wrap h3{margin-bottom: 15px;}
.pop_wrap h3 input{float: right; margin-top: 5px;}
.pop_wrap h4{color: #333; font-size: 15px; margin-bottom: 20px;}
.pop_wrap .input_wrap{margin-bottom: 25px;}
.pop_wrap .input_wrap select{height: 38px; vertical-align: -2px; font-size: 14px; width: 60px;}
.pop_wrap .input_wrap input[type=text]{height: 38px; width: 80px; font-size: 14px;}
.pop_wrap p{font-size: 14px; color: #888;}
.pop_wrap.responsibe{width: 60%; margin-left: -30%; position: absolute; padding-bottom: 50px;}
.pop_wrap .bold_title{text-align: left; font-size: 20px;}
.cont_3boxes li{display: inline-block;}
.pop_wrap input[type=password]{height: 38px; border: 1px solid #ccc; width: 250px; margin-bottom: 30px; text-align: center; font-size: 22px;}

.pop_wrap2{position: fixed; background: #fff; z-index: 510; padding: 10px 20px 10px; box-sizing: border-box; text-align: center;}
.pop_wrap2 h3{margin-bottom: 15px;}
.pop_wrap2 h3 input{float: right; margin-top: 5px;}
.pop_wrap2 h4{color: #333; font-size: 15px; margin-bottom: 20px;}
.pop_wrap2 .input_wrap{margin-bottom: 25px;}
.pop_wrap2 .input_wrap select{height: 38px; vertical-align: -2px; font-size: 14px; width: 60px;}
.pop_wrap2 .input_wrap input[type=text]{height: 38px; width: 80px; font-size: 14px;}
.pop_wrap2 p{font-size: 14px; color: #888;}
.pop_wrap2.responsibe{position: absolute; left:50%; margin-left:-220px }
.pop_wrap2 .bold_title{text-align: left; font-size: 20px;}
.cont_3boxes li{display: inline-block;}
.pop_wrap2 input[type=password]{height: 38px; border: 1px solid #ccc; width: 250px; margin-bottom: 30px; text-align: center; font-size: 22px;}

/* 이미지업로드 */
.imageBox
{
    position: relative;    height: 400px;   ;
    border:1px solid #aaa;    background: #fff;    overflow: hidden;
    background-repeat: no-repeat;    cursor:move;    margin: auto;
}

.imageBox .thumbBox
{
    position: absolute;    top: 50%;    left: 50%;    width: 200px;    height: 200px;    margin-top: -100px;
    margin-left: -100px;    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner
{
    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;
    text-align: center;    line-height: 400px;    background: rgba(0,0,0,0.7);
}
input.upload {
    position: absolute;
    bottom: -300px;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*댓글*/
.reply_write{border: 1px solid #e0e0e0; padding: 20px; margin-bottom: 30px;}
.reply_write .upper{margin-bottom: 15px;}
.reply_write .upper span{color: #666; font-size: 17px; font-weight: bold; margin-right: 10px;}
.reply_write input{border: 1px solid #ccc; height: 38px;}
.reply_write .name{}
.reply_write .lower{text-align: center;}
.reply_write .write_cont{width: 100%; margin-bottom: 15px;}

.reply_list{border-top: 1px solid #e0e0e0;}
.reply_list th,
.reply_list td{padding: 27px 10px; color: #666; font-size: 17px; border-bottom: 1px solid #e0e0e0;}
.reply_list th{font-weight: bold;}
.reply_list td span{font-size: 14px; color:
#888; margin-left: 10px; display: inline-block;}

/*아이콘*/
.icon{display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #fff; font-size: 11px; box-sizing: border-box; padding-left: 2px; border-radius: 2px; background: #000;}
.icon.lprpl{background: #8062b2;}
.icon.yllw{background: #faa731;}
.icon.ornge{background: #f05a23;}
.icon.mnt{background: #009afc;}
.icon.grn{background: #66a942;}
.icon.blu{background: #314acc; padding-left: 3px;}
.icon.prpl{background: #af4dbe; padding-left: 4px;}
.icon.blugrn{background: #2aae89;}

/*********************** PC만 *************************/
@media screen and (min-width:980px){
	/*레이아웃*/
	.hide_pc{display: none;}
}

/*********************** 태블릿과 모바일 *************************/
@media screen and (max-width:979px){
    .basic_tbl tr td input.cart_quantity{margin-right: 0px; margin-bottom: 3px;}
    .basic2_tbl tr td input.cart_quantity{margin-right: 0px; margin-bottom: 3px;}
    .gray_box.search select{width: 20%;}
    .gray_box.search input{width: 30%;}
    
    .pop_wrap.responsibe{width: 95%; margin-left: -47.5%; position: absolute;}
    .basic_tbl.m_lower{border-top: none;}
    .basic2_tbl.m_lower{border-top: none;}
}


/*********************** 태블릿만 *************************/
@media screen and (min-width:760px) and (max-width:979px){
	.hide_tablet{display: none;}
    
    .gray_box select{width: 45%; margin: 2px 4px;}
    
    .basic_tbl.thick th,
    .basic_tbl.thick td{padding: 20px 10px;}
    .basic2_tbl.thick th,
    .basic2_tbl.thick td{padding: 20px 10px;}
    .gray_box.select_short select{width: 19%; margin: 0 1px 5px;}
    
    .skyblue_tab li a{font-size: 15px;}
    .lang_tbl thead th{font-size: 14px;}
    .lang_tbl td{font-size: 14px;}
}


/*********************** 모바일만 *************************/
@media screen and (max-width:759px){
	/*레이아웃*/
	.hide_mobile{display: none;}
    
    /*이미지영역*/
    .responsible_img{margin-bottom: 40px;}
    
    .pop_wrap2{position: fixed; background: #fff; z-index: 510; padding: 10px 5px 10px; box-sizing: border-box; text-align: center;}
    .pop_wrap2 h3{margin-bottom: 15px;}
    .pop_wrap2 h3 input{float: right; margin-top: 5px;}
    .pop_wrap2 h4{color: #333; font-size: 15px; margin-bottom: 20px;}
    .pop_wrap2 .input_wrap{margin-bottom: 25px;}
    .pop_wrap2 .input_wrap select{height: 38px; vertical-align: -2px; font-size: 14px; width: 60px;}
    .pop_wrap2 .input_wrap input[type=text]{height: 38px; width: 80px; font-size: 14px;}
    .pop_wrap2 p{font-size: 14px; color: #888;}
    .pop_wrap2.responsibe{position: absolute; left:50%; margin-left:-187px }
    .pop_wrap2 .bold_title{text-align: left; font-size: 20px;}
    .cont_3boxes li{display: inline-block;}
    .pop_wrap2 input[type=password]{height: 38px; border: 1px solid #ccc; width: 250px; margin-bottom: 30px; text-align: center; font-size: 22px;}

    /* 이미지업로드 */
    .imageBox
    {
        position: relative;    height: 330px;    width: 100%;
        border:1px solid #aaa;    background: #fff;    overflow: hidden;
        background-repeat: no-repeat;    cursor:move;    margin: auto;
    }

    .imageBox .thumbBox
    {
        position: absolute;    top: 50%;    left: 50%;    width: 200px;    height: 200px;    margin-top: -100px;
        margin-left: -100px;    border: 1px solid rgb(102, 102, 102);
        box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);    background: none repeat scroll 0% 0% transparent;
    }

    .imageBox .spinner
    {
        position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;
        text-align: center;    line-height: 400px;    background: rgba(0,0,0,0.7);
    }

    /*타이틀*/
    .service_title{font-size: 25px; background:none;} 
    .page_title{font-size: 25px; background:none;padding-bottom: 33px;} 
    
    .detail_title{color: #333; font-size: 17px; font-weight: bold; margin-bottom: 22px;}
	
    /*폰트*/
    .m_font_11{font-size: 11px;}
    
    /*테이블*/
    .basic_tbl td .lower{margin-top: 10px; display: block;}
    .basic_tbl td .lower input{width: 50%;}
    .basic_tbl td .lower select{width: 200px; margin-top: 3px;}
    .basic_tbl.m_small td,
    .basic_tbl.m_small th{font-size: 12px;}
    .basic_tbl.m_11small td,
    .basic_tbl.m_11small th{font-size: 11px;}
    .basic_tbl.thick th,
    .basic_tbl.thick td{padding: 18px 5px;}
    .basic_tbl td select.long{width: 100%; max-width: 200px;}
    .basic_tbl td input[type=text],
    .basic_tbl td input[type=password]{width: 100%; max-width: 200px; margin-top: 3px;}
    .basic_tbl td .calendar{margin-top: 10px; display: inline-block;}
    .basic_tbl.thick td .address1{width: 100%; margin-right: 0px; margin-bottom: 3px;}
    .basic_tbl.thick td .address2{width: 100%;}
    .basic_tbl .small_btn.red{font-size: 11px; padding: 5px 1px; line-height: 14px;}

    .basic2_tbl td .lower{margin-top: 10px; display: block;}
    .basic2_tbl td .lower input{width: 50%;}
    .basic2_tbl td .lower select{width: 200px; margin-top: 3px;}
    .basic2_tbl.m_small td,
    .basic2_tbl.m_small th{font-size: 12px;}
    .basic2_tbl.m_11small td,
    .basic2_tbl.m_11small th{font-size: 11px;}
    .basic2_tbl.thick th,
    .basic2_tbl.thick td{padding: 18px 5px;}
    .basic2_tbl td select.long{width: 100%; max-width: 200px;}
    .basic2_tbl td input[type=text],
    /* .basic2_tbl td input[type=password]{width: 100%; max-width: 200px; margin-top: 3px;} */
    .basic2_tbl td input[type=password]{width: 100%; margin-top: 3px;} */
    .basic2_tbl td .calendar{margin-top: 10px; display: inline-block;}
    .basic2_tbl.thick td .address1{width: 100%; margin-right: 0px; margin-bottom: 3px;}
    .basic2_tbl.thick td .address2{width: 100%;}
    .basic2_tbl .small_btn.red{font-size: 11px; padding: 5px 1px; line-height: 14px;}
    
    .lang_tbl thead th{font-size: 12px;}
    .lang_tbl td{font-size: 12px;}
    
    /*탭*/
    .tabs{margin-bottom: 28px;}
    .detail_tabs li{width: 25%;}
    .detail_tabs li a{font-size: 12px;}
    .detail_tabs.m_long li{width: 32%;}
    .red_tabs li{width: 25%;}
    .red_tabs li a{font-size: 14px;}
    .red_tabs.m_long li{width: 32%;}
    .skyblue_tab li{width: 20%; float: left; border-right: 2px solid #fff; box-sizing: border-box; margin-bottom: 2px;}
    .skyblue_tab li a{font-size: 13px;}
    .red_tabs.six li a{font-size: 12px; letter-spacing: -1.9px;}
    
    /*상세 페이지의 안내사항*/
    .depth1 p{font-size: 14px; color: #666;}

    /* 버튼 */
    /* .normal_btn{width: 30%; height: 42px; line-height: 42px; color: #fff; background: #606060; display: inline-block; text-align: center; font-size: 17px;border-radius: 4px;}
    .normal_btn2{width: 30%; height: 42px; line-height: 42px; color: black;border:1px solid black;border-radius:18px; background: white; display: inline-block; text-align: center; font-size: 17px;border-radius: 4px;} */

    /*박스*/
    .gray_box select{width: 280px; font-size: 14px;}
    .gray_box.select_short select{width: 90%;}
    .gray_box.select_short .normal_btn{margin-top: 10px;}
    .gray_box.search select{width: 30%; vertical-align: 2px;}
    .gray_box.search input{width: 30%;}
    .gray_box.long select{width: 95%; margin: 0; margin-bottom: 5px;}
    .gray_box.long input[type=text]{width: 95%; margin-bottom: 5px;}
    
    /*팝업창*/
    .popup{padding: 10px 10px 40px;}
    .popup .cont_wrap{margin-bottom: 30px;}
    .popup .cont_wrap .cont .left{width: 100%; margin-bottom: 10px;}
    .popup .cont_wrap .cont .right{width: 100%;}
    
    /*테이블 위 조회 결과, 페이지 등*/
    .tbl_upper .left p{font-size: 14px;}
    .tbl_upper .right select{width: 100px; height: 42px; border: 1px solid #ccc; font-size: 14px;}
    .tbl_upper .right span{margin-right: 5px; vertical-align: -5px;}
    .tbl_upper .right span input{width: 15px; height: 15px; vertical-align: -4px; margin-right: 0px;}
    .tbl_upper .right span label{font-size: 14px;}    

    .cont_3boxes li{display: block; margin-bottom: 10px;}
    
    /*라디오버튼, 체크박스 크기*/
    input[type=radio].resp,
    input[type=checkbox].resp{width: 20px; height: 20px; vertical-align: -4px;}

    /*버튼*/
    .btn_responsible{width: 100px;}
    .btn_responsible120{width: 120px;}
    
    /*텍스트*/
    .huge_note{font-size: 20px;}
}

.detail_tabs.red_ver.red_bg li.on a{background: #ed1d25; color: #fff; border-bottom: 1px solid #ed1d25;}

/** 20180430 추가 모바일 **/
.gray_box2 {position:relative; border: 1px solid #e5e5e5; background: #f5faff; padding: 20px 20px; text-align: left; margin-bottom: 70px;font-size:17px;}
.fssm {font-size: 90% !important;}
.fs15 {font-size: 15px !important;}
.event_detail .tlft {text-align:left; padding:15px 15px;}
.nblu {color:#009afc;}
.bell {background: url(../../images/sub/bell.png) left 5px no-repeat; padding-left:25px;}
.cls {position:absolute; top:14px; right:14px;}

.bdline {border:1px solid red;}

.gray_box3 {border-top: 1px solid #e0e0e0; padding: 15px 20px; text-align: left; font-size:17px;}

.movr {cursor:pointer;}

.mgtp10{margin-top:10px;}

.mgtp05{margin-top:5px; letter-spacing: 0;}
/** 20180430 추가 모바일 **/


/* on/off 버튼*/
.switch {
	position: relative;
	display: inline-block;
	width: 58px;
	height: 28px;
	vertical-align:middle;
  }
   
  /* Hide default HTML checkbox */
  .switch input {display:none;}
   
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
   
  .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
   
  input:checked + .slider {
	background-color: #2196F3;
  }
   
  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
   
  input:checked + .slider:before {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
  }
   
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
   
  .slider.round:before {
	border-radius: 50%;
  }