html {-webkit-tap-highlight-color: transparent;}

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo&display=swap');

@font-face {
    font-family: 'notokr-thin';
    src: url('/font/notokr-thin/notokr-thin.eot');
    src: url('/font/notokr-thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-thin/notokr-thin.woff2') format('woff2'),
         url('/font/notokr-thin/notokr-thin.woff') format('woff'),
         url('/font/notokr-thin/notokr-thin.ttf') format('truetype'),
         url('/font//notokr-thinnotokr-thin.svg#notokr-thin') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('/font/notokr-light/notokr-light.eot');
    src: url('/font/notokr-light/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-light/notokr-light.woff2') format('woff2'),
         url('/font/notokr-light/notokr-light.woff') format('woff'),
         url('/font/notokr-light/notokr-light.ttf') format('truetype'),
         url('/font/notokr-light/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-regular';
    src: url('/font/notokr-regular/notokr-regular.eot');
    src: url('/font/notokr-regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-regular/notokr-regular.woff2') format('woff2'),
         url('/font/notokr-regular/notokr-regular.woff') format('woff'),
         url('/font/notokr-regular/notokr-regular.ttf') format('truetype'),
         url('/font/notokr-regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('/font/notokr-medium/notokr-medium.eot');
    src: url('/font/notokr-medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-medium/notokr-medium.woff2') format('woff2'),
         url('/font/notokr-medium/notokr-medium.woff') format('woff'),
         url('/font/notokr-medium/notokr-medium.ttf') format('truetype'),
         url('/font/notokr-medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-bold';
    src: url('/font/notokr-bold/notokr-bold.eot');
    src: url('/font/notokr-bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-bold/notokr-bold.woff2') format('woff2'),
         url('/font/notokr-bold/notokr-bold.woff') format('woff'),
         url('/font/notokr-bold/notokr-bold.ttf') format('truetype'),
         url('/font/notokr-bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-black';
    src: url('/font/notokr-black/notokr-black.eot');
    src: url('/font/notokr-black/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-black/notokr-black.woff2') format('woff2'),
         url('/font/notokr-black/notokr-black.woff') format('woff'),
         url('/font/notokr-black/notokr-black.ttf') format('truetype'),
         url('/font/notokr-black/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0px; padding: 0px; 
	font-family: 'notokr-medium', sans-serif;
	line-height:1.15;
}

/* COMMON */
body {margin:0; padding:0;font-family:'notokr-medium', sans-serif;color:#333; width:100%; position:relative; letter-spacing:-1px;}
#container {overflow:hidden;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select,textarea{margin:0;padding:0; font-family: 'notokr-medium', sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img,fieldset,iframe{border:0 none}
li{list-style:none; }
img{vertical-align:top}
img {-ms-interpolation-mode:bicubic !important}
img {-ms-interpolation-mode: nearest-neighbor !important}
/*em,*/address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0 none;background-color:transparent;cursor:pointer}
a{color:#2b2b2b;text-decoration:none}
a:hover{color:#000;text-decoration:none}
hr{display:none}
legend{*width:0}
p { line-height:140%; font-family: 'notokr-regular'; }
section { clear:both; float:left; width:100%;letter-spacing:-1px; margin-bottom:70px; }
section p { font-size:17px;line-height:140%; text-align: left }
section span { font-size:17px}
section h4 { text-align: left ; clear:both; float:left; font-size:40px; color:#292929;   width:100%; margin:0; }
.text_p { line-height:160%; clear: both; width: 100%; float: left ; margin-top: 20px}
.ed, .inputbox { border:1px solid #d5d5d5; padding: 5px} 

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

.only_pc{display:block;}
.only_m{display:none;}

.imgmiddle img {vertical-align:middle!important}
.imgbottom img {vertical-align:bottom !important}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

/*
textarea {line-height:18px; margin-right:3px; padding:0px 5px; background:#ffffff; border:1px solid #b5bce5; color:#000;}
input {height:18px; line-height:18px; margin-right:3px; padding:0px 5px; background:#ffffff; border:1px solid #b5bce5; color:#000;}
*/
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.input_check,.input_radio{width:13px;height:22px;margin:0;padding:0}

/* SKIP AREA */
.skip, legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.skip .hidden{ visibility:hidden; font-size:0; line-height:0;}
.skip a{ display:block; position:absolute; top:-10000em; left:0; width:100%; background-color:#000000; color:white; font:600 1.2em '돋움',dotum,helvetica,sans-serif; text-align:center;}
.skip a:hover,.skip a:active,.skip a:focus{ top:0; padding:1em 0; margin-bottom:10px; }

/* 동영상크기 반응형 */
.myvideo {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 25px;
     height: 0;
     overflow: auto; 
     -webkit-overflow-scrolling:touch; 
} 
.myvideo video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* ==================================================================
    Animation 및 효과 설정부분
===================================================================== */


/* ========== Aos (fade) ========== */
[data-aos=fade-up2] { transform: translate3d(0, 30px, 0);}
[data-aos=fade-down2] { transform: translate3d(0, -30px, 0);  }
[data-aos=fade-right2] { transform: translate3d(-30px, 0, 0); }
[data-aos=fade-left2] { transform: translate3d(30px, 0, 0); }
[data-aos=fade-up-right2] { transform: translate3d(-30px, 30px, 0); }
[data-aos=fade-up-left2] { transform: translate3d(30px, 30px, 0); }
[data-aos=fade-down-right2] { transform: translate3d(-30px, -30px, 0); }
[data-aos=fade-down-left2] { transform: translate3d(30px, -30px, 0); }
[data-aos=fade-in] { transform: translate3d(0, 0, 0); }
/* ========== Aos (zoom) ========== */
[data-aos*="bg-zoom-out"]{transform: scale(1.1)}
[data-aos*="bg-zoom-out"].aos-animate {transform: scale(1);}
[data-aos*="bg-zoom-in"]{transform: scale(1)}
[data-aos*="bg-zoom-in"].aos-animate {transform: scale(1.1);}

/* ========== Aos (reveal) ========== */
[data-aos="reveal-line"]{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
[data-aos="reveal-line"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-revers"]{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}
[data-aos="reveal-line-revers"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}

[data-aos="reveal-line-half"]{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);}
[data-aos="reveal-line-half"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-half-revers"]{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);}
[data-aos="reveal-line-half-revers"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)}

[data-aos="reveal-top"]{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
[data-aos="reveal-top"].aos-animate {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
[data-aos="reveal-bottom"]{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
[data-aos="reveal-bottom"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
[data-aos="reveal-circle"]{clip-path: circle(0% at 50% 50%);}
[data-aos="reveal-circle"].aos-animate {clip-path:  circle(100% at 50% 50%);}
[data-aos="reveal-open"]{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%)}
[data-aos="reveal-open"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}

/* 폰트굵기 */
.letter_normal { letter-spacing:0;}
.f_normal { font-weight:normal;}
.strong { font-family: 'notokr-bold'}
.strong_pink { font-family: 'notokr-bold' ; color:#ff018f}

/* 폰트크기 */
.font14 { font-size:14px;}
.font15 { font-size:15px; padding-bottom:5px}
.font16 { font-size:16px;}
.font17 { font-size:17px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font40 { font-size:40px;}
.font22p { font-size:22px;}

/* 폰트컬러 */
.font_blue { color:#1f9fe1;}
.font_blue2 { color:#1f4392;}
.font_blue3 { color:#0088d0;}
.font_pink { color:#ff519c;}
.font_pink2 { color:#ff519c  ; text-decoration: underline}
.font_red { color:#de302c;}
.font_red2 { color:#ffb8b8;}
.font_red3 { color:#c81111;}
.font_darkred { color:#b53532;}
.font_gray { color:#aeaeae;}
.font_yellow { color:#f1d630;}

/* 색박스 */
.pinkbox{ padding:3px; background:#f26d7d; color:#fff; text-align:center ; text-decoration:none;}

/*버튼전체크기*/
.btn_l {text-align: left; margin : 20px 0;}
.btn_c {text-align: center; margin : 20px 0;}
.btn_c_0 {text-align: center; margin : 0;}
.btn_c_0 p {text-align: center; margin : 10px 0;}
.btn_c_10 {text-align: center; margin : 10px 0;}
.btn_r {text-align: right; margin : 20px 0;}
.btn_all { width: 100%; text-align: center; margin : 20px 0;}


/* 3px Round style */
.bround {border-radius:3px;text-align:center}

/*버튼크기*/
.btn100 {display:inline;width:100%;height:44px; }
.btn50 {display:inline;width:49.7%;height:44px;}
.btn25 {display:inline;width:25%;height:42px; }
.btn_auto{display:block;width: auto; padding:10px 30px ;}
.btn_100 {display:block;width:100%;height:50px;margin-top:15px}
.btn_50 {display: inline; width:49.2%;height:50px;margin-top:15px}
.btn_sns {display:inline;width:100%;height:44px;}
.btn_100p {display:block;width:100%;height:70px;margin-top:15px; }

/* 버튼타입 */
.btn_typew{display:block;width:100%;height:50px;margin-top:15px}
.btn_type1 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#fff;text-align:center;color:#666;vertical-align:top;border:1px solid #d2d2d2;}
.btn_type1 .ico_arr {display:inline-block;width:6px;height:12px;margin:5px 0 0 6px;background-position:-160px -50px;vertical-align:top}
.btn_type2 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#e72888;text-align:center;color:#fff;vertical-align:top}
.btn_type3 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#a4a4a4;text-align:center;color:#fff;vertical-align:top}
.btn_type4 {font-size:16px;line-height:16px;background-color:#00c56b;background-image:-webkit-linear-gradient(135deg,  #00c56b 0%, #17a3e4 50%, #1b9cff 100%);background-image:linear-gradient(135deg, #00c56b 0%, #17a3e4 50%, #1b9cff 100%);text-align:center;color:#fff;vertical-align:top}
.btn_type5 {border-radius:3px   ;font-size:16px;line-height:16px; text-align:center;color:#fff;vertical-align:top}
.btn_type6 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#1f9fe1;text-align:center;color:#fff;vertical-align:top; letter-spacing:normal}
.btn_type6_p{border-radius:3px   ;font-size:14px;line-height:22px;background:#1f9fe1 url(/images/common/phone.png) no-repeat 60px; text-align:left;color:#fff;vertical-align:top; letter-spacing:normal; background-size:28px;  padding-left: 120px}
.btn_type7 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#fbd800;text-align:center;color:#402c2d; }
.btn_type8 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#01c73c;text-align:center;color:#0e3a1c; }

.btn_type_n {border-radius:3px   ;font-size:16px;line-height:16px; text-align:left; text-indent: 35px; vertical-align:top; letter-spacing:-1px;background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px;  color:#fff; text-decoration:none; background-size:17% }
.btn_type_k {border-radius:3px   ;font-size:16px;line-height:16px; text-align:left; text-indent: 35px; vertical-align:top; letter-spacing:-1px;background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none; background-size:17%  }
.btn_type_g {border-radius:3px   ;font-size:16px;line-height:16px; text-align:left; text-indent: 35px; vertical-align:top; letter-spacing:-1px;background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none; background-size:17% }
.btn_type_f {border-radius:3px   ;font-size:16px;line-height:16px; text-align:left; text-indent: 35px; vertical-align:top; letter-spacing:-1px;background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none; background-size:17% }

span.btn_type1 {background-color:#f0f0f0;color:#999;}

.board_button a.bigPadding { padding: 15px 30px }
.board_button button.bigPadding { padding: 25px 30px}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}

/* 버튼 */
.board_button {margin: 30px 0 0 0;position:relative}
.board_button a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff;}
.board_button a:hover {text-decoration:none; background:#091d3f}
.board_button .dark {background: #3bb8e9;border-color:#3bb8e9}


.bt_black a { padding:5px 7px; background:#111111; color:#fff; font-size:15px; text-align:center ; text-decoration:none; letter-spacing:-1px; border-radius: 0.25rem;}
.bt_black a:hover { background:#000000; text-decoration:none; border-radius: 0.25rem;}

.bt_map { float:right; display:inline}
.bt_map a { padding:5px 15px; background:#9c9c9c; color:#fff; font-size:14px; text-align:center ; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_map a:hover { background:#6b6b6b; text-decoration:none; }

.bt_apply a { padding:38px 16px; background:#1faae1; color:#fff; font-size:15px; text-align:center ; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_apply a:hover { background:#091d3f; text-decoration:none; }

.bt_pink { clear:both; margin-top:30px; border-radius:3px}
.bt_pink a { padding:17px 40px; background:#f26d7d; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_pink a:hover { background:#d23346; color:#fff; text-decoration:none; border-radius:3px;}


.bt_pink_s a { padding:7px 8px; background:#f26d7d; color:#fff; font-size:15px; text-align:center ; text-decoration:none; letter-spacing:-1px;}
.bt_pink_s a:hover { background:#d23346; text-decoration:none; }

.bt_red_s a { padding:8px 20px; background:#620f0d; color:#fff; font-size:17px; text-align:center ; text-decoration:none; letter-spacing:-1px;vertical-align: text-top; border-radius:3px; line-height: 1em}
.bt_red_s a:hover { background:#530907; text-decoration:none; border-radius:3px}

.bt_red_s2 a { padding:8px 20px; background:#620f0d; color:#fff; font-size:17px; text-align:center ; text-decoration:none; letter-spacing:-1px;vertical-align: text-top; border-radius:3px; line-height: 1em}
.bt_red_s2 a:hover { background:#530907; text-decoration:none; border-radius:3px}
 
.bt_darkblue { clear:both; margin-top:30px; border-radius:3px}
.bt_darkblue a { padding:17px 40px; background:#091d3f; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_darkblue a:hover { background:#183c7a; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkblue2 { clear:both; margin-top:30px; border-radius:3px}
.bt_darkblue2 a { padding:17px 40px; background:#1b3266; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_darkblue2 a:hover { background:#1843a3; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkblue3 { clear:both; margin-top:30px; border-radius:3px;}
.bt_darkblue3 a { padding:17px 40px; background:#0087a9; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_darkblue3 a:hover { background:#18aacf; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkblue4 { clear:both; margin-top:25px; border-radius:3px; float: left}
.bt_darkblue4 a { padding:17px 40px; background:#18aacf; color:#fff; font-size:22px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_darkblue4 a:hover { background:#0087a9; color:#fff; text-decoration:none; border-radius:3px;}

.bt_yellow2 { clear:both; margin-top:30px; border-radius:3px}
.bt_yellow2 a { padding:17px 40px; background:#ae873c; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_yellow2 a:hover { background:#e0b45e; color:#fff; text-decoration:none; border-radius:3px;}

.bt_darkred { clear:both; margin-top:30px; border-radius:3px;}
.bt_darkred a { padding:17px 40px; background:#620f0d; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px; }
.bt_darkred a:hover { background:#b53532; color:#fff; text-decoration:none; border-radius:3px;}

.bt_lightgreen { clear:both; margin-top:30px; border-radius:3px}
.bt_lightgreen a { padding:17px 40px; background:#13b5b1; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_lightgreen a:hover { background:#009894; color:#fff; text-decoration:none; border-radius:3px;}

.bt_grayoff { clear:both; margin-top:30px; border-radius:3px;}
.bt_grayoff a { padding:17px 40px; background:#9c9c9c; color:#fff; font-size:18px; text-align:center ; text-decoration:none; border-radius:3px; }
.bt_grayoff a:hover { background:#6b6b6b; color:#fff; text-decoration:none; border-radius:3px;}


.bt_gray a { padding:7px 8px; background:#9c9c9c; color:#fff;  text-align:center ; text-decoration:none; letter-spacing:-1px; font-size:15px; }
.bt_gray a:hover { background:#6b6b6b; text-decoration:none; }
.bt_gray a:visited { color:#fff !important}

.bt_gray_s { margin-top:10px;}
.bt_gray_s a { padding:5px 7px; background:#9c9c9c; color:#fff; font-size:13px; text-align:center ; text-decoration:none; letter-spacing:-1px;vertical-align: middle;}
.bt_gray_s a:hover { background:#6b6b6b; text-decoration:none; }

.bt_orange a { padding:6px 6px; background:#f76d39; color:#fff; font-size:15px; text-align:center ; text-decoration:none; letter-spacing:-1px; }
.bt_orange a:hover { background:#dd460d; text-decoration:none; }

.bt_orange2 a { padding:6px 8px; background:#f76d39; color:#fff; font-size:14px; text-align:center ; text-decoration:none; letter-spacing:-1px; }
.bt_orange2 a:hover { background:#dd460d; text-decoration:none; }

.bt_orange3 a { padding:8px 6px; background:#f76d39; color:#fff; font-size:15px; text-align:center ; text-decoration:none; letter-spacing:-1px; }
.bt_orange3 a:hover { background:#dd460d; text-decoration:none; }

.bt_blue2 a { padding:8px 12px; background:#0391da; color:#fff; font-size:15px; text-align:center ; text-decoration:none; margin-left: 5px }
.bt_blue2 a:hover { background:#0391da; text-decoration:none; }

.bt_green { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_green a { padding:15px 64px 15px 78px;  background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center ; text-decoration:none; }
.bt_green a:hover { background:#177c00 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_blue { clear:both; padding:18px 0; display:block;width:100%;}
.bt_blue a { padding:15px 52px 15px 76px; background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center ; text-decoration:none;}
.bt_blue a:hover { background:#0a2866 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_yellow { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_yellow a { padding:15px 64px 15px 78px; background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; font-size:17px; text-align:center ; text-decoration:none;}
.bt_yellow a:hover { background:#ffc000 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none}

.bt_naver { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_naver a {  background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center ; text-decoration:none; }
.bt_naver a:hover { background:#177c00 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_facebook { clear:both; padding:18px 0; display:block;width:100%;}
.bt_facebook a { background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center ; text-decoration:none;}
.bt_facebook a:hover { background:#0a2866 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_kakao { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_kakao a {  background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; font-size:17px; text-align:center ; text-decoration:none;}
.bt_kakao a:hover { background:#ffc000 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none}

.bt_google { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_google a { background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; font-size:17px; text-align:center ; text-decoration:none;}
.bt_google a:hover { background:#881c14 url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_board { clear:both; margin-top:30px}
.bt_board a { padding:8px 20px; background:#c91281; color:#fff; text-align:center ; text-decoration:none;}
.bt_board a:hover { background:#fb38ae; color:#fff; text-decoration:none}


.bt_all a { padding:10px 35px; background:#f26d7d; color:#fff; text-align:center ; text-decoration:none; }
.bt_all a:hover { background:#d23346; text-decoration:none; }

.bt_search a { padding:10px 35px; background:#1faae1; color:#fff; text-align:center ; text-decoration:none; }
.bt_search a:hover { background:#091d3f; text-decoration:none; }

.bt_counsel a { padding:10px 25px; background:#1faae1; color:#fff; text-align:center ; text-decoration:none; line-height: 100% }
.bt_counsel a:hover { background:#091d3f; text-decoration:none; }

.bt_playall { margin-left:10px; border: 1px solid #d8d8d8; padding:5px 10px;font-size:13px ;letter-spacing:normal; font-weight: normal; margin: 0}
.bt_playall a { text-align:center;  text-decoration:none;}

.bt_utv a { padding:12px 65px 12px 45px; background:#292929 url("/images/common/utv_arrow.png") no-repeat 92% 55%; color:#fff; text-align:left ; text-decoration:none; }

.floatR { float:right !important;}
.floatL { float:left !important;}
.floatC { margin:0 auto !important;}
.clear { clear:both !important;}
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.border_no { border:none !important;}

/* padding / margin **********************************************/
.pad_top1 { padding-top:1px !important;}
.pad_top2 { padding-top:2px !important;}
.pad_top3 { padding-top:4px !important;}
.pad_top5 { padding-top:5px !important;}
.pad_top6 { padding-top:6px !important;}
.pad_top8 { padding-top:8px !important;}
.pad_top10 { padding-top:10px !important;}
.pad_top11 { padding-top:11px !important;}
.pad_top15 { padding-top:15px !important;}
.pad_top20 { padding-top:20px !important;}
.pad_top25 { padding-top:25px !important;}
.pad_top30 { padding-top:30px !important;}
.pad_top40 { padding-top:40px !important;}
.pad_top50 { padding-top:50px !important;}
.pad_top60 { padding-top:60px !important;}
.pad_top70 { padding-top:70px !important;}
.pad_top80 { padding-top:80px !important;}
.pad_top90 { padding-top:90px !important;}
.pad_top100 { padding-top:100px !important;}

.pad_left0 { padding-left:0 !important;}
.pad_left5 { padding-left:5px !important;}
.pad_left7 { padding-left:7px !important;}
.pad_left9 { padding-left:9px !important;}
.pad_left10 { padding-left:10px !important;}
.pad_left13 { padding-left:13px !important;}
.pad_left15 { padding-left:15px !important;}
.pad_left20 { padding-left:20px !important;}
.pad_left30 { padding-left:30px !important;}
.pad_left32 { padding-left:32px !important;}
.pad_left40 { padding-left:40px !important;}
.pad_left43 { padding-left:43px !important;}
.pad_left47 { padding-left:47px !important;}
.pad_left45 { padding-left:45px !important;}
.pad_left50 { padding-left:50px !important;}
.pad_left60 { padding-left:60px !important;}
.pad_left65 { padding-left:65px !important;}
.pad_left67 { padding-left:67px !important;}
.pad_left145 { padding-left:145px !important;}
.pad_left390 { padding-left:390px !important;}
.pad_left470 { padding-left:470px !important;}
.pad_left520 { padding-left:520px !important;}
.pad_left535 { padding-left:535px !important;}
.pad_left590 { padding-left:590px !important;}
.pad_left685 { padding-left:685px !important;}

.pad_right3 { padding-right:3px !important;}
.pad_right5 { padding-right:5px !important;}
.pad_right7 { padding-right:7px !important;}
.pad_right10 { padding-right:10px !important;}
.pad_right20 { padding-right:20px !important;}
.pad_right30 { padding-right:30px !important;}
.pad_right32 { padding-right:32px !important;}
.pad_right45 { padding-right:45px !important;}
.pad_right58{ padding-right:58px !important;}
.pad_right67{ padding-right:67px !important;}

.pad_bottom5 { padding-bottom:5px !important;}
.pad_bottom7 { padding-bottom:7px !important;}
.pad_bottom10 { padding-bottom:10px !important;}
.pad_bottom15 { padding-bottom:15px !important;}
.pad_bottom20 { padding-bottom:20px !important;}
.pad_bottom25 { padding-bottom:25px !important;}
.pad_bottom30 { padding-bottom:30px !important;}
.pad_bottom35 { padding-bottom:35px !important;}
.pad_bottom50 { padding-bottom:50px !important;}
.pad_bottom70 { padding-bottom:70px !important;}
.pad_bottom247 { padding-bottom:247px !important;}

.margin_left5 { margin-left:5px !important;}
.margin_left10 { margin-left:10px !important;}
.margin_left20 { margin-left:20px !important;}
.margin_left300 { margin-left:300px !important;}

.margin_right5 { margin-right:5px !important;}
.margin_right10 { margin-right:10px !important;}
.margin_right35 { padding-right:35px !important;}

.margin_top5 { margin-top:5px !important;}
.margin_top8 { margin-top:8px !important;}
.margin_top10 { margin-top:10px !important;}
.margin_top15 { margin-top:15px !important;}
.margin_top20 { margin-top:20px !important;}
.margin_top30 { margin-top:30px !important;}
.margin_top40 { margin-top:40px !important;}
.margin_top45 { margin-top:45px !important;}
.margin_top50 { margin-top:50px !important;}
.margin_top70 { margin-top:70px !important;}
.margin_top90 { margin-top:90px !important;}
.margin_top110 { margin-top:110px !important;}
.margin_top140 { margin-top:140px !important;}

.margin_topm30 {margin-top:-30px; float:left !important}
.margin_topm50 {margin-top:-50px; float:left !important}

.margin_bottom5 { margin-bottom:5px !important;}
.margin_bottom7 { margin-bottom:7px !important;}
.margin_bottom10 { margin-bottom:10px !important;}
.margin_bottom15 { margin-bottom:15px !important;}
.margin_bottom20 { margin-bottom:20px !important;}
.margin_bottom30 { margin-bottom:30px !important;}
.margin_bottom40 { margin-bottom:40px !important;}
.margin_bottom50 { margin-bottom:50px !important;}
.margin_bottom70 { margin-bottom:70px !important;}
.margin_bottom100 { margin-bottom:100px !important;}


.tspace {padding-top:80px;}

/*오톡해구독*/
	.ok_mask2 {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	}

	#ok_boxes4 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:308px;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes4 #ok_dialog {
	  width:550px; 
	  padding:0;
	  background-color:#ffffff;
	}

	#ok_boxes4 #ok_dialog img {width:auto}


	#ok_boxes5 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:308px;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes5 #ok_dialog {
	  width:350px; 
	  padding:0;
	  background-color:#ffffff;
	}

	#ok_boxes5 #ok_dialog img {width:auto}


/*오톡해구독*/
.pop_end4 {margin:0 auto ; padding: 0; font-size: 1.5em; color: #393939; font-weight: normal; font-family: 'notokr-medium', sans-serif; text-align: center;  line-height: 1em !important}
.pop_end4 .f_point { color: #f65656; padding: 0  ; font-size: 1em; }

.pop_end4 img {width: auto !important}
.pop_end4 p {line-height: 2em;  }
.pop_end4 p span{line-height: 2em;   }
.pop_end4 .bt_warp { margin-top: 30px}
.pop_end4 .bt_warp span { margin: 0 2%}


@media screen and (-webkit-min-device-pixel-ratio:0) {
		body, html {margin:0; padding:0}
		.tspace {margin-top:-80px; float:left}
}

@media all and (max-width:1300px) and (min-width:768px) {	
section h4{ clear:both; float:left; font-size:1.5em; color:#292929;   width:100%; margin: 0; line-height: 1em}
section h4 img {width: 30px !important}
	
}


@media all and (max-width:800px) and (min-width:0px) {
	
/* 색박스 */
.pinkbox{ padding:2px; background:#f26d7d; color:#fff; text-align:center ; text-decoration:none; font-family:'notokr-medium'; font-weight: normal; font-size: 3vw}
	
.text_p { line-height:150%;font-size:0.9rem; clear: both; width: 100%; float: left ; margin-top: 10px}	

section { margin-bottom:40px; }
section p { font-size:0.9rem;line-height:150%; text-align: left }
section span { font-size:0.9rem;line-height:150% }
section h4{ clear:both; float:left; font-size:1.2em; color:#292929;   width:100%; margin:0; line-height: 1.2em}
section h4 img {width: 30px !important}

	
/*버튼전체크기*/
.btn_l {text-align: left; margin : 20px 0;}
.btn_c {text-align: center; margin : 20px 0;}
	
/*버튼크기*/
.btn100 {display:block;width:100%;height:44px; }
.btn50 {display:inline;width:49.2%;height:44px;}
.btn25 {display:inline;width:25%;height:42px; }
.btn_auto{display:block;width: 100%; margin: 10px 0}

	
/* 폰트크기 */
.font14 { font-size:14px;}
.font15 { font-size:15px; padding-bottom:5px}
.font16 { font-size:16px;}
.font18 { font-size:0.85em;}
.font20 { font-size:0.9em;}
.font22 { font-size:0.95em;}
.font24 { font-size:1.1em;}
.font40 { font-size:1em;}
.font22p { font-size:1.2rem;}

/* 버튼타입 */
.btn_typew{display:block;width:100%;height:50px;margin-top:15px}
.btn_type1 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#fff;text-align:center;color:#666;vertical-align:top;border:1px solid #d2d2d2;}
.btn_type1 .ico_arr {display:inline-block;width:6px;height:12px;margin:5px 0 0 6px;background-position:-160px -50px;vertical-align:top}
.btn_type2 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#e72888;text-align:center;color:#fff;vertical-align:top}
.btn_type3 {border-radius:3px   ;font-size:16px; background-color:#a4a4a4;text-align:center;color:#fff;vertical-align:top}
.btn_type4 {border-radius:3px   ;font-size:16px;line-height:16px;background-color:#00c56b;background-image:-webkit-linear-gradient(135deg,  #00c56b 0%, #17a3e4 50%, #1b9cff 100%);background-image:linear-gradient(135deg, #00c56b 0%, #17a3e4 50%, #1b9cff 100%);text-align:center;color:#fff;vertical-align:top}
.btn_type6_p {border-radius:3px   ;font-size:14px;line-height:20px;background:#1f9fe1 url(/images/common/phone.png) no-repeat 7%; text-align:left;color:#fff;vertical-align:top; letter-spacing:normal; background-size:28px;  padding-left: 80px}
	
.btn_type_n {border-radius:3px   ;font-size:0.85em;line-height:16px; text-align:left; text-indent: 35px;  vertical-align:top; letter-spacing:-1px;background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none; background-size:17%  }
.btn_type_k {border-radius:3px   ;font-size:0.85em;line-height:16px; text-align:left; text-indent: 35px;  vertical-align:top; letter-spacing:-1px;background:#ffe400 url(/images/common/icon_ka.png) no-repeat 7px; color:#2c1800; text-decoration:none; background-size:18%  }
.btn_type_g {border-radius:3px   ;font-size:0.85em;line-height:16px; text-align:left; text-indent: 35px;  vertical-align:top; letter-spacing:-1px;background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none; background-size:18%  }
.btn_type_f {border-radius:3px   ;font-size:0.85em;line-height:16px; text-align:left; text-indent: 35px;  vertical-align:top; letter-spacing:-1px ;background:#3d5b99 url(/images/common/icon_f.png) no-repeat 7px; color:#fff; text-decoration:none; background-size:18%;}
	
span.btn_type1 {background-color:#f0f0f0;color:#999;}
	
/* 버튼 */
.bt_black a { padding:8px; background:#111111; color:#fff; font-size:0.8rem; text-align:center ; text-decoration:none; letter-spacing:-1px; border-radius: 0.25rem; }
.bt_black a:hover { background:#000000; text-decoration:none; border-radius: 0.25rem;}
	
.bt_darkblue { clear:both; margin-top:30px; border-radius:3px}
.bt_darkblue a { padding:10px 15px; background:#091d3f; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px}
.bt_darkblue a:hover { background:#183c7a; color:#fff; border-radius:3px;}
	
.bt_darkred {clear:both; margin-top:30px; border-radius:3px; }
.bt_darkred a {padding:10px 15px; background:#620f0d; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px}
.bt_darkred a:hover { background:#b53532; color:#fff; text-decoration:none; border-radius:3px;}

.bt_yellow2 {clear:both; margin-top:30px; border-radius:3px}
.bt_yellow2 a { padding:10px 15px; background:#ae873c; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px }
.bt_yellow2 a:hover { background:#e0b45e; color:#fff; text-decoration:none; border-radius:3px;}
	
.bt_pink { clear:both; margin-top:30px; border-radius:3px}
.bt_pink a { padding:10px 15px; background:#f26d7d; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_pink a:hover { background:#d23346; color:#fff; text-decoration:none; border-radius:3px;}

.bt_red_s a { padding:8px; background:#620f0d; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none; letter-spacing:-1px; border-radius:3px;}
.bt_red_s a:hover { background:#530907; text-decoration:none; border-radius:3px; font-size:0.85em; }

.bt_red_s2 a {padding:8px; background:#620f0d; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none; letter-spacing:-1px; border-radius:3px; }
.bt_red_s2 a:hover { background:#530907; text-decoration:none; border-radius:3px; font-size:0.85em; }

.bt_orange a { padding:7px 8px; background:#f76d39; color:#fff; font-size:1em; text-align:center ; text-decoration:none; letter-spacing:-1px;  }
.bt_orange a:hover { background:#dd460d; text-decoration:none; border-radius: 0.25rem;}
	
.bt_orange3 a { padding:4px; background:#f76d39; color:#fff; font-size:3vw; text-align:center ; text-decoration:none; letter-spacing:-1px;  }
.bt_orange3 a:hover { background:#dd460d; text-decoration:none; border-radius: 0.25rem;}
	
.bt_blue2 a {   padding:7px 10px; clear: both; display: block; background:#0391da; color:#fff; font-size:1em; text-align:center ; text-decoration:none; margin-left: 0 ; margin-top: 5px}
.bt_blue2 a:hover { background:#0391da; text-decoration:none; }	
	
.bt_pink_s a { padding:7px; background:#f26d7d;; color:#fff;  text-align:center ; text-decoration:none; letter-spacing:-1px; font-size:1em;}
.bt_pink_s a:hover { background:#d23346; text-decoration:none; }
	
.bt_gray a { padding:7px; background:#9c9c9c; color:#fff;  text-align:center ; text-decoration:none; letter-spacing:-1px; font-size:1em; }
.bt_gray a:hover { background:#6b6b6b; text-decoration:none; }
.bt_gray a:visited { color:#fff !important}
	
.bt_grayoff { clear:both; margin-top:30px; border-radius:3px;}
.bt_grayoff a { padding:10px 15px; background:#9c9c9c; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px; }
.bt_grayoff a:hover { background:#6b6b6b; color:#fff; text-decoration:none; border-radius:3px;}
	
.bt_lightgreen { clear:both; margin-top:30px; border-radius:3px}
.bt_lightgreen a { padding:10px 15px; background:#13b5b1; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_lightgreen a:hover { background:#009894; color:#fff; text-decoration:none; border-radius:3px;}

.bt_naver { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_naver a {  background:#22b600 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none; }
.bt_naver a:hover { background:#177c00 url(/images/common/icon_naver.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_facebook { clear:both; padding:18px 0; display:block;width:100%;}
.bt_facebook a { background:#3d5b99 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none;}
.bt_facebook a:hover { background:#0a2866 url(/images/common/icon_f.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_kakao { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_kakao a { background:#ffe400 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; font-size:0.85em; text-align:center ; text-decoration:none;}
.bt_kakao a:hover { background:#ffc000 url(/images/common/icon_ka.png) no-repeat 10px; color:#2c1800; text-decoration:none}

.bt_google { clear:both; padding:18px 0 ; display:block;width:100%;}
.bt_google a {  background:#b6362c url(/images/common/icon_g.png) no-repeat 10px; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none;}
.bt_google a:hover { background:#881c14 url(/images/common/icon_g.png) no-repeat 10px; color:#fff; text-decoration:none}

.bt_all a { padding:9px; background:#f26d7d; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none; letter-spacing:-1px; margin: 0;}
.bt_all a:hover { background:#d23346; text-decoration:none; }

.bt_search a { padding:9px; background:#1faae1; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none; letter-spacing:-1px; margin: 0;}
.bt_search a:hover { background:#091d3f; text-decoration:none; }

.bt_counsel a { padding:9px; background:#1faae1; color:#fff; font-size:0.85em; text-align:center ; text-decoration:none; letter-spacing:-1px; margin: 0;}
.bt_counsel a:hover { background:#091d3f; text-decoration:none; }

.bt_darkblue4 { clear:both; margin-top:10px; border-radius:3px; float: left; }
.bt_darkblue4 a { padding:12px 25px; background:#18aacf; color:#fff; font-size:1em; text-align:center ; text-decoration:none; border-radius:3px;}
.bt_darkblue4 a:hover { background:#0087a9; color:#fff; text-decoration:none; border-radius:3px;}

.bt_playall { margin-left:0; border: 1px solid #d8d8d8; padding:5px 10px;font-size:0.65em ;letter-spacing:normal; font-weight: normal;}
.bt_playall a {  text-align:center;  text-decoration:none; letter-spacing:normal; }
	
.bt_utv a { padding:10px 55px 10px 25px; background:#292929 url("/images/common/utv_arrow.png") no-repeat 92% 55%; color:#fff; text-align:left ; text-decoration:none; font-size:0.9rem }
	
/*오톡해구독*/
	.ok_mask2 {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	}

	#ok_boxes4 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:auto;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes4 #ok_dialog {
	  width:70%; 
	  padding:0;
	  background-color:#ffffff;
	}
	#ok_boxes4 #ok_dialog img {width:auto}
	
	
	#ok_boxes5 .ok_window4 {
	  position: absolute;
	  left:0;
	  top:-50%;
	  width:100%;
	  height:auto;
	  display:none;
	  z-index:9999;
	  padding:0;
	  margin-top: 0;
      border:3px solid #cd3737;
	}

	#ok_boxes5 #ok_dialog {
	  width:70%; 
	  padding:0;
	  background-color:#ffffff;
	}
	#ok_boxes5 #ok_dialog img {width:auto}
	

/*오톡해구독*/
.pop_end4 {margin:0 auto ; padding: 0 0 20px 0; font-size: 1.1em; color: #393939;  text-align: center;  line-height: 0.8em !important}
.pop_end4 .f_point { color: #f65656; padding: 0  ; font-size: 1em; }

.pop_end4 img {width: auto !important}
.pop_end4 p {line-height: 1em;  }
.pop_end4 p span{line-height: 1em;   }
.pop_end4 .bt_warp { margin-top: 20px}
.pop_end4 .bt_warp span { margin: 0}
.pop_end4 .bt_warp img { width: 70% !important}

	
	

	
}



/* 톡톡상담 */
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-txt {
  display: inline-block;
  text-indent: 32px;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 2.6em;
  color: #333  ;
}

.overflow-hidden {
  overflow: hidden;
}


@media only screen and (min-width: 768px) {
  .cd-main-content {
    padding-top: 70px;
  }
}


@media only screen and (min-width: 768px) {
  header {
    height: 70px;
  }
}

#cd-logo {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 22px 0 0 30px;
  }
}



#cd-lateral-nav {
  position: fixed;
  height: auto;
  right: 0;
  bottom:60px;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 999;
  width: 100%;
  background-color: #fff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateY(420px);
  -moz-transform: translateY(420px);
  -ms-transform: translateY(420px);
  -o-transform: translateY(420px);
  transform: translateY(420px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 25px;
}
.no-touch #cd-lateral-nav a:hover {
  color: #fff;
}

#cd-lateral-nav img{width: 100% !important}
#cd-lateral-nav2 img{width: 100% !important}

#cd-lateral-nav2 {
  position: fixed;
  height: auto;
  right: 0;
  bottom:60px;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 999;
  width: 100%;
  background-color: #fff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateY(420px);
  -moz-transform: translateY(420px);
  -ms-transform: translateY(420px);
  -o-transform: translateY(420px);
  transform: translateY(420px);
}
#cd-lateral-nav2 .cd-navigation {
  margin: 10px 0 25px;
}
.no-touch #cd-lateral-nav2 a:hover {
  color: #fff;
}





@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
	
  #cd-lateral-nav2 .cd-navigation {
    margin: 20px 0;
  }
	


}





#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}


#cd-lateral-nav .socials {
  padding: 0 10px;
}

#cd-lateral-nav .socials ul {padding: 0 ; margin: 0; width: 100%}
#cd-lateral-nav .socials li {padding: 0 ; float: left}
#cd-lateral-nav .socials li:nth-child(3n+1) {margin: 1% 1% 1% 0; width: 32%; }
#cd-lateral-nav .socials li:nth-child(3n+2) {margin: 1%; width: 32%; }
#cd-lateral-nav .socials li:nth-child(3n+3) {margin: 1% 0 1% 1%; width: 32%; }

#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 35px;
  width: 100%;
  float: left;
  padding: 0;
  background: url("/images/common/socials_kakao.png") 5px 60% no-repeat ;
  background-size: 23px 23px;
  background-color: #fff;
  border-radius: 0.25em;
  color: #333;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}



	
	
#cd-lateral-nav2.lateral-menu-is-open {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}


#cd-lateral-nav2 .socials {
  padding: 0 10px;
}

#cd-lateral-nav2 .socials ul {padding: 0 ; margin: 0; width: 100%}
#cd-lateral-nav2 .socials li {padding: 0 ; float: left}
#cd-lateral-nav2 .socials li:nth-child(3n+1) {margin: 1% 1% 1% 0; width: 32%; }
#cd-lateral-nav2 .socials li:nth-child(3n+2) {margin: 1%; width: 32%; }
#cd-lateral-nav2 .socials li:nth-child(3n+3) {margin: 1% 0 1% 1%; width: 32%; }


#cd-lateral-nav2 .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav2 .socials a {
  height: 35px;
  width: 100%;
  float: left;
  padding: 0;
  background: url("/images/common/socials_talk.png") 6px 60% no-repeat ;
  background-size: 20px 20px;
  background-color: #fff;
  border-radius: 0.25em;
  color: #333;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}