/* CSS Document */
@charset "utf-8";
#login{position:relative}
#login li{float:left}
#login .L_input{width:68%}
#login .L_input input{margin-bottom:5px; width:97%}
#login .R_button{width:32%}
#login .login{background-color:#4c505c; border:1px solid #000; color:#fff; width:100%; padding:23px; font-size:1.2em !important}
#login .ment{clear:both; padding-top:10px;}
#login .ment img{height:1.1em; vertical-align:middle; width: auto; margin-top:-3px}
/* #login .btn_L, #login .btn_R{padding-top:10px}
#login .btn_L input, #login .btn_R input{width:100%; font-size:1.1em !important; padding:7px}
#login .btn_L{min-width:43%; float:left}
#login .btn_R{width:32%; float:right} */
#login .s_login{margin-top:5px;}
.s_login .f_login_btn, .s_login .n_login_btn, .s_login .k_login_btn{width:100%; padding:7px; color:#fff; border:1px solid #3f3f3f; font-size:1.1em !important;}
.s_login .f_login_btn{background-color:#3a5a98; margin-top:10px;}
.s_login .n_login_btn{background:#3bab36;}
.s_login .k_login_btn{background:#ffe600; color:#333;}
.search_join{margin-top:30px;}
.search_join .bottom_btn_box{padding:15px 0; overflow:hidden;}
.bottom_btn_box p{float:left; color:#717171;}
.bottom_btn_box p span{font-size:1.1em; color:#333; font-weight:600;}
.bottom_btn_box a{width:50%; font-size:1.1em !important; padding:7px; float:right; border:1px solid #3f3f3f; background:url(../img/ic_r_arrow.png) no-repeat 95% 50%;}


#board .big_title{padding-bottom:0px; font-weight:600; font-size:1.3em; position:relative}

#etc{    word-wrap: break-word;}
#join{position:relative}
#join .big_title, #my .big_title, #etc .big_title{padding-bottom:10px; font-weight:600; border-bottom:2px solid #3f3f3f; margin-bottom:10px; position:relative}
#join .f_dgray{font-size:0.9em}
#join .tour_detail_info{margin:10px 0 30px}
#join .tour_detail_info p{display:block; position:relative; line-height:1.8em}	
#join .tour_detail_info .col2-1{width:66%; display:inline-block}
#join .tour_detail_info .col2-2 {display:inline-block; min-width:25%}
#join .tour_detail_info .col2-1 input[type="text"], #join .tour_detail_info .col2-2 input[type="button"] {width:100%}

#join .tour_detail_info p{display:block; position:relative}	
#join .tour_detail_info .col3-1{width:34%; display:inline-block}
#join .tour_detail_info .col3-2 {width:29%; display:inline-block}
#join .tour_detail_info .col3-1 select, #join .tour_detail_info .col3-1 input[type="text"], #join .tour_detail_info .col3-2 input[type="text"] {width:100%}

.join03{text-align:center}
.join03 img{width:80%}

#etc{/*padding-top:4%*/}
#etc .company_find{padding:10px 0; margin-top:20px; border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f}

#board01, #board02, #write{border-top:2px solid #3f3f3f;margin-top:10px; position:relative}
#board01 ul, #board02 ul, #write ul{border-bottom:1px solid #e1e1e1; position:relative}
#board01 li, #board02 li{padding:10px; float:left;box-sizing: border-box; line-height: 1.6em; width:100%; word-wrap: break-word;}
#board01 ul:after, #board02 ul:after, #write ul:after{clear:both; content:""; display:block}
#board01 li.no, #board02 li.no{width:40px; top:0; position:absolute; left:0; padding-left:0; text-align:center}

#board01 li.title{margin-left:35px; width:85%}
#board01 li.title a{padding-right:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block}
#board01 li.title a.es{background:url(http://tourtank.co.kr/coding/img/board/ic_new.jpg) no-repeat right top; padding-right:30px}
#board01 li.title2{font-weight:700; width:100%}
#board01 li.name2{width:100%; color:#aaa; border-bottom:1px solid #e1e1e1}

#board02 li.title{margin-left:11%; width:60%}
#board02 li.title a{padding-right:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block}
#board02 li.title a.es{background:url(http://tourtank.co.kr/coding/img/board/ic_new.jpg) no-repeat right top; padding-right:30px}
#board02 li.name{width:15%}

#write ul{padding-bottom:10px}
#write li {padding:8px 8px 0 8px}
#write li .coment{height:130px !important}
#write li input[type="text"], #write li input[type="password"]{width:100%}
#write li textarea{width:96%}


.pw_pop{position:fixed; top:30%; z-index:999; border:5px solid #000; width:70%; margin:10%; background:#fff; padding:4%; text-align:center}
.pw_pop .pw_title{font-size:1.2em; color:#333; font-weight:600; padding-bottom:20px}
.pw_pop .f_wgray{font-size:0.8em}
.pw_pop .pw_btn{display:inline-block; width:120px; margin-top:10px; clear:both}
.pw_pop .pw_input{width:200px; margin-bottom:5px; margin:0 auto; clear:both}
.pw_pop input[type="password"]{width:100%}

.board-search{width:100%; padding:10px 0; background:#f5f5f5; overflow:hidden; margin-top:20px;}
.board-search .board_search_in{width:80%; margin:0 auto;}
.board-search .board_search_in select{width:25%; height:30px; border:1px solid #d1d1d1; margin-right:1%; background:#fff;}
.board-search .board_search_in input[type="text"]{width:58%; height:30px; border:1px solid #d1d1d1; margin-right:1%;}
.board-search .board_search_in input[type="submit"]{width:15%; height:30px; border:none; background:#3f3f3f; color:#fff;}

.thumbnail_wrap{margin-top:10px; border-top:2px solid #000; padding-top:20px; border-bottom:1px solid #d1d1d1;}
.thumbnail_wrap:after{clear: both; display: block; content: ""}
.thumbnail_wrap .board_thumbnail{width:49%; border:1px solid #d1d1d1; box-sizing:border-box; margin-bottom:20px; float: left; margin-right: 2%}
.thumbnail_wrap .board_thumbnail:nth-child(even){margin-right:0}
.board_thumbnail .thumb_img, .board_thumbnail .thumb_img img{width:100%; height:auto}
.board_thumbnail .thumb_img a{display:block;}
.board_thumbnail .thumb_txt{padding:10px;}
.board_thumbnail .thumb_txt .thumb_title{font-size:1.2em; line-height:1.4em; overflow:hidden; font-weight:600; height:2.8em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap: break-word;}
.board_thumbnail .thumb_txt .thumb_date{margin-top:10px; color:#717171; font-size: 0.9em}
.menu_tab{padding-top:10px;}
.menu_tab, .menu_tab ul{width:100%; overflow:hidden;}
.menu_tab li{position:relative; float:left; width:50%; border-bottom:1px solid #3f3f3f;}
.menu_tab li a{display:block; padding:10px 0; text-align:center; color:#717171; background:#f5f5f5; font-size:1.1em;}
.menu_tab li.active a{background:#3f3f3f; color:#fff; font-weight:600;}


.box_contents2 .more{display: block; width: 45px; font-size: 0.8em; padding: 5px 15px 5px 5px; background: url(http://tdemo.toursell.co.kr/img/btn_aw.png) no-repeat 50px 5px; position: absolute; right: 0; top: 0;  font-weight: normal;}


.leave_txt{padding-bottom:10px; text-align:center}
.leave_txt dt{font-size:1.2em; font-weight:700}
.leave_txt dd{padding:5px 0 15px; color:#aaa}


.m_tabs{margin:10px 0}
.m_tabs .tabs_area{border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; height:36px}
.m_tabs .tabs_area a{display:block; float:left; width:120px; height:15px; padding:10px 0; text-align:center; border-right:1px solid #b5b5b5; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; background:#f7f8f9; color:#999}
.m_tabs .tabs_area a.on{color:#333; background:#fff; border-bottom:1px solid #fff}