/* header */
html { scroll-behavior: smooth; }
body{ background:#eee;}
#site_wrap{ max-width:768px; margin:0 auto;}

#header{ border-bottom:1px solid #cccccc; height:60px; line-height:60px; position:relative; background:#ffffff;}	

#logo { float:left; position:absolute; left:50%; margin-left:-80px; margin-top:5px;}
#logo a > img{ width:150px; height:50px;}

#go_menu{ float:left; }
#menu_click{ margin-left:10px; cursor:pointer; text-indent:-999999px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23595959' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'%3e%3cline x1='3' y1='12' x2='21' y2='12'%3e%3c/line%3e%3cline x1='3' y1='6' x2='21' y2='6'%3e%3c/line%3e%3cline x1='3' y1='18' x2='21' y2='18'%3e%3c/line%3e%3c/svg%3e"); background-repeat: no-repeat; width:28px; height:28px; border:0px solid #000000; margin:15px 0 0 10px;
	}

	#menu_bg { width: 300px; height:100%; position: fixed; top:0px; left:0px; overflow: hidden; display: none; z-index:99999;}
	#menu { position:absolute; top:0px; left:0px; width: 280px; height:100%;  background-color:#222222; padding:0 10px;}

	#menu_title > h4{ color:#9a9a9a; font-size:1.6em; letter-spacing:-1px; font-weight:normal; float:left;}
	#menu_title > p{ color:#9a9a9a; font-size:2.0em; cursor:pointer; float:right; line-height:220%;}
	#menu_title > p:hover{ color:#ffffff;}
	
	#login_wrap{}
	.logon_btn01{ border:1px solid #bdbdbd; color:#ffffff; text-align:center; margin-bottom:10px;}
	.logon_btn01 a{ display:block; color:#ffffff; height:50px; line-height:50px; font-size:1.3em;}
	.logon_btn02{ border:1px solid #52be80; background:#52be80; color:#ffffff; text-align:center; margin-bottom:10px;}
	.logon_btn02 a{ display:block; color:#ffffff; height:50px; line-height:50px; font-size:1.3em;}
	
	.logon_btn03{ border:1px solid #ffaf12; background:#ffaf12; color:#303030; text-align:center; margin-bottom:10px;}
	.logon_btn03 a{ display:block; color:#303030; height:50px; line-height:50px; font-size:1.3em; font-weight:bold;}
	
	/*logout_sbtn*/
	.logout_sbtn{ line-height:normal; text-align:center; word-spacing:20px;}
	.logout_sbtn a{ line-height:normal; display:inline-block; margin-top:10px; color:#dddddd; font-size:1.3em; letter-spacing:-1px;}
	.logout_sbtn a:hover{ color:#ffffff; text-decoration:underline;}
	.txt_bold{ font-weight:bold}
	
	
	#menu_box{ clear:both; border-top: 1px solid #4e4e4e; margin:20px 0; padding-top:20px;}
	#menu_box > ul{ margin:10px 0 0 30px;}
	#menu_box > ul > li{ line-height: normal;}
	#menu_box > ul > li a{ color:#ffffff; font-size:1.5em; display:block; margin-bottom:5px; padding-left:25px;}
	#menu_box > ul > li a:hover{ color:#d0fce2; text-decoration:underline;}
	.mbox001{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-home'%3e%3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3e%3c/path%3e%3cpolyline points='9 22 9 12 15 12 15 22'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px; margin-bottom:18px;}
	.mbox002{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-star'%3e%3cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3e%3c/polygon%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px;}
	.mbox003{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-users'%3e%3cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3e%3c/path%3e%3ccircle cx='9' cy='7' r='4'%3e%3c/circle%3e%3cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3e%3c/path%3e%3cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3e%3c/path%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px; margin-bottom:18px;}
	.mbox004{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px;}
	.mbox005{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-briefcase'%3e%3crect x='2' y='7' width='20' height='14' rx='2' ry='2'%3e%3c/rect%3e%3cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3e%3c/path%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px;}
	.mbox006{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-codesandbox'%3e%3cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3e%3c/path%3e%3cpolyline points='7.5 4.21 12 6.81 16.5 4.21'%3e%3c/polyline%3e%3cpolyline points='7.5 19.79 7.5 14.6 3 12'%3e%3c/polyline%3e%3cpolyline points='21 12 16.5 14.6 16.5 19.79'%3e%3c/polyline%3e%3cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3e%3c/polyline%3e%3cline x1='12' y1='22.08' x2='12' y2='12'%3e%3c/line%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px;}
	.mbox007{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-file-text'%3e%3cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3e%3c/path%3e%3cpolyline points='14 2 14 8 20 8'%3e%3c/polyline%3e%3cline x1='16' y1='13' x2='8' y2='13'%3e%3c/line%3e%3cline x1='16' y1='17' x2='8' y2='17'%3e%3c/line%3e%3cpolyline points='10 9 9 9 8 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px;}
	.mbox008{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:0px 0px;}
	

	
	
	
	
	
	
	
	
	

	
/*ms_ai_wrap_메인ai검색*/
#ms_ai_wrap{ width:95%; margin:15px auto; position:relative; 
	border-radius: 50px; /* 둥글게 */
    border: 5px solid transparent; /* 투명 보더 */
    background: 
      linear-gradient(#fff, #fff) padding-box,           /* 내부 배경 */
      linear-gradient(90deg, #fbc800, #e5352b) border-box; /* 보더 그라디언트 */
    
    display: flex;
    align-items: center;
    justify-content: center;
    font: bold 18px/1.4 sans-serif;

}

#ms_ai{ clear:both; margin:0 auto; padding:5px; display:flex; justify-content: space-between;}

.blink_ai {
    
    background: linear-gradient(90deg, #00dee9, #1586ff, #ff4f81, #ffc107);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: moveGradient 3s ease-in-out infinite;
  }

  @keyframes moveGradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  
#ms_ai_input{ background:url(https://www.my-auction.co.kr/images/ai_glass.svg) no-repeat 0 50%; height:56px; line-height:56px; font-size:20px; width:100%;}
#ms_ai_input input{ border:0; outline:0; font-size:20px; background:transparent; color:#0f172a; padding:0 0 5px 22px; width:100%;}
#ms_ai_input input::placeholder {  color: #aaaaaa;  }


@media screen and (min-width:540px) and (max-width:768px) {
	#ms_ai_input{ width:400px;}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
	#ms_ai_input{ width:600px;}
}
@media (min-width: 1280px) {
	#ms_ai_input{ width:610px;}
}

#ms_ai_btnz{}
#ms_ai_btnz a{ display:block;  background:#e83828; color:#ffffff; font-size:18px; border-radius:50px; text-align:center; width:100px; height:56px; line-height:56px;}
#ms_ai_btnz a:hover{ background:#1586ff;}

#ms_ai_pop{ position:absolute; left:10px; top:70px; border:1px solid #1587ff; border-radius:20px; padding:10px 30px; background:#ffffff; box-shadow: 1px 6px 6px rgba(0,0,0,0.5); width:80%;}
#ms_ai_pop h6{ color:#1586ff; font-size:20px;}
#ms_ai_pop ul{ margin:4px 0 0 0;}
#ms_ai_pop ul li{ font-size:18px; font-weight:normal; color:#444444; line-height:22px; margin:3px 0;}
.ai_sharp{ display:inline-block; color:#ffffff; border-radius:4px; background:#1586ff; width:20px; height:20px; line-height:20px; text-align:center; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}







	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.pink { color: #dc143c; }
	

#go_search{ float:right; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23595959' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-repeat: no-repeat; width:28px; height:28px; border:0px solid #000000; margin:15px 10px 0 0; text-indent:-99999px;}
#go_search a{ display:block;}


/*main_flash*/
#firstSlide {  width:100%;}
.slideBoxWrap	{max-width:100%; display:block;overflow:hidden;}

#carouselWrapper {width:100%;margin:0;padding:0;overflow:hidden;}
.sliderBoxDesc {position:relative;width:100%;}
.scrollerBox {position:relative;top:0;left:0;width:100%;/* number_of_page*page_width */float:left;}
.scrollerBox ul {list-style:none;position:relative;display:block;margin:0;padding:0;top:0;left:0;width:100%;height:100%;}
.scrollerBox li {display:block;float:left;padding:0px 0px 0px 0px;}
.scrollerBox li img {width:100%;border:0px;}
.sliderNav	{position:absolute ;bottom:20px ;width:100%;z-index:100;text-align:center; font-size:12px;color:#B4B4B4; display:none;}
.sliderNav a	{margin:0px 5px 0px 5px;color:#B4B4B4;text-decoration:none;}






/**************************************************************************************************************/

/*main_top_banner*/
#main_top_banner{ background:#ffffff; padding:10px 3px;}
#main_top_banner ul li{ cursor:pointer;}
#main_top_banner ul li:nth-child(odd){ float:left; width:50%;}
#main_top_banner ul li:nth-child(even){ float:right; width:50%;}
#main_top_banner p{ font-size:1.3em; letter-spacing:-1px; font-weight:bold;  padding: 10px 0 0 15px;}
.mtb_plus{ width:22px; margin:0 0 -5px 20px;}
#mtb_wrap01{ margin:3px; border-radius:10px; height:100px; background:url(../images/main_tban01.png); background-size: cover; background-position:right bottom;}
#mtb_wrap02{ margin:3px; border-radius:10px; height:100px; background:url(../images/main_tban02.png); background-size: cover; background-position:right bottom;}
#mtb_wrap03{ margin:3px; border-radius:10px; height:100px; background:url(../images/main_tban03.png); background-size: cover; background-position:right bottom;}
#mtb_wrap04{ margin:3px; border-radius:10px; height:100px; background:url(../images/main_tban04.png); background-size: cover; background-position:right bottom;}
#mtb_txt { font-size: 32px; line-height: 1.2em; }

/*login_box*/
#login_box{ clear:both; background:#f1f1f1; text-align:center; padding:20px 0; clear:both;}
#login_box a{ display:inline-block; text-align:center; margin:0 5px; letter-spacing:-1px;}
#login_box .lbox01{ font-size:1.4em;}
#login_box .lbox02{ background:#006fb2; color:#ffffff; border-radius:5px; font-size:1.5em; padding:10px; letter-spacing:-1px; font-weight:bold;}
#login_box .lbox03{ background:#e8ce01; color:#000000; border-radius:5px; font-size:1.5em; padding:10px; letter-spacing:-1px; font-weight:bold;}

/*logout_box*/
#logout_box{ background:#ffffff; clear:both; padding:10px;}
#title_cmo{ border-bottom:3px solid #303030; margin-bottom:15px; padding-bottom:5px;}
#title_cmo h3{ float:left; font-size:1.8em; color:#303030;}
#title_cmo .youtube_logo{ background:url(../images/youtube.svg) no-repeat 0 50%; background-size:100px; padding:0 0 0 105px;}

#more_btng{ float:right;}
#more_btng a{ display:block; color:#ababab; font-size:1.4em; font-weight:bold; background:url(../images/more_plus.svg) no-repeat 98% 50%; background-size:20px; padding:4px 25px 2px 0; line-height:100%;}

#welcome{}
#welcome h4{ font-size:2em; color:#0068bb; line-height:130%;}
#welcome .welcome_id{ color:#707070;}
#welcome .welcome_hi{ color:#3e3e3e; font-size:1em;}

#wel_profile{ clear:both;}
#wel_profile ul{ margin:0 0 0 20px;}
#wel_profile ul li{ color:#202020; font-size:1.3em; margin:3px 0; list-style-type:disc;}
.w_brown{ color:#d05b1b;}
.w_blue{ color:#006fb2;}

#wel_status{ clear:both; margin:10px 0 0 0;}
#wel_status ul{ margin:5px 0;}
#wel_status ul li{ float:left; width:calc(100%/4);}
#wel_status ul li:nth-child(1){ background:url(../images/myp_icon01.svg) no-repeat 50% 90%; background-size:42%;}
#wel_status ul li:nth-child(2){ background:url(../images/myp_icon02.svg) no-repeat 50% 90%; background-size:42%;}
#wel_status ul li:nth-child(3){ background:url(../images/myp_icon03.svg) no-repeat 50% 90%; background-size:42%;}
#wel_status ul li:nth-child(4){ background:url(../images/myp_icon04.svg) no-repeat 50% 90%; background-size:42%;}
#wsta{ border:2px solid #b2b2b2; border-radius:10px; margin:3px; padding:10px;}
#wsta:hover{ border:2px solid #006fb2;}
#wsta h5{ color:#5e5e5e; letter-spacing:-1px;}
#wsta p{ font-size:2em; font-weight:bold; margin:2px 0 30px 0;}

#wel_btn{ clear:both; padding:0 3px;}
#wel_btn a{ display:block; text-align:center; color:#ffffff; background:#006fb2; border-radius:10px; font-size:1.4em; font-weight:bold; padding:15px 0;}


/*main_icon_wrap*/
#main_icon_wrap{ clear:both; background:#ffffff; padding-bottom:15px;}
#main_icon_wrap ul{ padding:10px;}
#main_icon_wrap ul li{ float:left; width:calc(100%/5); text-align:center; background-repeat:no-repeat; background-position:center; background-size:55px; height:85px; line-height:165px; font-size:1.2em; font-weight:bold; letter-spacing:-1px; margin-bottom:10px;}
#main_icon_wrap ul li a{ display:block;}
#main_icon_wrap ul li a:hover{ color:#0f6bb0;}
.miw01{ background:url(../images/main_icon01.svg);}
.miw02{ background:url(../images/main_icon02.svg);}
.miw03{ background:url(../images/main_icon03.svg);}
.miw04{ background:url(../images/main_icon04.svg);}
.miw05{ background:url(../images/main_icon05.svg);}
.miw06{ background:url(../images/main_icon06.svg);}
.miw07{ background:url(../images/main_icon07.svg);}
.miw08{ background:url(../images/main_icon08.svg);}
.miw09{ background:url(../images/main_icon09.svg);}
.miw10{ background:url(../images/main_icon10.svg);}


/*wel_consultant*/
#wel_consultant{ clear:both; background:#e2e2e2; border-radius:15px; margin:15px 0; padding:15px;}


#welc_pic{ float:left;}
#welc_pic img{ border-radius:15px; width:100px; height:100px;}
#welc_name{ float:left; margin-left:10px;}
#welc_name ul{}
#welc_name ul li{ font-size:1.2em; margin:3px 0;}
#welc_name .wac01{ color:#1e5272; font-size:1.3em; font-weight:bold;}
#welc_name .wac02{ color:#4b4b4b; font-size:1.6em;}
#welc_name .wac03{ color:#1e5272; font-size:1.3em; font-weight:bold;}
#welc_name .wac03 a{ color:#1e5272; font-size:1.3em; font-weight:bold;}
#welc_recom{ background:#ff7376; color:#ffffff; text-align:center; padding:8px 10px; border-radius:5px; font-weight:bold; font-size:1.2em}
#welc_call{ float:right; text-indent:-99999px;}
#welc_call a{ display:block; background:url(../images/phone_call.svg) no-repeat center #44d373; border-radius:50%; text-align:center; width:70px; height:70px;}

#welc_btm{ margin-top:10px;}
#welc_btm h3{ color:#2f4857; font-style:italic; font-size:1.6em; font-weight:bold; letter-spacing:-1px;}
#welc_btm p{ color:#686868; font-size:1.3em; line-height:130%; margin-top:4px;}



#youtube_tv{ background:#f1f1f1; padding:30px 10px;}
#youtube_item{ clear:both;}
#youtube_item ul{}
#youtube_item > ul > li{ float:left; width:calc(100%/2);}

#y_item{ margin:5px;}
#y_item ul{}
#y_item ul li{}
#y_item img{ width:100%;}
.t_item01{ font-size:1.2em; line-height:110%;}
.t_item02{ font-size:0.95em; color:#737373; margin-top:3px;}


#main_counsel_sns{ clear:both; background:#ffffff; padding:0 10px;}
#main_counsel_sns ul li{ float:left;  width:calc(100%/3);}
#main_counsel_sns ul li a{ display:block;}
#main_counsel_sns div{height:120px; line-height:190px; text-align:center; font-size:1.4em; letter-spacing:-1px; font-weight:bold; border-radius:10px;}
#main_counsel_sns div:hth-child{}
.mcs01{ background:url(../images/kakao.svg) no-repeat 50% 40% #f8e500;}
.mcs02{ background:url(../images/naver_talk.svg) no-repeat 50% 40% #34af35; margin:0 5px;}
.mcs02 a{ color:#ffffff;}
.mcs03{ background:url(../images/phone_call.svg) no-repeat 50% 40% #202751;}
.mcs03 a{ color:#ffffff;}

#main_ban_btm{ clear:both; padding:10px; background:#ffffff;}
#main_ban_btm ul li{ margin-bottom:0px;}
#main_ban_btm ul li img{ border-radius:10px;}

#main_bank_wrap{ clear:both; background:#ffffff; padding:10px 0 30px 0;}
#main_bank_wrap h3{ text-align:center; font-size:1.8em; color:#8d8d8d; letter-spacing:-1px; font-weight:bold;}
#main_bank_wrap p{ text-align:center; font-size:2.4em; color:#0b7abf; font-weight:bold;}
#bank_img{ text-align:center;}
#main_bank_wrap a{ display:block; margin:10px auto 0 auto; text-align:center; background:#161616; border-radius:50px; width:40%; color:#ffffff; font-size:1.5em; font-weight:bold; color:#ffffff; padding:15px 0;}




/*slogans_wrap*/
#slogans_wrap{ background:url(../images/slogans_bg.png) bottom center #04407e; clear:both;}
#slogans{ padding:30px 10px;}
#slow_title{ border-top:1px solid #366698; border-bottom:1px solid #366698; text-align:center; font-weight:bold; padding:15px 0 10px 0;}
#slow_title h2{ font-size:1.8em; color:#578bc0; margin-bottom:5px; letter-spacing:-1px;}
#slow_title p{ font-size:2.5em; line-height:110%; color:#ffffff;}
#slow_title .slow_ylw{ color:#ffe063;}

#slow_link_wrap{ clear:both; cursor:pointer;}
#slow_link_wrap ul{ margin-top:20px;}
#slow_link_wrap ul li{ float:left; width:50%; color:#ffffff;}

#slow_link{ padding:15px 5px 5px 15px; background:url(../images/slogans_alpha.png); margin:5px;}
#slow_link h3{ font-size:1.7em; text-align:left;}
#slow_link p{ font-size:1.2em; line-height:120%; margin-top:5px;}
#slow_more{ text-align:right;}


/*bottom_link_wrap*/
#bottom_link_wrap{ clear:both; padding:30px 10px;background:#ffffff;}
#bottom_link_wrap ul{}
#bottom_link_wrap ul li{ float:left; width:50%; text-align:center;}
#bottom_link_wrap ul li div{ margin:5px;}

#btm_link{ font-size:1.5em; letter-spacing:-1px; font-weight:bold; color:#878787;}
#btm_link a{ display:block; padding:90px 0 20px 0; border:1px solid #cbcbcb; color:#878787;}
#btm_link .btml001{ background:url(../images/scut_icon01.svg) no-repeat 50% 35%; background-size:50px;}
#btm_link .btml002{ background:url(../images/scut_icon02.svg) no-repeat 50% 35%; background-size:50px;}
#btm_link .btml003{ background:url(../images/scut_icon03.svg) no-repeat 50% 35%; background-size:50px;}
#btm_link .btml004{ background:url(../images/scut_icon04.svg) no-repeat 50% 35%; background-size:50px;}


/**************************************************************************************************************/

/*main_tk*/
#main_tk_wrap{ clear:both;  background:#ffffff;  padding:17px 0 0 0;}
#main_tk{ padding:10px; background:#006fb2;}

#main_tk ul{ width:100%;}
#main_tk ul li{ font-size:1.2em; letter-spacing:-1px; padding:0px; line-height:40px; text-align:center; color:#ffffff;}
#main_tk ul li:nth-child(1){ width:20%; float:left; font-weight:bold; font-size:1.4em;}
#main_tk ul li:nth-child(2){ width:20%; float:left;}
#main_tk ul li:nth-child(3){ width:10%; float:left; font-weight:bold; font-size:1.4em; text-align:center;}
#main_tk ul li:nth-child(4){ width:30%; float:left;}
#main_tk ul li:nth-child(5){ width:20%; float:left;}

#main_tk a{ display:block; float:right; background:#e8ce01;  font-weight:bold; font-size:1.3em; border-radius:3px; width:100%;}

#main_tk select{ width:80px; border:1px solid #d9d9d9; font-size:1.2em; height:37px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236c6c6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat:no-repeat; background-position:97% 50%; background-color:#ffffff; border:none;
	-webkit-border-radius:0; /* input 라운드 */
	-webkit-appearance:none; /* input 그림자 사라짐 */
	 border-radius:3px;
}

#main_tk_wrap .search_box{ height:30px;  font-size:1.2em; border:none; width:75%;
	-webkit-border-radius:0; /* input 라운드*/
	-webkit-appearance:none; /* input 그림자 사라짐 */ border-radius:3px;
}



























































































/*main_shortcut*/
#main_shortcut{ padding:0px 0 20px 0; text-align:center; background:#ffffff;}
#main_shortcut a{ display:inline-block; border:1px solid #cccccc; padding:15px; text-align:center; width:42%; margin:3px 0; font-size:1.5em;}

.txt_blue{ color:#2477b6;}
.txt_read{ color:#c80808;}
.txt_hred{ color:#e74c3c; font-weight:bold; font-size:1.1em;}

.main_shortcut_bage{ background:#fef9e7;}



/*main_login*/
#main_login{ background:#fff9c4; padding:10px 0; margin-top:5px;}
#main_login { text-align:center;}
#main_login > p{ display:inline-block; font-size:1.4em; color:#444444;}
#main_login > a{ display:inline-block; font-size:1.6em; border:1px solid #cccccc; padding:10px; background:#ffffff; font-weight:bold; letter-spacing:-1px;}
#main_login .txt_grey{ color:#444444;}
#main_login .txt_green{ color:#138d75;}

#login_ban{ text-align:center; padding:10px; background:#ffffff;}






/*logon_box_wrap*/
#logon_box_wrap{ background:#ffffff; border-top:8px solid #dddddd; padding:20px;}
#logon_box01{ float:left; border:1px solid #dddddd; padding:20px;}
#gbox_pix img{ float:left; border-radius:100%; width:80px;}
	.gbx01{ font-size:1.3em; font-weight:bold; color:#2980b9;}
	.gbx02{ font-size:1.3em; font-weight:bold; color:#000000;}
	.gbx03{ font-size:1.2em; font-weight:bold; color:#e8972e;}
	#gbox_pix ul{ margin:5px 0 0 10px;}
	#gbox_pix ul li{ margin-top:7px;}
#gbox_pix ul{ float:left;}
	#logon_info{ margin:10px;}
	#logon_info p{ line-height:140%; font-size:1.1em; color:#3e3e3e;}
	#logon_info a{ background:#32d296; color:#ffffff; text-align:center; padding:2px 8px; border-radius:3px; font-size:0.85em;}

#logon_box02{ float:left; margin-left:20px; border:1px solid #dddddd; padding:20px; font-size:1.2em; color:#636363;}
	#logon_box02 h4{ font-size:1.3em; color:#138d75;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23138d75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3e%3cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3e%3c/path%3e%3ccircle cx='12' cy='7' r='4'%3e%3c/circle%3e%3c/svg%3e");
		background-repeat:no-repeat; padding-left:30px; line-height:150%;
	}
	#logon_box02 .logon_id{font-size:0.85em; color:#000000; font-weight:normal;}
	#logon_box02 p{ margin:10px 0; line-height:120%;}
	.gbx04{ color:#206a9b; font-weight:bold;}
	#logon_box02 ul{ margin:10px 0 0 15px;}
	#logon_box02 ul li{ list-style-type:disc; padding:3px 0;}
	#logon_box02 a{ background:#32d296; color:#ffffff; text-align:center; padding:2px 8px; border-radius:3px; font-size:0.85em;}
	#logon_btn a{ background:#7f8c8d; color:#ffffff; text-align:center; padding:2px 8px; border-radius:3px; font-size:0.85em;}
	
	
#logon_box03{ float:left; margin-left:20px; border:1px solid #dddddd; padding:20px;}











/*main_recom01*/
#main_recom01{ clear:both; padding:20px 10px; background:#ffffff;}
#recom_title{}
#recom_title h3{ float:left; font-size:1.7em; font-weight:bold; color:#545454; letter-spacing:-1px;}
#recom_title a{ float:right; font-size:1.3em; color:#2485ce;}

#recom_stock_wrap{ margin-top:20px; overflow:hidden;}

#re_stock{ border:1px solid #cccccc; float:left; padding:10px; border-radius:15px;}
	#re_imz{ position:relative;}
	#re_imz a{}
	#rimz_top{ position:absolute; top:0px; font-size:1.2em;}
		#rnum{ float:left;color:#ffffff; background:#000000; padding:10px 15px; opacity:0.8;}
		#rbld{ float:left; color:#ffffff; background:#2980b9; padding:10px 15px; margin-left:0px;}
	#rimz_btm{ position:absolute; bottom:0px; background:#000000; opacity:0.8; width:100%; padding:10px 0; font-size:1.2em;}
		#rtk{ float:left; color:#ffffff; margin-left:10px;}
		#rvew{ float:right;color:#ffffff; margin-right:10px;}


	#re_info_wrap{}
	#re_info{ font-size:1.5em; margin-top:10px; font-weight:bold;}
	#re_info ul li{ margin-bottom:5px;}
	.re_l{ float:left; color:#9a9a9a;}
	
	
	.re_r{ float:right; text-align:right;}
	
	#re_badge{ clear:both;}
	#re_badge > p{ float:left; font-weight:bold; font-size:1.1em;}
	.re_today{ background:#f0506e; color:#ffffff; text-align:center; padding:3px 5px; font-size:1.0em; border-radius:3px; margin-right:5px;}
	.re_day{ background:#32d296; color:#ffffff; text-align:center; padding:3px 5px; font-size:1.0em; border-radius:3px; margin-right:5px;}
	.re_law{ background:#ff9314; color:#ffffff; text-align:center; padding:3px 5px; font-size:1.0em; border-radius:3px; margin-right:5px;}
	.txt_orange{ color:#ff5f00;}
	#re_comment{ border-top:1px solid #dddddd; padding-top:10px; margin-top:10px; font-size:1.3em; line-height:140%; font-weight:bold; color:#373737;}
	
	

/*main_banner*/
#main_banner{ padding:5px 0;}


/*footer_wrap*/
#footer_wrap{ background:#222222; padding:35px 10px; clear:both;}
#footer_menu{text-align:center; margin-bottom:30px;}
#footer_menu a{ color:#c8c8c8; font-size:1.5em; text-align:center; margin:0 20px; letter-spacing:-1px; line-height:200%;}
#footer_menu .ftpr{ font-size:0.9em; color:#8c8c8c; font-weight:bold;}
#footer_menu a:hover{ text-decoration:underline;}

/*footer_call_no*/
#footer_call_no{ border-top:1px solid #797979; border-bottom:1px solid #797979; padding:30px 0;}
#ft_no{ float:left; background:url(../images/phone_call.svg) no-repeat 0 50%;}
#ft_no ul{ margin:0 0 0 55px;}
#ft_no ul li{ letter-spacing:-1px;}
#ft_no ul li:nth-child(1){ font-size:1.8em; color:#ffffff; margin-bottom:1px;}
#ft_no ul li:nth-child(2){ font-size:2.8em; color:#ffcc00; font-weight:bold;}
#ft_no ul li a:nth-child(2){ font-size:2.8em; color:#ffcc00; font-weight:bold;}

#ft_sns{ float:right;}
#ft_sns ul{}
#ft_sns ul li{ float:right; text-indent:-99999px;  margin-left:5px;}
#ft_sns ul li a{ display:block; height:50px; width:50px;}
#ft_sns .ft_sns01{ background:url(../images/channel_talk.svg) no-repeat center #ffffff; background-size:55%; border-radius:10px;}
#ft_sns .ft_sns02{ background:url(../images/kakao.svg) no-repeat center #fae100; background-size:65%; border-radius:10px;}
#ft_sns .ft_sns03{ background:url(../images/naver_talk.svg) no-repeat center #34af35; background-size:55%; border-radius:10px;}


#adrs_comp{}
#adrs_comp ul li{ margin:15px 0; font-size:14px; line-height:130%;}
#address{ text-align:left; color:#aaaaaa; font-size:14px; margin-top:20px;}
#address p{ font-size:14px; line-height:150%;}
#address a{color:#aaaaaa; margin:0 10px;}
#address a:hover{ text-decoration:underline;}

.ft_white{ color:#ffffff; font-weight:bold;}
.ft_yellow{ color:#ffcc00; font-weight:bold;}


#copy_r{ font-size:14px; line-height:130%;}

#gotop {
	height: 40px; width: 40px; padding: 0; margin: 0; text-indent:-99999px;
	position: fixed; bottom: 80px; right: 15px; text-align: right;
	
	}

	
.btntop {
	width: 47px; height: 47px; padding: 0; margin: 0; 
	border-radius: 25px; background-color: #none; color: #fff; display: none; }





/*sub_contents_wrap*/
#sub_contents_wrap{}
#sub_title{ background:#ffffff; font-size:1.2em; letter-spacing:-1px; padding:15px 10px; position:relative;}
#sub_category{ float:left; color:#8d8d8d;}
#sub_category a{color:#8d8d8d;}

#sub_menu{ float:right;}
#sub_menu h2{
	font-weight:normal;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 2 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-list'%3e%3cline x1='8' y1='6' x2='21' y2='6'%3e%3c/line%3e%3cline x1='8' y1='12' x2='21' y2='12'%3e%3c/line%3e%3cline x1='8' y1='18' x2='21' y2='18'%3e%3c/line%3e%3cline x1='3' y1='6' x2='3.01' y2='6'%3e%3c/line%3e%3cline x1='3' y1='12' x2='3.01' y2='12'%3e%3c/line%3e%3cline x1='3' y1='18' x2='3.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
	 background-repeat:no-repeat;
	 padding-left:24px;
	}

#sub_menu ul{ display:none; position: absolute; top:45px; right:0px; background:#ffffff; font-size:1.1em; box-shadow:0 0 5px #bfbfbf; padding:10px 0;}
#sub_menu ul li a{ display:block; text-align:right; color:#5b5b5b; padding:10px 40px;}
#sub_menu ul li a:hover{ background:#d8eaef;}
	/*menu_2*/
	#menu_2{}



/*sub_contents*/
#sub_contents{ clear:both; background:#ffffff; padding:20px 0px;}/*컨텐츠 좌우여백*/

#sub_contents > h4{ font-size:1.8em;
	 padding-left:10px;
	 line-height:140%;
	 border-bottom:1px solid #dddddd; 
	 padding-bottom:10px; 
	 margin-bottom:10px;
	 color:#595959; 
}

#contents_part{ padding:10px 0;}





/*web*/
@media (min-width: 1280px) {

	
	#main_icon_wrap ul li{  background-size:40%;}
	
  }




/*iphone*/
@media (max-width: 990px) {

	
	
	#main_shortcut a{ width:38%; letter-spacing:-1px;}
	
  }