@charset "utf-8";

/* 2016-08-02 추가 시작 */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:12px;line-height:1.5;font-family:Pretendard-Regular,"Malgun Gothic",sans-serif;color:#333;-webkit-font-smoothing:antialiased}
a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:underline}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
/* 2016-08-02 추가 끝 */

/* Common ****************************************************************************************/

html, body, h1, h2, h3, h4, h5, h6 {
    margin                           : 0;
    padding                          : 0;
}
.screen_out { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
button, input, select, textarea { outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 2016-08-02 수정 및 추가 시작 */
body { background-color:#FFF; padding-top:49px; font-family:'맑은 고딕','Malgun Gothic',sans-serif;}
header { position:fixed; top:0; left:0; right:0; height:50px; background-color:#F0F3F7 }
header .blog_image { position:absolute; left:10px; top:9px; width:30px; height:30px; border-radius:20px }
header .header_title { line-height:50px; font-weight:normal; font-size:20px; padding-left:28px }

/* Ask whether edit or delete ********************************************************************/

.comment_form fieldset { border:0; text-align:center; padding:30px 28px; font-size:14px; max-width:294px; margin:0 auto }
.comment_form .wrap_select { margin-bottom:20px }
.comment_form .tab_edit {overflow:hidden;width:100%;margin:0;padding:0;list-style:none}
.comment_form .tab_edit li {float:left;width:50%;height:29px;margin-left:-1px;border:1px solid #DBDFE5;box-sizing: border-box}
.comment_form .tab_edit .fst {width:49%;margin-left:0;}
.comment_form .tab_edit .link_tab {display:block;height:28px;color:#999;line-height:26px;background-color:#F5F6F7;text-decoration:none;cursor:pointer}
.comment_form .tab_edit .tab_on{border-bottom:#fff}
.comment_form .tab_edit .tab_on .link_tab{color:#333;background-color:#FFF}
.comment_form .wrap_message { display:none; margin-bottom:50px }
/* 2016-08-10 수정 및 추가 시작 */
.comment_form .password_message {
    font-size: 14px;
    line-height: 24px;
    color: #303030;
    margin:0;
    padding-top:25px;
}
.comment_form .edit_message{padding:10px 0 13px;color:#000}
.comment_form .tab_edit + .edit_message{padding-top:40px}
/* 2016-08-10 수정 및 추가 끝 */
.comment_form .input { height: 38px; padding: 0 11px; border: 1px solid #DBDFE5; font-size: 14px; line-height: 17px; color: #9199A4; }
/* 2016-08-02 수정 및 추가 끝  */
.comment_form .confirm_password { width:100%; margin: 10px auto 0; text-align:center }

.comment_form .wrap_guest { overflow:hidden }
.comment_form .wrap_guest .tf_write { width:49%; min-width:129px; max-width:144px; }
.comment_form .wrap_guest .tf_name { float:left }
.comment_form .wrap_guest .tf_password { float:right }
/* 2016-08-02 수정 및 추가 시작 */
.comment_form .modify_guest .tf_name{ width:100%; color:#202020; }

.comment_form .wrap_secret { float:left; position:relative; }
.comment_form .wrap_secret input,
.comment_form .wrap_secret label { cursor:pointer }
.comment_form .wrap_secret .checkbox { position:absolute; top:7px; left:0; overflow:hidden; width:20px; height:20px; z-index:-1; border:0 none; opacity:.01; vertical-align:top; -webkit-appearance:none; }
.comment_form .wrap_secret .label_secret { display:inline-block; margin-top:7px; line-height:19px; color:#000 }
/* 2016-08-03 수정 시작 */
.comment_form .wrap_secret .btn_chk { display:inline-block; width:20px; height:20px; margin-right:6px; background:#fff url(//t1.daumcdn.net/tistory_admin/static/images/btn_chk_160803.png) 0 0 no-repeat; background-size:44px 20px; vertical-align:top; pointer-events:none; }
.comment_form .chk_secret .btn_chk { background-position:-24px 0 }
/* 2016-08-03 수정 끝 */
/* 2016-08-11 수정 시작*/
.comment_form .btn_focused {outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}

.comment_form .info_writer {text-align:left;padding-bottom:4px;line-height:29px;color:#202020}
/* 2016-08-11 수정 끝*/
/* 2016-08-10 수정 및 추가 시작 */
.comment_form .info_writer .box_profile {display:inline-block;width:30px;height:30px;margin-right:7px;border-radius:30px;background:url(https://t1.daumcdn.net/tistory_admin/blog/admin/profile.gif) 50% 50% no-repeat;-webkit-background-size:30px 30px;background-size:30px 30px;vertical-align:top}
.comment_form .info_writer .thumb_user {display:block;width:100%;height:100%;border-radius:30px}
/* 2016-08-10 수정 및 추가 끝 */
.comment_form .wrap_content { margin:8px 0 20px}
.comment_form .wrap_content textarea { padding:12px; min-height:84px; border: 1px solid #DBDFE5; width:100%; font-size: 14px;  font-family:'맑은 고딕','Malgun Gothic',sans-serif; color: #9199A4; background-color: #FFF; resize:vertical }

.comment_form .input:focus,
.comment_form .wrap_content textarea:focus { border:1px solid #9199A4; color:#202020; }
.comment_form .wrap_btn { float:right }
.comment_form .wrap_btn_confirm { margin-top:20px; float:none }
/* 2016-08-02 수정 및 추가 끝 */
.comment_form .btn { width: 70px; height: 32px; border-radius: 32px; font-size: 14px; line-height: 31px; outline: none; padding: 0; margin: 0; vertical-align: middle; cursor:pointer }
.comment_form .btn_submit { border:0; color: #FFF; background-color: #EC5621; }
.comment_form .btn_submit:disabled { background-color: #BEC5D0; }
.comment_form .btn_reset { border: 1px solid #DBDFE5; color: #000; background-color: #FFF; }


#comment-box
{
    background: repeat-x left top;
    font-family                      : 'Lucida Grande', Arial, 굴림, Gulim, Tahoma, Verdana, sans-serif;
    font-size                        : 0.925em;
}

#comment-box #command-box
{
    margin                           : 0 10px;
    padding                          : 100px 0;
    text-align                       : center;
}

#comment-box #command-box label
{
    cursor                           : pointer;
    color							 : #666;
    font							 : 12px dotum;
}

#comment-box #command-box .edit-line,
#comment-box #command-box .delete-line
{
    display                          : inline;
}

#comment-box #command-box .edit-line
{
    padding-right					 : 20px;
}

#comment-box #command-box .radio
{
    vertical-align                   : middle;
    margin-right					 : 2px;
    margin-bottom					 : 4px;
}

#comment-box #command-box .delete-line .radio
{
    margin-left                       : 7px;
}

#comment-box #command-box .password-line
{
    margin-top                       : 17px;
    margin-bottom					 : -41px;
}

#comment-box #command-box .input-text
{
    padding                          : 3px;
    vertical-align                   : middle;
    margin-left						 : 15px;
}

#comment-box #command-box .input-button
{
    border                           : 1px solid #777777;
    background-color                 : #FFFFFF;
    color                            : #000000;
    font-weight                      : bold;
    font-size                        : 1em;
    height                           : 1.9em;
    padding                          : 0 6px;
    vertical-align                   : middle;
}

#comment-box .wrap_ok_btn {margin-top:87px;}
#comment-box .wrap_ok_btn img {border:none;}

/* Edit ******************************************************************************************/

#comment-reply-box {
    background: repeat-x left top;
    font-family                      : sans-serif;
    font-size                        : 0.925em;
    max-width: 450px;
    margin:10px auto;
}

#comment-reply-box #command-box
{
    margin                           : 9px 17px 10px 19px;
}

#comment-reply-box #command-box label
{
    cursor                           : pointer;
    font							 : bold 12px dotum;
    color							 : #333333;
    display							 : block;
    letter-spacing					 : -1px;
}

#comment-reply-box #command-box textarea
{
    border                           : 1px solid #c2c2c2;
    padding                          : 8px;
    width                            : 100%;
    height							 : 100px;
    margin-top						 : 9px;
    font							 : 12px dotum;
    line-height						 : 18px;
    box-sizing: border-box;
}

#comment-reply-box #command-box .secret-line
{
    height                           : 1.2em;
    margin                           : 4px 0 0 80px;
}

#comment-reply-box #command-box .checkbox
{
    width							 : 13px;
    height							 : 13px;
    margin							 : 0 7px 0 91px;
    padding							 : 0;
    vertical-align					 : middle;
}

#comment-reply-box #command-box .content-line
{
    margin-top                       : 6px;
}

#comment-reply-box #command-box .content-line textarea
{
    border                           : 1px solid #c2c2c2;
    font-size                        : 12px;
    height                           : 120px !important;
    overflow                         : auto;
    width                            : 328px;
}

#comment-reply-box #command-box .content-line
{
    height                           : 130px;
}

#comment-reply-box .button-box
{
    clear                            : both;
    padding-top						 : 2px;
    text-align                       : center;

}

#comment-reply-box #command-box .btn_submit
{
    background						 : url(//t1.daumcdn.net/tistory_admin/static/images/btn_ok4.gif) no-repeat;
}

#homepage
{
    font-family                      : "Courier New", "Courier", monospace;
    font-size                        : 1em;
}

/* 관리자 댓글인 경우 */
.admin-comment #comment-reply-box #command-box .content-line
{
    height                           : 235px;
}

.admin-comment #comment-reply-box #command-box .content-line dt
{
    display                          : none;
}

.admin-comment #comment-reply-box #command-box .content-line textarea
{
    border                           : 1px solid #999999;
    font-size                        : 12px;
    height                           : 230px !important;
    overflow                         : auto;
    width                            : 410px;
}
#comment-reply-box img {border:none;}
.title { position:absolute; display:block; color: red; top:12px; left:18px; color:white;}
#command-box { margin-top:-40px;}
#command-box .input {border:1px solid;border-top-color:#afafaf;border-bottom-color:#e9e9e9;border-left-color:#e6e6e6;border-right-color:#e6e6e6;}
.title2 { position:absolute; display:block; color: red; top:27px; left:55px; color:white; font-weight:bold; }
#comment-reply-box .line {margin-bottom:7px;}
#comment-reply-box .first {margin-top:-1px;}
#comment-reply-box .last {margin-bottom:23px;}
#comment-reply-box .line input {width:181px;height:15px;margin-top:5px;padding:5px 0 2px 7px;font:12px dotum;}
#comment-reply-box .line .text {float:left;width:91px;padding-top:9px;}
#comment-reply-box #command-box .secret {float:right;padding-top:1px;}
#comment-reply-box #command-box .secret input {margin:-2px 4px 0 0;}
#comment-reply-box #command-box .secret .label_secret {font-weight:normal;letter-spacing:0;color:#666;line-height:13px;display:inline;}
#comment-reply-box #command-box .comment {padding-top:3px;}
#comment-reply-box #command-box .comment label {display:inline;float:left;}
#comment-reply-box #command-box .comment input {margin-top:1px;height:13px;margin-left:289px;float:left;}
#comment-reply-box .line input.long-text {width:310px;}

/* 그림문자 */
#command-box .wrap_captcha {clear:both;border:1px solid #e7e7e7;background-color:#f8f8f8; overflow:hidden; padding-bottom:10px }
#imageCaptcha {float:left; margin:10px 0 0 15px }
#command-box .wrap_input {float:left; margin:10px 0 0 15px; width:180px;}
#command-box .wrap_input div {margin:5px 0 5px;font:11px dotum;color:#666;letter-spacing:-1px;}
#command-box .wrap_input input {width:106px;height:18px;float:left;margin-right:4px;padding:2px 5px;font:12px dotum;}