@charset "utf-8";

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2018-08-01
Modify Date : 2019-05-22
*******************************************/

/* 정렬 */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

/* 마진/패딩 */
.m_t_5 {margin-top:5px !important;}
.m_t_10 {margin-top:10px !important;}
.m_t_15 {margin-top:15px !important;}
.m_t_17 {margin-top:17px !important;}
.m_t_20 {margin-top:20px !important;}
.m_t_25 {margin-top:25px !important;}
.m_t_30 {margin-top:30px !important;}
.m_t_40 {margin-top:40px !important;}
.m_t_50 {margin-top:50px !important;}
.m_t_60 {margin-top:60px !important;}
.m_t_70 {margin-top:70px !important;}
.m_t_80 {margin-top:80px !important;}
.m_t_90 {margin-top:90px !important;}
.m_t_100 {margin-top:100px !important;}

/* 주요기능 레이아웃 */
.wrap_func { width:1180px; margin:0 auto; }
@media (min-width:0) and (max-width:1024px) {
	.wrap_func { min-width:280px; }
	.wrap_func .w_container { margin:0; }
}
#function_header { border-bottom:1px #eaeaea solid; }
#function_header .wrap_func { height:60px; font-size:14px; }
#function_header h1 { float:left; padding-top:20px; }
#function_header h1 a.sub { display:inline-block; vertical-align:top; margin-left:12px; font-size:18px; font-weight:bold; line-height:1.1; color:#333; text-decoration:none; }
#function_header .menu_top { float:right; padding-top:20px; color:#555; font-weight:600; }
#function_header .menu_top>li { float:left; padding:0 10px; line-height:1.0;}
#function_header .menu_top a { font-size:15px; color:#555; text-decoration:none;}
#function_header .menu_top a:hover, #function_header .menu_top a:focus { color:#097ac9; }
#function_header .menu_top>li.login { position:relative; width:auto; margin-left:10px; padding-left:10px; }
#function_header .menu_top>li.login:before {display:block; content:''; position:absolute; top:5px; left:0; width:1px; height:15px; background:#e5e5e5;}
#function_header .menu_top>li.login>a { display:inline-block; padding-left:10px; }
#function_header .hamburger {top:11px; right:12px;}
#function_footer { border-top:1px #bbb solid; padding:20px 0; text-align:center; color:#767676; letter-spacing:0; }
#functions_container { display:table; zoom:1; }
#functions_container:after { display:block;visibility:hidden;clear:both;content:''; }
#functions_left { width:175px; float:left; padding-bottom:80px; }
#functions_contents { width:980px; float:right; padding-bottom:80px; position:relative; }

/* functions 상단 비쥬얼 영역 */
.functions_top_visual { background:#d9e8f3; background:linear-gradient(to right, #d9e8f3, #cfdee9); }
.functions_top_visual .bg { background:url('/images/functions/2018/top_visual_functions.jpg') 50% 0 no-repeat; }
.functions_top_visual .wrap_func { height:200px; }
.functions_top_visual h2 { padding-top:75px; font-size:43px; color:#20252c; }
.functions_top_visual h2>b { display:inline-block; vertical-align:top; margin-top:0px; font-weight:normal; animation-duration:8s; animation-name:ani_visual; animation-iteration-count:infinite; }
.functions_top_visual h2>b:nth-child(1) { animation-delay:0.1s; }
.functions_top_visual h2>b:nth-child(2) { animation-delay:0.2s; }
.functions_top_visual h2>b:nth-child(3) { animation-delay:0.3s; }
.functions_top_visual h2>b:nth-child(4) { animation-delay:0.4s; }
.functions_top_visual h2>b:nth-child(5) { animation-delay:2.0s; }
.functions_top_visual h2>b:nth-child(6) { animation-delay:2.2s; }
.functions_top_visual h2>b:nth-child(7) { animation-delay:2.4s; }
.functions_top_visual h2>b:nth-child(8) { animation-delay:2.6s; }
/*
@keyframes ani_visual {
	48% { transform:scale(1); }
	50% { transform:scale(1.6); }
	70% { transform:scale(1); }
}
*/

/* functions LNB */
.lnb_functions { border-top:none; font-size:14px; font-weight:bold; border-bottom:1px #ddd solid; }
.lnb_functions>li { overflow:hidden; }
.lnb_functions>li>a { display:block; vertical-align:top; height:47px; line-height:47px; padding:0 34px 0 16px; font-weight:600; color:#555; text-decoration:none; border-left:1px #ddd solid; border-right:1px #ddd solid; border-top:1px #f0f0f0 solid; }
.lnb_functions>li:first-child>a { border-top:none; }
.lnb_functions>li>a:hover { color:#097ac9; background:url('/images/functions/2018/bul_lnb_down.png') 90% 50% no-repeat; }
.lnb_functions>li.current>a { color:#097ac9; background:url('/images/functions/2018/bul_lnb_up.png') 90% 50% no-repeat; }
.lnb_functions .sub { width:195px; background:#2390dc; font-size:12px; line-height:1.4; display:none; overflow-y:scroll; }
.lnb_functions .sub>li>a { display:block; vertical-align:top; padding:10px 8px 10px 29px; border-top:1px #2999e8 solid; color:#fff; font-weight:normal; text-decoration:none; background:url('/images/functions/2018/bul_lnb_sub.png') 19px 17px no-repeat; }
.lnb_functions .sub>li>a:hover { background-color:#2595e3; }
.lnb_functions .sub>li.current>a { background-color:#167ec6; }

.lnb_functions .scroll_area { position:relative; overflow:hidden; }
.lnb_functions .scroll_area .btn_sets { display:none; }
.lnb_functions .scroll_area .to_top { position:absolute; left:148px; top:60px; display:block; filter:alpha(opacity=50); opacity:0.5; width:16px; height:16px; border-radius:50%;  background:#0963a1 url('/images/functions/2018/btn_to_top.png') 50% 50% no-repeat; }
.lnb_functions .scroll_area .to_btm { position:absolute; left:148px; bottom:10px; display:block; filter:alpha(opacity=50); opacity:0.5; width:16px; height:16px; border-radius:50%; background:#0963a1 url('/images/functions/2018/btn_to_bottom.png') 50% 50% no-repeat; }
.lnb_functions .scroll_area .to_top:hover,
.lnb_functions .scroll_area .to_btm:hover { filter:alpha(opacity=100); opacity:1; }
.lnb_functions .scroll_area .sub { max-height:416px; }
.lnb_banner { margin-top:15px; }

#goto_top { position:fixed; left:50%; bottom:100px; width:50px; height:50px; background:url('/images/functions/2018/element.png') no-repeat 0px -50px; display:none; margin-left:-528px; filter:alpha(opacity=60); opacity:0.6; }
#goto_top.on { display:inline; animation-duration:4s; animation-name:ani_gototop; animation-iteration-count:infinite; }
@keyframes ani_gototop {
	0% { opacity:0.6; bottom:100px; }
	50% { opacity:1; bottom:110px; }
	100% { opacity:0.6; bottom:100px; }
}

#linemap { position:absolute; left:0; top:0; width:100%; }
#linemap ol { height:48px; font-size:19px; line-height:48px; color:#333; background:rgba(255, 255, 255, 0.95); }
#linemap ol>li { /*float:left;*/ display:inline-block; padding:0 0 0 26px; background:url('/images/functions/2018/bul_linemap.png') 9px 50% no-repeat; }
#linemap ol>li:first-child { padding-left:0; background:none; }
/*#linemap.flying { position:fixed; }
#linemap.flying .cont { width:1180px; margin:0 auto; position:relative; }
#linemap.flying ol { width:980px; padding-left:25px; position:absolute; right:0; top:0; border-bottom:1px #ddd solid; } */
#functions_contents .ac { margin-top:48px; }
#functions_contents .tit_wrap { border-left:none; border-right:none; }
#functions_contents .tit_wrap .bold { font-weight:400; }

/*페이지 첫 타이틀*/
.tit_wrap {border:1px solid #eaeaea; padding:70px;}
.tit_main {font-size:36px; font-weight:400; color:#333; letter-spacing:-2px;}
.tit_main .bold {}
.tit_main_b {font-size:36px; color:#006ac3; letter-spacing:-2px;}
.tit_main_s {margin-top:10px; font-size:20px; color:#9c9c9c; letter-spacing:0; line-height:1.2;}

/*문단 타이틀*/	
.tit_top {font-size:26px; font-weight:600; color:#333; letter-spacing:-2px; line-height:1.4;}

/*문단 서브 타이틀*/	
.tit_mid {font-size:23px; color:#444; letter-spacing:-2px; line-height:1.4;}

/*문단 타이틀 부연설명*/	
.tit_sub {font-size:19px; color:#888; line-height:26px; letter-spacing:-1.5px; line-height:1.4;}
.tit_sub2 {font-size:16px; color:#999; line-height:26px; letter-spacing:0; line-height:1.4;}

/*컨텐츠 상세 설명*/	
.tit_explain, .txt_explain {font-size:14px; color:#6c6c6c; line-height:20px;}
.txt_explain .txt_sub {margin-top:5px; font-size:14px; color:inherit;}

.more a {color:#a2a2a2; font-size:15px;	text-decoration:underline;}
.more a:link, a:visited {color:#a2a2a2; text-decoration:underline;}
.more a:hover, a:focus, a:active {color:#006ac3; text-decoration:underline;}

/*color*/
.t_blue {color:#097ac9;}
.t_black {color:#000;}
.t_white {color:#fff;}

table.info_table {border-top:2px solid #919191; border-bottom:1px solid #919191; border-collapse:collapse;}
table.info_table th,
table.info_table td {border:1px solid #e0e0e0; padding:11px 10px;}
table.info_table th {background-color:#f3f3f3; color:#666;  vertical-align:middle; font-weight:bold;}
table.info_table th.subth {background-color:#fbfbfb; font-weight:bold; color:#666; text-align:center;}
table.info_table td {background-color:#fff; border-left:1px solid #e0e0e0; vertical-align:middle}

table.myshop_info_table {border-top:2px solid #67b5c7; border-bottom:1px solid #67b5c7; border-collapse:collapse;}
table.myshop_info_table th,
table.myshop_info_table td {border:1px solid #eaeaea; padding:11px 10px;}
table.myshop_info_table th {background-color:#f6fafc; color:#666;  vertical-align:middle; font-weight:bold;}
table.myshop_info_table th.subth {background-color:#fbfbfb; font-weight:bold; color:#666; text-align:center;}
table.myshop_info_table td {background-color:#fff; border-left:1px solid #eaeaea; vertical-align:middle}

/* 주요기능 - 바코드 링크추가 (2017 )*/
.barcode_more {width:810px; margin:70px auto 0;}
.barcode_more h1 {width:auto; background:#5da8e1; padding:5px; text-align:center; font-size:12px; color:#fff;}
.barcode_more dl {border:1px solid #3a9fe3; zoom:1;}
.barcode_more dl:after {clear:both; display:block; content:'';}
.barcode_more dt, .barcode_more dd {float:left; height:68px; line-height:68px; border-top:1px solid #d2d2d2; background:url('/images/functions/2018/icon_barcode.png') no-repeat;}
.barcode_more dt.fir, .barcode_more dd.fir {border-top:none;}
.barcode_more dt {width:90%; text-indent:120px; text-align:left;}
.barcode_more dt a {display:block; font-size:17px; font-weight:600; color:#505050; line-height:68px;}
.barcode_more dt a:hover {text-decoration:underline;}
.barcode_more dt.on a {color:#adadad;}
.barcode_more dt.on a:hover {text-decoration:none;}
.barcode_more dd {width:10%; background-position:right -414px;}
.barcode_more dd.on {background-position:right -483px;}
.barcode_more dt.fir {background-position:20px 0;}
.barcode_more dt.sec {background-position:20px -69px;}
.barcode_more dt.thr {background-position:20px -138px;}
.barcode_more dt.fir.on {background-position:20px -207px;}
.barcode_more dt.sec.on {background-position:20px -276px;}
.barcode_more dt.thr.on {background-position:20px -345px;}

/* 주요기능 - 상품 디스플레이 */
.skin_func {width:980px; margin:50px auto 30px; border:1px solid #e7e7e7; padding-top:27px; *zoom:1;}
.skin_func:after {display:block; clear:both; content:'';}
.skin_func > li {float:left; width:290px; height:430px; margin-left:27px;}
.goodsDisplayItemWrap:hover, .goodsDisplayItemWrap img:hover {cursor:pointer;}
.goodsDisplayItemWrap .goodsDisplayTextWrap {padding-top:15px;}
.goodsDisplayItemWrap .goodsDisplayTextWrap .goods_name {font-size:17px; font-weight:600; color:#008cdf; letter-spacing:-2px; line-height:1.8;}
.goodsDisplayItemWrap .goodsDisplayTextWrap .summary {font-size:13px; color:#949494; letter-spacing:-1px; line-height:1.4;}

/* 박스 모션 */
.goodsDisplayimageBox3d img {transition:box-shadow .3s, transform .3s;}
.goodsDisplayimageBox3d img:hover {box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); transform:translate(0, -10px);}

/* 줌인/아웃 */
.goodsDisplayImageZoom {width:288px; height:316px; border:1px solid #eaeaea; overflow:hidden;}
.goodsDisplayImageZoom img {transform:scale(1); transition:0.3s ease-in-out;}
.goodsDisplayImageZoom img:hover {transform:scale(1.1)}

/* 반투명 */
.goodsDisplayImageOpacity img {opacity:1; transition:0.3s ease-in-out;}
.goodsDisplayImageOpacity:hover img {opacity:0.7;}

/* 다른 이미지 */
.goodsDisplayImageOver {width:290px; height:318px; background:url('/images/functions/2018/fuction_design_04.jpg') no-repeat; transition:0.3s ease-in-out;}
.goodsDisplayImageOver:hover {background:url('/images/functions/2018/fuction_design_04_over.jpg') no-repeat;}

/* 추가 이미지 */
.goodsDisplayImagePlus {position:relative;}
.goodsDisplayImagePlus .icon_plus {position:absolute; top:46%; right:0; width:22px; height:22px; background:url('/images/functions/2018/icon_plus.png') no-repeat; cursor:pointer;}
.goodsDisplayImagePlus .design_05_over {display:none; position:absolute; top:0; right:-290px; width:290px; height:318px; background:url('/images/functions/2018/fuction_design_05_over.jpg') no-repeat; z-index:1;}

/* 하단 딤처리 */
.goodsDisplayImageOveray {position:relative; transition:0.3s ease-in-out; cursor:pointer;}
.goodsDisplayImageOveray .section.off .bg {position:absolute; left:0; bottom:0; width:100%; height:47px; background:#000000; opacity:0.5;}
.goodsDisplayImageOveray .section.on .bg {position:absolute; left:0; bottom:0; width:100%; height:70px; background:#000000; opacity:0.5;}
.goodsDisplayImageOveray .section.on {display:none;}
.goodsDisplayImageOveray:hover .section.off {display:none;}
.goodsDisplayImageOveray:hover .section.on {display:block;}
.goodsDisplayImageOveray .section .text {position:absolute; left:0; bottom:15px; width:100%; text-align:center; color:#fff; line-height:1.4;}
.goodsDisplayImageOveray .goods_name {font-size:14px;}
.goodsDisplayImageOveray .summary {font-size:11px;}
.goodsDisplayImageOveray .price {font-size:16px;}

/* 전체 딤처리 */
.goodsDisplayImageOveray .all {display:none;}
.goodsDisplayImageOveray:hover .all {display:block;}
.goodsDisplayImageOveray:hover .all .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.5;}
.goodsDisplayImageOveray:hover .all .text {position:absolute; left:0; top:120px; width:100%; text-align:center; color:#fff; line-height:2.0;}

/* 상품 테두리 */
.goodsDisplayImageBorder {width:290px; height:318px; background:url('/images/functions/2018/fuction_design_08.jpg') no-repeat; transition:0.3s ease-in-out;}
.goodsDisplayImageBorder:hover {background:url('/images/functions/2018/fuction_design_08_over.jpg') no-repeat;}

/* 전체 테두리 */
.goodsDisplayImageBorder2 {width:290px; height:318px; background:url('/images/functions/2018/fuction_design_09.jpg') no-repeat; transition:0.3s ease-in-out;}
.goodsDisplayImageBorder2:hover {background:url('/images/functions/2018/fuction_design_09_over.jpg') no-repeat;}

/* 이미지 오른쪽 하단 미리보기 */
.goodsDisplayImageFunc {position:relative; transition:0.3s ease-in-out; cursor:pointer;}
.goodsDisplayBottomFuncWrap {position:absolute; right:10px; bottom:10px;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc {position:relative;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div {position:absolute; right:0; opacity:1;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div[act="stay"] {right:5px; opacity:1;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div[act="hover"] {-webkit-transition :all 0.3s ease; -khtml-transition :all 0.3s ease; -moz-transition :all 0.3s ease; -ms-transition :all 0.3s ease; -o-transition :all 0.3s ease; transition :all 0.3s ease;  opacity:1;  right:10px;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div {position:relative;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div img {background:#fff; background:rgba(255,255,255,0.9); opacity:0.6;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div:hover img {background:#fff; background:rgba(255,255,255,0.9); opacity:1;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc div:hover:after {position:absolute; right:100%; width:50px; height:23px; line-height:24px; padding:0 3px 0 5px; background:#fff; background:rgba(255,255,255,0.9); color:#666; font-size:11px; letter-spacing:-0.05em; text-indent:0;}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc .display_newwin:hover:after {content:'새창보기';}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc .display_quickview:hover:after {content:'미리보기';}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc .display_option:hover:after {content:'옵션보기';}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc .display_send:hover:after {content:'SNS보내기';}
.goodsDisplayBottomFuncWrap .goodsDisplayBottomFunc .display_zzim:hover:after {content:'찜하기';}

/* 주요기능 - 확장성 높은 디자인 스킨 */
.skin_mov {width:978px; height:515px; margin:50px auto 30px; border:1px solid #e0e0e0; overflow:hidden;}
a.skin_view {display:inline-block; width:200px; line-height:45px; margin:0 auto; border:1px solid #ccc; background:#fff; padding-left:5px; text-align:center; font-size:14px; font-weight:400; color:#9f9f9f; text-decoration:none; letter-spacing:-1px; transition:all linear 0.3s;}
a.skin_view:hover {border:1px solid #008cdf; background:#008cdf; color:#fff;}
a.skin_view span {font-family:'dotum' !important;}
a.skin_view2 {display:inline-block; margin:10px auto 0; width:250px; line-height:55px; background:#008cdf; padding-left:7px; text-align:center; font-size:17px; font-weight:400; color:#fff; text-decoration:none; letter-spacing:-1px; transition:all linear 0.5s;}
a.skin_view2:hover {background:#1b72db;}
a.skin_view2 span {font-family:'dotum' !important;}

/*기능 Tab 디자인*/
.funcTab01, .funcTab02, .funcTab03, .funcTab04 {border-bottom:0; height:44px; width:980px; margin:60px auto 40px;}
.funcTab01:after, .funcTab02:after, .funcTab03:after, .funcTab04:after {clear:both; content:""; display:block;}
.funcTab01 ul, .funcTab02 ul, .funcTab03 ul {}
.funcTab01 li, .funcTab02 li, .funcTab03 li, .funcTab04 li {width:20%; float:left; height:43px; text-align:center;}
.funcTab01 li.first, .funcTab02 li.first, .funcTab03 li.first, .funcTab04 li.first {margin:0;}
.funcTab01 li a, .funcTab02 li a, .funcTab03 li a, .funcTab04 li a { margin:0 0 0 -1px; border-color:#BFBDBE #BFBDBE #6E7379; background:#f7f7f7; border-style:solid; border-width:1px 1px 1px; font-size:14px; color:#767676; display:block; font-weight:normal; height:43px; line-height:43px; text-decoration:none;}
.funcTab01 li.on, .funcTab02 li.on, .funcTab03 li.on, .funcTab04 li.on {position:relative; z-index:1;}
.funcTab01 li.on a, .funcTab02 li.on a, .funcTab03 li.on a, .funcTab04 li.on a {background:none repeat scroll 0 0 #ffffff; border-color:#6E7379 #6E7379 #ffffff; border-style:solid; border-width:1px 1px 1px; font-size:15px; color:#333;}

ul.nl_functions_descbox {text-align:center;}
ul.nl_functions_descbox li {position:relative; margin:0 4px; display:inline-block; min-width:84px; height:94px; vertical-align:middle; background:url('/images/functions/2018/round_box.png') no-repeat right top; padding-right:5px;}
ul.nl_functions_descbox li div {font-size:14px; line-height:18px;}
ul.nl_functions_descbox li div.descbox_text_l1 {line-height:94px;}
ul.nl_functions_descbox li div.descbox_text_l2 {padding-top:27px;}
ul.nl_functions_descbox li div.descbox_text_l3 {padding-top:18px;}
ul.nl_functions_descbox li div.descbox_text_l4 {padding-top:11px;}
ul.nl_functions_descbox li div.descbox_text_l5 {padding-top:5px;}
ul.nl_functions_descbox li div.descbox_left {position:absolute; left:-5px; top:0px; width:5px; height:94px; background:url('/images/functions/2018/round_box.png') no-repeat left top;}

.allinone_function {width:980px; margin:auto; border-top:1px solid #fff; padding:50px 0; text-align:left;}
.allinone_function .case {border-top:1px solid #666;}
.allinone_function .case > dt {cursor:pointer; height:38px; line-height:38px; border-bottom:1px solid #ccc; background:#fff url('/images/functions/2018/bu_case_bottom.png') no-repeat 950px center; padding-left:10px; font-size:13px; color:#333;}
.allinone_function .case > dt.active {background:#3a9fe3 url('/images/functions/2018/bu_case_top.png') no-repeat 950px center; color:#fff;}
.allinone_function .case > dt:after {display:block; clear:both; content:'';}
.allinone_function .case > dd {display:none; border-bottom:1px solid #ccc; background:#fff; padding:20px 0;}

.skin_func .goodsDisplayImageOver,
.skin_func .goodsDisplayImageBorder,
.skin_func .goodsDisplayImageBorder2 {text-indent:-9999px;}

@media only screen and (min-width:1024px) {
	#functions_left h3 {display:none;}
	#functions_left #LnbFunctions {display:block !important;}
}

/* 모바일 */
@media (min-width:0) and (max-width:1024px) {
	.wrap_func {width:auto; padding:0 20px;}
	#function_header .menu_top {display:none;}
	#linemap .cont {text-align:center;}
	#linemap.flying .cont {width:100%;}
	#linemap.flying ol {width:100%; padding:0;}
	#functions_left {width:100%; padding:0;}
	#functions_left h3 {display:block; position:relative; margin-top:-49px; border:1px solid #61a0d7; border-bottom:0; padding-bottom:0; line-height:47px; text-align:center; font-size:15px; font-weight:normal; color:#fff; cursor:pointer;}
	#functions_left #LnbFunctions {display:none;}
	#functions_left .lnb_functions>li>a:hover {background-position:95% 50%;}
	#functions_left .lnb_functions>li.current>a {background-position:95% 50%;}
	#functions_left .lnb_functions .sub {width:100%;}
	#functions_left .lnb_functions .scroll_area .to_top,
	#functions_left .lnb_functions .scroll_area .to_btm {left:92%;}
	#functions_left .lnb_banner {display:none;}
	#functions_contents,
	#functions_contents img, 
	#functions_contents video,
	#functions_contents .allinone_function {width:100%;}
	#functions_contents .section_introduce img {width:auto;}

	#functions_contents br {display:none;}
	#functions_contents .tit_wrap {padding:70px 20px;}
	#functions_contents .skin_mov {width:100%; height:auto;}
	#functions_contents .skin_func {width:100%; border:0;}
	#functions_contents .skin_func > li {width:50%; height:auto; margin:0; padding:0 5px 50px;}
	#functions_contents .skin_func .goodsDisplayImageZoom {width:100%; height:100%;}
	#functions_contents .skin_func .goodsDisplayImageOver,
	#functions_contents .skin_func .goodsDisplayImageBorder,
	#functions_contents .skin_func .goodsDisplayImageBorder2 {width:100%; height:100%; text-indent:0;}
	#functions_contents .goodsDisplayImageOveray:hover .all .text {top:180px;}
	#functions_contents ul.nl_functions_descbox li {margin:5px;}
	#functions_contents ul.nl_functions_descbox li div br {display:block;}
}
@media (min-width:0) and (max-width:640px) {
	#function_header h1 img {width:110px;}
	#functions_contents .tit_main {font-size:30px;}
	#functions_contents .skin_func > li {width:100%; padding:0 0 50px;}
	#functions_contents a.skin_view {margin:5px;}
}
/* 모바일 간격 조정 */
@media (min-width:0) and (max-width:375px) {
	#functions_contents {padding-bottom:40px;}
	#functions_contents .tit_wrap {padding:40px 0;}
	#functions_contents .tit_main {font-size:26px;}
	#functions_contents .tit_top {margin-top:40px !important; font-size:22px;}	
}

/* 신규 추가*/
.tit_blue {border-radius:50px; border:1px solid #167ec6; padding:3px 20px; text-align:center; font-size:16px; color:#167ec6;}
.func_tab {margin-top:70px;}
.func_tab span {display:inline-block; width:200px; border:2px solid #167ec6; border-bottom:2px solid #fff; padding:10px 0; text-align:center; font-size:17px; color:#167ec6;}
.func_tab a {display:inline-block; width:200px; border:1px solid #bfbfbf; border-bottom:2px solid #167ec6; background:#fafafa; padding:10px 0; text-align:center; font-size:16px; color:#9c9c9c; text-decoration:none;}
.func_tab span + a {border-left:none;}
.func_tab a + span {margin-left:-1px;}
@media (min-width:0) and (max-width:640px) {
	.func_tab span, .func_tab a {width:50%; font-size:14px;}
}