@charset "utf-8";


/******************************* sub-visual / snb *******************************/

	.subvis-wrap{height:300px;position:relative;width:100%;display:table;background-repeat:no-repeat;background-position:top center;background-size:cover;background-image:url('../../../images/site/sub/subvis_company.jpg');}
	.subvis-wrap.company{background-image:url('../../../images/site/sub/subvis_company.jpg');}
	.subvis-wrap.product{background-image:url('../../../images/site/sub/subvis_product.jpg');}
	.subvis-wrap.business{background-image:url('../../../images/site/sub/subvis_business.jpg');}	
	.subvis-wrap.brand{background-image:url('../../../images/site/sub/subvis_brand.jpg');}
	.subvis-wrap.introduce{background-image:url('../../../images/site/sub/subvis_introduce.jpg');}
	.subvis-wrap.community{background-image:url('../../../images/site/sub/subvis_company.jpg');}
	.subvis-wrap.membership{background-image:url('../../../images/site/sub/subvis_company.jpg');}
	.subvis-wrap.policy{background-image:url('../../../images/site/sub/subvis_company.jpg');}
	.subvis-wrap.site.mall{background-image:url('../../../images/site/sub/subvis-mall.jpg');}
	.subvis-wrap.myoffice{background-image:url('../../../images/myoffice/subvis_office.jpg');}
	.subvis-wrap.dashboard{height:300px;padding-top:100px;background-image:url('../../../images/myoffice/subvisual-office.jpg');}
	.subvis-wrap.site.login,.subvis-wrap.site.membership{display:none;}

	.subvis-wrap.site .subvis-inner{padding-bottom:60px;position:relative;display:table-cell;vertical-align:middle;text-align:center;}
	.subvis-wrap.site .subvis-inner .title_area{padding-top:0px;}
	.subvis-wrap.site .subvis-inner .title_area h3{font-size:48px;font-weight:700;color:#fff;}
	.subvis-wrap.site .subvis-inner .title_area p{margin-top:10px;font-size:18px;font-weight:200;color:#fff;}
	.subvis-wrap.site .subvis-inner .submenu_area{position:absolute;left:0px;bottom:0px;right:0px;width:100%;background:rgba(0,8,27,0.5);overflow:hidden;}
	.submenu_area .menu_cont{position:relative;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	
	.submenu_area .menu_cont .item{height:60px;display:table;}
	.submenu_area .menu_cont .item span{padding:0 30px;font-size:16px;border:1px solid transparent;color:rgba(255,255,255,0.7);border-bottom:3px solid transparent;display:table-cell;vertical-align:middle;transition:0.5s;}
	.subvis-wrap.site.mall .subvis-inner .submenu_area .menu_cont .item span{padding:0 20px;}
	.submenu_area .menu_cont .item:hover span,
	.submenu_area .menu_cont .item.on span{color:#fff;border-bottom:3px solid #0b87e1;background:transparent;}

	.subvis-wrap.myoffice .subvis-inner .submenu_area{background:rgba(0,44,90,0.9);}
	.subvis-wrap.myoffice .subvis-inner .submenu_area .menu_cont .item span{color:rgba(255,255,255,0.6);}
	.subvis-wrap.myoffice .subvis-inner .submenu_area .menu_cont .item:hover span,
	.subvis-wrap.myoffice .subvis-inner .submenu_area .menu_cont .item.on span{color:rgba(255,255,255,1);border-bottom:3px solid #f37043;}
	
	.mall.main .submenu_area .menu_cont .item{background:#0b87e1;margin:0 5px;padding:0;}
	.mall.main .submenu_area .menu_cont .item span{padding:0 30px;}
	.mall.main .submenu_area .menu_cont .item:hover span,
	.mall.main .submenu_area .menu_cont .item.on span{color:#0b87e1;border:1px solid #0b87e1;background:#fff;}



/* **************************************** ** mall_main ** **************************************** */
	
	.mall_top .mall_banner{padding-top:100px;}
	.mall_banner .banner_slide{position:relative;overflow:hidden;margin-bottom:0px !important;}
	.mall_banner .banner_slide span{background-repeat:no-repeat;background-position:top center;background-size:100% auto;}
	.mall_banner .banner_slide span.item1{background-image:url('../../../images/mall/banner_slide_01.png');}
	.mall_banner .banner_slide span.item2{background-image:url('../../../images/mall/banner_slide_02.png');}
	.pc_view{display:block !important;}
	.mo_view{display:none !important;}

	.banner_slide .slick-dots{bottom:30px;}
	.banner_slide .slick-dots li{margin:0 1px;}
	.banner_slide .slick-dots li button:before{color:#fff;}

	.mall_banner .slick-arrow{position:absolute;top:50%;width:80px;height:80px;border:1px solid rgba(255,255,255,0.2);left:3%;display:block;cursor:pointer;z-index:9;text-indent:-9999px;transition:0.5s;}
	.mall_banner .slick-arrow:before{display:block;content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-left:-10px;margin-top:-15px;border:1px solid rgba(255,255,255,0.5);border-top:0;border-left:0;transform:rotate(135deg);transition:0.5s;}
	.mall_banner .slick-arrow.slick-next{left:auto;right:3%;}
	.mall_banner .slick-arrow.slick-next:before{transform:rotate(-45deg);margin-left:-20px;}
	.mall_banner .slick-arrow:hover,.mall_banner .slick-arrow:hover:before{border-color:rgba(255,255,255,1);}

	.mall_top .submenu_area{position:relative;padding:20px 0 40px 0;background:#233768;}
	.mall_top .submenu_area .menu_cont{position:relative;}
	.mall_top .submenu_area .menu_cont .item{height:40px;text-align:center;}
	.mall_top .submenu_area .menu_cont .item span{padding:0 15px;font-size:18px;color:rgba(255,255,255,0.7);}
	.mall_top .submenu_area .menu_cont .item:hover span,
	.mall_top .submenu_area .menu_cont .item.on span{color:#fff;border-bottom:3px solid #fff;}
	.mall_top .submenu_area .two_depth{position:relative;margin-top:10px;}
	.mall_top .submenu_area .two_depth .ss_menu{padding:5px 10px;margin:3px;border:1px solid #233768;color:#233768;background:#fff;display:inline-block;border-radius:5px;transition:0.5s;}
	.mall_top .submenu_area .two_depth .ss_menu:hover,
	.mall_top .submenu_area .two_depth .ss_menu.active{border:1px solid #f37043;color:#fff;background:#f37043;}


	@media only screen and (max-width:1280px){
		.pc_view{display:none !important;}
		.mo_view{display:block !important;}
		.subvis-wrap.site.dashboard{padding:70px 20px 0 20px;}
		.subvis-wrap.site .subvis-inner .title_area h3{font-size:45px;}
		.subvis-wrap.site .subvis-inner .title_area p{font-size:17px;}

	    .mall_top .mall_banner{padding-top:70px;}
		.mall_banner .banner_slide span.item1{background-image:url('../../../images/mall/banner_slide_01_m.png');}
		.mall_banner .banner_slide span.item2{background-image:url('../../../images/mall/banner_slide_02_m.png');}
		.mall_banner .slick-arrow{display:none !important;}
	    .mall_top .submenu_area{padding:10px 0 30px 0;}
	}

	@media only screen and (max-width:991px){
		
		.subvis-wrap.site{height:350px;}
		.subvis-wrap.site .subvis-inner .title_area h3{font-size:40px;}
		.subvis-wrap.site .subvis-inner .title_area p{font-size:16px;}
		.subvis-wrap.site .subvis-inner .submenu_area{padding:0 10px;}
		.submenu_area .menu_cont .item{height:50px;padding:0 15px;margin:0 2px;}
		.submenu_area .menu_cont .item span{font-size:16px;}

		/* mall */
		.mall.main .submenu_area .menu_cont .item{margin:0 3px;padding:0;}
		.mall.main .submenu_area .menu_cont .item span{padding:0 20px;}
		.mall_top .subvis-wrap.site.mall{height:220px;padding-top:70px;}
		.mall_top .submenu_area .menu_cont .item{height:50px;padding:0 15px;}
		.mall_top .submenu_area .menu_cont .item span{padding:0px;font-size:17px;}
		.mall_top .submenu_area .two_depth{margin-top:20px;}
		.mall_top .submenu_area .two_depth .ss_menu{padding:4px 7px;margin:2px;}
	    .mall_top .submenu_area{padding:10px 0 20px 0;}

	}

	@media only screen and (max-width:767px){
		.subvis-wrap.site{height:250px;}
	    .subvis-wrap.site .subvis-inner{padding-bottom:50px;}
		.subvis-wrap.site .subvis-inner .title_area h3{font-size:35px;}
		.subvis-wrap.site .subvis-inner .title_area p{font-size:15px;}
		.submenu_area .menu_cont,
		.submenu_area .menu_cont .item{height:auto;min-height:50px;}
		.submenu_area .menu_cont .item{padding:5px 7px;}
		.submenu_area .menu_cont .item span{font-size:14px;padding:5px 0;line-height:1.3;}
		.subvis-wrap.site.mall .subvis-inner .submenu_area .menu_cont .item span{padding:0;}

		/* mall */
		.mall_top .subvis-wrap.mall{height:200px;}
		.mall.main .submenu_area .menu_cont .item span{padding:0 15px;}
		.mall_top .submenu_area .menu_cont .item{height:auto;padding:5px 10px;}
		.mall_top .submenu_area .menu_cont .item span{font-size:14px;}
		.mall_top .submenu_area .two_depth{margin-top:15px;}
	    .mall_top .submenu_area{padding:0px 0 10px 0;}

	}

	@media only screen and (max-width:520px){
		.subvis-wrap.site{height:200px;}
	    .subvis-wrap.site .subvis-inner{padding-bottom:40px;}
		.mall.main .submenu_area .menu_cont .item{margin:2px;}
		.mall.main .submenu_area .menu_cont .item span{padding:0 10px;}
		.submenu_area .menu_cont{padding:0px;}
		.submenu_area .menu_cont .item{padding:0px 5px;}
		.submenu_area .menu_cont,
		.submenu_area .menu_cont .item{min-height:40px;}
		.submenu_area .menu_cont .item span,
		.mall_top .submenu_area .menu_cont .item span{font-size:13px;}
		.mall_top .submenu_area .two_depth .ss_menu{padding:2px 5px;font-size:12px;}
	}

	@media only screen and (max-width:480px){
		.submenu_area .menu_cont .item span,
		.mall_top .submenu_area .menu_cont .item span{font-size:12px;}
	}




/******************************* sub-common *******************************/

    .sub-wrap{position:relative;padding:50px 0 50px 0;width:100%;background:#fff;}
	.sub-wrap.bg-all{background:#fff;}
	.site-cont .sub-title{text-align:center;padding:0px 0 50px 0;position:relative;color:#000;}
	.site-cont .sub-title span{display:block;font-size:0.941rem;color:#999;}
	.sub-wrap .sub-contents{position:relative;margin:0 auto 100px auto;}

	/* list */
	.sub-contents .dot_list > li:before{content:'';position:absolute;top:13px;left:0px;width:3px;height:3px;border-radius:50%;background:#aaa;}
	.sub-contents .none_list{list-style-type:none;}
	.sub-contents ol.decimal_list > li{margin-left:10px;padding-left:5px;list-style-type:decimal;}
	.sub-contents ol{padding-left:10px;margin:10px 0;}
	.sub-contents ol.pd_none{padding-left:0px;}
	.sub-contents ol li{padding:5px 0 5px 10px;float:none;position:relative;letter-spacing:-0.03em;line-height:1.5;word-break:keep-all;}
	
    @media only screen and (max-width:991px) {
		.sub-wrap{padding:40px 0;}
		.site-cont .sub-title{padding:40px 0;}
		.sub-wrap .sub-contents{margin:0 auto 70px auto;}
		.sub-contents .groups{margin-bottom:80px;}
		.sub-contents .l_group{margin-bottom:60px;}
		.sub-contents .m_group{margin-bottom:40px;}
		.sub-contents .s_group{margin-bottom:20px;}
    }


    @media only screen and (max-width:767px) {
		.sub-wrap{padding:30px 0;}
		.site-cont .sub-title{padding:30px 0;}
		.sub-wrap .sub-contents{margin:0 auto 50px auto;}
		.sub-contents .groups{margin-bottom:60px;}
		.sub-contents .l_group{margin-bottom:50px;}
		.sub-contents .m_group{margin-bottom:30px;}
		.sub-contents .s_group{margin-bottom:10px;}

		.table-type1 tbody th,.table-type1 tbody td{padding:7px;}
		.sub-wrap{padding:30px 0;}
    }

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


    @media only screen and (max-width:480px) {
		.sub-wrap{padding:20px 0;}
		.site-cont .sub-title{padding:20px 0;}
		.sub-wrap .sub-contents{margin:0 auto 30px auto;}
		.sub-contents .groups{margin-bottom:50px;}
		.sub-contents .l_group{margin-bottom:40px;}
		.sub-contents .m_group{margin-bottom:20px;}
    }





/******************************* site_sub_contents *******************************/


.sub_section.sub-wrap{padding:0 0 100px 0;}
.sub_section .section_top{width:100%;min-height:800px;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.sub_section.co_info .section_top{background-image:url('../../../images/site/sub/co_info_top.jpg');}













.co_ceo{}
.co_ceo .ceo_top{margin-bottom:50px;}
.co_ceo .t_inner{color:#333;}
.co_ceo .t_inner h5{}
.co_ceo .t_inner h5 strong{font-size:1.2em;}
.co_ceo .t_inner p{margin-bottom:30px;}

.co_vision{}
.co_vision .vision_wrap{margin-top:0px;}
.co_vision .vision_wrap .vision_cont .vision_right{background-color:#f5f8fb;}
.co_vision .vision_wrap .vision_cont .vision_right p{color:#333;}

.co_ideology{}
.co_ideology .ideology_cont{}
.ideology_cont .obj{min-height:400px;display:table;width:100%;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ideology_cont .obj.item1{background-image:url('../../../images/site/sub/ideology_bg01.jpg');}
.ideology_cont .obj.item2{background-image:url('../../../images/site/sub/ideology_bg02.jpg');}
.ideology_cont .obj.item3{background-image:url('../../../images/site/sub/ideology_bg03.jpg');}
.ideology_cont .obj.item4{background-image:url('../../../images/site/sub/ideology_bg04.jpg');}
.ideology_cont .obj .t_inner{text-align:center;display:table-cell;vertical-align:middle;}
.ideology_cont .obj .t_inner h5,.ideology_cont .obj .t_inner h4,.ideology_cont .obj .t_inner p{color:#333;}
.ideology_cont .obj .t_inner h4{position:relative;padding:0px 0 50px 0;margin-bottom:30px;}
.ideology_cont .obj .t_inner h4:after{content:'';position:absolute;bottom:0px;left:50%;width:1px;height:30px;background:#333;}
.ideology_cont .obj .t_inner p{margin-bottom:10px;}
.ideology_cont .obj .t_inner p:last-child{margin-bottom:0px;}


.co_value .value_cont{margin-top:70px;}
.co_value .value_cont .obj{height:650px;display:table;width:100%;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.value_cont .obj.item1{background-image:url('../../../images/site/sub/value_bg01.jpg');}
.value_cont .obj.item2{background-image:url('../../../images/site/sub/value_bg02.jpg');}
.value_cont .obj.item3{background-image:url('../../../images/site/sub/value_bg03.jpg');}
.value_cont .obj.item4{background-image:url('../../../images/site/sub/value_bg04.jpg');}
.value_cont .obj .t_inner{padding:0 30px;display:table-cell;vertical-align:middle;}
.value_cont .obj .t_inner h2,.value_cont .obj .t_inner p{color:#fff;}
.value_cont .obj .t_inner p{margin-bottom:10px;}
.value_cont .obj .t_inner p:last-child{margin-bottom:0px;}

.brand_story{position:relative;width:100%;background-size:auto;background-image:url('../../../images/site/sub/brand_story_bg.jpg');background-repeat:no-repeat;background-position:center center;}
.brand_story .story_box{text-align:center;}
.brand_story .story_box img{display:block;margin:0 auto;}


.bu_patent .patent_top{margin-bottom:70px;}
.bu_patent .patent_top h4{}
.bu_patent .patent_cont{margin:-20px;}
.bu_patent .patent_cont .obj{padding:20px;text-align:center;}
.bu_patent .patent_cont .obj .image{border:1px solid #eee;}
.bu_patent .patent_cont .obj .image img{display:block;margin:0 auto;max-width:100%;}
.bu_patent .patent_cont .obj p{padding-top:10px;color:#333;}







/******************************* login *******************************/

	.site-loginwrap{position:relative;}
	.site-loginwrap .site-login{width:70%;margin:0 auto;}
	.site-login ul.tab li{width:50%;padding:20px 0;height:auto;background:#fafafa;border-left:1px solid #d6d7d5;border-top:1px solid #d6d7d5;border-bottom:1px solid #d6d7d5;}
	.site-login ul.tab li:last-child{border-right:1px solid #d6d7d5;}
	.site-login ul.tab li.active{background:#fff;border-bottom:1px solid #fff;}
	.site-login ul.tab li.active p{opacity:1;}
	.site-login ul.tab li span{display:block;font-size:1.1rem;}

	.site-login .tab-container{border-left:1px solid #d6d7d5;border-right:1px solid #d6d7d5;border-bottom:1px solid #d6d7d5;}
	.login-inner{position:relative;padding:70px 0 50px 0;}
	.login-inner h3{width:100%;text-align:center;display:block;margin:0 0 15px 0;font-size:2rem;color:#000;letter-spacing:-1px;text-transform:uppercase;}
	.login-inner p{text-align:center;color:#777;margin:0;padding:0;line-height:1.5;}
	.login-inner p{line-height:1.3;}
	.login-inner .login-box{position:relative;width:70%;margin:30px auto 0 auto;overflow:hidden;}
	.login-box ul:after{content:'';display:block;clear:both;}
	.login-box ul{width:75%;display:inline-block;}
	.login-box ul li{position:relative;padding:0 0 10px 0;width:100%;}
	.login-box ul li .login-icon{position:absolute;top:0;left:0;z-index:1;width:50px;height:40px;display:table;border:1px solid #ddd;}
	.login-box ul li .login-icon span{display:table-cell;vertical-align:middle;text-align:center;cursor:default;}
	.login-icon span:before{font-family:"Icons";color:#aaa;font-size:1em;font-style:normal;font-weight:normal;text-transform:none !important;}
	.login-icon span.login-icon01:before{content:'\f007';}
	.login-icon span.login-icon02:before{content:'\f023';}
	.login-input{position:relative;margin:0 0 0 50px;z-index:2;}
	.login-box input{width:100%;height:40px;font-size:0.938rem;letter-spacing:0;color:#3f403e;line-height:40px;border:1px solid #ddd;padding:0 0 0 14px;margin:0 0 0 -1px;box-sizing:border-box;}
	.login-box input:hover{border-color:#2473bb;}
	.login-box .login-btn{position:absolute;right:0;top:0;width:25%;}
	.login-box .login-btn button{width:90%;float:right;height:90px;font-size:1.143em;background:#f48530;line-height:1.2;}
	.login-box .login-btn button:hover{background:#ff6f00;}
	.login-box .division-line{background:#d6d7d5;}
	.login-box .login-text{color:#439abf;line-height:1.5;}
	.login-box .special-button{width:50%;margin:0 auto;}
	.login-box .special-button .basic{background:#3f403e;border:1px solid #000;color:#fff;}
	.login-box .special-button .basic:hover{background:#000;}
	.login-box .btn-wrap{width:100%;margin:40px auto;}
	.login-box .btn-wrap .login-bottom li{width:33.33%;}
	.login-bottom li .wrap-button{margin-left:10px;}
	.login-bottom li:first-child .wrap-button{margin-left:0;}
	.login-bottom li:first-child .wrap-button span{color:#fff;}
	.login-box a.basic{display:table;width:100%;height:50px;margin:0 !important;text-align:center;background:#fff;border:1px solid #aaa;color:#777;}
	.login-box a.basic span{display:table-cell;vertical-align:middle;color:#333;line-height:1.3;}
	.login-bottom li .wrap-button a:hover{border:1px solid #000;background:#fafafa;color:#000;}
	.login-bottom li:first-child .wrap-button a{background:#3f403e;border:1px solid #3f403e;color:#fff;}
	.login-bottom li:first-child .wrap-button a:hover{background:#000;}


    @media only screen and (max-width:991px) {
	    .site-loginwrap .site-login{width:90%;}
    }


    @media only screen and (max-width:768px) {
	    .site-loginwrap .site-login{width:100%;}
		.login-inner{position:relative;padding:50px 0 20px 0;}
		.login-inner .login-box{width:90%;}
	    .login-inner h3{margin:0 0 10px 0;font-size:1.5rem;}

    }


    @media only screen and (max-width:520px) {
		.login-inner{padding:30px 0 20px 0;}
	    .login-inner h3{display:none;}

    }



/******************************* id find *******************************/

	.idfind-wrap{position:relative;width:100%;margin:0 auto;border:1px solid #d6d7d5;}
	.idfind-wrap .title{width:100%;margin-top:50px;display:inline-block;text-align:center;padding:0;font-size:2.2rem;color:#000;letter-spacing:-1px;text-transform:uppercase;font-weight:300;}
	.idfind-wrap .login-text{text-align:center;color:#777;margin:5px 0 10px 0;padding:0;line-height:1.5;font-size:0.875rem;}
	.idfind-wrap .idfind-button{width:30%;margin:0 auto;}
	.idfind-button button{display:table;height:40px;line-height:40px;width:100%;text-align:center;border:1px solid #000;background:#3f403e;color:#fff;}
	.idfind-button button:hover{background:#000;}
	.idfind-wrap .idfind-inner{width:90%;margin:0 auto 20px auto;}
	.idfind-inner .form-dl{margin-top:10px;}
	.idfind-inner .form-dl dt{width:20%;float:left;}
	.idfind-inner .form-dl dd{width:80%;float:left;margin:0;}
	.idfind-inner .form-dl dd li{padding-left:10px;}
	.idfind-inner .form-dl dd li:first-child{padding-left:0;}
	input.input-box.height40,select.select-box.height40{height:40px;line-height:40px;}
	.t-color-box{margin:20px auto;width:100%;padding:1em;text-align:center;font-size:1rem;color:#fff;background:#2ba7ab;font-weight:bold;letter-spacing:1px;border-radius:33px;}



/*******************************  회원가입  *******************************/

	.mem-join-wrap{position:relative;width:70%;margin:50px auto 100px auto;overflow:hidden;}
	.mem-join-wrap .title{text-align:center;font-size:1.250rem;color:#000;}
	.mem-join-wrap .title span{font-size:1rem;display:block;color:#777;margin-top:0.5rem;}
	.mem-join-wrap ul{display:inline-block;width:100%;}
	.mem-join-wrap ul li{float:left;width:50%;}
	.mem-join-wrap ul li a{display:block;padding:50px 0 70px 0;margin-left:30px;text-align:center;box-sizing:border-box;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}
	.mem-join-wrap ul li:first-child a{margin-left:0;}
	.mem-join-wrap .join-icon{width:100px;height:100px;border-radius:50%;margin:0 auto 30px auto;display:table;background:rgba(255,255,255,0.3);text-align:center;}
	.mem-join-wrap .join-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:2.857rem;}
	.mem-join-wrap ul li a span{font-size:1.286rem;color:#fff;}


	/* 회원가입 */
	.half-form-wrap{position:relative;margin:0 auto;}
	.half-form-wrap h4{text-align:center;color:#000;margin:20px auto 0 auto;}
	.half-wrap,.form-group{position:relative;width:70%;margin:20px auto 0 auto;padding:50px;border-top:2px solid #111;border-bottom:1px solid #111;background:#fff;}
	.half-form-wrap .half-wrap{padding:20px;}
	.half-form-wrap .half-wrap:first-child{margin:0 auto;padding:10px;}
	.half-wrap .input-box,.half-wrap .basic,.half-wrap .select-box,.form-group .input-box,.form-group .basic,.form-group .select-box{font-size:0.941rem;height:40px;line-height:40px;}
    .half-wrap .form-cont-wrap{padding:10px 50px;}


	/* 회원가입 팝업 */
	.popup-wrap .one-btn-wrap{width:30%;margin:10px auto 0 auto;}
	.popup-wrap .one-btn-wrap .basic{width:100%;}
	.half-wrap.half-bd{margin-top:0;}
	.in-flex.form-top{width:80%;margin:0 auto;}
	.form-top li{float:left;}
	.form-top.in-select{position:relative;display:flex;display:-webkit-flex;}
	.form-top.in-select .title{width:100px;}
	.form-top.in-select .input-box{width:200px;float:left;}
	.form-top.in-select select{width:50px;}
	.form-top.in-select a.basic{width:110px;padding:0;}

	.partial_cont label span.point{position:relative;padding-left:15px;}
	.partial_cont label span.point:before{content:'*';position:absolute;top:0px;left:0;font-size:1.3rem;font-weight:bold;color:#d9252e;}

	.form-top li .title{float:left;width:30%;display:table;height:40px;text-align:left;padding-left:10px;}
	.form-top li .title span{display:table-cell;vertical-align:middle;}
	.form-top li input.input-box{float:right;width:70%;}
	.form-top li a.basic{float:left;color:#fff;margin-left:10px;}
	.half-wrap.middle{padding:0;}
	.half-wrap dl.form-cont,.form-group dl.form-cont{border-bottom:1px solid #dedede;padding:10px;display:inline-block;width:100%;}
	.half-wrap dl.form-cont:last-child{border-bottom:none;}
	.form-cont dt{float:left;width:30%;height:40px;display:table;padding-left:20px;}
	.form-cont dt span{display:table-cell;vertical-align:middle;color:#000;}
	.form-cont dt span.point{position:relative;padding-left:15px;}
	.form-cont dt span.point:before{content:'*';position:absolute;top:10px;left:0;font-size:1.3rem;font-weight:bold;color:#d9252e;}
	.form-cont dd{float:right;width:70%;padding-right:20px;}
	.form-cont dd span{color:#777;line-height:40px;}
	.form-cont .two.in-flex li,.form-cont .three.in-flex li,.form-cont .four.in-flex li{margin-left:5px;}
	.form-cont .two.in-flex li:first-child,.form-cont .three.in-flex li:first-child,.form-cont .four.in-flex li:first-child{margin-left:0;}
	.form-cont .in-flex.half{width:50% !important;}
	.form-cont .email-cont li:first-child .input-box{width:90%;}
	.form-cont .email-cont li:first-child span{width:10%;text-align:center;display:inline-block;}
	.form-cont .zipcode li:first-child .input-box{width:120px;}
	.form-cont .zipcode .btn_zipcode{padding:0 5px;font-size:0.875rem;margin-left:5px;}
	.form-cont .zipcode-adress li{margin-top:5px;}
	.half-wrap .btn-wrap.one{width:25%;margin:10px auto;}
	.half-wrap .btn-wrap.bottom .basic{line-height:50px;height:50px;}
	.btn-wrap .basic{display:table;text-align:center;color:#fff;line-height:40px;height:40px;}
	.btn-wrap .basic span{}

	/* 가입완료 */
	.join-finish{text-align:center;}
	.complete-icon{width:120px;height:120px;margin:20px auto 30px auto;display:table;border-radius:50%;background:#000;text-align:center;}
	.complete-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:3.125rem;}
	.join-finish p.t-group{margin:20px auto;line-height:1.7;color:#777;}
	.join-finish p.t-group strong{font-size:1.2em;}
	.join-finish .division-line{background:#dedede;}


	@media only screen and (max-width:1200px){
		.half-wrap{width:auto;max-width:none;margin-left:1em;margin-right:1em;}
		.half-form-wrap .half-wrap:first-child{margin:0 1em 0 1em;}
	}

	@media only screen and (max-width:1024px){
		.form-top.in-select{display:inline-block;width:100%;}
		.form-top.in-select li{width:100%;float:none;}
		.form-top.in-select .title{width:100%;}
		.form-top.in-select .input-box{width:100%;float:none;}
		.form-top.in-select select{width:100%;}
		.form-top.in-select a.basic{width:100%;padding:0;margin:10px 0 10px 0;}
	}

	@media only screen and (max-width:991px){	
	    .in-flex.form-top{width:100% !important;}
		.half-wrap .form-cont-wrap{padding:20px;}
	}

	@media only screen and (max-width:768px){	
	    .in-flex.form-top{display:inline-block !important;}
	    .form-top li{width:100%;float:none;}
		.form-top li .title{float:none;width:100%;height:35px;text-align:left;padding-right:10px;}
		.form-top li input.input-box{float:none;width:100%;}
		.form-top li a.basic{float:none;width:100%;margin:10px auto 0 auto;}
		.half-wrap .btn-wrap.one{width:90%;}
		.half-wrap,.form-group{padding:30px;}
		.form-cont dt{padding-left:0px;}
	    .half-wrap dl.form-cont,.form-group dl.form-cont{padding:5px;}
		.half-form-wrap h4{margin:10px auto 0 auto;}
	.half-wrap,.form-group{width:100%;margin:10px auto 0 auto;padding:10px;}
		.half-wrap .form-cont-wrap{padding:10px 0;}
	}

	@media only screen and (max-width:640px){
	    .form-cont .in-flex.half{width:100% !important;}
		.form-cont dt{width:30%;}
		.form-cont dd{width:70%;padding-right:0;}
	}

	@media only screen and (max-width:480px){	
	    .form-cont dt{float:none;width:100%;height:30px;}
		.form-cont dd{float:none;width:100%;padding:0;}
	}


	.mem-complete{text-align:center;}
	.mem-complete .complete-icon{width:100px;height:100px;display:table;margin:50px auto 30px auto;border-radius:50%;background:#afb5bc;}
	.mem-complete .complete-icon i{font-size:3.214em;color:#fff;display:table-cell;vertical-align:middle;}
	.mem-complete h4 span{color:#000;}
	.mem-complete p{color:#777;line-height:1.5;}
	.mem-complete p span{color:#e64d4f;font-size:1.143em;}
	.mem-complete a.basic{width:18%;margin:30px auto;}

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


	@media only screen and (max-width:767px){	
		.mem-join-wrap{width:90%;}
		.mem-join-wrap ul li a{padding:30px 0 50px 0;margin-left:10px;}
	}

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

	@media only screen and (max-width:480px){	
		.mem-join-wrap{width:100%;margin:20px auto 30px auto;}
		.mem-join-wrap ul li a{padding:20px 0 30px 0;}
		.mem-join-wrap .join-icon{width:80px;height:80px;margin:0 auto 20px auto;}
		.mem-join-wrap .join-icon i{font-size:2.143rem;}
		.mem-join-wrap ul li a span{font-size:1.143rem;}
		.mem-complete a.basic{width:40%;margin:20px auto;}
	}




/******************************* 비즈니스, 사업소개 *******************************/

	.sub-wrap.business{background:#f5f8fb;}
	.business h5,.business h6{margin-bottom:10px;color:#000;display:block;font-weight:500;}
	.business ol.title > li{color:#333;margin-top:10px;}
	.business p,.business ol li{color:#777;}
	.business ol li:last-child{margin-bottom:0px;padding-bottom:0px;}
	.business strong{color:#333;padding-right:10px;}
	.business .box{padding:30px;border-radius:15px;box-sizing:border-box;}
	.business .box.gray{background:#fafafa;}
	.business .box.blue{background:#eaf3fb;}

	.future h5{text-align:center;color:#000;font-weight:500;}
	.future h5 p{display:block;font-size:18px;color:#777;padding-top:10px;font-weight:normal;}
	.future h5 p span{color:#5c92c5;}
	.sub-contents .future .image img{border-radius:0px;}

	.business .border_image{padding:20px 0;display:inline-block;width:100%;border:1px solid #eee;border-radius:20px;text-align:center;}
	.business .border_image img{display:block;margin:0 auto;border-radius:0px;}
	.business .border_image.total img{margin:20px auto;}
	.business .inner_image{margin-top:10px;}
	.business .inner_image img{display:block;margin:unset;border-radius:0px;}
	.business .bg_title{position:relative;padding-left:12px;color:#b40f2c;}
	.business .bg_title:before{content:'';position:absolute;top:50%;margin-top:-10px;left:0px;width:3px;height:20px;background:#b40f2c;}

/******************************* 지점안내 *******************************/

	.branch_wrap .branch_cont{margin-bottom:50px;position:relative;border:1px solid #dedede;width:100%;border-radius:0.28571429rem;}
	.branch_cont .branch-map{background:#fafafa;text-align:center;}
	.branch_cont .branch-map svg{width:50%;}
	.branch_cont .map_part{cursor:pointer;}
	.branch_cont .branch-cont{padding:30px;}
	.branch-cont h4{margin:0 0 30px 0;color:#131313;font-size:1.944rem;}
	.branch-cont h5{margin-bottom:10px;color:#555;font-size:1.059rem;}

	.branch-cont #bo_sch{padding:10px;margin:0 auto 30px auto;background:#fafafa;text-align:center;border:1px solid #dedede;border-radius:0.28571429rem;}
	.branch-navi .sido{display:-webkit-flex;display:-moz-flex;display:flex;display:-ms-flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
	.branch-navi .sido li{flex:1 auto;padding:0.2em;}
	.branch-navi .sido li a{display:block;padding:0.5em 1em 0.5em;text-align:center;background:#fff;border:1px solid #dedede;border-radius:0.28571429rem;}
	.branch-navi .sido li a:hover{border:1px solid #f37043;background:#fff;}
	.branch-navi .sido li a.on{border:1px solid #f37043;background:#f37043;color:#fff;}

	.branch_wrap .branch_sort{position:relative;margin:0px auto 30px auto;background:#233768;border-radius:0.28571429rem;padding:1em 0;}
	.branch_sort nav{width:80%;margin:0 auto;position:relative;}
	.branch_sort nav ul{}
	.branch_sort nav ul li{}
	.branch_sort nav ul li a{padding:0.78571429em 1.2em 0.78571429em;background:#fff;color:#233768;border:1px solid #233768;text-align:center;display:block;border-radius:0.28571429rem;}
	.branch_sort nav ul li a:hover,
	.branch_sort nav ul li a.on{border:1px solid #f37043;color:#fff;background:#f37043;}

	.branch_wrap .table_wrap{overflow:hidden;}
	.branch_wrap .table_wrap .ui.table{border-top:2px solid #233768;}

	/* agency_cont */
	.agency_cont{}
	.agency_cont ul.data_list li:nth-child(-n+3){border-top:2px solid #233768;}
	.agency_cont ul.data_list li{width:33%;float:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.agency_cont ul.data_list li:nth-child(3n-2){}
	.agency_cont ul.data_list li:nth-child(3n-1){margin-left:0.5%;}
	.agency_cont ul.data_list li:nth-child(3n){float: right;}
	.agency_cont ul.data_list li strong,
	.agency_cont ul.data_list li span{padding:10px 15px;}
	.agency_cont ul.data_list li strong{background:#fafafa;text-align:center;flex:0 0 40%;-ms-flex:0 0 40%;max-width:40%;width:40%;}
	.agency_cont ul.data_list li span{border-left:1px solid #ddd;text-align:left;flex:0 0 60%;-ms-flex:0 0 60%;max-width:60%;width:60%;}
	.agency_cont ul.data_list::after{clear:both;}


	@media all and (max-width:1280px){
	    .branch_wrap .branch_cont.f_two > .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;width:100%;}
	}

	@media all and (max-width:991px){
		.branch_wrap .branch_cont{margin-bottom:40px;}
		.branch_cont .branch-cont{padding:20px;}
		.branch-cont h4{margin:0 0 20px 0;}

		.branch-cont #bo_sch{margin:0 auto 20px auto;}
		.branch_wrap .branch_sort{margin:0px auto 20px auto;}
		.branch_sort nav{width:90%;}
		.branch_sort nav ul li a{padding:0.5em 0em 0.5em;}

		.branch_wrap .table_wrap{overflow-x:scroll;}

		.agency_cont ul.data_list li{max-width:100%;width:100%;}
		.agency_cont ul.data_list li:nth-child(n+2){border-top:0px solid #233768;}
		.agency_cont ul.data_list li:nth-child(3n-2){}
		.agency_cont ul.data_list li:nth-child(3n-1){margin-left:0;}
		.agency_cont ul.data_list li:nth-child(3n){float:left;}
	}

	@media all and (max-width:767px){
		.branch_wrap .branch_cont{margin-bottom:30px;}
		.branch_cont .branch-cont{padding:15px;}
		.branch-cont h4{margin:0 0 10px 0;}

		.branch-cont #bo_sch{margin:0 auto 10px auto;}
		.branch-cont #bo_sch .ui.dropdown{min-width:10em;}
		.branch_wrap .branch_sort{margin:0px auto 10px auto;}
	}

	@media all and (max-width:480px){
		.branch_wrap .branch_cont{margin-bottom:20px;}
		.branch_cont .branch-cont{padding:10px;}
		.branch-cont #bo_sch .ui.dropdown{min-width:5em;}

		.branch_sort nav ul.ff_object.small{margin:-2px;}
		.branch_sort nav ul.ff_object.small .obj{padding:2px;}
	}




/******************************* 쇼핑하기 *******************************/

	.mall-wrap{position:relative;margin:50px auto 100px auto;}
	.mall.main .mall-wrap .main-pdlist{margin-top:50px;}
	.mall-wrap .ui.cards > .card > .image, 
	.mall-wrap .ui.card > .image{background:none;}
	.mall-wrap .ui.card .soldout{width:70px;height:70px;line-height:70px;border-radius:50% !important;z-index:88;position:absolute;top:10px;right:10px;text-align:center;display:block;background:#b40f2c;color:#fff;}
	.mall-wrap .ui.card .soldout span{font-size:15px;color:#fff;}

	/* SNS */
	.mall-wrap .sns-area{position:absolute;top:0;right:0;font-size:0;}
	.mall-wrap .sns-area ul{display:inline-block;vertical-align:top;}
	.sns-area .sns-icon{width:30px;height:30px;display:inline-block;vertical-align:middle;text-indent:-9999px;margin-left:5px;}
	.sns-area .sns-icon.kakaotalk{background:#ffe600 url('../../../images/common/icon-common.png') no-repeat 0 -320px;}
	.sns-area .sns-icon.facebook{background:#445d98 url('../../../images/common/icon-common.png') no-repeat 0 -350px;}
	.sns-area .sns-icon.instargram{background:#e42253 url('../../../images/common/icon-common.png') no-repeat 0 -380px;}
	.sns-area .sns-icon.band{background:#44b64e url('../../../images/common/icon-common.png') no-repeat 0 -410px;}
	.sns-area .sns-icon.kakaostory{background:#f3d60f url('../../../images/common/icon-common.png') no-repeat 0 -440px;}

	/* 상세보기 */
	.mall-wrap .detail-cont{padding:0 50px 50px 50px;overflow:hidden;}
	.detail-cont .f-inner{width:50%;}
	.detail-cont .pd-thumb{text-align:left;position:relative;min-height:400px;background-image:url('../../../images/common/no-image.jpg');background-repeat:no-repeat;background-position:top center;background-size:100% auto;}
	.detail-cont .pd-thumb img{width:100%;margin:0 auto;}
	.detail-cont .img_upper{position:relative;margin-top:50px;text-align:center;display:inline-block;width:100%;}
	.detail-cont .img_upper span{background:#233768;padding:10px 30px;border-radius:5px;color:#fff;}

	.detail-cont .pd-info-wrap{padding:0 0 0 70px !important;position:relative;}
	.pd-info-wrap .top-title{margin-bottom:10px;}
	.pd-info-wrap .top-title h3{font-size:2rem;line-height:1.5;color:#222;margin-bottom:8px;}
	.pd-info-wrap .pd-info-cont{border-top:2px solid #333;padding-top:28px;}
	.pd-info-cont .pd-info{}
	.pd-info dl{margin:10px 0 0 0;display:inline-block;width:100%;}
	.pd-info dl dt{float:left;width:30%;color:#222;}
	.pd-info dl dd{float:left;width:70%;}
	.pd-info strong.large{color:#000;font-size:1.2em;}
	.pd-info .info-option{padding:10px 0;margin-top:28px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.info-option .qty-area{margin:15px 0;}
	.info-option .qty-area dl{padding:19px;margin:0;overflow:hidden;overflow:hidden;position:relative;background:#fafafa;border:1px solid #ddd;}
	.info-option .qty-area dl dt{line-height:35px;}
	.info-option .qty-area dl dd{}
	.qty_cont button.ui.basic.button,.qty_cont input{width:35px;height:35px;background:#fff;}

	.qty-area{}
	.info-option .qty-area .ff_cont{padding:19px;margin:0;overflow:hidden;overflow:hidden;position:relative;background:#fafafa;border:1px solid #ddd;}
	.ui.form .qty_cont.inline.fields{margin:0px !important;flex-wrap:nowrap;}
	.ui.form .qty_cont.inline.fields .field input{width:37px;height:35px;padding:0;text-align:center;}
	.ui.form .qty_cont.inline.fields .field{padding:0 3px 0 0;width:auto !important;margin:0px !important;}
	
	.pd-info .pd-total{padding:20px 0;}
	.pd-info .pd-total dd{text-align:right;color:#222;}
	.pd-info .pd-total dd strong{font-size:1.750rem;padding-right:3px;}
	.point01-line{background:#fff;border:1px solid #fa9c53;}
	.point01-line:hover{border:1px solid #ff6f00;}
	.pd-button li button.point01-line span{color:#ff6f00;}
	.choose-num.inline.field .ui.button,.choose-num.inline.field .input-box{margin:0;}
	.choose-num.inline.field .input-box{width:40px !important;height:auto !important;margin-top:-3px !important;}

	.detail-wrap .ui.bottom.attached.tab.segment{border-left:none;border-right:none;border-bottom:none;}
	.detail_inner{margin-top:30px;}
	.detail_inner dl{margin:10px auto;padding:20px;background:#fafafa;border:1px solid #eee;border-radius:0.28571429rem;}
	.detail_inner dl dt{margin-bottom:10px;font-weight:500;color:#000;}
	.detail_inner dl dd{padding:5px 0 5px 10px;color:#777;position:relative;}
	.detail_inner dl dd:before{content:'';position:absolute;top:13px;left:0px;width:4px;height:4px;border-radius:50%;background:#aaa;}

	/* 빠른주문 */
	.mall-wrap span em.unit{padding-left:5px;font-size:0.938em;}
	.fast_order_wrap{margin:0 auto;}
	.fast_order_wrap .select_area{padding:20px;border:1px solid #ddd;background:#fafafa;}
	.select_area .check-wrap span,
	.fast_order_wrap .result_area .obj div,
	.fast_order_wrap .list_area .pd_cont .pd_price span{padding:0 10px;}
	.select_area .search_cont span{padding:0 2px;}
	.fast_order_wrap .result_area{display:none;margin:10px auto 30px auto;padding:20px;background:#2473bb;color:#fff;}
	.fast_order_wrap .result_area .obj div{font-size:1.063em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.fast_order_wrap .result_area .obj div label{padding-left:20px;font-size:inherit;}
	.fast_order_wrap .result_area a.ui.button{font-size:inherit;}
	.fast_order_wrap .list_area{margin-top:20px;border-top:1px solid #2473bb;}
	.fast_order_wrap .list_area .pd_cont{padding:20px;border-bottom:1px solid #ddd;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.fast_order_wrap .list_area .pd_cont .pd_info{padding-left:20px;}
	.fast_order_wrap .list_area .pd_cont .pd_info .pd_name{margin-bottom:10px;display:block;color:#000;}
	.fast_order_wrap .list_area .pd_cont .pd_price span strong{color:#555;padding-right:5px;}
	.select_area .check-wrap span:first-child,
	.fast_order_wrap .list_area .pd_cont .pd_price span:first-child{padding-left:0px;}
	.fast_order_wrap .list_area .pd_cont .qty_input{width:40px;height:35px;text-align:center;padding:0;}
	.fast_order_wrap .list_area .pd_cont .qty-area button{height:33px;}
	.fast_order_wrap .list_area .data_list .t-center{padding:30px 0;background:#fafafa;}
	.fast_order_wrap .open_area button{margin:0 auto !important;}
	.fast_order_wrap .open_area button .icon{margin:0 0 0 5px !important;}
	.fast_pop{position:fixed;right:70px;top:50%;z-index:999;background:#2473bb;padding:20px;}
	.fast_pop span{text-align:right;}
	.fast_pop div{padding:5px 0;color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.fast_pop div strong{padding-right:10px;}
	.fast_pop .button{display:inline-block;width:100%;margin:20px auto 0 auto !important;}

	.go_fast_order{position:fixed;bottom:20%;right:10px;text-align:center;z-index:998;}
	.go_fast_order .button{width:70px;height:70px;border-radius:50% !important;margin:0 auto !important;line-height:1.3 !important;padding:0 !important;}

	/* 본인인증,주문완료 */
	.whole_wrap.payment_finish{padding:3em 0;}
	.whole_wrap.payment_finish .partial_cont{box-shadow:none;}
	.payment_finish .finish_icon{margin:50px auto 30px auto;width:160px;height:160px;line-height:160px;border-radius:50%;background:rgba(0,44,90,0.9);display:block;text-align:center;}
	.payment_finish .ui.message{width:60%;margin:0 auto;}

	@media only screen and (max-width:1600px){
	    .fast_order_wrap .result_area{display:block;margin:10px auto 20px auto;padding:15px;}
		.fast_order_wrap .result_area .obj div{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
		.fast_order_wrap .result_area .ff_cont .obj:first-child{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
		.fast_order_wrap .result_area.mo_fixed{width:100%;position:fixed;top:0px;left:0px;right:0px;margin:0 auto;z-index:995;}
		.fast_pop{display:none;}
	}

	@media only screen and (max-width:1280px){
	    .mall-wrap.cont_inner{padding:0;}
	    .mpd-list-wrap .pd-cont .pd-item{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}
	}

	@media only screen and (max-width:991px){
	    .mall-wrap{margin:30px auto 70px auto;}
	    .mall.main .mall-wrap{margin:30px auto;}
		.mall.main .mall-wrap .main-pdlist{margin-top:20px;}
	    .mall-wrap .list-all .ui.cards > .card, 
		.mall-wrap .list-all .ui.card{width:100% !important;}
	    .mall-wrap .detail-cont{padding:0 20px 20px 20px;}
		.detail-wrap.cont_inner{padding:0px !important;}
	    .detail-cont .f-inner{width:100%;}
		.mall-wrap .detail-cont.in-flex{display:inline-block !important;}
		.detail-cont .pd-thumb{padding-right:0;}
		.info-option .qty-area dl dt{line-height:auto;width:30%;}
		.qty-area{display:inline-block;width:100%;}
		.qty-area .choose-num{display:flex;align-items:center;} 
		.qty-area .choose-num li button,.qty-area .choose-num li input{width:35px !important;margin-left:-1px !important;}
		.qty-area .btn_change_qty{display:block;width:100%;margin:3px 0 0 0 !important;}
	    .mpd-list-wrap .pd-cont .pd-item{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
		.pd-info-wrap .top-title{margin-top:10px;}
		.pd-info-wrap .pd-info-cont{padding-top:15px;}
	    .detail-cont .pd-info-wrap{padding:30px 0 0 0px !important;}
	    .mpd-list-wrap .pd-item .item-wrap{margin-bottom:0px;padding:15px;}
	    .fast_order_wrap{margin:40px auto 0 auto;}
		.fast_order_wrap .list_area .pd_cont .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .list_area .pd_cont .obj.right_cont .qty-area{margin-top:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
		.fast_order_wrap .result_area .ff_cont .obj{padding:5px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .result_area a.ui.button{width:100%;}
	    .go_fast_order{right:10px;}
		.go_fast_order button{width:70px;height:70px;}
		.mall-wrap .ui.card .soldout{width:60px;height:60px;line-height:60px;}
		.mall-wrap .ui.card .soldout span{font-size:14px;}

		.ui.form .qty-area.inline.fields{flex-wrap:nowrap;}
		.mall-wrap .detail-cont .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	}

	@media only screen and (max-width:767px){
	    .mall-wrap{margin:30px auto 50px auto;}
	    .mall.main .mall-wrap{margin:20px auto;}
	    .detail-cont .pd-info-wrap{padding:20px 0 0 0px !important;}
	    .pd-info-wrap .top-title h3{font-size:1.5rem;}
	    .mall-wrap .detail-cont{padding:0 10px 10px 10px;}
	    .mpd-list-wrap .pd-item .item-wrap{padding:10px;}
	    .mpd-list-wrap .pd-cont .pd-item{padding:5px;}
		.mall-wrap .detail-cont .pd-info-wrap .ui.big.button{font-size:1.071rem !important;}
	    .fast_order_wrap{margin:30px auto 0 auto;}
		.qty-area .choose-num li button,.qty-area .choose-num li input{width:30px !important;height:30px;}
		.mall-wrap .ui.card .soldout span{font-size:13px;}
		.blue_box .check-wrap .obj{padding:0px 20px 0 0;}

		.whole_wrap.payment_finish{padding:2em 0;}
		.payment_finish .finish_icon{margin:30px auto 20px auto;width:140px;height:140px;line-height:140px;}
		.payment_finish .ui.message{width:100%;}

	}


	@media only screen and (max-width:640px){
		.fast_order_wrap .select_area{padding:15px 10px;}
		.fast_order_wrap .select_area .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .list_area .pd_cont{padding:15px 0;}
	    .fast_order_wrap .result_area{margin:10px auto;}
		.fast_order_wrap .result_area .obj div label{padding-left:0;}
		.fast_order_wrap .result_area .ff_cont .obj:first-child{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
		.fast_order_wrap .result_area .ff_cont .obj:first-child div{padding:0;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	}

	@media only screen and (max-width:520px){
	    .mall-wrap{margin:20px auto 30px auto;}
		.mpd-list-wrap .pd-item .item-wrap{padding:10px;}
		.select_area .check-wrap span,
		.fast_order_wrap .result_area .obj div,
		.fast_order_wrap .list_area .pd_cont .pd_price span{padding:0 5px;}
		.fast_order_wrap .list_area .pd_cont .pd_price span{display:inline-block;}
		.go_fast_order button{width:60px;height:60px;}
		.fast_order_wrap .result_area .ui.button{display:block;}
		.detail-wrap .ui.tabular.menu .item{font-size:0.938rem;padding:0.92857143em 0.42857143em;}
	}

	@media only screen and (max-width:480px){
	    .detail-cont .pd-info-wrap{padding:10px 0 0 0px !important;}
		.mpd-list-wrap .pd-item .item-wrap{padding:5px;margin-bottom:10px;}
		.qty-area .choose-num li button,.qty-area .choose-num li input{width:25px !important;height:25px;}
		.mall-wrap .detail-cont .pd-info-wrap .ui.big.button{font-size:1rem !important;}
	}

	@media only screen and (max-width:360px){
	    .mpd-list-wrap .pd-cont .pd-item{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.mall-wrap .detail-cont .pd-info-wrap .ui.big.button{margin:2px auto;width:100% !important;}
	}

	@media only screen and (max-width:1280px){
	    .sub-wrap .detail-middle{display:none;}
	}

	@media only screen and (max-width:1024px){
	    .detail-wrap .detail-list{width:25%;}
		.detail-wrap .tab-contents{padding:30px 0;}
	}

	@media only screen and (max-width:520px){
	    .detail-wrap .detail-list{width:50%;}
	}


	/*관심상품, 장바구니*/
	.sub-contents .pd-table{position:relative;border-top:2px solid #333;}
	.pd-table table{}
	.pd-table table thead th{background:#fafafa;padding:15px 7px !important;color:#000;}
	.pd-table table thead th,.pd-table table tbody td{padding:10px 5px;border-bottom:1px solid #ddd;font-weight:normal;}
	.pd-table table tbody tr.data-none td{text-align:center;padding:50px 0;}
	.pd-table.pdlist .only-icon i{font-size:1.250rem;opacity:1 !important;}
	.pd-table.pdlist .only-icon.btn_cart i{font-size:1.563rem;color:#ff6f00;}
	.pd-table.pdlist .check-wrap input[type=checkbox]:not(old){background-size:30px 30px;height:30px;}
	.pd-table.pdlist .check-wrap input[type=checkbox]:not(old) + label{height:30px;padding-left:30px;background-size:30px 30px;line-height:30px;}
	.pd-table.pdlist .check-wrap input[type=checkbox]:not(old):checked + label{background-size:30px 30px;}
	.pd-table.pdlist .data_list .data-none td{text-align:center;padding:30px 0;}
	.pd-table .pd-table-item{width:100% !important;display:flex !important;display:-webkit-flex !important;display:-ms-flex !important;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.pd-table-item .cartin-image{width:120px;}
	.pd-table-item .cartin-info .info-inner{padding:0 10px;}
	.pd-table-item .info-inner span{display:block;letter-spacing:0px;margin:3px 0;}
	.pd-table-item .info-inner span.tit{}
	.pd-table-item .info-inner span em{color:#222;padding-right:3px;font-weight:500;}
	.qty-area .s-pd.basic{margin-left:3px;color:#fff !important;}
	.mall-wrap .pd-button.in-flex.two{width:40% !important;margin:70px auto 50px auto;}

	@media only screen and (max-width:767px){
	    .pd-table.pdlist .only-icon i,.pd-table.pdlist .only-icon.btn_cart i{font-size:1.150rem;}
		.pd-table.pdlist a span.tit{display:inline-block;word-break:keep-all;}
		.pd-table.pdlist .check-wrap input[type=checkbox]:not(old){background-size:25px 25px;height:25px;}
		.pd-table.pdlist .check-wrap input[type=checkbox]:not(old) + label{height:25px;padding-left:25px;background-size:25px 25px;line-height:25px;}
		.pd-table.pdlist .check-wrap input[type=checkbox]:not(old):checked + label{background-size:25px 25px;}
	    .pd-table-item .cartin-image{width:90px;}
	}

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

	@media only screen and (max-width:480px){
		.pd-table.pdlist .check-wrap input[type=checkbox]:not(old){background-size:20px 20px;height:20px;}
		.pd-table.pdlist .check-wrap input[type=checkbox]:not(old) + label{height:20px;padding-left:20px;background-size:20px 20px;line-height:20px;}
		.pd-table.pdlist .check-wrap input[type=checkbox]:not(old):checked + label{background-size:20px 20px;}
	}


	/* 결제하기 */
	.mall-wrap .total-sum{padding:30px 0;background:#fafafa;overflow:hidden;}
	.total-sum ul{float:right;}
	.total-sum ul li{float:left;padding:0 35px 0 50px;text-align:center;}
	.total-sum .subject{display:block;margin-bottom:8px;color:#555;}
	.total-sum .price{font-size:1rem;}
	.total-sum .price em{color:#000;font-weight:600;font-size:1.375rem;line-height:30px;padding-right:5px;}
	.total-sum li.delivery,.total-sum li.pay-price{background-repeat:no-repeat;background-position:left top 30px;background-size:auto;}
	.total-sum li.delivery{background-image:url('../../../images/site/sub/total-sum-plus.png');}
	.total-sum li.pay-price{float:left;background-image:url('../../../images/site/sub/total-sum-equal.png');}
	.formgroup-wrap{position:relative;clear:both;}
	.formgroup-wrap h5{margin:30px 0 0 0;}
	.formgroup-wrap h5 span i{margin-right:10px;}
	.formgroup-wrap h5 em{font-size:0.938rem;color:#888;padding-left:5px;}
	.formgroup-wrap .form-group{border-top:1px solid #333;padding:0 30px;}
	.form-group dl.form-cont{padding:5px 0;}
	.form-group dl.form-cont:last-child{border-bottom:none;}
	.form-group{width:100%;}
	.form-group .check-wrap{height:40px;line-height:40px;}
	.form-group .form-cont .in-flex.zipcode{width:215px !important;position:relative;}
	.in-flex.zipcode .btn_zipcode{position:absolute;top:0;right:0;}
	.form-group .form-cont .l-height{line-height:40px;}
	.form-group .form-cont textarea{font-size:0.941rem;color:#216baf;}
	.form-group.area_pay_kind{border-top:1px solid #ddd;background:#fafafa;margin:10px auto 30px auto;padding:20px;}
	.form-group.area_pay_kind .form-cont{background:#fff;}
	.formgroup-wrap .buychoose-box{border:3px solid #d5dee7;background:#f5f8fb;margin:20px auto;text-align:center;padding:20px 50px;}
	.buychoose-box ul.fl-left{width:auto;}
	.formgroup-wrap.payment .form-group:last-child{border-bottom:none;}
	input.use_amt.input-box{text-align:right;padding-right:10px;}
	.area_pay_kind .table-wrap.overflow-x{border-top:1px solid #000;}

    @media only screen and (max-width:991px) {
	    .sub-contents .pd-table{margin:30px 0 0 0;}
	    .table_wrap .ui.th_center .field .zipcode_input.ui.input input{width:100px;}
    }


    @media only screen and (max-width:767px) {
	    .table_wrap .ui.th_center .ff_object .obj{padding:10px;}
		.sub-contents .pd-table{overflow-x:scroll;}
	    .mall-wrap .pd-button.in-flex.two{width:80% !important;margin:30px auto 20px auto;}
		.formgroup-wrap .form-group{padding:0 20px;}
		.mall-wrap .total-sum{padding:20px 0;}

    }

    @media only screen and (max-width:520px) {
	    .table_wrap .ui.th_center .ff_object .obj{padding:5px;}
		.mall-wrap .total-sum{padding:10px 0;}
		.total-sum ul li{padding:0 10px 0 20px;}
		.total-sum ul li:first-child{padding-left:0px;}
		.total-sum .subject{margin-bottom:0px;}
		.total-sum li.delivery,.total-sum li.pay-price{background-position:left top 20px;background-size:12px 12px;}
		.total-sum .price em{padding-right:2px;}

    }



/******************************* 고객센터 *******************************/

	.board-searchbox{clear:both;width:100%;margin-top:40px;padding:30px 0;text-align:center;background:#f7f7f7;}
	.board-searchbox input.searchbox-input{height:40px;}
	.board-searchbox .board-search{width:80px;height:40px;background:#999;border:0;font-size:1em;color:#fff;vertical-align:middle;cursor:pointer;margin-left:2px;}
	.board-searchbox .board-search:hover{background:#555;}
	.board-table{width:100%;}
	.board-table a{color:#3f403e;}
	.board-table thead th{padding:0.625rem 0;background:#f2f5f7;border-bottom:1px solid #ddd;color:#000;border-top:1px solid #3f403e;font-weight:normal;}
	.board-table tbody td{padding:0.625rem 0;word-break:break-all;text-align:center;border-bottom:1px solid #ddd;color:#777;line-height:1.5;vertical-align:middle;}
	.board-table tbody td a:hover{text-decoration:underline;color:#333;}
	.board-table tbody td.title{text-align:left;padding:1em 2em;}
	.board-table tbody td.board-date{font-size:0.875em;color:#999;}

	.boardview-box{width:100%;height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;}
	.boardview-box .title-box{width:100%;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:left;}
	.boardview-box .title-box h4{margin-bottom:10px;font-size:1.375rem;color:#000;}
	.title-box dl{font-size:0.875em;}
	.title-box dl::after{content:'';display:block;clear:both;}
	.title-box dl dt{float:left;position:relative;padding:0 5px 0 10px;}
	.title-box dl dt:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;left:0;top:10px;background:#aaa;}
	.title-box dl dd{margin-right:15px;float:left;color:#777;}
	.boardview-box .view-box{padding:50px 20px;margin-bottom:30px;border-bottom:1px solid #000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left;font-size:1rem;color:#777;line-height:1.7;word-break:keep-all;-ms-word-break:keep-all;}
	.boardview-box .listview-btn{margin:0 auto;display:table;}
	.boardview-box .board-img{text-align:center;}
	.listview-btn .list-btn{width:150px;height:50px;background:#454545;font-size:1em;color:#fff;display:table-cell;vertical-align:middle;text-align:center;}
	.listview-btn .list-btn:hover{background:#222;}
	.gallery-wrap{position:relative;}
	.gallery-wrap .gallery-cont{margin:30px auto;padding:0;list-style:none;zoom:1;display:inline-block;width:100%;}
	.gallery-wrap .gallery-cont li{position:relative;min-height:1px;padding-left:15px;padding-right:15px;float:left;margin-left:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.gallery-cont .gallery-box{position:relative;margin:0 auto;border:1px solid #ddd;background:#fff;border-radius:0 0 2px 2px;}
	.gallery-cont .gallery-info{padding:12px 10px;font-size:1em;background:#f6f6f6;line-height:1.5;}
	.gallery-cont .gallery-info .gallery-date{position:absolute;bottom:10px;right:10px;display:inline-block;color:#999;}
	.gallery-cont .gallery-box a{display:block;}

	.gallery-cont figure{overflow:hidden;margin:0;max-width:100%;height:100%;background:#3085a3;text-align:center;cursor:pointer;}
	.gallery-cont figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8;width:100%;}
	.gallery-cont figure figcaption{padding:10px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
	.gallery-cont figure figcaption::before,.gallery-cont figure figcaption::after{pointer-events:none;}
	.gallery-cont figure figcaption,.gallery-cont figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
	.gallery-cont figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
	.gallery-cont figure .post-head{display:block;word-spacing:-0.15em;}
	.gallery-cont figure .post-head,.gallery-cont figure .desc{margin:0;}
	.gallery-cont figure .desc{font-size:0.813em;}

	figure.bx-grandi{z-index:auto;overflow:visible;background:#fff;}
	figure.bx-grandi:before,figure.bx-grandi .post-head:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;content:'';}
	figure.bx-grandi:before{box-shadow:0 3px 30px rgba(0,0,0,0.8);opacity:0;}
	figure.bx-grandi figcaption{z-index:1;}
	figure.bx-grandi img{opacity:1;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:perspective(1000px) translate3d(0,0,0);transform:perspective(1000px) translate3d(0,0,0);}
	figure.bx-grandi .post-head,figure.bx-grandi .desc{background:rgba(0,0,0,0.48);color:#fff;line-height:1.5;font-size:0.813em;opacity:.85;-webkit-transition:opacity .35s;transition:opacity .35s;}
	figure.bx-grandi .post-head{position:relative;margin-top:2em;padding:.25em;}
	figure.bx-grandi .post-head:before{box-shadow:0 1px 10px rgba(0,0,0,0.5);}
	figure.bx-grandi .desc{padding:.5em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);}
	figure.bx-grandi:hover:before{opacity:1;}
	figure.bx-grandi:hover img{-webkit-transform:perspective(1000px) translate3d(0,0,21px);transform:perspective(1000px) translate3d(0,0,21px);}
	figure.bx-grandi:hover .post-head:before{opacity:0;}
	figure.bx-grandi:hover .desc{display:none;opacity:1;font-size:1rem;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	.gallery-wrap .no-image{width:100%;padding-top:80px;}
	.gallery-wrap .no-image img{width:100px;margin:0 auto;}

	.board-searchbox{clear:both;width:100%;margin-top:40px;padding:30px 0;text-align:center;background:#f7f7f7;}
	.board-searchbox .board-search{width:80px;height:40px;background:#999;border:0;color:#fff;vertical-align:middle;cursor:pointer;margin-left:2px;}
	.board-searchbox .board-search:hover{background:#555;}
	.board-searchbox ul{display:inline-flex;display:-webkit-inline-flex;}
	.board-searchbox ul li{margin:0 3px;}
	.board-searchbox ul li:first-child{width:100px;}
	.board-searchbox ul li .select-box,.board-searchbox ul li .input-box,.board-searchbox ul li button.basic{height:40px;}
	.board-searchbox ul li .input-box{background:#fff;}

	.boardview-box .board-img img{}
	.bbs_contents p img{width:auto !important;height:auto !important;}


	/* 배송조회 */
	.tb-top{margin:20px 0 10px 0;position:relative;display:table;height:30px;}
	.tb-top p{display:table-cell;vertical-align:middle;font-size:0.938rem;}




    @media all and (max-width:1200px){
		 .fl-left.three-li.gallery-cont li{width:50%;}
		 .gallery-wrap .no-image{padding:20px 0;}
		 .gallery-wrap .no-image img{width:30%;}
	}

    @media all and (max-width:991px){
		 .fl-left.four-li.gallery-cont.data_list li{width:33.33%;}
	}



	 @media all and (max-width:768px){
	     /*.board-table thead th:nth-child(3),.board-table thead th:nth-child(4){display:none;}
	     .board-table tbody td:nth-child(3),.board-table tbody td:nth-child(4){display:none;}*/
		 .board-table thead th,.board-table tbody td,.board-table tbody td.title{padding:1em 0.5em;}
		 .board-searchbox{margin-top:10px;padding:10px 0;}
		 .boardview-box .title-box{padding:10px;}
		 .boardview-box .title-box h4{margin-bottom:10px;}
		 figure.bx-grandi{height:auto;}
		 .fl-left.four-li.gallery-cont.data_list li{width:50%;}
		 .gallery-wrap .gallery-cont.ff_object.f_three .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}
	 }

	@media all and (max-width:640px){
	    .title-box dl dt{clear:both;margin-top:5px;}
	    .title-box dl dd{margin-top:5px;}
		.listview-btn .list-btn{width:100px;height:40px;}
		 .board-table thead th,.board-table tbody td,.board-table tbody td.title{padding:0.5em;}
		.boardview-box .view-box{padding:20px 10px;margin-bottom:10px;}
		.gallery-cont .gallery-info{padding:10px;}

	}

	@media all and (max-width:360px){
		 .fl-left.three-li.gallery-cont li{width:100%;}
		 .gallery-wrap .gallery-cont.ff_object.f_three .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;width:100%;}

	}


/******************************* 회원탈퇴 : 2023.04.02 *******************************/

	#withdraw_before .blue_box ul{padding:20px 10px;border-radius:10px;margin:0 auto;background:#fff;}
	#withdraw_before .blue_box ul li{margin-left:10px;padding-left:10px;line-height:1.5;font-size:15px;}
	#withdraw_before .blue_box ul li:before{left:0px;margin-left:0px;}


    @media only screen and (max-width:767px) {
		#withdraw_before .blue_box ul{padding:10px;}
		#withdraw_before .blue_box ul li{font-size:14px;}
    }


    @media only screen and (max-width:480px) {
		#withdraw_before .blue_box ul li{font-size:12px;}
    }




/******************************* 비즈니스, 사업소개 *******************************/

	.sub-wrap.business{}
	.business h5,.business h6{margin-bottom:10px;color:#000;display:block;font-weight:500;}
	.business ol.title > li{color:#333;margin-top:10px;}
	.business p,.business ol li{color:#777;}
	.business ol li:last-child{margin-bottom:0px;padding-bottom:0px;}
	.business strong{color:#333;padding-right:10px;}
	.business .box{padding:30px;border-radius:15px;box-sizing:border-box;}
	.business .box.gray{background:#fafafa;}
	.business .box.blue{background:#eaf3fb;}

	.future h5{text-align:center;color:#000;font-weight:500;}
	.future h5 p{display:block;font-size:18px;color:#777;padding-top:10px;font-weight:normal;}
	.future h5 p span{color:#5c92c5;}
	.sub-contents .future .image img{border-radius:0px;}

	.business .border_image{padding:20px 0;display:inline-block;width:100%;border:1px solid #eee;border-radius:20px;text-align:center;}
	.business .border_image img{display:block;margin:0 auto;border-radius:0px;}
	.business .border_image.total img{margin:20px auto;}
	.business .inner_image{margin-top:10px;}
	.business .inner_image img{display:block;margin:unset;border-radius:0px;}
	.business .bg_title{position:relative;padding-left:12px;color:#b40f2c;}
	.business .bg_title:before{content:'';position:absolute;top:50%;margin-top:-10px;left:0px;width:3px;height:20px;background:#b40f2c;}

    .marketing .ui.table.th_center > tbody > tr > th{background:rgba(59, 130, 246, 0.05);}
    .marketing .ui.table.th_center > thead > tr > th{background:#2c7fc1;color:#fff;}
	.marketing .ui.celled.table > tbody > tr > td:first-child{border-left:1px solid rgba(34, 36, 38, 0.1);}
	.marketing .ui.table.th_center .bdl{border-left:1px solid rgba(34, 36, 38, 0.1);}
	.marketing strong{color:#000;}


/******************************* sub_contents *******************************/

	.subArea {width:100%;text-align:center;}
	.subArea img {width:auto;}

	/* 회사소개 */
	.comWrap {width:1500px; margin:20px auto; text-align:center;}
	.comWrap .comTit {padding:0 0 40px 0; font-size:45px; font-weight:200; line-height:1.4; letter-spacing:-1.3px;color:#000;}
	.comWrap .comTit strong {font-weight:400;}
	.comWrap .comMid {height:50px; background:url('../../../images/site/sub/tit_left.png') no-repeat left top, url('../../../images/site/sub/tit_right.png') no-repeat right top; background-size:auto 100%; padding:0px 35px; text-align:center; font-size:20px; font-weight:200; line-height:1.3; display:inline-block;}
	.comWrap .comImg01 {width:100%; height:395px; background:url('../../../images/site/sub/com01.jpg') no-repeat center top; background-size:cover; margin:60px auto;}

	.comWrap .comSec ul {overflow:hidden; padding:60px 0; border-bottom:1px solid #d0d0d0;}
	.comWrap .comSec ul:last-child {border-bottom:0;}
	.comWrap .comSec ul li {float:left; text-align:left;}
	.comWrap .comSec .left {width:35%; padding:0 0 0 7%; font-size:27px; font-weight:600; }
	.comWrap .comSec .left strong {color:#0b87e1; display:block;}
	.comWrap .comSec .right {width:65%; padding:0 15% 0 0; font-size:20px; line-height:1.5; font-weight:300;}

	.comWrap .comDoc {width:100%; margin:40px 0 100px 0; background:url('../../../images/site/sub/com02.jpg') no-repeat top center; background-size:100% auto; padding:395px 0 0 0; overflow:hidden;}
	.comWrap .comDoc .docWrap {float:right; width:70%; text-align:left;}
	.comWrap .comDoc .docWrap .tit {padding:0 0 10px 0; font-size:27px; font-weight:600; color:#fff;}
	.comWrap .comDoc .docWrap .doc {background:#fff; padding:70px 0 0 60px; font-size:20px; font-weight:300; line-height:1.5;}
	.comWrap .comDoc .docWrap .strong {position:relative; margin:30px 0 0 0; font-size:22px; font-weight:400; display:inline-block;}
	.comWrap .comDoc .docWrap .strong::before {content:''; position:absolute; width:100%; height:20px; bottom:-6px; background:rgba(0,0,0,.03); }


	@media all and (max-width:1500px) {
		.comWrap {width:100%;}
		.comWrap .comTit {font-size:40px;}
		.comWrap .comMid { font-size:17px;}

		.comWrap .comSec {width:90%; margin:0 auto;}
		.comWrap .comSec .left {font-size:25px;}
		.comWrap .comSec .right { font-size:17px;}
		
		.comWrap .comDoc {width:100%; margin:0 auto; padding:25% 0 0 0;}
		.comWrap .comDoc .docWrap {width:73%;}
		.comWrap .comDoc .docWrap .doc {padding:50px; font-size:18px;}
		.comWrap .comDoc .docWrap .strong {font-size:17px;}
	}

	@media all and (max-width:1300px) {
	}

	@media all and (max-width:1100px) {
		.comWrap .comTit {font-size:35px;}
		.comWrap .comImg01 {height:350px; margin:45px auto 30px;}

		.comWrap .comSec ul {padding:40px 0;}
		.comWrap .comSec .left {padding:0 0 0 7%; font-size:23px;}
		.comWrap .comSec .right {padding:0 10% 0 0; font-size:16px;}

		.comWrap .comDoc .docWrap {width:83%;} 
		.comWrap .comDoc .docWrap .doc {font-size:16px;}
		.comWrap .comDoc .docWrap .strong {font-size:16px;}
	    .table_area{overflow-x:scroll;}
	}

	@media all and (max-width:920px) {
		.comWrap .comSec .left {padding:0 0 0 2%; font-size:22px;}
		.comWrap .comSec .right {padding:0 2% 0 0; font-size:15px;}
		
		.comWrap .comDoc .docWrap {float:none; width:90%; margin:0 auto;} 
	}

	@media all and (max-width:860px) {
		.comWrap .comTit {padding:0 0 30px 0; font-size:30px;}
		.comWrap .comImg01 {height:350px; margin:40px auto;}
		.comWrap .comDoc .docWrap .strong {padding:0 20px; text-align:center;}
		.comWrap .comDoc .docWrap .strong::before {bottom:-9px; left:0; height:68px;}
	}

	@media all and (max-width:768px) {
		.comWrap .comTit {font-size:27px;}
		.comWrap .comMid {height:45px; padding:0px 30px; font-size:15px;}

		.comWrap .comSec .left {padding:0; font-size:20px;}
		.comWrap .comSec .right {padding:0; font-size:14px;}

		.comWrap .comDoc .docWrap .tit {font-size:24px; padding:0 0 5px 0;}
		.comWrap .comDoc .docWrap .doc {padding:30px; font-size:14px;}
		.comWrap .comDoc .docWrap .strong {font-size:15px;}
	}

	@media all and (max-width:680px) {
		.comWrap .comTit {padding:0 5% 30px 5%; font-size:24px;}
		.comWrap .comImg01 {height:300px;}
	}

	@media all and (max-width:580px) {
		.comWrap .comTit {font-size:30px; padding:0 10% 30px 10%;}
		.comWrap .comImg01 {margin:40px auto 10px;}
		.comWrap .comSec .left {float:none; width:100%; font-size:24px;}
		.comWrap .comSec .right {float:none; width:100%; padding:20px 0 0 0; font-size:14px;}
	}

	@media all and (max-width:510px) {
		.comWrap .comMid {height:35px; padding:0px 16px; font-size:13px; font-weight:300;}
		.comWrap .comImg01 {height:200px;}

		.comWrap .comDoc .docWrap .strong {font-size:14px;}
	}

	@media all and (max-width:460px) {
		.comWrap .comTit {font-size:25px; padding:0 10% 30px 10%;}
		.comWrap .comSec .left {font-size:22px;}
		.comWrap .comDoc {background-size:130% auto; padding:33% 0 0 0;}
		.comWrap .comDoc .docWrap .strong::before {bottom:-12px; left:0; height:90px;}
	}



	/* 경영이념 */
	.phWrap {width:1500px; margin:0 auto;}
	.phWrap .img {width:100%; height:395px; background:url('../../../images/site/sub/com03.jpg') no-repeat center top; background-size:cover;}
	.phWrap .phMid {overflow:hidden; text-align:left;}
	.phWrap .phMid ul {overflow:hidden;}
	.phWrap .phMid ul li {float:left; font-size:27px; font-weight:600;}
	.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%; }
	.phWrap .phMid ul .right {width:70%; padding:120px 0 129px 8%; }
	.phWrap .phMid ul li strong {color:#0b87e1;}
	.phWrap .icon {float:left; width:250px; padding:125px 0 0 0; font-size:17px; font-weight:400; text-align:center;}

	.p01 {background:url('../../../images/site/sub/icon_c01.png') no-repeat center top;}
	.p02 {background:url('../../../images/site/sub/icon_c02.png') no-repeat center top;}
	.p03 {background:url('../../../images/site/sub/icon_c03.png') no-repeat center top;}


	@media all and (max-width:1500px) {
		.phWrap {width:100%;}
		.phWrap .phMid ul li {font-size:25px;}
	}

	@media all and (max-width:1250px) {	
		.phWrap .img {height:295px;}
		.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%;}
		.phWrap .phMid ul .right {padding:120px 0 129px 3%;}
		.phWrap .icon {width:230px; font-size:16px; }
	}

	@media all and (max-width:1100px) {	
		.phWrap .phMid ul li {font-size:23px;}
		.phWrap .phMid ul .right {padding:120px 0 129px 6%;}
		.phWrap .icon {width:200px; font-size:15px;}
	}

	@media all and (max-width:1000px) {	
		.phWrap .phMid {width:90%; margin:0 auto;}
		.phWrap .phMid ul .left {width:25%; padding:120px 0 120px 5%; }
		.phWrap .phMid ul .right {width:75%; padding:110px 0 110px 10%;}
		.phWrap .icon {width:170px; background-size:90px; padding:105px 0 0 0; }
	}

	@media all and (max-width:920px) {	
		.phWrap .phMid ul li {font-size:22px;}
		.phWrap .phMid ul .right {padding:110px 0 110px 15%;}
		.phWrap .icon {width:150px; background-size:80px; padding:95px 8px 0 8px; font-size:14px;}
	}

	@media all and (max-width:860px) {	
		.phWrap .phMid ul .right {padding:110px 0 110px 8%;}	
	}

	@media all and (max-width:768px) {	
		.phWrap .img {height:260px;}
		.phWrap .phMid ul li {font-size:20px;}
		.phWrap .phMid ul .right {padding:90px 0 90px 8%;}
		.phWrap .icon {width:140px; font-size:13px;}
	}

	@media all and (max-width:700px) {
		.phWrap .phMid ul .left {width:auto; padding:120px 0 120px 0;}
		.phWrap .phMid ul .right {width:auto;}
	}

	@media all and (max-width:650px) {
		.phWrap .img {height:200px;}
		.phWrap .icon {width:125px; background-size:70px; padding:85px 10px 0 10px; font-size:13px;}
	}

	@media all and (max-width:590px) {
		.phWrap .icon {width:120px; background-size:60px; padding:75px 10px 0 10px; font-size:12px;}
	}

	@media all and (max-width:580px) {	
		.phWrap .phMid {width:85%;}
		.phWrap .phMid ul li {font-size:24px;}
		.phWrap .phMid ul .left {width:100%; padding:70px 0 20px 5%;}
		.phWrap .phMid ul .right {width:100%; padding:20px 0 70px 0;}
		.phWrap .icon {width:33.3%; background-size:70px; padding:85px 8px 0 8px; font-size:14px; /* border:1px solid red; */}
	}

	@media all and (max-width:460px) {
		.phWrap .img {height:170px;}	
		.phWrap .phMid {width:90%;}
		.phWrap .phMid ul li {font-size:22px;}
		.phWrap .phMid ul .left {padding:60px 0 10px 5%;}
	}



	.phBottom {position:relative; width:100%; padding:0 0 250px 0;}
	.phBottom .phGray {position:absolute; bottom:0; width:100%; height:420px; background:#f2f5fb; z-index:-1;}
	.phBottom .iconWrap {width:1160px; height:325px; margin:0 auto; overflow:hidden; display:flex;}
	.phBottom .iconWrap .cir:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(11,135,225,.5); }
	.phBottom .iconWrap .cir {position:relative; width:325px; height:325px; background-size:auto 100%; margin:auto; border-radius:50%; font-size:24px; color:#fff; text-align:center; overflow:hidden;}
	.phBottom .iconWrap .cir .txt {position:absolute; top:40%; width:100%; line-height:1.4;}
	.phBottom .iconWrap .cir strong {font-size:34px; display:block; letter-spacing:0;}

	.phBottom .iconWrap .cir:hover:before {width:100%; height:0; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
	.phBottom .iconWrap .cir:hover {background-size:auto 115%; }
	.phBottom .iconWrap .cir:hover .txt {text-shadow:0 10px 15px rgba(0,0,0,.5);}
	.phBottom .iconWrap .cir:hover strong {}

	.cir01 {background:url('../../../images/site/sub/com04.jpg') no-repeat center center;}
	.cir02 {background:url('../../../images/site/sub/com05.jpg') no-repeat center center;}
	.cir03 {background:url('../../../images/site/sub/com06.jpg') no-repeat center center;}


	@media all and (max-width:1200px) {
		.phBottom .phGray {height:400px;}
		.phBottom .iconWrap {width:90%; height:280px; }
		.phBottom .iconWrap .cir {width:280px; height:280px; }
	}


	@media all and (max-width:1000px) {
		.phBottom {padding:0 0 200px 0;}
		.phBottom .phGray {height:320px;}
		.phBottom .iconWrap {height:230px;}
		.phBottom .iconWrap .cir {width:230px; height:230px; font-size:20px;}
		.phBottom .iconWrap .cir strong {font-size:28px;}

	}

	@media all and (max-width:800px) {
		.phBottom {padding:0 0 160px 0;}
		.phBottom .phGray {height:260px;}
		.phBottom .iconWrap {height:200px;}
		.phBottom .iconWrap .cir {width:200px; height:200px; }
	}

	@media all and (max-width:690px) {
		.phBottom {padding:0 0 130px 0;}
		.phBottom .phGray {height:220px;}
		.phBottom .iconWrap {height:170px;}
		.phBottom .iconWrap .cir {width:170px; height:170px; font-size:15px;}
		.phBottom .iconWrap .cir strong {font-size:21px;}
	}

	@media all and (max-width:590px) {
		.phBottom {padding:0 0 120px 0;}
		.phBottom .phGray {height:190px;}
		.phBottom .iconWrap {height:130px;}
		.phBottom .iconWrap .cir {width:130px; height:130px; font-size:13px;}
		.phBottom .iconWrap .cir strong {font-size:17px;}
	}

	@media all and (max-width:460px) {
		.phBottom {padding:0 0 140px 0;}
		.phBottom .phGray {height:410px;}
		.phBottom .iconWrap {width:360px; height:350px; margin:0 auto; text-align:center; display:inline-block;}
		.phBottom .iconWrap .cir {float:left; width:160px; height:160px; margin:0 10px; font-size:15px;}
		.phBottom .iconWrap .cir:last-child {float:none; margin:20px auto 0;}
		.phBottom .iconWrap .cir strong {font-size:21px;}
	}

	/* 조직도 */
	.joWrap {width:1326px; margin:0 auto 90px; text-align:left;}
	.joWrap .tit {margin:0 0 40px 0; font-size:27px; font-weight:600;}
	.joWrap strong {color:#0b87e1; display:block;}
	.joWrap .img {}
	.joWrap .img img {width:100%; height:auto;}
	.joWrap .img img.pc {}
	.joWrap .img img.mobile {display:none;}

	@media all and (max-width:1500px) {
		.joWrap .tit {font-size:25px;}
	}

	@media all and (max-width:1400px) {
		.joWrap {width:90%;}
	}

	@media all and (max-width:1100px) {
		.joWrap .tit {font-size:23px;}
	}

	@media all and (max-width:920px) {
		.joWrap .tit {font-size:22px;}
		.joWrap .img img.pc {display:none;}
		.joWrap .img img.mobile {display:block;}
		.joWrap .img img {width:75%; margin:0 auto;}
	}

	@media all and (max-width:768px) {
		.joWrap .tit {font-size:20px;}
		.joWrap .img img {width:85%;}
	}

	@media all and (max-width:580px) {
		.joWrap .tit {font-size:24px;}
		.joWrap .img img {width:100%;}
	}

	@media all and (max-width:460px) {
		.joWrap .tit {font-size:22px;}
	}




	/* 오시는길 */
	.subMap {width:1500px; margin:0 auto; z-index:0;}
	.subMap .root_daum_roughmap {width:100% !important; margin:0 auto !important; text-align:center !important;}
	.mapInfo {width:1200px; margin:50px auto; overflow:hidden; text-align:left;}
	.mapInfo ul {float:left;}
	.mapInfo ul.addr {width:50%;}
	.mapInfo ul.tel {width:25%;}
	.mapInfo ul.fax {width:25%;}
	.mapInfo ul li {font-size:17px; font-weight:400; line-height:1.4; color:rgba(0,0,0,.6);}
	.mapInfo .tit {padding:0 0 15px 0; font-weight:600; font-size:22px; color:#000;}
	.mapInfo .num {font-size:22px;}


	@media all and (max-width:1500px) {
		.subMap {width:95%; text-align:center; overflow:hidden;}
		.mapInfo {width:95%; padding:0 10%;}
	}

	@media all and (max-width:1000px) {
		.mapInfo ul li {font-size:15px;}
		.mapInfo .tit {font-size:20px;}
		.mapInfo .num {font-size:20px;}
	}

	@media all and (max-width:768px) {	
		.subMap .root_daum_roughmap {height:300px !important;}
		.mapInfo {margin:20px auto;  padding:0 3%;} 
	}


	@media all and (max-width:620px) {	
		.mapInfo ul li {font-size:13px;}
		.mapInfo .tit {padding:0 0 7px 0; font-size:17px;}
		.mapInfo .num {font-size:15px;}
	}

	@media all and (max-width:510px) {	
		.mapInfo { padding:0;} 
		.mapInfo ul.addr {width:100%; padding:0 0 20px 7%;}
		.mapInfo ul.tel {width:50%; padding:20px 0 0 7%; border-top:1px dashed rgba(0,0,0,.1);}
		.mapInfo ul.fax {width:50%; padding:20px 0 0 7%; border-top:1px dashed rgba(0,0,0,.1);}
		.mapInfo .tit {padding:0 0 4px 0;}

	}

	/* 개인정보처리방침 */
	.perWrap {width:1300px; height:950px; overflow-y:scroll; background:#fbfbfb; margin:0 auto; padding:60px 80px; text-align:left; word-break: break-all; border:1px solid rgba(0,0,0,.1);}
	.perWrap ul {padding:0 0 30px 0;}
	.perWrap ul li {font-size:17px; color:#222;}
	.perWrap .tit {padding:0 0 15px 0; color:#000;  font-weight:500;}
	.perWrap .txt {line-height:1.5; font-weight:300;}
	textarea.law {width:1300px; height:950px; background:#fbfbfb; padding:60px 80px; font-size:17px; color:#222; font-weight:300; line-height:1.5; word-break: break-all; border:1px solid rgba(0,0,0,.1); outline:0;}
	.lawWrap {width:1300px; margin:0 auto; padding:0 0 100px 0; text-align:left; }

	@media all and (max-width:1300px) {
		.perWrap {width:90%; padding:40px;}
		.perWrap ul li {font-size:14px; }
		textarea.law {width:90%; height:750px; padding:40px; font-size:14px;}
		.lawWrap {width:90%;}
	}

	@media all and (max-width:680px) {
		.perWrap {height:750px; padding:30px;}
		textarea.law {height:500px; padding:25px; font-size:12px;}
		.lawWrap {width:95%;}
	}


	/* 관련규정 탭메뉴 */
	#tabWrap {width:100%; margin:0 auto; overflow:hidden;}
	.tab_menu {clear:both; width:100%; margin:0 auto; overflow:hidden; }
	.tab_menu > li {float:left; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #666; background:#e9e9e9; height:60px; font-size:17px; text-align:center; line-height:60px; cursor:pointer;}
	.tab_menu.link > li {float: left; text-align: center; height:60px; background-color: #252526;  margin-left: 1px; padding: 0px; line-height:1;}
	.tab_menu.link > li a {display: inline-block; width: 100%; padding: 16px 0; color: #b2b2b3; font-size: 17px;}
	.tab_menu > li:first-child {margin-left: 0px;}
	.tab_menu > li:hover {background-color: #fff; color: #000;}
	.tab_menu > li.on {background-color: #fff; color: #000;border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #666; border-bottom:1px solid #fff;}
	.tab_menu.link > li:hover a {background-color: #d1141c; color: #fff;  font-weight: normal !important;}
	.tab_menu.link > li.on a {background-color: #d1141c; color: #fff;}
	.tab_menu.four > li {width: 25%;}
	.tab_menu.three > li {width: 33.3%;}


	@media all and (max-width:1300px) {
		.tab_menu > li {height:50px; font-size:14px; line-height:50px;}
		.tab_menu.link > li {height:50px;}
		.tab_menu.link > li a {font-size:14px;}
	}

	@media all and (max-width:768px) {
		.tab_menu > li {height:40px; font-size:12px; line-height:40px;}
		.tab_menu.link > li {height:40px;}
		.tab_menu.link > li a {font-size:12px;}
	}




	/* 법률 */
	.faq {width:100%; border-bottom:solid 1px #c4c4c4; color:#333; margin:40px auto; }
	.faq h3 {background:#fff; margin:0; padding:20px 0px; font-weight:normal;  border-top:solid 1px #e4e4e4; border-bottom:none; cursor:pointer; font-size:17px;}
	.faq h3 .article {display:inline-block; padding:0px 20px; text-align:center; color:#cb0707;}
	.faq h3 .subject {display:inline-block; color:#777; padding:1px 0px;}
	.faq p {background:#f7f7f7; margin:0; font-size:15px; line-height:160%;}
	.faq div {background:#f7f7f7; margin:0; padding:30px 60px;}
	.hide {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
	.notFAQ {background:#e9e7e7; margin:0; padding:50px 0px; font:bold 100% Arial, Helvetica, sans-serif; border:solid 1px #c4c4c4; border-bottom:none; cursor:pointer; text-align:center;}

	@media all and (max-width:1300px) {
		.faq h3 {padding:15px 0px; font-size:14px;}
		.faq p {font-size:13px;}
	}

	@media all and (max-width:620px) {
		.faq h3 {font-size:12px;}
		.faq p {font-size:12px;}
	}