@charset "utf-8";
@import url('font.css'); 
/* reset */
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,
caption, tbody, tfoot, thead,
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 {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

b{font-weight:bold}


/*table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
img, button{vertical-align: middle;border:none;padding:0;margin:0}

 body,input,textarea,select,button,table, div, p{
  font-family: 'Noto Sans KR', 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',dotum,' 돋움','굴림';
  font-size:13px;
  color:#555;
  line-height:140%; 
  letter-spacing:-0.05em
}
a:link,a:visited,a:active,a:hover {
  color:#555;
  font-size:13px;
  font-family: 'Noto Sans KR', 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',dotum,' 돋움','굴림';
  text-decoration:none; 
  letter-spacing:-0.05em
} 

button{cursor:pointer;border-radius:0;-webkit-appearance:none}
strong{font-weight:bolder}

img.max_w{max-width:100%;width:auto}
.blind, hr, legend{display:none;} .hand{cursor:pointer}

.mt0{margin-top:0 !important;}.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}.mt60{margin-top:60px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}
.mb0{margin-bottom:0 !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml30{margin-left:30px !important}.ml40{margin-left:40px !important}.ml50{margin-left:50px !important}.ml60{margin-left:60px !important}.ml70{margin-left:70px !important}.ml80{margin-left:80px !important}.ml90{margin-left:90px !important}
.mr0{margin-right:0 !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr30{margin-right:30px !important}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important}.mr60{margin-right:60px !important}.mr70{margin-right:70px !important}
.pt0{padding-top:0 !important}.pt10{padding-top:10px !important}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important}.pt40{padding-top:40px !important}
.pl0{padding-left:0 !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important}.pl40{padding-left:40px !important}
.pd0{padding:0 !important}.pd10{padding:10px !important}.pd15{padding:15px !important}.pd20{padding:20px !important}.pd30{padding:30px !important}
.w5{width:5% !important} .w10{width:10% !important} .w15{width:15% !important} .w20{width:20% !important} .w25{width:25% !important} .w30{width:30% !important} .w33{width:33% !important} .w35{width:35% !important} .w40{width:40% !important} .w45{width:45% !important} .w50{width:50% !important} .w55{width:55% !important} .w60{width:60% !important} .w65{width:65% !important} .w70{width:70% !important} .w75{width:75% !important} .w80{width:80% !important}  .w90{width:90% !important}  .w95{width:95% !important}  .w100{width:100% !important} 
.mt5m{margin-top:-5px}

.fl_left{float:left;}.fl_right{float:right;}.fl_clear{clear:both;}
.al_left{text-align:left !important} .al_right{text-align:right !important} .al_center{text-align:center !important}
.t_a_c{text-align:center}.t_a_r{text-align:right}
.va_top {vertical-align:top} .va_middle {vertical-align:middle} .va_bottom {vertical-align:bottom}
.m_a_c{margin:0 auto}
.table_w{display:table}
.overflow{overflow:hidden}
.po_rel{position:relative}
/* form */
select{padding:2px;height:27px;border:1px solid #b3b3b3}
input[type='text'],input[type='password']{border:1px solid #d1d1d1;border-radius:0;-webkit-appearance:none}
input[type='file']{border:1px solid #d1d1d1;background:#FFF}
input[type='radio']{vertical-align:middle}
input[type='checkbox']{vertical-align:middle}
textarea{border:1px solid #d1d1d1;line-height:150%}
.input{height:30px;border:1px solid #dddddd}

/* font */
.t_fff{color:#FFF}.t_bs{color:#62ffee}.t_red{color:#d84141}.t_bl{color:#2d64a7}.f_sky{color:#289eca}.f_gray{color:#666}
.t_12{font-size:12px}.t_14{font-size:14px !important; line-height:1.4em}.t_15{font-size:15px;line-height:1.4em}.t_16{font-size:16px;line-height:1.4em}.t_20{font-size:20px}.t_24{font-size:24px;line-height:1.4em}
.f_11{font-size:11px;}.f_13{font-size:13px;}.f_14{font-size:14px;}.f_15{font-size:15px;}.f_16{font-size:16px;}
.lh13{line-height:1.3em !important} .lh14{line-height:1.4em !important} .lh15{line-height:1.5em !important}
.le_sp1{letter-spacing:-0.1em} .le_sp5{letter-spacing:-0.05em}
.f_b{font-weight:bolder} .f_n{font-weight:normal}

/* icon */
.dot_comm{display:block;background:url(../images/ico_dot.gif) no-repeat 0 8px ;padding-left:7px;font-size:13px;line-height:1.5em}
.dot_comm_w{display:block;background:url(../images/ico_dot_w.html) no-repeat 0 8px;padding-left:7px;font-size:15px;line-height:1.5em}
.fa-ico {display:inline-block; font:normal 14px/1 'FontAwesome'; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:top}

.txt_line{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;color:#333;line-height:150%}
.txt_comm{margin-bottom:15px;margin-top:27px;color:#666;font-size:14px;line-height:140%}

/* button */
.btn_aw_comm{display:inline-block;width:83px;height:23px;background:#58585a url(../../cdn.kfish.co.kr/images/btn_aw.gif) no-repeat  75px 7px; color:#FFF;line-height:23px;padding-left:7px;text-align:left }
a.btn_aw_comm {color:#FFF !important;font-size:11px}
.con02 .btn_aw_comm{width:140px;background-position: 90% 7px}
.btn_comm{display:inline-block;height:40px;background:#747474;color:#fff;font-size:15px;padding:0 15px;text-align:center;line-height:40px;letter-spacing:-0.05em;cursor:pointer}
a.btn_comm{color:#fff !important} 
.btn_comm_bl{background:#1a8bd4}
.btn_comm_pink{background:#f562a9}
.btn_comm_gy{background:#888}
.btn_comm_s{display:inline-block;height:28px;background:#747474;color:#fff;font-size:13px;padding:0 35px;text-align:center;line-height:28px;letter-spacing:-0.05em;cursor:pointer;}
a.btn_comm_s{color:#fff !important;font-size:13px}
.btn_comm_t{display:inline-block;height:25px;background:#747474;color:#fff;font-size:11px;padding:0 8px;text-align:center;line-height:23px;letter-spacing:-0.05em;cursor:pointer;margin:0px 0px 3px 0px}
a.btn_comm_t{color:#fff !important;font-size:11px}
.btn_comm_g{ border:1px solid #4d4d4d; background: #a1a1a1; /* Old browsers */background: -moz-linear-gradient(top,  #a1a1a1 0%, #4a4a4a 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #a1a1a1 0%,#4a4a4a 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #a1a1a1 0%,#4a4a4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */}
.btn_comm_m{display:inline-block;height:20px;background:#747474;color:#fff;font-size:11px;padding:0 7px;text-align:center;line-height:18px;letter-spacing:-0.05em;cursor:pointer;margin-bottom:2px}
a.btn_comm_m{color:#fff !important;font-size:11px}
.btn_comm_m2{display:inline-block;height:17px;background:#747474;color:#fff;font-size:9px;padding:0 5px;text-align:center;line-height:18px;letter-spacing:-0.05em;cursor:pointer;margin-bottom:2px}
a.btn_comm_m2{color:#fff !important;font-size:9px}
.btn_step01{background:#ec3b74;width:42px}
.btn_step02{background:#eea522;width:42px}
.btn_step03{background:#359bd6;width:42px}
.btn_step04{background:#96b91d;width:42px}
.btn_step05{background:#7536dd;width:42px}
.btn_state01{background:#ec3b74;width:42px}
.btn_state02{background:#359bd6;width:42px} 

/* button style */
.btn-w-comm{display:inline-block; background:#FFF; text-align:center; color:#000;  text-decoration:none; border:1px solid #888888;  cursor:pointer} .btn-w-comm:hover{background:#f3f3f3; text-decoration:none;}
.btn-bl-comm{display:inline-block; background:#1a8bd4; text-align:center; color:#FFF !important; border:1px solid #1a8bd4; cursor:pointer} .btn-bl-comm:hover{background:#3665c3; color:#fff; text-decoration:none}
.btn-k-comm{display:inline-block; background:#3e3a35; text-align:center; color:#FFF !important; border:1px solid #3e3a35; cursor:pointer} .btn-k-comm:hover{background:#000000; color:#fff; text-decoration:none}
.btn-gk-comm{display:inline-block; background:#6e6e6e; text-align:center; color:#FFF !important; border:1px solid #6e6e6e; cursor:pointer} .btn-gk-comm:hover{background:#555555; color:#FFF;  text-decoration:none}
.btn-r-comm{display:inline-block; background:#ff4a47; text-align:center; color:#FFF !important; border:1px solid #ff4a47; cursor:pointer} .btn-r-comm:hover{background:#f22e2b; color:#FFF; text-decoration:none}
.btn-pu-comm{display:inline-block; background:#9a52e4; text-align:center; color:#FFF !important; border:1px solid #9a52e4; cursor:pointer} .btn-pu-comm:hover{background:#7a2acc; color:#FFF;  text-decoration:none}
.btn-pi-comm{display:inline-block; background:#ec3b74; text-align:center; color:#FFF !important; border:1px solid #ec3b74; cursor:pointer} .btn-pu-comm:hover{background:#950735; color:#FFF;  text-decoration:none}
.btn-pink-comm{display:inline-block; background:#f562a9; text-align:center; color:#FFF !important; border:1px solid #f562a9; cursor:pointer} .btn-pu-comm:hover{background:#950735; color:#FFF;  text-decoration:none}
.btn-or-comm{display:inline-block; background:#ff3c00; text-align:center; color:#FFF !important; border:1px solid #ff3c00; cursor:pointer} .btn-or-comm:hover{background:#e63404; color:#FFF;  text-decoration:none}
.btn-gr-comm{display:inline-block; background:#16a397; text-align:center; color:#FFF !important; border:1px solid #16a397; cursor:pointer} .btn-gr-comm:hover{background:#059f8f; color:#FFF;  text-decoration:none}
.btn-gy-comm{display:inline-block; background:#e9e9e9; text-align:center; color:#555; border:1px solid #cbcbcb; cursor:pointer;} .btn-gy-comm:hover{background:#d5d5d5; color:#555; text-decoration:none}
.btn-gy-select {background:#3c5ea1; border:1px solid #3c5ea1; color:#fff !important; text-decoration:none} .btn-gy-select:hover {background:#3c5ea1; border:1px solid #3c5ea1; color:#fff !important; text-decoration:none}
.btn-s{height:18px; padding:0 5px; font-size:11px; line-height:18px} .btn-s .fa-ico{margin-top:3px;font-size:11px} button.btn-s,  span.btn-s  {height:20px}
.btn-small{height:24px; padding:0 12px; font-size:12px; line-height:24px} .btn-small .fa-ico{margin-top:6px;font-size:12px} button.btn-small, span.btn-small {height:26px}
.btn-mid{height:30px; padding:0 12px;  font-size:13px; line-height:30px} .btn-mid .fa-ico{margin-top:8px;font-size:13px} button.btn-mid, span.btn-mid {height:32px}
.btn-big{height:45px; padding:0 32px; font-size:15px; line-height:45px } .btn-big .fa-ico{margin-top:12px;font-size:15px}

/* swiper */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{}.swiper-slide{}.swiper-slide-active{}.swiper-slide-visible{}.swiper-pagination-switch{}.swiper-active-switch{}.swiper-visible-switch{}
.pagination{}
.swiper-pagination-switch{width:10px;height:10px;background:#FFF;}
.swiper-container{}
.pagination {position: absolute; left: 0; text-align: center; bottom:5px; width: 100%}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background:#e1e1e1; margin: 0 3px; cursor: pointer}
.swiper-active-switch { background:#000}


#wrap{position:relative;width:100%;overflow:hidden}
#gnbWrap .gnb .lang{display:inline-block;width:68px;height:21px;background:#042c5c url(../../cdn.kfish.co.kr/images/lang_aw.gif) no-repeat 62px 7px;color:#FFF;font-size:11px;text-align:left;margin:5px 0 0 10px;padding-left:12px;line-height:20px;cursor:pointer}
.tit_comm {font-size:22px;height:26px;font-weight:400;margin-bottom:10px;color:#000; padding:6px 0 0 5px}
.tit_h1 {font-size:22px;height:26px;font-weight:400;margin-bottom:25px; border-bottom:1px solid #e1e1e1; color:#000; padding:6px 0 10px 12px}
.tit_comm_h4{font-size:20px;line-height:18px;font-weight:400;margin-bottom:10px;color:#000;}
.tit_comm_h4 span {vertical-align: middle; font-size:13px; color:#666; margin-left:5px}
.txt_point{font-size:22px;color:#007ccb;letter-spacing:-0.05em}
.mo_scroll_info{position:relative;display:none;background:#f4f4f4 ;text-align:center;height:45px;line-height:1.3em;font-size:0.9em;color:#666;font-weight:600;padding-top:18px;margin-bottom:10px}
.mo_scroll_info .mo_scroll_l{position:absolute;left:10px;top:25px;background:url(../images/ico_nav_aw_arab.html) no-repeat;width:7px;height:12px}
.mo_scroll_info .mo_scroll_r{position:absolute;right:10px;top:25px;background:url(../images/ico_nav_aw.png) no-repeat;width:7px;height:12px}

 

