/* canvas focus 제거 */
#myDiagramDiv canvas{-moz-outline: none;outline: none;}
#iframe01 {width:100%;height:648px;border:solid 0px black;}
/* #iframe01 {width:100%;border:solid 0px black;overflow-y:auto;} */
#iframe02 {width:364px;height:560px;border:solid 0px black;overflow-y:auto;}
iframe {width:100%;}
#img_loading {display:none;position:absolute;top:100px;left:100px;width:15px;}
.pop_btn_fixed_top {
    position: fixed;
    top: 5px;
    right: 10px;
    z-index: 100;
}
.pop_btn {
    background: #3a8afd;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
}
.btn_close {background-color:#6b6b6b;}

/* .index_wrapper {max-width:600px;margin:0 auto;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;} */
.index_wrapper {max-width:600px;margin:0 auto;background-color:white;}
.page_wrapper {max-width:690px;padding:0 150px;margin:0 auto;height:690px;}
.phone_top {
    background-image: url(../img/phone_top.png);
    background-size: 100% 100%;
    height:50px;
}    
.phone_body {
    background-image: url(../img/phone_body.png);
    background-size: 100% 100%;
    padding:0;
    min-height:560px;
}    
.phone_bottom {
    background-image: url(../img/phone_bottom.png);
    background-size: 100% 100%;
    height:45px;
}
input::placeholder {color:#ccc;}


.landing_wrapper {width:100%;height:100%;}
#mySettingDiv {position:relative;float:right;overflow-y:auto;width:230px;border:1px solid #ddd;margin-bottom:10px;border-top:none;background-color:#f9f9f9;}
.div_content {min-height:45px;z-index:1;display:inline-block;width:100%;}
.div_htmls:after {display:block;visibility:hidden;clear:both;content:"";}

.set_group {padding-left:10px;border-bottom:solid 1px #ddd;}
.set_group a {display:inline-block;padding:12px 8px;}
.set_group a {color:#818181;}
.set_group a.on {font-weight:bold;color:black;}

.div_setting {padding:10px 5px;border-bottom:solid 1px #ddd;}
.div_setting_title {padding:0;}
.div_setting_title .title01 {display:inline-block;font-weight:bold;padding:5px;width:65%;}
/* .div_setting_title .title01:before {font-family: "FontAwesome"; font-size:0.7em; font-weight:100; content: "\f054"; color:#aaa; margin-right:2px;} */
.div_setting_title .title01.shown:before {font-family: "FontAwesome"; font-size:0.7em; font-weight:100; content: "\f078"; color:#aaa; margin-right:2px;}
.div_setting_title .title01.hidden:before {font-family: "FontAwesome"; font-size:0.7em; font-weight:100; content: "\f054"; color:#aaa; margin-right:5px;}
.div_setting_title .title01_right {float:right;padding:5px;}
.div_setting_content {padding:5px 5px 10px;}
.div_setting_content .content_left {width:48%;display:inline-block;}
.div_setting_content .content_right {width:48%;float:right;margin-right:7px;}
.div_setting_content > div strong {font-weight:normal;margin-right:10px;}
.div_setting_content .label_checkbox {display:block;padding:3px 0;}
.div_setting_content select {padding:3px;border:solid 1px #ddd;}
.div_setting_content .select_full {width:100%;}
.div_setting_content input[type=file] {width:100%;}
input[type=text] {
    border: 1px solid #d0d3db;
    border-radius: 3px;
    padding: 4px 5px;
}
.btn_landing_01 {
    display:inline-block;
    border: 1px solid #ccc;
    background-color: white;
    cursor: pointer;
    border-radius: 3px;
    padding: 2px 10px 3px;
    margin:5px 0; 
    text-align: center;
}
.link_more {color:white;}
.btn_shop {border: 1px solid #848484;background-color: #525252;color:white;}
.box_fgr_shop_select {display:none;}
.btn_funnel_01 {display:inline-block;border: 1px solid #ccc;background-color: white;cursor: pointer;border-radius: 3px;padding: 2px 0 3px;margin:5px 0; text-align: center;}
.btn_funnel_02 {display:inline-block;border: 1px solid #ccc;background-color: white;color:black;cursor: pointer;border-radius: 3px;padding: 2px 10px 3px;margin:5px 0; text-align: center;}
.btn_funnel_02.btn_submit {color:dodgerblue;}
.btn_funnel_02.btn_submit:hover {background-color: white;}

#subject_loading {display:none;width:15px;margin-left:10px;}
.landing_container {max-width:640px;margin:0 auto;}
.content_full {margin-bottom:10px;position:relative;}
.content_full:after {display:block;visibility:hidden;clear:both;content:"";}
.content_full:last-child {margin-bottom:0px;}
.content_full textarea {width:100%;resize: none;height:120px;}
.content_full .content_checkbox {margin-top:8px;}
.content_full .phone_body {text-align:cneter;background-image:url('../img/phone_body.jpg');background-size:100% 100%;padding:5px;}
.content_full .btn_check, .div_setting_content .btn_check {position:absolute;top:3px;right:3px;width:22px;padding:0 0 2px;text-align:center;border:1px solid #ddd;display:none;}
.content_full .btn_check i, .div_setting_content .btn_check i{color:dodgerblue;}
.content_full .div_msg_send_type label{margin-left:5px;}
.content_1in3 {width:33.33%;float:left;}
.content_2in3 {width:33%;float:left;}
.content_3in3 {width:33%;float:right;}
.content_1of3 {width:33%;float:left;}
.content_12of3 {width:66%;float:left;}
.content_23of3 {width:66%;float:right;}
.content_3of3 {width:100%;}
.content_1in2 {width:50%;float:left;}
.content_2in2 {width:50%;float:right;}

.float_right {float:right;}
.div_subtab {padding-left:10px;}
.div_subtab a {display:inline-block;padding:0 8px;}
.div_subtab a {color:#818181;}
.div_subtab a.on {font-weight:bold;color:black;}
.div_search {margin-bottom:10px;}
.div_table table {width:100%;}
.item_title {color:#a5a5a5;padding-left:15px;}
.td_msg {position:relative;}
.msg_type_count {position:absolute;top:5px;right:5px;font-size:0.8em;}
.msg_type_email:after {font-family: "FontAwesome"; font-size:1.5em; content: "\f003"; color:#ccc;margin-left:5px; vertical-align: top;}
.msg_type_hp:after {font-family: "FontAwesome"; font-size:2.1em; content: "\f10b"; color:#ccc;margin-left:10px; vertical-align: top;}
.msg_type_at:after {font-family: "FontAwesome"; font-size:1.5em; content: "\f27b"; color:#ccc;margin-left:5px; vertical-align: top;}

.div_popover_wrapper {position:absolute;top:-11px;right:25px;}
.div_pop_menu {
    width:72px;
    position: relative;
    background-color: #effbff;
    border: 1px solid #aaa;
    border-radius:7px;
    padding:5px;
}
.div_pop_menu:after, .div_pop_menu:before {
    position: absolute;
    right: -12px;
    top: 24px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
}
.div_pop_menu:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #aaa;
    border-width: 6px;
    margin-top: -10px;
}
.div_pop_menu:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #effbff;
    border-width: 7px;
    margin-top: -11px;
}
.btn_dot_more {
    position:relative;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 3px;
    text-align: center;
    margin-right:5px;
}
.btn_dot_more span{padding:3px 6px;display: block;cursor: pointer;height:27px;}
.div_alert {display:none;color:darkorange;}
.div_item_setting {display:none;}
.left_title {display:inline-block;margin-top:4px;color:#818181;}
.left_padding a {display:inline-block;width:17px;}
.i_head_toggle {padding:4px;color:#818181;}
.set_clock {padding:2px 0px;margin-left:1px;}
.set_clear {padding:2px 4px;margin-left:5px;}
.set_clear .fa{color:#818181;}

/* opengraph */
.content_opengraph {position:relative;margin-bottom:10px;display:no ne;}
.content_opengraph:after {display:block;visibility:hidden;clear:both;content:"";}
.content_opengraph .fa_image {width:20px;height:20px;border:solid 1px rgb(163, 163, 163);text-align:center;border-radius:4px;margin-left:3px;}
#opengraph_sortable {margin-top:10px;}


/* image */
.content_image {position:relative;margin-bottom:10px;display:no ne;}
.image_multi_setting {display:none;}
.content_image:after {display:block;visibility:hidden;clear:both;content:"";}
.content_image .fa_image {width:20px;height:20px;border:solid 1px rgb(163, 163, 163);text-align:center;border-radius:4px;margin-left:3px;}
.content_image .div_image_link {position:absolute;top:27px;right:-3px;display:none;z-index:20;background:#333;padding:10px 8px;border-radius:6px;width:200px;}
.content_image .div_image_link:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 157px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #333 transparent;
}
.content_image .div_image_link label {display:inline-block;color:white;padding:10px 3px;}
.content_image .list_image {padding-right:10px;}
.content_image .list_image img {border:solid 1px #ddd;}
.content_image .span_image_title {width: 80px !important;box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#img_sortable {margin-top:10px;}

.link_input {position:relative;}
/* kakao */
.content_image_kakao {position:relative;margin-bottom:10px;display:no ne;}
.content_image_kakao:after {display:block;visibility:hidden;clear:both;content:"";}
.content_image_kakao .fa_image {width:20px;height:20px;border:solid 1px rgb(163, 163, 163);text-align:center;border-radius:4px;margin-left:3px;}
.content_image_kakao .div_kakao_link {position:absolute;top:27px;right:-3px;display:none;z-index:20;background:#333;padding:10px 8px;border-radius:6px;width:200px;}
.content_image_kakao .div_kakao_link:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 157px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #333 transparent;
}
.content_image_kakao .div_kakao_link label {display:inline-block;color:white;padding:10px 5px;}
.content_image_kakao .list_image {padding-right:10px;}
.content_image_kakao .list_image img {border:solid 1px #ddd;}
.content_image_kakao .span_image_title {width: 80px !important;box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ul_kakao_img {margin-top:10px;}

.content_opengraph .span_image_title {width: 80px !important;box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#img_sortable {margin-top:10px;}

/* top menu */
.top_menu {position:absolute;top:0;left:0;display:inline-block;}
.top_menu_button {padding:8px;border-radius:0;background-color:white;border:none;}
#lan_menu {border:solid 1px #bbb;background-color:white;margin-top:1px;display:none;}
.lan_ul {padding:0;}
.lan_li {width:170px;border-bottom:solid 1px #bbb;}
.lan_li:last-child {border-bottom:none;}
.lan_li a {display:block;padding:7px 10px;}
.lan_li.on {background-color:#f2f2f2;}
.lan_li img {width:20px;}
.lan_li span {margin-left:5px;}

/* 폼양식 */
.div_form_box p {position:relative;margin-bottom:5px;}
.div_form_box p:after {display:block;visibility:hidden;clear:both;content:'';}
.div_form_box p:last-child {margin-bottom:0;}
.div_form_box .item_name {position:absolute;top:5px;left:5px;display:inline-block;width:25%;}
.div_form_box .item_input {display:inline-block;width:75%;float:right;}
.div_form_box #item_agree {position:relative;margin-top:15px;}
.div_form_box #item_agree label {margin-left:7px;}
.div_form_box #item_agree label input{margin-right:10px;}
.div_form_box #item_agree .btn_agree {margin-top:2px;border:1px solid #afafaf;border-radius:5px;background-color:#fff;font-size:0.8em;padding:2px 8px;float:right;}
.div_form_box .item_input input {width:95%;}
.div_form_box #item_submit {margin-top:20px;}
.div_form_box .btn_submit {width:100%;padding:10px;background-color:#388fcc;color:white;border:none;border-radius:5px;}
.agree_modal {position:absolute;left:0;bottom:-65px;background-color:#fff;width:100%;z-index:10;}
.agree_wrapper {position:relative;border:5px solid #555;padding:10px;}
.agree_wrapper .btn_modal_close {position:absolute;right:0;bottom:0;padding:5px 10px;background-color:#333;color:white;}
.agree_wrapper .agree_title {font-weight:bold;font-size:1.2em;margin-bottom:10px;}
.agree_wrapper .agree_content {height:400px;overflow-y:scroll !important;}
input[name^=apc_add_] {width:96%;}
input[name^=apc_addr] {margin-top:5px;}

/* 타이머 */
.div_countdown_box .txt_left_time {font-size:1em;}
.div_countdown_box #countdown.lg {font-size:3.2em;font-weight:bold;margin-top:-5px;}
.div_countdown_box #countdown.lg .txt_day {font-size:.5em;font-weight:normal;}
.div_countdown_box #countdown.lg .count_day, .div_countdown_box #countdown.lg .count_hms {display:inline-block;padding:5px;height:52px;line-height:45px;letter-spacing:-2px;margin:0 -5px;border-radius:7px;}
.div_countdown_box #countdown.black .count_day, .div_countdown_box #countdown.black .count_hms {transform:scaleX(0.8);background-color:#31333a;color:white;}
.div_countdown_box #countdown.md {font-size:2em;font-weight:bold;margin-top:-1px;}
.div_countdown_box #countdown.md .txt_day {font-size:.5em;font-weight:normal;}
.div_countdown_box #countdown.md .count_day, .div_countdown_box #countdown.md .count_hms {display:inline-block;padding:5px;height:37px;line-height:32px;letter-spacing:-2px;transform:scaleX(0.9);margin:0 -2px;border-radius:7px;}
.div_countdown_box #countdown.md.white .count_day, .div_countdown_box #countdown.md.white .count_hms {transform:scaleX(1.0);}

/* 카톡 */
.ul_image li a {display:inline-block;}
.div_opengraph_question {position: absolute;top: 27px;right: 1px;z-index: 20;background: #eee;padding: 10px 8px;border:1px solid #999;border-radius: 6px;width: 200px;}
.div_opengraph_question:before {content: "";position: absolute;top: -6px;left: 183px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.div_kakao_guide {position: absolute;top: 27px;right: 1px;z-index: 20;background: #eee;padding: 10px 8px;border:1px solid #999;border-radius: 6px;width: 200px;}
.div_kakao_guide:before {content: "";position: absolute;top: -6px;left: 183px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.ul_inner_link {border:1px solid #696969;padding:5px;}
.ul_inner_link a {color:white;}
.ul_inner_link .link2:hover {color:darkorange;}
.ul_inner_link .link2 span {font-size:0.7em;}

.landing_backdrop {position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0, 0, 0, 0.7);z-index:101;display:none;}
.landing_modal {position:fixed;width:800px;min-height:500px;top: 50%;left: 50%;background:#fff;z-index:102;display:no ne;
    margin-left: -400px; /* Negative half of width. */
    margin-top: -300px; /* Negative half of height. */
}

.div_taste {background:rgba(255, 0, 0, 0.7);color:white;padding:10px;top:50%;left:0;width:97%;text-align:center;}
.btn_lec_down {display:none;background-color:#ff6b6b;padding:10px;border-radius: 10px;margin-top:5px;text-align:center;font-size:1.2em;font-weight: bold;color:white;}
.btn_lec_down:hover {background-color:#ff2929;}
.div_lec_password {padding:5px;margin-top:5px;}

/* comment */
.btn_comment_help {padding:5px 0px 5px 5px;}
.div_comment_help {position: absolute;top: 27px;right: 1px;z-index: 20;background: #eee;padding: 10px 8px;border:1px solid #999;border-radius: 6px;width: 200px;}
.div_comment_help:before {content: "";position: absolute;top: -6px;left: 183px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
