@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통 CSS
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
html, body{overflow-x:hidden !important;}
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333; -webkit-font-smoothing: subpixel-antialiased; 	-webkit-touch-callout: none; -webkit-user-select: none;	-khtml-user-select: none;	-ms-user-select: none;	-moz-user-select: none;	user-select: none;}
.container_fix{width:1510px;}
.container_img img{display:block;}
.clear::before, .clear::after{content:""; clear:both; display:block;}
a, button, input{outline:none; box-shadow:none;}
@media (min-width:1950px){
	.container_img img{width:100%; margin:0 auto;}
}
@media (max-width::1850px){
	.container_img img{width:100%; margin:0 auto;}
}
::-moz-selection {
   background: #222;
   color: #fff;
}
::selection {
   background: #222;
   color: #fff;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
1. 메인 헤더 
html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header{transition:all 0.3s ease-in-out; position:fixed; top:0; left:0; width:100%; z-index:10;  background: linear-gradient( to bottom, black, transparent );}
header.header:hover, header.header.fixed{background:#222222;}
header.header > .container_fix{display:table; width:1510px;}
header.header > .container_fix > div{display:table-cell; vertical-align:middle;}
header.header > .container_fix > div.left_logo{width:110px;}
header.header > .container_fix > div.left_logo img{width:78px;}
header.header > .container_fix > div.center_menu{text-align:center;}
header.header > .container_fix > div.center_menu > ul.menu_ul{}
header.header > .container_fix > div.center_menu > ul.menu_ul > li{display:inline-block; margin:0 22px; vertical-align:top; position:relative;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > a{display:block; font-size:15px; color:#ffffff; font-weight:300; height:80px; line-height:80px;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div{position:absolute; left:50%; transform:translateX(-50%); width:220px;
background:rgba(34,34,34,0.7); text-align:center; padding:34px 10px; z-index:1; top:100px; opacity:0; visibility:hidden; transition:all 0.2s ease-in-out;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li:hover > .menu_sub1_div{top:80px; opacity:1; visibility:visible;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul{}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li{margin-bottom:17px;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li:last-child{margin-bottom:0;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li > a{font-size:14px; color:#cacaca; font-weight:300; line-height:all 0.2s ease-in-out;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li:hover > a{color:#fff;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div .menu_sub2_div{display:none;}
header.header > .container_fix > div.right_btn{width:1px; white-space:nowrap;}
header.header > .container_fix > div.right_btn > ul.lnb{display:inline-block; vertical-align:middle;}
header.header > .container_fix > div.right_btn > ul.lnb > li{display:inline-block; margin-right:22px;}
header.header > .container_fix > div.right_btn > ul.lnb > li > a{display:block; font-size:15px; color:#fff; font-weight:300;}
header.header > .container_fix > div.right_btn > a{display:inline-block; vertical-align:middle;}
header.header > .container_fix > div.right_btn > a.all_menu_btn{width:30px; margin-left:22px;}
header.header > .container_fix > div.right_btn > a.all_menu_btn > span{display:block; width:100%; height:2px; margin-bottom:9px; background:#fff;}
header.header > .container_fix > div.right_btn > a.all_menu_btn > span:last-child{margin-bottom:0;}
header.header > .container_fix > div.right_btn > .lang_box{position:relative; display:inline-block; margin-left:22px;}
header.header > .container_fix > div.right_btn > .lang_box > a{vertical-align:middle;}
header.header > .container_fix > div.right_btn > .lang_box > a span.lang_icon{display:inline-block; margin-right:10px;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list{position:absolute; width:130px; background:#222222; padding:10px 5px; text-align:center;
max-height:260px; overflow:hidden; overflow-y:auto; left:50%; transform:translateX(-50%); top:60px; transition:all 0.3s ease-in-out; opacity:0; visibility:hidden;}
header.header > .container_fix > div.right_btn > .lang_box a.active + .lang_list{top:48px; opacity:1; visibility:visible;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list > li a{font-size:12px; color:#949494; line-height:24px;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list > li:hover a,
header.header > .container_fix > div.right_btn > .lang_box > .lang_list > li.active a{color:#fffefe;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list::-webkit-scrollbar{width:10px; background-color:#3d3d3d; float:none; position:relative;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list::-webkit-scrollbar-thumb{width:8px; background:#222222; border: 1px solid transparent; border-radius:0;
background-clip: padding-box;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list::-webkit-scrollbar-track{background-color:#3d3d3d;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list::-webkit-scrollbar-button:start:decrement{background-image:url('/img/scroll_bg_top.png');
background-repeat:no-repeat; width:10px; height:10px;}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list::-webkit-scrollbar-button:end:increment{background-image:url('/img/scroll_bg_bot.png');
background-repeat:no-repeat; width:10px; height:10px;}

body { top:0px !important; }
iframe.goog-te-banner-frame { display: none !important; }
.goog-logo-link { display:none !important; }
.goog-te-gadget { color: transparent !important; }

.all_menu_box{position:fixed; top:0; left:50%; transform:translateX(-50%); width:1510px; padding:0 15px; z-index:12; max-height:100vh; overflow:hidden; overflow-y:auto; opacity:0; visibility:hidden;
transition:all 0.3s ease-in-out;}
.all_menu_box.active{opacity:1; visibility:visible;}
.all_menu_box_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:11; display:none;}
.all_menu_box .container_fix{width:100%; padding:0;}
.all_menu_box .all_menu_header{position:relative; text-align:right; width:100%; height:80px; line-height:80px; margin-bottom:10px;}
.all_menu_box .all_menu_header .all_menu_logo{display:none;}
.all_menu_box .all_menu_header .all_menu_close{display:inline-block; vertical-align:middle; margin-right:3px;}
.all_menu_box .all_menu_header .all_menu_close a{display:block; width:24px; height:24px; position:relative;}
.all_menu_box .all_menu_header .all_menu_close span{display:block; width:1px; height:29px; background:#fff; top:50%; left:50%; position:absolute; 
transform:translate(-50%, -50%) rotate(-45deg);}
.all_menu_box .all_menu_header .all_menu_close span:last-child{transform:translate(-50%, -50%) rotate(45deg);}
.all_menu_box .all_menu_body{}
.all_menu_box .all_menu_body ul.all_menu_ul{overflow:hidden;}
.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:50px; min-height:410px; float:left; width:25%; transition:all 0.2s ease-in-out;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:16px; color:#ffffff; font-weight:300; display:block; margin-bottom:30px;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > a .mobile_arrow{display:none;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul{}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li{margin-bottom:13px;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li:last-child{margin-bottom:0;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li > a{font-size:14px; color:#cacaca; font-weight:300;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover{background:#fff;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > a{color:#000000;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div > ul > li > a{color:#999999;}
.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div > ul > li:hover > a{color:#000000;}
.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div .menu_sub2_div{display:none;}
@media (max-width:1600px){
	.all_menu_box{width:calc(100% - 30px); padding:0;}
	.all_menu_box .all_menu_header .all_menu_close a{display:block; width:24px; height:24px; position:relative;}
	.all_menu_box .all_menu_header .all_menu_close span{display:block; width:1px; height:29px; background:#fff; top:50%; left:50%; position:absolute; 
	transform:translate(-50%, -50%) rotate(-45deg);}
	.all_menu_box .all_menu_header .all_menu_close span:last-child{transform:translate(-50%, -50%) rotate(45deg);}
	.all_menu_box .all_menu_body{}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:30px; min-height:350px; float:left;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:14px; margin-bottom:20px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li{margin-bottom:10px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li:last-child{margin-bottom:0;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li > a{font-size:13px;}
}
@media (max-width:1500px){
	header.header > .container_fix > div.center_menu > ul.menu_ul > li{margin:0 11px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > a{font-size:14px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div{ width:180px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li{margin-bottom:12px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li a{font-size:13px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li{ margin-right:11px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li > a{font-size:14px;}
	header.header > .container_fix > div.right_btn > .lang_box{margin-left:11px;}
	header.header > .container_fix > div.right_btn > .lang_box > a span.lang_icon{margin-right:5px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{ margin-left:11px;}
}

@media (max-width:1150px){
	header.header > .container_fix > div.center_menu > ul.menu_ul > li{margin:0 5px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > a{font-size:13px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div{ width:160px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li{margin-bottom:10px;}
	header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li a{font-size:12px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li{ margin-right:5px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li > a{font-size:13px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{ margin-left:5px;}
}

@media (max-width:991px){
	header.header > .container_fix > div.center_menu{display:none;}
	header.header{padding:30px 0;}
	header.header > .container_fix{display:table; width:100%;}
	header.header > .container_fix > div.left_logo{width:110px;}
	header.header > .container_fix > div.right_btn{text-align:right;}
	header.header > .container_fix > div.right_btn > ul.lnb > li.mob_none{display:none;}
	header.header > .container_fix > div.right_btn > ul.lnb > li{margin-right:22px;}
	header.header > .container_fix > div.right_btn > .lang_box{margin-left:22px;}
	header.header > .container_fix > div.right_btn > a img{width:15px;}
	header.header > .container_fix > div.right_btn > .lang_box > a span.lang_icon{margin-right:10px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{margin-left:22px;}
	header.header > .container_fix > div.right_btn > .lang_box a.active + .lang_list{top:53px;}
	header.header > .container_fix > div.right_btn > .lang_box .lang_icon img{width:17px;}
	header.header > .container_fix > div.right_btn > .lang_box .lang_arrow img{width:11px;}
	header.header > .container_fix > div.right_btn > .lang_box > .lang_list{padding:10px 0 10px 6px;}
	header.header > .container_fix > div.right_btn > .lang_box > .lang_list::-webkit-scrollbar{width:6px;}
	
	.all_menu_box{width:400px; overflow:hidden; transform:translateX(0); left:auto; right:-400px; background:rgba(0,0,0,0.8); height:100vh; transition:all 0.3s ease-in-out;}
	.all_menu_box.active{right:0;}
	.all_menu_box_bg{background:rgba(0,0,0,0.5);}
	.all_menu_box .container_fix{ padding:0 0;}
	.all_menu_box .all_menu_header{position:relative; text-align:left; width:calc(100% - 30px); height:90px; line-height:90px; margin:0 auto 30px; border-bottom:1px solid #fff;}
	.all_menu_box .all_menu_header > .container_fix{display:table;}
	.all_menu_box .all_menu_header > .container_fix > div{display:table-cell;}
	.all_menu_box .all_menu_header .all_menu_logo{display:block;}
	.all_menu_box .all_menu_header .all_menu_close{white-space:nowrap; width:1px; margin-right:0;}
	.all_menu_box .all_menu_header .all_menu_close a{display:block; width:24px; height:24px; position:relative;}
	.all_menu_box .all_menu_header .all_menu_close span{display:block; width:1px; height:29px; background:#fff; top:50%; left:50%; position:absolute; 
	transform:translate(-50%, -50%) rotate(-45deg);}
	.all_menu_box .all_menu_header .all_menu_close span:last-child{transform:translate(-50%, -50%) rotate(45deg);}
	.all_menu_box .all_menu_body{width:calc(100% - 20px); margin:0 auto; height:calc(100vh - 90px); overflow:hidden; overflow-y:auto;}
	.all_menu_box .all_menu_body .container_fix{padding:0 15px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{padding:0; min-height:auto; float:none; width:100%; transition:none; margin-bottom:20px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:last-child{margin-bottom:0;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:15px; margin-bottom:15px; padding-left:5px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.6); 
	position:relative;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a .mobile_arrow{display:inline-block; width:14px; height:14px; position:absolute; right:5px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a .mobile_arrow::before{content:""; width:8px; height:1px; background:#fff; position:absolute; top:50%; 
	transform:translateY(-50%) rotate(45deg); left:0;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a .mobile_arrow::after{content:""; width:8px; height:1px; background:#fff; position:absolute; top:50%; 
	transform:translateY(-50%) rotate(135deg); right:0;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div{padding-left:5px; display:none;}
	.all_menu_box.mobile .all_menu_body ul.all_menu_ul > li.active > .menu_sub1_div{display:block;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li{margin-bottom:15px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li > a{font-size:13px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover{background:transparent;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > a{color:#fff;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div > ul > li > a{color:#cacaca}
	.all_menu_box .all_menu_body ul.all_menu_ul > li:hover > .menu_sub1_div > ul > li:hover > a{color:#cacaca;}
}
@media (max-width:768px){
	header.header{padding:20px 0;}
	header.header > .container_fix > div.left_logo{width:90px;}
	header.header > .container_fix > div.left_logo img{width:90px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li{margin-right:15px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li > a{font-size:14px; margin-top:1px;}
	header.header > .container_fix > div.right_btn > a{margin-top:-1px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{width:25px; margin-left:15px; margin-top:0;}
	header.header > .container_fix > div.right_btn > .lang_box{margin-left:15px;}
	header.header > .container_fix > div.right_btn > .lang_box > a span.lang_icon{margin-right:7px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{margin-left:15px;}
	header.header > .container_fix > div.right_btn > .lang_box > .lang_list{top:50px;}
	header.header > .container_fix > div.right_btn > .lang_box a.active + .lang_list{top:41px;}

	.all_menu_box{width:350px; right:-350px;}
	.all_menu_box .all_menu_header{height:64px; line-height:64px; margin:0 auto 20px;}
	.all_menu_box .all_menu_header .all_menu_logo img{width:90px;}
	.all_menu_box .all_menu_header .all_menu_close a{width:20px; height:20px;}
	.all_menu_box .all_menu_header .all_menu_close span{display:block; width:1px; height:22px;}
	.all_menu_box .all_menu_body{height:calc(100vh - 64px);}
	.all_menu_box .all_menu_body .container_fix{padding:0 15px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li{margin-bottom:15px;}
	.all_menu_box .all_menu_body ul.all_menu_ul > li > a{font-size:14px; }
	.all_menu_box .all_menu_body ul.all_menu_ul > li > .menu_sub1_div > ul > li > a{font-size:12px;}
}
@media (max-width:480px){
	header.header{padding:15px 0;}
	header.header > .container_fix > div.left_logo{width:80px;}
	header.header > .container_fix > div.left_logo img{width:80px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li{margin-right:15px;}
	header.header > .container_fix > div.right_btn > ul.lnb > li > a{font-size:13px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{width:22px; margin-left:15px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn > span{display:block; width:100%; height:2px; margin-bottom:6px;}
	header.header > .container_fix > div.right_btn > .lang_box > a{position:relative; top:-2px;}
	header.header > .container_fix > div.right_btn > .lang_box > a span.lang_icon{margin-right:5px;}
	header.header > .container_fix > div.right_btn > a.all_menu_btn{margin-left:15px;}
	header.header > .container_fix > div.right_btn > .lang_box > .lang_list{top:40px; max-height:200px;}
	header.header > .container_fix > div.right_btn > .lang_box a.active + .lang_list{top:33px;}

	.all_menu_box{width:320px; right:-320px;}
	.all_menu_box .all_menu_header{height:52px; line-height:52px; margin:0 auto 20px;}
	.all_menu_box .all_menu_header .all_menu_logo img{width:80px;}
	.all_menu_box .all_menu_body{height:calc(90vh - 52px);}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
2. main_cont01 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont01{margin-bottom:200px; -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.main_cont01 .main_cont01_slider{}
.main_cont01 .main_cont01_slider .item > div{position:relative;}
.main_cont01 .main_cont01_slider .item img{width:auto;}
@media (min-width:1950px){
	.main_cont01 .main_cont01_slider .item img,	.main_cont01 .main_cont01_slider .swiper-slide img{width:100%; margin:0 auto; display:block;}
}
@media (max-width:1850px){
	.main_cont01 .main_cont01_slider .item img, .main_cont01 .main_cont01_slider .swiper-slide img{width:100%; margin:0 auto; display:block;}
}
.main_cont01 .swiper_btn > a::after{display:none;}
.main_cont01 .main_cont01_slider a{position:relative; display:block;}
.main_cont01 .main_cont01_slider .text_box{position:absolute; width:1510px; padding:0 15px; max-width:100%; margin:0 auto; top:50%; left:50%;
transform:translate(-50%, -50%); text-align:center; font-size:45px; color:#ffffff;} 
.main_cont01 ol.carousel-indicators{width:auto; margin-left:0; left:50%; transform:translateX(-50%);}
.main_cont01 ol.carousel-indicators > li, .main_cont01 ol.carousel-indicators > span{width:12px; height:12px; background:rgba(255,255,255,0.3); margin:0 15px !important; border:0; opacity:1;}
.main_cont01 ol.carousel-indicators > li.active, .main_cont01 ol.carousel-indicators > span.swiper-pagination-bullet-active{width:12px; height:12px; background:#fff; margin:0 15px !important; border:0;}
.main_cont01 .main-container{position:relative;}
@media (max-width:991px){
	.main_cont01 .main_cont01_slider .item > div > .text_box{top:53%;}
}
@media (max-width:480px){
	.main_cont01{margin-bottom:80px;}
	.main_cont01 .main_cont01_slider .item > div > .text_box{font-size:32px; line-height:42px;}
	.main_cont01 ol.carousel-indicators{bottom:20px !important;}
	.main_cont01 ol.carousel-indicators > li, .main_cont01 ol.carousel-indicators > span{width:10px; height:10px; margin:0 10px !important;}
	.main_cont01 ol.carousel-indicators > li.active,  .main_cont01 ol.carousel-indicators > span.swiper-pagination-bullet-active{width:10px; height:10px; margin:0 10px !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
2. main_cont02  
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont02{text-align:center; margin-bottom:200px;}
.main_cont02 .main_cont02_text{}
.main_cont02 .main_cont02_text p{font-size:15px; line-height:30px; color:#222222; font-weight:300; margin-bottom:40px; transition:all 0.5s ease; top:30px; opacity:0; position:relative;}
.main_cont02.ani .main_cont02_text p{top:0; opacity:1;}
.main_cont02 .main_cont02_text p:nth-child(1){transition-delay: 0.3s;}
.main_cont02 .main_cont02_text p:nth-child(2){transition-delay: 0.6s;}
.main_cont02 .main_cont02_text p:nth-child(3){transition-delay: 0.9s;}
.main_cont02 .main_cont02_text p:nth-child(4){transition-delay: 1.2s;}
.main_cont02 .main_cont02_text p:nth-child(5){transition-delay: 1.5s;}
.main_cont02 .main_cont02_text p:nth-child(6){transition-delay: 1.8s;}
.main_cont02 .main_cont02_text p:nth-child(7){transition-delay: 2.1s;}
.main_cont02 .main_cont02_text p:last-child{margin-bottom:0;}

@media (max-width:480px){
	.main_cont02{margin-bottom:80px;}
	.main_cont02 .main_cont02_text p{font-size:12px; line-height:21px; margin-bottom:25px;}
	.main_cont02 .main_cont02_text p br{display:none;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
3. main_cont03 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont03{margin-bottom:190px; position:relative; top:100px; opacity:0; transition:all 1s ease;}
.main_cont03.ani{top:0; opacity:1;}
.main_cont03 .miso-item .item-list{border:0; width:800px; margin:0 auto !important;}
.main_cont03 .miso-item .item-icon, .main_cont03 .miso-item .item-info{display:none;}
.main_cont03 .miso-item .item-content{height:auto !important; padding:0; text-align:center;}
.main_cont03 .miso-item .item-content > a{}
.main_cont03 .miso-item .item-content > a strong{font-size:30px; color:#222222; font-weight:400; line-height:45px;}
.main_cont03 .miso-item .item-content > a .item-desc{display:none;}
.main_cont03 .miso-item .item_info{text-align:center; margin-top:20px;}
.main_cont03 .miso-item .item_info .price{font-size:18px; color:#222222; font-weight:300;}
.main_cont03 .miso-item .item_info .dc_strike{font-size:16px; color:#dcdcdc; font-weight:300; margin-top:10px;}
.main_cont03 .miso-item .item_info .right_percent{display:none;}
.main_cont03 .miso-item .swiper_btn{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}
.main_cont03 .miso-item .swiper_btn a{outline:none; box-shadow:none; border:0;}
.main_cont03 .miso-item .swiper_btn a.swiper-button-prev{width:34px; height:65px; top:auto; margin-top:0; left:15px;}
.main_cont03 .miso-item .swiper_btn a.swiper-button-next{width:34px; height:65px; top:auto; margin-top:0; right:15px;}
.main_cont03 .miso-item .swiper_btn a::after{display:none;}

@media (max-width:1200px){
	.main_cont03 .miso-item .item-list{width:600px;}
}

@media (max-width:991px){
	.main_cont03 .miso-item .item-list{width:100%; }
	.main_cont03 .miso-item .item-content > a strong{font-size:24px; line-height:36px;}
	.main_cont03 .miso-item .item_info .price{font-size:16px;}
}
@media (max-width:480px){
	.main_cont03{margin-bottom:80px;}
	.main_cont03 .miso-item .item-content > a strong{font-size:18px; line-height:24px; width:calc(100% - 30px); margin:0 auto; display:block;}
	.main_cont03 .miso-item .item_info{margin-top:7px;}
	.main_cont03 .miso-item .item_info .price{font-size:14px;}
	.main_cont03 .miso-item .item_info .dc_strike{font-size:12px; margin-top:5px;}
	.main_cont03 .miso-item .swiper_btn a.swiper-button-prev{width:16px; height:30px; left:15px;}
	.main_cont03 .miso-item .swiper_btn a.swiper-button-next{width:16px; height:30px; right:15px;}
	.main_cont03 .miso-item .swiper_btn a img{width:100%;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
4. main_cont04 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont04{width:calc(100% - 20px); margin:0 auto 190px; position:relative; top:100px; opacity:0; transition:all 1s ease;}
.main_cont04.ani{top:0; opacity:1;}
.main_cont04 .miso-item .item-list{border:0;}
.main_cont04 .miso-item .item-icon, .main_cont04 .miso-item .item-info{display:none;}
.main_cont04 .miso-item .item-content{height:auto !important; padding:0; text-align:center;}
.main_cont04 .miso-item .item-image{background:#f4f4f4;}
.main_cont04 .miso-item .is-item-content{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; background:rgba(0,0,0,0.3); justify-content:center;
text-align:center; align-items:center; opacity:0; visibility:hidden; transition:all 0.3s ease; cursor:pointer;}
.main_cont04 .miso-item .item-row:hover .is-item-content{opacity:1; visibility:visible;}
.main_cont04 .miso-item .is-item-content .loop_info{width:100%;}
.main_cont04 .miso-item .item-content > a{display:block;}
.main_cont04 .miso-item .item-content > a strong{font-size:24px; color:#ffffff; font-weight:400; line-height:36px; width:calc(100% - 30px); display:block; margin:0 auto; letter-spacing:0; padding-right:0;}
.main_cont04 .miso-item .item-content > a .item-desc{display:none;}
.main_cont04 .miso-item .item_info{text-align:center; margin-top:25px; display:block;}
.main_cont04 .miso-item .item_info .price{font-size:18px; color:#fff; font-weight:300; display:block; margin-bottom:5px;}
.main_cont04 .miso-item .item_info .dc_strike{color:#dcdcdc; font-size:16px; margin-right:5px;display:inline-block;}
.main_cont04 .miso-item .item_info .right_percent{display:none;}

@media (max-width:991px){
	.main_cont04{width:calc(100% - 0px)}
	.main_cont04 .miso-item .item-row{width:50%;}
	.main_cont04 .miso-item .is-item-content{position:relative; display:block; background:none; width:auto; height:auto; transition:none; opacity:1; visibility:visible;
	margin-top:20px;}
	.main_cont04 .miso-item .item-content > a strong{font-size:20px; line-height:30px; color:#111; width:100%; }
	.main_cont04 .miso-item .item_info{margin-top:10px;}
	.main_cont04 .miso-item .item_info .price{font-size:16px; color:#111; margin-bottom:0;}
}

@media (max-width:480px){
	.main_cont04{margin:0 auto 80px;}
	.main_cont04 .miso-item .is-item-content{margin-top:15px;}
	.main_cont04 .miso-item .item-content > a strong{font-size:14px; line-height:21px;}
	.main_cont04 .miso-item .item_info{margin-top:5px;}
	.main_cont04 .miso-item .item_info .price{font-size:12px;}
	.main_cont04 .miso-item .item_info .dc_strike{font-size:10px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
5. main_cont05 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont05{margin-bottom:190px;}
.main_cont05 .main_cont05_banner{}
.main_cont05 .main_cont05_banner ul::before, .main_cont05 .main_cont05_banner ul::after{content:""; display:block; clear:both;}
.main_cont05 .main_cont05_banner ul{display:flex;}
.main_cont05 .main_cont05_banner ul > li{width:50%; position:relative; opacity:0; transition:all 0.5s ease;}
.main_cont05 .main_cont05_banner ul > li .img_box{}
.main_cont05 .main_cont05_banner ul > li .img_box img{}
.main_cont05 .main_cont05_banner ul > li:nth-child(1){left:-100px; transition-delay:0.3s;}
.main_cont05 .main_cont05_banner ul > li:nth-child(2){right:-100px; transition-delay:0.6s;}
.main_cont05.ani .main_cont05_banner ul > li{opacity:1;}
.main_cont05.ani .main_cont05_banner ul > li:nth-child(1){ left:0;}
.main_cont05.ani .main_cont05_banner ul > li:nth-child(2){right:0;}

@media (min-width:1950px){
	.main_cont05 .main_cont05_banner ul > li .img_box img{width:100%; margin:0 auto; display:block;}
}
@media (max-width:1850px){
	.main_cont05 .main_cont05_banner ul > li .img_box img{width:100%; margin:0 auto; display:block;}
}
.main_cont05 .main_cont05_banner ul > li > a .text_box{width:100%; position:absolute; bottom:50px; left:0; padding:0 60px; z-index:1;}
.main_cont05 .main_cont05_banner ul > li > a .text_box h5{font-size:40px; color:#ffffff; font-weight:600; line-height:40px;}
.main_cont05 .main_cont05_banner ul > li > a .text_box .line{position:absolute; right:0; top:0; color:#000; font-size:16px; line-height:40px; right:60px;}
.main_cont05 .main_cont05_banner ul > li > a .text_box .line::after{content:""; width:100%; height:2px; background:#818180; position:absolute; left:0; bottom:0;}

@media (max-width:991px){
	.main_cont05 .main_cont05_banner ul{display:block;}
	.main_cont05 .main_cont05_banner ul > li{float:none; width:100%;}
	.main_cont05 .main_cont05_banner ul > li > a .text_box{width:100%; padding:0 15px;}
	.main_cont05 .main_cont05_banner ul > li > a .text_box h5{font-size:32px; line-height:48px; display:block; margin-bottom:20px;}
	.main_cont05 .main_cont05_banner ul > li > a .text_box .line{position:relative; display:inline-block; right:auto; top:auto; font-size:16px; line-height:32px;}
}

@media (max-width:480px){
	.main_cont05{margin-bottom:80px;}
	.main_cont05 .main_cont05_banner ul > li > a .text_box h5{font-size:24px; line-height:36px; margin-bottom:10px;}
	.main_cont05 .main_cont05_banner ul > li > a .text_box .line{font-size:14px; line-height:28px;}
	.main_cont05 .main_cont05_banner ul > li > a .text_box .line::after{height:2px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
6. main_cont06 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont06{width:calc(100% - 20px); margin:0 auto 190px; position:relative; top:100px; transition:all 1s ease; opacity:0;}
.main_cont06.ani{opacity:1; top:0;}
.main_cont06 .main_cont06_banner{}
.main_cont06 .main_cont06_banner > h3{font-size:26px; color:#222222; font-weight:600; text-align:center; margin-bottom:190px;}
.main_cont06 .main_cont06_banner .img_row{position:relative; transition:all 1s ease; top:60px; opacity:0;}
.main_cont06.ani .main_cont06_banner .img_row{top:0; opacity:1;}
.main_cont06.ani .main_cont06_banner .img_row:nth-child(1){transition-delay:0.3s;}
.main_cont06.ani .main_cont06_banner .img_row:nth-child(2){transition-delay:0.6s;}
.main_cont06.ani .main_cont06_banner .img_row:nth-child(3){transition-delay:0.9s;}
.main_cont06.ani .main_cont06_banner .img_row:nth-child(4){transition-delay:1.2s;}
.main_cont06.ani .main_cont06_banner .img_row:nth-child(5){transition-delay:1.5s;}
.main_cont06.ani .main_cont06_banner .img_row:nth-child(6){transition-delay:1.8s;}
.main_cont06 .main_cont06_banner .img_list{position:relative;}
.main_cont06 .main_cont06_banner .img_box_wrap{}
.main_cont06 .main_cont06_banner .img_box_wrap img{}
.main_cont06 .main_cont06_banner .text_box_wrap{width:1510px; position:absolute; padding:0 15px; top:50%; left:50%; transform:translate(-50%, -50%); margin:0 auto; z-index:1;}
.main_cont06 .main_cont06_banner .text_box{width:550px; text-align:left; margin-left:auto;}
.main_cont06 .main_cont06_banner .text_box h5{font-size:45px; color:#222222; font-weight:600; margin-bottom:50px;}
.main_cont06 .main_cont06_banner .text_box .line{color:#222; font-size:16px; line-height:41px; display:inline-block; position:relative;}
.main_cont06 .main_cont06_banner .text_box .line::after{content:""; width:100%; height:2px; background:#8b8b8b; position:absolute; left:0; bottom:0;}
@media (min-width:1950px){
	.main_cont06 .main_cont06_banner .img_box_wrap img{width:100%; margin:0 auto; display:block;}
}
@media (max-width:1850px){
	.main_cont06 .main_cont06_banner .img_box_wrap img{width:100%; margin:0 auto; display:block;}
}

@media (max-width:991px){
	.main_cont06{width:100%;}
	.main_cont06 .main_cont06_banner .text_box_wrap{width:100%;}
	.main_cont06 .main_cont06_banner .text_box{width:40%; text-align:left; margin-left:auto;}
	.main_cont06 .main_cont06_banner .text_box h5{font-size:32px; margin-bottom:40px;}
	.main_cont06 .main_cont06_banner .text_box .line{font-size:16px; line-height:32px;}
}
@media (max-width:480px){
	.main_cont06{margin:0 auto 80px;}	
	.main_cont06 .main_cont06_banner > h3{font-size:24px; margin-bottom:80px;}
	.main_cont06 .main_cont06_banner .text_box{width:41%;}
	.main_cont06 .main_cont06_banner .text_box h5{font-size:20px; line-height:27px; margin-bottom:15px;}
	.main_cont06 .main_cont06_banner .text_box .line{font-size:14px; line-height:29px;}
	.main_cont06 .main_cont06_banner .text_box .line::after{height:1px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
7. main_cont07 
html > thema > fivesense-basic > main > main-shop-basic-wide.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.main_cont07{position:relative; top:100px; opacity:0; transition:all 1s ease;}
.main_cont07.ani{top:0; opacity:1;}
.main_cont07 .main_cont07_slider{width:100%;}
.main_cont07 .main_cont07_slider .img_box{}
.main_cont07 .main_cont07_slider .img_box img{}
/* .main_cont07 .main_cont07_slider .text_blur{width:100%; height:100%; position:absolute;
top:0; left:0; background:rgba(255,255,255,0.3); filter:blur(3px); -webkit-filter: blur(3px); z-index:0;} */
.main_cont07 .main_cont07_slider .text_box{padding:70px 80px; width:600px;  position:absolute; left:15px; bottom:0; z-index:3; background:rgba(255,255,255,0.93);}
.main_cont07 .main_cont07_slider .text_box h5{font-size:30px; color:#222222; margin-bottom:25px; z-index:3;}
.main_cont07 .main_cont07_slider .text_box p{font-size:16px; color:#222222; font-weight:300; z-index:3;}
.main_cont07 .main_cont07_slider .carousel-indicators{position:absolute; width:auto; margin-left:0; right:15px; text-align:right;}
.main_cont07 .main_cont07_slider .carousel-indicators > li{width:12px; height:12px; margin:0; margin-left:30px; background:rgba(255,255,255,0.3); border:0;}
.main_cont07 .main_cont07_slider .carousel-indicators > li.active{background:#fff; width:12px; height:12px; margin:0; margin-left:30px; border:0;}
@media (min-width:1950px){
	.main_cont07 .main_cont07_slider .img_box img{width:100%; margin:0 auto; display:block;}
}
@media (max-width:1850px){
	.main_cont07 .main_cont07_slider .img_box img{width:100%; margin:0 auto; display:block;}
}

@media (max-width:991px){
	.main_cont07 .main_cont07_slider .text_box{left:auto; right:0; padding:50px 60px; width:90%;}
	.main_cont07 .main_cont07_slider .carousel-indicators{display:none;}
	.main_cont07 .main_cont07_slider .carousel-indicators > li{width:10px; height:10px; margin-left:20px;}
	.main_cont07 .main_cont07_slider .carousel-indicators > li.active{width:10px; height:10px; margin:0; margin-left:20px; border:0;}
}
@media (max-width:480px){
	.main_cont07 .main_cont07_slider .text_box{padding:30px 40px; width:80%;}
	.main_cont07 .main_cont07_slider .text_box h5{font-size:20px; line-height:30px; margin-bottom:10px;}
	.main_cont07 .main_cont07_slider .text_box p{font-size:14px; line-height:21px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
8. 푸터
html > thema > fivesense-basic > main > shop.tail.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
footer.footer{width:calc(100% - 20px); margin:200px auto 0; background:#f4f4f4;}
footer.footer .footer_menu{margin:0 auto 50px; border-bottom:1px solid #d7d7d7; width:calc(100% - 20px); padding:60px 0; padding-left:60px; }
footer.footer .footer_menu > ul::before, footer.footer .footer_menu > ul::after{content:""; clear:both; display:block;}
footer.footer .footer_menu > ul > li{width:20%; float:left;}
footer.footer .footer_menu > ul > li > a{font-size:15px; color:#222222; display:inline-block; margin-bottom:40px; font-weight:400;}
footer.footer .footer_menu > ul > li > a span.mobile_arrow{display:none;}
footer.footer .footer_menu > ul > li .menu_sub1_div{display:block;}
footer.footer .footer_menu > ul > li .menu_sub1_div ul li{margin-bottom:15px;}
footer.footer .footer_menu > ul > li .menu_sub1_div ul li:last-child{margin-bottom:0;}
footer.footer .footer_menu > ul > li .menu_sub1_div ul li a{font-size:14px; color:#222222; font-weight:300;}
footer.footer .footer_menu > ul > li .menu_sub1_div ul li .menu_sub2_ul{display:none;}
footer.footer .footer_info{width:calc(100% - 20px); margin:0 auto; padding:0 0 50px; padding-left:60px; }
footer.footer .footer_info ul{}
footer.footer .footer_info ul li{display:inline-block; position:relative; margin-right:12px;}
footer.footer .footer_info ul li::after{content:""; width:1px; height:13px; background:#727272; position:absolute; right:-8px; top:6px;}
footer.footer .footer_info ul li:last-child::after{display:none;}
footer.footer .footer_info ul li, footer.footer .footer_info ul li a{font-size:12px; color:#222222; font-weight:400; line-height:24px;}
footer.footer .footer_info h4{font-size:12px; color:#222; font-weight:400; margin-top:5px;}
.at-go #go-btn{width:40px; height:40px; margin:0; right:30px; bottom:30px; z-index:4;}
.at-go #go-btn span.cursor{width:40px; height:40px; margin:0; line-height:normal !important; position:relative; background:#222;}
.at-go #go-btn span.cursor::before{content:""; background:#fff; width:12px; height:3px; position:absolute; top:50%; left:10px; transform:translateY(-50%) rotate(135deg);}
.at-go #go-btn span.cursor::after{content:""; background:#fff; width:12px; height:3px; position:absolute; top:50%; right:10px; transform:translateY(-50%) rotate(45deg);}
@media (max-width:1650px){
	footer.footer .footer_menu{padding:60px 15px;}
	footer.footer .footer_info{padding:0 15px 40px;}
}

@media (max-width:991px){
	footer.footer{width:100%;}
	footer.footer .footer_menu{border-bottom:0; width:calc(100% - 30px); padding:50px 0; padding-left:0; margin-bottom:0;}
	footer.footer .footer_menu > ul > li{float:none; width:100%; margin-bottom:20px;}
	footer.footer .footer_menu > ul > li:last-child{margin-bottom:0;}
	footer.footer .footer_menu > ul > li:last-child > a{margin-bottom:0;}
	footer.footer .footer_menu > ul > li:last-child > .menu_sub1_div{margin-top:15px;}
	footer.footer .footer_menu > ul > li > a{margin-bottom:15px; position:relative; padding-bottom:15px; border-bottom:1px solid #d7d7d7; padding-left:10px; display:block;
	font-weight:400;}
	footer.footer .footer_menu > ul > li > a span.mobile_arrow{display:inline-block; width:12px; height:12px; position:absolute; right:5px;}
	footer.footer .footer_menu > ul > li.active > a span.mobile_arrow{transform:rotate(180deg);}
	footer.footer .footer_menu > ul > li > a span.mobile_arrow::before{content:""; width:7px; height:1px; background:#8c8c8c; position:absolute; top:50%; 
	transform:translateY(-50%) rotate(45deg); left:0.7px;}
	footer.footer .footer_menu > ul > li > a span.mobile_arrow::after{content:""; width:7px; height:1px; background:#8c8c8c; position:absolute; top:50%; 
	transform:translateY(-50%) rotate(135deg); right:0;}
	footer.footer .footer_menu > ul > li .menu_sub1_div{display:none; padding-left:10px;}
	footer.footer .footer_menu > ul > li.active .menu_sub1_div{display:block;}
	footer.footer .footer_menu > ul > li .menu_sub1_div ul li{margin-bottom:15px;}
	footer.footer .footer_info{width:calc(100% - 30px); margin:0 auto; padding:0 0 50px;}
	footer.footer .footer_info ul{text-align:center;}
	footer.footer .footer_info h4{text-align:center; margin-top:20px;}
	
	.at-go #go-btn{right:10px; bottom:10px}
}
@media (max-width:480px){
	footer.footer{margin:80px auto 0;}
	footer.footer .footer_menu{padding:45px 0 20px;}
	footer.footer .footer_menu > ul > li{margin-bottom:15px;}
	footer.footer .footer_menu > ul > li > a{font-size:13px;}
	footer.footer .footer_menu > ul > li .menu_sub1_div ul li a{font-size:12px;}
	footer.footer .footer_info{padding:0 0 45px;}
	footer.footer .footer_info ul li{margin-right:7px;}
	footer.footer .footer_info ul li::after{right:-6px;}
	footer.footer .footer_info ul li:nth-child(1)::after, footer.footer .footer_info ul li:nth-child(3)::after,
	footer.footer .footer_info ul li:nth-child(4)::after, footer.footer .footer_info ul li:nth-child(7)::after,
	footer.footer .footer_info ul li:nth-child(9)::after, footer.footer .footer_info ul li:nth-child(11)::after{display:none;}
	.at-go #go-btn{width:30px; height:30px;}
	.at-go #go-btn span.cursor{width:30px; height:30px;}
	.at-go #go-btn span.cursor::before{width:10px; height:2px;left:7px;}
	.at-go #go-btn span.cursor::after{width:10px; height:2px; right:7px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 팝업_ 컬러팝업
html > page > shop_pop_color.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 팝업_공통팝업
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.shop_pop{position:fixed; z-index:15; top:50%; left:50%; transform:translate(-50%, -50%); width:1480px; background:#fff; border-radius:5px; overflow:hidden; display:none;}
.shop_pop .shop_pop_close{position:absolute; top:15px; right:15px; width:30px; height:30px; display:block;}
.shop_pop .shop_pop_close::before{content:""; width:1px; height:41px; background:#666; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
.shop_pop .shop_pop_close::after{content:""; width:1px; height:41px; background:#666; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
.shop_pop_bg{position:fixed; z-index:14; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}
.shop_pop::-webkit-scrollbar, .shop_pop *::-webkit-scrollbar{width:10px;}
.shop_pop::-webkit-scrollbar-thumb, .shop_pop *::-webkit-scrollbar-thumb{width:8px; background:#999999; border-radius:0;}
.shop_pop::-webkit-scrollbar-track, .shop_pop *::-webkit-scrollbar-track{baCkground:#ebebeb;}

@media (max-width:1550px){
	.shop_pop{width:calc(100% - 30px);}
}

@media (max-width:991px){
	.shop_pop .shop_pop_close{z-index:1;}
	.shop_pop{width:100%; padding:30px 15px 50px; overflow:hidden; overflow-y:auto; max-height:calc(100vh - 52px); transform:translateX(-50%); top:auto; bottom:0; width:100%;
	border-radius:0;}
}
@media (max-width:768px){
	.shop_pop{padding-top:50px;}
}
@media (max-width:480px){
	.shop_pop .shop_pop_close{width:20px; height:20px;}
	.shop_pop .shop_pop_close::before, .shop_pop .shop_pop_close::after{height:27px;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 팝업_ 이니셜팝업
html > page > shop_pop_initial.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.shop_initial_pop .shop_initial_pop_wrap{padding:60px 40px 60px 60px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info{display:flex; justify-content:center; align-items:center; margin-bottom:60px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info::before, .shop_initial_pop .shop_initial_pop_wrap .top_info::after{content:""; clear:both; display:block;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img{width:760px; padding-right:160px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box{margin-bottom:12px; position:relative;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box img{width:100%;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text{position:absolute; left:0; bottom:0; width:100%;
padding:30px 40px; background:linear-gradient( to bottom, transparent, black )}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text h5{font-size:20px; color:#ffffff; font-weight:300;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box{ margin:0 auto; position:relative;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box #thumb_tab{width:440px; margin:0 auto;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul{display:table; overflow:hidden;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li{display:table-cell; vertical-align:middle; white-space:nowrap;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li > a{display:block; width:80px; margin-right:10px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li:last-child > a{margin-right:0;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li > a img{width:100%;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li > a{border:1px solid transparent;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li.active > a{border:1px solid #000;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li img{width:100%;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a{outline:none; box-shadow:none; background:none; border:0; position:absolute; top:50%; transform:translateY(-50%);}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_prev{left:30px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_next{right:30px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info{width:calc(100% - 760px); margin-top:-78px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h1{font-size:30px; line-height:45px; color:#222222; font-weight:300; margin-bottom:25px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h5{font-size:14px; color:#2b2b2b; line-height:24px; margin-bottom:65px;}
.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > p{font-size:14px; color:#999999; line-height:24px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose{display:flex; justify-content:center;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose > div::before, .shop_initial_pop .shop_initial_pop_wrap .bot_choose > div::after{content:""; clear:both; display:block;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title{margin-bottom:25px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title h5{display:inline-block; font-size:14px; color:#2b2b2b; font-weight:300;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title .initial_count{display:inline-block; font-size:14px; color:#999999; font-weight:300; margin-left:10px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose{width:760px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose > div{float:left; width:50%;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box{position:relative; width:300px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a{display:inline-block; width:300px; border-bottom:1px solid #2b2b2b; font-size:16px; color:#000000; font-weight:300;
padding-bottom:15px; position:relative;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow{position:absolute; top:3px; right:15px; width:11px; height:7px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow::before{content:""; width:8px; height:2px; background:#000000; position:absolute; 
top:50%; transform:translateY(0) rotate(45deg); right:4px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow::after{content:""; width:8px; height:2px; background:#000000; position:absolute; 
top:50%; transform:translateY(0) rotate(135deg); left:4px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul{position:absolute; left:0; bottom:0; width:300px; border:1px solid #d7d7d7; background:#fff;
display:none; max-height:355px; overflow:hidden; overflow-y:auto;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li{border-bottom:1px solid #d7d7d7;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li:last-child{border-bottom:0;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a{display:flex; justify-content:center; align-items:center; padding:10px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a .left_img{margin-right:20px; width:80px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a .right_text{width:calc(100% - 100px); font-size:14px; color:#000000; font-weight:300;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .caption{margin-top:15px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .caption p{font-size:12px; color:#2b2b2b; font-weight:300;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .input_box{}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .input_box input{display:block; width:300px; border:0; border-bottom:1px solid #2b2b2b; font-size:16px; color:#000; 
font-weight:300; outline:none; box-shadow:none; padding-bottom:9px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .input_box input::placeholder{color:#999999;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose{width:calc(100% - 760px);}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose{width:380px; float:left;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box{text-align:left;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio{display:inline-block; margin-right:10px; min-height:auto; margin-top:0; margin-bottom:0;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio:last-child{margin-right:0;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input{display:none;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input + label{display:block; padding-left:0;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input + label span{display:block; width:35px; height:35px; background:#fff;
border-radius:50%;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input:checked + label span{border:2px solid #0e0e0e;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input + label .white{border:1px solid #d7d7d7;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose{width:calc(100% - 380px); float:left;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose .btn_box{width:155px; margin-left:auto; margin-top:-15px;}
.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose .btn_box button{width:100%; height:55px; line-height:55px; background:#2b2b2b; font-size:16px; color:#ffffff;
font-weight:300; text-align:center; border:0; outline:none; box-shadow:none;}
@media (max-width:1550px){
	.shop_initial_pop .shop_initial_pop_wrap{padding:40px 30px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info{margin-bottom:30px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img{width:650px; padding-right:80px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text{padding:20px; }
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text h5{font-size:20px; color:#ffffff; font-weight:300;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box #thumb_tab{width:440px; margin:0 auto;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_prev{left:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_next{right:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info{width:calc(100% - 650px); margin-top:0;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h1{font-size:24px; line-height:36px; margin-bottom:15px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h5{margin-bottom:40px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose{width:650px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose > div.select_choose{width:45%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose > div.input_choose{width:55%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box{width:250px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a{width:250px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose{width:calc(100% - 650px);}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose{width:70%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose{width:30%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose .btn_box{width:100%;}
}
@media (max-width:991px){

	.shop_initial_pop .shop_initial_pop_wrap{padding:0px 0;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info{display:block; margin-bottom:30px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img{width:100%; padding-right:0; margin-bottom:30px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box{margin-bottom:15px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text{}
	
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box{width:580px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_prev{left:20px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_next{right:20px;}

	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h1{font-size:24px; line-height:36px; margin-bottom:20px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h5{font-size:14px; margin-bottom:40px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > p{font-size:14px; color:#999999; line-height:24px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose{display:block;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title{margin-bottom:20px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title h5{font-size:14px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose > div{float:none; width:100%; margin-bottom:35px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose > div.select_choose{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose > div.input_choose{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .caption{margin-top:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .input_box input{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose{width:100%}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose{width:100%; float:none;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose{width:100%; float:none;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose .btn_box{width:100%; margin-left:auto; margin-top:0;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose .btn_box button{width:100%; height:55px; line-height:55px; background:#2b2b2b; font-size:16px; color:#ffffff;
	font-weight:300; text-align:center; border:0; outline:none; box-shadow:none;}
	 
}
@media (max-width:768px){
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box #thumb_tab{width:260px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_prev{left:15px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_next{right:15px;}
}
@media (max-width:480px){
	.shop_initial_pop .shop_initial_pop_wrap{}
	.shop_initial_pop .shop_initial_pop_wrap .top_info{ margin-bottom:30px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box{margin-bottom:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text{padding:15px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .img_box .img_text h5{font-size:16px; line-height:24px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box #thumb_tab{width:215px; margin:0 auto;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul{display:table; overflow:hidden;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li{display:table-cell; vertical-align:middle; white-space:nowrap;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_ul > li > a{display:block; width:50px; margin-right:5px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a img{width:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_prev{left:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .left_img .thumb_box .thumb_btn a.btn_next{right:10px;}

	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h1{font-size:20px; line-height:30px; margin-bottom:15px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > h5{font-size:12px; line-height:18px; margin-bottom:25px;}
	.shop_initial_pop .shop_initial_pop_wrap .top_info .right_info > p{font-size:12px; line-height:18px;}

	.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title{margin-bottom:22px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title h5{font-size:12px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose div > div .choose_title .initial_count{font-size:12px; margin-left:5px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a{font-size:14px; padding-bottom:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow{right:5px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul{max-height:195px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a{padding:5px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a .left_img{margin-right:10px; width:60px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a .left_img img{width:100%;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a + ul > li > a .right_text{width:calc(100% - 70px); font-size:12px; line-height:18px}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .caption{margin-top:10px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .caption p{font-size:11px; line-height:18px;}
	
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .input_box input{font-size:14px; padding-bottom:5px;}

	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio{ margin-right:5px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input + label span{width:25px; height:25px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .color_choose .radio_box > .radio input:checked + label span{border:1px solid #0e0e0e;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .right_choose .button_choose .btn_box button{width:100%; height:40px; line-height:40px; font-size:14px;}

	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow{right:10px; width:9px; height:4px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow::before{width:6px; height:1px; right:2.7px;}
	.shop_initial_pop .shop_initial_pop_wrap .bot_choose .left_choose .select_box > a .select_arrow::after{width:6px; height:1px; left:4px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 팝업_스토어팝업
html > page > shop_pop_store.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.shop_pop.shop_store_pop, .shop_pop_bg.shop_store_pop_bg{}
.shop_store_pop .shop_store_pop_wrap{padding:50px 60px 40px;}
.shop_store_pop .shop_store_pop_wrap .top_product{margin-bottom:40px;}
.shop_store_pop .shop_store_pop_wrap .top_product .product{display:flex; align-items:center;}
.shop_store_pop .shop_store_pop_wrap .top_product .product .left_img{width:120px; background:#f4f4f4;}
.shop_store_pop .shop_store_pop_wrap .top_product .product .left_img img{width:100%;}
.shop_store_pop .shop_store_pop_wrap .top_product .product .right_text{padding-left:35px; width:calc(100% - 120px;)}
.shop_store_pop .shop_store_pop_wrap .top_product .product .right_text h5{font-size:18px; color:#222222; font-weight:300; margin-bottom:15px;}
.shop_store_pop .shop_store_pop_wrap .top_product .product .right_text p{font-size:18px; color:#2b2b2b; font-weight:300;}
.shop_store_pop .shop_store_pop_wrap .top_product .caption{margin-top:35px;}
.shop_store_pop .shop_store_pop_wrap .top_product .caption p{font-size:14px; color:#2b2b2b; font-weight:300;}
.shop_store_pop .shop_store_pop_wrap .bot_store{max-height:451px; overflow:hidden; overflow-y:auto;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap{padding-right:60px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul{}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li{border:1px solid #e1e1e1; padding:30px; margin-bottom:9px; position:relative;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li:last-child{margin-bottom:0;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .stock{position:absolute; top:30px; right:30px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .stock span.circle{width:8px; height:8px; border-radius:50%; background:#f5989d; position:relative;
display:inline-block;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .stock span.stock_text{font-size:14px; color:#2b2b2b; font-weight:300; display:inline-block; margin-left:5px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_name{margin-bottom:15px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_name h5{font-size:14px; color:#2b2b2b; font-weight:300;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info{margin-bottom:15px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .addr{width:380px; float:left;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .tel_email{float:left; width:calc(100% - 380px);}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .tel{width:200px; float:left;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .email{width:calc(100% - 200px); float:left;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .left_text{font-size:14px; color:#2b2b2b; font-weight:500; float:left; width:22px; line-height:24px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .right_text{float:left; width:calc(100% - 22px);}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .right_text,
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .right_text a{font-size:14px; color:#2b2b2b; font-weight:300; line-height:24px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work{}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div{float:left; width:135px; margin-right:15px; position:relative;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div.work_three{width:auto; margin-left:15px; margin-right:0;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div:nth-child(1)::after{content:""; width:1px; height:15px; background:#2b2b2b; position:absolute;
right:-5px; top:0px;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div:nth-child(2){margin-right:0;}
.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div > div{display:inline-block; font-size:14px; color:#2b2b2b; font-weight:300;}
@media (max-width:1550px){
	.shop_store_pop .shop_store_pop_wrap{padding:40px 30px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap{padding-right:30px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .addr{float:none; width:100%; margin-bottom:15px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .tel_email{float:none; width:100%;}
}
@media (max-width:991px){
	.shop_pop.shop_store_pop{height:calc(100vh - 52px);}
	.shop_store_pop .shop_store_pop_wrap{padding:0;}
	.shop_store_pop .shop_store_pop_wrap .top_product .caption p{line-height:24px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div.work_three{width:100%; display:block; margin-left:0; margin-top:15px;}
}
@media (max-width:480px){
	.shop_store_pop .shop_store_pop_wrap .top_product{margin-bottom:20px;}
	.shop_store_pop .shop_store_pop_wrap .top_product .product .left_img{width:100px; background:#f4f4f4;}
	.shop_store_pop .shop_store_pop_wrap .top_product .product .right_text{padding-left:20px; width:calc(100% - 100px);}
	.shop_store_pop .shop_store_pop_wrap .top_product .product .right_text h5{font-size:14px; margin-bottom:10px; line-height:24px;}
	.shop_store_pop .shop_store_pop_wrap .top_product .product .right_text p{font-size:14px;}
	.shop_store_pop .shop_store_pop_wrap .top_product .caption{margin-top:20px;}
	.shop_store_pop .shop_store_pop_wrap .top_product .caption p{font-size:12px; line-height:18px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store{max-height:300px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap{padding-right:0px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li{padding:15px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .stock{top:15px; right:15px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .stock span.circle{width:6px; height:6px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .stock span.stock_text{font-size:12px; margin-left:3px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .addr{margin-bottom:15px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_name{margin-bottom:10px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_name h5{font-size:13px; }
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info{margin-bottom:10px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .tel{width:49%; margin-right:2%;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .email{width:49%;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .left_text{font-size:13px; width:18px; line-height:21px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .right_text{float:left; width:calc(100% - 18px);}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .right_text,
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .store_info .right_text a{font-size:13px; line-height:21px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work{position:relative;}
	
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div{float:none; display:inline-block; width:auto; margin-right:10px; white-space:nowrap;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div:nth-child(1)::after{height:12px; right:-7px; top:1px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div > div{font-size:13px;}
	.shop_store_pop .shop_store_pop_wrap .bot_store .store_wrap > ul > li .work > div.work_three{margin-top:15px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 팝업_카트팝업
html > page > shop_pop_cart.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.shop_cart_pop_relative{width:1510px; margin:0 auto; max-width:100%; padding:0 15px; position:fixed; left:50%; transform:translateX(-50%); z-index:15; top:80px;}
.shop_pop.shop_cart_pop{width:700px; position:absolute; left:auto; right:15px; top:20px; transform:translate(0);}
.shop_cart_pop .shop_pop_close{top:30px; right:40px;}
.shop_cart_pop .shop_cart_pop_wrap{padding:40px;}
.shop_cart_pop .shop_cart_pop_wrap > p.caption{font-size:16px; color:#222222; font-weight:300; margin-bottom:20px;}
.shop_cart_pop .shop_cart_pop_wrap .top_product{display:flex; align-items:center;}
.shop_cart_pop .shop_cart_pop_wrap .top_product .left_img{width:120px; background:#f4f4f4;}
.shop_cart_pop .shop_cart_pop_wrap .top_product .left_img img{width:100%;}
.shop_cart_pop .shop_cart_pop_wrap .top_product .right_text{padding-left:35px; width:calc(100% - 120px);}
.shop_cart_pop .shop_cart_pop_wrap .top_product .right_text h5{font-size:18px; color:#222222; font-weight:300; margin-bottom:15px;}
.shop_cart_pop .shop_cart_pop_wrap .top_product .right_text p{font-size:18px; color:#2b2b2b; font-weight:300;}
.shop_cart_pop .shop_cart_pop_wrap .bot_btn{margin-top:20px; text-align:right; overflow:hidden;}
.shop_cart_pop .shop_cart_pop_wrap .bot_btn > a{display:inline-block; width:150px; height:35px; line-height:35px; border:1px solid #2b2b2b; background:#2b2b2b;
color:#fff; font-size:14px; font-weight:300; text-align:center; padding:0;}
.shop_cart_pop .shop_cart_pop_wrap .bot_btn > a.shop_cart_pop_close{background:#fff; color:#000000; border:1px solid #000000; width:110px; margin-right:6px;}

@media (max-width:991px){
	.shop_cart_pop_relative{width:100%; padding:0; top:auto; position:fixed; left:0; transform:translate(0); bottom:0;}
	.shop_cart_pop .shop_pop_close{top:15px; right:15px;}
	.shop_pop.shop_cart_pop{width:100%; position:fixed; bottom:0; left:0; top:auto; right:auto;}
	.shop_cart_pop .shop_cart_pop_wrap{padding:0;}
}
@media (max-width:480px){
	.shop_cart_pop .shop_cart_pop_wrap > p.caption{font-size:14px; margin-bottom:20px;}
	.shop_cart_pop .shop_cart_pop_wrap .top_product .left_img{width:100px;}
	.shop_cart_pop .shop_cart_pop_wrap .top_product .right_text{padding-left:20px; width:calc(100% - 100px);}
	.shop_cart_pop .shop_cart_pop_wrap .top_product .right_text h5{font-size:14px; margin-bottom:10px; line-height:24px;}
	.shop_cart_pop .shop_cart_pop_wrap .top_product .right_text p{font-size:14px;}
	.shop_cart_pop .shop_cart_pop_wrap .bot_btn{margin-top:30px;}
	.shop_cart_pop .shop_cart_pop_wrap .bot_btn > a{width:100%; height:40px; line-height:40px; margin-bottom:0; display:block;}
	.shop_cart_pop .shop_cart_pop_wrap .bot_btn > a.shop_cart_pop_close{margin-right:0; margin-bottom:0; width:100%; margin-bottom:10px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상품상세페이지 상품확대팝업
html > page > shop_pop_extend.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.shop_extend_pop{position:fixed; top:0; left:0; background:#f4f4f4; width:100%; height:100%; z-index:16; display:none; padding:0 0;}
.shop_extend_pop .shop_extend_pop_close{position:absolute; top:25px; right:60px; width:30px; height:30px; display:block; z-index:2;}
.shop_extend_pop .shop_extend_pop_close::before{content:""; width:1px; height:41px; background:#2b2b2b; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
.shop_extend_pop .shop_extend_pop_close::after{content:""; width:1px; height:41px; background:#2b2b2b; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
.shop_extend_pop .swiper_btn{position:fixed; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); z-index:2;}
.shop_extend_pop .swiper_btn a{transform:translateY(-50%); margin-top:0; width:auto; height:auto; outline:none; box-shadow:none; border:0;}
.shop_extend_pop .swiper_btn a::after{display:none;}
.shop_extend_pop .swiper_btn a.swiper-button-prev{left:60px;}
.shop_extend_pop .swiper_btn a.swiper-button-next{right:60px;}
.shop_extend_pop .swiper_btn a.swiper-button-disabled{display:none;}
.shop_extend_pop .extend_icon{display:none;}
.shop_extend_pop .plus_minus_btn{position:fixed; bottom:35px; left:50%; transform:translateX(-50%);  z-index:2;}
.shop_extend_pop .plus_minus_btn > a{display:inline-block; width:30px; height:30px; border-radius:50%; background:#a1a1a1; margin-right:3px; position:relative; outline:none;
box-shadow:none; border:0;}
.shop_extend_pop .plus_minus_btn > a.plus_btn{}
.shop_extend_pop .plus_minus_btn > a span.line{display:block; width:10px; height:2px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff;}
.shop_extend_pop .plus_minus_btn > a.plus_btn span.line:last-child{transform:translate(-50%, -50%) rotate(-90deg);}
.shop_extend_pop .plus_minus_btn > a.minus_btn{margin-right:0;}
.shop_extend_pop .shop_extend_pop_wrap{}
.shop_extend_pop .shop_extend_pop_wrap .swiper-slide{height:100vh; }
.shop_extend_pop .shop_extend_pop_wrap .swiper-slide.swiper-slide-active{z-index:3;}
.shop_extend_pop .shop_extend_pop_wrap .swiper-slide img{position:relative; /* transition:all 0.7s ease-out 0s; */ transform-origin:0px 0px; transform:matrix(0.8, 0, 0, 0.8, 0, 0); display:block;}
@media (max-width:1300px){
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide img{max-width:1500px;}
	
}
@media (max-width:991px){
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide img{max-width:1200px;}
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide{height:80vh;}
	
}
@media (max-width:768px){
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide img{max-width:1000px;}
}

@media (max-width:600px){
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide img{max-width:800px;}
}
@media (max-width:480px){
	.shop_extend_pop .plus_minus_btn{display:none;}
	.shop_extend_pop .extend_icon{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  z-index:10; transition:all 1s ease; opacity:0; visibility:hidden;}
	.shop_extend_pop .extend_icon img{width:150px;}
	.shop_extend_pop .extend_icon.active{opacity:1; visibility:visible;}
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide img{max-width:100%; transform:matrix(1, 0, 0, 1, 0, 0) !important;}
	.shop_extend_pop .swiper_btn{top:auto; transform:translate(-50%, 0); bottom:30px; text-align:center;}
	.shop_extend_pop .swiper_btn a{position:relative; transform:translateY(0); display:inline-block; width:50px; height:50px; background:#7a7a7a; border-radius:50%; margin-right:10px;}
	.shop_extend_pop .swiper_btn a img{display:none;}
	.shop_extend_pop .swiper_btn a::before{display:block; content:""; position:absolute; top:21.5px; left:47%; transform:translateX(-50%) rotate(-45deg);
	width:10px; height:1px; background:#fff;}
	.shop_extend_pop .swiper_btn a::after{display:block; content:""; position:absolute; bottom:21px; left:47%; transform:translateX(-50%) rotate(45deg);
	width:10px; height:1px; background:#fff;}
	.shop_extend_pop .swiper_btn a.swiper-button-prev{left:auto;}
	.shop_extend_pop .swiper_btn a.swiper-button-next{right:auto; margin-right:0;}
	.shop_extend_pop .swiper_btn a.swiper-button-next::before{left:52%; transform:translateX(-50%) rotate(45deg);}
	.shop_extend_pop .swiper_btn a.swiper-button-next::after{left:52%; transform:translateX(-50%) rotate(-45deg);}
	.shop_extend_pop .swiper_btn a.swiper-button-disabled{display:inline-block; opacity:.7;}
	.shop_extend_pop .shop_extend_pop_wrap .swiper-slide{display:flex;  align-items: center;}
	.shop_extend_pop .shop_extend_pop_close{top:15px; right:15px;}
	/*
	.shop_extend_pop .shop_extend_pop_close{width:20px; height:20px; top:15px; right:15px;}
	.shop_extend_pop .shop_extend_pop_close::before, .shop_extend_pop .shop_extend_pop_close::after{height:27px;}
	*/
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 공통
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.infomation_board .pagination-sm>li>a, .pagination-sm>li>span{border:0 !important; font-size:18px; color:#666666 !Important; padding:6px 14px;}
.text-center .pagination>.active>a, .text-center .pagination>.active>span, .text-center .pagination>.active>a:hover, .text-center .pagination>.active>span:hover, .text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus .list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a, .board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{
background:none !important; border:none !important; color:#000 !important;}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 리스트
html > skin > basic > list > basic 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.board_style .notice_board .div-head{background:none; border-top:1px solid #252525; border-bottom-color:#d7d7d7; padding:20px 0;}
.board_style .notice_board.list-board .list-body li{border-bottom-color:#d7d7d7;}
.board_style .notice_board.list-board .list-body li.bg-gray{background:#f9f9f9 !important;}
.board_style .notice_board.list-board .list-body li.bg-gray .wr-date,
.board_style .notice_board.list-board .list-body li.bg-gray .wr-name,
.board_style .notice_board.list-board .list-body li.bg-gray .wr-hit{visibility:hidden;}
.board_style .notice_board.list-board .list-body li .wr-notice_fix{width:60px; line-height:25px; font-size:13px; font-weight:500; color:#fff; text-align:center; display:inline-block; background:#223fd8; border-radius:3px; margin-right:13px;}
.board_style .notice_board.list-board .list-body li b{color:#223fd8; font-size:15px;}
.board_style .notice_board .div-head > span{font-size:16px; font-weight:600;}
.board_style .notice_board.list-board .list-body li > div{font-size:14px; color:#222; padding:22px 0;}
.sort_btn.btn{font-size:14px; padding:4px 11px;}
.notice_board ~ .list-page{margin:0px 0 -15px !important;}
.notice_search_wrap{margin-bottom:30px;}
.notice_search_box{position:relative; display:table; margin-left:auto;}
.notice_search_box input{width:294px; height:45px; border:1px solid #d7d7d7; border-radius:30px; font-size:14px; color:#222; padding:0px 55px 0 25px;}
.notice_search_box input::placeholder{color:#888888; }
.notice_search_box button{position:absolute; top:50%; right:25px; transform:translateY(-50%); background:none; outline:0; box-shadow:none; border:none;}
.board_style .notice_board.list-board .wr-secret{width:11px; height:14px; background:url(../../img/icon_secret.png) no-repeat center /cover; margin:0 0 0 7px; vertical-align:top;}


@media (max-width:991px){
	.notice_search_box input{font-size:13px; width:220px; height:40px; padding:0 45px 0 20px;}
	.notice_search_box button{right:20px;}
	.notice_search_box button img{width:20px;}
	.board_style .notice_board.list-board .list-body li > div{padding:10px 0;}
	.board_style .notice_board.list-board .list-body li .wr-notice_fix{width:50px; line-height:23px; margin-right:8px; vertical-align:middle;}
	.board_style .notice_board.list-board .list-body li b{vertical-align:middle;}
	.notice_board ~ .list-page{margin:0 0 10px !important;}
	.sort_btn.btn{font-size:13px; padding:3px 10px;}
	.board_style .notice_board.list-board .wr-secret{transform:scale(0.85); margin:-0.5px 0px 0px 4px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 갤러리
html > skin > basic > list > gallery 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.gallery_board .fix_gallery_content{margin-top:17px;}
.gallery_board .fix_gallery_content h5{font-size:18px; font-weight:600; color:#222222; line-height:1.2;}
.gallery_board .fix_gallery_content .gallery_des{font-size:16px; color:#777777; line-height:1.2; margin-top:10px;}
.gallery_board ~ .list-page{margin:15px 0 -15px !important;}

@media (max-width:991px){
	.gallery_board .fix_gallery_content{margin-top:15px;}
	.gallery_board .fix_gallery_content h5{font-size:14px;}
	.gallery_board .fix_gallery_content .gallery_des{font-size:13px; margin-top:6px;}
	.list-wrap .list-container.gallery_container.gallery_board{margin-right:-10px; margin-bottom:-10px;}
	.list-wrap .list-container.gallery_container.gallery_board .list-item{margin-right:10px; margin-bottom:25px;}
	.gallery_board ~ .list-page{margin:0 0 10px !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 웹진
html > skin > basic > list > webzine 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-webzine .list-item{padding:0; margin-bottom:50px; border-bottom:0; position:relative;}
.list-webzine .list-item:hover:before{content:''; display:block; position:absolute; top:-15px; left:-15px; width:calc(100% + 30px); height:calc(100% + 30px); border:1px solid #223fd8; pointer-events:none;}
.list-webzine .media{overflow:visible;}
.list-webzine .media:last-of-type .list-item{margin-bottom:15px;}
.list-webzine .list-item .img{margin-right:34px;}
.list-webzine .list-item .list-details{border-style:dashed; padding:12px 0; margin-top:18px; font-size:14px; color:#666666;}
.list-webzine .list-item h2.media-heading{padding:2px 0 0;}
.list-webzine .list-item h2.media-heading > a{font-size:18px; color:#222222; font-weight:600;}
.list-webzine .list-item:hover h2.media-heading > a{color:#223fd8;}
.list-webzine .list-item .list-sp{color:#bcbcbc; position:relative; top:-1.5px;}
.list-webzine .list-item .list-cont{font-size:16px; color:#666666; margin-top:25px; overflow: hidden; text-overflow: ellipsis; white-space: normal; 
line-height:1.7; height: 3.4em;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-webzine ~ .list-page{margin:20px 0 -15px !important;}

@media (max-width:991px){
	.list-webzine .list-item:hover:before{display:none;}
	.list-webzine .list-item h2.media-heading{padding-top:23px;}
	.list-webzine .list-item h2.media-heading > a{font-size:16px;}
	.list-webzine .list-item .list-details{margin-top:14px; font-size:12px;}
	.list-webzine .list-item .img{width:100%; margin-right:0; float:none !important;}
	.list-webzine .list-item .list-cont{font-size:13px; line-height:1.7; margin-top:14px; }
	.list-webzine .list-item{margin-bottom:40px;}
	.list-webzine ~ .list-page{margin:0 0 10px !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
FAQ
html > skin > faq > basic > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.faq_box .div-panel{border-top:1px solid #252525;}
.faq_box .div-panel .faq_q_content{padding:18px 0 !important; border-color:#d7d7d7 !Important;}
.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width:65px;}
.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{width:28px; height:28px; line-height:28px; color:#ffffff; font-size:16px; font-weight:700; border:none; background:#223fd8;}
.faq_box .div-panel .faq_q_content .text{font-size:16px; font-weight:400; color:#222222; margin-top:7px;}
.faq_box .div-panel.panel-group .panel-heading a.active{border-color:#d7d7d7 !important;}
.faq_box .div-panel .faq_q_content .faq_arrow_icon{right:26px;}
.faq_box .div-panel .faq_a_content .faq_icon span{background:#b8b8b8;}
.faq_box .div-panel .faq_a_content .text{font-size:15px; color:#666; line-height:26px;}
.faq_box .div-panel .faq_a_content{background-color:#f8f8f8;}
.faq_box  ~ .text-center .pagination{margin:20px 0 -15px !important;}

@media (max-width:991px){
	.faq_box .div-panel{margin-bottom:0;}
	.faq_box .div-panel .faq_q_content{padding:15px 0 !important;}
	.faq_box .div-panel .faq_q_content .text{margin-top:4px;}
	.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width:47px;}
	.faq_box .div-panel .faq_q_content .faq_arrow_icon{right:10px;}
	.faq_box .div-panel .faq_a_content{padding:20px 0;}
	.faq_box .div-panel .faq_a_content .text{font-size:14px;}
	.faq_box ~ .text-center .pagination{margin:50px 0 10px !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 블로그 
html > skin > basic > blog
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-blog .list-item .img-item{position:relative;}
.list-blog .list-item .img-item img{widtH:100%; display:block;}
.list-blog .blog_des{display:flex; margin-top:24px;}
.list-blog .blog_des .date-box{width:67px; margin-right:15px; }
.list-blog .blog_des .date-box .date-item{background:#223fd8; color:#fff; padding:12px 0 9px; font-size:11px;}
.list-blog .blog_des .date-box .date-item .date{font-size:24px; font-weight:600; line-height:1; margin-bottom:4px;}
.list-blog .blog_des .date-box .date-icon{height:60px; background:#f2f3f8 url(../img/blog_icon.png) no-repeat center; margin-top:7px;}
.list-blog .blog_des h2.media-heading{line-height:1.2; padding:0;}
.list-blog .blog_des h2.media-heading a{color:#222; font-size:16px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-blog .blog_des .media-body{width:calc(100% - 82px);}
.list-blog .blog_des .list-details{padding:8px 0; border-style:dashed; font-size:12px; color:#666666; margin-top:10px;}
.list-blog .blog_des .list-cont{font-size:13px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.7; height: 3.4em;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:15px;}
.list-blog .list-item{border-bottom:0;}
.list-blog .list-item .read-more{margin-top:15px; font-size:12px; }
.list-blog .list-item .read-more span{color:#999;}
.list-blog ~ .list-page{margin:0 0 -15px !important;}

@media (max-width:991px){
	.responsive .list-blog .list-media{width:100% !important;}
	.list-blog{margin-right:0 !important; margin-bottom:-10px !Important;}
	.responsive .list-blog .list-item{margin-right:0 !important; margin-bottom:40px !important; padding-bottom:0;}
	.list-blog .blog_des .list-cont{margin-top:12px;}
	.list-blog .blog_des .date-box .date-icon{background-image:url(../img/mblog_icon.png); background-size:36px;}
	.responsive .list-blog .list-media:last-of-type .list-item{margin-bottom:0 !Important; }
	.list-blog ~ .list-page{margin:20px 0 10px !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 타임라인 
html > skin > basic > blog
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-timeline .timeline{overflow:visible;}
.list-timeline ~ .list-page{display:none !Important;}
.list-timeline #infscr-loading{display:none !important; visibility:hidden !important;}
.list-timeline .timeline::after{width:1px; margin-left:-0.5px; background:#d7d7d7;}
.list-timeline .timeline .timeline-row .timeline-content{border:0; background:none;}
.list-timeline .timeline .timeline-row .timeline-icon{width:12px; height:12px; background:#223fd8; top:58px; margin-left:-5px;}
.list-timeline .timeline .timeline-row.timeline-sep .timeline-icon{top:167px;}
.list-timeline .timeline .timeline-row .timeline-time{font-style:normal; color:#223fd8; font-weight:600; font-size:22px; top:53px; line-height:normal;}
.list-timeline .timeline .timeline-row.timeline-sep .timeline-time{top:162px;}
.list-timeline .timeline .timeline-row .timeline-label{top:0px; width:110px; margin-left:-55px; line-height:47px; height:45px; color:#ffffff; font-size:22px; font-weight:700; background-color:#223fd8; text-align:center; border-radius:30px;}
.list-timeline .timeline .timeline-row .timeline-desc{padding:20px 0 0;}
.list-timeline .timeline .timeline-row .timeline-heading{padding:0; margin:0; }
.list-timeline .timeline .timeline-row .timeline-heading a{font-weight:700; font-size:20px; color:#222222; line-height:1.2;}
.list-timeline .timeline .timeline-row .timeline-explan{font-size:16px; color:#777777; margin:9px 0 0;}
.list-timeline .timeline .timeline-row .timeline-info{color:#666666; font-size:15px; margin-top:19px;}
.list-timeline .list-item .list-sp{color:#bcbcbc; font-size:12px; position:relative; top:-2px;}

@media (min-width:1281px){
	.list-timeline .timeline{padding-bottom:60px;}
	.list-timeline .timeline:last-of-type{padding-bottom:0;}
	.list-timeline .timeline .timeline-row.timeline-sep{margin-top:100px; padding-top:110px;}
	.list-timeline .timeline .timeline-row{padding-bottom:20px;}
	.list-timeline .timeline .timeline-row:last-of-type{padding-bottom:0; margin-top:0;}
	.list-timeline .timeline :nth-child(2n+1).timeline-row .timeline-content{padding-right:100px; margin-right:0; padding-left:0;}
	.list-timeline .timeline .timeline-row .timeline-content{padding-left:100px; margin-left:0; }
	.list-timeline .timeline .timeline-row .timeline-content::after{top:63px; background:#d7d7d7; height:1px; width:100%; left:0; right:auto;}
	.list-timeline .timeline :nth-child(2n+1).timeline-row .timeline-content::after{left:auto; right:0%;}
	.list-timeline .timeline .timeline-row .timeline-time img{display:inline-block; margin-right:2px; margin-top:-2px;}
	.list-timeline .timeline :nth-child(odd) .timeline-time img:last-of-type{display:none;}
	.list-timeline .timeline :nth-child(even) .timeline-time img:first-of-type{display:none;}
	.list-timeline .timeline :nth-child(even) .timeline-time img{margin-left:2px; margin-right:0;}
}
@media (max-width:1280px){
	.list-timeline{margin-bottom:-20px;}
	.list-timeline .timeline{padding:0; }
	.list-timeline .timeline::after{left:0;}
	.list-timeline .timeline .timeline-row{margin-bottom:40px;}
	.list-timeline .timeline .timeline-row .timeline-content{margin-left:15px !Important;}
	.list-timeline .timeline .timeline-row .timeline-time{margin:0 0 14px 15px !important; font-size:18px;}
	.list-timeline .animated.timeline .timeline-row .timeline-content::after{display:none;}
	.list-timeline .timeline .timeline-time img:last-of-type{display:none;}
	.list-timeline .timeline .timeline-row.timeline-sep{margin-top:135px;}
	.list-timeline .timeline .timeline-row .timeline-label{margin-left:0; top:-85px; font-size:21px; width:100px; height:40px; line-height:42px;}
	.list-timeline .timeline .timeline-row .timeline-icon{top:0 !important; left:0;}
	.list-timeline .timeline .timeline-row .timeline-time{top:-4px !important;}
	.list-timeline .timeline .timeline-time img{width:16px;	margin-top:-1px;}
	.list-timeline .timeline .timeline-row .timeline-desc{padding-top:15px;}
	.list-timeline .timeline .timeline-row .timeline-heading a{font-size:16px; font-weight:600;}
	.list-timeline .timeline .timeline-row .timeline-explan{font-size:13px; margin-top:8px;}
	.list-timeline .timeline .timeline-row .timeline-info{margin-top:18px; font-size:12px; line-height:1.2;}
	.list-timeline .list-item .list-sp{font-size:10px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 토크박스 
html > skin > basic > talkbox
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.talk-box-wrap.top_write_wrap {margin-bottom:160px;}
.talk-box-wrap.top_write_wrap .talk-bubble{background:none; border:none; padding:0;}
.talk-box-wrap.top_write_wrap .talk-bubble:before,
.talk-box-wrap.top_write_wrap .talk-bubble:after{display:none;}
.talk-box-wrap .wr_cont_box{background:#fff; border-color:#d7d7d7; border-radius:3px; margin-bottom:12px;}
.talk-box-wrap .wr_cont_box:after,
.talk-box-wrap .wr_cont_box:before{margin: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.talk-box-wrap .talk-right .wr_cont_box:after, 
.talk-box-wrap .talk-right .wr_cont_box:before{right:calc(100% - 1px); top:25px; }
.talk-box-wrap .talk-right .wr_cont_box:before{border-width: 9px 12px 9px 0; border-right-color:#d7d7d7; margin-top:-13px;}
.talk-box-wrap .talk-right .wr_cont_box:after{margin-top:-12px; border-right-color: #fff; border-width: 8px 11px 8px 0;}
.talk-box-wrap .talk-right .wr_cont_box textarea{border-color:#d7d7d7; border-radius:3px !important; background:#fff; box-shadow:none !important; resize:none; color:#222; font-size:15px; padding:17px 20px; }
.talk-box-wrap .talk-right .wr_cont_box textarea::placeholder{color:#999999;}
.talk-box-wrap .talk-box.talk-right{margin-left:93px;}
.talk-box-wrap #talk_submit{width:85px; line-height:35px; border-radius:3px; text-align:center; font-size:14px; font-weight:600; background:#223fd8; color:#fff;}
.talk-box-wrap .write_btn_wrap{display:flex; align-items:center; justify-content:space-between;}
.talk-box-wrap .write_btn_wrap .btn-group {margin-left:-7px;}
.talk-box-wrap .write_btn_wrap .btn-group > a{color:#787878; border:0; background:none !important; padding:5px 7px; box-shadow:none !important;}
.talk-box-wrap:not(.top_write_wrap) .talk-bubble{background:#fff; border-color:#d7d7d7; border-radius:3px;}
.talk-box-wrap:not(.top_write_wrap) .talk-bubble:before{border-right-color:#d7d7d7; border-width:9px 12px 9px 0;}
.talk-box-wrap:not(.top_write_wrap) .talk-bubble:after{border-right-color:#fff; border-width:8px 11px 8px 0;}
.list-talk .list-item .list-content{padding:23px 25px; min-height:126px;}
.list-talk .list-item .talk-img img{width:100%;}
.list-talk .list-item .list-content{display:flex; align-items:center; justify-content:space-between;}
.list-talk .list-item .list-content .talk_left_con{width:calc(100% - 200px);}
.list-talk .list-item .list-content .talk_left_con > a{color:#222222; font-size:15px; line-height:17px; display:block;}
.list-talk .list-item .list-content .tack-icon{border-radius:2px; font-size:10px; font-weight:500; color:#fff; width:38px; line-height:17px; height:auto; padding:0; text-align:center; background:#223fd8; letter-spacing:0; font-family:'noto sans kr', sans-serif; vertical-align:top; margin-right:4px;}
.list-talk .list-item .talk-img{order:1;}
.list-talk .list-item .list-details{font-size:14px; color:#999999; margin-top:17px;}
.list-talk .list-item .list-sp{font-size:12px; color:#999999; position:relative; top:-2px;}
.list-talk .talk_btn_wrap{display:flex; justify-content:flex-end; margin-top:11px; }
.list-talk .talk_btn_wrap > a{width:42px; line-height:23px; border-radius:3px; text-align:center; color:#fff; background:#999999;}
.list-talk .talk_btn_wrap > a + a{margin-left:6px;}
.list-talk ~ .list-page{margin:0 0 -15px !important;}

@media (max-width:991px){
	.talk-box-wrap.top_write_wrap {margin-bottom:50px;}
	.talk-box-wrap .wr_cont_box{ margin-bottom:7px;}
	.talk-box-wrap .talk-right .wr_cont_box textarea{font-size:14px; padding:10px 15px; }
	.talk-box-wrap .talk-right .wr_cont_box textarea::placeholder{color:#999999;}
	.talk-box-wrap .talk-right .wr_cont_box:before{border-width: 6px 9px 6px 0;}
	.talk-box-wrap .talk-right .wr_cont_box:after{border-width: 5px 8px 5px 0;}
	.talk-box-wrap .talk-box.talk-right{margin-left:60px;}
	.talk-box-wrap .talker-photo, .talk-box-wrap .talker-photo img{width:40px !important; height:40px !important; line-height:40px;}
	.talk-box-wrap #talk_submit{line-height:30px; font-size:14px; }
	.talk-box-wrap .write_btn_wrap{display:flex; align-items:center; justify-content:space-between;}
	.talk-box-wrap .write_btn_wrap .btn-group {margin-left:-7px;}
	.talk-box-wrap .write_btn_wrap .btn-group > a{color:#787878; border:0; background:none !important; padding:5px 7px; box-shadow:none !important;}
	.talk-box-wrap:not(.top_write_wrap) .talk-bubble{background:#fff; border-color:#d7d7d7; border-radius:3px;}
	.talk-box-wrap:not(.top_write_wrap) .talk-bubble:before{border-right-color:#d7d7d7; border-width:9px 12px 9px 0;}
	.talk-box-wrap:not(.top_write_wrap) .talk-bubble:after{border-right-color:#fff; border-width:8px 11px 8px 0;}
	.list-talk .list-item .list-content{padding:15px 20px; min-height:auto; display:block;}
	.list-talk .list-item .talk-img{width:100%; margin-left:0; margin-bottom:20px;}
	.list-talk .list-item .talk-img img{width:100%;}
	.list-talk .list-item .list-content .talk_left_con{width:100%;}
	.list-talk .list-item .list-content .talk_left_con > a{color:#222222; font-size:14px; line-height:21px;}
	.list-talk .list-item .list-content .tack-icon{border-radius:2px; font-size:10px; font-weight:500; color:#fff; width:38px; line-height:17px; height:auto; padding:0; text-align:center; background:#223fd8; letter-spacing:0; font-family:'noto sans kr', sans-serif; vertical-align:top; margin-right:4px;}

	.list-talk .list-item .list-details{font-size:12px; line-height:18px; margin-top:12px;}
	.list-talk .list-item .list-sp{font-size:10px; color:#999999; position:relative; top:-2px;}
	.list-talk .talk_btn_wrap{display:flex; justify-content:flex-end; margin-top:11px; }
	.list-talk .talk_btn_wrap > a{font-size:12px;}
	.list-talk .talk_btn_wrap > a + a{margin-left:6px;}
	.list-talk ~ .list-page{margin:0 0 -15px !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
자주묻는 질문 형식 게시판
html > skin > board > faq > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.faq_category{margin:100px auto 0;}
.faq_category .category_tab_pc{display:block;}
.faq_category .category_tab_mobile{display:none;}
.faq_category .faq_tab_ul{display:table;}
.faq_category .faq_tab_ul > li{display:table-cell; vertical-align:middle;}
.faq_category .faq_tab_ul > li > a{display:block; font-size:15px; color:#666666; font-weight:300; margin-right:30px;}
.faq_category .faq_tab_ul > li:last-child > a{margin-right:0;}
.faq_category .faq_tab_ul > li.active > a{color:#000000; font-weight:500;}

.faq_style{}
.faq_style .faq_title{margin:100px auto 35px; position:relative;}
.faq_style .faq_title h3{font-size:36px; color:#222222; font-weight:300;}
.faq_style .faq_title a.faq_all_btn{position:absolute; right:0; top:10px; font-size:16px; color:#999999; font-weight:300;}
.faq_style .faq_list{margin-bottom:20px; border-top:1px solid #d4d4d4;}
.faq_style .faq_list > ul.list-body{}
.faq_style .faq_list > ul.list-body .faq_list_li{border-bottom:1px solid #d4d4d4; display:block; width:100%; background:none;}
.faq_style .faq_list > ul.list-body .faq_list_li > div{display:block; text-align:left; position:relative; padding:0;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .check_href{margin-bottom:10px;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .checkbox{display:inline-block; margin:0 auto; margin-right:10px; position:relative;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .checkbox::after{content:""; width:1px; height:10px; background:#666; position:absolute; top:5px; right:-9px;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .checkbox input{position:relative; margin:0;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .checkbox label{padding-left:3px; font-size:13px; color:#999;}
.faq_style .faq_list > ul.list-body .faq_list_li > div a.modify{font-size:13px; color:#999; position:relative;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_text{position:relative; padding:30px 10px;}
.faq_style .faq_list > ul.list-body .faq_list_li > div.faq_list_q .faq_list_text{cursor:pointer;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_text .text{font-size:15px; color:#222222; font-weight:300; line-height:30px; width:95%;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_btn{position:absolute; right:15px; width:10px; height:10px; top:50%; transform:translateY(-50%);}
.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_btn span{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); 
width:10px; height:2px; background:#666666;}
.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_btn.view span:last-child{transform:translate(-50%, -50%) rotate(90deg);}
.faq_style .faq_list > ul.list-body .faq_list_li > div.faq_list_a{border-top:1px solid #d4d4d4; display:none;}
.faq_style .faq_list > ul.list-body .faq_list_li > div.faq_list_a .faq_list_text{}
.faq_style .faq_list > ul.list-body .faq_list_li > div.faq_list_a .faq_list_text .text{color:#666666;}
.faq_style .list-page{display:none;}

@media (max-width:991px){
	.faq_category{margin:30px auto 0;}
	.faq_category .category_tab_pc{display:none;}
	.faq_category .category_tab_mobile{display:block;}
	.faq_category .faq_tab_ul > li{white-space:nowrap;}
	.faq_category .faq_tab_ul > li > a{font-size:13px; margin-right:20px; line-height:21px;}
	.faq_style .faq_title{margin:30px auto 20px;}
	.faq_style .faq_title h3{font-size:24px;}
	.faq_style .faq_title a.faq_all_btn{font-size:14px; top:5px;}
}

@media (max-width:480px){
	.faq_style .faq_title h3{font-size:20px;}
	.faq_style .faq_title a.faq_all_btn{font-size:13px; top:3px;}
	.faq_style .faq_list{margin-bottom:15px;}
	.faq_style .faq_list > ul.list-body .faq_list_li > div{padding:0; }
	.faq_style .faq_list > ul.list-body .faq_list_li > div .checkbox::after{top:4px; right:-7px;}
	.faq_style .faq_list > ul.list-body .faq_list_li > div .checkbox label{font-size:12px;}
	.faq_style .faq_list > ul.list-body .faq_list_li > div a.modify{font-size:12px; }
	.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_text{padding:15px 10px;}
	.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_text .text{font-size:13px; line-height:24px; }
	.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_btn{width:8px; height:8px;}
	.faq_style .faq_list > ul.list-body .faq_list_li > div .faq_list_btn span{width:8px; height:1px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
사이트맵
html > page > m04_04.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.sitemap_wrap{}
.sitemap_wrap > .container_fix{width:1310px;}
.sitemap_wrap .sitemap_title{margin-bottom:35px;}
.sitemap_wrap .sitemap_title h3{font-size:36px; color:#222222; font-weight:300;}
.sitemap_wrap .site_menu{}
.sitemap_wrap .site_menu > .site_menu_ul{}
.sitemap_wrap .site_menu > .site_menu_ul > li{background:#fff; padding:50px 40px 15px; margin-bottom:20px;}
.sitemap_wrap .site_menu > .site_menu_ul > li:last-child{margin-bottom:0;}
.sitemap_wrap .site_menu > .site_menu_ul > li > a{font-size:18px; color:#222222; font-weight:500; display:inline-block;}
.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub{margin-top:55px;}
.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul{}
.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul::before, .sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul::after{content:""; clear:both; display:block;}
.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li{width:25%; float:left; margin-bottom:35px;}
.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li > a{display:inline-block; font-size:15px; color:#666666; font-weight:300;}
.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li .site_menu_sub2{display:none;}
/*
.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li > a{font-weight:500; color:#222222;}
.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2{display:block; margin-top:20px;}
.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2 > ul{}
.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2 > ul > li{margin-bottom:15px;}
.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2 > ul > li:last-child{margin-bottom:0;}
.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2 > ul > li > a{font-size:15px; color:#666666; font-weight:300; display:inline-block;}
.sitemap_wrap .site_menu > .site_menu_ul > li.menu_width .site_menu_sub > ul > li:nth-child(1){width:21%;}
.sitemap_wrap .site_menu > .site_menu_ul > li.menu_width .site_menu_sub > ul > li:nth-child(2){width:29%;}
*/
@media (max-width:991px){
	.sitemap_wrap .sitemap_title{margin-bottom:20px;}
	.sitemap_wrap .sitemap_title h3{font-size:24px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li{padding:40px 30px 15px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li > a{font-size:18px; color:#222222; font-weight:500; display:inline-block;}
	.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub{margin-top:40px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li{width:100%; float:none; margin-bottom:25px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li.menu_width .site_menu_sub > ul > li:nth-child(1){width:100%;}
	.sitemap_wrap .site_menu > .site_menu_ul > li.menu_width .site_menu_sub > ul > li:nth-child(2){width:100%;}
}

@media (max-width:480px){
	.sitemap_wrap .sitemap_title h3{font-size:20px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li{ padding:30px 30px 10px; margin-bottom:15px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li > a{font-size:16px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub{margin-top:30px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li{margin-bottom:25px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li > a{font-size:13px; }
	.sitemap_wrap .site_menu > .site_menu_ul > li .site_menu_sub > ul > li .site_menu_sub2{display:none;}
	/*
	.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li > a{font-size:13px; font-weight:500; color:#222222;}
	.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2{display:block; margin-top:15px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2 > ul > li{margin-bottom:15px;}
	.sitemap_wrap .site_menu > .site_menu_ul > li.third_menu .site_menu_sub > ul > li .site_menu_sub2 > ul > li > a{font-size:13px;}
	*/
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
콜롬보 매장찾기 > 국가 지역 또는 도시
html > skin > board > map
관리자 로그인 후 위젯설정으로 이미지출력여부 꼭 설정하세요.
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-wrap.map_list_wrap{width:100%;}
.list-wrap.map_list_wrap .list_map{}
.list-wrap.map_list_wrap .list_map #mgmap{width:100%; height:550px;}
@media (min-width:1950px){
	.list-wrap.map_list_wrap{ margin:0 auto;}
}
.list-wrap.map_list_wrap .list_map .map_search_box{width:1230px; max-width:100%; margin:80px auto 30px; padding:0 15px;} 
.list-wrap.map_list_wrap .list_map .map_search{width:635px; margin-right:0; margin-left:auto; position:relative;}
.list-wrap.map_list_wrap .list_map .map_search::before, .list-wrap.map_list_wrap .list_map .map_search::after{content:""; clear:both; display:block;}
.list-wrap.map_list_wrap .list_map .map_search .map_select{width:220px; margin-right:10px; float:left;}
.list-wrap.map_list_wrap .list_map .map_search .map_select select{width:100%; height:45px; line-height:45px; border:1px solid #d7d7d7; font-size:13px; color:#888888;
font-weight:300; padding:0 15px !important; outline:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff;
background: url('/img/map_arrow.png') no-repeat 95% 50% #fff; font-weight:300;}
.list-wrap.map_list_wrap .list_map .map_search .map_select select::-ms-expand{ display: none; }
.list-wrap.map_list_wrap .list_map .map_search .map_input_btn{width:calc(100% - 230px); float:left; overflow:hidden;}
.list-wrap.map_list_wrap .list_map .map_search .map_input_btn input{display:block; width:calc(100% - 90px); height:45px; line-height:45px; border:1px solid #d7d7d7;
padding:0 15px; color:#333; font-size:13px; outline:none; box-shadow:none; font-weight:300; float:left;}
.list-wrap.map_list_wrap .list_map .map_search .map_input_btn input::placeholder{color:#888888;}
.list-wrap.map_list_wrap .list_map .map_search .map_input_btn button{width:80px; margin-left:10px; height:45px; line-height:45px; border:0; background:#252525; color:#fff;
font-size:13px; font-weight:300; float:left;}

.map_list_wrap .list_body{width:1230px; padding:0 15px; max-width:100%; margin:0 auto;}
.map_list_wrap .list_body .map_filter{width:100%; overflow:hidden; padding-bottom:20px; display:none;}
.map_list_wrap .list_body .map_filter .left_text{float:left; font-size:16px; color:#333;}
.map_list_wrap .list_body .map_filter .left_text span{font-weight:600;}
.map_list_wrap .list_body .map_filter .right_text{float:right; text-align:right;}
.map_list_wrap .list_body .map_filter .right_text > a{display:inline-block; margin-left:15px; font-size:14px; color:#666; position:relative;}
.map_list_wrap .list_body .map_filter .right_text > a::after{content:""; width:1px; height:14px; background:#999; position:absolute; top:0px; right:-10px;}
.map_list_wrap .list_body .map_filter .right_text > a:last-child::after{display:none;}

.map_list_wrap .list_body .map_wrap{border-top:1px solid #e1e1e1;}
.map_list_wrap .list_body .map_wrap .map_div{border-bottom:1px solid #e1e1e1; padding:30px 0 30px 7px; display:flex; width:100%; align-items:center; position:relative;}
.map_list_wrap .list_body .map_wrap .map_div::before, .map_list_wrap .list_body .map_wrap .map_div::after{content:""; display:block; clear:both;}
.map_list_wrap .list_body .map_wrap .map_div .left_map{width:150px; border-radius:5px; border:1px solid #e1e1e1; overflow:hidden; position:relative;}
.map_list_wrap .list_body .map_wrap .map_div .left_map img{width:100%; margin:0 auto; display:block; background:#fff;}
.map_list_wrap .list_body .map_wrap .map_div .left_map input[type="checkbox"]{position:absolute; right:10px; bottom:10px;}
.map_list_wrap .list_body .map_wrap .map_div .right_map{width:calc(100% - 150px); padding-left:40px; padding-right:80px; position:relative;}
.map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject{font-size:16px; color:#222222; font-weight:500; margin-bottom:15px;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; display:block;}
.map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject a{font-size:16px; color:#222222; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; display:block;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .content{}
.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div{margin-bottom:5px; line-height:24px;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div::before, .map_list_wrap .list_body .map_wrap .map_div .right_map .content > div::after{content:""; clear:both; display:block;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div:last-child{margin-bottom:0;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .left_text{float:left; width:75px; font-size:14px; color:#222222; font-weight:500;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .right_text{font-size:14px; color:#666666; width:calc(100% - 75px); float:left;
 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; display:block;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker{width:60px; height:60px; background:#f0f0f0; position:absolute; right:0; top:50%; transform:translateY(-50%);
border-radius:50%; cursor:pointer;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click{display:block; width:10px; height:17px; position:absolute; top:50%; left:50%;
transform:translate(-50%, -50%);}
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::before{content:""; width:2px; height:10px; background:#bcbcbc; position:absolute;
top:0; transform:rotate(-45deg); left:5px;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::after{content:""; width:2px; height:10px; background:#bcbcbc; position:absolute;
bottom:0; transform:rotate(45deg); left:5px;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active{background:#252525;}
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active span.marker_click::before,
.map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active span.marker_click::after{background:#fff;}
.map_list_wrap .list-btn-box{margin-top:20px;}
.map_list_wrap .list-page{margin:60px 0 0 !important;}
.map_list_wrap .gm-style-iw-t::after{width:8px !important; height:8px !important;}
.map_list_wrap .gm-style-iw{border:0 !important; box-shadow:0 0 8px 0 rgba(0,0,0,0.1); border-radius:0 !important;}
.map_list_wrap .gm-style-iw .gm-style-iw-d{overflow:hidden !important; overflow-y:auto !important;}
.map_list_wrap .gm-style-iw .gm-style-iw-d + button{right:0 !important; top:0 !important;}
@media (max-width:991px){
	.list-wrap.map_list_wrap .list_map #mgmap{height:400px;}
	.list-wrap.map_list_wrap .list_map .map_search_box{margin:50px auto 20px;} 
	.list-wrap.map_list_wrap .list_map .map_search{width:100%;}
	.list-wrap.map_list_wrap .list_map .map_search .map_select{width:100%; margin-right:0px; float:none; margin-bottom:10px;}
	.list-wrap.map_list_wrap .list_map .map_search .map_select:nth-child(2){margin-right:0;}
	.list-wrap.map_list_wrap .list_map .map_search .map_select select{height:45px; line-height:40px; padding:0 15px !important; background: url('/img/map_arrow.png') no-repeat 95% 50% #fff;
	background-size:10px; }
	.list-wrap.map_list_wrap .list_map .map_search .map_input_btn{width:100%; float:none;}
	.list-wrap.map_list_wrap .list_map .map_search .map_input_btn input{width:calc(100% - 70px); height:45px; line-height:45px;	padding:0 15px;}
	.list-wrap.map_list_wrap .list_map .map_search .map_input_btn button{width:60px; margin-left:10px; height:45px; line-height:35px;}

	.map_list_wrap .list_body .map_filter{padding-bottom:15px;}
	.map_list_wrap .list_body .map_filter .left_text{font-size:14px;}
	.map_list_wrap .list_body .map_filter .right_text > a{margin-left:10px; font-size:12px;}
	.map_list_wrap .list_body .map_filter .right_text > a::after{width:1px; height:10px; right:-8px;}
	.map_list_wrap .list_body .map_wrap .map_div{padding:25px 0; display:block; width:100%;}
	.map_list_wrap .list_body .map_wrap .map_div .left_map{width:100%; margin-bottom:20px;}

	.map_list_wrap .list_body .map_wrap .map_div .right_map{width:100%; padding-left:0px; padding-right:50px;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject{font-size:15px; margin-bottom:15px;  text-overflow:inherit; white-space:normal; line-height:22.5px;
	font-weight:400;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject a{font-size:15px; text-overflow:inherit; white-space:normal;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div{margin-bottom:5px; line-height:21px;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .left_text{width:70px; font-size:13px; font-weight:400;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .right_text{font-size:13px; width:calc(100% - 70px); text-overflow:inherit; white-space:normal;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .marker{width:40px; height:40px;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click{width:7px; height:12px;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::before{width:1px; height:7px; left:3.5px; top:0.7px;}
	.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::after{width:1px; height:7px; left:3.5px;}
	
	.map_list_wrap .list-btn-box{margin-top:20px;}
	.map_list_wrap .list-page{margin:60px 0 0 !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
콜롬보 매장찾기 > 국가 지역 또는 도시 > 글쓰기
html > skin> board > map > write > write.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.addr_setting{}
.addr_setting #mgmap{margin-bottom:20px;}
.addr_setting .addr_box{margin-bottom:10px;}
.addr_setting .input_box.three{margin-bottom:10px;}
.addr_setting .input_box.three > input{width:24.5%; float:left; margin-right:10px;}
@media (max-width:991px){
	.addr_setting .input_box.three{margin-bottom:0;}
	.addr_setting .input_box.three > input{width:100%; float:none; margin-right:0px; margin-bottom:10px;}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
COLOMBO RIVISTA > PLAY COLOMBO
html > page > m01_07.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.play_colombo{text-align:center;}
.play_colombo .play_title{margin-bottom:100px; font-size:26px; letter-spacing:16px; font-weight:600; color:#000;}
.play_colombo .play_title h5{display:none;}
.play_colombo .main_list_con_box{width:600px; height:600px; position:relative; margin:0 auto}
.play_colombo .main_list_con{}
.play_colombo .main_list_con .ro2{width:600px; height:600px; margin:0 auto;}
.play_colombo .main_list_con .ro3{width:330px; height:175px; position:absolute; bottom:0; right:-150px;}
.play_colombo .draggable_box{position:absolute; top:-30%; left:-50%;}
.play_colombo .draggable{width:250px; display:inline-block;position:absolute;z-index:12; left: 464px; top: 400px; opacity:0;}
.play_colombo .draggable.po1.active{top:316px; left:-12px; transition:all 0.5s 0.3s; opacity:1;}
.play_colombo .draggable.po2.active{top:132px; left:747px; transition:all 0.5s 0.6s; opacity:1;}
.play_colombo .draggable.po3.active{top:164px; left:170px; transition:all 0.5s 0.9s; opacity:1;}
.play_colombo .draggable.po4.active{top:159px; left:105px; transition:all 0.5s 1.2s; opacity:1;}
.play_colombo .draggable.po5.active{top:471px; left:948px; transition:all 0.5s 1.5s; opacity:1;}
.play_colombo .draggable.po6.active{top:473px; left:989px; transition:all 0.5s 1.8s; opacity:1;}
.play_colombo .draggable.po7.active{top:492px; left:85px; transition:all 0.5s 2.1s; opacity:1;}
.play_colombo .draggable.ui-draggable-dragging{transition:none !important;}
.play_colombo .draggable img{width:100%;}
.play_colombo .play_pop{position: relative; margin-top:20px; opacity:0; font-size:15px; color:#000; letter-spacing: 3px; font-weight:300;}
.play_colombo .play_pop.active{transition:all 0.5s 3s; opacity:1;}
@media (max-width:991px){
	.play_colombo .play_title{margin-bottom:50px; font-size:20px; letter-spacing:10px;}
	.play_colombo .main_list_con_box{width:300px; height:300px;}
	.play_colombo .main_list_con .ro2{width:300px; height:300px;}
	.play_colombo .main_list_con .ro3{width:160px; height:85px; right:-50px;}
	.play_colombo .main_list_con_box img{width:100%;}
	.play_colombo .draggable_box{top:50%; left:50%; transform:translate(-50%, -50%);}
	.play_colombo .draggable{top:0; left:0; width:100px;}
	.play_colombo .draggable.po1.active{top:0px; left:-200px;}
	.play_colombo .draggable.po2.active{top:-150px; left:70px;}
	.play_colombo .draggable.po3.active{top:-100px; left:-150px;}
	.play_colombo .draggable.po4.active{top:-100px; left:-180px;}
	.play_colombo .draggable.po5.active{top:70px; left:110px;}
	.play_colombo .draggable.po6.active{top:70px; left:130px;}
	.play_colombo .draggable.po7.active{top:70px; left:-180px;}
	.play_colombo .play_pop{font-size:14px; margin-top:25px;}
}
@media (max-width:480px){
	
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
COLOMBO RIVISTA > LIFE STYLE
html > page > m01_04.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_04{}
.m01_04 .sub_banner_box{margin-bottom:150px;}
.m01_04 .sub_banner_box .banner_img{}
.m01_04 .sub_banner_box .banner_img img{width:100%; margin:0 auto;}
.m01_04.sub_con .sub_section{margin-bottom:150px;}
.m01_04 .sub_section .container_fix{width:1310px;}
.m01_04 .sub_section .section_ul{}
.m01_04 .sub_section .section_ul > li{margin-bottom:90px; padding-bottom:125px; border-bottom:1px solid #e1e1e1;}
.m01_04 .sub_section .section_ul > li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.m01_04 .sub_section .section_ul > li .section_img_text{display:flex; align-items:center; margin-bottom:80px;}
.m01_04 .sub_section .section_ul > li .section_img_text .section_img{width:630px;}
.m01_04 .sub_section .section_ul > li .section_img_text .section_img img{width:100%;}
.m01_04 .sub_section .section_ul > li .section_img_text .section_text{width:calc(100% - 630px); padding-left:100px;}
.m01_04 .sub_section .section_ul > li .section_img_text .section_text p{font-size:26px; color:#222222; font-weight:300; margin-bottom:35px;}
.m01_04 .sub_section .section_ul > li .section_img_text .section_text .content{font-size:15px; color:#222222; line-height:30px; font-weight:300;}
.m01_04 .sub_section .section_ul > li .item_swiper{width:100%;}
.m01_04 .sub_section .section_ul > li .item_swiper .swiper-slide{}
.m01_04 .sub_section .section_ul > li .item_swiper .item_img{background:#ffffff;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_img img{width:100%;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_info{margin-top:30px;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_info h5{font-size:18px; color:#222222; line-height:1.2; margin-bottom:30px;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_info a{font-size:16px; color:#222222; font-weight:300; display:inline-block;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_info a span.arrow{width:7px; height:10px; display:inline-block; margin-left:15px; position:relative;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_info a span.arrow::before{content:""; width:1px; height:7px; background:#373737; position:absolute; transform:rotate(-45deg); left:0; top:-2px;}
.m01_04 .sub_section .section_ul > li .item_swiper .item_info a span.arrow::after{content:""; width:1px; height:7px; background:#373737; position:absolute; transform:rotate(45deg); left:0; bottom:0;}
.m01_04 .m01_04_section02{margin:0 auto; width:calc(100% - 20px);}
@media (min-width:1950px){
	.m01_04 .m01_04_section02{width:1890px;}
}
.m01_04 .m01_04_section02 img{width:100%;}

@media (max-width:991px){
	.m01_04 .sub_section > .container_fix{padding:0;}
	.m01_04 .sub_section .section_ul > li{border-bottom:0; position:relative;}
	.m01_04 .sub_section .section_ul > li::after{content:""; width:calc(100% - 30px); left:15px; bottom:0; height:1px; background:#e1e1e1; position:absolute;}
	.m01_04 .sub_section .section_ul > li:last-child::after{display:none;}
	.m01_04 .sub_section .section_ul > li .section_img_text{display:block; width:calc(100% - 30px); margin:0 auto 80px;}
	.m01_04 .sub_section .section_ul > li .section_img_text .section_img{width:100%; margin-bottom:30px;}
	.m01_04 .sub_section .section_ul > li .section_img_text .section_text{width:100%; padding-left:0;}
	.m01_04 .sub_section .section_ul > li .item_swiper .swiper-slide{width:50%;}
	.m01_04 .m01_04_section02{width:calc(100% - 30px);}
}

@media (max-width:480px){
	.m01_04 .sub_banner_box{margin-bottom:50px;}
	.m01_04.sub_con .sub_section{margin-bottom:50px;}
	.m01_04 .sub_section .section_ul > li{margin-bottom:50px; padding-bottom:50px;}
	.m01_04 .sub_section .section_ul > li .section_img_text{margin-bottom:50px;}
	.m01_04 .sub_section .section_ul > li .section_img_text .section_text p{font-size:16px; line-height:24px; margin-bottom:20px;}
	.m01_04 .sub_section .section_ul > li .section_img_text .section_text .content{font-size:12px; line-height:18px;}
	.m01_04 .sub_section .section_ul > li .item_swiper{width:100%;}
	.m01_04 .sub_section .section_ul > li .item_swiper .item_info{margin-top:15px;}
	.m01_04 .sub_section .section_ul > li .item_swiper .item_info h5{font-size:14px; margin-bottom:5px; line-height:21px;}
	.m01_04 .sub_section .section_ul > li .item_swiper .item_info a{font-size:12px;}
	.m01_04 .sub_section .section_ul > li .item_swiper .item_info a span.arrow{width:5px; height:7px; margin-left:5px;}
	.m01_04 .sub_section .section_ul > li .item_swiper .item_info a span.arrow::before{height:5px; transform:rotate(-45deg); left:0; top:-1px;}
	.m01_04 .sub_section .section_ul > li .item_swiper .item_info a span.arrow::after{height:5px; transform:rotate(45deg); left:0; bottom:0;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
COLOMBO RIVISTA > MILAN COLOMBO
html > page > m01_05.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_05{}
.m01_05 .m01_05_section01{margin-bottom:150px;}
.m01_05 .m01_05_section01 .mapwrap_box{}
.m01_05 .m01_05_section01 .mapwrap_box .map_wrap{position: relative !important; width: 100% !important; padding-bottom: 28.8% !important; margin-bottom:150px;}
.m01_05 .m01_05_section01 .mapwrap_box .map_wrap:last-child{margin-bottom:0;}
.m01_05 .m01_05_section01 .mapwrap_box .map_wrap > iframe{position: absolute !important;width: 100% !important; height: 100% !important}
.m01_05 .m01_05_section02{width:calc(100% - 20px); margin:0 auto; margin-bottom:140px; }
@media (min-width:1950px){
	.m01_05 .m01_05_section02{width:1890px;}
}
.m01_05 .m01_05_section02 .title_box{margin-bottom:50px; text-align:center;}
.m01_05 .m01_05_section02 .title_box h5{font-size:18px; color:#222222; font-weight:300;}
.m01_05 .m01_05_section02 .swiper-container{}
.m01_05 .m01_05_section02 .swiper-container .btn_box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; z-index:1;}
.m01_05 .m01_05_section02 .swiper-container .btn_box > a::after{display:none;}
.m01_05 .m01_05_section02 .swiper-container .btn_box > a{width:40px; height:80px; background:rgba(17,17,17,0.75); margin-top:0; top:50%; transform:translateY(-50%);
outline:none; box-shadow:none;}
.m01_05 .m01_05_section02 .swiper-container .btn_box > a.swiper-button-prev{left:0;}
.m01_05 .m01_05_section02 .swiper-container .btn_box > a.swiper-button-next{right:0;}
.m01_05 .m01_05_section02 .swiper-container .btn_box > a img{position:relative; top:-1px;}
.m01_05 .m01_05_section02 .swiper-pagination{position:relative; transition:none; bottom:auto !important; margin-top:35px;}
.m01_05 .m01_05_section02 .swiper-pagination .swiper-pagination-bullet{background:#b9b9b9; opacity:1; margin:0 6px;}
.m01_05 .m01_05_section02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#222222;}
.m01_05 .m01_05_section02 .swiper-container .img_box{}
.m01_05 .m01_05_section02 .swiper-container .img_box img{width:100%;}

@media (max-width:991px){
	/* .m01_05 .m01_05_section01{margin-bottom:100px;} */
	.m01_05 .m01_05_section01 .mapwrap_box .map_wrap{margin-bottom:100px; padding-bottom:48.5% !important;}
	/* .m01_05 .m01_05_section02{margin-bottom:100px;} */
	.m01_05 .m01_05_section02 .title_box{margin-bottom:30px;}
}
@media (max-width:480px){
	.m01_05 .m01_05_section01{margin-bottom:50px;}
	.m01_05 .m01_05_section01 .mapwrap_box .map_wrap{margin-bottom:50px; padding-bottom:60% !important;}
	.m01_05 .m01_05_section02{margin-bottom:50px; width:calc(100% - 30px);}
	.m01_05 .m01_05_section02 .title_box h5{font-size:14px; }
	.m01_05 .m01_05_section02 .swiper-container .btn_box{top:50%;}
	.m01_05 .m01_05_section02 .swiper-container .btn_box > a{width:20px; height:40px;}
	.m01_05 .m01_05_section02 .swiper-container .btn_box > a img{width:8px;}
	.m01_05 .m01_05_section02 .swiper-pagination{margin-top:20px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
콜롬보 스폐셜 서비스 > 콜롬보 포인트 제도안내
html > page > m03_07.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m03_07{}
.m03_07 .section02{margin:150px auto;}
.m03_07 .sub_section .container_fix{padding:0; width:calc(100% - 20px);}
@media (min-width:1950px){
	.m03_07 .sub_section .container_fix{/* width:1890px; */}
}
.m03_07 .sub_section .section_img_text{display:flex;  flex-direction:row;  align-items:center; position:relative;}
.m03_07 .sub_section .section_img_text::before{content:""; /* width:calc(100% - 955px); */ width:calc(50% - 5px); background:#fff; height:100%; position:absolute; top:0; right:0; z-index:0;}
.m03_07 .sub_section .section_img_text .section_img{/* width:945px; */ width:50%;}
.m03_07 .sub_section .section_img_text .section_img img{width:100%;}
.m03_07 .sub_section .section_img_text .section_text{/* margin-left:10px; width:calc(100% - 955px); */ margin-left:10px; width:50%; text-align:center; z-index:1;}
.m03_07 .sub_section .section_img_text .section_text > p{font-size:14px; color:#45433b; margin-bottom:30px; font-weight:bold;}
.m03_07 .sub_section .section_img_text .section_text > h5{font-size:24px; color:#222222; margin-bottom:45px; font-weight:300;}
.m03_07 .sub_section .section_img_text .section_text >  .content{font-size:16px; color:#222222; font-weight:300; line-height:30px;}
.m03_07 .service_wrap .service_ul{width:1310px; padding:0 15px; max-width:100%; margin:0 auto;}
.m03_07 .service_wrap .service_ul > li{font-weight:300; color:#222}
.m03_07 .service_wrap .icon_box{margin-bottom:35px;}
.m03_07 .service_wrap .service_name{font-size:22px; line-height:1.2}
.m03_07 .service_wrap .service_text{margin-top:25px; font-size:15px; line-height:1.8}
.m03_07 .service_wrap .service_btn{margin-top:38px; font-size:16px; color:#222}

.service_pop{position:fixed; z-index:15; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; background:#fff; border-radius:5px; overflow:hidden; padding:45px 55px 55px;
display:none;}
.service_pop .service_pop_close{position:absolute; top:15px; right:15px; width:30px; height:30px; display:block;}
.service_pop .service_pop_close::before{content:""; width:1px; height:41px; background:#666; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
.service_pop .service_pop_close::after{content:""; width:1px; height:41px; background:#666; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
.service_pop_bg{position:fixed; z-index:14; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}
.service_pop::-webkit-scrollbar, .service_pop *::-webkit-scrollbar{width:10px;}
.service_pop::-webkit-scrollbar-thumb, .service_pop *::-webkit-scrollbar-thumb{width:8px; background:#999999; border-radius:0;}
.service_pop::-webkit-scrollbar-track, .service_pop *::-webkit-scrollbar-track{baCkground:#ebebeb;}

.service_pop .service_pop_content{}
.service_pop .service_pop_content .service_pop_title{margin-bottom:20px; text-align:center;}
.service_pop .service_pop_content .service_pop_title h5{font-size:30px; color:#222222; font-weight:300; line-height:45px;}
.service_pop .service_pop_content .service_pop_txt, 
.service_pop .service_pop_content .service_pop_txt *{font-size:14px; line-height:24px; color:#333; font-weight:300;}

.service_pop .service_pop_content img{width:100%; margin:0 auto;}

@media (max-width:991px){
	.service_pop .service_pop_close{z-index:1;}
	.service_pop{width:100%; padding:30px 15px 50px; overflow:hidden; overflow-y:auto; max-height:calc(100vh - 52px); transform:translateX(-50%); top:auto; bottom:0; width:100%;
	border-radius:0;}

	.m03_07 .sub_section .section_img_text{display:block;}
	.m03_07 .sub_section .section_img_text::before{display:none;}
	.m03_07 .sub_section .section_img_text .section_img{width:100%; margin-bottom:20px;}
	.m03_07 .sub_section .section_img_text .section_text{width:100%; margin-left:0; background:#fff; padding:50px 15px;}
}

@media (max-width:768px){
	.service_pop{padding-top:50px;}
}

@media(max-width:480px){
	.service_pop .service_pop_close{width:20px; height:20px;}
	.service_pop .service_pop_close::before, .service_pop .service_pop_close::after{height:27px;}
	.service_pop .service_pop_content .service_pop_title{margin-bottom:15px;}
	.service_pop .service_pop_content .service_pop_title h5{font-size:18px; line-height:27px;}
	.service_pop .service_pop_content .service_pop_txt, 
	.service_pop .service_pop_content .service_pop_txt *{font-size:12px; line-height:21px;}

	.m03_07{padding:55px 0 30px}
	.m03_07 .section02{margin:50px auto;}
	.m03_07 .service_wrap .icon_box{margin-bottom:30px;}
	.m03_07 .service_wrap .service_name{font-size:17px}
	.m03_07 .service_wrap .service_text{margin-top:20px; font-size:12px}
	.m03_07 .service_wrap .service_btn{margin-top:30px; font-size:13px}
	
	.m03_07 .sub_section .section_img_text .section_img{margin-bottom:10px;}
	.m03_07 .sub_section .section_img_text .section_text{padding:30px 10px;}
	.m03_07 .sub_section .section_img_text .section_text > p{font-size:11px; margin-bottom:15px; }
	.m03_07 .sub_section .section_img_text .section_text > h5{font-size:16px; margin-bottom:25px;}
	.m03_07 .sub_section .section_img_text .section_text >  .content{font-size:12px; line-height:21px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
COLOMBO CAREER > Colombo Value
html > page > m05_03.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.common_f36{font-size:36px; color:#222222; line-height:50px; font-weight:300;}
.common_f26{font-size:26px; color:#222222; line-height:50px; font-weight:300;}
.common_f18{font-size:18px; color:#222222; line-height:38px; font-weight:300;}
.common_f15{font-size:15px; color:#222222; line-height:30px; font-weight:300;}
.common_f13{font-size:13px; color:#222222; line-height:27px; font-weight:300;}
.bullet_text{padding-left:15px; position:relative;}
.bullet_text::before{content:""; width:4px; height:4px; background:#222222; position:absolute; left:0; top:18px;}
ul.bullet{}
ul.bullet > li{padding-left:7px; position:relative;}
ul.bullet > li::before{content:""; width:2px; height:2px; background:#616161; position:absolute; left:0; top:15px;}
ul.bullet > li.common_f13::before{top:14px;}
.m05_03 .img_box img{}
.m05_03 .container_fix{width:1310px;}
.m05_03{}
.m05_03 > div{margin-bottom:190px;}
.m05_03 .m05_03_01{}
.m05_03 .m05_03_01 .m05_03_01_banner{position:relative;}
.m05_03 .m05_03_01 .m05_03_01_banner > .text_box{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.m05_03 .m05_03_01 .m05_03_01_banner > .text_box > img{display:block; margin:0 auto;}
.m05_03 .m05_03_01 .m05_03_01_banner > .text_box > h3{font-size:45px; color:#fff; line-height:67.5px; margin:40px auto 10px; font-weight:500;}
.m05_03 .m05_03_01 .m05_03_01_banner > .text_box > p{font-size:18px; color:#ffffff; line-height:27px; font-weight:300;}

.m05_03 .m05_03_02{}
.m05_03 .m05_03_02 .text_box{margin-bottom:50px;}
.m05_03 .m05_03_02 .text_box > h5{margin-bottom:25px;}
.m05_03 .m05_03_02 .img_box > ul{display:flex; justify-content:space-between;}

.m05_03 .m05_03_03{}
.m05_03 .m05_03_03 .text_box{margin-bottom:60px;}
.m05_03 .m05_03_03 .img_box{position:relative;}
.m05_03 .m05_03_03 .img_box ul.year{position:absolute; width:100%; overflow:hidden; top:50%; transform:translateY(-50%); left:0;}
.m05_03 .m05_03_03 .img_box ul.year::before{content:""; width:100%; height:0.1px; background:#222222; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.m05_03 .m05_03_03 .img_box ul.year > li{width:14.28571428571429%; float:left; position:relative;}
.m05_03 .m05_03_03 .img_box ul.year > li .circle{width:75px; height:32px; border-radius:50%; margin:0 auto; background:#222222; display:block;}
.m05_03 .m05_03_03 .img_box ul.year > li .text{position:absolute; top:46%; left:50%; transform:translate(-50%, -50%); font-size:15px; color:#fff;}
.m05_03 .m05_03_03 .img_box ul.year_text{width:100%;}
.m05_03 .m05_03_03 .img_box ul.year_text::before, .m05_03 .m05_03_03 .img_box ul.year_text::after{content:""; display:block; clear:both;}
.m05_03 .m05_03_03 .img_box ul.year_text > li{width:14.28571428571429%; float:left; position:relative; text-align:center;}
.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(2n+1){}
.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(2n){padding-top:350px;}
.m05_03 .m05_03_03 .img_box ul.year_text > li .img{margin:0 auto; position:relative; padding-bottom:160px;}
.m05_03 .m05_03_03 .img_box ul.year_text > li .img img{position:absolute; left:50%; transform:translateX(-50%);}
.m05_03 .m05_03_03 .img_box ul.year_text > li .text{font-size:13px; color:#222222; font-weight:300; line-height:23px; margin-top:20px;}

.m05_03 .m05_03_04{}
.m05_03 .m05_03_04 .text_box:first-child{margin-bottom:40px;}
.m05_03 .m05_03_04 .img_box{margin-bottom:50px;}
.m05_03 .m05_03_04 .img_box > ul{display:flex; justify-content:space-between;}

.m05_03 .m05_03_05{}
.m05_03 .m05_03_05 .text_box:first-child{margin-bottom:40px;}
.m05_03 .m05_03_05 .img_box{margin-bottom:50px;}
.m05_03 .m05_03_05 .img_box > ul{display:flex; justify-content:space-between;}
.m05_03 .m05_03_05 .img_box > ul > li{width:18.75%; background:#fff; text-align:center; padding:25px 0;}
.m05_03 .m05_03_05 .img_box > ul > li .img{margin-bottom:25px;}
.m05_03 .m05_03_05 .img_box > ul > li .text p{font-size:16px; color:#222222; font-weight:400; margin-bottom:15px;}
.m05_03 .m05_03_05 .img_box > ul > li .text a{display:inline-block; font-size:14px; color:#222222; font-weight:300;}
.m05_03 .m05_03_05 .img_box > ul > li .text a span.arrow{position:relative; width:7px; height:10px; display:inline-block; top:2px; margin-left:5px;}
.m05_03 .m05_03_05 .img_box > ul > li .text a span.arrow::before{content:""; width:1px; height:7px; background:#383838; position:absolute; transform:rotate(-45deg); top:-2px;}
.m05_03 .m05_03_05 .img_box > ul > li .text a span.arrow::after{content:""; width:1px; height:7px; background:#383838; position:absolute; transform:rotate(45deg); bottom:0;}

.m05_03 .m05_03_06{}
.m05_03 .m05_03_06 .text_box h5{margin-bottom:40px;}
.m05_03 .country_box{margin-bottom:60px;}
.m05_03 .country_box .country{display:inline-block; width:60px;}
.m05_03 .country_box .name{display:inline-block;}
.m05_03 .country_box .name .bold_name{position:relative; font-size:15px; color:#222222; display:inline-block;}
.m05_03 .country_box .name .bold_name::after{content:""; width:1px; height:13px; background:#bebebe; position:absolute; right:-20px; top:3px;}
.m05_03 .country_box .name .light_name{font-size:15px; color:#777777; display:inline-block; margin-left:35px; font-weight:300;}

.m05_03 .img_box.left{overflow:hidden;}
.m05_03 .img_box.left .left_img{width:43.75%; margin-right:0.782%; float:left;}
.m05_03 .img_box.left .right_img_box{width:calc(100% - 44.532%); float:left;}
.m05_03 .img_box.left .right_img_box > .right_img{width:49.295%; float:left; margin-right:1.41%; margin-bottom:1.41%;}
.m05_03 .img_box.left .right_img_box > .right_img:nth-child(2n){margin-right:0;}
.m05_03 .img_box.right{overflow:hidden;}
.m05_03 .img_box.right .right_img{width:43.75%; margin-left:0.782%; float:right;}
.m05_03 .img_box.right .left_img_box{width:calc(100% - 44.532%); float:left;}
.m05_03 .img_box.right .left_img_box > .left_img{width:49.295%; float:left; margin-right:1.41%; margin-bottom:1.41%;}
.m05_03 .img_box.right .left_img_box > .left_img:nth-child(2n){margin-right:0;}

.m05_03 .m05_03_09{overflow:hidden; display:flex; justify-content: center; align-items: center; background:#fff;}
.m05_03 .m05_03_09 .m05_03_09_half{float:none; width:50%; position:relative; z-index:1;}
.m05_03 .m05_03_09 .m05_03_09_half > .img_box{}
.m05_03 .m05_03_09 .m05_03_09_half > .text_box{position:absolute; left:50%; transform:translateX(-50%); bottom:50px; font-size:28px; color:#fff;}
.m05_03 .m05_03_09 .m05_03_09_half:nth-child(2){ z-index:0;}
.m05_03 .m05_03_09 .m05_03_09_half > ul{width:560px; max-width:100%; margin:0 auto; overflow:hidden;}
.m05_03 .m05_03_09 .m05_03_09_half > ul > li{margin-right:40px; width:calc(50% - 20px); float:left;}
.m05_03 .m05_03_09 .m05_03_09_half > ul > li:nth-child(1), .m05_03 .m05_03_09 .m05_03_09_half > ul > li:nth-child(2){margin-bottom:55px;}
.m05_03 .m05_03_09 .m05_03_09_half > ul > li:nth-child(2n){margin-right:0;}
.m05_03 .m05_03_09 .m05_03_09_half > ul > li p{font-size:15px; color:#222222; font-weight:300; margin-top:15px; line-height:22.5px;}

.m05_03 .m05_03_10{}
.m05_03 .m05_03_10 .text_box:first-child{margin-bottom:60px;}
.m05_03 .m05_03_10 .profile_box{background:#fff; padding:40px 0; margin-bottom:60px;}
.m05_03 .m05_03_10 .profile_box .profile{width:50%; float:left; position:relative; padding:0 35px; overflow:hidden; display:flex; align-items:center;}
.m05_03 .m05_03_10 .profile_box .profile:first-child::after{content:""; width:1px; height:100%; background:#ebebeb; position:absolute; right:0px; top:0;}
.m05_03 .m05_03_10 .profile_box .profile .profile_icon{width:100px; float:left;}
.m05_03 .m05_03_10 .profile_box .profile .profile_text{width:calc(100% - 100px); float:left;}
.m05_03 .m05_03_10 .profile_box .profile .profile_text h5{font-size:15px; color:#222222; font-weight:500; margin-bottom:15px;}
.m05_03 .m05_03_10 .text_box:nth-child(3){margin-bottom:30px;}
.m05_03 .m05_03_10 .img_box{}
.m05_03 .m05_03_10 .img_box ul{overflow:hidden;}
.m05_03 .m05_03_10 .img_box ul > li{margin-right:30px; width:calc(20% - 24px); float:left; margin-bottom:35px;}
.m05_03 .m05_03_10 .img_box ul > li:nth-child(5), .m05_03 .m05_03_10 .img_box ul > li:nth-child(10){margin-right:0;}
.m05_03 .m05_03_10 .img_box ul > li:nth-child(6), .m05_03 .m05_03_10 .img_box ul > li:nth-child(7),
.m05_03 .m05_03_10 .img_box ul > li:nth-child(8), .m05_03 .m05_03_10 .img_box ul > li:nth-child(9),
.m05_03 .m05_03_10 .img_box ul > li:nth-child(10){margin-bottom:0;}
.m05_03 .m05_03_10 .img_box ul > li p{font-size:15px; color:#222222; font-weight:300; margin-top:15px;}

.m05_03 .m05_03_11{}
.m05_03 .m05_03_11 .text_box{margin-bottom:50px;}
.m05_03 .m05_03_11 .text_box h3{margin-bottom:10px;}
.m05_03 .img_padding{background:#fff; padding:60px 75px;}
.m05_03 .img_padding ul{overflow:hidden;}
.m05_03 .img_padding ul > li{width:calc(25% - 23px); margin-right:30px; float:left;}
.m05_03 .img_padding ul > li:last-child{margin-right:0;}
.m05_03 .img_padding ul > li .text{margin-top:20px;}
.m05_03 .img_padding ul > li .text h5{font-size:15px; color:#222222; font-weight:300; margin-bottom:5px; line-height:22.5px;}
.m05_03 .img_padding ul > li .text p{font-size:14px; color:#777777; font-weight:300; line-height:21px;}

.m05_03 .m05_03_12{}
.m05_03 .m05_03_12 .text_box{margin-bottom:50px;}
.m05_03 .m05_03_12 .img_box{}
.m05_03 .m05_03_12 .img_box ul{overflow:hidden;}
.m05_03 .m05_03_12 .img_box ul > li{margin-right:10px; float:left;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(1){width:39.454%;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .top_img{margin-bottom:10px;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .bot_img{overflow:hidden;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .bot_img .img{width:calc(50% - 5px); margin-right:10px; float:left;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .bot_img .img:last-child{margin-right:0;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2){width:39.532%;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .top_img{overflow:hidden; margin-bottom:10px;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .bot_img{overflow:hidden;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .top_img .img,
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .bot_img .img{width:calc(50% - 5px); margin-right:10px; float:left;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .top_img .img:last-child,
.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .bot_img .img:last-child{margin-right:0;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(3){margin-right:0; width:calc(100% - 80.586%);}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(3) .img{margin-bottom:10px;}
.m05_03 .m05_03_12 .img_box ul > li:nth-child(3) .img:last-child{margin-bottom:0;}
.m05_03 .m05_03_12 .img_box ul > li:last-child{margin-right:0;}
.m05_03 .m05_03_12 p.caption{font-size:15px; color:#222222; font-weight:300; margin-top:15px;}

.m05_03 .m05_03_13{}
.m05_03 .m05_03_13 .text_box{margin-bottom:50px;}
.m05_03 .m05_03_13 .img_box{padding:60px 75px; background:#fff;}
.m05_03 .m05_03_13 .img_box ul{overflow:hidden;}
.m05_03 .m05_03_13 .img_box ul > li{width:calc(34.072% - 15px); margin-right:30px; float:left;}
.m05_03 .m05_03_13 .img_box ul > li img{width:100%;}
.m05_03 .m05_03_13 .img_box ul > li:last-child{margin-right:0; width:calc(65.90% - 15px);}
.m05_03 .m05_03_13 .img_box ul > li .text{margin-top:20px;}
.m05_03 .m05_03_13 .img_box ul > li h5{font-size:15px; color:#222222; font-weight:300; margin-bottom:10px;}
.m05_03 .m05_03_13 .img_box ul > li p{font-size:14px; color:#777777; font-weight:300;}

.m05_03 .m05_03_14{}
.m05_03 .m05_03_14 .text_box{margin-bottom:50px;}
.m05_03 .m05_03_14 .img_box{padding:60px 75px; background:#fff;}
.m05_03 .m05_03_14 .img_box ul{overflow:hidden;}
.m05_03 .m05_03_14 .img_box ul > li{float:left; margin-right:30px;}
.m05_03 .m05_03_14 .img_box ul > li:nth-child(1), .m05_03 .m05_03_14 .img_box ul > li:nth-child(3){width:calc(37.612% - 20px);}
.m05_03 .m05_03_14 .img_box ul > li:nth-child(2){width:calc(24.7% - 20px);}
.m05_03 .m05_03_14 .img_box ul > li:last-child{margin-right:0;}
.m05_03 .m05_03_14 .img_box ul > li .img{border:1px solid #e1e1e1;}
.m05_03 .m05_03_14 .img_box ul > li:first-child .img{border:0;}
.m05_03 .m05_03_14 .img_box ul > li .img img{width:100%;}
.m05_03 .m05_03_14 .img_box ul > li .text{font-size:15px; color:#222222; font-weight:300; line-height:25px; margin-top:15px;}
.m05_03 .m05_03_14 .img_box ul > li .top_img{margin-bottom:24.7px;}

.m05_03 .m05_03_15{}
.m05_03 .m05_03_15 .text_box:first-child{margin-bottom:30px;}
.m05_03 .m05_03_15 .date_box{margin-bottom:40px;}
.m05_03 .m05_03_15 .date_box .date{}
.m05_03 .m05_03_15 .date_box .date .left_text{width:130px; font-size:15px; color:#222222; line-height:30px; float:left; position:relative;}
.m05_03 .m05_03_15 .date_box .date .left_text::after{content:""; width:1px; height:13px; background:#bebebe; position:absolute; right:0; top:9px;}
.m05_03 .m05_03_15 .date_box .date .right_text{width:calc(100% - 130px); font-size:15px; color:#222222; font-weight:300; float:left; line-height:30px; padding-left:23px;}
.m05_03 .m05_03_15 .date_box .date .right_text .right_left_text{width:110px; float:left;}
.m05_03 .m05_03_15 .date_box .date .right_text .right_right_text{width:calc(100% - 110px); float:left;}
.m05_03 .m05_03_15 .img_box{margin-bottom:35px;}
.m05_03 .m05_03_15 .img_box ul{overflow:hidden;}
.m05_03 .m05_03_15 .img_box ul > li{width:calc(20% - 16px); margin-right:20px; float:left;}
.m05_03 .m05_03_15 .img_box ul > li img{width:100%;}
.m05_03 .m05_03_15 .img_box ul > li:last-child{margin-right:0;}

.m05_03 .m05_03_16{}
.m05_03 .m05_03_16 .text_box{margin-bottom:50px;}
.m05_03 .m05_03_16 .text_box h5{margin-bottom:15px;}
.m05_03 .m05_03_16 .img_box img{width:100%;}

.m05_03 .m05_03_17{}
.m05_03 .m05_03_17 .text_box{margin-bottom:60px;}
.m05_03 .m05_03_17 .m05_03_section17{width:calc(100% - 20px); margin:0 auto;}
.m05_03 .m05_03_17 .swiper-pagination{position:relative; opacity:1; margin-top:35px; bottom:auto !important;}
.m05_03 .m05_03_17 .swiper-pagination span{width:8px; height:8px; background:#b9b9b9; margin:0 6px; opacity:1;}
.m05_03 .m05_03_17 .swiper-pagination span.swiper-pagination-bullet-active{background:#222222;}

@media (min-width:1950px){
	.m05_03 .img_box img{width:100%; margin:0 auto; display:block;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li .img img{width:auto;}
	.m05_03 .m05_03_05 .img_box > ul > li .img, .m05_03 .m05_03_05 .img_box > ul > li .img img{width:auto;}
	.m05_03 .m05_03_17 .m05_03_section17{width:1890px;}
}
@media (max-width:1850px){
	.m05_03 .img_box img{width:100%; margin:0 auto; display:block;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li .img img, .m05_03 .m05_03_05 .img_box > ul > li .img img{width:auto;}
}

@media (max-width:991px){
	.m05_03 .m05_03_02 .img_box > ul{display:block;}
	.m05_03 .m05_03_02 .img_box > ul > li{margin-bottom:30px;}
	.m05_03 .m05_03_02 .img_box > ul > li:last-child{margin-bottom:0;}

	.m05_03 .m05_03_03 .img_box{overflow:hidden; position:relative;}
	.m05_03 .m05_03_03 .img_box::before{content:""; width:1px; height:100%; background:#222222; position:absolute; top:50%; transform:translateY(-50%); left:35px;}
	.m05_03 .m05_03_03 .img_box ul.year{position:relative; width:100px; overflow:hidden; top:auto; transform:translateY(0); left:auto; padding:50px 0; float:left; display:none;}
	.m05_03 .m05_03_03 .img_box ul.year::before{content:""; width:1px; height:100%; background:#222222; top:50%; left:50%; transform:translate(-50%, -50%);}
	.m05_03 .m05_03_03 .img_box ul.year > li{width:100%; float:none; position:relative; margin-bottom:300px;}
	.m05_03 .m05_03_03 .img_box ul.year > li:last-child{margin-bottom:0;}
	.m05_03 .m05_03_03 .img_box ul.year > li .circle{width:70px; height:30px;}
	.m05_03 .m05_03_03 .img_box ul.year > li .text{top:46%;font-size:14px; font-weight:300;}
	
	.m05_03 .m05_03_03 .img_box ul.year_text{width:calc(100% - 100px); float:right;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li{width:100%; float:none; margin-bottom:50px;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:last-child{margin-bottom:0;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(2n){padding-top:0;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li .img{padding-bottom:0;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li .img::before{content:""; position:absolute; top:50%; transform:translateY(-50%); width:70px; height:30px; line-height:30px; 
	background:#222; border-radius:50%;	margin:0 auto; color:#fff; font-size:14px; font-weight:300; z-index:1; left:-100px;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(1) .img::before{content:"1953";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(2) .img::before{content:"1960";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(3) .img::before{content:"1972";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(4) .img::before{content:"2011";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(5) .img::before{content:"2012";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(6) .img::before{content:"2015";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(7) .img::before{content:"2016";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(6) .img img,
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(7) .img img{width:85%;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li .img img{position:relative; left:auto; transform:translateY(0); width:50%;}
	.m05_03 .m05_03_03 .img_box ul.year_text > li .text{font-size:12px; line-height:21px; margin-top:15px;}
	
	.m05_03 .m05_03_04 .img_box > ul{display:block;}
	.m05_03 .m05_03_04 .img_box > ul > li{margin-bottom:30px;}
	.m05_03 .m05_03_04 .img_box > ul > li:last-child{margin-bottom:0;}

	.m05_03 .m05_03_05 .img_box > ul{display:block; overflow:hidden;}
	.m05_03 .m05_03_05 .img_box > ul > li{width:calc(50% - 5px); margin-right:10px; float:left; margin-bottom:10px;}
	.m05_03 .m05_03_05 .img_box > ul > li:nth-child(2n){margin-right:0;}
	.m05_03 .m05_03_05 .img_box > ul > li:last-child{margin-bottom:0;}

	.m05_03 .img_box.left .left_img{width:100%; margin-right:0%; float:none; margin-bottom:5px;}
	.m05_03 .img_box.left .right_img_box{width:100%; float:0;}
	.m05_03 .img_box.left .right_img_box > .right_img{width:calc(50% - 2.5px); margin-right:5px; margin-bottom:5px;}
	.m05_03 .img_box.left .right_img_box > .right_img:nth-child(2n){margin-right:0;}
	.m05_03 .img_box.right .right_img{width:100%; margin-left:0; float:none; margin-bottom:5px;}
	.m05_03 .img_box.right .left_img_box{width:100%; float:none;}
	.m05_03 .img_box.right .left_img_box > .left_img{width:calc(50% - 2.5px); margin-right:5px; margin-bottom:5px;}
	.m05_03 .img_box.right .left_img_box > .left_img:nth-child(2n){margin-right:0;}

	.m05_03 .m05_03_09{display:block;}
	.m05_03 .m05_03_09 .m05_03_09_half{width:100%;}
	.m05_03 .m05_03_09 .m05_03_09_half > .text_box{width:100%; text-align:center;}
	.m05_03 .m05_03_09 .m05_03_09_half > ul{width:100%; padding:40px 15px;}
	.m05_03 .m05_03_09 .m05_03_09_half > ul > li{margin-right:10px; width:calc(50% - 5px);}
	.m05_03 .m05_03_09 .m05_03_09_half > ul > li:nth-child(1), .m05_03 .m05_03_09 .m05_03_09_half > ul > li:nth-child(2){margin-bottom:20px;}
	.m05_03 .m05_03_09 .m05_03_09_half > ul > li:nth-child(2n){margin-right:0;}
	.m05_03 .m05_03_09 .m05_03_09_half > ul > li p{font-size:12px; margin-top:10px; line-height:21px;}

	.m05_03 .m05_03_10 .profile_box{padding:30px 20px; margin-bottom:30px;}
	.m05_03 .m05_03_10 .profile_box .profile{width:100%; float:none; padding:0; display:block;}
	.m05_03 .m05_03_10 .profile_box .profile:first-child{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ebebeb;}
	.m05_03 .m05_03_10 .profile_box .profile:first-child::after{display:none;}
	.m05_03 .m05_03_10 .text_box:nth-child(3){margin-bottom:20px;}
	.m05_03 .m05_03_10 .img_box ul > li{margin-right:10px; width:calc(50% - 5px); float:left; margin-bottom:25px;}
	.m05_03 .m05_03_10 .img_box ul > li:nth-child(2n){margin-right:0;}
	.m05_03 .m05_03_10 .img_box ul > li:nth-child(5){margin-right:10px;}
	.m05_03 .m05_03_10 .img_box ul > li:nth-child(6), .m05_03 .m05_03_10 .img_box ul > li:nth-child(7),
	.m05_03 .m05_03_10 .img_box ul > li:nth-child(8){margin-bottom:25px;}

	.m05_03 .m05_03_11{}
	.m05_03 .img_padding{padding:30px 15px;}
	.m05_03 .img_padding ul > li{width:calc(50% - 5px); margin-right:10px; margin-bottom:25px;}
	.m05_03 .img_padding ul > li:nth-child(2n){margin-right:0;}
	.m05_03 .img_padding ul > li:nth-child(3), .m05_03 .img_padding ul > li:nth-child(4){margin-bottom:0;}

	.m05_03 .m05_03_12 .text_box{margin-bottom:50px;}
	.m05_03 .m05_03_12 .img_box ul > li{margin-right:0px; float:none; margin-bottom:5px;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(1){width:100%;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .top_img{margin-bottom:5px;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .bot_img .img{width:calc(50% - 2.5px); margin-right:5px;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(1) .bot_img .img:last-child{margin-right:0;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(2){width:100%;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .top_img{margin-bottom:5px;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .top_img .img,
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(2) .bot_img .img{width:calc(50% - 2.5px); margin-right:5px;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(3){width:100%; overflow:hidden;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(3) .img{width:calc(33.3333% - 3.4px); float:left; margin-right:5px; margin-bottom:0;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(3) .img:last-child{margin-right:0;}
	.m05_03 .m05_03_12 .img_box ul > li:nth-child(3){margin-bottom:0;}
	.m05_03 .m05_03_12 p.caption{font-size:12px;margin-top:10px; line-height:21px;}

	.m05_03 .m05_03_13 .img_box{padding:50px 15px;}
	.m05_03 .m05_03_13 .img_box ul > li{width:80%; margin-right:0px; float:none; margin-bottom:30px}
	.m05_03 .m05_03_13 .img_box ul > li:last-child{width:100%; margin-bottom:0;}

	.m05_03 .m05_03_14 .img_box{padding:50px 15px;}
	.m05_03 .m05_03_14 .img_box ul > li{float:none; margin-right:0px; margin-bottom:30px;}
	.m05_03 .m05_03_14 .img_box ul > li:last-child{margin-bottom:0;}
	.m05_03 .m05_03_14 .img_box ul > li:nth-child(1), .m05_03 .m05_03_14 .img_box ul > li:nth-child(3){width:100%;}
	.m05_03 .m05_03_14 .img_box ul > li:nth-child(2){width:100%;}
	.m05_03 .m05_03_14 .img_box ul > li .top_img{margin-bottom:30px;}


	.m05_03 .m05_03_15 .date_box .date .right_text .right_left_text{width:100%; float:none;}
	.m05_03 .m05_03_15 .date_box .date .right_text .right_right_text{width:100%; float:none;}
	.m05_03 .m05_03_15 .img_box{margin-bottom:25px;}
	.m05_03 .m05_03_15 .img_box ul{overflow:hidden;}
	.m05_03 .m05_03_15 .img_box ul > li{width:calc(50% - 5px); margin-right:10px; float:left; margin-bottom:10px;}
	.m05_03 .m05_03_15 .img_box ul > li img{width:100%;}
	.m05_03 .m05_03_15 .img_box ul > li:nth-child(2n){margin-right:0;}
	.m05_03 .m05_03_15 .img_box ul > li:last-child{margin-right:0;}

	.m05_03 .m05_03_17 .m05_03_section17{width:calc(100% - 30px);}
	
}

@media (max-width:480px){
	.common_f36{font-size:22px; line-height:30px;}
	.common_f26{font-size:18px; line-height:27px;}
	.common_f18{font-size:14px; line-height:24px;}
	.common_f15{font-size:12px; line-height:21px;}
	.common_f13{font-size:11px; line-height:18px;}
	ul.bullet > li.common_f13::before{top:10px;}
	.bullet_text{padding-left:10px;}
	.bullet_text::before{width:3px; height:3px; top:11px;}
	
	.m05_03 .text_box br{display:none;}
	.m05_03 > div{margin-bottom:80px;}

	.m05_03 .m05_03_01 .m05_03_01_banner > .text_box > img{width:70px;}
	.m05_03 .m05_03_01 .m05_03_01_banner > .text_box > h3{font-size:28px; line-height:42px; margin:20px auto 10px;}
	.m05_03 .m05_03_01 .m05_03_01_banner > .text_box > p{font-size:14px; line-height:21px;}

	.m05_03 .m05_03_02 .text_box{margin-bottom:40px;}
	.m05_03 .m05_03_02 .text_box > h5{margin-bottom:20px;}
	ul.bullet > li{padding-left:5px; margin-bottom:10px;}
	ul.bullet > li:last-child{margin-bottom:0}
	ul.bullet > li::before{width:1px; height:1px; top:11px;}
	
	.m05_03 .m05_03_03 .text_box{margin-bottom:40px;}	

	.m05_03 .m05_03_04 .text_box:first-child{margin-bottom:30px;}
	.m05_03 .m05_03_04 .img_box{margin-bottom:30px;}
	
	.m05_03 .m05_03_05 .text_box:first-child{margin-bottom:30px;}
	.m05_03 .m05_03_05 .img_box{margin-bottom:30px;}
	.m05_03 .m05_03_05 .img_box > ul > li{padding:15px 0;}
	.m05_03 .m05_03_05 .img_box > ul > li .img{margin-bottom:20px;}
	.m05_03 .m05_03_05 .img_box > ul > li .img img{width:50%;}
	.m05_03 .m05_03_05 .img_box > ul > li .text p{font-size:14px; margin-bottom:10px;}
	.m05_03 .m05_03_05 .img_box > ul > li .text a{font-size:12px;}
	.m05_03 .m05_03_05 .img_box > ul > li .text a span.arrow{width:5px; height:7px;margin-left:3px; top:0px;}
	.m05_03 .m05_03_05 .img_box > ul > li .text a span.arrow::before{width:1px; height:5px;}
	.m05_03 .m05_03_05 .img_box > ul > li .text a span.arrow::after{width:1px; height:5px; bottom:1px;}

	.m05_03 .m05_03_06 .text_box h5{margin-bottom:30px;}
	.m05_03 .country_box{margin-bottom:40px; overflow:hidden;}
	.m05_03 .country_box .country{display:block; width:45px; float:left;}
	.m05_03 .country_box .country img{width:30px;}
	.m05_03 .country_box .name{display:block; float:left; width:calc(100% - 45px); overflow:hidden; position:relative; top:-3px;}
	.m05_03 .country_box .name .bold_name{font-size:12px; line-height:21px; } 
	.m05_03 .country_box .name .bold_name::after{height:10px; background:#bebebe; position:absolute; right:-7px; top:7px;}
	.m05_03 .country_box .name .light_name{font-size:12px; margin-left:10px; line-height:21px;}

	.m05_03 .m05_03_09 .m05_03_09_half > .text_box{width:calc(100% - 30px); bottom:20px; font-size:18px; text-align:center;}

	.m05_03 .m05_03_10 .text_box:first-child{margin-bottom:30px;}
	.m05_03 .m05_03_10 .profile_box{background:#fff; padding:30px 20px; margin-bottom:30px;}
	.m05_03 .m05_03_10 .profile_box .profile .profile_icon{width:80px;}
	.m05_03 .m05_03_10 .profile_box .profile .profile_icon img{width:50px;}
	.m05_03 .m05_03_10 .profile_box .profile .profile_text{width:calc(100% - 80px);}
	.m05_03 .m05_03_10 .profile_box .profile .profile_text h5{font-size:13px; margin-bottom:10px;}
	.m05_03 .m05_03_10 .profile_box .profile .profile_text ul.bullet li{margin-bottom:0;}
	.m05_03 .m05_03_10 .profile_box .profile .profile_text ul.bullet li br{display:none;}
	.m05_03 .m05_03_10 .img_box ul > li p{font-size:12px; margin-top:10px;}

	.m05_03 .m05_03_11 .text_box{margin-bottom:30px;}
	.m05_03 .img_padding ul > li .text{margin-top:10px;}
	.m05_03 .img_padding ul > li .text h5{font-size:13px; margin-bottom:5px; line-height:21px;}
	.m05_03 .img_padding ul > li .text p{font-size:12px; line-height:21px;}
	
	.m05_03 .m05_03_13 .text_box{margin-bottom:30px;}
	.m05_03 .m05_03_13 .img_box{padding:40px 15px;}
	.m05_03 .m05_03_13 .img_box ul > li .text{margin-top:15px;}
	.m05_03 .m05_03_13 .img_box ul > li h5{font-size:13px; margin-bottom:10px;}
	.m05_03 .m05_03_13 .img_box ul > li p{font-size:12px; }
	
	.m05_03 .m05_03_14 .text_box{margin-bottom:30px;}
	.m05_03 .m05_03_14 .img_box{padding:40px 15px;}
	.m05_03 .m05_03_14 .img_box ul > li .text{font-size:13px; margin-top:10px;}
	.m05_03 .m05_03_14 .img_box ul > li .text br{display:none;}

	.m05_03 .m05_03_15 .text_box:first-child{margin-bottom:20px;}
	.m05_03 .m05_03_15 .date_box{margin-bottom:20px;}
	.m05_03 .m05_03_15 .date_box .date{margin-bottom:15px;}
	.m05_03 .m05_03_15 .date_box .date:last-child{margin-bottom:0;}
	.m05_03 .m05_03_15 .date_box .date .left_text{width:100px; font-size:12px; line-height:21px;}
	.m05_03 .m05_03_15 .date_box .date .left_text::after{height:10px; top:7px;}
	.m05_03 .m05_03_15 .date_box .date .right_text{width:calc(100% - 100px); font-size:12px; line-height:21px; padding-left:15px;}
	.m05_03 .m05_03_15 .date_box .date .right_text ul li{margin-bottom:0;}
	.m05_03 .m05_03_15 .img_box{margin-bottom:20px;}

	.m05_03 .m05_03_16 .text_box{margin-bottom:40px;}
	.m05_03 .m05_03_16 .text_box h5{margin-bottom:10px;}

	.m05_03 .m05_03_17 .text_box{margin-bottom:40px;}
	.m05_03 .m05_03_17 .swiper-pagination{margin-top:20px;}
	.m05_03 .m05_03_17 .swiper-pagination span{width:8px; height:8px ;margin:0 6px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
COLOMBO CAREER > Colombo Identity
html > page > m05_05.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.text_content{}
.text_content p{margin-bottom:30px;}
.text_content p:last-child{margin-bottom:0;}
.m05_05 .img_box img{}
.m05_05 .container_fix{width:1310px;}

.m05_05{}
.m05_05 > div{margin-bottom:190px;}

.m05_05 .m05_05_01{}
.m05_05 .m05_05_01 .m05_05_01_banner{position:relative;}
.m05_05 .m05_05_01 .m05_05_01_banner > .text_box{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.m05_05 .m05_05_01 .m05_05_01_banner > .text_box > img{display:block; margin:0 auto;}
.m05_05 .m05_05_01 .m05_05_01_banner > .text_box > h3{font-size:45px; color:#fff; line-height:67.5px; margin-top:0px; font-weight:500;}
.m05_05 .m05_05_01 .m05_05_01_banner > .text_box > p{font-size:18px; color:#ffffff; line-height:27px; font-weight:300;}

.m05_05 .m05_05_02{}
.m05_05 .m05_05_02 .container_fix{overflow:hidden;}
.m05_05 .m05_05_02 .left_img{float:left; width:50%;}
.m05_05 .m05_05_02 .img_box{width:510px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_02 .text_box{float:left; width:50%; padding-left:95px;}
.m05_05 .m05_05_02 .text_box > p{font-size:16px; color:#222222; font-weight:400;}
.m05_05 .m05_05_02 .text_box > h3{font-size:45px; color:#222; line-height:60px; margin:15px auto 30px; font-weight:bold;}

.m05_05 .m05_05_03{}
.m05_05 .m05_05_03 .bot_full{display:flex; justify-content:center; align-items:center;}
.m05_05 .m05_05_03 .bot_full::before{content:""; width:calc(50% - 5px); height:100%; background:#fff; z-index:0; position:absolute; bottom:0; left:0;}
.m05_05 .full_box{margin:0 auto; width:calc(100% - 20px); max-width:100%;}
.m05_05 .full_box .top_full{margin-bottom:10px;}
.m05_05 .full_box > div{overflow:hidden; position:relative;}
.m05_05 .full_box > div img{width:100%;}
.m05_05 .full_box > div > div.left_full{width:calc(50% - 5px); margin-right:10px; float:left; z-index:1; position:relative;}
.m05_05 .full_box > div > div.right_full{width:calc(50% - 5px); float:left; z-index:1;}
.m05_05 .full_box .white_bg{background:#fff;}
.m05_05 .full_box .text_content{text-align:center;}

.m05_05 .m05_05_04{}
.m05_05 .m05_05_04 .container_fix{overflow:hidden;}
.m05_05 .m05_05_04 .left_img{float:left; width:50%;}
.m05_05 .m05_05_04 .img_box{width:600px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_04 .text_box{float:left; width:50%; padding-left:95px; padding-top:100px;}

.m05_05 .m05_05_05{}
.m05_05 .m05_05_05 .container_fix{overflow:hidden;}
.m05_05 .m05_05_05 .left_img{float:left; width:50%;}
.m05_05 .m05_05_05 .right_img{float:left; width:50%;}
.m05_05 .m05_05_05 .left_img .img_box{width:600px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_05 .right_img .img_box{width:600px; margin-right:auto; margin-left:40px; max-width:100%;}

.m05_05 .m05_05_06{}
.m05_05 .m05_05_06 .top_full{display:flex; justify-content:center; align-items:start;}
.m05_05 .m05_05_06 .top_full .text_content{padding-top:15%;}
.m05_05 .m05_05_06 .top_full::before, .m05_05 .m05_05_06 .bot_full::before{content:""; width:calc(50% - 5px); height:100%; 
background:#fff; z-index:0; position:absolute; bottom:0; left:0;}
.m05_05 .m05_05_06 .top_full::before{left:auto; right:0; background:url('/img/m05_05_section06_img02.jpg'); background-size:cover;}

.m05_05 .m05_05_07{background:url('/img/m05_05_section07_bg.jpg'); background-repeat:no-repeat; background-position:100% 80%; margin-bottom:0; padding-bottom:190px;}
.m05_05 .m05_05_07 .container_fix{overflow:hidden;}
.m05_05 .m05_05_07 .left_img{float:left; width:50%;}
.m05_05 .m05_05_07 .img_box{width:600px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_07 .text_box{float:left; width:50%; padding-left:95px; padding-top:100px;}

.m05_05 .m05_05_08{}
.m05_05 .m05_05_08 .container_fix{overflow:hidden;}
.m05_05 .m05_05_08 .left_img{float:left; width:50%;}
.m05_05 .m05_05_08 .right_img{float:left; width:50%;}
.m05_05 .m05_05_08 .left_img .img_box{width:600px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_08 .right_img .img_box{width:600px; margin-right:auto; margin-left:40px; max-width:100%;}

.m05_05 .m05_05_09{}
.m05_05 .m05_05_09 .top_full, .m05_05 .m05_05_09 .bot_full{display:flex; justify-content:center; align-items:center;}
.m05_05 .m05_05_09 .top_full .text_content{text-align:left; padding-left:15%;}
.m05_05 .m05_05_09 .top_full::before, .m05_05 .m05_05_09 .bot_full::before{content:""; width:calc(50% - 5px); height:100%; 
background:#fff; z-index:0; position:absolute; bottom:0; left:0;}
.m05_05 .m05_05_09 .top_full::before{left:auto; right:0; background:url('/img/m05_05_section09_img02.jpg'); background-size:cover;}

.m05_05 .m05_05_10{}
.m05_05 .m05_05_10 .container_fix{overflow:hidden;}
.m05_05 .m05_05_10 .left_img{float:left; width:50%;}
.m05_05 .m05_05_10 .right_img{float:left; width:50%;}
.m05_05 .m05_05_10 .left_img .img_box{width:600px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_10 .right_img .img_box{width:600px; margin-right:auto; margin-left:40px; max-width:100%;}

.m05_05 .m05_05_11{}
.m05_05 .m05_05_11 .container_fix{overflow:hidden;}
.m05_05 .m05_05_11 .left_img{float:left; width:50%;}
.m05_05 .m05_05_11 .right_img{float:left; width:50%;}
.m05_05 .m05_05_11 .left_img .img_box{width:600px; margin-left:auto; margin-right:40px; max-width:100%;}
.m05_05 .m05_05_11 .right_img .img_box{width:600px; margin-right:auto; margin-left:40px; max-width:100%;}

.m05_05 .m05_05_12{}
.m05_05 .m05_05_12 .top_full{display:flex; justify-content:center; align-items:center;}
.m05_05 .m05_05_12 .bot_full .text_content{padding-top:20%;}
.m05_05 .m05_05_12 .top_full::before, .m05_05 .m05_05_12 .bot_full::before{content:""; width:calc(50% - 5px); height:100%; background:#fff; z-index:0;
position:absolute; bottom:0; left:0;}
.m05_05 .m05_05_12 .top_full::before{left:auto; right:0; background:#fff; background-size:cover;}
.m05_05 .m05_05_12 .bot_full::before{left:auto; left:0; background:url('/img/m05_05_section12_img02.jpg'); background-size:cover;}

.m05_05 .m05_05_13{}
.m05_05 .m05_05_13 .img_box{margin-bottom:120px;}
.m05_05 .m05_05_13 .img_box .left_img{float:left; width:calc(50% - 20px); margin-right:40px;}
.m05_05 .m05_05_13 .img_box .right_img{float:left; width:calc(50% - 20px); margin-right:0;}
.m05_05 .m05_05_13 .img_box:first-child{margin-bottom:190px;}
.m05_05 .m05_05_13 .img_box:last-child{margin-bottom:0;}

.m05_05 .m05_05_14{}
.m05_05 .m05_05_14 .img_box .left_img{float:left; width:calc(50% - 20px); margin-right:40px;}
.m05_05 .m05_05_14 .img_box .right_img{float:left; width:calc(50% - 20px); margin-right:0;}

.m05_05 .m05_05_15{}
.m05_05 .m05_05_15 .img_box .left_img{float:left; width:calc(50% - 20px); margin-right:40px;}
.m05_05 .m05_05_15 .img_box .right_img{float:left; width:calc(50% - 20px); margin-right:0;}

.m05_05 .m05_05_16{}
.m05_05 .m05_05_16 .img{margin-bottom:9.375%;}
.m05_05 .m05_05_16 .img:last-child{margin-bottom:0;}

@media (min-width:1950px){
	.m05_05 .img_box img{width:100%; margin:0 auto; display:block;}
	.m05_05 .full_box{width:1890px;}
}

@media (max-width:1850px){
	.m05_05 .img_box img{width:100%; margin:0 auto; display:block;}
}

@media (max-width:991px){
	.m05_05 .m05_05_02 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_02 .img_box{width:80%; margin-right:auto; margin-left:0;}
	.m05_05 .m05_05_02 .text_box{float:none; width:100%; padding-left:0px; margin-top:40px;}

	.m05_05 .m05_05_03 .bot_full{display:block;}
	.m05_05 .m05_05_03 .bot_full::before{display:none;}
	.m05_05 .m05_05_03 .bot_full .left_full{padding:10% 15px;}
	.m05_05 .full_box{width:calc(100% - 30px);}
	.m05_05 .full_box .top_full{margin-bottom:5px;}
	.m05_05 .full_box > div > div.left_full{width:100%; margin-right:0px; margin-bottom:5px; float:none;}
	.m05_05 .full_box > div > div.right_full{width:100%; float:none;}

	.m05_05 .m05_05_04 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_04 .img_box{width:80%; margin-right:auto; margin-left:0;}
	.m05_05 .m05_05_04 .text_box{float:none; width:100%; padding-left:0; padding-top:0; margin-top:40px;}

	.m05_05 .m05_05_05 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_05 .right_img{float:none; width:100%;}
	.m05_05 .m05_05_05 .left_img .img_box{width:100%; margin-right:0; margin-bottom:40px;}
	.m05_05 .m05_05_05 .right_img .img_box{width:100%; margin-left:0;}

	.m05_05 .m05_05_06 .top_full{display:block;}
	.m05_05 .m05_05_06 .top_full .text_content{padding-top:15%;}
	.m05_05 .m05_05_06 .top_full .right_full{position:relative; padding-bottom:84.657%; background:url('/img/m05_05_section06_img02.jpg') #fff; background-size:120%; background-position:center center;}
	.m05_05 .m05_05_06 .top_full .right_full .text_content{padding-top:10%; position:absolute; top:0; left:0; width:100%;}
	.m05_05 .m05_05_06 .top_full::before, .m05_05 .m05_05_06 .bot_full::before{display:none;}
	.m05_05 .m05_05_06 .top_full::before{display:none;}

	.m05_05 .m05_05_07{background-position:100% 80%; margin-bottom:0; background-position:100% 90%; background-size:100px;}
	.m05_05 .m05_05_07 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_07 .img_box{width:80%; margin-left:0; margin-right:0; margin-bottom:40px;}
	.m05_05 .m05_05_07 .text_box{float:none; width:80%; padding-left:0; padding-top:0;}

	.m05_05 .m05_05_08 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_08 .right_img{float:none; width:100%;}
	.m05_05 .m05_05_08 .left_img .img_box{width:100%; margin-right:0; margin-left:0; margin-bottom:40px;}
	.m05_05 .m05_05_08 .right_img .img_box{width:100%; margin-left:0;}

	.m05_05 .m05_05_09 .top_full, .m05_05 .m05_05_09 .bot_full{display:block;}
	.m05_05 .m05_05_09 .top_full .text_content{text-align:left; padding-left:10%;}
	.m05_05 .m05_05_09 .top_full::before, .m05_05 .m05_05_09 .bot_full::before{display:none;}
	.m05_05 .m05_05_09 .top_full .right_full{position:relative; padding-bottom:84.657%; background:url('/img/m05_05_section09_img02.jpg') #fff; background-size:100%; background-position:center center;}
	.m05_05 .m05_05_09 .top_full .right_full .text_content{padding-top:0; position:absolute; top:50%; transform:translateY(-50%); width:55%;}
	.m05_05 .m05_05_09 .bot_full .left_full{padding:15% 15px;}
	
	.m05_05 .m05_05_10 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_10 .right_img{float:none; width:100%;}
	.m05_05 .m05_05_10 .left_img .img_box{width:100%; margin-right:0; margin-left:0; margin-bottom:40px;}
	.m05_05 .m05_05_10 .right_img .img_box{width:100%; margin-left:0;}

	.m05_05 .m05_05_11 .left_img{float:none; width:100%;}
	.m05_05 .m05_05_11 .right_img{float:none; width:100%;}
	.m05_05 .m05_05_11 .left_img .img_box{width:100%; margin-right:0; margin-left:0; margin-bottom:40px;}
	.m05_05 .m05_05_11 .right_img .img_box{width:100%; margin-left:0;}

	.m05_05 .m05_05_12 .top_full{display:block;}
	.m05_05 .m05_05_12 .top_full .text_content{padding:15% 15px; background:#fff;}
	.m05_05 .m05_05_12 .bot_full .text_content{padding-top:20%;}
	.m05_05 .m05_05_12 .top_full::before, .m05_05 .m05_05_12 .bot_full::before{display:none;}
	.m05_05 .m05_05_12 .bot_full .left_full{position:relative; padding-bottom:84.657%; background:url('/img/m05_05_section12_img02.jpg') #fff; background-size:140%; 
	background-position:center center;}
	.m05_05 .m05_05_12 .bot_full .left_full .text_content{padding-top:10%; position:absolute; width:85%; left:50%; transform:translateX(-50%);}

	.m05_05 .m05_05_13 .img_box{margin-bottom:120px;}
	.m05_05 .m05_05_13 .img_box .left_img{float:none; width:100%; margin-right:0; margin-bottom:40px;}
	.m05_05 .m05_05_13 .img_box .right_img{float:none; width:100%;}
	
	.m05_05 .m05_05_14 .img_box .left_img{float:none; width:100%; margin-right:0px; margin-bottom:40px;}
	.m05_05 .m05_05_14 .img_box .right_img{float:none; width:100%;}

	.m05_05 .m05_05_15 .img_box .left_img{float:none; width:100%; margin-right:0px; margin-bottom:40px;}
	.m05_05 .m05_05_15 .img_box .right_img{float:none; width:100%;}
}

@media (max-width:480px){
	.text_content p{margin-bottom:15px;}
	.text_content p br{display:none;}
	.m05_05 > div{margin-bottom:80px;}
	.m05_05 .m05_05_01 .m05_05_01_banner > .text_box > img{width:70px;}
	.m05_05 .m05_05_01 .m05_05_01_banner > .text_box > h3{font-size:28px; line-height:42px; margin:0;}
	.m05_05 .m05_05_01 .m05_05_01_banner > .text_box > p{font-size:14px; line-height:21px;}
	
	.m05_05 .m05_05_02 .text_box > p{font-size:14px;}
	.m05_05 .m05_05_02 .text_box > h3{font-size:28px; line-height:36px; margin:10px auto 20px;}
	
	.m05_05 .m05_05_06 .top_full .right_full{padding-bottom:110%; background-repeat:no-repeat; background-position:bottom center;}
	.m05_05 .m05_05_06 .top_full .right_full .text_content{padding: 10% 15px 0;}

	.m05_05 .m05_05_07{padding-bottom:80px; background-size:60px; background-position:100% 90%;}
	
	.m05_05 .m05_05_13 .img_box{margin-bottom:40px;}
	.m05_05 .m05_05_13 .img_box:first-child{margin-bottom:80px;}
}

/* 220228 추가개발 jrs */
.shop_container.shop_basic .item_price_box > h5 .pre_price{position:relative; margin-right:10px;}
.shop_container.shop_basic .item_price_box > h5 .pre_price::after{content:''; position:absolute; top:3px; left:0; bottom:0; width:100%; height:1px; margin:auto; background-color:#be000f}
.item_detail .item-head .it_price .pre_price{position:relative; margin-right:10px; font-size:18px; color:#2b2b2b}
.item_detail .item-head .it_price .pre_price::after{content:''; position:absolute; top:3px; left:0; bottom:0; width:100%; height:1px; margin:auto; background-color:#be000f}



/* 220310 추가개발 psj */
@media (min-width:992px){
	.m05_03 .m05_03_03 .img_box ul.year_text > li .text{white-space:nowrap;}
	.m05_03 .m05_03_15 .date_box .date .right_text .right_left_text{width:130px;}
	.m05_03 .m05_03_15 .date_box .date .right_text .right_right_text{width:calc(100% - 130px);}
	.m05_04_03 .con_reverse .text_box{position:relative; top:-31px}
	.m05_03 .m05_03_09{flex-wrap:wrap;}
	.m05_03_09 .btn-wset{width:100%;}
}

@media (max-width:991px){
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(1) .img::before{content:'1937';}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(2) .img::before{content:'1953';}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(3) .img::before{content:'1960';}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(4) .img::before{content:'1972';}
	.m05_03 .m05_03_05 .img_box > ul > li .text p{letter-spacing:-0.03em;}
	.m_sub_menu .dep_box .dropdown .btn.btn-block{padding-right:35px !important; text-overflow:ellipsis; overflow:hidden;}
	.m05_04 .text_box br{display:block !important;}
	.m05_04_03 .text_box .year_content .w_br,
	.m05_04_04 .text_box .overview .w_br{display:none;}
	.m05_04_03 .text_box .year_content p{letter-spacing:-0.01em;}
}


/* 221014 sjh 유지보수 */
header.header{background:linear-gradient( to bottom, white, transparent );}
header.header:hover, header.header.fixed{background:#fff;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > a{color:#222}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div{background:rgba(255,255,255,.7);}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li > a{color:#666;}
header.header > .container_fix > div.center_menu > ul.menu_ul > li > .menu_sub1_div ul > li:hover > a{color:#222}
header.header > .container_fix > div.right_btn > ul.lnb > li > a{color:#666}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list{background:#fff;	}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list > li a{color:#999}
header.header > .container_fix > div.right_btn > .lang_box > .lang_list > li:hover a{color:#222}
header.header > .container_fix > div.right_btn > a.all_menu_btn > span{background:#222;}


/* 221025 kmj 유지보수 */
.main_cont05 .main_cont05_banner ul > li > a .text_box h5{color:#000}
.main_cont05 .main_cont05_banner ul > li > a .text_box .line{color:#000}
.main_cont05 .main_cont05_banner ul > li > a .text_box .line::after{background: #000}

/* 2301040 csj 유지보수 */
@media(max-width:991px){
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(5) .img::before{content:"2015";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(6) .img::before{content:"2019";}
	.m05_03 .m05_03_03 .img_box ul.year_text > li:nth-child(7) .img::before{content:"2022";}
}

/* 231023 mkg 추가개발 */
header.header.active{background-color: white;}
header.header > .container_fix > div.right_btn .search_btn{width: 17px; height: 16px; background: url(/img/search_icon.png) no-repeat center center / cover; border: 0; margin-right: 22px; display: inline-block; margin-top: 2px;}
#thema_wrapper .search_box{position: fixed; left: 0; top: 80px; width: 100%; z-index: 2; background-color: white; padding: 40px 0; display: none;}
#thema_wrapper .search_box .header_search{display: flex; justify-content: center; align-items: center;}
#thema_wrapper .search_box .header_search_input_box{position: relative;}
#thema_wrapper .search_box .header_search_input_box input{width: 720px; border: 1px solid #222;; border-radius: 50px; font-size: 18px; color: #222222; padding: 17.5px 30px; }
#thema_wrapper .search_box .search_close{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background: transparent url(/img/search_close.png) no-repeat center center / cover; border: 0; font-size: 0;}

@media all and (max-width: 1520px) {
    #thema_wrapper .search_box .search_close{right: 15px;}
}

@media all and (max-width: 991px) {
    #thema_wrapper .search_box{top: 111px;}
    #thema_wrapper .search_box .header_search{display: block;}
    #thema_wrapper .search_box .header_search_input_box input{width: calc(100% - 50px);}
}

@media all and (max-width: 768px) {
    #thema_wrapper .search_box{top: 99px; padding: 20px 0;}
    #thema_wrapper .search_box .header_search_input_box input{padding: 10px 20px; font-size: 16px;}
    header.header > .container_fix > div.right_btn .search_btn{margin-right: 15px;}
}

@media all and (max-width: 480px) {
    #thema_wrapper .search_box{top: 82px;}
}