@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700&display=swap');

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans KR'), local('NotoSansKR-Thin'),
	url(/resources/font/NotoSansKR-Thin.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Thin.woff) format('woff'),
	url(/resources/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans KR'), local('NotoSansKR-Light'),
	url(/resources/font/NotoSansKR-Light.woff2) format('woff2'),
	url(/resources//font/NotoSansKR-Light.woff) format('woff'),
	url(/resources//font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans KR'), local('NotoSansKR-Regular'),
	url(/resources/font/NotoSansKR-Regular.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Regular.woff) format('woff'),
	url(/resources/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans KR'), local('NotoSansKR-Medium'),
	url(/resources/font/NotoSansKR-Medium.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Medium.woff) format('woff'),
	url(/resources/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans KR'), local('NotoSansKR-Bold'),
	url(/resources/font/NotoSansKR-Bold.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Bold.woff) format('woff'),
	url(/resources/font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: local('Noto Sans KR'), local('NotoSansKR-Black'),
	url(/resources/font/NotoSansKR-Black.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Black.woff) format('woff'),
	url(/resources/font/NotoSansKR-Black.otf) format('opentype');
}

*{margin:0; padding:0;}
body{letter-spacing:-0.5px; font-family:'Noto Sans KR', sans-serif; color:#333; font-size:16px; line-height:26px;}
ul, ol{list-style:none;}
h1,h2,h3,h4,h5{line-height:1}
a:link, a:visited{color:#000; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none;}
img{border:0; vertical-align:top;}
button{border:none; background:none; cursor:pointer; font-family:'Noto Sans KR'} 
table{width:100%; border-spacing:0;}
address{font-style:normal}
select{height:50px; border:1px solid #dedfe2; padding-left:15px; font-size:16px; vertical-align:middle; background:#fff url('/resources/img/common/select.png') no-repeat 90%; font-family:'Noto Sans KR', sans-serif; font-weight:400; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
textarea{border:1px solid #dedfe2; padding:15px; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px;}
input{height:50px; border:1px solid #dedfe2; vertical-align:middle; padding-left:15px; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
input::-moz-placeholder, textarea:focus::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
input:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
input:-moz-placeholder, textarea:focus:-moz-placeholder { /* Firefox 18- */
  color: #999;
}
input:focus, textarea:focus{border:1px solid #0f1e48}
fieldset{border:none;}
sup{font-size:15px; font-family: 'Poppins';}
em{font-style:normal}

#wrapper{min-width:1440px; overflow:hidden;}
#dimed{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:150;}
#f_dimed{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:170;}

#skipnavi{width:0; height:0; font-size:0; line-height:0; z-index:99999;}
#skipnavi ul{position:absolute; top:0; left:0; z-index:99999;}
#skipnavi ul li{position:absolute; top:0; left:0; z-index:99999;}
#skipnavi ul li a{position:absolute; display:block; left:-1000px; top:0; width:300px; font-weight:bold; text-align:center; font-size:14px; color:#000000;}
#skipnavi ul li a:focus,
#skipnavi ul li a:hover,
#skipnavi ul li a:active{position:absolute; top:0; left:0; font-size:14px; color:#000000; background:#fff; border:2px solid #ef7d0d; padding:1em 0; z-index:3000;}

legend, caption, .hidden{position:absolute; left:-9999px; text-indent:-9999px; font-size:1px; line-height:1px;}
.clear{content:""; display:block; clear:both;}
.inner{width:1440px; margin:0 auto;}
.subInner{width:1260px; margin:0 auto 153px auto;}

/* border */
.br0{border-right:0 !important;}
.bl0{border-left:0 !important;}
.bt0{border-top:0 !important;}
.bb0{border-bottom:0 !important;}

/* float */
.fl{float:left;}
.fr{float:right;}

/* text-align */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/* margin */
.mg0{margin:0 !important}
.mr0{margin-right:0 !important}
.ml0{margin-left:0 !important}
.mt0{margin-top:0 !important}
.mb0{margin-bottom:0 !important}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}
.mt110{margin-top:110px !important}
.mt120{margin-top:120px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}
.mb110{margin-bottom:110px !important}
.mb120{margin-bottom:120px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}

.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}

/* padding */
.pd0{padding:0 !important}
.pr0{padding-right:0 !important}
.pl0{padding-left:0 !important}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}

.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt85{padding-top:85px !important}
.pt90{padding-top:90px !important}
.pt95{padding-top:95px !important}
.pt100{padding-top:100px !important}
.pt110{padding-top:110px !important}
.pt120{padding-top:120px !important}

.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pb85{padding-bottom:85px !important}
.pb90{padding-bottom:90px !important}
.pb95{padding-bottom:95px !important}
.pb100{padding-bottom:100px !important} 
.pb110{padding-bottom:110px !important} 
.pb120{padding-bottom:120px !important} 

.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl85{padding-left:85px !important}
.pl90{padding-left:90px !important}
.pl95{padding-left:95px !important}
.pl100{padding-left:100px !important}

.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.pr85{padding-right:85px !important}
.pr90{padding-right:90px !important}
.pr95{padding-right:95px !important}
.pr100{padding-right:100px !important}

/* ��Ʈ */
.bold_400{font-weight:400 !important}
.bold_500{font-weight:500 !important}
.bold_700{font-weight:700 !important}
.font{font-family:'Noto Sans KR'}

/* ������Ʈ */
.eng_font{font-family: 'Poppins';}
.eng_300{font-family: 'Poppins'; font-weight:300 !important}
.eng_400{font-family: 'Poppins'; font-weight:400 !important;}
.eng_500{font-family: 'Poppins'; font-weight:500 !important;}
.eng_600{font-family: 'Poppins'; font-weight:600 !important;}
.eng_700{font-family: 'Poppins'; font-weight:700 !important;}

/* Ÿ��Ʋ */
.title{position:relative; text-align:center; padding:110px 0 48px 0;}
.title h2{font-size:34px; font-weight:400; line-height:1.5; color:#000}
.title h2 img, .title h3 img{margin-bottom:15px}
.title h3{font-size:30px; font-weight:500; line-height:1.5; color:#000}
.title h4{display:block; font-size:24px; font-weight:400; line-height:1.5; color:#000}
.title p{margin-top:10px; color:#666}
.title img{margin-top:50px;}

/* fadeOut */
.fadeInOut{-webkit-animation-delay: 1.5; animation-delay: 1.5; -webkit-animation-duration: 1.5; animation-duration: 1.5; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInOut; animation-name: fadeInOut;}
@-webkit-keyframes fadeInOut {
	0% {opacity:0;}
	100% {opacity:0;}
}
@keyframes fadeInOut {
	0% {opacity:0;}
	100% {opacity:0;}
}

/* �̹��� */
.tb_img{display:none;}

/* ������ */
#wrapper .mo_cont{display:none;}
#wrapper .tb_cont{display:none;}
#wrapper .pc_cont{display:block;}

/* ��ư */
.btn_area a{position:relative; display:inline-block; padding-bottom:3px; font-size:15px;}
.btn_area a:hover:after{width:100%} 
.btn_area a:hover:before{display:none;}
.btn_area a:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000}
.btn_area a:after{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#000; transition: all 0.5s ease; }

/* header */
#mo_header{display:none;}
#header{position:fixed; top:0; width:100%; height:82px; padding:0 60px; box-sizing:border-box; background:#0f1e48; z-index:99;} 
#header  .inner{position:relative}
#header .logo{position:absolute; top:15px; z-index:9}
#header .gnb{position:absolute; left:50%; width:1920px; margin-left:-960px; text-align:center;}
#header .gnb > li{display:inline-block; margin-left:-5px; font-family:'Poppins'; font-weight:300}
#header .gnb > li > a{position:relative; display:inline-block; padding:28px 8px;  margin:0 22px; font-size:17px; color:#fff}
#header .gnb > li > a .bar{display:block; position:absolute; bottom:0; left:50%; width:0; height:3px; transform:translateX(-50%); background:#50c0e3}
#header .gnb > li .sub_menu{display:none; position:absolute; top:82px; background:#fff; z-index:9; font-weight:400; border:1px solid #e7e8ec}
#header .gnb > li .sub_menu > ul{display:inline-block; padding:25px; text-align:left; vertical-align:top;}
#header .gnb > li .sub_menu > ul > li{padding:0 27px 8px 0; font-size:15px;} 
#header .gnb > li .sub_menu > ul li a{position:relative; display:inline-block; overflow:hidden;}
#header .gnb > li .sub_menu2 > ul > li:first-child > a,
#header .gnb > li .sub_menu2 > ul > li:last-child > a{padding-right:15px; background:url('/resources/img/common/gnb_arrow.png') no-repeat right/6px;}
#header .gnb > li .sub_menu > ul li a:after{content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#000; transition:all 0.3s;}
#header .gnb > li .sub_menu > ul li a:hover:after{width:100%;}
#header .gnb > li .sub_menu > ul > li > a > span{font-family:'Noto Sans KR'}
#header .gnb > li .sub_menu > ul > li .depth3{display:none; margin-left:10px;}
#header .gnb > li .sub_menu > ul > li .depth3 a{color:#666}
#header .gnb > li .sub_menu > ul > li .depth3 a:hover{color:#333}
#header .gnb > li .sub_menu .menu_img{display:inline-block; width:338px; height:225px; overflow:hidden; padding:17px 17px 17px 0; vertical-align:top}
#header .lnb{position:absolute; right:60px; top:25px; z-index:9}
#header .lnb li{display:inline-block; font-size:12px;}
#header .lnb .line{position:relative; padding-right:13px; margin-right:10px;}
#header .lnb .line:before{content:''; position:absolute; top:9px; right:-2px; width:1px; height:9px; background:#999}
#header .lnb li a{color:#999}
#header .lnb li:hover a{color:#50c0e3}

/* footer */
#footer{background:#13202f; color:#a1a6ac; font-weight:300; font-size:15px;}
.f_contLeft{float:left;}
.f_contRight{float:right;}
#footer .f_content{overflow:hidden; padding:65px 0 50px 0;}
#footer .f_content > div{position:relative; float:left; padding:0 30px; box-sizing:border-box;}
#footer .f_content > div:after{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(161,166,172,0.2)}
#footer .f_content .f_logo:after, #footer .f_content .f_tell:after{display:none;}
#footer .f_content strong{display:block; margin-bottom:20px; font-size:16px;}
#footer .f_content p{line-height:1.5}
#footer .f_content .f_logo{padding:0 70px 0 0}
#footer .f_content .f_logo strong{display:inline-block; margin-bottom:15px; padding-top:75px; background:url('/resources/img/common/f_logo.png') no-repeat center top;}
#footer .f_content .f_logo address{line-height:1.5}
#footer .f_content .f_sheep > div{display:inline-block; vertical-align:top;}
#footer .f_content .f_sheep img{display:inline-block;}
#footer .f_content .f_sns{margin-top:30px;}
#footer .f_content .f_sns .Instagram{display:inline-block; width:30px; height:30px; margin-right:10px; text-indent:-9999px; background:url('/resources/img/common/f_Instagram.png') no-repeat center}
#footer .f_content .f_sns .facebook{display:inline-block; width:30px; height:30px; text-indent:-9999px; background:url('/resources/img/common/f_facebook.png') no-repeat center}
#footer .f_content .f_tell{padding-right:0}
#footer .f_content .f_tell h2{font-size:24px;}
#footer .f_content .f_tell p{margin-top:15px}
#footer .f_content .btn_area{margin-top:35px; color:#a1a6ac;}
#footer .f_content .btn_area a{color:#a1a6ac}
#footer .f_content .btn_area a:before, #footer .f_content .btn_area a:after{background:#a1a6ac;}
#footer .f_list{padding:16px 0; border-top:1px solid rgba(161,166,172,0.2); border-bottom:1px solid rgba(161,166,172,0.2)}
#footer .f_list > ul li{position:relative; display:inline-block; margin-right:20px; padding-right:20px;}
#footer .f_list > ul li:after{content:''; position:absolute; top:8px; right:-3px; width:1px; height:10px; background:rgba(161,166,172,0.2)}
#footer .f_list > ul li:last-child:after{display:none;}
#footer .f_list > ul li a, #footer .family_site a{color:#a1a6ac;}
#footer .copy{margin-top:17px; padding-bottom:42px; font-size:13px;}

/* slick */
.slick-dots li{display:inline-block; margin-right:11px;}
.slick-dots .slick-active button{background:#50c0e3}
.slick-dots li button{display:block; text-indent:-9999px; width:10px; height:10px; border-radius:50%; background:#a1a1a6}

/* sns */
.sns li{display:inline-block; margin-left:16px}
.sns li a{display:block; width:33px; height:33px; text-indent:-9999px;}
.sns li .Instagram{background:url('/resources/img/common/instagram.gif') no-repeat center;}
.sns li .facebook{background:url('/resources/img/common/facebook.gif') no-repeat center;}

/* mattress selector */
.matt_selector{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99}
.matt_selector form{height:100%;}
.selector_box{position:absolute; top:50%; left:50%; width:1260px; height:650px; margin:-325px 0 0 -630px}
.selector_main{height:100%; text-align:center; padding-top:222px; box-sizing:border-box; color:#fff; background:url('/resources/img/common/matt_selectorBg.jpg') no-repeat center/cover; border-radius:5px; -webkit-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.4);}
.selector_main p{font-size:18px;}
.selector_main h1{display:block; margin:25px 0 65px 0; font-size:48px;}
.selector_main a{font-size:22px;}
.selector_main a:before, .selector_main a:after{background:#fff;}
.selector_contents{height:100%; padding:0 58px; box-sizing:border-box; border-radius:5px; background:#fff}
.selector_nav{position:relative; padding:23px 0; border-bottom:2px solid #e7e8ec}
.selector_nav ul li{display:inline-block; width:30px; height:30px; line-height:29px; margin-right:6px; text-align:center; color:#959cae; border-radius:50%; background:#cfd2da}
.selector_nav ul li.active{background:#0f1e48; color:#bfa87b}
.selector_nav h4{font-size:22px; color:#0f1e48; font-family: 'Poppins'; font-weight:600 !important;}
.selector_nav .selector_share{position:absolute; top:50%; right:0; margin-top:-20px; overflow:hidden;}
.selector_nav .selector_share span{float:left; width:40px; height:40px; margin-left:10px; border:1px solid #bdb9b8; border-radius:50%; box-sizing:border-box; text-indent:-9999px; background-image:url('/resources/img/common/share_btn2.png'); background-repeat:no-repeat; background-position:-33px; cursor:pointer}
.selector_nav .selector_share span.on, .selector_nav .selector_share span:hover{background-color:#999999; border-color:#999999; background-position:10px;}
.selector_nav .selector_share div{float:left; margin-top:4px; display:none;}
.selector_nav .selector_share div a{display:inline-block; width:30px; height:30px; margin-left:10px; border:1px solid #717071; border-radius:50%; text-indent:-9999px;}
.selector_nav .selector_share div .facebook{background:url('/resources/img/common/share_facebook_gray.png') no-repeat center}
.selector_nav .selector_share div .url-copy{background:url('/resources/img/common/share_link_gray.png') no-repeat center}
.selector_nav .selector_share div .twitter{background:url('/resources/img/common/share_twitter_gray.png') no-repeat center}
.selector_nav .selector_share div .kakao{background:url('/resources/img/common/share_kakao.png') no-repeat center}
.selector_nav .selector_share div .kakaoStory{background:url('/resources/img/common/share_kakaostory_gray.png') no-repeat center}

.selector_cont{padding-top:45px; text-align:center;}
.selector_cont h3{color:#0f1e48; font-size:30px;}
.selector_cont h4{display:block; margin-top:15px; font-size:22px; font-weight:400}
.selector_result{margin:15px 0}
.result_title{text-align:center; padding:18px 0; border-radius:5px; background:#ecedf1;}
.result_title div{margin-top:16px;}
.result_title h4{display:inline-block; margin-right:15px; font-size:22px; font-weight:400; vertical-align:middle;}
.result_title img{display:inline-block; vertical-align:middle;}
.result_title span{display:inline-block; margin:0 15px; font-size:30px; vertical-align:middle; font-family:'Poppins'; font-weight:700; color:#0f1e48}
.result_title span em{font-size:24px; font-weight:400}
.result_img{display:inline-block; width:538px; padding:50px 25px; vertical-align:top;}
.result_txt{display:inline-block; width:500px; padding:50px 25px; vertical-align:top;}
.result_txt h4{font-size:22px; font-family:'Poppins'; font-weight:600;}
.result_txt p{margin:15px 0 40px 0; color:#666}
.result_txt .btn_area{margin-top:50px;}
.result_txt .btn_area a{color:#bfa87b}
.result_txt .btn_area a:before, .result_cont .btn_area a:after{background:#bfa87b}

/* selector radio */
.selector_radio{position:relative; display:inline-block; margin:50px 20px 0 20px; text-align:center; font-size:18px;}
.selector_radio input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0}
.selector_radio input[type="radio"] + label:before{content:''; display:block; width:223px; height:223px; margin-bottom:22px}
.selector_cont05 .selector_radio input[type="radio"] + label:before{width:185px; height:185px;}
.selector_radio input[type="radio"]:checked + label:before{border:6px solid #327ec2; box-sizing:border-box; border-radius:50%;}
.selector_icon01{background:url('/resources/img/common/selector_icon01.png') no-repeat;}
.selector_icon02{background:url('/resources/img/common/selector_icon02.png') no-repeat;}
.selector_icon03{background:url('/resources/img/common/selector_icon03.png') no-repeat;}
.selector_icon04{background:url('/resources/img/common/selector_icon04.png') no-repeat;}
.selector_icon05{background:url('/resources/img/common/selector_icon05.png') no-repeat;}
.selector_icon06{background:url('/resources/img/common/selector_icon06.png') no-repeat;}
.selector_icon07{background:url('/resources/img/common/selector_icon07.png') no-repeat;}
.selector_icon08{background:url('/resources/img/common/selector_icon08.png') no-repeat;}
.selector_icon09{background:url('/resources/img/common/selector_icon09.png') no-repeat;}
.selector_icon10{background:url('/resources/img/common/selector_icon10.png') no-repeat;}
.selector_icon11{background:url('/resources/img/common/selector_icon11.png') no-repeat;}
.selector_icon12{background:url('/resources/img/common/selector_icon12.png') no-repeat;}
.selector_icon13{background:url('/resources/img/common/selector_icon13.png') no-repeat;}
.selector_icon14{background:url('/resources/img/common/selector_icon14.png') no-repeat;}
.selector_icon15{background:url('/resources/img/common/selector_icon15.png') no-repeat;}
.selector_icon16{background:url('/resources/img/common/selector_icon16.png') no-repeat;}
.selector_contents .selector_btn a{font-size:18px; position:relative; color:#fff;}
.selector_contents .selector_btn a em{top:7px;}
.selector_contents .selector_btn a.active, .selector_contents .selector_btn a:hover{color:#bfa87b}
.selector_contents .selector_btn a.active em, .selector_contents .selector_btn a:hover em{background:url('/resources/img/common/selector_btnOn.png') no-repeat center}
.selector_contents .selector_btn{position:absolute; bottom:0; left:0; width:100%; height:68px; line-height:68px; text-align:center; background:#0f1e48; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.selector_main .btn_area a, .selector_btn a{padding-right:21px; color:#fff;}
.selector_main .btn_area a em, .selector_btn a em{position:absolute; top:6px; right:0; width:9px; height:14px; background:url('/resources/img/common/selector_btn.png') no-repeat center}
.selector_contents .selector_btn a.active em, .selector_contents .selector_btn a:hover em, .selector_main a:hover em{
  animation-name: arrow;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrow {
  0%   {right: 0;}
  100% {right: -7px;} 
}
 
/* Standard syntax */
@keyframes arrow {
  0%   {right: 0;}
  100% {right: -7px;} 
}

.selector_close{display:inline-block; position:absolute; top:-40px; right:-5px; cursor:pointer}
.selector_close .line{width:50px; height:1px; display:block; margin:7px auto; }
.selector_close .line:nth-child(2){opacity:0;}
.selector_close .line:nth-child(1){
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
	background:#fff;
}
.selector_close .line:nth-child(3){
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
	background:#fff;
}

.go_top{display:none; position:fixed; bottom:421px; left:50%; z-index:99; margin-left:720px; width:60px; height:60px; background:#50c0e3 url('/resources/img/common/top.png') no-repeat center; text-indent:-9999px;}

 /* left banner */
 .mo_floating_banner{display:none;}
 .left_banner.remove{opacity:0 !important;}
 .left_banner button{position:absolute; top:-35px; right:0px}
 .main_left_banner{display:none;}
 .main_left_banner{position:absolute; left:50%;}
 .main_left_banner.banner1 { top:0; margin-left: -885px;}
 .main_left_banner.banner2 {top:345px; margin-left: -885px;}
 .main_left_banner.on{position:fixed; z-index:9}
 .main_left_banner.banner1.on {top:165px;} 
 .main_left_banner.banner2.on {top:510px;} 
 .sub_left_banner{position:fixed; left:50%; z-index:9}
 .sub_left_banner.banner1 {top:205px; margin-left:-885px;}
 .sub_left_banner.banner2 {top:545px; margin-left:-885px;}

 /* sitemap */
 .sitemap{border-top:1px solid #ededed; font-family:'Poppins';}
 .sitemap a{transition:all 0.3s}
 .sitemap a:hover{color:#50c0e3}
 .sitemap div{display:flex; border-bottom:1px solid #ededed}
 .sitemap div strong{position:relative; display:block; width:280px; padding:20px 45px; color:#0f1e48; font-size:18px; background-color:#f3f4f6; box-sizing:border-box; font-weight:500}
 .sitemap div strong:before{content:''; position:absolute; top:25px; left:30px; width:3px; height:15px; background-color:#50c0e3}
 .sitemap div > ul{overflow:hidden; width:980px; padding:20px 0 20px 80px; box-sizing:border-box;}
 .sitemap div > ul > li{float:left; width:215px;}
 .sitemap div > ul > li > a{font-weight:500}
 .sitemap div > ul > li ul{margin:7px 0 0 7px}
 .sitemap div > ul > li ul li{margin-bottom:5px; font-weight:400}
 .sitemap div > ul > li ul li a{position:relative; display:inline-block; color:#666}
 .sitemap div > ul > li ul li a:before{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#50c0e3; transition:all 0.3s}
 .sitemap div > ul > li ul li a:hover:before{width:100%}