@charset "utf-8";

/**************************************************
	Layout CSS Document
	IEETU Web Standardization Team
	2020-08-18
**************************************************/


/**************************************************
	Common
**************************************************/
body{height:auto !important;}

/* 스프라이트 이미지 */
.sp_ui,
#header #gnb > li > div > ul > li a[target="_blank"]:after,
.lnb li a[target="_blank"]:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui.png) no-repeat 0 0;}

#wrap{position:relative; min-width:320px;}

/**************************************************
	Header
**************************************************/
/* 헤더 GNB Fixed */
#header{position:absolute; top:0; left:0; width:100%; z-index:99; height:80px; border-bottom:1px solid #e4e4e4;}
.fixed #header{position:fixed; background:#fff;}
#header.open{background:#fff;}
#header > .inr{position:relative;}
/* 헤더 Logo */
#header .area_logo{position:absolute; top:20px; left:5%; z-index:99; transition: 0.3s ease-out;}
#header .area_logo .logo{width:124px; height:40px;}
#header .area_logo .logo a{display:block; overflow:hidden; width:100%; height:100%; background:url(../images/common/logo_header.png) no-repeat 0 0/cover; color:transparent;}
#header.open .area_logo .logo a{background:url(../images/common/logo_header.png) no-repeat 0 0/cover;}
/* Util */
#header .util_r{position:absolute; top:26px; right:5%; z-index:50; transition: 0.3s ease-out;}
#header .util_r .lst_util{display:flex; align-items:flex-end;}
#header .util_r li{text-indent:-9999999px; background-image:url(../images/common/ico_util_sp.png);}
#header .util_r .lst1{width:24px; height:23px;}
#header .util_r .lst2{width:19px; height:25px; background-position:0 -33px; margin-left:25px;}
#header .util_r li a{display:block;}
/* 헤더 GNB */
#header .gnb_wrap{position:relative;}
#header .gnb_wrap > .inr{ margin:0 auto; display:flex; justify-content: center; }
#header .gnb_wrap > .inr:after{content:''; display:block; clear:both;}
#header .gnb_wrap .mypage {position:absolute; right:104px; top:40px; }
#header .gnb_wrap .mypage a {display:block; width:30px; height:22px; background:url(../images/common/ico_mypage_wv.png) no-repeat; overflow:hidden; text-indent:-999px;}
#header .gnb_wrap .gnb_sitemap{  position:absolute; right:50px; top:42px;}
#header .gnb_wrap .gnb_sitemap a{display:block; position:relative;width:30px; height:22px; background:url(../images/common/btn_header_wv.png) no-repeat; overflow:hidden; text-indent:-999px;}
#header #gnb{position:initial; z-index:50; display:flex; justify-content:center; transition: 0.3s ease-out; width:100%;}
#header #gnb:after{content:''; display:block; clear:both;}
#header #gnb a{display:block;}
#header #gnb > li{float:left; position:relative; padding:0 40px; transition:0.3s ease-out;}
#header #gnb > li > a{display:block; position:relative; font-weight:300; line-height:80px; color:#222; text-align:center; white-space:nowrap; text-transform:uppercase;}
#header.open #gnb > li > a{color:#222;}
#header #gnb > li > a span {font-size:20px; transition:0.3s ease-out;}
#header #gnb > li > a > span{display:inline-block; position:relative; line-height:80px;}
#header #gnb > li > a > span:before {content:''; display:block; width:0px; height:3px; background:#246ac6; position:absolute; left:-10%; top:79px; transition: 0.3s ease-in-out;}
#header #gnb > li.active > a > span:before {width:120%;}
/* 2차 */
#header #gnb > li > div{display:none; visibility:hidden; position:absolute; top:80px; left:-1px; right:0; z-index:31; overflow:hidden; transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header #gnb > li.open > div{display:block; visibility:visible; z-index:32;}
#header #gnb > li > div > ul{padding:30px 0 50px; text-align:center;}
#header #gnb > li > div > ul > li{position:relative; margin-bottom:13px;}
#header #gnb > li > div > ul > li > a{position:relative; padding:5px 0; font-weight:300; font-size:16px; line-height:1.2; letter-spacing:-1px;}
#header #gnb > li > div > ul > li.active > a{text-decoration:underline; font-weight:600; font-size:16.5px; letter-spacing:-0.5px;}
#header #gnb > li > div > ul > li a[target="_blank"]:after{content:''; width:15px; height:13px; margin:0 0 0 5px; background-position:-31px -49px; vertical-align:baseline;}
/* 3차 */
#header #gnb > li > div > ul > li > ul{display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); background:#292624; white-space:nowrap; padding:15px 25px;}
#header #gnb > li > div > ul > li.open > a + ul{display:block;}
#header #gnb > li > div > ul > li > ul:after{content:''; display:block; position:absolute; top:0; left:0; right:0; width:8px; height:8px; margin:0 auto; border:1px solid #fff; border-width:0 0 1px 1px; transform:rotate(-45deg);}
#header #gnb > li > div > ul > li > ul > li{position:relative; margin:15px 0;}
#header #gnb > li > div > ul > li > ul > li > a{display:inline-block; font-size:18px; color:#fff;}
#header #gnb > li > div > ul > li > ul > li > a:hover{text-decoration:underline;}
/* gnb 배경 */
#header .gnb_wrap .gnb_bg{position:absolute; top:80px; left:0; z-index:20; overflow:hidden; width:100%; height:0; border-bottom:0 solid transparent; background:#fff; transition:height .4s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header.open .gnb_wrap .gnb_bg{box-sizing:content-box;}
#header .gnb_wrap .gnb_bg > .inr{position:relative; max-width:1260px; margin:0 auto;}
#header .gnb_wrap .gnb_bg .area_link{float:left; width:185px; margin:30px 0 0; padding:140px 0 0; background:url(../images/common/img_gnb.jpg) no-repeat 0 0;}
#header .gnb_wrap .gnb_bg .area_link .txt{display:block; font-size:16px; line-height:1.4; color:#0468b4;}
#header .gnb_wrap .gnb_bg .area_link .link{display:block; margin:20px 0 0;}
#header .gnb_wrap .gnb_bg .area_link .link a{display:inline-block; position:relative; padding:10px 20px 10px 10px; border:1px solid #c5c5c5; font-weight:600; font-size:15px;}
#header .gnb_wrap .gnb_bg .area_link .link a:after{content:''; display:inline-block; position:absolute; top:0; right:10px; bottom:0; width:6px; height:6px; margin:auto; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg);}
/* 모바일 전체메뉴 */
.wholeview_wrap{display:none;}
/* 모바일 검색 */
.wv_srch_wrap{display:none;}

/**************************************************
	Footer
**************************************************/
.footer_wp{position:relative;}
.nav_goto{position:relative;}
.nav_goto a{position:absolute; right:5%; top:-30px; width:60px; height:60px; display:block; background:#48504e; border-radius:50%; transition:all 0.2s ease; text-indent:-999999px;}
.nav_goto a:before{position:absolute; content:""; display:block; left:50%; top:50%; width:16px; height:22px; margin:-11px 0 0 -8px; background:url(../images/common/ico_top.png);}
.nav_goto:hover a:before{animation:nav_goto 0.5s infinite linear alternate;}
.nav_goto:hover a{background:#246ac6;}
#footer{background:#292d2c; padding:50px 0 60px;}
#footer a{color:#fff;}
#footer .inr{margin:0 5%;}
#footer .f_txt{color:#fff; font-size:14px; font-weight:300;}
#footer .f_txt span{font-weight:600; text-decoration:underline; text-transform:uppercase;}
#footer .addr{color:#8b9290;}
#footer .addr p{font-size:14px; padding:10px 0 25px;}
#footer .addr span{font-size:13px; font-weight:300; text-transform:uppercase;}

@keyframes nav_goto {
	0% {
			transform: translate(0, 0px);
	}

	50% {
			transform: translate(0, 5px);
	}

	100% {
			transform: translate(0, -5px);
	}
}

/**************************************************
	Container
**************************************************/

/**************************************************
	Content
**************************************************/
/*** 컨텐츠 공통 ***/
.cont_wrap{padding-top:80px;}

/*** 컨텐츠 헤드 ***/
.cont_head{position:relative; z-index:10;}

/*** 컨텐츠 바디 ***/
.cont_body{line-height:1.5; word-break:keep-all; word-wrap:break-word;}
.cont_body:after{content:''; display:block; clear:both;}

/* 서브메뉴 */
.lnb{position:absolute; top:800px; z-index:30;}
.lnb li a{display:block; position:relative; font-size:18px; font-weight:600; color:#7d7d7d; padding-left:60px; margin-bottom:13px;}
.lnb li:last-child a{margin-bottom:0;}
.lnb li.on a{color:#000;}
.lnb li.on a:before{content:""; display:block; position:absolute; left:0; top:50%; margin-top:-1px; width:39px; height:2px; background:#070909;}
.lnb.fix{position:fixed; top:110px;}

/* 서브 비주얼 */
.sub_visual{position:relative; overflow:hidden; width:100%; padding:143px 0 85px 100px; transition:0.3s ease-out;}
.sub_visual .img_box{position:relative; animation:sv_img ease-in-out 0.5s;}
.sub_visual .img_box:after{content:""; display:block; clear:both;}
.sub_visual .img_box span{display:block; width:100%; height:564px; float:right; background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub_visual .vs_txt{position:absolute; top:75px; right:35%; width:50%; animation:sv_txt ease-in-out 1s; text-transform:uppercase;}
.sub_visual .vs_txt .tit{font-family:'montserrat'; font-size:98px; font-weight:800; line-height:1.1;}
.sub_visual .vs_txt .txt{font-size:36px; font-weight:600; padding-top:30px; line-height:1.5;}
.sub_visual .img_box span{background-image:url(../images/content/img_sb01.jpg);}
body[data-menu-idtop='00000738'] .sub_visual .img_box span{background-image:url(../images/content/img_sb02.jpg);}
body[data-menu-idtop='00000739'] .sub_visual .img_box span{background-image:url(../images/content/img_sb03.jpg);}
body[data-menu-idtop='00000740'] .sub_visual .img_box span{background-image:url(../images/content/img_sb04.jpg);}
body[data-menu-idtop='00000741'] .sub_visual .img_box span{background-image:url(../images/content/img_sb05.jpg);}

@keyframes sv_img {
	0% {
		right:-100%;
	}
	100% {
		right:0;
	}
}

@keyframes sv_txt {
	0% {
		right:-100%;
	}
	100% {
		right:35%;
	}
}

/* 공유 버튼 */
.cont_head .util_area{position:absolute; bottom:-60px; right:5%; transition: 0.3s ease-out;}
.cont_head .util_area button{float:left; position:relative; overflow:hidden; width:47px; height:46px; margin-left:6px; border:1px solid #dadada; border-radius:0 18px 0 0; background-origin:border-box; background: url(../images/base/sp_ui.png) no-repeat 0 0; text-indent:-99999px;}
.cont_head .util_area .btn_zin{background-position:-80px -31px;}
.cont_head .util_area .btn_zout{background-position:-130px -31px;}
.cont_head .util_area .btn_print{border:0; background-position:-230px -31px;}
/* 공유 박스 */
.cont_head .util_area .c_share_box .btn_share{background-position:-180px -31px;}
.cont_head .util_area .c_share_box.open .btn_share{border:0; background-position:-280px -31px;}
.cont_head .util_area .c_share_box .ly_share{display:none; position:absolute; top:calc(100% + 15px); right:-50px; z-index:20; padding:10px 18px; border-radius:18px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15);}
.cont_head .util_area .c_share_box.open .ly_share{display:flex;}
.cont_head .util_area .c_share_box .ly_share button{flex:0 0 auto; width:28px; height:28px; margin:0 5px; border:0; background:url(../images/base/sp_sns.png) no-repeat 0 0; border-radius:0;}
.cont_head .util_area .c_share_box .ly_share  .btn_facebook{background-position:0 0;}
.cont_head .util_area .c_share_box .ly_share  .btn_blog{background-position:-32px 0;}
.cont_head .util_area .c_share_box .ly_share  .btn_instagram{background-position:-64px 0;}
.cont_head .util_area .c_share_box .ly_share  .btn_kakao{background-position:-96px 0;}
.cont_head .util_area .c_share_box{float:left; position:relative;}
.cont_head .util_area .c_share_box .ly_share .btn_close{position:absolute; top:0; right:0; width:24px; height:24px; margin:0; background:none; display:none;}
.cont_head .util_area .c_share_box .ly_share .btn_close:before,
.cont_head .util_area .c_share_box .ly_share .btn_close:after{content:''; display:block; overflow:hidden; position:absolute; top:25%; right:25%; bottom:25%; left:25%; height:2px; transform:rotate(45deg); margin:auto 0; background:#ccc; color:transparent;}
.cont_head .util_area .c_share_box .ly_share .btn_close:after{transform:rotate(135deg);}

/**************************************************
	팝업창 Layout
**************************************************/
#wrap_pop{}
#wrap_pop .pop_head{padding:20px 10px; background:#274c93; text-align:center;}
#wrap_pop .pop_head .title{font-size:1.87em; line-height:1.15; color:#fff; letter-spacing:-2px;}
#wrap_pop .cont_body{position:relative; padding:40px;}

/* ~ 1460px */
@media screen and (max-width:1460px){
	
	/**************************************************
		Header
	**************************************************/
	/* 헤더 GNB */
	#header #gnb > li{padding:0 25px;}
	#header #gnb > li > a span{font-size:17px;}
	#header #gnb > li > div > ul > li > a{font-size:15px;}
	#header #gnb > li > div > ul > li.active > a{font-size:15.5px;}

	/* 헤더 Logo */
	#header .area_logo{left:10px;}

	/* Util */
	#header .util_r{right:10px;}

	/**************************************************
		Content
	**************************************************/
	/* 공유 버튼 */
	.cont_head .util_area{right:10px;}

	/**************************************************
		Footer
	**************************************************/
	#footer .inr{margin:0 10px; transition:0.3s ease-out;}
	.nav_goto a{right:10px;}

}

/* Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	.sp_ui,
	#header .area_top .util_r .lst li a:before,
	#wholeview .head .area_wv_util li a:before,
	.wholeview_wrap #wholeview .nav a .unfd:after,
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after,
	.lnb li a[target="_blank"]:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/base/sp_ui_m.png) no-repeat 0 0/400px 400px;}

	/**************************************************
		Header
	**************************************************/
	#header{height:60px;}
	#header > .inr{height:55px; padding:0;}
	#header .area_logo{top:15px;}
	#header .area_logo .logo{width:101px; height:35px;}
	#header .area_logo .logo a{background-size:100px !important;}
	#header .util_r{top:15px; right:60px;}
	#header .util_r li{background-image:url(../images/common/ico_util_sp_x2.png); background-size:24px;}
	#header .util_r .lst2{margin-left:35px;}

	/* GNB */
	#header .gnb_wrap{position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; overflow:hidden; white-space:nowrap;}

	/* 모바일 전체메뉴 */
	body.open_wv{overflow:hidden; position:fixed !important; width:100%; height:100%;}
	.wholeview_wrap .btn_wv{position:absolute; top:15px; right:10px; z-index:2; overflow:hidden; width:25px; height:25px; margin:auto; background:none;}
	.wholeview_wrap .btn_wv span{display:block; float:right; width:25px; height:2px; background:#000;} 
	.wholeview_wrap .btn_wv span:nth-child(3){margin:6px 0; width:16px;}
	.wholeview_wrap .btn_wv span:nth-child(4){width:21px;}
	.wholeview_wrap{display:block;}
	.wholeview_wrap #wholeview{position:fixed; top:0; right:0; bottom:0; z-index:1000; overflow:auto; width:70%; max-width:420px; min-width:280px; background:#fff;  margin-right:-48px;
	transition:all 0.3s; transform:translate(100%, 0);}
	.wholeview_wrap.open #wholeview{margin-right:0; transform:translate(0, 0);}
	.wholeview_wrap .dim_wv{position:fixed; top:0; left:0; z-index:999; width:100%; background:transparent; transition:height, background .5s;}
	.wholeview_wrap.open .dim_wv{bottom:0; background:rgba(0,0,0,0.8);}
	.wholeview_wrap .title_wv {display:none;}
	.wholeview_wrap .name {position:absolute; left:0; top:0; z-index:10; padding-left:10px; font-size:14px; line-height:33px;}
	.wholeview_wrap .name strong {color:#004bb8;}

	/* 모바일 전체메뉴 head */
	#wholeview .head{border-bottom:1px solid #222; display:flex; justify-content:space-between; align-items:center; padding:0 5px 0 20px;}
	#wholeview .head p{display:inline-block; font-weight:800; font-size:17px;}
	#wholeview .w_close_btn{display:inline-block; position:relative; width:40px; height:50px; overflow:hidden; color:transparent; background:#fff;}
	#wholeview .w_close_btn:before,
	#wholeview .w_close_btn:after{content:''; display:block; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; width:22px; height:2px; transform:rotate(45deg); margin:auto; background:#000; color:transparent;}
	#wholeview .w_close_btn:after{transform:rotate(135deg);}
	/* 모바일 전체메뉴 gnb */
	.wholeview_wrap #wholeview .nav{padding:0; background:#fff;}
	.wholeview_wrap #wholeview .nav a{display:block; position:relative; line-height:1.2;}
	.wholeview_wrap #wholeview .nav>li>a .unfd{width:18px; height:10px; background:url(../images/common/bg_wv_fd2.png) no-repeat; background-size:18px; text-indent:-99999px;}
	.wholeview_wrap #wholeview .nav>li.open>a .unfd{background:url(../images/common/bg_wv_fd.png) no-repeat; background-size:18px;}
	.wholeview_wrap #wholeview .nav a[target="_blank"]:after{content:''; width:16px; height:14px; margin:-3px 0 0 8px; background-position:-74px -78px;}
	/* 1차 */
	.wholeview_wrap #wholeview .nav>li{border-bottom:1px solid #e9e9e9;}
	.wholeview_wrap #wholeview .nav>li>a{display:flex; justify-content:space-between; align-items:center; padding:18px 20px 17px 20px; font-weight:800; font-size:18px; letter-spacing:-1px;}
	.wholeview_wrap #wholeview .nav>li>a.on{background:#246ac6; color:#fff;}
	/* 2차 */
	.wholeview_wrap #wholeview .nav>li>div{display:none; padding:0 20px; border-top:1px solid #e9e9e9;}
	.wholeview_wrap #wholeview .nav>li.open div{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li{border-bottom:1px solid #e9e9e9;}
	.wholeview_wrap #wholeview .nav>li div>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a{padding:15px 10px 14px 10px; font-weight:400; font-size:15px; color:#000;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a.on{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>a .unfd:after{width:16px; height:16px; background-position:-86px -59px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>a .unfd:after{width:16px; height:1px; background-position:-104px -66px;}
	/* 3차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul{display:none; padding:10px 10px 10px 15px; background:#fafafa;}
	.wholeview_wrap #wholeview .nav>li div>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li:last-child{border:0;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a{padding:6px 20px 5px 12px; font-size:14px; color:#000;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a.on{}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>a:before{content:''; display:inline-block; position:absolute; top:11px; left:4px; border:3px solid transparent; border-left:4px solid #666;}
	/* 4차 */
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul{padding:0 0 10px 12px;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li.open>ul{display:block;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a{padding:8px 0 7px 0; font-size:16px; color:#666;}
	.wholeview_wrap #wholeview .nav>li div>ul>li>ul>li>ul a.on{}
	
	/**************************************************
		Footer
	**************************************************/
	.nav_goto:hover a:before{animation:inherit;}
	.nav_goto a{width:40px; height:40px; top:-20px;}
	.nav_goto a:before{width:12px; height:17px; background-size:12px; margin:-9px 0 0 -6px;}
	#footer{padding:30px 0 40px;}

	/**************************************************
		Container
	**************************************************/
	#container{margin:0;}

	/**************************************************
		Content
	**************************************************/
	.cont_wrap{float:none; width:auto; padding-top:60px;}

	/*** 컨텐츠 헤드 ***/
	.cont_head{}

	/*** 컨텐츠 바디 ***/
	.cont_body{}

	/* 서브메뉴 */
	.lnb,
	.lnb.fix{position:initial !important;}
	.lnb{margin:0 10px 40px;}
	.lnb ul{display:flex; flex-wrap:wrap; justify-content:center;}
	.lnb li{width:33.3333%; text-align:center; border:1px solid #ccc; margin:-1px 0 0 -1px;}
	.lnb li a{padding:10px 3px; margin:0; height:100%; display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:600; color:#222; line-height:1.2; word-break:break-word;}	.lnb li.on a{background:#333; color:#fff; padding-right:20px;}
	.lnb li.on a:after{content:""; display:block; position:absolute; right:10px; top:50%; width:5px; height:5px; border-left:2px solid #fff; border-top:2px solid #fff; transform:translateY(-50%) rotate(225deg);}
	.lnb li.on a:before{display:none;}


	/* 서브 비주얼 */
	.sub_visual{padding:40px 0 30px 10px;}
	.sub_visual .vs_txt{top:20px; right:0; width: calc(100% - 30px); animation:inherit;}
	.sub_visual .vs_txt .tit{font-size:32px;}
	.sub_visual .vs_txt .txt{display:none;}
	.sub_visual .img_box{animation:inherit;}
	.sub_visual .img_box span{height:130px; width:100% !important;}
	
	/* 공유 버튼 */
	.cont_head .util_area{top:125px; left:30px; right:inherit;}
	.cont_head .util_area button{background:url(../images/base/sp_ui_m.png) no-repeat 0 0/400px 400px;}
	.cont_head .util_area .btn_zin,
	.cont_head .util_area .btn_zout,
	.cont_head .util_area .btn_print{display:none;}
	.cont_head .util_area .c_share_box .btn_share{width:30px; height:30px; margin:0; border-radius:0 10px 0 0; background-origin:border-box; background-position:-229px 0;}
	.cont_head .util_area .c_share_box.open .btn_share{background-position:-261px 0;}
	.cont_head .util_area .c_share_box .ly_share{left:0; right:inherit; top:calc(100% + 10px);}
	.cont_head .util_area .c_share_box .ly_share button{width:28px; height:28px; background-image:url(../images/base/sp_sns_m.png); background-size:200px 30px;}
	.cont_head .util_area .c_share_box .ly_share .btn_facebook{background-position:0 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_blog{background-position:-30px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_instagram{background-position:-60px 0;}
	.cont_head .util_area .c_share_box .ly_share .btn_kakao{background-position:-90px 0;}


	/**************************************************
		팝업창 Layout
	**************************************************/
	#wrap_pop{}
	#wrap_pop .pop_head .title{font-size:1.5em; letter-spacing:-2px;}
	#wrap_pop .cont_body{margin:0; padding:20px 10px;}
}

/* Mobile ~ 767px */
@media screen and (max-width:767px){
	
	/**************************************************
		Header
	**************************************************/

	/**************************************************
		Footer
	**************************************************/

	
	/**************************************************
		Container
	**************************************************/


}

@media screen and (max-width:639px){
	
	/**************************************************
		Content
	**************************************************/
	
}

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

}