@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: bottom;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0; width:100%; font-family:'Nanum Square', sans-serif;}
td {vertical-align:middle; font-family:'Nanum Square', sans-serif;}
th {vertical-align:middle; font-family:'Nanum Square', sans-serif;}
p, h2, h3 {orphans: 3;widows: 3;font-family: 'Nanum Square', sans-serif;}
a {color: #606060;text-decoration: none;outline: none; font-family:'Nanum Square', sans-serif;}
a:hover, a:focus {color: #606060;text-decoration: none;outline: none; font-family:'Nanum Square', sans-serif;}
h1 {font-size: 48px;}
h2 {font-size: 34px;font-weight: bold;}
h3 {font-size: 24px; font-family:'Nanum Square', sans-serif;}
h4 {font-size: 20px; font-family:'Nanum Square', sans-serif;}
h5 {font-size: 16px; font-family:'Nanum Square', sans-serif;}
h6 {font-size: 13.6px; font-family:'Nanum Square', sans-serif;}
ul,ol {padding: 0;margin: 0;}
ul ul,ul ol,ol ol,ol ul {list-style: none; margin-bottom: 0;}
li {list-style-type: none; font-family:'Nanum Square', sans-serif;}

@media screen and (max-width: 1200px){
    .qna_board_wrap{width:89%;margin:0 auto;height: 1750px;}
    #wrapper{/* width:100%; */}
   body{width:100%;overflow-x: hidden;}
    .subMdDiv1 p{/* font-size: 14px; */}
        html{
    width: 147%;
    overflow-x: hidden;
}
        .innerImgT{
    width: 90% !important;
    right: -266px !important;
}
        .innerI.on{width: 40%;}
.gioDiv1_1{/* width:100% !important; */}
.gioDiv1_1_1{/* width:49% !important; */}
.gioDiv1_1_2 {/* width: 48% !important; */}
.MiddleSlider .slick-track{/* margin-left:121px !important; */}
.main_middle{/* width:100%; *//* box-sizing:border-box; */overflow: hidden;}
.middle_inner{/* width: 100% !important; */}
.lockDiv1,.lockDiv2{/* height:100% !important; */}
.MiddleSlider {/* width:99% !important; */}
.MiddleSlider .slick-slide{/*padding:25px;*/}
.topPrevBtn,.topNextBtn{top:40% !important;}

.MiddleSlider .slick-slide img{
        /*width:120%;*/
}
.MiddleSlider {/*width:100%;*/}
.quick_menu{display:none !important;}
.main_bottom{/* width: 100% !important; */}
.bottom_Div1,.bottom_Div2,.bottom_Div3{/* width:50% !important; */}
.bottom_Div3 .btDiv3_1,.bottom_Div3 .btDiv3_2{width:50%;}


}
@media screen and (max-width: 768px) {
 html{}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
  html{
    width: 153%;
}

}

@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { 
      html{
    width: 136%;
}

    }


@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
  html{
    width: 169%;
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
 html{
    width: 131%;
}

  }





.pointer {cursor:pointer;}
.none {display:none;}
.subTopTit p {text-transform:lowercase;}

.typed-cursor{
            opacity: 1;
            line-height: 85px;
            font-weight: 100;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }