/* #content .page_main_in{width:100%;margin:0 auto;} */


/* 타이틀 규칙*/
.m9_title_h1{margin:2em 0}
.m9_title_h1>.m9_h1{font-size:3em;font-weight:900}

.m9_title_h2{margin: 2em 0em 1em;}
.m9_title_h2>.m9_h2{font-size:2em;font-weight:900;border-left:8px solid #006fdb;padding-left: 17px;line-height: 1;}
.m9_title_h4>.m9_h2{font-size:2.5em;text-align:center;padding:10px 0;font-weight: 500}

.m9_title_h3{margin:2em 0 0.5em;}
.m9_title_h3>.m9_h3{position: relative;font-size: 1.3em;font-weight: 900;padding-left: 17px;}
.m9_title_h3>.m9_h3:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#347dff;position: absolute;left: 0;top: 50%;margin-top: -3px;}


.m9_title_h4{margin-bottom:0.6em;padding-top:1em}
.m9_title_h4>.m9_h4{position: relative;font-size: 1.1em;font-weight:900;color:#083e9f;}

.m9_title_h4.type_2{margin:3em 0 1em} 
.m9_title_h4.type_2>h4{line-height:1}
.m9_title_h4.type_2>h4:before{content:"\f0da";font-family:axicon;font-size: 20px;margin-right: 15px; font-weight:normal;color:#9c9c9c}

/*설명글*/
.m9_ex_txt_01{background: #f7f7f7;padding: 1.5em;line-height: 1.8;margin:1em 0}
.m9_ex_txt_02{padding: 0.5em 0 1em 16px;font-size: 1.05em;line-height:1.6}
.m9_ex_txt_02:before{content:"-";position: absolute;left: 0;}
.m9_ex_txt_03{background: #fff;padding: 1.5em 0;line-height: 1.8;margin:1em 0}
.m9_ex_notice{position:relative}
.m9_ex_notice{position:relative;padding-left: 20px;}
.m9_ex_notice:before{content:"\f0da";font-family:axicon;font-size: 20px;margin-right: 15px;font-weight:normal;color:#c60002;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

/*이미지 박스*/
.img_wrap{line-height:1;text-align: center;margin:1em 0;border:1px solid #e4e4e4;}
.gif_wrap{border:1px solid #bdbdbd;background:#f1f1f1;;line-height:1;text-align: center;padding:10px;margin:1em 0}
.gif_wrap>img{border:1px solid #ccc}

/*객체설정*/
.ob_list .box{}
.ob_list .b_title{font-weight:900;font-size:1.2em;margin-top:1em;}
.ob_list .b_content{}
.ob_list .img_wrap{padding:1em;border:1px solid #eee}
.ob_list .txt_wrap{padding:1em;border:1px solid #eee}

.ob_list._list .box .img_wrap{min-height:141px;}
/*소스코드*/

code{display:inline-block;font-size:0.9em;;padding:0em 0.4em;border-radius: 4px;font-family: Consolas, sans-serif}

._code{color:#c4214a;background:#faf4f6;}
._class{color:#0a74a5;background:#f4f4f4;}

.user_color_01{color:#006fc7}

.m-m9-table-style-1>table th, .m-m9-table-style-1>table td{padding:0.3em 1em !important;} 

/*----------------------- markup -----------------------------------*/
/*common*/    
.m9_source_result{display:block;margin:15px 0;font-size:15px}
.m9_source_code{display:block;margin:15px 0;font-size:15px}
.m9_source_css{display:block;margin:15px 0;font-size:15px}   
.m9_source_explain{display:block;margin:15px 0;font-size:15px}
textarea{background: rgb(248, 248, 248);border:1px solid rgb(221, 230, 245);width:100%;padding:1em;min-height:150px}
    
/*sample_box_5*/

.sample_box_1>ul>li{border:1px solid #eee;padding:10px;}
.sample_box_5{background:#e9f2ff;font-size:12px;font-family: gulim}
.sample_box_5>div>div:nth-child(odd){border:2px dotted blue;text-align:center;padding:20px 10px}    
.sample_box_5>div>div:nth-child(2n){border:2px dotted #ec18a6;text-align:center;padding:20px 10px}
.sample_box_5_1{margin-top:20px}
.sample_box_5_1>li>span{display:inline-block;position:relative;padding-left:25px;}
.sample_box_5_1>li:first-child>span:before{content:"";display:inline-block;width:20px;height:20px;background:#e9f2ff;border:1px solid #e9f2ff;position:absolute;left:0;}
.sample_box_5_1>li:last-child>span:before{content:"";display:inline-block;width:20px;height:20px;background:#fff;border:2px dotted #ec18a6;;position:absolute;left:0;}
.m9_source_result,.m9_source_code{color:#3B4859;dislay:block;position:relative;padding-left:1em}
.m9_source_result:before,.m9_source_code:before{position:absolute;content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#74ccff;left:0;top:50%;margin-top:-1px}

.sample_box>ul>li{font-size:15px;padding:10px 0;text-align:center;outline:1px solid #e2e4e5}
.sample_box>ul>li:nth-child(2n+1){background:#fbfbfb}
.sample_box>ul>li:nth-child(2n){background:#f2f7fe}

/*sample_box_2_margin*/
.sample_box_2{background:#e9f2ff;border:1px solid #e9f2ff;margin-bottom:20px}
.sample_box_2>div{border:2px dotted #7bb4cb;background:#fff;text-align:center;padding:20px}

.sample_box_2_1>li>span{display:inline-block;position:relative;padding-left:25px;}
.sample_box_2_1>li:first-child>span:before{content:"";display:inline-block;width:20px;height:20px;background:#e9f2ff;border:1px solid #e9f2ff;position:absolute;left:0;}
.sample_box_2_1>li:last-child>span:before{content:"";display:inline-block;width:20px;height:20px;background:#fff;border:2px dotted #7bb4cb;position:absolute;left:0;}
    
 /*sample_box_3_padding*/
.sample_box_3{text-align:center;margin-bottom:20px}
.sample_box_3>div{background:#fff0ff;border:2px dotted #7bb4cb}    
.sample_box_3>div>div{background:#fff;padding:10px}
.sample_box_3_1>li>span{display:inline-block;position:relative;padding-left:25px;}
.sample_box_3_1>li:first-child>span:before{content:"";display:inline-block;width:20px;height:20px;background:#fff0ff;border:1px solid #e9f2ff;position:absolute;left:0;}
.sample_box_3_1>li:last-child>span:before{content:"";display:inline-block;width:20px;height:20px;background:#fff;border:2px dotted #7bb4cb;position:absolute;left:0;}   

/*sample_box_2*/
.sample_box_4{text-align: center;border:1px solid rgb(226, 228, 229);padding:1em;}    
.sample_box_4>div>div{padding:30px;}

.sample_box_6{text-align:center}    
.sample_box_6>ul>li{border:1px solid rgb(226, 228, 229);padding:10px;text-align:center;margin-bottom:10px}
.sample_box_6>ul>li{border:1px solid rgb(226, 228, 229);padding:10px;margin-bottom:10px}    

.m9-hr-3{padding:0 1em;}

._m9_shotcode_box>p{margin:0 0 2em 0;text-align:right}
._m9_shotcode_box>p>a:hover,._m9_shotcode_box>p>a:focus{text-decoration:underline}
._m9_shotcode_box>p>a:after{content:'\e6d5';font-family:'axicon';display:inline-block;margin-left:5px}

.screen_shot_slick{border:1px solid #ccc;padding:40px;background:#f1f1f1}
.screen_shot_1{display:inline-block;border:1px solid #ccc;padding:10px;background:#f1f1f1}
.screen_shot_1>img{border:1px solid #ccc}
textarea.CodeMirror{background:#292a2b}

.test_link_1{border-radius:3px;margin-right:5px}
.test_link_1:after{content:'\e6d5';font-family:'Axicon';margin-left:3px}

.CodeMirror{border-radius:10px}
.all_preview_editor{position:relative;width:1200px;max-width:100%;margin:0 auto !important}
.all_preview_editor p{margin:0}
.all_preview_editor a{position:absolute;top:50px;right:10px;border:1px solid #ccc;padding:3px 10px}

._btn-group-box>a{margin:0 3px 3px 0}

@media screen and (max-width:999px){

.m9_title_h1>.m9_h1{font-size:1.6em}
.m9_title_h2>.m9_h2{font-size:1.4em}
.m9_title_h4>.m9_h2{font-size:1.4em;}
.m9_title_h3>.m9_h3{font-size:1.2em}

.m9_ex_txt_02{font-size:1em;}

    .m9-hr-3{padding:2em 1em;}    
/*table*/
.m-m9-table-style-1{overflow-x: scroll}
.m-m9-table-style-1>table{width:500px}

    
.ob_list._list .box .img_wrap{min-height:auto;}

.screen_shot_slick{padding:10px}

.all_preview_editor{display:none}

}