@charset "utf-8";

/* Font */

@import url(font.css);
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);  */ /*본고딕*/ 

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1200px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.

*/

/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
	body,th,td,input,select,textarea,button{font-family: 'NotoSansKR', sans-serif; font-size:16px; color:#555; letter-spacing: -0.04em}/*font-weight:300; */
	dl,ul,ol,menu,li {list-style:none;}
	*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	:focus{outline:0 !important;}
	iframe{border:none; width:100%;}
	a{color:inherit; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out;}
	a:hover, a:focus ,a:active{text-decoration:none;}
	img{max-width:100%;}
	textarea{max-width:100%; resize:none;}

	@media only screen and (min-width: 320px){
		body{overflow-x:hidden;}
	}

	.hidden{font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}

/*Common
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .mb_p {display: none;}
    .pc_p {display: block;}
    


/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.parallax{background-position:0 0; background-repeat:no-repeat; background-size:100% auto; width:100%; background-size:cover; background-attachment:fixed;}


/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.animationload{position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:999999;}
	.loader {width:200px; height:200px; font-size: 24px; text-align: center; position:absolute; left:50%; top:50%; background-image:url(/images/basic_resp/img/preloader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px;}


/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.back-to-top{width:80px; height:90px; position:fixed; bottom:0px; right:0px; display:none; text-align: center; z-index: 10000;background:#333;}
	.back-to-top i{color: #fff; font-size: 15px; display: block; line-height: 90px;}


/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#wrapper{position:relative; width:100%; min-width:320px; height:100%;}

.font_color_red, a.font_color_red{color:#ed1b2e;}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 981px){
	.dpn{display:none;}
		#header{z-index:666; width:100%; background:#fff;}
		#header > div{position:relative; margin:0 auto; width:100%; height:120px;}

		#header h1{position:relative;float:left;}
		#header h1 a{display:block; line-height:120px;width:200px;top:45px !important;}
		#header h1 img{width:100%;}

		.nav-btn{display:none;}

		.nav-bg{z-index:888; display:none; position:absolute; top:120px; left:-500%; width:1000%; height:340px; background:#f6f6f6; border-bottom:3px solid #b500e0;}

		#nav{float:right; margin-top:25px;margin-right:25px}

		.util-menu{position:absolute; top:20px; right:20px; line-height:0; font-size:0;}
		.util-menu ul{display:inline-block; line-height:0; font-size:0;}
		.util-menu li{display:inline-block; margin-left:10px; padding-left:0px; line-height:0; font-size:0;}
		.util-menu a{width:40px;height:40px;display:inline-block;float:left;}
		.util-menu a.bt_tms{background:url('/images/kor06r-18-0404/common/top_icon_tms.png') no-repeat;font-size: 0;}
		.util-menu a.bt_blog{background:url('/images/kor06r-18-0404/common/top_icon_blog.png') no-repeat;font-size:0;}
		.util-menu li:first-child a{color:#fff;}

		
		.navigation:after{content:""; display:block; clear:both;}
		.navigation > li{position:relative; float:left; width:150px; text-align:center;}
		
		.navigation .main-menu{display:block; margin:0 0 15px; width:100%; padding:30px 0 30px 0;font-weight:700; font-size:18px; color:#000;letter-spacing:-1px;font-family:'Nanum Square';}
		
		.navigation .sub-menu{display:none; z-index:999; position:absolute; top:95px; left:0; padding:10px 0; width:150px; height:337px; border-right:1px solid #ddd;}
		.navigation li:first-child .sub-menu{border-left:1px solid #ddd;}
		.navigation .sub-menu a{display:block; text-align:center; line-height:35px; letter-spacing:-1px; font-size:15px; color:#7a7d83;font-weight:300;}
		.navigation .sub-menu .intro-menu{display:none;}
		
		.navigation > li:hover .sub-menu{background:#e8e8e8;}
		.navigation > li:hover .sub-menu a{color:#222;}
		.navigation .sub-menu a:hover{background:#993399;color:#fff !important;}
	}
	@media only screen and (min-width: 1380px){
		#header > div{width:1380px;}
		#header h1{float:left;}
		#header h1 a{width:100%;display:block; line-height:120px;}
		#nav{position:absolute;left:300px;top:0px;margin-top:25px;}
		.util-menu{right:-150px; }
	}
	@media only screen and (max-width: 1201px){
		#header > div{width:100%;}
	}
	@media only screen and (max-width: 1200px){
		#header > div{width:100%;padding:0 20px;}
		#header h1{width:60px;float:left;}
		#header h1 a{position:absolute;left:10px;top:0px;display:block;width:56px;height:36px;line-height:130px;background:url('/images/kor06r-18-0404/common/logo.png') no-repeat;}
		#header h1 img{width:0;}

		#nav{margin-top:25px;}
		.util-menu{position:absolute; top:9px; right:10px; line-height:0; font-size:0;z-index: 100;}
	}
	@media only screen and (max-width: 980px){
		#header{z-index:666; width:100%; height:65px; background:#fff;}
		#header > div{position:relative;padding:0;}

		#header h1{float:left; padding:10px 20px; height:65px;}
		#header h1 a{display:block;top:15px;}
		#header h1 img{display:none;}

		.nav-btn{z-index:999; display:block; position:absolute; top:20px; right:20px; width:30px; height:23px; cursor:pointer;}
		.nav-btn span{position:absolute; left:50%; display:block; margin-left:-15px; width:30px; height:3px; background:#993399; transition:.2s all linear;}
		.nav-btn span:nth-child(1){top:0;}
		.nav-btn span:nth-child(2){top:10px;}
		.nav-btn span:nth-child(3){top:20px;}
		
		.nav-btn.nav-close{position:fixed;}
		.nav-btn.nav-close span:nth-child(1){top:50%; transform:rotate(45deg);}
		.nav-btn.nav-close span:nth-child(2){margin-left:0; width:0;}
		.nav-btn.nav-close span:nth-child(3){top:50%; transform:rotate(-45deg);}

		.nav-bg{z-index:777; display:none; position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

		#nav{z-index:888; position:fixed; top:0; right:-260px; display:block; padding:65px 0 20px; width:260px; height:100%; background:#fff;margin:0;}

		.util-menu{right:0;width:100%;padding:0 30px 20px; border-bottom:1px solid #eee;}
		.util-menu a{width:40px;height:40px;float:left;display:inline-block; margin-top:5px; font-size:14px; color:#555;}
		.util-menu a.bt_tms{line-height:30px; font-size:10px;font-weight:700; color:#888;background:#8c2a88;border-radius:5px;text-align:center;}
		.util-menu a.bt_blog{background:url('/images/kor06r-18-0404/common/top_icon_blog.png') no-repeat;font-size:0;margin-left:5px;}
		.util-menu li:first-child a{background:url('/images/kor06r-18-0404/common/top_icon_tms.png') no-repeat;font-size: 0;}
				
		.navigation .main-menu{display:block; padding:0 30px; width:100%; line-height:43px; font-weight:500; font-size:16px; color:#1d1d1d; transition:none; letter-spacing: -0.03em;}
        a.main-menu.main-menuh {margin-top: 20px;}
		.navigation li.active .main-menu{background:#8c2a88; color:#fff;}

		.navigation .sub-menu{display:none; background:#f1f1f1;}
		.navigation .sub-menu a{display:block; padding:0 30px; line-height:33px; font-size:14px; color:#555;}
		.navigation .sub-menu a:before{content:""; display:inline-block; margin:0 5px 0 0; width:4px; height:1px; vertical-align:middle; background:#888;}
		.navigation .sub-menu a:hover{color:#fff; background:#993399;}
		.navigation .sub-menu a:hover:before{background:#fff;}
	}
	@media only screen and (max-width: 768px){
		#header h1{padding:10px;}
		.nav-btn{right:10px;}
	}

    @media (min-width:1101px) and (max-width: 1379px) {
        #header h1 img { margin-left: 25px;margin-top: 15px;}
        .navigation .main-menu {margin-top: 30px; margin-bottom: 30px; padding:0px; margin-left: -50px; z-index: 10;}
        .navigation > li {margin-top: 10px;}
        .nav-bg {}
        .navigation .sub-menu {margin-left: -50px;}
        .util-menu {z-index: 100; position: absolute; right: 20px; top: 0px; margin-top: 12px;}
        .navigation li .sub-menu{margin-top: -10px;}
        .navigation > li:hover .sub-menu{background:#e8e8e8;margin-top: -10px;}
    }

/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .mor {padding: 8px; float: right; background-color: #704b73fa; color: #fff; margin-top: 5px;}
	.btn{text-transform:uppercase; border-radius:0;}
	.btn:focus, .btn:active{outline:none; color:#fff;}

	.btn-custom{border-radius:3px; /*padding:5px 30px;*/ -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:#7d5095; border-color: #7d5095; color:#fff !important;}
	.btn-custom:hover, .btn-custom:focus{background-color: #78278b; border-color: #78278b; color:#fff;}

	.btn-custom-outline{border-radius:3px; padding:5px 30px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:#d6d6d6;  color:#777;}
	.btn-custom-outline:hover, .btn-custom-outline:focus{background-color: #b2b2b2; border-color: #b2b2b2; color:#fff !important;}
	.btn-bar a{margin-right:10px;}

	.form-control{box-shadow:none; -webkit-box-shadow:none; border-radius:3px; height:38px;}
	.form-control:focus{outline:none; box-shadow:none; -webkit-box-shadow:none; border-color: #509591;}

	.btn-color-gray {border-radius:3px; padding:0.5em 2.5em; color:#222; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:transparent; border-color:#e4e4e4;background:#f5f5f5 url('/images/kor06r-18-0404/main/bt_more_02.png') no-repeat 90% center;}
	.btn-color-gray:hover, .btn-color-gray:focus{color:#222; background-color:rgba(255,255,255,.5);}
	.btn-bar a{margin-right:10px;}

	.btn-color-purple{background:#7b2590;padding:0.5em 0.5em; color:#222;text-transform:uppercase; border-color:#e4e4e4;}
	.btn-color-purple:hover, .btn-color-purple:focus{color:#222; background-color:rgba(255,255,255,.5);}



	@media only screen and (max-width: 980px) {

	}


@media only screen and (max-width:460px){
    .btn-custom {border-radius: 3px;
    display: block;
    transition: all .2s;
    background-color: #7d5095;
    border-color:#7d5095;
    color: #fff ! important;
    }
}


/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#footer{padding:50px 0px 120px 0; width:100%; background:#f4f4f4;}
	.footer-area{margin:0 auto; width:100%; box-sizing:border-box;}
	.footer-area:after{content:""; display:block; clear:both;}
	#footer p, #footer li{font-size:14px; letter-spacing:0;}

	.foot-logo{float:left; margin:22px 50px 0 0;}
	.foot-info{float:left; width:calc(100% - 350px);font-weight:300;}

	.footer-menu{margin:0 auto 15px; line-height:0; font-size:0;}
	.footer-menu li{display:inline-block; margin-left:10px;padding:0 0 5px 10px; vertical-align:middle; line-height:10px; border-left:1px solid #9c9a9a; color:#fff;}
	.footer-menu li:first-child{margin-left:0; padding-left:0; border-left:0;}
	.footer-menu li a{line-height:10px; font-size:15px; color:#333;font-weight:300;}
	.footer-menu li a.font_color_red{color:#ed1b2e;cursor:text;}


	.footer-info{margin-bottom:10px;line-height:2em;}
	.footer-info span.mobile_ver{color:#555;}
	.footer-info span{color:#9c9a9a;}
	
	@media only screen and (min-width: 1201px){
		.footer-area{width:1200px;}
	}
	@media only screen and (max-width: 1200px){
		.footer-area{padding:0 20px;}
	}
	@media screen and (max-width:980px){
		.footer-area{padding:0 10px; text-align:center;}
		.foot-logo{float:none; margin:0 0 20px 0;}
		.foot-info{float:none; width:100%;}
		}
	@media only screen and (max-width:768px){
		.footer-area{}
	}
	@media only screen and (max-width:768px){
		#footer p, #footer li{font-size:12px;}
		.footer-menu li{margin-left:5px; padding-left:5px;}
		.footer-menu li a{font-size:13px;}
		.mobile_ver{display:block;}
	}



/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.main-visual .main_img_box{height:700px;font-family:'Nanum Square'; position:relative;}
    .main-visual .main-img00{background:url('/images/kor06r-18-0404/main/main_visual00.jpg') no-repeat center center/cover; ;}
    .main-visual .main-img00_txt01{background:url('/images/kor06r-18-0404/main/main00_txt1.png') no-repeat center center/cover; width:1052px; height:167px; position:absolute; left: 434px; top:268px;z-index:10;}
    .main-visual .main-img00_txt02{background:url('/images/kor06r-18-0404/main/main00_txt2.png') no-repeat center center/cover; width:515px; height: 134px; position:absolute; left: 701px; bottom: 103px;z-index:100;} 
	.main-visual .main-img01{background:url('/images/kor06r-18-0404/main/main_visual01.jpg') no-repeat center center/cover;}
	.main-visual .main-img02{background:url('/images/kor06r-18-0404/main/main_visual02.jpg') no-repeat center center/cover;}
	.main-visual .main-img03{background:url('/images/kor06r-18-0404/main/main_visual03.jpg') no-repeat center center/cover;}
	.main-visual .main-img04{background:url('/images/kor06r-18-0404/main/main_visual04.jpg') no-repeat center center/cover;}
	.main-visual .main-img05{background:url('/images/kor06r-18-0404/main/main_visual05.jpg') no-repeat center center/cover;}

	.main-visual .carousel-caption{top:0; left:0; right:0; bottom:auto; -webkit-transform:translateY(-50%);- ms-transform:translateY(-50%); transform:translateY(-50%); margin:0 auto; width:100%; text-shadow:none; color:#fff;}
	.main-visual .carousel-caption .slogan{line-height:1.3; font-size:18px; font-weight:300;color:#000; word-break:keep-all;}
	.main-visual .main-img01 .carousel-caption .slogan{position:absolute;right:0%;top:300px;text-align:right;}
	.main-visual .main-img02 .carousel-caption .slogan{position:absolute;left:5%;top:270px;text-align:right;}
	.main-visual .main-img03 .carousel-caption .slogan{position:absolute;left:5%;top:200px;text-align:right;}
	.main-visual .main-img04 .carousel-caption .slogan{position:absolute;right:10%;top:200px;text-align:right;}
    .main-visual .main-img05 .carousel-caption .slogan{position:absolute;left:5%;top:270px;text-align:right;}
	
	.main-visual .carousel-caption .slogan .main-copy{display:inline;margin-bottom:40px; font-size:15px;font-weight:400; letter-spacing:-1px; line-height:1.1;border-radius:20px;padding:2px 20px;color:#fff;font-family: 'NotoSansKR';font-weight:300;}
	.main-visual .main-img03 .carousel-caption .slogan .main-copy{background:#b094d1;}
	.main-visual .main-img04 .carousel-caption .slogan .main-copy{background:#62510c;}
	.main-visual .main-img04 .carousel-caption .slogan .main-copy02 .copy_point{color:#8f7a27;}
	.main-visual .carousel-caption .slogan .main-copy02{margin-bottom:30px; font-size:60px; letter-spacing:-3px; line-height:1.1;margin-top:10px;}
	.main-visual .carousel-caption .slogan .main-copy02:after{ content:"ㅡ";text-align:right;display:block;font-weight:300;font-size:120px;line-height:20px;}
	.main-visual .carousel-caption .slogan .main-copy02 .fb{font-weight:700;}
	.main-visual .carousel-caption .slogan .m_none{font-family: 'NotoSansKR';font-weight:400;}

	.main-visual .swiper-button-next, .main-visual .swiper-button-prev{width:50px;height:111px;}
	.main-visual .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url('/images/kor06r-18-0404/main/visual_btn_prev.png') no-repeat 0;background-size:50px 111px !important;}
	.main-visual .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url('/images/kor06r-18-0404/main/visual_btn_next.png') no-repeat 0;background-size:50px 111px !important;}
	.main-visual.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{/*bottom:50px*/ !important;}
	.main-visual .swiper-pagination span.swiper-pagination-bullet{width:17px; height:17px; vertical-align:middle;background:url(../..//images/kor06r-18-0404/main/ico_slider.png) no-repeat;margin-bottom: 10px;opacity: 1;}
	.main-visual .swiper-pagination span.swiper-pagination-bullet-active{width:17px; height:17px; background:url(../../images/kor06r-18-0404/main/ico_slider_on.png) no-repeat;}


	@media only screen and (min-width: 1201px){
		.main-visual .carousel-caption{width:1200px;}
	}

	@media only screen and (max-width: 1200px){
		.main-visual .carousel-caption .slogan{margin-left:12%;}
	}
	@media screen and (max-width:980px){
		.main-visual .main_img_box{height:600px;}
        .main-visual .main-img00_txt01{left: auto; background-size: 70%; top: auto;}
        .main-visual .main-img00_txt02{left: auto; background-size: 70%; top: auto;}
		.main-visual .main-img01{background-position:65% top;}
		.main-visual .carousel-caption{top:30%; }
		.main-visual .carousel-caption .slogan{padding:35px 30px 0 0; width:420px; font-size:15px;}
		.main-visual .main-img01 .carousel-caption .slogan{top:30px;text-align:left;}
		.main-visual .main-img02 .carousel-caption .slogan{top:0px;text-align:left;}
		.main-visual .main-img03 .carousel-caption .slogan{top:0px;text-align:left;}
		.main-visual .main-img04 .carousel-caption .slogan{top:0px;text-align:left;}
        .main-visual .main-img05 .carousel-caption .slogan{top:0px;text-align:left;}
		.main-visual .carousel-caption .slogan .main-copy{margin-bottom:15px; font-size:24px;}
		.main-visual .carousel-caption .slogan .main-copy02{margin-bottom:45px; font-size:50px;}
		.main-visual .carousel-caption .slogan .main-copy02:after{font-size:100px;text-align:left;}

		.main-visual .swiper-button-next, .main-visual .swiper-button-prev{width:35px;height:78px;}
		.main-visual .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .main-visual .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size:35px 78px !important;}


	}
	@media screen and (max-width:768px){
		.main-visual .main_img_box{height:320px;}
		.carousel-inner .main-img01{background-position:80% top;}
		.carousel-inner .main-img02{background-position:55% top;}
		.carousel-inner .main-img03{background-position:center top;}
		.carousel-inner .main-img04{background-position:center top;}
        .carousel-inner .main-img05{background-position:55% top;}

		.main-visual .carousel-control.left,
		.main-visual .carousel-control.right{background-size:20px;}

		.main-visual .carousel-caption{top:40%;left:0;}
		.main-visual .carousel-caption .slogan{padding:20px;margin:0;width:100%;margin:0 auto;font-size:13px;text-align:center;background:rgba(255,255,255,0.3);}
		.main-visual .main-img01 .carousel-caption .slogan{left:0;top:-50px;text-align:center;}
		.main-visual .main-img02 .carousel-caption .slogan{left:0;top:-50px;text-align:center;}
		.main-visual .main-img03 .carousel-caption .slogan{left:0;top:-70px;text-align:center;}
		.main-visual .main-img04 .carousel-caption .slogan{left:0;top:-70px;text-align:center;}
        .main-visual .main-img05 .carousel-caption .slogan{left:0;top:-65px;text-align:center;}
		.main-visual .carousel-caption .slogan .main-copy{margin-bottom:10px; font-size:14px;}
		.main-visual .carousel-caption .slogan .main-copy02{margin-bottom:35px; font-size:33px;margin-bottom:20px;}
		.main-visual .carousel-caption .slogan .main-copy02:after{display:none;font-size:50px;}
		.main-visual .carousel-caption .slogan .m_none{}

		.main-visual .swiper-button-next, .main-visual .swiper-button-prev{width:20px;height:44px;}
		.main-visual .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .main-visual .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size:20px 44px !important;}
        
	}

        @media screen and (max-width:450px) {
        .main-visual .main-img00 {background:url('/images/kor06r-18-0404/main/main_visual00_mb.jpg') no-repeat center center; background-size: 100%;}
    }
        @media screen and (min-width:769px) and (max-width: 882px) {
         .main-visual .main-img00 {background:url('/images/kor06r-18-0404/main/main_visual00_tb.jpg') no-repeat center center; background-size: contain;} 
}

/* 고정 하단
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer-quick{position:fixed;bottom:0;padding:0px; width:100%;color:#9c9a9a;background-color:rgba(0, 0, 0, 0.4);z-index:99;height:90px;}
#footer-quick .quick-box{float:right;margin-right:80px;width:380px;font-weight:100;}

#footer-quick .tel_box{background:#2c448e;padding:20px 0 20px 15px;font-size:12px;width:200px;}
#footer-quick .tel_box dl dt{color:#b4bedd;font-size:13px;font-weight:300;}
#footer-quick .tel_box dl dd span{color:#fff;font-size:23px;display:block;}
#footer-quick .quick-box li{float:left;}
#footer-quick .bt_style a.mobile_call {visibility:hidden;width:0;}
#footer-quick .bt_style a, .foot-bt .bt_style a{display:block;width:90px;height:90px;color:#fff;text-align:center;padding-top:40px;font-weight:300;}
#footer-quick .bt_style a.bt_advice:hover, #footer-quick .bt_style a.bt_newstore:hover{background:#222;}
#footer-quick .bt_style a.bt_advice{background:#99234b;}
#footer-quick .bt_style a.bt_newstore{background:#4d1959;}

@media only screen and (max-width: 980px){
#footer-quick{height:60px;}
#footer-quick .quick-box{float:right;margin-right:60px;width:120px;}
#footer-quick .bt_style a{width:60px;height:60px;font-size:0;padding:0;}
#footer-quick .bt_style a i{display:block;width:60px;height:60px;}
#footer-quick .bt_style a.mobile_call {visibility:visible;width:60px;height:60px;}
#footer-quick .bt_style a.mobile_call i{background:#2c448e url('/images/kor06r-18-0404/main/icon_call.png') no-repeat 50%; background-size:50%;}
#footer-quick .bt_style a.bt_advice i{background:#4d1959 url('/images/kor06r-18-0404/main/icon_advice.png') no-repeat 50%; background-size:50%;}
.back-to-top{width:60px; height:60px; position:fixed; bottom:0px; right:0px; display:none; text-align: center; z-index: 10000;background:#333;}
.back-to-top i{color: #fff; font-size: 15px; display: block; line-height: 60px;}

}

/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#mainContainer{z-index:555;font-family:'Nanum Square';}
	
	@media only screen and (min-width: 1380px){
		#mainContainer{padding:50px 0 0px 0;width:100%;}
		#info_wrap, .iga_box, .product_list, #news_wrap{width:1380px;margin:0 auto;}
	}
/*	@media only screen and (max-width: 1200px){
		#mainContainer{padding:50px 0 120px;width:100%;}
		#info_wrap, .iga_box, .product_list, #news_wrap{width:1200px;margin:0 auto;}
	}*/

	.main-container .con_title{display:block;padding:50px 0;text-align:center;}
	.main-container .con_title:after{display:block;clear:both;}
	.main-container .con_title .con_sub_tit{font-size:18px;font-weight:700;color:#363636;}
	.main-container h2{position:relative; margin:0 0 30px 0; line-height:1.2; font-weight:700; font-size:38px; color:#000;text-align:center;}
	.main-container h2:after{content:"ㅡ";font-size:80px;font-weight:300;color:#a51bed;text-align:center;display:block;line-height:20px;}

	.main-container h3{position:relative; margin-bottom:20px; line-height:1.2; font-weight:700; font-size:20px; color:#000;}
	.main-container h3 span{display:block; margin-top:5px; font-size:14px; color:#6c7079;}

/* 창업안내 */
	#info_wrap{margin:0 auto 80px auto;overflow:hidden;}
	#info_wrap:after{display:block;clear:both;}
	.info_list{margin-top:30px;overflow:hidden;}
	.info_list li{width:16.6%;float:left;text-align:center;}
	.info_list li a{width:100%;display:block;padding:180px 10px 15px 10px;}
	.info_list li a{color:#000;}
	.info_list li.i01{background:url('/images/kor06r-18-0404/main/icon_info01.png') no-repeat 50% 15px;}
	.info_list li.i01 a:hover{background:#f6f6f6 url('/images/kor06r-18-0404/main/icon_info01.png') no-repeat 50% 15px;}
	.info_list li.i02{background:url('/images/kor06r-18-0404/main/icon_info02.png') no-repeat 50% 15px;}
	.info_list li.i02 a:hover{background:#f6f6f6 url('/images/kor06r-18-0404/main/icon_info02.png') no-repeat 50% 15px;}
	.info_list li.i03{background:url('/images/kor06r-18-0404/main/icon_info03.png') no-repeat 50% 15px;}
	.info_list li.i03 a:hover{background:#f6f6f6 url('/images/kor06r-18-0404/main/icon_info03.png') no-repeat 50% 15px;}
	.info_list li.i04{background:url('/images/kor06r-18-0404/main/icon_info04.png') no-repeat 50% 15px;}
	.info_list li.i04 a:hover{background:#f6f6f6 url('/images/kor06r-18-0404/main/icon_info04.png') no-repeat 50% 15px;}
	.info_list li.i05{background:url('/images/kor06r-18-0404/main/icon_info05.png') no-repeat 50% 15px;}
	.info_list li.i05 a:hover{background:#f6f6f6 url('/images/kor06r-18-0404/main/icon_info05.png') no-repeat 50% 15px;}
	.info_list li.i06{background:url('/images/kor06r-18-0404/main/icon_info06.png') no-repeat 50% 15px;}
	.info_list li.i06 a:hover{background:#f6f6f6 url('/images/kor06r-18-0404/main/icon_info06.png') no-repeat 50% 15px;}
	.info_list li dt{font-size:20px;font-weight:700;}
	.info_list li dd{font-size:16px;padding:10px 0;font-weight:400;font-family:'NotoSansKR';}

/* IGA */
	#iga_wrap{background:url('/images/kor06r-18-0404/main/bg_iga.jpg') no-repeat center 0;height:320px;}
	#iga_wrap .iga_box{text-align:center;padding:55px 0 0 0;}
	#iga_wrap .iga_box:after{display:block;clear:both;}
	#iga_wrap .bic_title{font-size:36px;font-weight:700;color:#fff;padding-bottom:20px;}
	#iga_wrap .small_title{font-size:18px;color:#fff;margin-bottom:20px;font-weight:300;}

/* 제품및서비스 */
	#product_wrap{padding:50px 0 120px 0;background:#f2ebec;}
	#product_wrap h3 img{float:right;}
	#product_wrap ul{margin:0 -10px;}
	#product_wrap ul:after{content:""; display:block; clear:both;}
	#product_wrap li{position:relative; float:left; margin:0 10px; width:calc(20% - 20px); background:#fff;}
	#product_wrap .txt-frame{margin:30px 0 40px 0; word-break:keep-all;text-align:center;font-weight:400;font-family:'NotoSansKR';}
	#product_wrap .txt-frame h3{margin-bottom:10px;font-weight:700;font-family:'Nanum Square';}
	#product_wrap .img-frame{width:100%; overflow:hidden;}
	#product_wrap .img-frame p{font-size:16px;}
	#product_wrap .img-frame img{width:100%;}
	#product_wrap a:hover{color:#fff;}

	#product_wrap .caption-link{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
	#product_wrap .caption-link:before{position:absolute; top:0px; left:0px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
	#product_wrap .caption-link:after{position:absolute; bottom:0px; right:0px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
	#product_wrap .caption-link:hover:before{width:100%; height:100%; border-left:1px solid #78278b; border-top:1px solid #78278b;}
	#product_wrap .caption-link:hover:after{width:100%; height:100%; border-right:1px solid #78278b; border-bottom:1px solid #78278b;}


/* iga 광장 */
	#news_wrap{padding:50px 0 120px 0;}
	#news_wrap ul{margin:50px -10px 0 -10px;}
	#news_wrap ul:after{content:""; display:block; clear:both;}
	#news_wrap li{position:relative; float:left; margin:0 10px; width:calc(20% - 20px); background:#fff;padding:10px;border:1px solid #ececec;}
	#news_wrap .txt-frame{margin:30px 0 30px 0; word-break:keep-all;text-align:left;}
	#news_wrap .txt-frame h3{position:absolute;left:0;top:-45px;width:100%;margin-bottom:10px;text-align:center;}

	#news_wrap .img-frame{width:100%; overflow:hidden;}
	#news_wrap .img-frame img{width:100%;}
	#news_wrap a:hover{color:#fff;}
	#news_wrap li .case_con{font-size:17px;color:#333;letter-spacing:0;height:80px;}
	#news_wrap li .case_con dl{margin-bottom:5px;}
	#news_wrap li .case_con dt{/**font-weight:400;**/}
	#news_wrap li .case_con dd{font-size:14px;margin-top:10px;color:#888;font-weight:300;font-family:'NotoSansKR';}
	#news_wrap li .case_con .f_color{color:#f26522;}
	#news_wrap li .case_con dd.ellipsis_style{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5em; height: 3.0em; /* line-height 가 1.5em 이고 5라인을 자르기 때문에 height는 1.7em * 5 = 8.5em */}
	#news_wrap .map_wrap{position:relative;}
	#news_wrap .select_wrap {width:65%;}
	#news_wrap .select_wrap select{width:100%;padding:5px;margin-bottom:10px;background:#f5f5f5;border:1px solid #e4e4e4;float:left;font-size:13px;}
	#news_wrap .bt_wrap{position:absolute;top:0;right:0;width:30%;padding:0;margin:0;}
	#news_wrap .bt_wrap .btn{display:block;line-height:15px;}

	#news_wrap .caption-link{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
	#news_wrap .caption-link:before{position:absolute; top:0px; left:0px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
	#news_wrap .caption-link:after{position:absolute; bottom:0px; right:0px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
	#news_wrap .caption-link:hover:before{width:100%; height:100%; border-left:1px solid #78278b; border-top:1px solid #78278b;}
	#news_wrap .caption-link:hover:after{width:100%; height:100%; border-right:1px solid #78278b; border-bottom:1px solid #78278b;}

	.btn-store{border-radius:1px; padding:20px 10px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:#e55562; border-color: #c13f4b; color:#fff;}
    
	@media only screen and (max-width: 1200px){
		#mainContainer{padding:50px 20px 50px 0; width:100%;}

		
/*창업안내*/
	#info_wrap{margin:0 auto 60px auto;}
	.info_list li{width:33.3%;}

/* 제품및서비스 */
		#product_wrap ul, .main-bottom ul{margin:0 -5px;}
		#product_wrap li, .main-bottom li{margin:0 5px; width:calc(20% - 10px);}

/* iga 광장 */
	#news_wrap li{margin:0 5px; width:calc(20% - 10px);}
	#news_wrap li .case_con dd.ellipsis_style{height: 3em;}
	#news_wrap .txt-frame{margin:15px 0 30px 0;}
	#news_wrap li .case_con dd{font-size:13px;}
	#news_wrap .map_wrap{position:relative;}
	#news_wrap .select_wrap {width:65%;}
	#news_wrap .select_wrap select{width:100%;padding:5px;margin-bottom:10px;background:#f5f5f5;border:1px solid #e4e4e4;float:left;}


		.main-center{margin:10px -5px;}
		.main-center > div{margin:0 5px;}
		.webgine-box{width:calc(50% - 10px);}
		.notice-box{width:calc(25% - 10px);}
		.affilates-box{width:calc(25% - 10px);}

	}
	@media only screen and (max-width: 980px){

/* 모바일 엔터 */
		.m_br{display:block;}


/* 제품및서비스 */
		#product_wrap{padding:20px 0 80px 0;}
		#product_wrap .product_list{padding-top:10px;}
		#product_wrap ul {margin:-10px -10px -10px 0;}
		#product_wrap li {margin:10px 5px; width:calc(98% - 10px);}
		#product_wrap .txt-frame{float:left;width:50%;}
		#product_wrap .img-frame{float:left;width:50%;}


/* iga 광장 */
		#news_wrap{padding:20px 0 80px 0;}
		#news_wrap .product_list{padding-top:10px;}
		#news_wrap ul {margin:-10px -10px -10px 0;}
		#news_wrap li{margin:10px 5px; width:calc(98% - 10px);}
		#news_wrap li .case_con dd.ellipsis_style{height: 4em;}
		#news_wrap .txt-frame{float:left;width:50%;padding-left:20px;margin:0;font-size:13px;}
		#news_wrap .txt-frame h3{position:relative;left:0;top:0;width:100%;margin:5px 0 10px 0;text-align:left;}
		#news_wrap .img-frame{float:left;width:50%;}
		#news_wrap li .case_con{height:0;}

		.mobile-none{display:none;}

	}
	@media only screen and (max-width: 768px){
		#mainContainer{padding:20px 10px 30px; width:100%;}
		

/* 제품및서비스 */
		#product_wrap ul, .main-bottom ul{margin:-5px;}
		#product_wrap li, .main-bottom li{margin:10px;}

		.main-center{margin:10px -5px;}
		.main-center > div{margin:0 5px;}
		.webgine-box{margin-bottom:10px !important; width:calc(100% - 10px); height:468px !important;}
		.notice-box{width:calc(50% - 10px);}
		.affilates-box{width:calc(50% - 10px);}

	.main-container .con_title{margin:0;}
	.main-container .con_title .con_sub_tit{font-size:15px;}
	.main-container h2{font-size:30px;margin:0 0 20px 0; }
	.main-container h2:after{font-size:60px;}


/*창업안내*/
	.info_list li{width:50%;letter-spacing:-1;}


/* IGA */
	#iga_wrap{}
	#iga_wrap .bic_title{font-size:30px;}
	#iga_wrap .small_title{font-size:15px;letter-spacing:-.8px;}
		#news_wrap .txt-frame h3{position:relative;left:0;top:0;width:100%;margin:5px 0 10px 0;text-align:left;font-size:15px;}

	}
	@media only screen and (max-width: 480px){

/*창업안내*/
	.info_list{margin-top:10px;overflow:hidden;}
		.info_list li dt{font-size:18px;}
		.info_list li dd{font-size:13px;height:50px;font-weight:400;}

/* IGA */
	#iga_wrap{}
	#iga_wrap .bic_title{font-size:20px;}
	#iga_wrap .small_title{font-size:13px;}

/* 제품및서비스 */
		#product_wrap ul, .main-bottom ul{margin:0;}
		#product_wrap li{margin:10px 0 0 8px; /*width:100%;*/}
		#product_wrap .txt-frame h3{font-size:18px;}
		#product_wrap .txt-frame p{font-size:13px;}

		.main-bottom li{margin:10px 0 0 0; width:100%; border:1px solid #c5c5c5; border-top:3px solid #ff4e00;}
		#product_wrap li:first-child, .main-bottom li:first-child{margin-top:0;}
		
		.main-center{margin:10px 0;}
		.main-center > div{margin:10px 0 0 0;}
		.main-center > div:first-child{margin-top:0;}
		.webgine-box{margin-bottom:0 !important; width:100%;}
		.notice-box{width:100%;}
		.affilates-box{width:100%;}
		
		#news_wrap li .case_con dd.ellipsis_style{height: 2em;display:none;}
		#news_wrap li .case_con{font-size:13px;font-weight:300;}
		#news_wrap li .case_con a.btn-color-gray{display:none;}

	}


/* btn */
a.btn01{display:inline-block;margin:20px 0;padding:10px 50px;border:1px solid #000;font-size:14px}


/* 팝업 */
#topEvent{position:relative; height:130px; background:url('/images/kor06r-18-0404/main/top_event_p.jpg') no-repeat center top;}
#topEvent .top-event-m{display:none;}
#topEvent .text-area{width:0; height:0; font-size:0; line-height:0;}
#topEvent .event-btn{position:absolute; right:40px; top:43%; margin-top:-15px; width:31px; height:31px; cursor:pointer;}
#topEvent .event-btn span{position:absolute; top:50%; left:50%; display:inline-block; margin-left:-20px; width:40px; height:1px; background:#fff;}
#topEvent .event-btn span:first-child{transform:rotate(-45deg);}
#topEvent .event-btn span:last-child{transform:rotate(45deg);}
#topEvent .event-btn2{position:absolute;bottom:-10px;width:100%;margin-left: -10px;}
#topEvent .event-btn2 label{font-weight:400;font-size:14px;}



@media only screen and (max-width:1200px){
	#topEvent{background:url('/images/kor06r-18-0404/main/top_event_t.jpg') no-repeat center top;}
	#topEvent .event-btn{margin-top:-8px; width:16px; height:16px;}
	#topEvent .event-btn span{margin-left:-10px; width:20px;}
}
@media only screen and (max-width:768px){
	#topEvent{height:auto; background:none;}
	#topEvent .top-event-m{display:block; width:100%;}
	#topEvent .event-btn{top:10px; right:10px; margin-top:0;}
	#topEvent .event-btn2{position:absolute;padding:30px 0;bottom:-30px;}
    #topEvent .event-btn2 label{color:#fff;font-size:13px;}
}

@media (min-width:1201px) and (max-width: 1379px) {
    #topEvent {background: url(../../images/kor06r-18-0404/main/top_event_o.jpg) no-repeat center top;}
    #topEvent .event-btn {top: 38%;}
    #topEvent .event-btn2 {position: absolute; right: 20px; top: 80px; width: 100%; color: #fff;}
}