.lastDepth>a,

	#mVisual .visualRoll .slider>div,
	#mVisual .vTxtArea .ii,
	#mVisual .slick-dots>li button,
	#mVisual .slick-dots>li button:before,
	#mVisual .vTxt .ii,

	#mBusiness .mBusiness .thumb>p,
	#mBusiness .mBusiness .btns>a,
	#mBusiness .mBusiness .btns>a:before,

	#mRollBanner p.line,
	#mRollBanner .mRollArea .ii,

	.mConts.mRollBanner p.line,
	.mConts.mRollBanner .mRollArea .ii,

	.mGrid .item>a .tit_bg,

	#poursteadty_img .slick-dots>li button,
	#poursteadty_title img,

	.greeting_img,
	.greeting_img:after,
	.greeting_img:before,
	.greeting_img dl,
	.greeting_img dl>dt,
	.greeting_img dl>dd{transition: all .3s ease-out; transform-origin: 50% 50%;}

/*[s] All Style */
	/*
	img.bg_thumb{background-repeat: no-repeat; background-position: center center; transform: matrix(1, 0, 0, 1, 0, 0); transition: all .3s ease-out; transform-origin: 50% 50%;}
	a:hover img.bg_thumb{transform: matrix(1.03, 0, 0, 1.03, 0, 0);}
	a:hover img.no{transform: matrix(1, 0, 0, 1, 0, 0);}
	*/
	.bg_thumb_box{max-width:100%; height:100%; background-color: #ddd; background-repeat: no-repeat; background-position: center center; display:block;}
	img.bg_thumb{/*max-width:100%; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center; display:block;*/ opacity: 0;}

	.tbLayout{width:100%; display:table;}
	.tbLayout.fixed{table-layout: fixed;}
	.tbLayout>*{display:table-cell; vertical-align: middle; box-sizing: border-box;}
	.tbLayout.vat>.td{vertical-align: top;}
	.tbLayout.full{width:1920px; margin-left:-960px; position: relative; left:50%;}

	.nTable{width:100%; margin-bottom:80px; border-top:2px solid #0b9dbc; border-bottom:1px solid #e5e5e5;}
	.nTable>table{width:100%; margin-bottom:-1px; border-spacing:0; table-layout : fixed;}
	.nTable>table th,
	.nTable>table td{padding:15px; border-bottom:1px solid #e5e5e5; font-size:16px; line-height:1.5; color:#666; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}
	.nTable>table tr>*+*{border-left:1px solid #e5e5e5;}

	.nTable>table>thead>tr>th{background-color: #fafafa; font-weight:500; color:#222; position: relative;}
	.nTable>table>thead>tr>th+th{}

	.tbMore{margin-top:50px; text-align: center;}
	.tbMore button{width:130px; background-color: #d24077; border:none; font-size:16px; line-height:60px; color: #fff; cursor: pointer;}

	.f0{font-size:0; line-height:0;}

	.lastDepth{width:100%; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden;}
	.lastDepth>a{width:210px; height:50px; background-color: #fff; border:1px solid #dadada; font-weight: 400; font-size:19px; line-height:1.2; color: #595959; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;}
	.lastDepth>a+a{margin-left:-1px;}
	.lastDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.lastDepth .fa{background-color: #fff; font-weight: 300;}

	.lastDepth>a:hover,
	.lastDepth>a.active{background-color:#1c356f; color: #fff; z-index:2;}

	.lastDepthConts{font-size:0; line-height:0; overflow:hidden;}


	.lastDepth02{width:100%; margin-bottom:50px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between;}
	.lastDepth02>a{width:100%; height:60px; background-color: #fff; border:1px solid #d3d3d3; font-size:18px; line-height:1.2; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.lastDepth02>a+a{margin-left:-1px;}
	.lastDepth02>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}

	.lastDepth02>a:hover,
	.lastDepth02>a.active{background-color: #f192a6; border-color:#f192a6; color: #fff; z-index:2;}

	.lastDepthConts02{font-size:0; line-height:0; display:none; overflow:hidden;}

	.nTit{font-weight: 300; font-size:28px; line-height:36px; color: #333; text-align: center;}
	.nTit>span{font-weight: 300;}
	.nTxt{font-size:18px; line-height:24px color: #737373;}

	.admGo{font-size:0; line-height:0; position: relative; z-index:7;}
	.admGo>a{padding:10px 20px; background-color:#f00; font-size:16px; line-height:1.2; color:#fff; display:inline-block; position:absolute; left:0; bottom:0;}
	.admGos{padding:5px 10px; background-color:#f00; font-size:14px; line-height:1.2; color:#fff; display:inline-block; position: absolute; right:0; top:0; z-index:7;}

	.f0{font-size:0; line-height:0;}
	.tac{text-align: center !important;}
	.mt60{margin-top:60px;}


	h4.bul{padding-left:17px; text-align: left; position: relative;}
	h4.bul:before{content: ""; width: 3px; height: 20px; background-color: #00ccdc; font-size:0; line-height:0; display: inline-block; position:absolute; left: 0; top:2px;}
	h4.bul>*{font-family: 'Poppins'; line-height:1; display:inline-block; vertical-align: top;}
	h4.bul>strong{font-weight: 600; font-size:24px; color: #1b1b1b;}
	h4.bul>span{padding-left:15px; font-weight: 400; font-size:17px; color: #737373;}

	h4.bul.purple:before{background-color: #6f358b;}

	h4.icon{margin-bottom:20px; font-weight: 500; font-size:24px; line-height:1; color: #1b1b1b;}
	h4.icon.faq{padding:6px 0 0 35px; background:url("../img/bul_faq.png") no-repeat left top;}

	h4.tit{padding-bottom:35px; font-weight: 800; font-size:46px; line-height:1; color: #222; letter-spacing: -0.06em;}
	h4.tit p{padding-top:15px; font-weight: 400; font-size:18px; line-height:1; color: #666; letter-spacing: -0.04em;}

	.fancybox-slide--iframe .fancybox-content {
		width  : 800px !important;
		height : 600px;
		max-width  : 80%;
		max-height : 80%;
		margin: 0;
	}

    .wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:600px;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide {display: none;}
/*[e] All Style */

/*[s] Main Style */
	#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
	#mVisual .visualRoll{white-space: nowrap;}
	#mVisual .visualRoll .swiper-slide{width:100%; height:960px; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}

	#mVisual .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:40px; z-index:7;}
	#mVisual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
	#mVisual .slick-dots>li+li{margin-left:15px;}
	#mVisual .slick-dots>li button{width:10px !important; height:10px; margin:0; padding:0; background-color:rgba(255,255,255,0.6); border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:99px; overflow:hidden;}
	#mVisual .slick-dots>li.slick-active button{width: 42px !important; background-color:rgba(255,255,255,1); }

	#mVisual .slick-arrow{width:55px; height:55px; background-color: transparent; background-repeat: no-repeat; background-position: center center; border:none; font-size:0; line-height:0; display:inline-block; vertical-align: top; cursor: pointer;}
	#mVisual .slick-prev{background-image: url("../img/main/btn_slick_prev.png");}
	#mVisual .slick-next{background-image: url("../img/main/btn_slick_next.png"); margin-left:10px;}
	
    #mVisual .swiper-pagination{margin-top:0; text-align:left; position:relative;}
    #mVisual .swiper-pagination-bullet{margin:0 11px; width:17px; height:17px; background-color:transparent; border:1px solid #fff; border-radius:9px; opacity:0.5; transition:all 0.3s ease-out}
    #mVisual .swiper-pagination-bullet-active{width:57px; background-color:#00a0e9; border-color:#00a0e9; opacity:1;}

	#mVisual .vTxt{width:1280px; text-align: left; position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); z-index:5;}
	#mVisual .vTxt .ii{top:50px; display:block; opacity: 0; position: relative;}
	#mVisual .vTxt .i01{-webkit-transition-delay: .7s; transition-delay: .7s;}
	#mVisual .vTxt .i02{-webkit-transition-delay: .75s; transition-delay: .75s;}
	#mVisual .vTxt .i03{-webkit-transition-delay: .8s; transition-delay: .8s;}
	#mVisual .vTxt .i04{-webkit-transition-delay: .85s; transition-delay: .85s;}
	#mVisual .vTxt .i05{-webkit-transition-delay: .9s; transition-delay: .9s;}
	#mVisual .vTxt .i06{-webkit-transition-delay: .95s; transition-delay: .95s;}
	#mVisual .vTxt .i07{-webkit-transition-delay: 1s; transition-delay: 1s;}

	#mVisual .vTxt .ii{color: #fff; letter-spacing: -0.03em;}
	#mVisual .vTxt .ii.tit{font-weight: 700; font-size:40px; line-height:50px;}
	#mVisual .vTxt .ii.tit>strong{font-weight: 800;}
	#mVisual .vTxt .ii.txt{font-weight: 400; font-size:35px; line-height:45px;}
	#mVisual .vTxt .ii.btns{padding-top:50px;}
	#mVisual .vTxt .ii.txt+.tit{padding-top:10px;}

	#mVisual .vTxt.active .ii{top:0px; opacity:1;}

	.mConts{padding:120px 0; font-size:0; line-height:0;}
	.mConts.gray{background-color: #f8f8f8;}

	.mTitle{padding-bottom:20px; font-size:55px; line-height:60px; color: #222; text-align: center; font-family:var(--play);}
	.mTitle>strong{font-weight: 800;}
	.mTitle>p{padding-top:20px; font-weight: 300; font-size:19px; color: #595959;}

	#mAbout{width:1920px; margin-left:-960px; background: url("../img/main/bg_mAbout.jpg") no-repeat center center; font-size:0; line-height:0; position: relative; left:50%; box-sizing: border-box; display:table;}
	#mAbout>.inConts{height:960px; text-align: center; display:table-cell; vertical-align: middle;}
	#mAbout dl{}
	#mAbout dl>dt{font-size:35px; line-height:45px; color: #222;}
	#mAbout dl>dt>strong{font-weight: 700;}
	#mAbout dl>dd{padding-top:7px; font-weight:400; font-size:20px; line-height:30px; color: #222; letter-spacing: -0.04em;}
	#mAbout a{width:200px; height:54px; margin-top:43px; font-size:18px; line-height:54px; color: #fff; display:inline-block; box-sizing: border-box; background-color:#00a0e9; border-radius:5px;}
	#mAbout a::after{content:""; display:inline-block; margin-left:10px; width:8px; height:14px; background:url("/theme/basic/img/main/main_link_arrw.png") no-repeat center / contain;}

	#mCommunity{width:1920px; height:740px; margin-left:-960px; font-size:0; line-height:0; position: relative; left:50%; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
	#mCommunity .mInt{font-size:20px; line-height:30px; color:#222; text-align:center;}
	#mCommunity .in_board{margin:55px auto 0; display: flex; justify-content: space-between;}
	#mCommunity .list_box{width:600px; display:inline-block; vertical-align: top;}
	#mCommunity .list_box .title{padding-bottom:20px; border-bottom:2px solid #555; position: relative;}
	#mCommunity .list_box .title *{display:inline-block; vertical-align:bottom;}
	#mCommunity .list_box .title strong{font-weight: 800; font-size:26px; line-height:42px; color: #222; position: relative;}
	#mCommunity .list_box .title span{margin-left:15px; font-weight: 400; font-size:18px; line-height:1; color: #737373; position: relative;}
	#mCommunity .list_box .title a.more{display:flex; align-items:center; gap:8px; font-size:16px; line-height:40px; color:#666; position: absolute; right:0; top:0;}
	#mCommunity .list_box .title a.more::after{content:""; display:inline-block; margin:-3px -6px 0 0; width:12px; height:11px; border-left:6px solid #00a0e9;border-right: 6px solid transparent;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
	#mCommunity .list_box .list{padding:20px 0; border-bottom:1px solid #dadada;}
	#mCommunity .list_box .list>li{display:flex; justify-content:space-between;}
	#mCommunity .list_box .list>li a{max-width:76%; font-weight:400; font-size:18px; line-height:40px; color: #222; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#mCommunity .list_box .list>li .day{font-weight: 400; font-size:18px; line-height:40px; color: #666;}

	#mCommunity .list_box .noPost{font-size:17px; line-height:180px; color: #555; text-align: center;}

	#mCommunity .list_box.info{width:480px;}
	#mCommunity .list_box.info .title{padding-bottom:22px; border-bottom:none;}
	#mCommunity .list_box.info .root_daum_roughmap{width:100%; height:180px; padding:0 !important; border:none !important; overflow:hidden; position: relative;}
	#mCommunity .list_box.info .text{margin-top:22px;}
	#mCommunity .list_box.info .text>p{}
	#mCommunity .list_box.info .text>p>span{font-weight: 300; font-size:16px; line-height:32px; color: #4c4c4c; display:inline-block; vertical-align: top;}
	#mCommunity .list_box.info .text>p>span+span{margin-left:20px;}
/*[e] Main Style */

/*[s] Sub Style */
	/* cso */
	.cso .cont_about{display:flex; gap:80px;}
		.cso .cont_about .img_box{border-radius:50px 0 0 0; box-shadow:30px 30px 50px rgba(0,0,0,0.2); overflow:hidden;}
		.cso .cont_about .txt_box{padding-top:50px;}
		.cso .cont_about .txt_box .tit{font-size:40px; line-height:1; font-weight:800; color:#222;}
		.cso .cont_about .txt_box .cont_txt{margin-top:16px; font-size:18px; line-height:30px; color:#222;}
		.cso > .img_cont{margin-top:100px;}

	/* company */
	.company .ceo_grt{padding-top:210px; height:700px; text-align:center; color:#fff; background:url("/images/sub/cmpn_ceo_bg.jpg") no-repeat center / cover;}
		.company .ceo_grt h3{font-size:50px; line-height:60px; color:#fff; font-weight:700;}
		.company .ceo_grt p{margin-top:17px; font-size:20px; line-height:32px;}
		
	.company .cmpn_core{padding:110px 0 190px; text-align:center;}
		.company .cmpn_core .sect_top .tit{font-size:40px; line-height:50px; color:#111; font-weight:700;}
		.company .cmpn_core .sect_top .txt{margin-top:10px; font-size:20px; line-height:32px; color:#666}
		.company .cmpn_core .img_cont{margin-top:30px;}
		.company .cmpn_core .txt_box{margin:24px auto 0; width:1027px; display:flex; flex-wrap:wrap; gap:190px 120px; justify-content:space-between; align-items:flex-start; text-align:left;}
		.company .cmpn_core .txt_box li{padding:345px 40px 0; width:452px; color:#111; border-radius:60px 0 0 0; background-repeat:no-repeat; background-position:center; background-size:cover;}
		.company .cmpn_core .txt_box li::before{content:"0"counter(num_li); display:block; font-size:50px; line-height:1; color:#4b71d0; font-weight:800;}
		.company .cmpn_core .txt_box li .tit{margin-top:15px; display:block; font-size:30px; line-height:40px; font-weight:800;}
		.company .cmpn_core .txt_box li .txt{margin-top:13px; font-size:20px; line-height:30px;}
		.company .cmpn_core .txt_box li:nth-child(1){background-image:url("/images/sub/cmpn_core_01.jpg");}
		.company .cmpn_core .txt_box li:nth-child(2){margin-top:250px; background-image:url("/images/sub/cmpn_core_02.jpg");}
		.company .cmpn_core .txt_box li:nth-child(3){margin-top:-250px; background-image:url("/images/sub/cmpn_core_03.jpg");}
		.company .cmpn_core .txt_box li:nth-child(4){background-image:url("/images/sub/cmpn_core_04.jpg");}

    /* consult */
        .consult .page_bann{padding:78px 0 68px; color:#fff; text-align:center; background:url("/images/sub/consult_bann_bg.jpg") no-repeat center / cover;}
        .consult .page_bann p{font-size:22px; line-height:32px;}
        .consult .page_bann em{display:block; margin-top:10px;font-size:30px; line-height:40px; font-weight:700;}
        
        .consult .consult_step{margin-top:90px; text-align:center;}
        .consult .consult_step h3{font-size:40px; line-height:50px; color:#222; font-weight:700;}
        .consult .consult_step ul{margin-top:50px; display:flex; justify-content:center; flex-flow:row wrap; gap:50px 0;}
        .consult .consult_step ul li{width:320px; text-align:center; position:relative;}
        .consult .consult_step ul li::after{content:""; display:block; width:38px; height:18px; background:url("/images/sub/consult_step_arrw.png") no-repeat center / contain; position:absolute; right:-20px; top:70px;}
        .consult .consult_step ul li .ico_box{display:inline-block; border-radius:50%; background-color:#f5f5f5; box-shadow:10px 10px 15px rgba(0,0,0,0.1);}
        .consult .consult_step ul li em{display:block; margin-top:22px; font-size:22px; line-height:32px; color:#4b71d0; font-weight:700;}
        .consult .consult_step ul li p{margin-top:6px; font-size:18px; line-height:26px;}
        .consult .consult_step ul li:nth-child(4)::after,
        .consult .consult_step ul li:last-child::after{display:none}
        
		/* history */
		.history-area{margin-top:110px; font-size:0; line-height:0; position: relative;}
		.history-area:before{content: ""; width: 2px; margin-left:-1px; background-color: #1e3990; display: inline-block; position:absolute; left: 50%; top:15px; bottom:0;}
		.history-area #his_progress{content: ""; width: 2px; margin-left:-1px; background-color:#1e3990; display: inline-block; position:absolute; left: 50%; top:15px; border-radius: 0 0 9px 9px;}

		.history-area>li{text-align: right; display: flex; justify-content: space-between; position: relative; z-index:2;}
		.history-area>li+li{margin-top:50px;}
		.history-area .history-in{width:50%; padding:0 40px; text-align: left; display:inline-block; vertical-align: top; position: relative; cursor: default; order:2;}
		.history-area .history-in[href]{cursor: pointer !important;}
		.history-area .history-in:before{content: ""; width: 16px; height:16px; background-color:#1e3990; display: inline-block; position:absolute; left: -8px; top:10px; border-radius:999px; box-sizing: border-box;}
		.history-area .history-in>strong{font-weight: 600; font-size:36px; line-height:1; color: #111; display:block;}
		.history-area .txt_wrap{margin-top:30px;}
		.history-area .txt_wrap p{padding:0 12px; font-size:17px; line-height:1.55; color: #666; position: relative;}
		/* .history-area .txt_wrap p:before{content: "ㆍ"; position:absolute; left: -3px; top:0px;} */

		.history-area .txt_wrap>p+p{margin-top:10px;}
		/*.history-area .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}*/

		.history-area>li .thumb{width:50%; margin-top:0; padding:0 40px; position: relative; order:1;}
		.history-area>li .thumb img{max-width:500px; width:100%; aspect-ratio: 500/342; object-fit:cover; object-position: center center; }

		.history-area>li:nth-child(even){text-align: left;}
		.history-area>li:nth-child(even) .history-in{text-align: right; order:1;}
		.history-area>li:nth-child(even) .history-in:before{left:auto; right: -8px;}
		.history-area>li:nth-child(even) .thumb{order:2;}
		.history-area>li:nth-child(even) .txt_wrap{justify-content: flex-end;}
		/* .history-area>li:nth-child(even) .txt_wrap p::before{right:-3px; left:auto} */

	.moveGray{padding:40px; background-color: #f6f6f6; font-size:0; line-height:0; text-align: center;}
	.moveGray>a{padding:0 13px 0 14px; font-size:18px; line-height:20px; color: #666; letter-spacing: -0.04em; display:inline-block; vertical-align: top; position: relative;}
	.moveGray>a+a:before{content:""; width:1px; height:100%; background-color: #e6e6e6; font-size:0; line-height:0; position: absolute; left:0; top:0;}
	.moveGray>a:hover{font-weight: 700; color: #222;}

	.locationArea{width:1200px; margin:0 auto;}
	.locationArea .location_re .tit{padding-bottom:35px;}
	.locationArea .location_re .tit>dt{font-weight: 700; font-size:30px; line-height:1; color: #222; letter-spacing: -0.04em;}
	.locationArea .location_re .tit>dd{padding-top:25px; display: flex; flex-wrap: wrap; gap: 20px 40px;}
	.locationArea .location_re .tit>dd>p{font-size:20px; line-height:28px; color: #666; letter-spacing: -0.04em; display:inline-block; }
	.locationArea .location_re .tit>dd>p>strong{padding-right:15px; font-weight: 500; color: #222;}
	/* .locationArea .location_re .tit>dd>p+p{margin-left:40px;} */

	.locationArea .location_re+.location_re{margin-top:80px;}
	.mapArea{width:100%; height:420px; padding:0 !important; border:none !important; overflow:hidden; position: relative;}

	.productArea{padding-bottom:120px; background:#f8f8f8 url("../img/product/bg_product.gif") repeat-x left top; font-size:0; line-height:0; position: relative;}
	.productArea:before{content:""; width:752px; height:61px; background:url("../img/product/txt_product.png") no-repeat left top; position: absolute; right:0; bottom:0;}

	.productArea .productTop{text-align: left;}
	.productArea .photoArea{width:400px; border:2px solid #ddd; font-size:0; line-height:0; position: relative; overflow:hidden; box-sizing:border-box; display:inline-block; vertical-align: bottom;}
	.productArea .photoArea .photoRoll{white-space: nowrap;}
	.productArea .photoArea .photoRoll .slider{width:100%; height:346px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}

	.productArea .photoArea .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:15px; z-index:5;}
	.productArea .photoArea .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
	.productArea .photoArea .slick-dots>li+li{margin-left:10px;}
	.productArea .photoArea .slick-dots>li button{width:15px !important; height:15px; margin:0; padding:0; background-color:#c4c4c4 !important; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:50%;}
	.productArea .photoArea .slick-dots>li.slick-active button{background-color: #035ab6 !important;}

	.productArea .rightArea{max-width:862px; padding-left:85px; text-align: left; display:inline-block; vertical-align: bottom;}
	.productArea .rightArea .title{font-weight: 500; font-size:26px; line-height:1; color: #035ab6; letter-spacing: -0.05em;}
	.productArea .rightArea ul{margin-top:20px;}
	.productArea .rightArea ul>li{padding-left:14px; font-size:16px; line-height:1.5; color: #666; letter-spacing: -0.05em; position: relative; word-break:keep-all; word-wrap:break-word;}
	.productArea .rightArea ul>li:before{content:""; width:4px; height:4px; background-color: #035ab6; position: absolute; left:0; top:10px; border-radius:99px;}
	.productArea .rightArea ul>li+li{margin-top:6px;}
	.productArea .rightArea .btns{margin-top:30px;}
	.productArea .rightArea .btns>a{width:170px; height:40px; background-color: #035ab6; font-size:16px; line-height:38px; color: #fff; text-align: center; letter-spacing: -0.05em; display:inline-block;}
	.productArea .rightArea .btns .fa{text-decoration: underline; margin-right:5px;}

	.productArea .pattern_gray{margin-top:50px; padding:20px; background:url("../img/product/pattern_gray.gif") repeat left top; font-size:18px; line-height:1; color: #333; text-align: center; letter-spacing: -0.05em;}

    #contactArea{display:flex;}
    #contactArea #bo_w{padding:40px 20px; width:840px; border:1px solid #e6e6e6}
    #contactArea .board_write{padding:0; border:none}
    #contactArea .board_write>table td{border:none}
    #contactArea .board_write input[type="text"]{padding:13px 20px; height:56px; font-size:16px; line-height:28px; border-color:#e6e6e6; border-radius:0; box-shadow:none;}
    #contactArea .board_write .wr_content textarea{padding:15px 20px; border-color:#e6e6e6; border-radius:0; box-shadow:none; resize:none;}
    #contactArea .board_write .wr_content textarea{height:120px !important;;}
    #contactArea .clauseArea{margin-top:12px;}
    #contactArea .clauseArea .scroll{height:90px; border-color:#e6e6e6; background-color:#f6f6f6;}
    #contactArea .clauseArea .checkIn{width:100%; text-align:right;}
    #contactArea #bo_w .btn_confirm{text-align:left; padding-top:0;}
    #contactArea #bo_w .btn_confirm>*{width:160; height:60px; border-radius:0; font-size:18px; line-height:58px; color:#fff; border-color:#103259; background-color:#103259;}
    
    #contactArea .cs_box{padding:70px 50px; width:440px; color:#fff; background-color:#103259;}
    #contactArea .cs_box h3{font-size:35px; line-height:45px; font-weight:700; color:#fff}
    #contactArea .cs_box .cont_box{margin-top:80px; font-size:17px; line-height:28px; font-weight:500;}
    #contactArea .cs_box .cont_box p{padding-left:68px; min-height:38px; background-repeat:no-repeat; background-position:left center; background-size:auto;}
    #contactArea .cs_box .cont_box p+p{margin-top:28px;}
    #contactArea .cs_box .cont_box p:nth-child(1){background-image:url("/images/sub/cs_ico_01.png");}
    #contactArea .cs_box .cont_box p:nth-child(2){background-image:url("/images/sub/cs_ico_02.png");}
    #contactArea .cs_box .cont_box p:nth-child(3){padding-top:4px; background-image:url("/images/sub/cs_ico_03.png");}

	.etc_clause{width:100%; margin:0 auto; padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; font-size:0; line-height:0; text-align: center; box-sizing:border-box; border-radius:10px; position: relative; overflow: visible !important;}
	.etc_clause:before,
	.etc_clause:after{content:""; position:absolute; z-index:-1; top:2%; bottom:0; left:10px; right:10px; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-border-radius:100px / 10px; border-radius:100px / 10px;}
	.etc_clause:after{left:auto; right:10px; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}

	.etc_clause .logo{margin:0;}
	.etc_clause .txt{padding:35px 0 35px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
	.etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}
	.etc_clause.clauseArea.no .scroll{background-color: transparent; text-align: left;}

	.fancybox-slide--html{padding:50px !important;}
	.pops{background-color: #fff; font-size:0; line-height:0; display:none;}
	.pops.fancybox-content{padding:0; font-size:0; line-height:0;}
	.pops .fancybox-button.fancybox-close-small{width:70px; height:70px; padding:0; /*background:url("../img/btn_pops_clsoe.png") no-repeat center center;*/ font-size:0; line-height:0; color: #fff; opacity: 1; right:23px;}
	.pops .title{padding:22px 40px; background:url("../img/pattern_pops.gif") repeat left top; font-weight: 500; font-size:20px; line-height:1.3; color: #fff;}
	.pops .conts{padding:40px;}
	#passport{}
	@page {size:22.5cm 29.7cm; margin: 15px;}
	@media print{
		#progressBar, #ribbonArea, #hd, #quickArea, #sVisual, #snb, #footer, #layerArea, .btnArea, .iconArea, .sharingLay{display:none !important;}
		#container_wr{width:100% !important; font-size:0; line-height:0;}
		#pageTop{padding:30px 0 70px;}
		.sub #container {min-height: auto; padding: 0px 0 0px;}
	}
/*[e] Sub Style */

/*[s] Plugin Style */
	/* Layer Style */
		.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{width:100px; display:inline-block; position: fixed; right:0; top:0;}
		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99;}
		.layerArea .layerIn .layerBox>.tit{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit>strong{font-size:16px; line-height:1; color:#00a9cc;}
		.layerArea .layerIn .layerBox .contLy{}


	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Img Over Curtain Style */
		.imgCurtain{width:960px; margin:0 auto; font-size:0; line-height:0; overflow:hidden;}
		.imgCurtain img{max-width:none;}
		.imgCurtain>li{margin:5px; display:inline-block; vertical-align: top;}
		.imgCurtain>li>a{background-color: #ddd; position: relative;}
		.imgCurtain>li>a>.img{position: absolute; left:0; top:0;}
		.imgCurtain>li>a>dl{padding:10px; font-size:12px; line-height:18px; color: #000;}
		.imgCurtain>li>a>dl>dt{padding-bottom:5px; font-size:14px;}

		.imgCurtain>li,
		.imgCurtain>li>a,
		.imgCurtain>li>a>.img,
		.imgCurtain>li>a>.img img{width:150px; height:150px; overflow:hidden;}
		.imgCurtain>li>a,
		.imgCurtain>li>a>.img img{display:block;}

	/* Notice One Line Style */
		.mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
		.mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
		.mNoticeList>ul>li{height:60px; position: relative;}
		.mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/