* {margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none; word-break:keep-all; box-sizing:border-box }
a[href="tel"] {color:inherit !important; text-decoration:none;}

html {overflow-x:hidden;}
body, html{font-family:'Poppins','noto','Noto Sans SC','Dotum','arial','sanoto-serif'; font-size:14px; font-weight:400; letter-spacing:-0.035em; overscroll-behavior: none}

/* common reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,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,section,summary,audio,video
{margin:0;padding:0;border:0;/*font:inherit;*/vertical-align:baseline;}
body{line-height:1;/*word-wrap:break-word;word-break:break-all*/}
table{border-collapse:collapse;border-spacing:0; background:#ffffff}
img{max-width:100%; border:0;-webkit-tap-highlight-color:rgba(0,0,0,0); vertical-align:top;-ms-interpolation-mode:bicubic; }
strong, 
b{font-weight:600;}
ol,ul{list-style:none}
html,body{width:100%; height:100%;margin:0;padding:0; /*overflow-x:hidden;*/ color:#323232;line-height:1.45; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
i,address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}

abbr,acronym,fieldset{border:0}
hr{display:none;clear:both}
legend,caption{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;line-height:0; display:none; letter-spacing:-9999px}
label{cursor:pointer}
a{color:inherit}
a:link,a:visited,a:hover,a:active{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio[controls],canvas,video{display:inline-block;zoom:1}
audio:not([controls]){display:none;height:0}
acronym,abbr{cursor:help}abbr[title]{border-bottom:1px dotted}
ul,ol{list-style:none;list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
label,select,input,button{vertical-align:middle}button{border:0;cursor:pointer}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;vertical-align:middle}
button,input{overflow:visible;line-height:normal}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;cursor:pointer;
text-decoration:none !important;
	font-family:inherit;
	font-size:0.9em;
	border:1px solid #c8c8c8;
	height:36px;
	line-height:36px;
}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
select{margin:0;padding:0;border:1px solid #ccc;box-sizing:border-box;line-height:1}
::selection{background-color:#deff00;color:#000}
::-moz-selection{background-color:#deff00;color:#000}

.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.tac{text-align:center;}



/*common*/
.fc_b {color:#0066ff}
.msr{font-family: 'Montserrat', sans-serif !important;}
.rw{font-family:'Raleway', sans-serif !important;}

.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1400px; padding:0 3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:500; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.pEnter{display:block;}
.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#273BEA}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px}
.ht100 {height:100px !important;}

@media all and (min-width:768px) {

.txt-s{font-size:15px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}

.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:48.5%; float:left;}
.mr{margin-right:3%;}
}

@media all and (min-width:1200px) {

body, html{font-size:16px;}
.pEnter{display:block;}
.mEnter{display:inline-block;}

.txt-m{font-size:30px;}
.txt-l{font-size:40px;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:40px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.bmb{margin-bottom:80px !important}

.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px}



}


.tit {margin-top: 30px; width:100%}
.tit h5 {width:60px; display: inline-block; color:#9C9C9C}
.tit i {display: inline-block;}

.logo {display:block; text-align:center;}
.logo img {width:20%}
.header_top {margin-top:20px;}
.header_right {display:block; color:#9C9C9C; text-align:center; margin-top:0; margin-bottom: 30px;}
.header_right:before {content:''; clear:both!important}
@media all and (min-width:768px) {
.header_top {margin-top:50px;}
.logo {display: inline-block; text-align: left}
.logo img {width:50%}
.header_right {display: inline-block; width:20%; color:#9C9C9C; float:right; text-align:right; margin-top:50px;}
}



.border_line {width:100%; height:1px; background:#ddd}

/*contents*/

.img_con{box-sizing:border-box; width:100%; overflow:hidden;}
.img_con img {width:100%}
.img_con p {font-size:1.2em}

@media all and (min-width:768px) {
.img_con p {font-size:1.5em}
}


.img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {transform:scale(1.1); width:100%; transform:scale(1.5); margin-bottom:80px; box-sizing:border-box;overflow:hidden;}
.mgb0 {margin-bottom:0px}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}

@media all and (min-width:768px) {
.center {margin-bottom:0px; transform:scale(1.0);}
}
 @media (max-width: 750px) {
    .btn_right_in {
    padding: 0 10px;
    position: relative;
    float: right;
    display: inline-flex;
     margin-top: 15% !important;
     font-size: 14px !important;
    }
}
 @media (max-width: 750px) {
    .logo_in {
    width: 50%;
    }
	
}
 @media (max-width: 700px) {
    .btn_right_in a {
         padding: 0 4px !important;
    }
}
 @media (max-width: 400px) {
    .btn_right_in a {
         padding: 0 0px !important;
    }
}
.btn_left_in a {display:block; padding:20px;}

.btn_right_in {font-size: 25px; margin-top:6%;}
.btn_right_in li {display:inline-flex;}
.btn_right_in li a {padding: 0 10px; display: block; position: relative; color: #717583; width:100%; margin-right:20px;}
 @media (max-width: 750px) {
 .btn_right_in li a {margin-right:0px;}
 }



.btn_right_in li a:hover {transition: all 0.2s linear; color:#0066ff; font-weight:bold; border-bottom:3px solid #0066ff;}

.logo_in {padding-top: 2%;}


/*section01*/
.section01 h2 span{color:#0066ff; position:relative}
.section01 h2 span.g_line:after {content:""; width:100%; height:25px; background:#deff00; position:absolute; bottom:0; left:0; z-index:-55}
.section01 dd {background:#0066ff; color:#FFFFFF; border-radius:50px; padding:10px 20px; display:inline-block; position:relative; font-size:1.2em}
.section01 dd:after {content:""; width: 0;height: 0;border-style: solid;border-width: 50px 40px 0px 40px;border-color: #0066ff transparent transparent transparent; position:absolute; left:35%;z-index:-55}
.img_mobile {width:70%!important;}
.txt h2 {font-size:60px; line-height:75px;}
.txt h4 {font-weight:900; font-size:40px;}
.section01 li {display:inline-block;}

 @media (max-width: 750px) {
.txt h2 {font-size:40px; line-height:50px;}
.txt h4 {font-size:40px;}
.section01 dd:after {;border-width: 30px 20px 0px 20px; top:30px; left: 42%}
.section01 li.mb_c {margin-bottom:40px;}
}

/*리뷰영상*/
.review_vd .txt p{color:#787878}
.review_vd .txt h4{position:relative; display:inline-block;}
.review_vd .txt h4:before {content:""; width:10px; height:10px; background:#0066ff; border-radius:25px; position:absolute; right:-10px}

.review_vd ul {width:100%; display:inline-block; background:#E9E9E9; padding:50px}
.review_vd ul li {width:48%; display:inline-flex; margin-right:15px;}
.review_vd ul li a {display:block; background:#fff; padding:20px; border-top:1px solid #676767; border-bottom:1px solid #676767;}
.review_vd ul li a dl dd{padding:30px 0 20px 0;}
.review_vd ul li a dl dd span{color:#fff; background:#0066ff; padding:5px 10px; border-radius:20px;}
.review_vd ul li a dl dd p{margin-top:10px;}
 @media (max-width: 750px) {
.review_vd ul {padding:50px 20px 20px 20px}
.review_vd ul li {width:100%; margin-bottom:20px;}
}

.review_vd ul li.item{position:relative;z-index:1; }
.review_vd ul li.item:before {content:""; position:absolute; right:0; top:0; width:0px; height:4px; z-index:999;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#0066ff;}
.review_vd ul li.item:after {content:""; position:absolute; left:0; bottom:0; width:0px; height:4px;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#0066ff;}
.review_vd ul li.item a:before {content:""; position:absolute; left:0; top:0; width:4px; height:0px;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#0066ff;}
.review_vd ul li.item a:after {content:""; position:absolute; right:0; bottom:0; width:4px; height:0px;
  transition:all 0.2s ease-in-out; transition-duration:0.3s; opacity:0; background-color:#0066ff;}
.review_vd ul li.item:hover:before,
.review_vd ul li.item:hover:after {width:100%; opacity:1;}
.review_vd ul li.item:hover a:before,
.review_vd ul li.item:hover a:after {height:100%; opacity:1;}
