@charset "euc-kr";
@import url(layout.css);
@import url(table.css?d=20170125);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);



/*********** Base Style ***********/
* { margin: 0; padding: 0; border: 0;}
html {}  /* ±âº» ½ºÅ©·Ñ Á¦°Å */
body{height:100%;}  /* ´ëÃ¼ ½ºÅ©·Ñ »ý¼º */


/*html {_overflow-y:hidden;}   ±âº» ½ºÅ©·Ñ Á¦°Å */
/*body{ height:100%; _overflow-y:auto;}  /* ´ëÃ¼ ½ºÅ©·Ñ »ý¼º */


body,th,td,div,p {font-family: 'Noto Sans KR','Nanum Gothic','NanumGothic','ng','³ª´®°íµñ',  "¸¼Àº °íµñ", "µ¸À½", "tahoma", sans-serif; font-size: 15px; color: #444; font-weight:300; letter-spacing:-0.5px;}
a {outline: none; text-decoration:none;}
a:hover,a:link { outline: none;text-decoration:none;} /* underline */

/*none : ±âº»°ª, ÅØ½ºÆ®±âº»
/*underline: ¾ÞÄ¿ ÅÂ±×¿Í °°Àº ¹ØÁÙ È¿°ú
/*overline: À­ÁÙ È¿°ú
/* line-through : Áß¾Ó¿¡ ÁÙ È¿°ú

/* ¸µÅ© °É¾úÀ»¶§ ÁÖÀ§¿¡ Å×µÎ¸® Á¡¼± ¾ø¾Ö±â */
a,img,span {outline: none;text-decoration:none; selector-dummy: expression(this.hideFocus=true);}

input,textarea,select {vertical-align:middle;}

div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
img {vertical-align: middle; border: 0;}
img .middle {vertical-align:middle; margin-bottom:3px;}
img .top {vertical-align:top; margin-top: 3px;}
img .block {display:block;}
h1 img,h2 img,h3 img {vertical-align: top; }
h1,h2,h3,h4,h5 {font-size: 12px; line-height: 16px;}
ol,ul,li {list-style: none;}
fieldset, img {border: none;}
hr {display:none;}
form {display:inline;}
div .hide {display:none;}
table {border-collapse: collapse;}
table caption {display:none;}
legend {display:none;}
em { font-style: normal;}


/***************************** ¼³¸í¹Ú½º ¼û±â±â class *******************************/

.hidden_t {font-size:0;line-height:0;margin-left:-1600px;}
.radio{vertical-align: middle;}

/***************************** ±âº» class *******************************/

.tRight {text-align:right;}
.tLeft {text-align:left;}
.tCenter {text-align:center;}
.tCenter2 {margin:0 auto;}
.btnR {margin-bottom:15px; text-align:right;}
.btnC {margin-bottom:15px; text-align:center;}
.line{height:1px; background:#e7e7e7; font-size:0; line-height:0;}/** ±âº» ¶óÀÎ **/
.b {font-weight:bold;}/** ±½Àº ÅØ½ºÆ® **/
.hand {cursor: pointer; }/** ÀÌ¹ÌÁö¿¡ onClick Ã³¸®ÇßÀ» ¶§ ¼Õ¹Ù´Ú ¸ð¾ç ¸¸µé±â **/
.clr {clear:both; font-size:0; line-height:0;}/** ÇÃ·ÎÆÃ µÈ ¿ä¼Ò¸¦ clearÇÏ±â **/
.png24 {tmp:expression(setPng24(this));}

.dInput{border:1px solid #d5d5d5;color: #4a433d;background: #FFF;font-size: 12px;padding:2px;height:15px;line-height:15px;}
.dSelect{border:1px solid #d5d5d5;color: #4a433d;background: #FFF;font-size: 12px;}

/*********COLOR********************************************************************************************/

.orange { color:#ea8663; }
.white { color:#ffffff; }
.pink { color:#ff7693; }
.skyb{ color:#8cb5ed; }
.green { color:#55860b; }
.purple { color:#a82741; }
.blue { color:#0958ab; }
.brown { color:#861917; }
.wbrown { color:#9b8974; }
.dbrown { color:#5a4f41; }
.red { color:#ea0000; }
.gray { color:#a0a0a0 ; }
.wgray { color:#a0a0a0 ; }
.dgray { color:#a0a0a0 }
.yellow {color: #ffde29;}
.blac { color: #000;}
.pointC { color: #ac66e3;}

/** font-size **/


.fl{float:left;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important;}
.txt15 {font-size:15px !important;}
.txt18 {font-size:18px !important;}
.txt20 {font-size:20px !important;}
.txt21 {font-size:21px !important;}
.txt24 {font-size:24px !important;}
.txt27 {font-size:27px !important;}
.txt30 {font-size:30px !important;}
.txt32 {font-size:32px !important;}
.txt35 {font-size:35px !important;}


.txtlh14 {line-height:14px !important;}
.txtlh15 {line-height::15px !important;}
.txtlh18 {line-height::18px !important;}
.txtlh20 {line-height::20px !important;}
.txtlh24 {line-height::24px !important;}
.txtlh35 {line-height::35px !important;}



/** font-color **/

.tc1 { color:#282828 !important;}
.tc2 { color:#ea5404 !important;}
.tc3 { color:#595959 !important;}
.tc4 { color:#1e1e1e !important;}

/** font-align **/

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}


/** MARGIN **//
.mt0{margin-top:0px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt06{margin-top:6px !important;}
.mt08{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt16{margin-top:16px !important;}
.mt18{margin-top:18px !important;}
.mt20{margin-top:20px !important;}
.mt21{margin-top:21px !important;}
.mt23{margin-top:23px !important;}
.mt25{margin-top:25px !important;}
.mt27{margin-top:27px !important;}
.mt30{margin-top:30px !important;}
.mt31{margin-top:31px !important;}
.mt33{margin-top:33px !important;}
.mt34{margin-top:34px !important;}
.mt35{margin-top:35px !important;}
.mt36{margin-top:36px !important;}
.mt37{margin-top:37px !important;}
.mt38{margin-top:38px !important;}
.mt39{margin-top:39px !important;}
.mt40{margin-top:40px !important;}
.mt42{margin-top:42px !important;}
.mt45{margin-top:45px !important;}
.mt48{margin-top:48px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt58{margin-top:58px !important;}
.mt70{margin-top:70px !important;}
.mt78{margin-top:78px !important;}
.mt80{margin-top:80px !important;}
.mt81{margin-top:81px !important;}
.mt86{margin-top:86px !important;}
.mt90{margin-top:90px !important;}
.mt98{margin-top:98px !important;}
.mt100{margin-top:100px !important;}


.mb0{margin-bottom:0px !important;}
.mb03{margin-bottom:3px !important;}
.mb05{margin-bottom:5px !important;}
.mb06{margin-bottom:6px !important;}
.mb07{margin-bottom:7px !important;}
.mb09{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb15{margin-bottom:15px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb20{margin-bottom:20px !important;}
.mb22{margin-bottom:22px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb30{margin-bottom:30px !important;}
.mb32{margin-bottom:32px !important;}
.mb33{margin-bottom:33px !important;}
.mb35{margin-bottom:35px !important;}
.mb37{margin-bottom:37px !important;}
.mb40{margin-bottom:40px !important;}
.mb42{margin-bottom:42px !important;}
.mb47{margin-bottom:47px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb58{margin-bottom:58px !important;}
.mb60{margin-bottom:60px !important;}
.mb63{margin-bottom:63px !important;}
.mb67{margin-bottom:67px !important;}
.mb77{margin-bottom:77px !important;}

.mr06{margin-right:6px !important;}
.mr02{margin-right:3px !important;}
.ml05{margin-left:5px !important;}
.ml110{margin-left:110px !important;}
.ml120{margin-left:120px !important;}

/* PADDING */
.pl0{padding-left:0px !important;}
.pl06{padding-left:6px !important;}
.pl10{padding-left:10px !important;}
.pl12{padding-left:12px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl33{padding-left:33px !important;}
.pl40{padding-left:40px !important;}
.pl46{padding-left:46px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl105{padding-left:105px !important;}
.pl155{padding-left:155px !important;}

.pr20 { padding-right:20px !important;}
.pr60 { padding-right:60px !important;}

.pt00 { padding-top:0px !important;}
.pt20 { padding-top:20px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt53 { padding-top:53px !important;}

.topLine{width:40px; margin:0 auto; background:#ea5404; height:1px; }

.btn_frmline {display:inline-block;padding:0 7px;height:24px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em} /* ¿ìÆí¹øÈ£°Ë»ö¹öÆ° µî */

/*ÆäÀÌÂ¡*/
.sir_pg_wrp{text-align:center;margin:20px 0 40px}
.pg_current{padding: 3px 7px 0 5px;color:#ff5597;font-size:1.15em;display:inline-block}
.pg_page{color:#b5b5b5;padding: 0 5px;font-size:1.12em;}
.pg_end,.pg_next,.pg_start,.pg_ pre{padding:0;}

.pg_wrap{  text-align:center;margin-bottom:30px;}

/*°Ô½ÃÆÇ_view*/
#qav_head{background:#f3f3f3;border:1px solid #dedede;padding:10px 20px ;margin-top:15px}
#qav_head h2{font-size:1.5em;border-bottom:1px solid #dedede;padding-bottom:10px;  line-height: 1.3em;word-wrap:break-word;word-break:break-all;text-align:left;}
#qav_head #qav_info{margin-top:10px;text-align:left;}
.view_bn{margin:10px 0}

h2.con_h2{display:none;}
.vbo_wr{display:inline-block;width:100%;margin-top:7px;}
#sir_qav .sir_vbo_cmd{float:left;margin-top:0}
.sir_vbo_copyurl{float:left;margin-left:5px}
.sir_vbo_copyurl input{border:1px solid #e4e4e4;background:#f3f3f3;height:23px;padding-left:10px}

#sir_qav .sir_vbo_com{  margin:0 auto; overflow:hidden; display:inline-block }
.sir_vbo_cmd ul,.sir_vbo_com ul{display:inline-block;}
.sir_vbo_cmd li, .sir_vbo_com li{ float:left; margin-right:5px;  margin-top:10px;}
.sir_vbo_cmd li, .sir_vbo_com li .sir_b01 {display:inline-block; font-size:14px; background:#ea5404; color:#fff;padding:10px 50px;text-decoration:none; border:1px solid #ea5404;}
.sir_vbo_cmd li, .sir_vbo_com li .sir_b02 {display:inline-block; font-size:14px; border:1px solid #433f3f; background:#433f3f; color:#fff;padding:10px 50px;text-decoration:none; }

.sir_vbo_com .sir_b01_high{border: 1px solid #587ef6;color: #587ef6;background: #fff;display: inline-block;padding:4px;text-decoration:none;}
.sir_vbo_com .sir_b01_high:hover{background:#587ef6;color:#fff;}

#sir_qav #vbo_con{border:1px solid #e4e4e4;margin-top:10px;position:relative;margin:0}
#sir_qav #vbo_con .toggle_more{position:absolute;bottom:-30px;right:0;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:7px 20px;display:inline-block;background:#fff;border-top:none;}
#sir_qav #vbo_con .toggle_more button{color:#587ef6;padding:0;border:none;}
#sir_qav #vbo_con .con_inner{padding:20px 30px;color:#4848484;line-height:1.8em;text-align:left;}
#sir_qav #vbo_con .con_inner img {max-width:833px;text-align:center;}
.qa_tags_view{border:1px solid #e4e4e4;border-top:none;padding:15px 37px;background:url('../img/sub/tag.jpg') 15px 50% no-repeat #f7f7f7;}
.qa_tags_view a{border:1px solid #9db4c2;color:#9db4c2;;display:inline-block;padding:3px 5px ;font-size:0.92em;letter-spacing:-1px}
.qa_tags_view a:hover{color:#fff;background:#3baeff;border:1px solid #3baeff;text-decoration:none;}

.qav_btnwr{border:1px solid #e4e4e4;border-top:none;height:44px;overflow:hidden;width:728px}
.qav_vote .vote_btn{background:url('../img/sub/good.jpg') no-repeat;width:91px; height:33px;text-align:left;padding-left:33px;font-size:0.92em;margin-left:10px;float:left;margin-top:6px;color:#727272}
.qav_vote .vote_btn:hover{background:url('../img/sub/good_on.jpg') no-repeat;}
#sir_qav .vote_gg2{background:url('../img/sub/good_on.jpg') no-repeat;}
.save_scrap{background:url(../img/sub/btn1.jpg) no-repeat;width:60px; height:25px;text-align:center;float:right;margin-top:10px;margin-right:5px}
.save_share{float:right;margin-right:10px;margin-top:10px}
.react_btn{float:left;margin:15px 0 0 10px;}
.react_btn button{color:#9f9f9f;margin-right:5px;text-decoration:underline;}
.react_btn .sir_react_singo{margin-top:-3px}
#sir_react_singod{display:none;}

#qav_info .info_span{padding-right:5px;display:inline-block;text-align:right;}
#qav_info .info_hit{padding-left:20px;padding-right:5px;display:inline-block;text-align:right;}


.bdv_btn{position:relative;display:inline-block;width:100%;}
.bdv_btn #v_gd_wr{margin-bottom:10px;height:33px;}

.sns-share-open-btn{float:left;height:28px;margin-top:2px;padding:0 5px 0 23px;background:url('../img/sub/icon-share.png') 6px 7px no-repeat;border:1px solid #d4d4d4;line-height:25px;color:#353535}
.sns-share-list{position:absolute;top:-1px;left:62px;padding:3px 2px;display:inline-block;background:#fff;z-index:9999}
.sns-share-close-btn{display:none}
.share-left{float:left;}

.sir_react_good, .sir_react_nogood{float:left;height:28px;margin-top:2px;padding:0 5px;background:#fff;border:1px solid #d4d4d4;line-height:25px;}
.sir_react_good .gd_ic{display:inline-block;height:25px;padding:0 10px 0 28px;background:url('../img/sub/icon-good.png') 7px 6px no-repeat;color:#f65959;}
.sir_react_nogood{margin-left:-1px}
.sir_react_nogood .gd_ic{display:inline-block;height:25px;padding:0 10px 0 28px;background:url('../img/sub/icon-nogood.png') 7px 6px no-repeat;color:#5985f6;}

.bdv_btn .sir_save_scrap{float:left;display:inline-block;}
.bdv_btn .sir_save_scrap .scp_ic{display:inline-block;height:26px;margin:2px 0 0 -1px;padding:0 10px 0 23px;background:url('../img/sub/icon-scrap.png') #fff 6px 7px no-repeat;border:1px solid #d4d4d4;line-height:28px;color:#353535}

.gd_ct{display:inline-block;float:right}
.gd_ct .react_singo{float:left;height:28px;margin:2px 0 0 -1px;padding:0 5px;border:1px solid #d4d4d4;line-height:28px;}
.gd_ct .react_singo .si_ic{display:inline-block;height:26px;padding:0 5px 0 23px;background:url('../img/sub/icon-singo.png') 6px 7px no-repeat;color:#353535;}

#v_gd_wr:after {display:block; visibility:hidden; content:""; clear:both;width:100%; height:0; overflow:hidden}
#v_gd_wr #react_good{display:none;z-index:2;position:absolute;top:35px;padding:7px;border:1px solid #000;background:#383838;color:#fff}


/** ´ñ±Û¾²±â **/

#commentForm {width:855px; height:110px; text-align:left; padding:20px; border-top:1px solid #433f3f; border-bottom:1px solid #c7c7c7;}
#commentForm .commentTit { float:left; font-size:18px; margin-right:50px;}
#commentForm .commentTxtForm { float:left; font-size:18px;}
#commentForm .commentTxtForm li {margin-bottom:10px;}
#commentForm .commentBtn  {border:1px solid #ea5404; padding:40px 50px; color:#ea5404; font-size:15px;  float:right;}
