@charset "utf-8";
@import 'dropdown.css';

/* common */
* {margin:0;padding:0;}
html {overflow-y:scroll;}
body {text-align:center;background-image:url('../../Common/Images/common/top_bg.jpg');background-repeat:repeat-x;background-position: 0 0;line-height:140%;font-size:11px;font-family:'Tahoma', 'Arial', '돋움', 'dotum', '굴림','Microsoft YaHei';color:#555;font-weight:normal;}
input, select, textarea {font-size:11px;font-family:'Tahoma', 'Arial', '돋움', 'dotum', '굴림', 'Microsoft YaHei';background-color:#fff;}
dt, dd, th, td {text-align:left;font-weight:normal;line-height:140%;vertical-align:middle;}
img, fieldset {border:0 none;}
ul, li, ol {list-style:none;}
em, address {font-style:normal}
table {border-collapse:separate;border-spacing:0;border:none;}

a {color:#444;text-decoration:none;cursor:pointer;}
a:hover, a:active, a:focus {color:#35b4c0;text-decoration:none;}

td a {color:#0091a2}
td a:hover {color:#0091a2}
img {vertical-align:top}
td input, td img {vertical-align:middle}
hr {display:none;}

caption, legend {width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
.displaynone {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-1000em;}
.clearboth {clear:both;height:0;line-height:0;}

/*상단바탕*/

/* IE Z-index Burg*/
#ieZindexFixed {border:none;position:absolute;z-index:-1;background:transparent}

/* Layout */
#wrap {min-width:990px;height:100%;padding:0 5px;} /*20131119 업무 화면 100%로 수정 */
.fixed {width:990px;margin:0 auto;height:100%;padding:0 5px;}
#container {position:relative;text-align:left;height:100%}

#container #snb {position:absolute;top:0;left:0;width:174px;text-align:left}
#container #contents {width:auto;height:100%;margin-left:174px;padding:0 0 20px 26px;text-align:left;background-image:url('../../Common/Images/common/nav_sh.gif');background-repeat:repeat-y;background-position:left top;}
#container #fixedCon {margin:0;background:none;padding:0 0 0 5px;}

/* skipToContent */
#skipToContent {position:absolute;width:100%;z-index:999;left:0;}
#skipToContent a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;background-color:#000;}
#skipToContent a:focus, #skipToContent a:active { height:auto;width:auto;padding:5px;margin-bottom:10px;}

/* footer */
footer {clear:both;padding:15px 0 5px;font-family:tahoma;font-size:11px;color:#999;text-align:left}
footer p {padding:2px 0 5px 60px;background-image:url('../../Common/Images/common/logo_samsung.gif');background-repeat:no-repeat;background-position:left top;}
footer span.link {color:#ccc;margin-left:5px}
footer span.link a {margin:0 3px;color:#000}
footer span.link a:hover {color:#2c6279;text-decoration:underline}
footer span.contact {color:#333}
footer span.contact strong {margin-left:3px;padding-left:7px;background-image:url('../../Common/Images/common/buls.gif');background-repeat:no-repeat;background-position:left -54px;}

/* gnb */
#gnb {position:relative;height:89px;z-index:100;}
#gnb h1 {position:absolute;top:8px;left:0px}
#gnb .dropdown {position:absolute;top:20px;left:0;text-align:left}
#gnb .function {position:absolute;top:10px;right:0px;font-size:11px;color:#ccc;margin:0}
#gnb .function2 {position:absolute;right:0;top:46px;font-size:11px;color:#ccc;padding:4px;border:1px solid #c1c1c1;float:left;z-index:100;}

header.gnb_collapsed {height:40px !important}
header.gnb_collapsed h1, header.gnb_collapsed .function {display:none}
header.gnb_collapsed .dropdown {top:0 !important}

/* function */
.function {position:absolute;top:10px;right:0px;font-size:11px;color:#ccc;margin:0}
.function a, .function span {padding:0 7px;color:#4b5054}
.function a:hover {color:#2e7dab;text-decoration:underline;}
.function a.user {color:#fff}
.function a.user:hover {text-decoration:underline;}
.function select {height:17px}
.function a.logout {color:#fff}
.function a.logout:hover {text-decoration:underline;}
.function a.my_spec {color:#fff}
.function a.my_spec:hover {text-decoration:underline;}
.function a.itvoc {padding-right:14px;background-image:url('../../Common/Images/common/ico_voc.gif');background-repeat:no-repeat;background-position:right 1px;font-weight:bold;color:#faf29a}
.function a.itvoc:hover {background-image:url('../../Common/Images/common/ico_voc.gif');background-repeat:no-repeat;background-position:right 1px;text-decoration:underline;}
.function .confidential {padding:4px 5px 4px 5px;margin-left:12px;background-color:#bf0207;color:#fff}
.function .confidential:hover {color:#fff;cursor:default;text-decoration:none;}
.function .user_name {font-weight:normal;color:#fff;padding-top:5px}
.function .user_info {margin-left:-14px;font-weight:normal;color:#b5f5ff}
.function .line {margin-left:2px;margin-right:2px;font-weight:normal;color:#b5f5ff;padding:0;}

/* function2 */
.function2 {position:absolute;right:0;top:48px;font-size:11px;color:#ccc;padding:4px;border:1px solid #c1c1c1;float:left}
.function2:focus, .function2:hover {border:1px solid #35b4c0;}

.quickmenu_box {border:1px solid #d9d9d9;padding:10px 15px;}
.quickmenu_tit_area {height:25px;padding-top:7px;}
.quickmenu_tit_area .quickmenu_tit {float:left;font-size:16px;font-weight:bold;color:#010000;}
.quickmenu_tit_area .pmg_menu {float:right;background-image:url('../../Common/Images/common/ico_gruop.gif');background-repeat:no-repeat;background-position:left 2px;padding-left:13px;color:#00a7b7}
.quickmenu_tit_area .pmg_menu span {font-size:12px;color:#666}

.quick_menu_list {overflow:hidden;word-spacing:3px;letter-spacing:-1px;line-height:12px;margin:0 0 0 15px;}
.quick_menu_list li {display:inline;list-style:none;float:left;width:73px;margin:10px 10px 0 0;padding:0 0 3px 0;color:#666;text-align:center;}
.quick_menu_list li a {color:#666;text-decoration:none;}
.quick_menu_list li a:hover {text-decoration:underline;}
.quick_menu_list li img {display:block;margin-bottom:5px;border:none;}

/* color */
.wh {color:#fff !important}
.red {color:#ff0000 !important}
.org {color:#ee6a23 !important}
.sky {color:#006bbe !important}
.gray {color:#767676 !important}
.gray2 {color:#bababa !important}
.gray3 {color:#666 !important}
.gray4 {color:#cdcdcd !important}
.gray5 {color:#f3f3f3 !important}
.bl {color:#000 !important}
.cyan {color:#0091a2 !important}
.green {color:#168411 !important}

/* color : hover시 bold */
.hoverb_red {color:#ff0000 !important;}
.hoverb_red:hover {font-weight:bold;}
.hoverb_sky {color:#006bbe !important;}
.hoverb_sky:hover {font-weight:bold;}
.hoverb_basic {color:#555 !important;}
.hoverb_basic:hover {font-weight:bold;}

/* bg-color */
.bg_wh {background-color:#fff !important}
.bg_gray {background-color:#f3f3f3 !important} /* disabled 속성을 가진 tr 등 배경색으로 사용 */
.bg_gray2 {background-color:#f9f9f9 !important}
.bg_gray3 {background-color:#cdcdcd !important}
.bg_yew {background-color:#fffdc8 !important}
.bg_yew2 {background-color:#fff9bd !important;color:#333333 !important}
.bg_pul {background-color:#f5f3fe !important}
.bg_yr1 {background-color:#fbefea !important}
.bg_yg1 {background-color:#f4f8e1 !important}
.bg_lblue {background-color:#ecf4f6 !important}
.bg_red {background-color:#fcdada !important;color:#ffffff !important}
.bg_red1 {background-color:#fcdada !important;color:#333333 !important}
.bg_red2 {background-color:#fcdada !important;color:#333333 !important} /* market error */
.bg_red3 {background-color:#e42a0c !important;color:#fff !important}
.bg_cyan1 {background-color:#d5eeec !important;color:#333333 !important}

.fSPText {color:#0091a2 !important;font-weight:bold;text-align:center;}
.fSPText2 {color:#ffffff;background-color:#35b3bf !important;font-weight:bold;text-align:center;}
.fSPText3 {color:#ffffff;background-color:#b6b6b6 !important;font-weight:bold;text-align:center;}

/* font */
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.f17 {font-size:17px !important}
.f14 {font-size:14px !important}
.f12 {font-size:12px !important}
.f11 {font-size:11px !important}
.upp {text-transform:uppercase;}

/* 정렬 */
.fl {float:left !important}
.fr {float:right !important}
.cl {clear:both}
.rel {position:relative}
.abs {position:absolute}
.ac {text-align:center !important}
.ar {text-align:right !important}
.al {text-align:left !important}
.at {vertical-align:top !important}
.am {vertical-align:middle !important}
.ab {vertical-align:bottom !important}
.wb {white-space:pre-wrap !important;word-break:break-all}

.amr5 {margin-right:5px;vertical-align:middle !important}
.aml5 {margin-left:5px;vertical-align:middle !important}
.abm10 {vertical-align:bottom !important;margin-bottom:10px !important}

/* margin */
.mcl {margin:0px !important}

.mb0 {margin-bottom:0px !important}
.mb1 {margin-bottom:1px !important}
.mb4 {margin-bottom:4px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}

.mt0 {margin-top:0px !important}
.mt2 {margin-top:2px !important}
.mt5 {margin-top:5px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt13 {margin-top:13px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}

.ml0 {margin-left:0px !important}
.ml3 {margin-left:3px !important}
.ml5 {margin-left:5px !important}
.ml6 {margin-left:6px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}

.mr0 {margin-right:0px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr12 {margin-right:12px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}

.mrl5 {margin-left:5px;margin-right:10px !important}
.mlr10 {margin-left:10px !important;margin-right:10px !important}
.mlr15 {margin-left:10px;margin-right:5px !important}

.mlt5 {margin-left:5px;margin-top:10px !important}
.mbt15 {margin-bottom:15px;margin-top:15px !important}

.ml1p {margin-left:1% !important}
.mr1p {margin-right:1% !important}
.ml2p {margin-left:2% !important}
.mr2p {margin-right:2% !important}

/* padding */
.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}

.pb0 {padding-bottom:0px !important}
.pb10 {padding-bottom:10px !important}

.pl0 {padding-left:0px !important;}
.pl15 {padding-left:10px !important;}

.pr10 {padding-right:10px !important;}

.ptb5 {padding-top:5px !important;padding-bottom:5px !important}
.ptb7 {padding-top:7px !important;padding-bottom:7px !important}

.plr1 {padding-left:1% !important;padding-right:1% !important}
.plr2 {padding-left:2% !important;padding-right:2% !important}
.plr10 {padding-left:10px !important;padding-right:10px !important}
.plr15 {padding-left:15px !important;padding-right:15px !important}


.f {padding:1px 12px 1px 5px !important;}
*:first-child+html .f {padding:1px 2px 1px 0 !important;}
.fs {padding:3px 5px 2px 5px !important;}
.fs2 {padding:2px 5px 0 5px !important;} /* SMAAPP 멀티 Select td 스타일 */
*:first-child+html .fs2 {padding:2px 5px 0 5px !important;}
.fa {padding-top:4px !important;padding-bottom:5px !important;}

.tb {padding:20px 0  20px 15px !important;}  /* tb 안에 다른 테이블이 들어갈 경우 해당 tb에 클래스값을 넣음 */


/* display */
.dis_no {display:none;}
.dis_bl {display:block;}
.dis_bl2 {display:block;clear:both}
.dis_in {display:inline;}
.dis_inbl {display:inline-block}

.tbl_fixed {table-layout:fixed !important;}

/* border style */
.bo_t {border-top:1px solid #444 !important;}
.bo_b {border-bottom:1px solid #444 !important;}
.orb_btb {border-bottom:1px solid #ee6a23 !important;}
.orb_bt {border-top:1px solid #ee6a23 !important;}
.none_bt {border-top:0 !important;}
.none_bot {border-bottom:0 !important;}
.none_br {border-right:0 !important;}
.none_bl {border-left:0 !important;}
.g_bb {border-bottom:1px solid #cbcbcb !important;}
.g2_bb {border-bottom:1px solid #999 !important;}
.line_c {border-right:1px dashed #444 !important;}
.tbd0 {border-top:none !important;}
.tbd0_last {border-top:none !important;border-right-style:none !important;} 
.tbd1 {border-top:1px solid #444 !important;}
.tbd1_last {border-top:1px solid #444 !important;border-right-style:none !important;}
.tbd2 {border-top:2px solid #444 !important;} 
.tbd2_last {border-top:2px solid #444 !important;border-right-style:none !important;}
.tbd1_g {border-top:1px solid #c6c6c6 !important;} /* tb_a 테이블을 서브페이지;읽기페이지 상단으로 쓸 경우 tbody clss="tbd1_g" 선 */
.tbd2_g {border-top:2px solid #ddd !important;}
.border_red {border-color:#ff0000 !important;}
.bo1_sm {border-top:1px solid #c6c6c6;}

/* Size */
.s_33 {width:33px !important;}
.s_30 {width:30px !important;}
.s45 {width:45px !important;}
.s50 {width:50px !important;}
.w_100 {width:100% !important;}
.mh_20 {min-height:20px !important}
.mh_50 {min-height:50px !important}
.mh_100 {min-height:100px !important}
.mh_140 {min-height:140px !important}
.mh_170 {min-height:170px !important}
.mh_200 {min-height:200px !important}

/* ETC */
.mouse_h {cursor:pointer !important;}

.attch_w {display:inline-block;width:80px;text-align:right;}

.control-form input[type="checkbox"], .control-form input[type="radio"] {margin:0 3px 0 0;border:0;}
.control-form label {vertical-align:middle;cursor:pointer;}

.cbl {width:100% !important;}
.cbl td {border-bottom:0px !important; padding-left:0px !important;}
.cbl td label {padding-left:3px !important;}

.rbl2 {width:100% !important;}
.rbl2 td {border-bottom:0px !important; padding-left:0px !important;}
.rbl2 td label {padding-left:3px !important;}

*:first-child+html .grid_btn {margin:-15px;display:inline;padding-right:15px;}
.no_img {background-image:url('/Common/Images/common/no_image.gif');background-repeat:no-repeat;background-position:0 0;background-size:100%;}

.line_20 {line-height: 20px !important;}
.word_break {word-wrap: break-word !important;}

.sticky_header{position:sticky;top: 0px;}

/* CB 전환 css 추가 */
/* 공통 css */
.db{display:block !important;}
.dlb{display:inline-block !important;}


.mtm1{margin-top:-1px !important;}
.mbm4{margin-bottom:-4px !important;}
.wrap-text{white-space: normal !important; word-break: keep-all !important;} 

.thumbnail-list {text-align: center;}
.thumbnail {width: 270px; height: 280px; display: inline-block; margin: 10px; padding:20px;border: 1px solid #c6c6c6; background:#f3f3f3}
    .thumbnail .model-image {
        width: 250px;
        height: 160px;
        background: #fff;
        border: 1px solid #c6c6c6;
        margin: auto;
        text-align: center;
        display: inline-block;
        position: relative;
    }

        .thumbnail .model-image img {
            max-height: 100%;
            max-width: 100%;
            margin: auto;
            position: absolute;
            top:0; left:0; right: 0; bottom: 0;
        }
.thumbnail>div {display: table;}
.thumbnail a[id*="linkDetail"] { font-size:12px;font-weight: bold;color:#444444;width: 100%;margin-bottom:10px;line-height: 140%;}
.model-description {margin: 10px 0 0 0;}
.model-description * {display: inline-block;font-size:12px;text-align:left;list-style:none;}
.model-description span {width:100%;}
.model-description a[id*="linkDetail"]{color:#444444; text-decoration:underline}
.model-description a[id*="linkDetail"]:hover{color:#0091a2; text-decoration:underline}
.description-header {width: 120px;}
.description-row {width: 100%;}
.model-image {width: 100%;}
.table-fit-content {white-space: nowrap;}
.search-component {width: 100%; min-width: 130px;position: relative;display: inline-block;max-width: 75%;}
.historySummary ul{padding-left:3px;}
.historySummary li{padding-left:5px;}
.search-component input {padding-right: 24px;width: calc(100% - 31px);}
.search-component span {height:15px;position: absolute;top: 0px;right:1px;cursor: pointer;padding: 2px 8px;text-align:center;background:url(/Common/images/button/ico_del_s2.gif)center center no-repeat;display:none;}
.search-component-code{width: calc(100% - 7px);max-width:calc(75% - 7px);}
@media (min-width:1024px) {.label-col{width: 10%; }}
@media (min-width:1400px) {.label-col {width: 10%;}}
@media (min-width:1600px) {.label-col {width: 7%;}}

.otp-label {height: 30px;padding-top: 15px;padding-left: 5px;font-size: 1.8rem;color: #7ea6ab;vertical-align: top;font-weight: bold;}
.otp-layout {display: table;width: 352px;height: calc(100% - 76px);text-align: center;margin: 0 auto;position: relative;}
.otp-content {display: table-cell;align-content: space-evenly;vertical-align: middle;text-align: left;width: 100%;}
.otp-content td, .otp-content th {word-break: break-all;padding: 2px 10px 2px 10px !important;border: 1px solid #bebebe;}
.control-code {border: 1px solid #c1c1c1;}
.control-code:hover {border-color: #35b4c0;}
.control-code input, .control-code input:focus-visible {border: none !important;outline: 1px;}
.control-code label {float: right;color: red;top: 1px;position: relative;}
#trSendOtp, #trVerifyOtp {width: 100%;}
.otp-header {margin-top:10px;border-bottom: 1px solid #d9d9d9;height: 30px;padding-top: 15px;padding-left: 5px;font-size: 1.8rem;color: #7ea6ab;vertical-align: top;font-weight: bold;}  
.otp-margin {margin-bottom: 20px;}
#lblTimer{color:red;}
.checkbox-list>*{margin-right:7px !important;display: inline-block;padding:0 !important;}
.checkbox-list>label{padding:0 !important;top:2px !important;position:relative;}
.checkbox>*{display: inline-block;padding:0 !important;vertical-align:middle !important;}
.checkbox>label{padding:0 !important;position:relative;margin-left:3px;}