html { -webkit-text-size-adjust:none; height:100%; }
body{ font-family:'Roboto','Noto Sans KR','맑은 고딕','Malgun Gothic','dotum';font-weight:300;text-align:center;color:#666;font-size:16px;line-height:1;letter-spacing:normal;word-break:keep-all}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li{ list-style-type:none; }
img,fieldset,iframe{ border:0; }
img,fieldset { border:none; }
input, select { vertical-align:middle;} hr{ clear:both; display:none;}
a{ text-decoration:none; cursor:pointer; color:#6c645d; }.skip{ font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
/*input[type=text],input[type=password]{ border:solid 1px #bbb; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; outline:none; box-shadow:none; -webkit-appearance:none; }*/
button{ outline:none; }
.centerWrap{ position:relative; /* max-width:1000px;*/ width:1400px; margin:0 auto;}
.centerWrap:after{ content:""; display:block; clear:both; }
input[type=submit], input[type=image], button{ cursor: pointer; }
body,input,textarea,select,button,table{ font-family:"????otum,sans-serif; font-size:100%;"}
/*회원가입*/
.dataTy01 table tr td{text-align:left;}
.wrap{position:relative; width:100%; margin:0 auto;}
@CHARSET "UTF-8";
/* FONT **********************************************************/
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(../fonts/NotoSansKR-Light.woff) format('woff'), url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(../fonts/NotoSansKR-Medium.woff) format('woff'), url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src:url(../fonts/NotoSansKR-Bold.woff) format('woff'), url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}
/* RESET **********************************************************/
.gn_content li.tip_menu{font-size:12px;}
.gn_content li.tip_menu ul li{float:left; margin-right:10px;}
.gn_content li.tip_menu ul li a{color:#fff; font-size:11px;}
/* COMMON **********************************************************/
html.noscroll, html.noscroll body { overflow: hidden !important; height: 100% !important; }
#skipNavi { display: none }
.br_p {display: block;}
.br_m {display: none;}
/* 버튼 */
.btn_m1 { display: block; width: auto; min-width: 90px; height: 28px; padding: 0 15px; line-height: 28px; font-size: 13px; color: #434343; border: 1px solid #8b8b8b; text-align: center; background: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.btn_m1:HOVER { color: #fff; background: #434343; }
.btn_m2 { display: block; width: auto; min-width: 113px; padding: 10px 0 9px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #fff; text-align: center; background: #323232; }
.btn_l1 { display: block; width: auto; min-width: 172px; height: 52px; padding: 0 38px; line-height: 52px; font-size: 20px; font-weight: 700; text-align: center; color: #fff; background: #0089d1; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.btn_l1:HOVER { background: #054e74 }
.btn_l2 { box-sizing: border-box; display: block; width: auto; min-width: 178px; padding: 7px 53px 6px 15px; line-height: normal; font-size: 13px; font-weight: 500; color: #5f5e5e; text-align: left; border: 1px solid #8b8b8b; background: #fff url(../images/common/ico_btn_down.png) no-repeat 150px center; }
/* 슬라이드 리셋 */
.bx-wrapper { margin: 0 }
.bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; background: none; -webkit-transform: translatez(); -moz-transform: translatez(); -ms-transform: translatez(); -o-transform: translatez(); transform: translatez(); }
/* 모달 팝업 */
.modal_back { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 99998; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; z-index: 9998; }
/* 테이블 - 리스트 */
.tbl_notice { width: 1140px; margin: 0 auto 10px auto;}
.tbl_notice table {border: none;}
.tbl_notice thead tr {border-top: 2px solid #414141; border-bottom: 1px solid #e1e1e1; background: #f5f5f5;}
.tbl_notice thead th { height: 50px; padding: 0; line-height: 50px; font-size: 16px; font-weight: 500; color: #3a3a3a; border: none;}
.tbl_notice tbody tr { border-bottom: 1px solid #e1e1e1; }
.tbl_notice tbody td { height: auto; padding: 12px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #3a3a3a; border: none; text-align:center;}
.tbl_notice tbody td.td_text_s {font-size: 14px; font-weight: 300; color: #969696;}
.tbl_notice tbody td.td_center {text-align: center;}
.tbl_notice tbody td span.reple { display: inline-block; display: -moz-inline-stack; *display: inline; zoom: 1; width: 30px; height: 13px; margin: 6px 10px 0 0; background: url(../images/common/ico_notice_reple.jpg) no-repeat; }
.tbl_notice>select {padding:1px 0px 1px 5px;height: auto;}
.tbl_notice>input {padding: 2px 5px;}
.tbl_notice>input:last-child {border-radius: 1px;border: 1px solid #cacaca;}
/* 테이블 - 상세 */
.tbl_notice.notice_view { margin: 0 auto; }
.tbl_notice.notice_view table { border-top: 2px solid #414141; border-bottom: 2px solid #414141; }
.tbl_notice.notice_view tbody td { padding: 12px 0; }
.tbl_notice.notice_view tbody td.title { padding: 12px 0 12px 35px; }
.tbl_notice.notice_view tbody td.notice_content { padding: 30px 35px; }
.tbl_notice.notice_view tbody td.notice_content pre {/* background: #f5f5f5;*/ }
.tbl_notice.prevnext { margin: 0 auto 12px auto; }
.tbl_notice.prevnext table { border-top: none; border-bottom: 2px solid #414141; }
.tbl_notice.prevnext .next span { padding: 0 0 0 17px; background: url(../images/common/ico_notice_next.png) no-repeat left 7px;}
.tbl_notice.prevnext .prev span { padding: 0 0 0 17px; background: url(../images/common/ico_notice_prev.png) no-repeat left 7px;}
/* 페이지 */
.paginate{text-align:center}
.paginate a img{border:none;vertical-align:middle;_vertical-align:top}
.paginate a,.paginate strong{display: inline-block; width: 36px; height: 36px; position: relative; _width /**/: 18px; margin: 0 5px 0 -4px; padding: 0; color: #3a3a3a; font-size: 16px; line-height: 36px; text-decoration: none; vertical-align: middle; text-align: center; border: 1px solid #b4b4b4;}
.paginate a:hover{text-decoration:none}
.paginate strong{color:#fff !important;font-weight:bold; background: #323232;}
.paginate .frst{background:none}
.paginate a.pre,.paginate a.next{padding:0;background:none !important}
.paginate a.pre{margin: 0 5px 0 -4px; font-weight: 300;}
.paginate a.next{margin: 0 0 0 -4px; font-weight: 300;}
/* 아코디언 */
.accordion { border-top: 2px solid #6b6b6b }
.accordion dt { border-bottom: 1px solid #d1d1d3 }
.accordion dt a { display: block; padding: 12px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #3a3a3a; }
.accordion dd { display: none; padding: 12px 0; line-height: normal; font-size: 16px; font-weight: 300; color: #3a3a3a; border-bottom: 1px solid #d1d1d3; background: #f5f5f5; }
/* 탭 */
.tab .tab_header { margin: 0 0 50px 0; overflow: hidden; }
.tab .tab_header li { box-sizing: border-box; float: left; width: 50%; border: 1px solid #cecece; background: #fff; }
.tab .tab_header li.active { border: 1px solid #333; background: #333; }
.tab .tab_header li a { display: block; padding: 23px 0 22px 0; line-height: 1; font-size: 17px; font-weight: 300; color: #464646; text-align: center; }
.tab .tab_header li.active a { color: #fff }
.tab .tab_content .tab_item { display: none }
.tab .tab_content .tab_item.active { display: block }
/* HEADER **********************************************************/
/* 셀렉트 박스 */
.select_box { box-sizing: border-box; position: relative; width: 200px; height: 50px; background: #fff url(../images/common/ico_select_tri.png) no-repeat 180px center; border: 1px solid #d0d0d0; }
.select_box.focus { border: 1px solid #0089d0 !important; }
.select_box>label { position: absolute; font-size: 16px; color: #3a3a3a; top: 13px; left: 12px; }
.select_box>select { position: relative; top: -2px; width: 100%; height: 50px; min-height: 50px; padding: 0 10px; line-height: 50px; font-size: 16px; font-weight: 300; opacity: 0; filter: alpha(opacity=0); }
#nav { position: fixed; top: 0px; left: 0px; width: 100%; border-bottom: 1px solid #cecece; background: #192132; z-index:99997; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
/*#nav .gn_active_area { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; background: #0f121f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease; border-bottom:2px solid #c2934e;}*/
#nav .gn_active_area { position: absolute; /*top: 100px;*/bottom: 0; left: 0px; width: 100%; height: 50px; background: #0f121f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease; border-bottom:2px solid #c2934e;}
#nav.active .gn_active_area { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#nav .gn_content { position: relative; width: 1600px; margin: 0 auto; }
#nav .gn_header { height: 25px; padding: 60px 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
#nav .gn_header .menu_mobile { display: none; position: absolute; top: 12px; right: 2%; width: 62px; height: 32px; font-size: 0px; text-indent: -9999px; background: url(../images/common/btn_menu_m.png) no-repeat center center; }
#nav .gn_header .menu_mobile a { display: block; width: 100%; height: 100%; }
#nav .gn_header .logo { float: left; display: block; width: 196px; height: 25px; font-size: 0px; text-indent: -9999px; background: url(/images/logo.png) no-repeat; }
#nav .gn_header .logo a { display: block; width: 100%; height: 100%; }
#nav .gn_header .links { width:20%; position: absolute; right: 0px; top: 63px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
#nav .gn_header .links .select_box { width: 99px; height: 18px; border: 1px solid #dcdcdc; background: #fff url(../images/common/ico_arrow_bottom.png) no-repeat 85px center; }
#nav .gn_header .links .select_box>label { top: -1px;line-height: 18px; font-size: 11px; color: #3e3e3e;
left: 5px; letter-spacing:-0.3px;/*20161222수정*/
}
#nav .gn_header .links .select_box>select { height: 18px; min-height: 18px;line-height:18px;font-size:11px; color: #3e3e3e;
padding:0 5px 0 0px; /*20161222수정*/
}
#nav .gn_header .links .selbox_mall { float: left }
#nav .gn_header .links .selbox_lang { float: left
;margin-left:10px;/*20161222추가*/ }
#nav .gn_header .links .selbox_lang .select_box { width: 70px; background: #fff url(../images/common/ico_arrow_bottom.png) no-repeat 58px center;
/*border-left: none;20161222삭제*/}
#nav .gn_header .links .selbox_lang .options { height: 36px }
#nav .gn_list { position: absolute; top: 45px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;
right: 350px;/*20161222수정*/
}
#nav .gn_list>li { float: left }
#nav .gn_list>li>a { position: relative; display: block; height: 55px; padding: 0 15px; line-height: 55px; font-size: 15px; font-weight: 500; color: #252525; }
#nav .gn_list>li:HOVER>a, #nav .gn_list>li.active>a { color: #0089d0 }
#nav .gn_list>li>a:BEFORE { content: ""; position: absolute; top: 26px; left: 0px; width: 3px; height: 3px; background: url(../images/common/ico_dot_b.png) no-repeat center center; }
#nav .gn_list>li:FIRST-CHILD>a:BEFORE { display: none }
#nav .gn_list li .depth_2 { display: none; position: absolute; top: 50px; left: 23px; width: 1500px; height: 50px; }
/*#nav .gn_list li .depth_2 { display: none; position: absolute; top: 50px; left: 23px; width: 950px; height: 50px; }*/
#nav .gn_list li.gn_company .depth_2 { left: -115px }
#nav .gn_list li.gn_brand .depth_2 { left:95px }
#nav .gn_list li.gn_pr .depth_2 { left: 203px }
#nav .gn_list li.gn_shop .depth_2 { left: 290px; }
#nav .gn_list li.gn_customer .depth_2 { left: 235px;}
#nav .gn_list li:HOVER .depth_2 { display: block }
#nav .gn_list .depth_2 li { float: left; margin: 0 0 0 15px; }
#nav .gn_list li .depth_2 li:FIRST-CHILD { margin: 0 }
#nav .gn_list li .depth_2 li a { display: block; height: 50px; line-height: 50px; font-size: 13px; font-weight: 500; color: #fff; height: 36px; -webkit-transition: font-weight 500ms ease; -moz-transition: font-weight 500ms ease; -o-transition: font-weight 500ms ease; transition: font-weight 500ms ease; }
#nav .gn_list li .depth_2 li a:HOVER, #nav .gn_list li .depth_2 li a.active { font-weight: 700; background: url(../images/common/ico_gnb_active.png) no-repeat top center; color:#b18749;}
/* HEADER.fixed ****************************************************/
#nav.fixed .gn_header { padding: 15px 0 15px 0 }
#nav.fixed .gn_header .menu_mobile { top: 12px }
#nav.fixed .gn_header .links { top: 22px }
#nav.fixed .gn_list { top: 0px }
#nav.fixed .gn_list>li>a { height: 55px; line-height: 55px; }
#nav.fixed .gn_list>li>a:BEFORE { top: 26px }
#nav.fixed .gn_list .depth_2 { top: 55px }
#nav.fixed .gn_active_area { bottom: -50px }
/* HEADER NAV-MOBILE ***********************************************/
#nav_mobile { display: none; position: absolute; top: 0px; left: 0px; width: 90%; height: auto; padding: 60px 5% 0 5%; overflow-x: hidden; overflow-y: auto; z-index: 9999; }
#nav_mobile .close { position: absolute; top: 20px; right: 5%; color: #fff; }
#nav_mobile .gn_list { margin: -50px 0 0 0; -webkit-transition: margin 500ms ease; -moz-transition: margin 500ms ease; -o-transition: margin 500ms ease; transition: margin 500ms ease; }
#nav_mobile.open .gn_list { margin: 0 }
#nav_mobile .gn_list>li { border-bottom: 1px solid #666 }
#nav_mobile .gn_list>li>a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; }
#nav_mobile .gn_list>li>.depth_2 { display: none; padding: 0 5% 10px 5%; }
#nav_mobile .gn_list>li>.depth_2 a { display: block; height: 30px; line-height: 30px; font-size: 15px; color: #fff; }
/* FOOTER **********************************************************/
#footer { background: #333; color: #fff; overflow: hidden; margin-top:60px;}
#footer .footer_wrap { position: relative; width: 1200px; margin: 38px auto 40px auto; overflow: hidden; }
#footer .inner_footer { float: left }
#footer .inner_footer .footer_logo { display: block; width: 159px; height: 30px; margin: 0 0 20px 0; font-size: 0px; text-indent: -9999px; background: url(../images/common/logo_footer.png) no-repeat center; }
#footer .inner_footer .info { margin: 0 0 18px 0; overflow: hidden; }
#footer .inner_footer .info li { line-height: 24px; font-size: 13px; font-weight: 300; color: #9b9b9b; }
#footer .inner_footer .info li.adderss { padding: 0 0 0 10px; background: url(../images/common/ico_dot_g.png) no-repeat 3px center; }
#footer .inner_footer .policy { margin: 0 0 11px 0; overflow: hidden; }
#footer .inner_footer .policy li { position: relative; float: left; padding: 0 15px; float: left; }
#footer .inner_footer .policy li:FIRST-CHILD { padding: 0 15px 0 0 }
#footer .inner_footer .policy li:BEFORE { content: ""; position: absolute; top: 6px; left: 0px; width: 1px; height: 11px; border-left: 1px solid #9b9b9b; }
#footer .inner_footer .policy li:FIRST-CHILD:BEFORE { display: none }
#footer .inner_footer .policy li a { line-height: 24px; font-size: 11px; font-weight: 300; color: #9b9b9b; }
#footer .inner_footer .familly_site { }
#footer .inner_footer .familly_site .copylight { float: left; line-height: 24px; font-size: 12px; font-weight: 500; color: #bebebe; }
#footer .inner_footer .familly_site .copylight span { font-weight: 700 }
#footer .inner_footer .familly_site .select_box { float: left; width: 146px; height: 22px; margin: 0 15px 0 0; background: #e8e8e8 url(../images/common/ico_select_tri_s.png) no-repeat 131px center; border: none; }
#footer .inner_footer .familly_site .select_box:AFTER { content: ""; position: absolute; top: 4px; right: 22px; width: 1px; height: 15px; border-left: 1px solid #a2a2a2; }
#footer .inner_footer .familly_site .select_box>label { top: 4px; left: 15px; font-size: 12px; font-weight: 300; color: #3e3e3e; }
#footer .inner_footer .familly_site .select_box>select { height: 22px; min-height: 22px; line-height: 22px; font-size: 12px; font-weight: 300; color: #3e3e3e; }
#footer .footer_nav { float: right }
#footer .footer_nav .depth_1 { }
#footer .footer_nav .depth_1>li { float: left; width: 140px; }
#footer .footer_nav .depth_1>li>p { margin: 5px 0 15px 0; padding: 0 0 15px 0; line-height: 17px; font-size: 17px; font-weight: 300; color: #ffffff; border-bottom: 1px solid #434343; }
#footer .footer_nav .depth_2 a { line-height: 22px; font-size: 13px; font-weight: 300; color: #9b9b9b; }
@media screen and (max-width:1200px) {
#nav .gn_content { width: 96%; padding: 0 2%; }
#nav .gn_header .links { right: 2% }
#footer .footer_wrap { width: 96%; padding: 0 2%; }
#footer .footer_nav .depth_1>li { width: 120px }
#container .breadcrumbs ol { width: 96%; padding: 11px 2%; }
#container .header .header_wrap { width: 96%; margin: 0; padding: 75px 2% 0 2% }
#container .content { width: 96%; padding: 10% 2%; }
}
@media screen and (max-width:1024px) {
#nav .gn_list { right: 0px }
#nav .gn_header .links { display: none }
#footer .footer_nav { display: none }
}
@media screen and (max-width:768px) {
.br_p {display: none;}
.br_m {display: block;}
.tbl_notice.notice_view tbody td.title { padding: 12px 0; }
.tbl_notice.notice_view tbody td.notice_content { padding: 20px 0; }
#nav .gn_list>li>a { padding: 0 15px }
#nav .gn_list li .depth_2 { left: 16px }
#nav .gn_list li.gn_brand .depth_2 { left: 63px }
#nav .gn_list li.gn_pr .depth_2 { left: 186px }
#nav .gn_list li.gn_shop .depth_2 { left: 235px; }
#nav .gn_list li.gn_customer .depth_2 { left: 130px; }
#container .header { height: 200px; }
#container .header .header_wrap { width: 100%; padding: 65px 0 0 0 }
#container .header .header_wrap h2 { text-align: center; }
#container .header .header_wrap .desc { text-align: center; }
}
@media screen and (max-width:640px) {
.btn_m1 { min-width: 128px; height: 46px; line-height: 46px; font-size: 20px; }
#nav .gn_header { padding: 15px 0 }
#nav .gn_header .menu_mobile { display: block }
#nav .gn_list { display: none }
#container .section.section_top { padding: 56px 0 0 0 }
#container .content { min-height: auto; height: 80%; padding: 10% 2%;}
/* #container .content h3 { margin: 0 0 10% 0; } */
}
/* paginator */
.paginator{padding:15px 0 0;text-align:center;}
.paginator .bt{background:#fff url('/somang/images/common/btn.png') no-repeat;line-height:999;overflow:hidden;}
.paginator .btn_fir{background-position:14px -127px;}
.paginator .btn_prev{background-position:-16px -127px;}
.paginator .btn_next{background-position:-44px -127px;}
.paginator .btn_last{background-position:-76px -127px;}
.paginator a{color:#999;}
/*유노tv*/
.yunotv h2{text-align:left;}
.tv_box_left{float:left;}
.right_tv_text{position:absolute; right:0; top:170px; }
.right_tv_box{margin-left:25px;}
.right_tv_text img{margin-bottom:35px;}
.right_tv_text ul{}
.right_tv_text ul li{color:#fff; line-height:24px;}
.right_tv_text strong{color:#fcdce6; margin:40px 0; display:block;}
.tv_list{overflow:hidden; }
.tv_list ul li{fLoat:left; margin:40px 10px 0 0}
.tv_list ul li:last-child{margin-right:0}
.yunotv{position:relative; }
.btn_box{clear:both; text-align:center; margin:0 auto;}
.btn_box a.red_btn{background:#d94a44; color:#fff; padding:20px 5px; line-height:30px; clear:both; border-radius:60px; display:block; width:15%; margin:40px auto 50px auto; font-size:15px; font-weight:bold; font-family:'Roboto','Noto Sans KR','맑은 고딕','Malgun Gothic','dotum';}
.counseling_wrap{}
.counseling_wrap h3{margin:30px 0 130px}
.counseling_wrap div.counseling_box{width:60%; overflow:hidden; margin:0 auto;}
.counseling_wrap div.counseling_left{float:left; width:86%;}
.counseling_wrap div.counseling_right{float:left; font-size:12px; }
.counseling_wrap div.counseling_right a{color:#7120d4; padding:13px 20px 10px 20px; border-radius:30px; margin-top:20px; display:block; border:1px solid #7120d4; }
.counseling_wrap div.counseling_right a:hover{background:#7120d4; color:#fff; }
.counseling_wrap div.counseling_a input, .counseling_wrap div.counseling_b input{border-bottom:1px solid #7120d4; margin-bottom:30px; text-align:left; color:#7120d4; width:45%}
.counseling_wrap div.counseling_b input{width:90%}
.yunotv_wrap div.title{margin-bottom:60px;}
/*이벤트*/
.owl-prev, .owl-next
{
position: relative;
font-size: 18px;
color: #b7b7b7;
font-weight: 600;
}
.owl-prev, .owl-next{
width: 50px;
height: 50px;
border: 1px solid #f2f2f2;
border-radius: 50%;
background-color: #ffffff;
}
.event{position:relative; }
.content-wrap{position:relative; }
#popularContentOut{position:relative; }
.popularcontent-slider{position:absolute; top:40%;}
.popularcontent-slider .owl-prev{left:-60px; top:80px;}
.popularcontent-slider .owl-next{left:1155px; top:80px; }
/*리얼스토리*/
.real_wrap{margin-bottom:90px;}
.real_wrap div.title{margin:120px 0 30px;}
.real_box{overflow:hidden; margin-top:15px;}
.real_wrap ul li{float:left; width:25%; }
.real_wrap ul li a{ display:block; width:350px; height:838px;}
/*.real_wrap ul li.box01 a{background:url(/images/real_01_off.jpg)no-repeat left center;}
.real_wrap ul li.box01 a:hover{background:url(/images/real_01_on.jpg)no-repeat left center; }
.real_wrap ul li.box02 a{background:url(/images/real_02_off.jpg)no-repeat left center;}
.real_wrap ul li.box02 a:hover{background:url(/images/real_02_on.jpg)no-repeat left center;}
.real_wrap ul li.box03 a{background:url(/images/real_03_off.jpg)no-repeat left center; }
.real_wrap ul li.box03 a:hover{background:url(/images/real_03_on.jpg)no-repeat left center; }
.real_wrap ul li.box04 a{background:url(/images/real_04_off.jpg)no-repeat left center;}
.real_wrap ul li.box04 a:hover{background:url(/images/real_04_on.jpg)no-repeat left center;}*/
.real_wrap ul li.box01 a{background:url(/images/real_01_on.jpg)no-repeat left center;}
.real_wrap ul li.box02 a{background:url(/images/real_02_on.jpg)no-repeat left center;}
.real_wrap ul li.box03 a{background:url(/images/real_03_on.jpg)no-repeat left center; }
.real_wrap ul li.box04 a{background:url(/images/real_04_on.jpg)no-repeat left center;}
/*셀피*/
.selfie_wrap{position:relative; text-align:left; font-family:'Roboto','Noto Sans KR','맑은 고딕','Malgun Gothic','dotum'; background:#f2f2f2; padding:15px 0; margin-bottom:50px; }
.selfie_wrap img{max-width:100%;}
.selfie_box{overflow:hidden; padding:40px 0}
.selfie_box div.title_selfie{text-align:center; margin-bottom:30px;}
.selfie_box div.left_selfie{float:left; width:520px; }
.selfie_box div.right_selfie{float:right; width:850px; }
.selfie_box div.right_selfie ul li{width:32.5%; float:left; margin-right:10px; }
.selfie_box strong{border-bottom:2px solid #000; display:block; margin-bottom:10px; padding-bottom:5px; font-weight:bold; color:#000}
.selfie_box div.right_selfie ul li:last-child{margin-right:0; }
.selfie_box div.right_selfie ul li .selfie_img a div.selfie_tt{display:none; text-align:center; margin:0 auto; line-height:22px;}
.selfie_box div.right_selfie ul li .selfie_img a div.selfie_tt b{font-size:18px; margin-bottom:10px; display:block;}
.selfie_box div.right_selfie ul li .selfie_img a:hover div.selfie_tt{display:block; color:#fff; margin-top:80px;}
.selfie_box div.right_selfie ul li .selfie_img a div.selfie_tt span.line{display:block; width:15px; height:2px; background:#fff; margin:0 auto; margin-bottom:10px;}
.selfie_box div.right_selfie ul li .s_img01 a{background:url(/images/selfie_img01.jpg)no-repeat left center; display:inline-block; width:100%; height:251px;}
.selfie_box div.right_selfie ul li .s_img01 a:hover{background:url(/images/selfie_img01_on)repeat-x left center; }
.selfie_box div.right_selfie ul li .s_img02 a{background:url(/images/selfie_img02.jpg)no-repeat left center; display:inline-block; width:100%; height:251px;}
.selfie_box div.right_selfie ul li .s_img02 a:hover{background:url(/images/selfie_img02_on)repeat-x left center; }
.selfie_box div.right_selfie ul li .s_img03 a{background:url(/images/selfie_img03.jpg)no-repeat left center; display:inline-block; width:100%; height:251px;}
.selfie_box div.right_selfie ul li .s_img03 a:hover{background:url(/images/selfie_img03_on)repeat-x left center; }
.selfie_box div.right_selfie ul li .s_img04 a{background:url(/images/selfie_img04.jpg)no-repeat left center; display:inline-block; width:100%; height:251px;}
.selfie_box div.right_selfie ul li .s_img04 a:hover{background:url(/images/selfie_img04_on)repeat-x left center; }
.selfie_box div.right_selfie ul li .s_img05 a{background:url(/images/selfie_img05.jpg)no-repeat left center; display:inline-block; width:100%; height:251px;}
.selfie_box div.right_selfie ul li .s_img05 a:hover{background:url(/images/selfie_img05_on)repeat-x left center; }
.selfie_box div.right_selfie ul li .s_img06 a{background:url(/images/selfie_img06.jpg)no-repeat left center; display:inline-block; width:100%; height:251px;}
.selfie_box div.right_selfie ul li .s_img06 a:hover{background:url(/images/selfie_img06_on)repeat-x left center; }
.box_100 img{margin-top:60px }
/*하단*/
footer{background:#352e28; font-family:'Roboto','Noto Sans KR','맑은 고딕','Malgun Gothic','dotum'; padding-top:40px}
footer h2{margin-bottom:30px;}
footer div.left_box.customer_box h3{margin-bottom:65px;}
footer div.left_box.customer_box .f_btn{margin-left:22px;margin-bottom:4px;}
footer div.left_box{float:left; width:46%; margin-right:10px; border-right:1px solid #a7a7a7; padding-right:30px;}
footer div.left_box.customer_box{padding:0; border:0; margin-left:15px; text-align:left; }
footer div.left_box.customer_box div.field_wrap{margin-left:25px;}
footer div.left_box.customer_box div.bottom_wrap{margin-left:25px; margin-top:10px;}
/*footer div.left_box.customer_box p{display:inline-block; margin:10px 0 40px; font-size:12px; margin-right:10px; color:#fff; width:8%; text-align:right;}*/
footer div.left_box.customer_box .field_wrap p{display:inline-block; margin:0px 0 0px 4px; font-size:12px; color:#fffbfb; width:35px; text-align:left;}
footer div.left_box.customer_box .finput{ border:1px solid #352e28; background-color:#352e28; color:#FFFFFF; height:25px; }
footer div.left_box.customer_box textarea{ width:215px; }
footer div.ft_content{height:300px;}
footer div.left_box.location div.title{ width:27%; }
footer div.left_box.location div.ft_content{float:left; text-align:left; }
footer div.left_box.location div.ft_content p.copy{margin:10px 0 20px 0; font-size:12px; line-height:16px; color:#fff;}
footer div.left_box.location div.ft_content img{max-width:100%;}
footer div.left_box span{float:left; width:50%; margin-bottom:25px;}
footer div.left_box span.ft_point p{color:#797164; font-size:12px; margin-bottom:3px;}
footer div.left_box span.ft_point b{color:#a78f6a; font-size:25px; }
footer div.kakao_wrap{font-size:12px;}
footer div.kakao_box{float:left; width:50%; }
footer div.clock_box{float:left; width:50%; }
footer div.kakao_box strong, footer div.clock_box strong{display:block; margin-bottom:5px; color:#a78f6a}
footer div.clock_box p, footer div.kakao_box p{float:left; width:20%; margin-right:5px;}