@charset "utf-8";


.user#main #visual{overflow:hidden; position:relative; z-index:0; width:100%; height:819px;}
.user#main #visual .arrow_left,
.user#main #visual .arrow_right{display:block; position:absolute; top:325px; z-index:3; width:109px; height:26px; background-repeat:no-repeat; background-position:left top;}
.user#main #visual .arrow_left{left:70px; background-image:url(/images/china/layout/main_visual_left.png);}
.user#main #visual .arrow_right{right:70px; background-image:url(/images/china/layout/main_visual_right.png);}
.user#main #visual .controll{position:absolute; left:0; top:217px; z-index:10; width:100%;}
.user#main #visual .controll [class*="btn_"]{display:table; position:absolute; top:0; width:94px; height:109px; text-decoration:none; color:#fff; background-image:url(/images/china/layout/main_visual_btn.png); background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.user#main #visual .controll [class*="btn_"] span{display:table-cell; width:100%; height:100%; line-height:18px; padding-bottom:25%; text-align:center; font-family:'ntk'; font-size:13px; vertical-align:middle; color:#fff; box-sizing:border-box;}
.user#main #visual .controll [class*="btn_"]:hover{background-image:url(/images/china/layout/main_visual_btn_on.png);}
.user#main #visual .controll [class*="btn_"]:hover span{}

.user#main #visual [class*="view_"]{opacity:0; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; padding-top:106px; background-position:center top; background-repeat:no-repeat; background-size:cover; box-sizing:border-box;}
.user#main #visual .view_01{padding-bottom:252px; background-image:url(/images/china/layout/main_visual_bg_01.jpg);}
.user#main #visual .view_01 .titles{opacity:0; display:block; position:absolute; left:0; top:295px; width:100%; line-height:45px; text-align:center; font-weight:500; font-size:45px; color:#fff;}
.user#main #visual .view_01 .titles em{font-style:normal;font-size: 35px;}
.user#main #visual .view_01 .titles span{display:block; font-weight:normal; font-size:45px;}

.user#main #visual .view_02{padding-bottom:70px; background-image:url(/images/china/layout/main_visual_bg_02.jpg);}
.user#main #visual .view_02 .lists{opacity:0; position:absolute; left:0; top:275px; width:100%;}
.user#main #visual .view_02 .lists ul{max-width:960px; height:195px; margin:0 auto;}
.user#main #visual .view_02 .lists ul li{float:left; width:33.3%; height:100%; padding:10px; background:url(/images/china/layout/main_visual_line_01.png) no-repeat left top; background-size:auto 100%; box-sizing:border-box;}
.user#main #visual .view_02 .lists ul li:first-child{background:none;}
.user#main #visual .view_02 .lists ul li .simbol{display:block; width:100%; height:80px; margin-bottom:20px; background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}
.user#main #visual .view_02 .lists ul li.icon_01 .simbol{background-image:url(/images/china/layout/main_visual_icon_01.png);}
.user#main #visual .view_02 .lists ul li.icon_02 .simbol{background-image:url(/images/china/layout/main_visual_icon_02.png);}
.user#main #visual .view_02 .lists ul li.icon_03 .simbol{background-image:url(/images/china/layout/main_visual_icon_03.png);}
.user#main #visual .view_02 .lists ul li strong{display:block; text-align:center; font-weight:normal; font-size:22px; color:#f5cf1e;}
.user#main #visual .view_02 .lists ul li strong span{display:block; margin-bottom:5px; font-size:17px; color:#fff;}
.user#main #visual .view_02 .texts{overflow:hidden; display:block; width:100%; height:55px; text-indent:-1000px; text-align:left; background:url(/images/china/layout/main_visual_text_01.png) no-repeat center center; background-size:auto 100%;}
.user#main #visual .view_02 .btns{display:block; width:143px; line-height:14px; padding:10px 0px; margin:0 auto; text-align:center; text-decoration:none; font-weight:normal; font-size:14px; border:3px solid #fff; color:#fff; box-sizing:border-box;}
.user#main #visual .view_02 .btns:hover{color:#666; background-color:#fff;}

.user#main #visual .view_03{padding-bottom:252px; background-image:url(/images/china/layout/main_visual_bg_03.jpg);}
.user#main #visual .view_03 .lists{opacity:0; position:absolute; left:0; top:111px; width:100%; height:305px; padding-left:114px; box-sizing:border-box;}
.user#main #visual .view_03 .titles{
    display:table; table-layout:fixed; position:absolute; left:50%; top:0; width:94px; height:109px; margin-left:-47px; text-decoration:none; color:#fff; background-image:url(/images/china/layout/main_visual_btn_on.png); background-position:center center; background-repeat:no-repeat; background-size:100% auto;
    transition : all 0.5s ease 0.2s;
    -webkit-transition : all 0.4s ease 0.2s;
}
.user#main #visual .view_03 .titles span{display:table-cell; width:100%; height:100%; line-height:18px; padding-bottom:25%; text-align:center; font-family:'ntk'; font-size:14px; vertical-align:middle; color:#fff; box-sizing:border-box;}
.user#main #visual .view_03 ul{width:100%; height:100%;}
.user#main #visual .view_03 ul li{opacity:0; float:left; width:25%; height:100%; padding-left:26px; margin-top:50px; box-sizing:border-box;}
.user#main #visual .view_03 ul li .lay{position:relative; width:100%; height:100%; padding:50px 10px 0px 10px; background-position:left top; background-repeat:no-repeat; background-size:100% 100%; box-sizing:border-box;}
.user#main #visual .view_03 ul li .lay.hover:hover{margin-top:-20px; cursor:pointer;}
.user#main #visual .view_03 ul li .lay a{display:block; width:100%; height:100%; text-decoration:none;}
.user#main #visual .view_03 ul li.type_01{
    transition : all 0.5s ease 0.3s;
    -webkit-transition : all 0.4s ease 0.3s;
}
.user#main #visual .view_03 ul li.type_02{
    transition : all 0.5s ease 0.4s;
    -webkit-transition : all 0.4s ease 0.4s;
}
.user#main #visual .view_03 ul li.type_03{
    transition : all 0.5s ease 0.5s;
    -webkit-transition : all 0.4s ease 0.5s;
}
.user#main #visual .view_03 ul li.type_04{
    transition : all 0.5s ease 0.6s;
    -webkit-transition : all 0.4s ease 0.6s;
}
.user#main #visual .view_03 ul li.type_01 .lay{background-image:url(/images/china/layout/main_visual_box_01.png);}
.user#main #visual .view_03 ul li.type_02 .lay{background-image:url(/images/china/layout/main_visual_box_02.png);}
.user#main #visual .view_03 ul li.type_03 .lay{background-image:url(/images/china/layout/main_visual_box_03.png);}
.user#main #visual .view_03 ul li.type_04 .lay{background-image:url(/images/china/layout/main_visual_box_04.png);}

.user#main #visual .view_03 ul li .simbol{display:block; width:100%; height:61px; margin:0 0 20px 0; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.user#main #visual .view_03 ul li.type_01 .simbol{background-image:url(/images/china/layout/main_visual_box_03_icon_01.png);}
.user#main #visual .view_03 ul li.type_02 .simbol{background-image:url(/images/china/layout/main_visual_box_03_icon_02.png);}
.user#main #visual .view_03 ul li.type_03 .simbol{background-image:url(/images/china/layout/main_visual_box_03_icon_03.png);}
.user#main #visual .view_03 ul li.type_04 .simbol{background-image:url(/images/china/layout/main_visual_box_03_icon_04.png);}

.user#main #visual .view_03 ul li .lines{display:block; position:absolute; left:30%; bottom:12%; width:40%; height:3px; line-height:3px; font-size:1px; background-position:center center; background-repeat:repeat-x;}
.user#main #visual .view_03 ul li.type_02 .lines{background-image:url(/images/china/layout/main_visual_box_03_line_01.gif);}
.user#main #visual .view_03 ul li.type_03 .lines{background-image:url(/images/china/layout/main_visual_box_03_line_02.gif);}
.user#main #visual .view_03 ul li.type_04 .lines{background-image:url(/images/china/layout/main_visual_box_03_line_02.gif);}

.user#main #visual .view_03 ul li .tis{display:block; margin-bottom:25px; text-align:center; font-family:'ntk'; font-weight:normal;}
.user#main #visual .view_03 ul li .tis span{display:block;}
.user#main #visual .view_03 ul li.type_01 .tis{width:83%; line-height:32px; margin:0 auto; text-align:left; font-size:27px; color:#fff;}
.user#main #visual .view_03 ul li.type_02 .tis{line-height:32px; font-size:32px; color:#26262d;}
.user#main #visual .view_03 ul li.type_03 .tis{line-height:32px; font-size:32px; color:#fff;}
.user#main #visual .view_03 ul li.type_04 .tis{line-height:32px; font-size:27px; color:#fff;}
.user#main #visual .view_03 ul li .tes{display:block; text-align:center; font-family:'ntk'; font-weight:normal;}
.user#main #visual .view_03 ul li .tes span{display:block;}
.user#main #visual .view_03 ul li.type_01 .tes{width:83%; line-height:20px; margin:0 auto 30px auto; text-align:left; font-size:16px; color:#fff;}
.user#main #visual .view_03 ul li.type_02 .tes{line-height:18px; font-size:14px; color:#969696;}
.user#main #visual .view_03 ul li.type_03 .tes{line-height:18px; font-size:14px; color:#fff;}

.user#main #visual .fix_box{position:absolute; left:0; bottom:0; z-index:1; width:100%;}
.user#main #visual .fix_box .bodos{position:absolute; left:0; bottom:0; z-index:0; width:100%; height:180px; box-sizing:border-box;}
.user#main #visual .fix_box .bodos .controlls{position:absolute; right:20px; top:0px; z-index:5; width:25px; height:100%;}
.user#main #visual .fix_box .bodos .controlls [class*="btn_"]{overflow:hidden; display:block; position:absolute; left:0; width:25px; height:25px; text-indent:-1000px; background-position:center center; background-repeat:no-repeat;}
.user#main #visual .fix_box .bodos .controlls .btn_up{top:45px; background-image:url(/images/china/layout/main_bodo_up.png);background-size:100%}
.user#main #visual .fix_box .bodos .controlls .btn_down{bottom:40px; background-image:url(/images/china/layout/main_bodo_down.png);background-size:100%}
.user#main #visual .fix_box .bodos .controlls .btn_stop{display:none; top:50%; margin-top:-9px; background-image:url(/images/china/layout/main_bodo_stop.png);background-size:100%}
.user#main #visual .fix_box .bodos .controlls .btn_play{top:50%; margin-top:-9px; background-image:url(/images/china/layout/main_bodo_play.png);background-size:100%}
.user#main #visual .fix_box .bodos .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
.user#main #visual .fix_box .bodos ul{ width:100%; height:180px;}
.user#main #visual .fix_box .bodos ul li{float:left; width:33.33%; height:180px;opacity: 0.8; }
.user#main #visual .fix_box .bodos ul li:nth-child(1){ background: #6f1d1f; }
.user#main #visual .fix_box .bodos ul li:nth-child(2){ background: #253058; }
.user#main #visual .fix_box .bodos ul li:nth-child(3){ background: #6f6049; }


.user#main #visual .fix_box .bodos ul li a{position:relative; display:block; width:100%; height:100%;box-sizing:border-box;padding: 30px;}
.user#main #visual .fix_box .bodos ul li a .photos{display:none;overflow:hidden; position:absolute; left:0; top:0; width:150px; height:102px;}
.user#main #visual .fix_box .bodos ul li a .photos span{position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.user#main #visual .fix_box .bodos ul li a .photos span img{height:100%; vertical-align:top;}
.user#main #visual .fix_box .bodos ul li a .tis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:500; font-size:24px; color:#fff;}
.user#main #visual .fix_box .bodos ul li a .tes{overflow:hidden; text-overflow:ellipsis; white-space:pre; display:block; font-family:'ntk'; font-weight:normal; font-size:14px; color:#fff;}
.user#main #visual .fix_box .bodos ul li a .more{position:absolute; left:30px; bottom:40px; line-height:15px; padding-right:73px; font-family:'ntk'; font-weight:normal; font-size:15px; color:#fff; background:url(/images/china/layout/main_bodo_bul.png) no-repeat right 3px;}


/*
.user#main #visual .fix_box .bodos ul li a .more{position:absolute; left:0px; bottom:10px; line-height:15px; font-family:'ntk'; font-weight:normal; font-size:15px; color:#6f1d21; }
.user#main #visual .fix_box .bodos ul li a .more .icon-arrow {  position: relative;  display: block;  width: 32px;  height: 2px;  background: #6f1d21  }
.user#main #visual .fix_box .bodos ul li a .more .icon-arrow:after {  content: "";  display: block;  width: 0;  height: 0;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent;  border-left: 6px solid #6f1d21;  position: absolute;  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%)  }
.user#main #visual .fix_box .bodos ul li a .more .icon-arrow{transition:0.7s ease all;  animation:arrow-fall 0.7s;  -webkit-animation-fill-mode: forwards; }
.user#main #visual .fix_box .bodos ul li a:hover .icon-arrow{  animation: arrow-rise 0.7s;  animation-timing-function: ease-out;  -webkit-animation-fill-mode: forwards;}

.user#main #visual .fix_box .bodos ul li a .more .sub-text{  animation:push-left 0.7s;  animation-timing-function: ease-out;  -webkit-animation-fill-mode: forwards;  letter-spacing:0.9px  }

.user#main #visual .fix_box .bodos ul li a:hover .sub-text{  animation: push-right 0.7s;  animation-timing-function: ease-out;  -webkit-animation-fill-mode: forwards;  }

@keyframes arrow-rise {
    0%   { width: 10%;transition: 0.7s ease all }
    100% { width: 20%;transition:0.7s ease all }
}

@keyframes arrow-fall {
    100%   { width: 10%;transition: 0.7s ease all }
    0% { width: 20%;transition:0.7s ease all }
}

@keyframes push-right {
    0%   { padding-left:0 }
    100% { padding-left:10px }
}

@keyframes push-left {
    100%   { padding-left:0 }
    0% { padding-left:10px }
}


*/


.user#main #visual .fix_box .bodos ul li a.type1{padding:0 0 0 165px;}
.user#main #visual .fix_box .bodos ul li a.type1 .photos{display:block;}
.user#main #visual .fix_box .bodos ul li a.type1 .more{left:165px;}
.user#main #visual .fix_box .sosic{position:relative; z-index:1; width:100%; height:70px; padding:0px 150px 0px 200px; background-color:#42474e; box-sizing:border-box;}
.user#main #visual .fix_box .sosic .tis{display:block; position:absolute; left:0; top:0; width:200px; height:100%; line-height:70px; padding-left:35px; font-size:21px; color:#fff; background-color:#0759a5; box-sizing:border-box;}
.user#main #visual .fix_box .sosic [class*="btn_"]{overflow:hidden; display:block; position:absolute; top:30px; z-index:1; width:24px; height:24px; margin-top:-8px; text-indent:-1000px; background-position:center center; background-repeat:no-repeat;}
.user#main #visual .fix_box .sosic .btn_left{/*left:233px;*/right:91px; background-image:url(/images/china/layout/main_sosic_left.png);background-size:100%}
.user#main #visual .fix_box .sosic .btn_right{right:61px; background-image:url(/images/china/layout/main_sosic_right.png);background-size:100%}
.user#main #visual .fix_box .sosic .more{position:absolute; top:30px; z-index:1; right:31px;}
.user#main #visual .fix_box .sosic .more button{display:block;width:24px; height:24px; margin-top:-8px; text-indent:-1000px;background-color:transparent; background-position:center center; background-repeat:no-repeat;background-image:url(/images/china/layout/main_sosic_more.png);background-size:100%;font-size:0;}
.user#main #visual .fix_box .sosic .more button.ov{background-image:url(/images/china/layout/main_sosic_more_ov.png);}
.user#main #visual .fix_box .sosic .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
.user#main #visual .fix_box .sosic .move ul{position:absolute; left:0; top:0; width:800%; height:100%; padding:25px 0px; box-sizing:border-box;}
.user#main #visual .fix_box .sosic .move ul li{float:left; margin-left:-1px;margin-right:1px;width:6.25%; height:100%; padding:0px 55px; border-left:1px solid #82878d; box-sizing:border-box;line-height:1.4;vertical-align:middle}

.user#main #visual .fix_box .sosic .move ul li a{display:block; position:relative; line-height:20px; font-family:'ntk'; color:#fff;}
.user#main #visual .fix_box .sosic .move ul li a strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-right:80px; font-weight:normal; font-size:15px; color:#f1f1f1;}
.user#main #visual .fix_box .sosic .move ul li a span{display:block; position:absolute; right:0; top:0; font-size:14px; color:#d9dadb;}
    
	
.user#main #visual .fix_box .sosic.animat .move ul{width:100%;}
.user#main #visual .fix_box .sosic.animat .move ul li{width:50%;height:auto;}
.user#main #visual .fix_box .sosic.animat .move ul li a{padding:5px 0;}	
	
	/* step_01 선택시 */
    .user#main #visual.step_01 .controll .btn_01{background-image:url(/images/china/layout/main_visual_btn_on.png);text-indent: -9999px;font-size: 0;overflow: hidden;}
    .user#main #visual.step_01 .controll .btn_01{left:50%; margin-left:-47px; cursor:default;}
    .user#main #visual.step_01 .controll .btn_02{left:100%; margin-left:-47px;}
    .user#main #visual.step_01 .controll .btn_03{left:-47px;}
    .user#main #visual.step_01 .view_01{z-index:1; opacity:1;}
    .user#main #visual.step_01 .view_01 .titles{opacity:1; top:245px;}

    /* step_02 선택시 */
    .user#main #visual.step_02 .controll .btn_02{background-image:url(/images/china/layout/main_visual_btn_on.png);}
    .user#main #visual.step_02 .controll .btn_01{left:-47px;}
    .user#main #visual.step_02 .controll .btn_02{left:50%; top:-37px; margin-left:-47px; cursor:default;}
    .user#main #visual.step_02 .controll .btn_03{left:100%; margin-left:-47px;}
    .user#main #visual.step_02 .view_02{z-index:1; opacity:1;}
    .user#main #visual.step_02 .view_02 .lists{opacity:1; top:225px;}
    .user#main #visual.step_02 .fix_box .bodos{bottom:-300px;}

    /* step_03 선택시 */
    .user#main #visual.step_03 .arrow_left,
    .user#main #visual.step_03 .arrow_right{display:none;}
    .user#main #visual.step_03 .controll .btn_03{background-image:url(/images/china/layout/main_visual_btn_on.png);}
    .user#main #visual.step_03 .controll .btn_01{left:100%; margin-left:-47px;}
    .user#main #visual.step_03 .controll .btn_02{left:-47px;}
    .user#main #visual.step_03 .controll .btn_03{opacity:0; left:50%; margin-left:-47px; cursor:default;}
    .user#main #visual.step_03 .view_03{z-index:1; opacity:1;}
    .user#main #visual.step_03 .view_03 .lists{opacity:1;}
    .user#main #visual.step_03 .view_03 .titles{left:0px; margin-left:0;}
    .user#main #visual.step_03 .view_03 ul li{opacity:1; margin-top:0;}


.user#main #container{}
/*.user#main #container [id*="box_"]{padding:40px 0px;}*/
.user#main #container [id*="box_"] .layout{padding:40px 30px;}
.user#main #container #box_02 [class*="item_"],
.user#main #container #box_03 [class*="item_"]{
    transition : all 0.5s ease 0.5s;
    -webkit-transition : all 0.5s ease 0.5s;
}
.user#main #container [id*="box_"] .titles{display:block; line-height:19px; margin-bottom:10px;padding-top: 10px; font-weight:normal; font-size:17px; color:#2e3530;}

    /* line_01 */
    .user#main #container #box_01{background-color:#fff;}
    .user#main #container #box_01 .layout{overflow:hidden; height:200px;}
    .user#main #container #box_01 [class*="item_"]{ float:left;}
    .user#main #container #box_01 .item_01{width:40%;}
    .user#main #container #box_01 .item_01 .cons{position:relative; width:100%; height:117px; padding-left:210px; box-sizing:border-box;}
    .user#main #container #box_01 .item_01 .photos{overflow:hidden; display:block; position:absolute; left:0; top:0; width:181px; height:117px;}
    .user#main #container #box_01 .item_01 .photos .grid{position:absolute; left:50%; top:0; z-index:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
    .user#main #container #box_01 .item_01 .photos .grid img{height:100%; vertical-align:top;}
    .user#main #container #box_01 .item_01 .photos .simbol{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; /*background:url(/images/china/layout/main_hongbo_play.png) no-repeat center center;*/}
    .user#main #container #box_01 .item_01 p{line-height:20px; margin:0 0 25px 0; padding:10px 0px; font-size:16px; color:#121212;font-family: 'nsr';}
    .user#main #container #box_01 .item_01 ul{overflow:hidden;}
 

    .user#main #container #box_01 
    .user#main #container #box_01 .item_01 ul li a{padding-left:6px; text-decoration:none; font-size:14px; color:#6a6c6e; background:url(/images/china/layout/main_hongbo_bul.gif) no-repeat left center;}
    .user#main #container #box_01 .item_01 ul li a:hover{color:#5b84b9; background:url(/images/china/layout/main_hongbo_bul_on.gif) no-repeat left center;}
    .user#main #container #box_01 .item_02{width:60%;}
    .user#main #container #box_01 .item_02 .cons{position:relative;}
    .user#main #container #box_01 .item_02 .cons [class*="btn_"]{display:none; position:absolute; top:50%; z-index:2; width:25px; height:25px; margin-top:-11px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center;}
    .user#main #container #box_01 .item_02 .cons .btn_left{left:0px; background-image:url(/images/china/layout/quick_left.png);background-size:100%}
    .user#main #container #box_01 .item_02 .cons .btn_right{right:0px; background-image:url(/images/china/layout/quick_right.png);background-size:100%}
    .user#main #container #box_01 .item_02 ul{overflow:hidden; position:relative; z-index:0;}
    .user#main #container #box_01 .item_02 ul li{float:left; width:16.6%; background:url(/images/china/layout/quick_bul.png) no-repeat left 35px; box-sizing:border-box;}
    .user#main #container #box_01 .item_02 ul li:first-child{background:none;}
    .user#main #container #box_01 .item_02 ul li a{display:block; padding-top:75px; text-align:center; font-size:14px; text-decoration:none; color:#343434; background-position:center top; background-repeat:no-repeat; background-size:76px auto;}
    .user#main #container #box_01 .item_02 ul li a:hover{
        background-size:80px auto;
    }
    .user#main #container #box_01 .item_02 ul li.icon_01 a{background-image:url(/images/china/layout/quick_icon_01.png);}
    .user#main #container #box_01 .item_02 ul li.icon_01 a:hover{background-image:url(/images/china/layout/quick_icon_01_on.png);}
    .user#main #container #box_01 .item_02 ul li.icon_02 a{background-image:url(/images/china/layout/quick_icon_02.png);}
    .user#main #container #box_01 .item_02 ul li.icon_02 a:hover{background-image:url(/images/china/layout/quick_icon_02_on.png);}
    .user#main #container #box_01 .item_02 ul li.icon_03 a{background-image:url(/images/china/layout/quick_icon_03.png);}
    .user#main #container #box_01 .item_02 ul li.icon_03 a:hover{background-image:url(/images/china/layout/quick_icon_03_on.png);}
    .user#main #container #box_01 .item_02 ul li.icon_04 a{background-image:url(/images/china/layout/quick_icon_04.png);}
    .user#main #container #box_01 .item_02 ul li.icon_04 a:hover{background-image:url(/images/china/layout/quick_icon_04_on.png);}
    .user#main #container #box_01 .item_02 ul li.icon_05 a{background-image:url(/images/china/layout/quick_icon_05.png);}
    .user#main #container #box_01 .item_02 ul li.icon_05 a:hover{background-image:url(/images/china/layout/quick_icon_05_on.png);}
    .user#main #container #box_01 .item_02 ul li.icon_06 a{background-image:url(/images/china/layout/quick_icon_06.png);}
    .user#main #container #box_01 .item_02 ul li.icon_06 a:hover{background-image:url(/images/china/layout/quick_icon_06_on.png);}

    .user#main #container #box_01.on [class*="item_"]{opacity:1; margin-top:0px;}

    /* line_01 */
    .user#main #container #box_02{background:url(/images/china/layout/main_patten.gif) repeat;min-height:860px;display: none;}
    .user#main #container #box_02 .layout{overflow:hidden;}
    .user#main #container #box_02 [class*="item_"]{opacity:0; position:relative; margin-top:50px; padding-top:70px;}
    .user#main #container #box_02 .titles{overflow:hidden; position:absolute; left:0; top:0;}
    .user#main #container #box_02 .titles strong{display:block; float:left; line-height:40px; margin-right:20px;}
    .user#main #container #box_02 .titles ul{overflow:hidden; float:left;}
    .user#main #container #box_02 .titles ul li{display:table; table-layout:fixed; float:left; padding-bottom:9px; background-repeat:no-repeat; background-position:center bottom;}
    .user#main #container #box_02 .titles ul li a{display:table-cell; width:100px; height:40px; font-size:14px; border:1px solid #ccc; border-left:none; color:#666; text-align:center; vertical-align:middle; box-sizing:border-box;}
    .user#main #container #box_02 .titles ul li:first-child a{border-left:1px solid #ccc;}

    .user#main #container #box_02 .titles ul li.on{background-image:url(/images/china/layout/main_tab_arrow.png);}
    .user#main #container #box_02 .titles ul li.on a{cursor:default; border:1px solid #6f1d21; text-decoration:none; color:#fff; background-color:#6f1d21;}

    .user#main #container #box_02 [id*="boxtab_"]{}
    .user#main #container #box_02 [id*="boxtab_"] .more{
        overflow:hidden; display:block; position:absolute; right:0; top:11px; width:25px; height:25px; line-height:3px; text-indent:-1000px; background:#324144 url(/images/china/layout/main_photos_more.gif) no-repeat center center;
        border-radius:50%;
        webkit-border-radius:50%;
    }
    .user#main #container #box_02 [id*="boxtab_"] .more:hover{
        transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
    }
    .user#main #container #box_02 .photos{
        opacity:0; overflow:hidden; width:100%; margin-top:50px;
        transition : all 0.5s ease 0.8s;
        -webkit-transition : all 0.5s ease 0.8s;
    }
    .user#main #container #box_02 .photos li{float:left; width:20%; height:345px; padding:5px; box-sizing:border-box;}
    .user#main #container #box_02 .photos li a{display:block; position:relative; width:100%; height:100%; padding:50px 25px 25px 25px; text-decoration:none; font-family:'ntk'; border:1px solid #e2e2e2; background-color:#fff; box-sizing:border-box;}
    .user#main #container #box_02 .photos li a:hover{
        box-shadow:2px 2px 10px #777;
        -webkit-box-shadow:2px 2px 10px #777;
    }
    .user#main #container #box_02 .photos li a em{position:absolute; left:0; top:0; z-index:10; width:90px; height:32px; line-height:32px; text-align:center; font-weight:normal; font-style:normal; font-size:13px; color:#fff; background:url(/images/china/layout/main_sosic_blind.png) repeat;}
    .user#main #container #box_02 .photos li a .photos{display:none; position:absolute; left:0; top:0; width:100%; height:195px;}
    .user#main #container #box_02 .photos li a .photos span{position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
    .user#main #container #box_02 .photos li a .photos span img{height:100%; vertical-align:top;}
    .user#main #container #box_02 .photos li a:hover .photos span img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .user#main #container #box_02 .photos li a .tis{overflow:hidden; display:block; height:66px; line-height:22px; margin-bottom:10px; font-weight:normal; font-size:17px; color:#333;}
    .user#main #container #box_02 .photos li a .tes{overflow:hidden; display:block; height:145px; line-height:18px; font-weight:normal; font-size:13px; color:#7a7a7a;}
    .user#main #container #box_02 .photos li a .days{display:block; position:absolute; left:25px; bottom:25px; font-weight:normal; font-size:12px; color:#989a99;}
    .user#main #container #box_02 .photos li a .hits{display:block; position:absolute; right:25px; bottom:25px; padding-left:18px; font-weight:normal; font-size:12px; color:#989a99; background:url(/images/china/layout/hit_icon.png) no-repeat left center;}

    .user#main #container #box_02 .photos li.type_01 a{padding-top:210px;}
    .user#main #container #box_02 .photos li.type_01 a .photos{display:block;}
    .user#main #container #box_02 .photos li.type_01 a .tes{display:none;}

    .user#main #container #box_02.on [class*="item_"]{opacity:1; margin-top:0px;}
    .user#main #container #box_02.on .photos{opacity:1; margin-top:0;}


    /* line_03 */
    .user#main #container #box_03{overflow:hidden; height:431px; padding:0; background-color:#fff;display: none;}
    .user#main #container #box_03 [class*="item_"]{opacity:0; float:left; display:table; width:33.3%; height:100%; margin-top:50px;}
    .user#main #container #box_03 [class*="item_"]:first-child{width:33.4%;}
    .user#main #container #box_03 .item_01{
        transition : all 0.5s ease 0.3s;
        -webkit-transition : all 0.5s ease 0.3s;
    }
    .user#main #container #box_03 .item_02{
        transition : all 0.5s ease 0.4s;
        -webkit-transition : all 0.5s ease 0.4s;
    }
    .user#main #container #box_03 .item_03{
        transition : all 0.5s ease 0.5s;
        -webkit-transition : all 0.5s ease 0.5s;
    }
    .user#main #container #box_03 [class*="item_"]{position:relative}
    .user#main #container #box_03 [class*="item_"] .over{overflow:hidden; display:table-cell; width:100%; height:100%; cursor:pointer; text-align:center; vertical-align:middle; color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover;}
    .user#main #container #box_03 [class*="item_"] .over .over_inner{position:relative;z-index:30}
    .user#main #container #box_03 [class*="item_"] .over .over_opa{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(111, 29, 33, 0.7)}
    .user#main #container #box_03 .item_01 .over{background-image:url(/images/china/layout/main_campus_01.jpg);}
    .user#main #container #box_03 .item_02 .over{background-image:url(/images/china/layout/main_campus_02.jpg);}
    .user#main #container #box_03 .item_03 .over{background-image:url(/images/china/layout/main_campus_03.jpg);}
    
    .user#main #container #box_03 [class*="item_"] .over strong{display:block; line-height:40px; font-size:40px; color:#fff;}
    .user#main #container #box_03 [class*="item_"] .over strong span{display:block; line-height:22px; padding-top:60px; margin-bottom:10px; font-family:'nsr','Malgun Gothic'; font-size:22px; background-position:center top; background-repeat:no-repeat;}
    .user#main #container #box_03 .item_01 .over strong span{background-image:url(/images/china/layout/main_box_03_icon_01.png);}
    .user#main #container #box_03 .item_02 .over strong span{background-image:url(/images/china/layout/main_box_03_icon_02.png);}
    .user#main #container #box_03 .item_03 .over strong span{background-image:url(/images/china/layout/main_box_03_icon_03.png);}
    .user#main #container #box_03 [class*="item_"] .over .tes{opacity:0; overflow:hidden; height:0; padding-top:0px; margin-top:0px; background:url(/images/china/layout/main_box_03_line.png) no-repeat center top;}
    .user#main #container #box_03 [class*="item_"] .over .tes ul{overflow:hidden; max-width:500px; margin:0 auto;}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li{float:left; width:100%; padding:5px; box-sizing:border-box;}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li.col3{width:33.3%;}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:36px; text-decoration:none; text-align:center; font-size:15px; border:1px solid #a4a299; color:#fff; background:url(/images/china/layout/main_box_03_blind.png) repeat;}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li a:hover,
    .user#main #container #box_03 [class*="item_"] .over .tes ul li a:focus{border:1px solid #fff;background:#fff;color:#ffd800;}
        .user#main #container #box_03 [class*="item_"] .over .tes > ul > li > a:hover,
    .user#main #container #box_03 [class*="item_"] .over .tes > ul > li > a:focus{color:#7a3a3d;font-weight:bold}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li ul li{display:block;width:50%;padding:0 0 0 12%}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li.col3 ul li{width:100%;padding:0}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li ul li a{border:0;background:none;font-size:13px;text-align:left;line-height:18px;padding-top:6px}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li ul li a:hover,
    .user#main #container #box_03 [class*="item_"] .over .tes ul li ul li a:focus{border:0;background:0;text-decoration:underline}
    .user#main #container #box_03 [class*="item_"] .over .tes ul li ul li a:before{content:"└";display:inline-block;width:8px;height:8px;padding-right:5px}


    .user#main #container #box_03 [class*="item_"] .over:hover .tes,
    .user#main #container #box_03 [class*="item_"].on .over .tes{opacity:1; /* height:100px; */height:290px; padding-top:53px; margin-top:10px;}
    .user#main #container #box_03 [class*="item_"] .over:hover strong span{display:none}
    .user#main #container #box_03.on [class*="item_"]{opacity:1; margin-top:0px;}
    .user#main #container #box_03 [class*="item_"] .over:hover .over_opa{display:block}

/* banner */
.user#main #banner{height:53px; color:#fff; background-color:#42474e;}
.user#main #banner .layout{padding:0px 110px 0px 30px;}
.user#main #banner .controll{position:absolute; right:30px; top:12px; border:1px solid #fff;}
.user#main #banner .controll a{overflow:hidden; float:left; width:23px; height:26px; text-indent:-1000px; border-left:1px solid #fff; background-position:center center; background-repeat:no-repeat;}
.user#main #banner .controll a.btn_left{background-image:url(/images/china/layout/bn_left.png);}
.user#main #banner .controll a.btn_right{background-image:url(/images/china/layout/bn_right.png);}
.user#main #banner .controll a.btn_stop{display:none; background-image:url(/images/china/layout/bn_stop.png);}
.user#main #banner .controll a.btn_play{background-image:url(/images/china/layout/bn_play.png);}
.user#main #banner .controll a:first-child{border-left:none;}
.user#main #banner .move{overflow:hidden; position:relative; width:100%; height:100%;}
.user#main #banner .move ul{position:absolute; left:0; top:0; width:20000px; height:100%;}
.user#main #banner .move ul li{float:left; height:100%; padding-right:30px;}
.user#main #banner .move ul li a{display:block; line-height:53px; font-size:15px; color:#fff;}



@media screen and (min-width: 1023px){	
	/* step_01 선택시 */
    .user#main #visual.step_01 .controll .btn_02:hover{margin-left:-95px;}
    .user#main #visual.step_01 .controll .btn_03:hover{left:0;}

    /* step_02 선택시 */
    .user#main #visual.step_02 .controll .btn_01:hover{left:0;}
    .user#main #visual.step_02 .controll .btn_03:hover{margin-left:-95px;}

    /* step_03 선택시 */
    .user#main #visual.step_03 .controll .btn_01:hover{margin-left:-95px;}
    .user#main #visual.step_03 .controll .btn_02:hover{left:0;}

    
}

@media screen and (max-width: 1440px){
	.user#main #visual .controll{top:140px;}

	/*.user#main #visual{height:983px;}*/
	.user#main #visual.step_02 .controll .btn_02{top:0;}
	.user#main #visual.step_03 .view_03 .lists{top:175px; height:265px; padding:0;}
	.user#main #visual.step_03 .view_03 ul li{padding:0 13px;}
	.user#main #visual.step_03 .controll .btn_03{opacity:1;}
	.user#main #visual.step_03 .view_03 .titles{display:none;}
	.user#main #visual.step_03 .view_03 ul li .lay{padding-top:25px;}
	.user#main #visual.step_03 .view_03 ul li .simbol{margin-bottom:15px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tis{font-size:25px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tes{margin-bottom:15px;}

}

@media screen and (max-width: 1180px){
	.user#main #visual.step_03 .view_03 ul li.type_01 .tis{font-size:21px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tes{font-size:13px;}
	.user#main #visual.step_03 .view_03 ul li.type_02 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_03 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_04 .tis{font-size:26px;}

	.user#main #container #box_03 [class*="item_"] .over .tes ul li a{font-size:13px;}
    .user#main #visual .fix_box .bodos ul li a .more{font-size:0}
}
@media screen and (max-width: 1100px){
	.user#main #container #box_01 .item_01 .cons{padding-left:200px;}
	.user#main #container #box_01 .item_01 p{font-size:13px;}
	.user#main #container #box_01 .item_01 ul li a{font-size:12px;}
}


@media screen and (max-width: 1023px){
	.js_mobile_check{display:block;}

	.user#main #header{
		height:87px !important; background-color:#7a3a3d;
		transition : all 0.5s ease;
    	-webkit-transition : all 0.5s ease;
	}
	.user#main #header h1{top:12px;}
	.user#main #header #etc,
	.user#main #header .menu,
	.user#main #header .user_menu{display:none;}
	.user#main #header .all_menu{top:12px; right:0;}
	.user#main #header .all_menu .btns:hover{background-color:transparent;}
    .user#main #header .search_menu{top:12px;}



	.user#main #visual .arrow_left, 
	.user#main #visual .arrow_right{top:165px;}
	.user#main #visual .arrow_left{left:120px;}
	.user#main #visual .arrow_right{right:120px;}

	.user#main #visual [class*="view_"]{padding-top:87px;}

	.user#main #visual .view_03 ul li .simbol{height:50px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tis{line-height:20px; font-size:16px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tes{font-size:12px;}
	.user#main #visual.step_03 .view_03 ul li.type_02 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_03 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_04 .tis{line-height:24px; font-size:20px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tes{line-height:15px;}
	.user#main #visual.step_03 .view_03 ul li.type_02 .tes,
	.user#main #visual.step_03 .view_03 ul li.type_03 .tes{line-height:15px; font-size:12px;}

	/* step_01 선택시 */
	.user#main #visual.step_01 .controll .btn_01{}
	.user#main #visual.step_01 .controll .btn_02{margin-left:-90px; background-image:none;}
	.user#main #visual.step_01 .controll .btn_03{left:0px; background-image:none;}

	/* step_02 선택시 */
	.user#main #visual.step_02 .controll .btn_01{left:0px; background-image:none;}
	.user#main #visual.step_02 .controll .btn_02{}
	.user#main #visual.step_02 .controll .btn_03{margin-left:-90px; background-image:none;}

	/* step_03 선택시 */
	.user#main #visual.step_03 .controll .btn_01{margin-left:-90px; background-image:none;}
	.user#main #visual.step_03 .controll .btn_02{left:0px; background-image:none;}
	.user#main #visual.step_03 .controll .btn_03{}
	.user#main #visual.step_03 .arrow_left, 
	.user#main #visual.step_03 .arrow_right{display:block;}


	.user#main #container #box_02 [class*="item_"]{padding-top:0;}
	.user#main #container #box_02 .titles{position:relative;}
	
	.user#main #container #box_02 .photos li{padding:7px;width:33.33%;}

	.user#main #container #box_03{height:auto;}
	.user#main #container #box_03 [class*="item_"]{float:none; width:100% !important; height:431px;}
    .user#main #container #box_03 [class*="item_"] .over .tes{opacity: 1;height: 290px;padding-top: 53px;margin-top: 10px;}
    .user#main #container #box_03 [class*="item_"] .over strong span{display:none}
    .user#main #container #box_03 [class*="item_"] .over .over_opa{display:block;}

}


@media screen and (max-width: 1000px){
	
	.user#main #visual .fix_box .bodos ul li{padding:5px 20px;}
	/* .user#main #visual .fix_box .bodos ul li a{padding-left:170px;}
    .user#main #visual .fix_box .bodos ul li a .photos{width:155px;} */
	.user#main #visual .fix_box .bodos ul li a .more{margin-left: -10px;}

	.user#main #visual .fix_box .sosic{padding-left:145px;}
	.user#main #visual .fix_box .sosic .tis{width:145px; padding-left:0px; text-align:center; font-size:18px;}
	/*.user#main #visual .fix_box .sosic .btn_left{left:137px;}*/
	.user#main #visual .fix_box .sosic .move ul li{padding:0px 30px;line-height:70px;}

    .user#main #container #box_01 .item_02 .cons ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
        height: 100%;}
    
    
    
	.user#main #container #box_01 .layout{padding:30px 30px 0px 430px;}
	.user#main #container #box_01 .item_01{position:absolute; left:30px; top:30px; width:400px;}
	.user#main #container #box_01 .item_02{width:100%;}
	.user#main #container #box_01 .item_02 .cons{height:120px; padding:0px 30px;}
	.user#main #container #box_01 .item_02 .cons .move{overflow:hidden; position:relative; width:100%; height:100%;}
	.user#main #container #box_01 .item_02 .cons [class*="btn_"]{display:block;}
	.user#main #container #box_01 .item_02 .cons ul{position:absolute; left:0; top:0; width:200%; height:100%;}
    .user#main #visual .fix_box .sosic .more{display:none;}

	
}
@media screen and (max-width: 800px){
	.user#main #visual.step_03 .view_03 .lists{height:215px;}
	.user#main #visual.step_03 .view_03 ul li{padding:0px 5px;}
	.user#main #visual.step_03 .view_03 ul li .lay{padding-left:5px; padding-right:5px;}
	.user#main #visual.step_03 .view_03 ul li .tis{margin-bottom:15px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tis{margin-bottom:15px; font-size:14px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tes{font-size:10px;}
	.user#main #visual.step_03 .view_03 ul li.type_02 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_03 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_04 .tis{font-size:18px;}
	.user#main #visual.step_03 .view_03 ul li.type_02 .tes,
	.user#main #visual.step_03 .view_03 ul li.type_03 .tes{font-size:10px;}

	/*.user#main #visual .fix_box .sosic .move ul{width:800%;}*/
    .user#main #visual .fix_box .sosic .move ul li{width:13%;}
    .user#main #visual .fix_box .sosic .move ul li a span{display:none}
    .user#main #visual .fix_box .sosic .move ul li a strong{margin-right:0;}


	
	.user#main #container #box_02 .titles strong{float:none;}
	.user#main #container #box_02 .titles ul{float:none;}
	.user#main #container #box_02 .titles ul li a{width:80px; height:30px; font-size:12px;}
	.user#main #container #box_02 .photos li{width:50%;}
}

@media screen and (max-width: 768px){
	.user#main #visual{height:760px;}
	.user#main #visual.step_03 .view_03 .lists{height:190px;}
	.user#main #visual .view_03 ul li .tis{margin-bottom:10px;}
	.user#main #visual.step_03 .view_03 ul li.type_01 .tis{margin-bottom:0;font-size:13px;}
	.user#main #visual.step_03 .view_03 ul li.type_02 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_03 .tis,
	.user#main #visual.step_03 .view_03 ul li.type_04 .tis{font-size:16px;}

	.user#main #visual.step_01 .view_01 .titles{top:225px; line-height:35px; font-size:33px;}
	.user#main #visual.step_01 .view_01 .titles span{font-size:20px;}

	.user#main #visual.step_02 .view_02 .lists{top:220px;}
	.user#main #visual .view_02 .lists ul{height:145px;}
	.user#main #visual .view_02 .lists ul li .simbol{height:55px;}
	.user#main #visual .view_02 .lists ul li strong{font-size:15px;}
	.user#main #visual .view_02 .lists ul li strong span{font-size:12px;}
	.user#main #visual .view_02 .btns{width:123px; padding:7px 0px; border:2px solid #fff;}

    .user#main #visual .fix_box .sosic .move ul{padding: 25px 0 0 0;}
    .user#main #visual .fix_box .bodos ul li{float:none; width:100%; margin-left:0;}

    .user#main #container #box_01 .item_02 .cons ul li{width:25%;}
}
@media screen and (max-width: 700px){
	.user#main #container #box_01 .layout{height:auto; padding:20px}
	.user#main #container #box_01 .item_01{float:none; position:relative; left:auto; top:auto; width:100%; padding-bottom:20px;}
	.user#main #container #box_01 .item_02{float:none; width:100%; padding-top:20px !important; border-top:1px solid #e1e1e1;padding-bottom: 20px;}
	.user#main #container #box_01 .item_02 .cons ul li{width:10%;}
}
@media screen and (max-width: 650px){
	.user#main #container #box_02 .layout{overflow:visible;}
	.user#main #container #box_02 .photos li{width:50%;}
	.user#main #container #box_02 .titles{overflow:visible; z-index:10; height:80px;}
	.user#main #container #box_02 .titles ul{position:absolute; left:0; top:40px; width:100%; height:40px; padding-top:40px; border:1px solid #e1e1e1; box-sizing:border-box;}
	.user#main #container #box_02 .titles ul li{float:none; width:100%; height:40px; padding:0; border-top:1px solid #e1e1e1;}
	.user#main #container #box_02 .titles ul li a{
		padding:0px 15px; text-decoration:none; text-align:left; border:none; background-color:#fff;
		transition : all 0s ease;
    	-webkit-transition : all 0s ease;
	}
	.user#main #container #box_02 .titles ul li a:hover{background-color:#eee;}
	.user#main #container #box_02 .titles ul li.on a{padding-right:63px; cursor:pointer; color:#333; border:none; background:#fff url(/images/china/layout/select_bul_02.png) no-repeat right center;}
	.user#main #container #box_02 .titles ul.on{height:auto;}
	.user#main #container #box_02 .titles ul li.on{position:absolute; left:0; top:0; border-top:none; border-bottom:1px solid #e1e1e1;}
	.user#main #container #box_02 [id*="boxtab_"]{position:relative; z-index:0;}
	.user#main #container #box_02 [id*="boxtab_"] .more{display:none;}
	
}
@media screen and (max-width: 600px){


	.user#main #visual{height:700px;}
	.user#main #visual .arrow_left, 
	.user#main #visual .arrow_right{top:210px;}
	.user#main #visual .arrow_left{left:0px;}
	.user#main #visual .arrow_right{right:0px;}

	.user#main #visual.step_03 .view_03 ul li .simbol{height:35px;}
	.user#main #visual.step_03 .view_03 ul li .lines{display:none;}
	.user#main #visual.step_03 .view_03 ul li .tis{line-height:17px !important; font-size:14px !important;}
	.user#main #visual.step_03 .view_03 ul li .tes{display:none;}
	.user#main #visual.step_03 .view_03 ul li .simbol{height:30px; margin-bottom:10px;}

	.user#main #visual .view_03 ul li.type_01{width:100%; height:55px; margin-bottom:10px;}
	.user#main #visual .view_03 ul li.type_01 .lay{padding:0px 10px 0px 60px; background-image:none;}
	.user#main #visual .view_03 ul li.type_01 .simbol{position:absolute; left:10px; top:0; width:40px; height:40px;}
	.user#main #visual .view_03 ul li.type_01 .tis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; margin:0 !important; padding:3px 0 0 0;}
	.user#main #visual .view_03 ul li.type_01 .tis span{display:inline;}
	.user#main #visual .view_03 ul li.type_01 .tes{display:block; width:100%; margin:0 !important; padding:0;}
	.user#main #visual .view_03 ul li.type_01 .tes span{display:inline;}
	.user#main #visual .view_03 ul li.type_02,
	.user#main #visual .view_03 ul li.type_03,
	.user#main #visual .view_03 ul li.type_04{width:33.3%; height:120px;}
	.user#main #visual .view_03 ul li.type_02 .lay,
	.user#main #visual .view_03 ul li.type_03 .lay,
	.user#main #visual .view_03 ul li.type_04 .lay{padding-top:15px;}
	
	
}
@media screen and (max-width: 500px){
	
	.user#main #container #box_02 .photos li{width:100%;}
	.user#main #visual{height:630px;}
	.user#main #visual .controll{top:100px;}
	.user#main #visual .controll [class*="btn_"]{width:70px; height:81px;}
	.user#main #visual .controll [class*="btn_"] span{line-height:14px; font-size:10px;}
	.user#main #visual.step_01 .controll .btn_01{margin-left:-35px;}
	.user#main #visual.step_01 .controll .btn_02{margin-left:-70px;}
	.user#main #visual.step_02 .controll .btn_02{margin-left:-35px;}
	.user#main #visual.step_02 .controll .btn_03{margin-left:-70px;}
	.user#main #visual.step_03 .controll .btn_03{margin-left:-35px;}
	.user#main #visual.step_03 .controll .btn_01{margin-left:-70px;}
	.user#main #visual .arrow_left, 
	.user#main #visual .arrow_right{top:150px; width:61px; height:15px; background-size:auto 100%;}

	.user#main #visual.step_01 .view_01 .titles{top:160px; line-height:25px; font-size:23px;}
	.user#main #visual.step_01 .view_01 .titles span{font-size:14px;}

	.user#main #visual.step_02 .view_02 .lists{top:150px;}
	.user#main #visual .view_02 .lists ul{height:115px;}
	.user#main #visual .view_02 .lists ul li .simbol{height:40px; margin-bottom:10px;}
	.user#main #visual .view_02 .lists ul li strong{font-size:12px;white-space:nowrap}
	.user#main #visual .view_02 .lists ul li strong span{margin-bottom:2px; font-size:10px;}

	.user#main #visual.step_03 .view_03 .lists{top:100px;}

    .user#main #visual .fix_box .sosic{padding-left:100px;padding-right:70px}
	.user#main #visual .fix_box .sosic .tis{width:100px; line-height:20px; padding:15px 20px; text-align:center; font-size:16px;}
    .user#main #visual .fix_box .sosic .btn_left {right: 50px;}
    .user#main #visual .fix_box .sosic .btn_right{right:20px}
	.user#main #visual .fix_box .sosic .move ul li{padding:0px 30px 0px 20px;}

	.user#main #container #box_01 .item_02 .cons ul li{width:25%;}
	.user#main #container #box_02 .photos li{height:245px;}
	.user#main #container #box_02 .photos li a{padding:40px 15px 15px 15px;}
	.user#main #container #box_02 .photos li.type_01 a{padding-top:144px;}
	.user#main #container #box_02 .photos li a .photos{height:130px;}
	.user#main #container #box_02 .photos li a .tis{height:43px; font-size:15px;}
	.user#main #container #box_02 .photos li a .tes{height:93px; font-size:12px;}
	.user#main #container #box_02 .photos li a .days{left:15px; bottom:15px;}
	.user#main #container #box_02 .photos li a .hits{right:15px; bottom:15px;}

}
@media screen and (max-width: 450px){
	.user#main #visual .fix_box .sosic .move ul{}
    .user#main #visual .fix_box .sosic .move ul li{width:25%;padding: 0 13% 0 0;}
	.user#main #visual .fix_box .sosic .move ul li a strong{text-overflow:ellipsis; /* white-space:normal; */height:38px; margin-right:0;}
	.user#main #visual .fix_box .sosic .move ul li a span{display:none;}

    .user#main #visual .fix_box .sosic{padding-left:40px;}
	.user#main #container [id*="box_"]{padding:30px 0px;}
	.user#main #container #box_01 .item_01 .cons{width:181px; height:auto; padding:0; margin:0 auto;}
	.user#main #container #box_01 .item_01 .photos{position:relative; left:auto; top:auto;}
	.user#main #container #box_01 .item_01 p{margin:0;}



    .user#main #visual .fix_box .sosic .tis{display:none}

    .user#main #visual .fix_box .bodos ul li a .more{font-size:0;left:160px;}
}
@media screen and (max-width: 400px){
	.user#main #visual.step_01 .view_01 .titles{top:145px;}
	.user#main #visual.step_01 .view_01 .titles em{display:block;}

	.user#main #visual .view_02 .lists{text-align:center;}
	.user#main #visual .view_02 .lists ul{height:auto; margin:0px 40px;}
	.user#main #visual .view_02 .lists ul li{position:relative; float:none; width:100%; height:60px; padding:10px 20px 10px 50px; border-top:1px solid #75797b; background:none;}
	.user#main #visual .view_02 .lists ul li:first-child{border-top:none;}
	.user#main #visual .view_02 .lists ul li .simbol{position:absolute; left:0px; top:10px; width:40px;}
	.user#main #visual .view_02 .lists ul li strong{padding-top:5px; text-align:left;}
	.user#main #visual .view_02 .texts{display:none;}
	.user#main #visual .view_02 .btns{display:inline-block; width:auto; padding:7px 20px 7px 80px; margin-top:20px; text-align:left; background:url(/images/china/layout/main_visual_text_01.png) no-repeat left center; background-size:auto 100%;}
	.user#main #visual .view_02 .btns:hover{text-decoration:underline; color:#fff; background-color:inherit;}

	.user#main #visual .fix_box .bodos ul li a{padding-left:0px;}
	.user#main #visual .fix_box .bodos ul li a .photos{display:none;}
	.user#main #visual .fix_box .bodos ul li a .more{left:0px;}

	.user#main #visual .fix_box .sosic .move ul li a strong{font-size:13px;}

	.user#main #container #box_01 .layout{padding:0px 20px;}

	.user#main #container #box_02 .layout{padding:0px 20px;}
	.user#main #container #box_02 .photos li{height:190px;}
	.user#main #container #box_02 .photos li a{padding:30px 10px 10px 10px;}
	.user#main #container #box_02 .photos li.type_01 a{padding-top:100px;}
	.user#main #container #box_02 .photos li a em{width:70px; height:21px; line-height:21px; font-size:11px;}
	.user#main #container #box_02 .photos li a .photos{height:90px;}
	.user#main #container #box_02 .photos li a .tis{height:33px; line-height:16px; margin-bottom:5px; font-size:14px;}
	.user#main #container #box_02 .photos li a .tes{height:65px; line-height:13px; font-size:11px;}
	.user#main #container #box_02 .photos li a .hits{display:none;}
	.user#main #container #box_02 .photos li a .days{left:10px; bottom:10px;}

	.user#main #container #box_03 [class*="item_"]{height:420px;}
	.user#main #container #box_03 [class*="item_"] .over .tes{opacity:1; height:145px !important; padding-top:53px; margin-top:10px;}
	.user#main #container #box_03 [class*="item_"] .over .tes ul li{width:100%;}
}




/* history */


@-webkit-keyframes circle-slide-zoom-development {
	0% {
		width:100%;height:100%;
	}
	100% {
		width:110%;height:110%;left:-5%;
	}
}

@keyframes circle-slide-zoom-development {
	 0% {
		 width:100%;height:100%;
	 }
	 100% {
		 width:110%;height:110%;left:-5%;
	 }
 }

html.scene-layer{}
.scene-layer{height:100%;}
.scene-layer #ut_history{display:none;}

#ut_history{z-index:10000;position:absolute;top:0;left:0;right:0;display:none;background-color:#000;overflow:hidden;}
/*
#ut_history{position:absolute;top:0;left:0;z-index:100;width:100%;max-height:1000px;overflow:hidden}
*/
#ut_history .uint_logo{position:relative;z-index:999;display:block;max-width:1920px;margin:0 auto;}
#ut_history .uint_logo h1{position:absolute;top:40px;left:40px;display:block;width:208px;height:52px;background:url(/images/china/layout/ut_history_logo.png) no-repeat;font-size:0}
#ut_history .uint_logo .close{position:absolute;top:40px;right:100px;width:50px;height:50px;}
#ut_history .uint_logo .close a {color:#fafafa;font-size:0;display:inline-block;width:150px;height:150px;}
#ut_history .uint_logo .close a:hover,
#ut_history .uint_logo .close a:focus{color:#121212}
#ut_history .uint_logo .close a .ui-close{position:relative;display:inline-block;width:50px;height:50px;font-size:0;border:1px solid #ddd;background-color:rgba(0, 0, 0, 0.3);}
#ut_history .uint_logo .close a .ui-close span{display:inline-block;position:absolute;top:5px;left:50%;transition: all .5s ease;width:1px;height:40px;transform: rotate(-45deg);background-color:#ddd}
#ut_history .uint_logo .close a .ui-close span.nth-2{transform: rotate(45deg);}
#ut_history .uint_logo .close a:hover .ui-close span,
#ut_history .uint_logo .close a:focus .ui-close span{transform: rotate(-90deg);background-color:#999}
#ut_history .uint_logo .close a:hover .ui-close span.nth-2,
#ut_history .uint_logo .close a:focus .ui-close span.nth-2{transform: rotate(90deg);}

#ut_history .uint_logo .checkbox{position:absolute;top:50px;right:160px;font-size:16px;color:#fff;font-family:'nsr'}


.checkbox [type=checkbox] {
  opacity: 0;
  position: absolute;
}
.checkbox [type=checkbox]:checked ~ .custom-checkbox .first-line:before,
.checkbox [type=checkbox]:checked ~ .custom-checkbox .second-line:before {
  height: 100%;
}
.checkbox [type=checkbox]:checked ~ .custom-checkbox .first-line:before {
  transition: height 150ms ease-in-out 0ms;
}
.checkbox [type=checkbox]:checked ~ .custom-checkbox .second-line:before {
  transition: height 150ms ease-in-out 150ms;
}
.checkbox .custom-checkbox {
  margin-right:5px;
  width: 30px;
  height: 30px;
  border: 1px solid #efefef;
  background:rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 1px 1px rgba 0, 0, 0, 0.1;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.checkbox .custom-checkbox .first-line,
.checkbox .custom-checkbox .second-line {
  display: block;
  width: 5px;
  position: absolute;
}
.checkbox .custom-checkbox .first-line:before,
.checkbox .custom-checkbox .second-line:before {
  position: relative;
  width: 100%;
  height: 0;
  content: '';
  display: block;
  background: #efefef;
  border-radius: 3px;
}
.checkbox .custom-checkbox .first-line {
  height: 22px;
  transform: rotate(-45deg);
  top: 2px;
  left: 0;
}
.checkbox .custom-checkbox .first-line:before {
  transition: height 150ms ease-in-out 150ms;
}
.checkbox .custom-checkbox .second-line {
  height: 46px;
  transform: rotate(225deg);
  bottom: 3px;
  left: 23px;
}
.checkbox .custom-checkbox .second-line:before {
  transition: height 150ms ease-in-out 0ms;
}


.history_wrap{overflow:hidden;position:relative;width:100%;/*min-height:800px;padding-bottom:300px;*/margin:0 auto;text-align:center}
.history_wrap .grap{position:relative;width:100%;height:100%;overflow:hidden;}
.history_wrap .grap .obj{position:relative;width:100%;height:100%;overflow:hidden;}
.history_wrap .grap .obj .item{/*float:left;width:50%;*/display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat 50% 0;background-size:cover;padding-top:7%;/*min-height:800px;*//*padding-top:150px;padding-bottom:300px*/}
.history_wrap .grap .obj .item{
    -webkit-animation-play-state:running;
    animation-play-state:running;
    -webkit-animation-name:circle-slide-zoom-development;
    animation-name: circle-slide-zoom-development;
    -webkit-animation-duration: 10s;
    animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function:linear;
    animation-timing-function: linear;
}
.history_wrap .grap .obj .item.item1{background:url(/images/china/layout/ut_history_bg01.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item2{background:url(/images/china/layout/ut_history_bg02.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item3{background:url(/images/china/layout/ut_history_bg03.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item4{background:url(/images/china/layout/ut_history_bg04.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item5{background:url(/images/china/layout/ut_history_bg05.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item6{background:url(/images/china/layout/ut_history_bg06.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item7{background:url(/images/china/layout/ut_history_bg07.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item8{background:url(/images/china/layout/ut_history_bg08.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item9{background:url(/images/china/layout/ut_history_bg09.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item10{background:url(/images/china/layout/ut_history_bg10.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item11{background:url(/images/china/layout/ut_history_bg11.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item12{background:url(/images/china/layout/ut_history_bg12.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item13{background:url(/images/china/layout/ut_history_bg13.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item14{background:url(/images/china/layout/ut_history_bg14.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item15{background:url(/images/china/layout/ut_history_bg15.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item16{background:url(/images/china/layout/ut_history_bg16.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item17{background:url(/images/china/layout/ut_history_bg17.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item18{background:url(/images/china/layout/ut_history_bg18.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item19{background:url(/images/china/layout/ut_history_bg19.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item20{background:url(/images/china/layout/ut_history_bg20.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item21{background:url(/images/china/layout/ut_history_bg21.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item22{background:url(/images/china/layout/ut_history_bg22.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item23{background:url(/images/china/layout/ut_history_bg23.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item24{background:url(/images/china/layout/ut_history_bg24.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item25{background:url(/images/china/layout/ut_history_bg25.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item26{background:url(/images/china/layout/ut_history_bg26.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item27{background:url(/images/china/layout/ut_history_bg27.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item28{background:url(/images/china/layout/ut_history_bg28.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item.item29{background:url(/images/china/layout/ut_history_bg29.jpg) no-repeat 50% 50%;background-size: cover}
.history_wrap .grap .obj .item .inner.col1{width:100%;}
.history_wrap .grap .obj .item .inner.col2{float:left;width:50%;padding-bottom:40px}
/* .history_wrap .grap .obj .item .inner.col3{width:33.33%;} */
.history_wrap .grap .obj .item .inner .knut_year{display:block;width:156px;height:101px;background:url(/images/china/layout/ut_history_year.png) no-repeat;background-size:cover;margin:0 auto;}

/* 타이틀상단 아이콘 */
.history_wrap .grap .obj .item .inner .knut_lico{display:block;width:156px;height:144px;background:url(/images/china/layout/ut_history_ico2.png) no-repeat;margin:0 auto;}
.history_wrap .grap .obj .item .inner .knut_lico2{display:block;width:156px;height:144px;background:url(/images/china/layout/ut_history_ico3.png) no-repeat;margin:0 auto;}
.history_wrap .grap .obj .item .inner .knut_lico3{display:block;width:156px;height:144px;background:url(/images/china/layout/ut_history_ico4.png) no-repeat;margin:0 auto;}
.history_wrap .grap .obj .item .inner .knut_lico4{display:block;width:156px;height:144px;background:url(/images/china/layout/ut_history_ico5.png) no-repeat;margin:0 auto;}


.history_wrap .item .inner strong{display:block;margin-top:10px}
.history_wrap .item .inner strong .optxt{margin-left:-5px;font-size:43px;color:#fff;font-family:'nsr'}
.history_wrap .item .inner strong .optxt.op1,
.history_wrap .item .inner strong .optxt.op2,
.history_wrap .item .inner strong .optxt.op3,
.history_wrap .item .inner strong .optxt.op4,
.history_wrap .item .inner strong .optxt.op5{font-size:70px;line-height:1em}

.history_wrap .item.item1 .inner strong .optxt{margin-left:-12px;font-size:85px;color:#fff}
.history_wrap .item.item1 .inner strong .optxt.op1,
.history_wrap .item.item1 .inner strong .optxt.op2,
.history_wrap .item.item1 .inner strong .optxt.op3,
.history_wrap .item.item1 .inner strong .optxt.op4,
.history_wrap .item.item1 .inner strong .optxt.op5,
.history_wrap .item.item1 .inner strong .optxt.op6{margin-left:-10px;font-size:75px;line-height:0.85em;}


.history_wrap .item .inner .since{display:block;width:400px;margin:0 auto;margin-top:30px;text-align:left;color:#fff;font-size:16px;font-weight:bold;font-family:'nsr';letter-spacing:1px}
.history_wrap .item .inner .since:after{content:"";display:inline-block;float:right;width:74%;height:1px;background-color:#fff;margin-top:12px}
.history_wrap .item .inner .des{display:block;font-size:27px;font-family:'nsr';color:#fff;text-indent:-11px;letter-spacing:0.5px;margin-top:6px}
.history_wrap .item .ut_home{clear:both;display:block;width:200px;border-radius:50px;background-color:#fff;margin:0 auto;margin-top:2%;padding:12px 20px;color:#000;font-size:16px}
.history_wrap .item .ut_home .ico_arrow{float:right;display:inline-block;width:10px;height:16px;background:url(/images/china/layout/ut_history_ico.png) no-repeat;margin-top:4px;margin-left:6px}
.history_wrap .num_year{position:absolute;bottom:6%;left:0;text-align:center;z-index:110;width:100%;}
.history_wrap .num_year:before{position:absolute;top:2px;content:"";display:block;width:100%;height:1px;background-color:#fff;opacity:0.3}
.history_wrap .num_year .nu{display:inline-block;width:2%;font-size:14px;color:transparent;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.history_wrap .num_year .nu *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.history_wrap .num_year .nu span{display:block;width:5px;height:5px;border-radius:50%;background-color:#fff;margin:0 auto;margin-bottom:35px}
.history_wrap .num_year .nu span:before{content:"";display:none;width:1px;height:35px;background-color:#fff;opacity:0.4;margin:0 auto;}
.history_wrap .num_year .nu:hover,
.history_wrap .num_year .nu:focus,
.history_wrap .num_year .nu:active,
.history_wrap .num_year .nu.ov{color:#fff;}
.history_wrap .num_year .nu:hover span:before,
.history_wrap .num_year .nu:focus span:before,
.history_wrap .num_year .nu:active span:before,
.history_wrap .num_year .nu.ov span:before{display: block;}

@media screen and (max-width: 1280px){
.history_wrap .num .nu{width: 3%}
}

@media screen and (max-width: 1023px){
.history_wrap .grap .obj .item.item1 .inner .knut_year{width:126px;height:81px;}
.history_wrap .item .inner strong .optxt{font-size:45px;}
.history_wrap .item .inner strong .optxt.op7,
.history_wrap .item .inner strong .optxt.op8,
.history_wrap .item .inner strong .optxt.op9,
.history_wrap .item .inner strong .optxt.op10,
.history_wrap .item .inner strong .optxt.op11{font-size:55px}
.history_wrap .item .inner .since{width:300px;}
.history_wrap .item .inner .since:after{width:65%}
.history_wrap .item .inner .des{font-size:20px}	
}
@media screen and (max-width: 767px){
#ut_history{max-height:800px}
.history_wrap,
.history_wrap .grap .obj .item{padding-bottom: 0}
.history_wrap .grap .obj .item .inner.col2{position:relative;float:none;width:100%;}
.history_wrap .item .inner.col2 + .ut_home{margin-top:0}
.history_wrap .num_year{display:none}
.history_wrap .item.item3 .inner strong .optxt{font-size:30px;}
.history_wrap .item.item3 .inner strong .optxt.op6, .history_wrap .item.item3 .inner strong .optxt.op7, .history_wrap .item.item3 .inner strong .optxt.op8, .history_wrap .item.item3 .inner strong .optxt.op9, .history_wrap .item.item3 .inner strong .optxt.op10, .history_wrap .item.item3 .inner strong .optxt.op11{font-size:35px}
}


/* motion */
/*
.history_wrap .item .inner strong .optxt{opacity:0;transition:750ms opacity ease-in-out;-webkit-transition:750ms opacity ease-in-out;}
.history_wrap .item .inner strong .optxt.op1{transition-delay:0s;-webkit-transition-delay:0s;}
.history_wrap .item .inner strong .optxt.op2{transition-delay:100ms;-webkit-transition-delay:100ms;}
.history_wrap .item .inner strong .optxt.op3{transition-delay:50ms;-webkit-transition-delay:50ms;}
.history_wrap .item .inner strong .optxt.op4{transition-delay:150ms;-webkit-transition-delay:150ms;}
.history_wrap .item .inner strong .optxt.op5{transition-delay:250ms;-webkit-transition-delay:250ms;}
.history_wrap .item .inner strong .optxt.op6{transition-delay:200ms;-webkit-transition-delay:200ms;}
.history_wrap .item .inner strong .optxt.op7{transition-delay:300ms;-webkit-transition-delay:300ms;}
.history_wrap .item .inner strong .optxt.op8{transition-delay:400ms;-webkit-transition-delay:400ms;}
.history_wrap .item .inner strong .optxt.op9{transition-delay:350ms;-webkit-transition-delay:350ms;}
.history_wrap .item .inner strong .optxt.op10{transition-delay:450ms;-webkit-transition-delay:450ms;}
.history_wrap .item .inner strong .optxt.op11{transition-delay:550ms;-webkit-transition-delay:550ms;}
*/

.history_wrap .item .inner strong .optxt{opacity:0;transition:350ms opacity ease-in-out;-webkit-transition:350ms opacity ease-in-out;}
.history_wrap .item .inner strong .optxt.op1{transition-delay:0s;-webkit-transition-delay:0s;}
.history_wrap .item .inner strong .optxt.op2{transition-delay:100ms;-webkit-transition-delay:100ms;}
.history_wrap .item .inner strong .optxt.op3{transition-delay:50ms;-webkit-transition-delay:50ms;}
.history_wrap .item .inner strong .optxt.op4{transition-delay:150ms;-webkit-transition-delay:150ms;}
.history_wrap .item .inner strong .optxt.op5{transition-delay:250ms;-webkit-transition-delay:250ms;}
.history_wrap .item .inner strong .optxt.op6{transition-delay:200ms;-webkit-transition-delay:200ms;}
.history_wrap .item .inner strong .optxt.op7{transition-delay:300ms;-webkit-transition-delay:300ms;}
.history_wrap .item .inner strong .optxt.op8{transition-delay:400ms;-webkit-transition-delay:400ms;}
.history_wrap .item .inner strong .optxt.op9{transition-delay:350ms;-webkit-transition-delay:350ms;}
.history_wrap .item .inner strong .optxt.op10{transition-delay:450ms;-webkit-transition-delay:450ms;}
.history_wrap .item .inner strong .optxt.op11{transition-delay:550ms;-webkit-transition-delay:550ms;}
.history_wrap .item .inner strong .optxt.op12{transition-delay:500ms;-webkit-transition-delay:500ms;}
.history_wrap .item .inner strong .optxt.op13{transition-delay:600ms;-webkit-transition-delay:600ms;}
.history_wrap .item .inner strong .optxt.op14{transition-delay:700ms;-webkit-transition-delay:700ms;}
.history_wrap .item .inner strong .optxt.op15{transition-delay:650ms;-webkit-transition-delay:650ms;}
.history_wrap .item .inner strong .optxt.op16{transition-delay:750ms;-webkit-transition-delay:750ms;}
.history_wrap .item .inner strong .optxt.op17{transition-delay:850ms;-webkit-transition-delay:850ms;}
.history_wrap .item .inner strong .optxt.op18{transition-delay:800ms;-webkit-transition-delay:800ms;}
.history_wrap .item .inner strong .optxt.op19{transition-delay:900ms;-webkit-transition-delay:900ms;}
.history_wrap .item .inner strong .optxt.op20{transition-delay:1000ms;-webkit-transition-delay:1000ms;}
.history_wrap .item .inner strong .optxt.op21{transition-delay:950ms;-webkit-transition-delay:950ms;}
.history_wrap .item .inner strong .optxt.op22{transition-delay:1050ms;-webkit-transition-delay:1050ms;}
.history_wrap .item.action .inner strong .optxt{opacity:1;}



/*
#ut_history{display:none}
*/
/*
.expand-target{display:none;z-index:13;position:absolute;top:-182px;right:0;bottom:0;left:0;padding:18px 25px 25px;background:#2c3441;min-height:252px;}
.expand-target button{display:block;position:absolute;top:30px;right:30px;width:30px;height:30px;margin:20px auto 0;border:1px solid #ddd;background:url(/images/china/main/expand_close2.png) no-repeat 50% 50%;font-size:0;}
.expand-target ul:after{content:"";display:block;clear:both}
.expand-target ul li{margin:7px 0 0;padding-right:10px;width:33.33%;float:left;}
.expand-target ul li:after{content:"";display:block;clear:both}
.expand-target ul li a{float:left;width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#cfcfcf}
.expand-target ul li a:before{content:"";position:relative;top:-2px;display:inline-block;width:4px;height:2px;margin-right:7px;vertical-align:middle;background:#b5b9c0}
.expand-target ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}
.expand-target ul li a:hover,
.expand-target ul li a:focus{color:#fff}


*/