@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,700i|Sintony');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,800');
@font-face { font-family: 'GyeonggiBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
/* CSS Document */ 

/* ==================================================
	웹 폰트
================================================== */
html, body {
	font-size-adjust:none; 
	-webkit-font-size-adjust:none;
	-o-font-size-adjust:none;
	-moz-font-size-adjust:none;
}
.rale {font-family:'Raleway','Noto Sans KR', sans-serif; font-weight:400;}
.rale-bold {font-family:'Raleway','Noto Sans KR', sans-serif; font-weight:700;}
.rale-exbold {font-family:'Raleway', 'Noto Sans KR', sans-serif; font-weight:800;}
.HCRBatang{font-family: 'HCRBatang',sans-serif;}
.Nanum_MJ{font-family: 'NanumMyeongjo', serif;}

@font-face{font-family: 'NanumMyeongjo';
font-weight:400;
	src: url('/css/font/NanumMyeongjoR.eot');
	src: url('/css/font/NanumMyeongjoR.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumMyeongjoR.woff') format('woff');/*,url('/css/font/HANBatang.ttf') format('truetype');*/
	font-style: normal;
}
@font-face{font-family: 'NanumMyeongjo';
font-weight:700;
	src: url('/css/font/NanumMyeongjoB.eot');
	src: url('/css/font/NanumMyeongjoB.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumMyeongjoB.woff') format('woff');/*,url('/css/font/HANBatang.ttf') format('truetype');*/
	font-style: normal;
}
@font-face{font-family: 'HCRBatang';
font-weight:400;
	src: url('/css/font/HANBatang.eot');
	src: url('/css/font/HANBatang.eot?#iefix') format('embedded-opentype'),url('/css/font/HANBatang.woff') format('woff');/*,url('/css/font/HANBatang.ttf') format('truetype');*/
	font-style: normal;
}
@font-face{font-family: 'HCRBatang';
font-weight:700;
	src: url('/css/font/HANBatangB.ttf');
	/*src: url('/css/font/HANBatangB.eot?#iefix') format('embedded-opentype'),url('/css/font/HANBatangB.woff') format('woff'),url('/css/font/HANBatangB.ttf') format('truetype');*/
	font-style: normal;
}
@font-face{font-family: 'NotoSansCJKkr';
	font-weight:100;
	src: url('/css/font/NotoSansKR-Thin.eot');
	src: url('/css/font/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-Thin.woff2') format('woff2');
	font-style: normal;
}
@font-face{font-family: 'NotoSansCJKkr';
	font-weight:200;
	src: url('/css/font/NotoSansKR-Light.eot');
	src: url('/css/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-Light.woff2') format('woff2');
	font-style: normal;
}
@font-face{font-family: 'NotoSansCJKkr';
	font-weight:300;
	src: url('/css/font/NotoSansKR-DemiLight.eot');
	src: url('/css/font/NotoSansKR-DemiLight.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-DemiLight.woff2') format('woff2');
	font-style: normal;
}
@font-face{font-family: 'NotoSansCJKkr';
	font-weight:400;
	src: url('/css/font/NotoSansKR-Regular.eot');
	src: url('/css/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-Regular.woff2') format('woff2');
	font-style: normal;
}

@font-face{font-family: 'NotoSansCJKkr';
	font-weight:500;
	src: url('/css/font/NotoSansKR-Medium.eot');
	src: url('/css/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-Medium.woff2') format('woff2');
	font-style: normal;
}

@font-face{font-family: 'NotoSansCJKkr';
font-weight:700;
	src: url('/css/font/NotoSansKR-Bold.eot');
	src: url('/css/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-Bold.woff2') format('woff2');
	font-style: normal;
}
@font-face{font-family: 'NotoSansCJKkr';
	font-weight:900;
	src: url('/css/font/NotoSansKR-Black.eot');
	src: url('/css/font/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),url('/css/font/NotoSansKR-Black.woff2');
	font-style: normal;
}

@font-face{font-family: 'NanumSquare';
	font-weight:300;
	src: url('/css/font/NanumSquareL.eot');
	src: url('/css/font/NanumSquareL.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumSquareL.woff') format('woff'),url('/css/font/NanumSquareL.ttf') format('truetype');
	font-style: normal;
}
@font-face{font-family: 'NanumSquare';
	font-weight:500;
	src: url('/css/font/NanumSquareR.eot');
	src: url('/css/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumSquareR.woff') format('woff'),url('/css/font/NanumSquareR.ttf') format('truetype');
	font-style: normal;
}
@font-face{font-family: 'NanumSquare';
font-weight:700;
	src: url('/css/font/NanumSquareB.eot');
	src: url('/css/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumSquareB.woff') format('woff'),url('/css/font/NanumSquareB.ttf') format('truetype');
	font-style: normal;
}
@font-face{font-family: 'NanumSquare';
	font-weight:900;
	src: url('/css/font/NanumSquareEB.eot');
	src: url('/css/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumSquareEB.woff') format('woff'),url('/css/font/NanumSquareEB.ttf') format('truetype');
	font-style: normal;
}
/* ==================================================
	반응형
================================================== */



/* ==================================================
	공통레이아웃
================================================== */
#header, #footer {width:100%;}
.size {width:100%; max-width:1240px; height:auto; padding:0 60px;margin:0 auto;box-sizing:border-box; }
.inner {width:100%; box-sizing:border-box; }
.wrapper {width:100%; position:relative; margin:0 auto;}
.sub{padding-top: 150px;}
html.on {overflow: hidden;}

/* ==================================================
	header
================================================== */
#header{position: fixed;background:#fff;top: 0; left: 0; z-index: 1000;;transition: all .4s; -webkit-transition: all .4s; border-bottom: 1px solid #f1f1f1;}
#header.on{}
#header .size{max-width: 1120px; margin: 0 auto; position: relative;height:86px}

#header .logo{position:absolute; left:10px; top:50%;margin-top: -21px; }
#heaeder .all_menu{float: right;}
#header .gnb{max-width: 720px;padding:0 20px;margin:0 auto; width: 100%; }
#header .gnb .size{margin-left: 287px;}

#header .gnb .depth1 > li{float: left; width: 32%; position: relative;}

#header .gnb .depth1 > li > a{z-index: 101; display: block; text-align: center;;font-size: 18px; color: #444;  line-height: 90px; height: 86px; position: relative; font-weight: 400;letter-spacing:-.75px;}
#header.on .gnb .depth1 > li > a{color:;}
#header .gnb .depth1 > li.on > a{color:;}
#header .gnb .depth1 > li > a span{}
#header .gnb .depth1 > li > a.on{ color:#375899; font-weight: 600;}
#header .gnb .depth1 > li > a.on span{position:relative;}
#header .logo a{}
#header .logo a img{}
#header .logo a img.on_img{display:none;}
#header.on .logo a img{display:none;}
#header.on .logo a img.on_img{display:inline-block;}
.gnb .depth2{display: none; ; padding:  0; box-sizing: border-box;z-index:100; position: absolute; top: 86px; width: 100%;  left: 0;  }
#header .gnb .depth1 > li:first-child .depth2 ul{border-left:0;}
.gnb .depth2 ul{padding: 20px 0;height:100%;min-height:214px;border-left:1px solid #ddd;box-sizing:border-box;}
.gnb .depth2.on ul{background:rgba(204,204,204,.2)}
.gnb .depth2 li a{display: block; text-align: center;padding: 0; height: 35px; line-height: 35px; box-sizing: border-box;}
.gnb .depth2 li a span{ position:relative;transition: all .4s; -webkit-transition: all .4s;font-size: 16px; line-height:1;font-weight: 400; color: #444;;letter-spacing:-.75px; }
.gnb .depth2 li a:hover span:before{position:absolute;left:0;bottom:0;width:100%; height:1px; background:#444; content:'';}
.gnb .depth2 li a:hover span{font-weight: 500;}
/*#header.on{background: #fff; border-bottom: 0;  z-index: 100;border-bottom: 1px solid #eee; box-sizing: border-box;}*/

/*#header .gnb .depth1 > li > a.on span:after{z-index:10;position:absolute;left:50%;margin-left:-11px; bottom:-30px;width:22px; height:2px; content:''; background:rgba(255,255,255,.5);z-index:101;}*/
/*#header.on .all_menu a{background: url('/img/all_menu_on.png') no-repeat center center;}*/
#header .line{position: absolute; left: 0; background: #57f0e5;  height: 6px;  z-index: 99;  bottom: 0;}
.header_bg{background: #fff; height: 0; position: absolute;  top: 86px;  width: 100%; box-sizing:border-box;}

#header .all_menu{position: absolute; right: 15px; top: 0; width: 50px; height: 82px; line-height: 82px; text-align: center;  }
#header .all_menu a{display: block; background-image: url('/img/all_menu.png') ;background-repeat:no-repeat;background-position: center center; background-size:auto;width: 50px; height: 86px;}
#header.on .all_menu a{; background-image: url('/img/close_bt.png') ;}
#header .all_menu a.mo{display:none;}


.all_bg{display:none;position:fixed; left:0;top:0;z-index:90;background:rgba(0,0,0,.5);width:100%; height:100%;}
.gnb_bg {display:none;position:absolute; left:0; top:95px; width:100%; height:280px; background: rgba(255,255,255,0.95); z-index:98;}
.menu_all{position: fixed; top: -100%; left: 0; width: 100%;; z-index: 1010;}
.menu_all .close{position: absolute; top: 40px; right: 45px;}
.menu_all .close a{display: block;}
.menu_all .size{/*padding: 100px 130px;*/height: 100%; box-sizing: border-box;}
.menu_all .size .wrap{height: 100%; height:390px; background:#fff;padding: 0 40px; box-sizing: border-box; position: relative;}
.menu_all .con{max-width:820px; margin:0 auto;width:100%}
.menu_all .con .depth1{width:102%; margin-left:-2%;}
.menu_all .con .depth1 > li{float: left; width: 18%; margin-left:2%}
.menu_all .con .depth1 > li > a{font-size: 22px; color: #333; font-weight:500;text-align: center; display: block;line-height: 60px;position: relative}
.menu_all .con .depth1 > li > a:after{position:absolute; width:100%;background:#ccc; height:1px; bottom:0; left:0; content:''; }
.menu_all .con .depth1 > li.on > a:after{background:#004496}
.menu_all .con .depth2 {padding: 40px 0 0; box-sizing: border-box;}

.menu_all .con .depth2 li a{font-size: 16px; text-align: center; display: block; color: #777; line-height: 1;padding-top: 20px; }
.menu_all .con .depth2 li.on a{color:#004496}
.menu_all .con .depth2 li:first-child a{padding-top: 0;}
.menu_all .con{box-sizing: border-box;}

.m_menu_all{position: fixed; width: 100%; top: 0; z-index: 1010; right:-100%;height:100%;left:auto !important }
.m_menu_all.on{overflow: auto;  height: 100%;}
.m_menu_all .mo_inner{ height: 100%; background: #103B93;}
.m_menu_all .all_top {padding:9px 20px;box-sizing:border-box;background:#103B93;position:relative;}
.m_menu_all .all_top a.logo{line-height:60px}
.m_menu_all .all_top .mo_close{display:block; width:20px; height:20px; background-position:center center; background-image:url('/img/mo_close.png');background-repeat:no-repeat; background-size:cover;position:absolute; right:20px; top:50%; margin-top:-10px}
.m_menu_all .m_depth1{box-sizing:border-box;}
.m_menu_all .m_depth1 > li:first-child {border-top:0;}
.m_menu_all .m_depth1 > li {border-top: 1px solid rgba(255,255,255,.1)}
.m_menu_all .m_depth1 > li > a{position: relative; display: block;box-sizing:border-box;color: #fff; font-weight: 400; height: 55px; line-height: 55px; padding-left: 18px; font-size: 20px; text-transform: capitalize;}

.m_menu_all .m_depth1 > li > a.on{color:#73A1FD;}
/*.m_menu_all .m_depth1 > li > a.on:before{position:absolute; width:4px;height:18px; top:50%;margin-top:-9px; left:0px; content:''; background:#ed1b24}*/
.m_menu_all .m_depth1 > li > a:after{position: absolute; content: ''; background: url('/img/menu_open.png') no-repeat center center; background-size: auto; width: 20px; height: 12px; right: 25px; top: 50%; margin-top: -7.5px;}
.m_menu_all .m_depth1 > li > a.on:after{background: url('/img/menu_close.png') no-repeat center center; background-size: auto;}
.m_menu_all .m_depth2{display: none;box-sizing:border-box;background:#fff; border-top:2px solid #73A1FD;}
.m_menu_all .m_depth2 > li > a{position: relative; display: block; font-size: 16px; font-weight: 300; color: #444;padding: 0 25px 0 30px; box-sizing: border-box; height: 45px; line-height: 45px;}
.m_menu_all .m_depth2 > li > a:before {    position: absolute;    content: '';    width: 4px;    height: 1px;    left: 20px;    top: 50%;    margin-top: -0.5px;    background: #ddd;}
.main_bg{display: none;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.56);    z-index: 1001;}
.main_bg.on{display:block;}
.search_wrap .nav .menuList{position:relative;  box-sizing:border-box; }
.search_wrap .nav .menuList:first-child > a{border-left:0;}
.search_wrap .nav .menuList > a {color:#fff; height:82px; line-height:82px;  padding:0 25px; display:block; box-sizing:border-box; background:#000 url('/img/arr_w.png') no-repeat 95% center; font-size:17px; border-left:1px solid #626262;}
.search_wrap .nav .menuList > ul {position:absolute; left:0; width:100%; display:none;}
.search_wrap .nav .menuList > ul > li {border-bottom:1px solid #252525; }
.search_wrap .nav .menuList > ul > li:first-child >a {border-top:1px solid #252525; }
.search_wrap .nav .menuList > ul li a {display:block; color:rgba(255,255,255,.5); background:#000; height:60px; line-height:60px; padding:0 25px; width:100%;  box-sizing:border-box; font-size:15px; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s;}
.search_wrap .nav .menuList > ul li a:hover {color:#fff;}
.search_wrap .nav .menuList > ul li.active a {color:#fff; }

.sub_visual .menu .nav.fixed{position:fixed;top:82px; left:0;width:100%;background:#f5f5f5;z-index:100;}
.sub_visual .menu .nav.fixed .size{padding:0 ;}
.sub_visual .menu .nav.fixed ul li a{padding:10px 24px;}
.sub_visual .menu .nav.fixed ul li a:before{bottom:1px}

#sub .sub_top{margin-top:80px}
#sub .sub_top .mo_lnb{display:none;}
#sub .sub_top .mo_lnb a{width:100%; font-size:20px;color: #fff;position:relative;    font-weight: 300;    height: 60px;    line-height: 60px;    font-size: 16px;text-align:left;display: block;    box-sizing: border-box;}
#sub .sub_top .mo_lnb a:after{position: absolute; content: ''; background-image: url('/img/sub_lnb.png') ;background-repeat:no-repeat ;background-position:center center; width: 60px; height: 60px; top: 0; right: -20px; background-size: 35%;}
#sub .sub_top .mo_lnb a.on:after{transform: rotate(180deg);}
#sub .sub_top .depth3 .size{height:auto}
#sub .sub_top .depth3 li {float:left;}
#sub .sub_top .depth3 li:first-child a:before{display:none;}
#sub .sub_top .depth3 li a.on:before{display:none;}
#sub .sub_top .depth3 li a:before{width:1px; height:16px; background:#ccc; content:''; position:absolute; left:0; top:50%; margin-top:-8px; }
#sub .sub_top .depth3 li a{display: block; background:#f6f6f6;border-bottom:2px solid #ed1b24;height: 60px; line-height: 60px; font-size: 18px; color: #444; box-sizing:border-box;text-align: center;position: relative;font-weight:400;}
#sub .sub_top .depth3 li a.on{color: #fff;font-weight:500;background:#ed1b24}


/* ==================================================
	footer
================================================== */
#footer {background:#222}
#footer .size{padding:35px 20px 40px}
#footer ul{font-size:0;}
#footer ul li{display:inline-block;vertical-align:middle;}
#footer ul li.info{margin-left: 30px;}
#footer ul li.info p{font-size: 0;}
#footer ul li.info p em{display:inline-block;width:20px;vertical-align:middle;font-weight: 500;color:#1F82C6;/*color:#ff5252;*/letter-spacing: -.5px;font-size: 16px}
#footer ul li.info p span{display:inline-block;width:calc(100% - 20px);vertical-align:middle;font-weight: 300; color:#ddd; letter-spacing: -.5px;font-size: 16px}
#footer ul li.copy{float:right}
#footer ul li.copy p{font-weight: 300; color:#999; letter-spacing: -.5px;font-size: 16px}

/* ==================================================
	skip
================================================== */
a.skip{display:block;position:absolute;top:-1px;z-index:999;width:0;height:0;overflow:hidden;text-align:center}
a.skip:active,a.skip:focus{z-index:999;width:100%;height:auto;padding:5px;background:#FFF}


.gnb li a {transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}

.clear:after {clear:both; content:''; display:block;}
h2{margin:0 0 10px 0;}
input[type=button] {cursor:pointer !important;}
.cp{cursor:pointer !important;}



.wid10{width:10%;}
.wid20{width:20%;}
.wid30{width:30%;}
.wid40{width:40%;}
.wid50{width:50%;}
.wid60{width:60%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid100 {width:100% !important;;}

.max100 {max-width:100px;}
.max150 {max-width:150px;}
.max200 {max-width:200px;}
.max250 {max-width:250px;}
.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max450 {max-width:450px;}
.max500 {max-width:500px;}
.max550 {max-width:550px;}
.max600 {max-width:600px;}
.max650 {max-width:650px;}
.max700 {max-width:700px;}
.max750 {max-width:750px;}
.max800 {max-width:800px;}
.max850 {max-width:850px;}
.max900 {max-width:900px;}
.max950 {max-width:950px;}
.max1000 {max-width:1000px;}

.mt-50{margin-top:-50px !important;}
.mt0 {margin-top:0px !important;}
.mt10{margin-top:10px !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;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0 {margin-bottom:0px !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;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}


.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}

.pb-40 {padding-bottom:-40px !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}

.pd0{padding:0px !important;}

.auto {margin-left:auto !important; margin-right:auto !important;}
.bno{border:none !important;}
.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear:after {clear:both;content:'';display:block;}
.hidden {text-indent:-9999px; width:0px; height:0px; line-height:0px; font-size:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; visibility:hidden;}

th.txt_l{text-align:center !important;}
.fl_l{float:left !important;}
.fl_r{float:right !important;}
.txt_l{text-align:left !important;padding-left:;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.ver_t{vertical-align:top !important;}
.txt_b{font-weight:bold !important;}
.txt_ul{text-decoration:underline !important;}

.wbreak{word-break:break-all !important;}

.tb {display:table;}
.tbc {display:table-cell; vertical-align:middle; }
/* Position */

.Abs {position:absolute;}
.Fix {position:fixed;}
.Abs_lt {position:absolute; top:0; left:0;}
.Abs_rt {position:absolute; top:0; right:0; }
.Abs_lb {position:absolute; bottom:0; left:0; }
.Abs_rb {position:absolute; bottom:0; right:0; }
.Abs_cc {position:absolute; left:50%; top:50%; }
.Abs_lc {position:absolute; left:0; top:50%;}
.Abs_rc {position:absolute; right:0; top:50%; }
.Fix_lt {position:fixed; top:0; left:0; }
.Fix_rt {position:fixed; top:0; right:0; }
.Fix_lb {position:fixed; bottom:0; left:0; }
.Fix_rb {position:fixed; bottom:0; right:0; }
.Fix_cc {position:fixed; left:50%; top:50%; }
.Fix_lc {position:fixed; left:0; top:50%;}
.Fix_rc {position:fixed; right:0; top:50%; }


/* Font */

.ft12 {font-size:12px !important;}
.ft13 {font-size:13px !important;}
.ft14 {font-size:14px !important;}
.ft15 {font-size:15px !important;}
.ft16 {font-size:16px !important;}
.ft17 {font-size:17px !important;}
.ft18 {font-size:18px !important;}
.ft19 {font-size:19px !important;}
.ft20 {font-size:20px !important;}
.ft21 {font-size:21px !important;}
.ft22 {font-size:22px !important;}
.ft23 {font-size:23px !important;}
.ft24 {font-size:24px !important;}
.ft25 {font-size:25px !important;}
.ft26 {font-size:26px !important;}
.ft27 {font-size:27px !important;}
.ft28 {font-size:28px !important;}
.ft29 {font-size:29px !important;}
.ft30 {font-size:30px !important;}
.ft31 {font-size:31px !important;}
.ft32 {font-size:32px !important;}
.ft65 {font-size:65px !important; letter-spacing:-4px; line-height:60px;}



/* 체크박스 */
.Custom_chk { position:relative;}
.Custom_chk input[type="checkbox"]{display:none;}
.Custom_chk label {display:inline-block; position:relative; padding-left:25px; cursor:pointer; color:#353839;}
.Custom_chk label:before {position:absolute; left:0; top:0; font-size:14px; color:#353839; width:20px; height:20px; line-height:19px; border:1px solid #d1d1d1; clear:both; content:''; display:block; box-sizing:border-box;}
.Custom_chk input[type="checkbox"]:checked + label:before {content:'\2714';}


/* 라디오 버튼 */
.radio_box label{font-size:14px;color:#666}
.radio_box label + label{margin:0 0 0 24px;}


/* 체크 박스 */
.check_box label{font-size:14px;color:#666}
.check_box label + label{margin:0 0 0 24px;}

/* input type="file"*/
.fileBox{overflow:hidden;}
.fileBox .inputBox{float:left;}
.fileBox input[type="text"]{float:left;overflow:hidden;box-sizing:border-box;height:32px;padding:8px 10px;border:1px solid #d1d1d1;font-size:14px;line-height:1;letter-spacing:-1px;color:#999;background:#fafafa;}
.fileBox .fileBtn{float:left;margin-left:13px;}
.fileBox .fileBtn label{display:inline-block;width:125px;font-size:14px;line-height:32px;letter-spacing:-1px;color:#fff;background:#999;text-align:center;}
.fileBox .fileBtn input[type="file"]{visibility:hidden;width:0;height:0;padding:0;margin:0;}


/* 웹폰트 정의 */

.sintony {font-family:'Sintony', sans-serif;}
.roboto {font-family:'Roboto', sans-serif;}
.roboto_c {font-family:'Roboto Condensed', sans-serif;}


/* itemList */


.itemList2 > * {width:50%; float:left;}
.itemList3 > * {width:33.3333%;float:left;}
.itemList4 > * {width:25%;float:left;}
.itemList5 > * {width:20%;float:left;}
.itemList6 > * {width:16.6666%;float:left;}
.itemList7 > * {width:14.285%;float:left;}
.itemList8 > * {width:12.5%;float:left;}
.itemList9 > * {width:11.1111%;float:left;}
.itemList10 > * {width:10%;float:left;}


/* animated */

/* animated */

.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }

.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:.6s; -moz-transition-duration:.6s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.aniamte .ani-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}
.aniamte .ani-9 {transition-delay:1280ms; -webkit-transition-delay:1280ms; -o-transition-delay:1280ms; -moz-transition-delay:1280ms; }
.animate .ani-10 {transition-delay:1440ms; -webkit-transition-delay:1440ms; -o-transition-delay:1440ms; -moz-transition-delay:1440ms; }
.animate .ani-11 {transition-delay:1600ms; -webkit-transition-delay:1600ms; -o-transition-delay:1600ms; -moz-transition-delay:1600ms; }
.fast.animate .ani-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.animate .ani-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.animate .ani-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.animate .ani-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.animate .ani-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.animate .ani-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.animate .ani-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.animate .ani-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}

.slow.animate .ani-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.animate .ani-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.animate .ani-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.animate .ani-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.animate .ani-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.animate .ani-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.animate .ani-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.animate .ani-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}

.scale [class*='sc-'] {transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -moz-transition-property:transform; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; -moz-transition-duration:0.8s; }

.scale .fromSc9:not(.done) {transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); -moz-transform:scale(0.9);}
.scale .fromSc8:not(.done) {transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8);}
.scale .fromSc7:not(.done) {transform:scale(0.7); -webkit-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7); -moz-transform:scale(0.7); }
.scale .fromSc6:not(.done) {transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -moz-transform:scale(0.6); }
.scale .fromSc5:not(.done) {transform:scale(0.5); -webkit-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); }
.scale .fromSc11:not(.done) {transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}
.scale .fromSc12:not(.done) {transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }
.scale .fromSc13:not(.done) {transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); }
.scale .fromSc14:not(.done) {transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); -moz-transform:scale(1.4);}
.scale .fromSc15:not(.done) {transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); }

.scale .sc-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.scale .sc-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.scale .sc-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.scale .sc-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.scale .sc-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.scale .sc-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.scale .sc-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.scale .sc-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}

.fast.scale .sc-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.scale .sc-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.scale .sc-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.scale .sc-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.scale .sc-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.scale .sc-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.scale .sc-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.scale .sc-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}


.slow.scale .sc-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.scale .sc-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.scale .sc-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.scale .sc-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.scale .sc-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.scale .sc-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.scale .sc-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.scale .sc-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}


.txt_black {color:#000 !important;}
.txt_white {color:#fff !important;}
.txt_blue {color:#303058 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.point_txt {color:#44dfda !important;}

.vertical-i {animation:vb 1s infinite;}

@keyframes vb {
	0%{
		bottom: 0;
	}
	50% {
		bottom:10px;
	}
	100% {
		bottom:0px; 
	}
}

@keyframes vt{
	0%{
		top: 0;
	}
	50%{
		top:10px;
	}
	100%{
		top:0;
	}
}

.go-top{display:block;width:50px;height:50px;line-height:50px;text-align:center;font-size:13px;position:fixed;bottom:-50px; left:50%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;background-color:#ff5252;color:#FFFFFF !important;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:25px;}
.go-top.show{bottom:20px; left:50%;}
.go-top:hover{background-color:#ff5252;color:#fff;}

.pm_txt {
	margin: 10px; padding: 15px; font-size: 15px; 
}